@media (min-width: 1020px) { .navbar-brand-container { margin-right: 1em; } } @media (max-width: 1060px) and (min-width: 991.98px) { #navbarCollapse ul:last-of-type a.nav-link { padding-left: .25em; padding-right: .25em; } .navbar #quarto-search { margin-left: .1em; } .navbar .bi-twitter, .navbar .bi-github, .navbar .bi-rss { font-size: .8em; } } @media (min-width: 991.98px) { body.quarto-light #quarto-header { border-bottom: 1px solid #dee2e6; } body.quarto-dark #quarto-header { border-bottom: 1px solid #3b3f47; } } .navbar-brand > img { max-height: 36px; } .platform-table td { vertical-align: middle; } .platform-table td > div.sourceCode { margin-top: 0.3rem; margin-bottom: 0.3rem; } .document-example { opacity: 0.9; padding: 6px; font-weight: 500; margin-bottom: 1rem; } .document-example div { padding: 5px; } .document-example .citation { color: blue; } .trademark { font-size: 0.6rem; display: inline-block; margin-left: -3px; } .search-attribution { margin-top: 20px; padding-bottom: 20px; height: 40px; } .download-button { margin-top: 1em; } .download-table { margin-bottom: 2em; } .download-table p { margin-bottom: 0; } .download-table .checksum { color: var(--bs-primary); font-size: .775em; cursor: pointer; padding-top: 4px; } .download-button { display:flex; padding-bottom: 10px; padding-top: 10px; } .download-button .secondary { font-size: .775em; margin-bottom: 0; } .download-button .container { display: flex; padding-left: 10px; padding-right: 40px; } .download-button .icon-container { fill: white; width: 30px; margin-right: 15px; } iframe.reveal-demo { width: 100%; height: 350px; outline: none; } .slide-deck { border: 3px solid #dee2e6; width: 100%; height: 475px; } @media only screen and (max-width: 600px) { .slide-deck { height: 400px; } } @media (max-width: 575px) { .link-cards .card { margin-bottom: 20px; margin-right: 35px; } } @media (min-width: 576px) { .link-cards { display: flex; flex-direction: row; flex-wrap: wrap; } .link-cards .card { width: 190px; margin: 0 20px 12px 0; } } .link-cards .card { border: none; padding: 0; } .link-cards .card-title h4 { margin-top: 0; } .link-cards .card-title p { margin-bottom: 0; } .link-cards .card-subtitle { margin-bottom: 0.7rem; } .link-cards .card-body { padding: 0.5rem; padding-left: 0.1rem; } .link-cards .card-body ul { margin-bottom: 0; padding-left: 0; list-style-type: none; } .link-cards .card-body ul a { text-decoration: none; } .link-cards .card-body ul li { padding-bottom: 0.2rem; } .card .source-code { margin-top: 3px; } .carousel.card { font-size: 16px; padding-top: 2em; } .carousel.card a { text-decoration: none; } .carousel img { width: 70%; margin-bottom: 110px; } .carousel .carousel-control-prev-icon, .carousel .carousel-control-next-icon { margin-bottom: 110px; } .gallery-category { column-gap: 10px; } .btn-action-primary { color: white; background-color: #447099; } .btn-action-primary:hover { background-color: #305775; color: white; } .btn-action { min-width: 165px; border-radius: 30px; border: none; } .panel-tabset[data-group="tools-tabset"] .choose-your-tool { max-width: 90px; margin-right: 25px; margin-top: 30px; font-weight: 300; font-size: 1.3rem; text-align: left; vertical-align: center; } .panel-tabset[data-group="tools-tabset"] .tab-content { border: none; padding-left: 5px; } .panel-tabset[data-group="tools-tabset"] .nav-tabs { border-bottom: none; } .panel-tabset[data-group="tools-tabset"] .nav-tabs .nav-link { text-align: center; margin-right: 10px; margin-top: 10px; color: inherit; width: 102px; font-size: 0.8em; } .panel-tabset[data-group="tools-tabset"] .nav-tabs .nav-link, .panel-tabset[data-group="tools-tabset"] .nav-tabs .nav-link.active, .panel-tabset[data-group="tools-tabset"] .nav-tabs .nav-item.show .nav-link { border: 1px solid rgb(222, 226, 230); border-radius: 10px; } .panel-tabset[data-group="tools-tabset"] .nav-tabs .nav-link:hover { border-color: rgb(80,146,221); border-width: 1px; } .panel-tabset[data-group="tools-tabset"] .nav-tabs .nav-link.active, .panel-tabset[data-group="tools-tabset"] .nav-tabs .nav-item.show .nav-link { border-color: rgb(80,146,221); border-width: 2px; } .panel-tabset[data-group="tools-tabset"] .nav-tabs .nav-link img { width: 65px; height: 65px; display: block; margin-bottom: 2px; } /* .panel-tabset[data-group="tools-tabset"] .nav-tabs .nav-link { text-align: center; margin-right: 10px; margin-top: 10px; color: inherit; width: 102px; font-size: 0.8em; } .panel-tabset[data-group="tools-tabset"] .nav-tabs .nav-link img { width: 45px; height: 45px; margin-left: 10px; display: block; margin-bottom: 2px; } */ .download-text { font-size: 1.1em; font-weight: 500; } .preview-image-grid { gap: .75em; } .preview-image-grid p { margin-bottom: 0; } .preview-image-label { text-align: center; font-size: .75em; font-weight: 600; } .illustration { border: 1px solid #dee2e6; } span.color-box-container { display: inline-flex; align-items: center; /* Align vertically */ } span.color-box { display: inline-block; width: 1em; /* Width of the color box */ height: 1em; /* Height of the color box */ margin-right: 0.2em; /* Space between box and text */ border: 1px solid #000; /* Border color */ }