smartmenus
Version:
Website/web app navbars with collapsible navs or dropdowns made easy yet highly configurable.
1 lines • 95.9 kB
Source Map (JSON)
{"version":3,"sourceRoot":"","sources":["../../../src/css/variables/_layout.scss","../../../src/css/layout/components/_navbar.scss","../../../src/css/layout/components/_container.scss","../../../src/css/layout/components/_brand.scss","../../../src/css/layout/components/_toggler.scss","../../../src/css/layout/components/_collapse.scss","../../../src/css/layout/components/_offcanvas.scss","../../../src/css/layout/components/_offcanvas-overlay.scss","../../../src/css/layout/components/_nav.scss","../../../src/css/layout/components/_nav-item.scss","../../../src/css/layout/components/_nav-item-separator.scss","../../../src/css/layout/components/_nav-link.scss","../../../src/css/layout/components/_sub-toggler.scss","../../../src/css/layout/components/_sub.scss","../../../src/css/layout/components/_sub-item.scss","../../../src/css/layout/components/_sub-item-separator.scss","../../../src/css/layout/components/_sub-link.scss","../../../src/css/layout/utility/_animations.scss","../../../src/css/layout/utility/_utility.scss","../../../src/css/variables/_theme-base.scss","../../../src/css/variables/_theme-collapsible.scss","../../../src/css/smartmenus-max.rtl.scss","../../../src/css/theme/_collapsible.scss","../../../src/css/variables/_theme-dropdowns.scss","../../../src/css/theme/_dropdowns.scss"],"names":[],"mappings":"AA8EA,WACE,0BACA,iCACA,oCACA,iCACA,sDACA,gCACA,6CACA,4DACA,oEACA,4BACA,8CACA,yBACA,mEACA,2EACA,wCACA,qEC5FF,WACE,sBACA,aACA,eACA,mBACA,8BACA,kBACA,iCAKE,cACA,iBAGF,mBACA,0CAEF,sDAGE,mBAOF,2BACE,iBAIF,yBACE,6CACE,kBAMF,4FACE,cAEF,yBACE,qDACE,eAOJ,6CACE,oBACA,mBAEF,yBACE,mBACE,oBACA,oBAOJ,uBACE,gBACA,uCAEF,0BACE,gBACA,6CAMF,+CAEE,eACA,MACA,OACA,QAEF,yBACE,SACA,SAMF,yBACE,cACA,eACA,MACA,SACA,OACA,qCACA,gBAEF,kDACE,UACA,QAEF,mDACE,mBAEF,yBACE,2DACE,mBAEF,mDAEE,cACA,eACA,MACA,SACA,OACA,qCAEF,0BACE,UACA,QAEF,kEACE,iBAGJ,6BACE,4CACA,oNACA,+OAEF,qDACE,kEACA,8CACA,yCAEF,8EACE,oEACA,mEAEF,yBACE,6BACE,kEACA,8CACA,yCAEF,sDACE,oEACA,oEC1JN,cACE,gBACA,kBACA,oBACA,wBACA,iBACA,kBACA,WACA,wCCRF,UACE,cACA,SACA,UCHF,YACE,qBACA,kBAEF,uCACE,aAEF,yBACE,yDACE,cAKJ,kBACE,aAIF,mBACE,cACA,8BAEF,yBACE,aAEF,6HAEE,aAEF,6HAEE,cAIF,iBACE,cACA,kBACA,WACA,YAIF,uBACE,qBAEF,6DAEE,WACA,kBACA,oBACA,OACA,QACA,qBACA,SACA,gBAEF,8BACE,SACA,SAIF,6DAEE,WACA,kBACA,oBACA,OACA,QACA,qBACA,SACA,gBACA,yBAEF,8BACE,wBAIF,sCACE,cAMA,oDACE,qBAEF,yBACE,oFACE,cAKJ,uCACE,cAIF,uCACE,cAIF,+CACE,cAEF,yBACE,iEACE,cAOJ,qCACE,aAEF,yBACE,kDACE,cC7HN,aACE,aACA,gBAEF,4CAEE,cAEF,8CACE,wBACE,4CAEF,uBACE,6CAGJ,wCACE,gBACA,kBACA,oBACA,wBAEF,yBACE,0DACE,gBACA,kBACA,oBACA,yBAMF,mGAEE,yCACA,gBAEF,uJAEE,gBACA,mBAEF,yBACE,uKAEE,gBACA,oBAOJ,yBACE,mDACE,eCvDJ,cACE,aACA,gBACA,eACA,MACA,SACA,OACA,gCACA,gBACA,iDAEF,0CACE,UACA,QACA,gDAEF,mFAEE,QACA,WACA,iDAEF,2CACE,gDAEF,8CAEE,cAEF,8CACE,yBACE,mCAEF,wBACE,4CAGJ,yBACE,yDACE,gBACA,kBACA,oBACA,wBACA,gBACA,WACA,qBACA,kCACA,mBACA,gBAGJ,yCACE,mBAEF,yBACE,2DACE,oBAIJ,+BACE,KACE,6CAEF,GACE,gBCjEJ,sBACE,aACA,eACA,MACA,SACA,OACA,QACA,0CACA,eAEF,8DAEE,cAEF,8CACE,iCACE,2BAEF,gCACE,oCCpBN,QACE,aACA,wBACA,gBACA,gBACA,SACA,UACA,eACA,oBAEF,mCACE,mBAEF,yBACE,qDACE,oBAMF,uDACE,wBACA,mBAEF,yBACE,+DACE,wBACA,oBAUJ,yCACE,2BAEF,yBACE,cACE,4BAOJ,2CACE,uBAEF,yBACE,gBACE,wBAOJ,0CACE,yBAEF,yBACE,eACE,0BAOJ,yCACE,cAEF,yBACE,cACE,eAOJ,4CACE,WAEF,yBACE,iBACE,YC3FN,aACE,aACA,cACE,wDAGF,kBACA,gBACA,SACA,UACA,oBAKA,sDACE,cAEF,yBACE,2BACE,eAOJ,yDACE,WAEF,yBACE,8BACE,YASN,uBACE,gBC1CF,uBACE,0CACA,wCACA,6CAEA,yFACA,SACA,+CACA,SACA,mBACA,gBAEF,kDACE,yFACA,SACA,gDACA,YAEF,yBACE,oEACE,yFACA,SACA,gDACA,aAMF,sEACE,yFACA,SACA,+CACA,SAEF,yBACE,8EACE,yFACA,SACA,+CACA,UCxCN,aACE,eACA,aACA,mBACA,8BACA,kBACA,oBAEF,wCACE,mBAEF,yBACE,0DACE,oBAGJ,yBACE,eAKA,4DACE,mBAEF,yBACE,oEACE,oBAWN,wCACE,6BACA,eAIF,gDACE,WACA,kBAIE,QAGF,MACA,SACA,aACA,sBACA,gBCzDF,uBACE,mCACA,sCACA,yCAEA,YACA,qBAIE,gDAGF,sCACA,uCACA,4CACA,kBAEF,mCACE,YAIF,oFAEE,qDACA,sDC1BF,QACE,cACA,aACA,gBACA,SACA,UACA,oBAEF,kCAEE,cAEF,8CACE,mBACE,mDAEF,kBACE,oDAKJ,mCACE,eACA,kBACA,kCAEF,yBACE,qDACE,eACA,kBACA,mCAGJ,8CACE,8CACE,iDAEF,6CACE,kDAEF,oEACE,gEACE,iDAEF,+DACE,kDASN,cACE,OACA,QAKA,6DACE,UACA,WACA,MACA,SAEF,yBACE,mCACE,UACA,WACA,MACA,UCzEN,aACE,aACA,cACE,wDAGF,kBACA,gBACA,SACA,UACA,oBCVF,uBACE,iBACA,SACA,qBACA,SACA,gBCLF,aACE,eACA,aACA,mBACA,8BACA,kBACA,oBAEF,wCACE,mBAEF,yBACE,0DACE,oBAGJ,yBACE,eASF,wCACE,6BACA,eAIF,gDACE,WACA,kBAIE,QAGF,MACA,SACA,aACA,sBACA,gBC7CF,2BACE,KACE,aACA,gBAEF,GACE,mCACA,iBAIJ,uBACE,KACE,UAEF,GACE,WChBJ,4BACE,eACE,yBAIJ,yBACE,eACE,yBCkCJ,WACE,iBACA,mBACA,oBACA,0BACA,qBACA,8BACA,cACA,uCACA,mBACA,2CACA,qBACA,2CACA,uBACA,+CACA,sCACA,mCACA,uBACA,oCACA,0BACA,qBACA,+BACA,uBACA,wBACA,+BACA,8BC6CF,WACE,kDACA,6CACA,0CACA,4CACA,uDACA,uCACA,uCACA,mEACA,+DACA,iEACA,mEACA,2CACA,yCACA,0EACA,iDACA,yDACA,oEACA,0CACA,iEACA,4FACA,2FACA,8CACA,0DACA,0DACA,iEACA,qDACA,mEACA,uDACA,sGACA,8GACA,6GACA,oEACA,wDACA,qDACA,sEACA,0CACA,0CACA,yEACA,+DACA,uDACA,oGACA,iDACA,+CACA,mDACA,0CACA,2CACA,kDACA,4DACA,oGACA,oCACA,oCACA,gEACA,sCACA,2CACA,8EACA,4FACA,8FACA,8GACA,gDACA,0CACA,iEACA,4FACA,2FACA,8CACA,sDACA,sDACA,oFACA,8EACA,+EACA,yEACA,0EACA,8GACA,6GACA,wFACA,kFACA,qDACA,kEACA,yCACA,0CACA,wGACA,0HACA,0GACA,oGCrLF,4BCNA,qDACE,uDACA,uDACA,uDACA,sFACA,2CACA,yCACA,qDACA,mDAIE,+EAOJ,qDACE,0FACA,wCACA,kCACA,gDACA,oDACA,kCACA,mBACA,qBAGF,kLAGE,cACA,qBAMF,8DACE,0FACA,kCACA,iBAMF,yDACE,sFACA,2CAMF,qEACE,oDAMF,kEACE,gFACA,kFACA,kGAMF,wDACE,4CACA,2DACA,0FACA,6CACA,2CACA,kCACA,8BACA,uDACA,kCACA,sBAEF,iEACE,8DACE,mDACA,kDDlFJ,4BCqFA,+DACE,oDACA,mDDvFF,4BC0FA,oEACE,oEACA,sDACA,qDD7FF,4BC+FA,oEACE,sDACA,oDACA,iEDlGF,4BCoGA,oEACE,6CACA,qDDtGF,4BC0GA,iFACE,kED3GF,4BC6GA,gFACE,iED9GF,4BCgHA,6FACE,2EDjHF,4BCmHA,4FACE,0EDpHF,4BC0HA,mFACE,qFD3HF,4BC+HA,2FACE,wEACA,kEACA,gEDlIF,4BCsIA,4GAII,wKD1IJ,4BC+IA,sIACE,mDDhJF,4BCsJA,2DACE,UDvJF,4BC2JA,kEACE,wEAEA,sBACA,mEACA,+EACA,mBACA,yBACA,qDACA,kDACA,0BDrKF,4BCuKA,8EACE,8EACA,2BDzKF,4BC+KA,mDACE,kEACA,gFACA,oDACA,mDDnLF,4BCqLA,2DACE,sDACA,yCDvLF,4BC6LA,qEACE,qDD9LF,4BCoMA,kEACE,iHACA,4DDtMF,4BC4MA,wDACE,4CACA,2DACA,0FACA,6CACA,2CACA,kCACA,oCACA,uDACA,kCACA,sBAEF,iEACE,8DACE,mDACA,kDD3NJ,4BC8NA,+DACE,oDACA,mDDhOF,4BCmOA,oEACE,oEACA,sDACA,qDDtOF,4BCwOA,oEACE,sDACA,oDACA,iED3OF,4BC6OA,oEACE,6CACA,qDD/OF,4BCmPA,iFACE,kEDpPF,4BCsPA,gFACE,iEDvPF,4BCyPA,6FACE,2ED1PF,4BC4PA,4FACE,0ED7PF,4BCiQA,gEACE,eDlQF,4BCoQA,wEACE,eDrQF,4BCuQA,gFACE,eDxQF,4BC0QA,wFACE,eD3QF,4BC6QA,gGACE,eD9QF,4BCgRA,qGAII,4IDpRJ,4BC2RA,mFACE,qFD5RF,4BCgSA,2FACE,wEACA,kEACA,gEDnSF,4BCuSA,4GAII,wKD3SJ,4BCgTA,sIACE,mDD5SF,yBCXA,uCACE,uDACA,uDACA,uDACA,sFACA,2CACA,yCACA,qDACA,mDAIE,+EAOJ,uCACE,0FACA,wCACA,kCACA,gDACA,oDACA,kCACA,mBACA,qBAGF,wIAGE,cACA,qBAMF,gDACE,0FACA,kCACA,iBAMF,2CACE,sFACA,2CAMF,uDACE,oDAMF,oDACE,gFACA,kFACA,kGAMF,0CACE,4CACA,2DACA,0FACA,6CACA,2CACA,kCACA,8BACA,uDACA,kCACA,sBAEF,8DACE,gDACE,mDACA,kDD7EJ,yBCgFA,iDACE,oDACA,mDDlFF,yBCqFA,sDACE,oEACA,sDACA,qDDxFF,yBC0FA,sDACE,sDACA,oDACA,iED7FF,yBC+FA,sDACE,6CACA,qDDjGF,yBCqGA,mEACE,kEDtGF,yBCwGA,kEACE,iEDzGF,yBC2GA,+EACE,2ED5GF,yBC8GA,8EACE,0ED/GF,yBCqHA,qEACE,qFDtHF,yBC0HA,6EACE,wEACA,kEACA,gED7HF,yBCiIA,8FAII,wKDrIJ,yBC0IA,wHACE,mDD3IF,yBCiJA,6CACE,UDlJF,yBCsJA,oDACE,wEAEA,sBACA,mEACA,+EACA,mBACA,yBACA,qDACA,kDACA,0BDhKF,yBCkKA,gEACE,8EACA,2BDpKF,yBC0KA,qCACE,kEACA,gFACA,oDACA,mDD9KF,yBCgLA,6CACE,sDACA,yCDlLF,yBCwLA,uDACE,qDDzLF,yBC+LA,oDACE,iHACA,4DDjMF,yBCuMA,0CACE,4CACA,2DACA,0FACA,6CACA,2CACA,kCACA,oCACA,uDACA,kCACA,sBAEF,8DACE,gDACE,mDACA,kDDtNJ,yBCyNA,iDACE,oDACA,mDD3NF,yBC8NA,sDACE,oEACA,sDACA,qDDjOF,yBCmOA,sDACE,sDACA,oDACA,iEDtOF,yBCwOA,sDACE,6CACA,qDD1OF,yBC8OA,mEACE,kED/OF,yBCiPA,kEACE,iEDlPF,yBCoPA,+EACE,2EDrPF,yBCuPA,8EACE,0EDxPF,yBC4PA,kDACE,eD7PF,yBC+PA,0DACE,eDhQF,yBCkQA,kEACE,eDnQF,yBCqQA,0EACE,eDtQF,yBCwQA,kFACE,eDzQF,yBC2QA,uFAII,4ID/QJ,yBCsRA,qEACE,qFDvRF,yBC2RA,6EACE,wEACA,kEACA,gED9RF,yBCkSA,8FAII,wKDtSJ,yBC2SA,wHACE,mDClNF,WACE,gDACA,2CACA,wCACA,0CACA,qDACA,qCACA,qCACA,iEACA,6DACA,6DACA,iEACA,yCACA,wEACA,+CACA,uDACA,gEACA,wCACA,+DACA,wFACA,uFACA,4CACA,wDACA,wDACA,+DACA,mDACA,iEACA,qDACA,2FACA,uGACA,qGACA,kEACA,sDACA,mDACA,oEACA,wCACA,wCACA,uEACA,6DACA,qDACA,gGACA,+CACA,8CACA,gDACA,mDACA,wCACA,oCACA,qCACA,uCACA,kDACA,0DACA,sEACA,kCACA,kCACA,8DACA,8DACA,wFACA,0FACA,0GACA,8CACA,wCACA,qEACA,wFACA,uFACA,4CACA,oDACA,oDACA,gFACA,0EACA,oFACA,8EACA,2FACA,uGACA,qGACA,oFACA,8EACA,mDACA,gEACA,uCACA,wCACA,oGACA,sHACA,sGACA,gGFrKF,4BGnBA,qCACE,qDACA,qDACA,qDACA,kFACA,yCACA,uCACA,mDACA,iDAIE,6EAOJ,qCACE,sFACA,sCACA,kCACA,8CACA,kDACA,kCACA,mBACA,qBAGF,kIAGE,cACA,qBAMF,8CACE,sFACA,kCACA,iBAMF,yCACE,kFACA,yCAMF,kDACE,8EACA,gFACA,gGAMF,wCACE,4CACA,yDACA,sFACA,2CACA,yCACA,kCACA,8BACA,qDACA,kCACA,sBAEF,iEACE,8CACE,iDACA,gDH9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","file":"src/css/smartmenus-max.rtl.css","sourcesContent":["//\n// SASS-only variables\n//\n\n\n// Viewport breakpoints\n$vp-large-min: 768px !default;\n$vp-small-max: $vp-large-min - 0.02 !default;\n\n\n// Features support (you may disable any feature you don't need to decrease the size of the generated CSS)\n$support-navbar-vertical: true !default;\n$support-navbar-inline: true !default;\n$support-navbar-sticky: true !default;\n$support-navbar-fixed: true !default;\n$support-navbar-offcanvas: true !default;\n$support-navbar-sidebar: true !default;\n$support-nav-left: true !default;\n$support-nav-center: true !default;\n$support-nav-right: true !default;\n$support-nav-fill: true !default;\n$support-nav-justify: true !default;\n\n\n// CSS variables prefix\n$prefix: sm !default;\n\n\n// CSS variables scope (you could change this to :root if you like)\n$var-scope: '.sm-navbar' !default;\n\n\n// RTL mode\n$rtl: false !default;\n\n\n//\n// SASS and CSS variables\n//\n\n\n// Components\n\n// Navbar\n$navbar-z-index: 9999 !default;\n\n// Sticky top navbar\n$navbar-sticky-top-offset: 0 !default;\n\n// Sticky bottom navbar\n$navbar-sticky-bottom-offset: 0 !default;\n\n// Sidebar navbar\n$navbar-sidebar-width: 300px !default;\n$navbar-sidebar-centered-layout-max-width: 1200px !default;\n\n// Container\n$container-max-width: 960px !default;\n\n// Collapse\n$collapse-max-height: calc(100vh - 70px) !default;\n$collapse-show-animation: sm-ani-collapse 0.25s ease-in !default;\n$collapse-hide-animation: sm-ani-collapse 0.25s ease-in reverse !default;\n\n// Offcanvas\n$offcanvas-width: 300px !default;\n\n// Offcanvas Overlay\n$offcanvas-overlay-bg: rgba(0, 0, 0, 0.3) !default;\n\n// Sub\n$sub-min-width: 12em !default;\n$sub-collapsible-show-animation: sm-ani-collapse 0.25s ease-in !default;\n$sub-collapsible-hide-animation: sm-ani-collapse 0.25s ease-in reverse !default;\n$sub-dropdowns-show-animation: none !default;\n$sub-dropdowns-hide-animation: sm-ani-fade 0.25s ease-in reverse !default;\n\n\n#{$var-scope} {\n --#{$prefix}-navbar-z-index: #{$navbar-z-index};\n --#{$prefix}-navbar-sticky-top-offset: #{$navbar-sticky-top-offset};\n --#{$prefix}-navbar-sticky-bottom-offset: #{$navbar-sticky-bottom-offset};\n --#{$prefix}-navbar-sidebar-width: #{$navbar-sidebar-width};\n --#{$prefix}-navbar-sidebar-centered-layout-max-width: #{$navbar-sidebar-centered-layout-max-width};\n --#{$prefix}-container-max-width: #{$container-max-width};\n --#{$prefix}-collapse-max-height: #{$collapse-max-height};\n --#{$prefix}-collapse-show-animation: #{$collapse-show-animation};\n --#{$prefix}-collapse-hide-animation: #{$collapse-hide-animation};\n --#{$prefix}-offcanvas-width: #{$offcanvas-width};\n --#{$prefix}-offcanvas-overlay-bg: #{$offcanvas-overlay-bg};\n --#{$prefix}-sub-min-width: #{$sub-min-width};\n --#{$prefix}-sub-collapsible-show-animation: #{$sub-collapsible-show-animation};\n --#{$prefix}-sub-collapsible-hide-animation: #{$sub-collapsible-hide-animation};\n --#{$prefix}-sub-dropdowns-show-animation: #{$sub-dropdowns-show-animation};\n --#{$prefix}-sub-dropdowns-hide-animation: #{$sub-dropdowns-hide-animation};\n}\n","// Navbar\n\n.sm-navbar {\n box-sizing: border-box;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n position: relative;\n z-index: var(--#{$prefix}-navbar-z-index);\n @if not $rtl {\n direction: ltr;\n text-align: left;\n } @else {\n direction: rtl;\n text-align: right;\n }\n\n line-height: normal;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.sm-navbar *,\n.sm-navbar *::before,\n.sm-navbar *::after {\n box-sizing: inherit;\n}\n\n\n// Navbar variants\n\n// Dropdowns only\n.sm-navbar--dropdowns-only {\n flex-wrap: nowrap;\n}\n\n// Collapsible only\n@media (min-width: $vp-large-min) {\n .sm-navbar:not(.sm-navbar--collapsible-only) {\n flex-wrap: nowrap;\n }\n}\n\n@if $support-navbar-vertical {\n // Vertical navbar (for navbars with dropdowns)\n .sm-navbar--vertical.sm-navbar--dropdowns-only:not(.sm-navbar[class*='sm-navbar--offcanvas']) {\n display: block;\n }\n @media (min-width: $vp-large-min) {\n .sm-navbar--vertical:not(.sm-navbar--offcanvas-only) {\n display: block;\n }\n }\n}\n\n@if $support-navbar-inline {\n // Inline (not full-width) navbar (for navbars with dropdowns)\n .sm-navbar--inline.sm-navbar--dropdowns-only {\n display: inline-flex;\n vertical-align: top;\n }\n @media (min-width: $vp-large-min) {\n .sm-navbar--inline {\n display: inline-flex;\n vertical-align: top;\n }\n }\n}\n\n@if $support-navbar-sticky {\n // Sticky navbar\n .sm-navbar--sticky-top {\n position: sticky;\n top: var(--#{$prefix}-navbar-sticky-top-offset);\n }\n .sm-navbar--sticky-bottom {\n position: sticky;\n bottom: var(--#{$prefix}-navbar-sticky-bottom-offset);\n }\n}\n\n@if $support-navbar-fixed {\n // Fixed navbar\n .sm-navbar--fixed-top,\n .sm-navbar--fixed-bottom {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n }\n .sm-navbar--fixed-bottom {\n top: auto;\n bottom: 0;\n }\n}\n\n@if $support-navbar-sidebar {\n // Sidebar navbar\n .sm-navbar--sidebar-only {\n display: block;\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n width: var(--#{$prefix}-navbar-sidebar-width);\n overflow-y: auto;\n }\n .sm-navbar--sidebar-only.sm-navbar--sidebar-right {\n left: auto;\n right: 0;\n }\n .sm-navbar--sidebar-only.sm-navbar--dropdowns-only {\n overflow-y: visible;\n }\n @media (min-width: $vp-large-min) {\n .sm-navbar--sidebar-only:not(.sm-navbar--collapsible-only) {\n overflow-y: visible;\n }\n .sm-navbar--sidebar-left,\n .sm-navbar--sidebar-right {\n display: block;\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n width: var(--#{$prefix}-navbar-sidebar-width);\n }\n .sm-navbar--sidebar-right {\n left: auto;\n right: 0;\n }\n .sm-navbar[class*='sm-navbar--sidebar'].sm-navbar--collapsible-only {\n overflow-y: auto;\n }\n }\n .sm-navbar--sidebar-centered {\n --#{$prefix}-navbar-sidebar-centered-padding-x: 0px;\n --#{$prefix}-navbar-sidebar-centered-spacing: max(var(--#{$prefix}-navbar-sidebar-centered-padding-x), calc((100% - (var(--#{$prefix}-navbar-sidebar-centered-layout-max-width) - (var(--#{$prefix}-navbar-sidebar-centered-padding-x) * 2))) / 2));\n --#{$prefix}-navbar-sidebar-centered-width: calc((100% - (var(--#{$prefix}-navbar-sidebar-centered-layout-max-width) - (var(--#{$prefix}-navbar-sidebar-centered-padding-x) * 2))) / 2 + var(--#{$prefix}-navbar-sidebar-width) - var(--#{$prefix}-navbar-sidebar-centered-padding-x));\n }\n .sm-navbar--sidebar-centered.sm-navbar--sidebar-only {\n padding-left: var(--#{$prefix}-navbar-sidebar-centered-spacing) !important;\n width: var(--#{$prefix}-navbar-sidebar-centered-width);\n min-width: var(--#{$prefix}-navbar-sidebar-width);\n }\n .sm-navbar--sidebar-centered.sm-navbar--sidebar-only.sm-navbar--sidebar-right {\n padding-left: var(--#{$prefix}-navbar-sidebar-centered-padding-x) !important;\n padding-right: var(--#{$prefix}-navbar-sidebar-centered-spacing) !important;\n }\n @media (min-width: $vp-large-min) {\n .sm-navbar--sidebar-centered {\n padding-left: var(--#{$prefix}-navbar-sidebar-centered-spacing) !important;\n width: var(--#{$prefix}-navbar-sidebar-centered-width);\n min-width: var(--#{$prefix}-navbar-sidebar-width);\n }\n .sm-navbar--sidebar-centered.sm-navbar--sidebar-right {\n padding-left: var(--#{$prefix}-navbar-sidebar-centered-padding-x) !important;\n padding-right: var(--#{$prefix}-navbar-sidebar-centered-spacing) !important;\n }\n }\n}\n","// Container\n\n.sm-container {\n display: inherit;\n flex-flow: inherit;\n align-items: inherit;\n justify-content: inherit;\n margin-left: auto;\n margin-right: auto;\n width: 100%;\n max-width: var(--#{$prefix}-container-max-width);\n}\n","// Nav Brand\n\n.sm-brand {\n display: block;\n margin: 0;\n padding: 0;\n}\n","// Toggler\n\n.sm-toggler {\n display: inline-block;\n position: relative;\n}\n.sm-navbar--dropdowns-only .sm-toggler {\n display: none;\n}\n@media (min-width: $vp-large-min) {\n .sm-navbar:not(.sm-navbar--collapsible-only) .sm-toggler {\n display: none;\n }\n}\n\n// State element\n.sm-toggler-state {\n display: none;\n}\n\n// Anchors\n.sm-toggler-anchor {\n display: block;\n color: currentcolor !important;\n}\n.sm-toggler-anchor--hide {\n display: none;\n}\n.sm-toggler-state.sm-show ~ .sm-toggler .sm-toggler-anchor--show,\n.sm-toggler-state:target ~ .sm-toggler .sm-toggler-anchor--show {\n display: none;\n}\n.sm-toggler-state.sm-show ~ .sm-toggler .sm-toggler-anchor--hide,\n.sm-toggler-state:target ~ .sm-toggler .sm-toggler-anchor--hide {\n display: block;\n}\n\n// Icons\n.sm-toggler-icon {\n display: block;\n position: relative;\n width: 26px;\n height: 18px;\n}\n\n// Show icon (hamburger)\n.sm-toggler-icon--show {\n border-top: 2px solid;\n}\n.sm-toggler-icon--show::before,\n.sm-toggler-icon--show::after {\n content: '';\n position: absolute;\n top: calc(50% - 2px);\n left: 0;\n right: 0;\n border-top: 2px solid;\n height: 0;\n overflow: hidden;\n}\n.sm-toggler-icon--show::after {\n top: auto;\n bottom: 0;\n}\n\n// Hide icon (x)\n.sm-toggler-icon--hide::before,\n.sm-toggler-icon--hide::after {\n content: '';\n position: absolute;\n top: calc(50% - 1px);\n left: 0;\n right: 0;\n border-top: 2px solid;\n height: 0;\n overflow: hidden;\n transform: rotate(-45deg);\n}\n.sm-toggler-icon--hide::after {\n transform: rotate(45deg);\n}\n\n// Show the collapse when needed\n.sm-toggler-state:target ~ .sm-collapse {\n display: block;\n}\n\n@if $support-navbar-offcanvas {\n // Offcanvas navbar\n // Show the toggler when needed\n .sm-navbar[class*='sm-navbar--offcanvas'] .sm-toggler {\n display: inline-block;\n }\n @media (min-width: $vp-large-min) {\n .sm-navbar[class*='sm-navbar--offcanvas']:not(.sm-navbar--offcanvas-only) .sm-toggler {\n display: none;\n }\n }\n\n // Always show any hide anchors nested in an offcanvas\n .sm-offcanvas .sm-toggler-anchor--hide {\n display: block;\n }\n\n // Show the offcanvas when needed\n .sm-toggler-state:target ~ .sm-offcanvas {\n display: block;\n }\n\n // Show the overlay when needed\n .sm-toggler-state:target ~ .sm-offcanvas-overlay {\n display: block;\n }\n @media (min-width: $vp-large-min) {\n .sm-navbar:not(.sm-navbar--offcanvas-only) .sm-offcanvas-overlay {\n display: none;\n }\n }\n}\n\n@if $support-navbar-sidebar {\n // Sidebar navbar\n .sm-navbar--sidebar-only .sm-toggler {\n display: none;\n }\n @media (min-width: $vp-large-min) {\n .sm-navbar[class*='sm-navbar--sidebar'] .sm-toggler {\n display: none;\n }\n }\n}\n","// Collapse\n\n.sm-collapse {\n display: none;\n flex-basis: 100%;\n}\n.sm-collapse.sm-show,\n.sm-collapse.sm-hiding {\n display: block;\n}\n@media (prefers-reduced-motion: no-preference) {\n .sm-collapse.sm-showing {\n animation: var(--#{$prefix}-collapse-show-animation);\n }\n .sm-collapse.sm-hiding {\n animation: var(--#{$prefix}-collapse-hide-animation);\n }\n}\n.sm-navbar--dropdowns-only .sm-collapse {\n display: inherit;\n flex-flow: inherit;\n align-items: inherit;\n justify-content: inherit;\n}\n@media (min-width: $vp-large-min) {\n .sm-navbar:not(.sm-navbar--collapsible-only) .sm-collapse {\n display: inherit;\n flex-flow: inherit;\n align-items: inherit;\n justify-content: inherit;\n }\n}\n\n@if $support-navbar-sticky or $support-navbar-fixed {\n // Sticky/Fixed navbar\n .sm-navbar[class*='sm-navbar--sticky'] .sm-collapse,\n .sm-navbar[class*='sm-navbar--fixed'] .sm-collapse {\n max-height: var(--#{$prefix}-collapse-max-height);\n overflow-y: auto;\n }\n .sm-navbar[class*='sm-navbar--sticky'].sm-navbar--dropdowns-only .sm-collapse,\n .sm-navbar[class*='sm-navbar--fixed'].sm-navbar--dropdowns-only .sm-collapse {\n max-height: none;\n overflow-y: visible;\n }\n @media (min-width: $vp-large-min) {\n .sm-navbar[class*='sm-navbar--sticky']:not(.sm-navbar--collapsible-only) .sm-collapse,\n .sm-navbar[class*='sm-navbar--fixed']:not(.sm-navbar--collapsible-only) .sm-collapse {\n max-height: none;\n overflow-y: visible;\n }\n }\n}\n\n@if $support-navbar-sidebar {\n // Sidebar navbar\n @media (min-width: $vp-large-min) {\n .sm-navbar[class*='sm-navbar--sidebar'] .sm-collapse {\n display: block;\n }\n }\n}\n","@if $support-navbar-offcanvas {\n // Offcanvas\n\n .sm-offcanvas {\n display: none;\n flex-basis: 100%;\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n width: var(--#{$prefix}-offcanvas-width);\n overflow-y: auto;\n --#{$prefix}-offcanvas-transform-from: translateX(-100%);\n }\n .sm-navbar--offcanvas-right .sm-offcanvas {\n left: auto;\n right: 0;\n --#{$prefix}-offcanvas-transform-from: translateX(100%);\n }\n .sm-navbar--offcanvas-top .sm-offcanvas,\n .sm-navbar--offcanvas-bottom .sm-offcanvas {\n right: 0;\n width: auto;\n --#{$prefix}-offcanvas-transform-from: translateY(-100%);\n }\n .sm-navbar--offcanvas-bottom .sm-offcanvas {\n --#{$prefix}-offcanvas-transform-from: translateY(100%);\n }\n .sm-offcanvas.sm-show,\n .sm-offcanvas.sm-hiding {\n display: block;\n }\n @media (prefers-reduced-motion: no-preference) {\n .sm-offcanvas.sm-showing {\n animation: sm-offcanvas-toggle 0.25s;\n }\n .sm-offcanvas.sm-hiding {\n animation: sm-offcanvas-toggle 0.25s reverse;\n }\n }\n @media (min-width: $vp-large-min) {\n .sm-navbar:not(.sm-navbar--offcanvas-only) .sm-offcanvas {\n display: inherit;\n flex-flow: inherit;\n align-items: inherit;\n justify-content: inherit;\n position: static;\n width: auto;\n padding: 0 !important;\n background: transparent !important;\n overflow-y: visible;\n transform: none;\n }\n }\n .sm-navbar--dropdowns-only .sm-offcanvas {\n overflow-y: visible;\n }\n @media (min-width: $vp-large-min) {\n .sm-navbar:not(.sm-navbar--collapsible-only) .sm-offcanvas {\n overflow-y: visible;\n }\n }\n\n @keyframes sm-offcanvas-toggle {\n from {\n transform: var(--#{$prefix}-offcanvas-transform-from);\n }\n to {\n transform: none;\n }\n }\n}\n","@if $support-navbar-offcanvas {\n // Offcanvas Overlay\n\n .sm-offcanvas-overlay {\n display: none;\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: var(--#{$prefix}-offcanvas-overlay-bg);\n cursor: default;\n }\n .sm-offcanvas-overlay.sm-show,\n .sm-offcanvas-overlay.sm-hiding {\n display: block;\n }\n @media (prefers-reduced-motion: no-preference) {\n .sm-offcanvas-overlay.sm-showing {\n animation: sm-ani-fade 0.25s;\n }\n .sm-offcanvas-overlay.sm-hiding {\n animation: sm-ani-fade 0.25s reverse;\n }\n }\n}\n","// Nav\n\n.sm-nav {\n display: flex;\n flex-flow: column nowrap;\n flex-basis: 100%;\n list-style: none;\n margin: 0;\n padding: 0;\n max-width: 100%;\n line-height: inherit;\n}\n.sm-navbar--dropdowns-only .sm-nav {\n flex-flow: row wrap;\n}\n@media (min-width: $vp-large-min) {\n .sm-navbar:not(.sm-navbar--collapsible-only) .sm-nav {\n flex-flow: row wrap;\n }\n}\n\n@if $support-navbar-vertical {\n // Vertical navbar\n .sm-navbar--vertical.sm-navbar--dropdowns-only .sm-nav {\n flex-flow: column nowrap;\n align-items: normal;\n }\n @media (min-width: $vp-large-min) {\n .sm-navbar--vertical:not(.sm-navbar--collapsible-only) .sm-nav {\n flex-flow: column nowrap;\n align-items: normal;\n }\n }\n}\n\n\n// Nav variants (for navbars with dropdowns)\n\n@if $support-nav-left {\n // Left-aligned nav\n .sm-navbar--dropdowns-only .sm-nav--left {\n justify-content: flex-start;\n }\n @media (min-width: $vp-large-min) {\n .sm-nav--left {\n justify-content: flex-start;\n }\n }\n}\n\n@if $support-nav-center {\n // Center-aligned nav\n .sm-navbar--dropdowns-only .sm-nav--center {\n justify-content: center;\n }\n @media (min-width: $vp-large-min) {\n .sm-nav--center {\n justify-content: center;\n }\n }\n}\n\n@if $support-nav-right {\n // Right-aligned nav\n .sm-navbar--dropdowns-only .sm-nav--right {\n justify-content: flex-end;\n }\n @media (min-width: $vp-large-min) {\n .sm-nav--right {\n justify-content: flex-end;\n }\n }\n}\n\n@if $support-nav-fill {\n // Full-width nav with proportional-width items that fill all the space\n .sm-navbar--dropdowns-only .sm-nav--fill {\n flex: 1 1 auto;\n }\n @media (min-width: $vp-large-min) {\n .sm-nav--fill {\n flex: 1 1 auto;\n }\n }\n}\n\n@if $support-nav-justify {\n // Full-width nav with equal-width items that fill all the space\n .sm-navbar--dropdowns-only .sm-nav--justify {\n flex: 1 1 0;\n }\n @media (min-width: $vp-large-min) {\n .sm-nav--justify {\n flex: 1 1 0;\n }\n }\n}\n","// Nav Item\n\n.sm-nav-item {\n display: grid;\n grid-template:\n 'link link-split-toggler' auto\n 'sub sub' auto\n / 1fr auto;\n position: relative;\n list-style: none;\n margin: 0;\n padding: 0;\n line-height: inherit;\n}\n\n@if $support-nav-fill {\n // Full-width nav with proportional-width items that fill all the space\n .sm-navbar--dropdowns-only .sm-nav--fill > .sm-nav-item {\n flex: 1 1 auto;\n }\n @media (min-width: $vp-large-min) {\n .sm-nav--fill > .sm-nav-item {\n flex: 1 1 auto;\n }\n }\n}\n\n@if $support-nav-justify {\n // Full-width nav with equal-width items that fill all the space\n .sm-navbar--dropdowns-only .sm-nav--justify > .sm-nav-item {\n flex: 1 1 0;\n }\n @media (min-width: $vp-large-min) {\n .sm-nav--justify > .sm-nav-item {\n flex: 1 1 0;\n }\n }\n}\n\n\n// Nav Item variants\n\n// Nav item with a mega sub\n.sm-nav-item--has-mega {\n position: static;\n}\n","// Nav Item Separator\n\n.sm-nav-item-separator {\n --#{$prefix}-nav-item-separator-border: 1px solid;\n --#{$prefix}-nav-item-separator-spacing: 0.5rem;\n --#{$prefix}-nav-item-separator-fullsize-offset: 6px;\n\n margin: var(--#{$prefix}-nav-item-separator-spacing) var(--#{$prefix}-nav-item-separator-fullsize-offset);\n border: 0;\n border-top: var(--#{$prefix}-nav-item-separator-border);\n height: 0;\n color: currentcolor;\n overflow: hidden;\n}\n.sm-navbar--dropdowns-only .sm-nav-item-separator {\n margin: var(--#{$prefix}-nav-item-separator-fullsize-offset) var(--#{$prefix}-nav-item-separator-spacing);\n border: 0;\n border-left: var(--#{$prefix}-nav-item-separator-border);\n height: auto;\n}\n@media (min-width: $vp-large-min) {\n .sm-navbar:not(.sm-navbar--collapsible-only) .sm-nav-item-separator {\n margin: var(--#{$prefix}-nav-item-separator-fullsize-offset) var(--#{$prefix}-nav-item-separator-spacing);\n border: 0;\n border-left: var(--#{$prefix}-nav-item-separator-border);\n height: auto;\n }\n}\n\n@if $support-navbar-vertical {\n // Vertical navbar\n .sm-navbar--vertical.sm-navbar--dropdowns-only .sm-nav-item-separator {\n margin: var(--#{$prefix}-nav-item-separator-spacing) var(--#{$prefix}-nav-item-separator-fullsize-offset);\n border: 0;\n border-top: var(--#{$prefix}-nav-item-separator-border);\n height: 0;\n }\n @media (min-width: $vp-large-min) {\n .sm-navbar--vertical:not(.sm-navbar--collapsible-only) .sm-nav-item-separator {\n margin: var(--#{$prefix}-nav-item-separator-spacing) var(--#{$prefix}-nav-item-separator-fullsize-offset);\n border: 0;\n border-top: var(--#{$prefix}-nav-item-separator-border);\n height: 0;\n }\n }\n}\n","// Nav Link\n\n.sm-nav-link {\n grid-area: link;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: relative;\n line-height: inherit;\n}\n.sm-navbar--dropdowns-only .sm-nav-link {\n white-space: nowrap;\n}\n@media (min-width: $vp-large-min) {\n .sm-navbar:not(.sm-navbar--collapsible-only) .sm-nav-link {\n white-space: nowrap;\n }\n}\n.sm-nav-link.sm-disabled {\n cursor: default;\n}\n\n@if $support-navbar-vertical {\n // Vertical navbar (for navbars with dropdowns)\n .sm-navbar--vertical.sm-navbar--dropdowns-only .sm-nav-link {\n white-space: normal;\n }\n @media (min-width: $vp-large-min) {\n .sm-navbar--vertical:not(.sm-navbar--collapsible-only) .sm-nav-link {\n white-space: normal;\n }\n }\n}\n\n\n// Nav Link variants\n\n// Split nav link\n\n// Toggler\n.sm-nav-link--split + .sm-nav-link--split {\n grid-area: link-split-toggler;\n cursor: pointer;\n}\n\n// Separator\n.sm-nav-link--split + .sm-nav-link--split::before {\n content: '';\n position: absolute;\n @if not $rtl {\n left: 0;\n } @else {\n right: 0;\n }\n\n top: 0;\n bottom: 0;\n margin: 6px 0;\n border-left: 1px solid;\n overflow: hidden;\n}\n","// Sub Toggler\n\n.sm-sub-toggler::after {\n --#{$prefix}-sub-toggler-icon-size: 0.7rem;\n --#{$prefix}-sub-toggler-icon-spacing: 0.4rem;\n --#{$prefix}-sub-toggler-split-icon-spacing: 0px;\n\n content: '+';\n display: inline-block;\n @if not $rtl {\n margin-left: var(--#{$prefix}-sub-toggler-icon-spacing);\n } @else {\n margin-right: var(--#{$prefix}-sub-toggler-icon-spacing);\n }\n\n width: var(--#{$prefix}-sub-toggler-icon-size);\n height: var(--#{$prefix}-sub-toggler-icon-size);\n line-height: var(--#{$prefix}-sub-toggler-icon-size);\n text-align: center;\n}\n.sm-expanded.sm-sub-toggler::after {\n content: '-';\n}\n\n// Split nav/sub link\n.sm-nav-link--split.sm-sub-toggler::after,\n.sm-sub-link--split.sm-sub-toggler::after {\n margin-left: var(--#{$prefix}-sub-toggler-split-icon-spacing);\n margin-right: var(--#{$prefix}-sub-toggler-split-icon-spacing);\n}\n","// Sub\n\n.sm-sub {\n grid-area: sub;\n display: none;\n list-style: none;\n margin: 0;\n padding: 0;\n line-height: inherit;\n}\n.sm-sub.sm-show,\n.sm-sub.sm-hiding {\n display: block;\n}\n@media (prefers-reduced-motion: no-preference) {\n .sm-sub.sm-showing {\n animation: var(--#{$prefix}-sub-collapsible-show-animation);\n }\n .sm-sub.sm-hiding {\n animation: var(--#{$prefix}-sub-collapsible-hide-animation);\n }\n}\n\n// Dropdown subs\n.sm-navbar--dropdowns-only .sm-sub {\n grid-area: none;\n position: absolute;\n min-width: var(--#{$prefix}-sub-min-width);\n}\n@media (min-width: $vp-large-min) {\n .sm-navbar:not(.sm-navbar--collapsible-only) .sm-sub {\n grid-area: none;\n position: absolute;\n min-width: var(--#{$prefix}-sub-min-width);\n }\n}\n@media (prefers-reduced-motion: no-preference) {\n .sm-navbar--dropdowns-only .sm-sub.sm-showing {\n animation: var(--#{$prefix}-sub-dropdowns-show-animation);\n }\n .sm-navbar--dropdowns-only .sm-sub.sm-hiding {\n animation: var(--#{$prefix}-sub-dropdowns-hide-animation);\n }\n @media (min-width: $vp-large-min) {\n .sm-navbar:not(.sm-navbar--collapsible-only) .sm-sub.sm-showing {\n animation: var(--#{$prefix}-sub-dropdowns-show-animation);\n }\n .sm-navbar:not(.sm-navbar--collapsible-only) .sm-sub.sm-hiding {\n animation: var(--#{$prefix}-sub-dropdowns-hide-animation);\n }\n }\n}\n\n\n// Sub variants\n\n// Mega sub\n.sm-sub--mega {\n left: 0;\n right: 0;\n}\n\n@if $support-navbar-vertical {\n // Vertical navbar (for navbars with dropdowns)\n .sm-navbar--vertical.sm-navbar--dropdowns-only .sm-sub--mega {\n left: auto;\n right: auto;\n top: 0;\n bottom: 0;\n }\n @media (min-width: $vp-large-min) {\n .sm-navbar--vertical .sm-sub--mega {\n left: auto;\n right: auto;\n top: 0;\n bottom: 0;\n }\n }\n}\n","// Sub Item\n\n.sm-sub-item {\n display: grid;\n grid-template:\n 'link link-split-toggler' auto\n 'sub sub' auto\n / 1fr auto;\n position: relative;\n list-style: none;\n margin: 0;\n padding: 0;\n line-height: inherit;\n}\n","// Sub Item Separator\n\n.sm-sub-item-separator {\n margin: 0.5rem 6px;\n border: 0;\n border-top: 1px solid;\n height: 0;\n overflow: hidden;\n}\n","// Sub Link\n\n.sm-sub-link {\n grid-area: link;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: relative;\n line-height: inherit;\n}\n.sm-navbar--dropdowns-only .sm-sub-link {\n white-space: nowrap;\n}\n@media (min-width: $vp-large-min) {\n .sm-navbar:not(.sm-navbar--collapsible-only) .sm-sub-link {\n white-space: nowrap;\n }\n}\n.sm-sub-link.sm-disabled {\n cursor: default;\n}\n\n\n// Sub Link variants\n\n// Split sub link\n\n// Toggler\n.sm-sub-link--split + .sm-sub-link--split {\n grid-area: link-split-toggler;\n cursor: pointer;\n}\n\n// Separator\n.sm-sub-link--split + .sm-sub-link--split::before {\n content: '';\n position: absolute;\n @if not $rtl {\n left: 0;\n } @else {\n right: 0;\n }\n\n top: 0;\n bottom: 0;\n margin: 6px 0;\n border-left: 1px solid;\n overflow: hidden;\n}\n","// Animations\n\n@keyframes sm-ani-collapse {\n from {\n max-height: 0;\n overflow: hidden;\n }\n to {\n max-height: var(--#{$prefix}-height, 100vh);\n overflow: hidden;\n }\n}\n\n@keyframes sm-ani-fade {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n","// Utility\n\n@media (max-width: $vp-small-max) {\n .sm-hide-small {\n display: none !important;\n }\n}\n\n@media (min-width: $vp-large-min) {\n .sm-hide-large {\n display: none !important;\n }\n}\n","//\n// Theme - Base variables\n//\n\n\n// Colors\n$light: #fff !default;\n$dark: #262626 !default;\n\n$brand: #1c72e3 !default;\n$brand-contrast: $light !default;\n\n$accent: #74ecc8 !default;\n$accent-contrast: $dark !default;\n\n// usually these should correspond to your main surface bg/text colors (e.g. whitish bg for a light theme and blackish bg for a dark theme)\n$bg: $light !default;\n$bg-soft: rgba(mix(black, $bg, 15%), 0.3) !default;\n$text: $dark !default;\n$text-disabled: rgba($text, 0.38) !default;\n\n// usually these should correspond to your alternative surface bg/text colors (e.g. grayish bg for neutral sidebars, teasers, buttons, etc.)\n$bg-alt: mix(black, $bg, 3%) !default;\n$bg-alt-soft: rgba(mix(black, $bg-alt, 15%), 0.3) !default;\n$text-alt: $text !default;\n$text-alt-disabled: rgba($text-alt, 0.38) !default;\n\n$separator: rgba($text, 0.2) !default;\n$border: rgba($text, 0.1) !default;\n$text-shadow: none !default;\n$box-shadow: rgba(0, 0, 0, 0.1) !default;\n\n// Typography\n$font-family: inherit !default;\n$font-size: 1rem !default;\n$font-size-small: 0.875rem !default;\n$line-height: 23px !default;\n\n// Border radius\n$border-radius: 8px !default;\n$border-radius-large: 10px !default;\n$border-radius-small: 6px !default;\n\n\n#{$var-scope} {\n --#{$prefix}-light: #{$light};\n --#{$prefix}-dark: #{$dark};\n --#{$prefix}-brand: #{$brand};\n --#{$prefix}-brand-contrast: #{$brand-contrast};\n --#{$prefix}-accent: #{$accent};\n --#{$prefix}-accent-contrast: #{$accent-contrast};\n --#{$prefix}-bg: #{$bg};\n --#{$prefix}-bg-soft: #{$bg-soft};\n --#{$prefix}-text: #{$text};\n --#{$prefix}-text-disabled: #{$text-disabled};\n --#{$prefix}-bg-alt: #{$bg-alt};\n --#{$prefix}-bg-alt-soft: #{$bg-alt-soft};\n --#{$prefix}-text-alt: #{$text-alt};\n --#{$prefix}-text-alt-disabled: #{$text-alt-disabled};\n --#{$prefix}-separator: #{$separator};\n --#{$prefix}-border: #{$border};\n --#{$prefix}-text-shadow: #{$text-shadow};\n --#{$prefix}-box-shadow: #{$box-shadow};\n --#{$prefix}-font-family: #{$font-family};\n --#{$prefix}-font-size: #{$font-size};\n --#{$prefix}-font-size-small: #{$font-size-small};\n --#{$prefix}-line-height: #{$line-height};\n --#{$prefix}-border-radius: #{$border-radius};\n --#{$prefix}-border-radius-large: #{$border-radius-large};\n --#{$prefix}-border-radius-small: #{$border-radius-small};\n}\n","//\n// Theme collapsible - Variables\n//\n\n\n// === Navbar variables ===\n\n// Navbar\n$collapsible-navbar-color: var(--#{$prefix}-text-alt) !default;\n$collapsible-navbar-bg: var(--#{$prefix}-bg-alt) !default;\n$collapsible-navbar-border-width: 0px !default;\n$collapsible-navbar-border-style: solid !default;\n$collapsible-navbar-border-color: var(--#{$prefix}-border) !default;\n$collapsible-navbar-padding-y: 6px !default;\n$collapsible-navbar-padding-x: 6px !default;\n$collapsible-navbar-text-shadow: 0 1px 0 var(--#{$prefix}-text-shadow) !default;\n$collapsible-navbar-box-shadow: 0 0 0 var(--#{$prefix}-box-shadow) !default;\n\n// Brand\n$collapsible-brand-color: var(--#{$prefix}-collapsible-navbar-color) !default;\n$collapsible-brand-font-size: calc(var(--#{$prefix}-font-size) * 1.25) !default;\n$collapsible-brand-font-weight: normal !default;\n\n// Nav Item\n$collapsible-nav-item-spacing-y: 2px !default;\n\n// Nav Item Separator\n$collapsible-nav-item-separator-border: 1px solid var(--#{$prefix}-separator) !default;\n$collapsible-nav-item-separator-spacing: 6px !default;\n$collapsible-nav-item-separator-fullsize-offset: 6px !default;\n\n// Nav Link\n$collapsible-nav-link-color: var(--#{$prefix}-collapsible-navbar-color) !default;\n$collapsible-nav-link-bg: transparent !default;\n$collapsible-nav-link-border-radius: var(--#{$prefix}-border-radius) !default;\n$collapsible-nav-link-first-border-radius: var(--#{$prefix}-collapsible-nav-link-border-radius) !default;\n$collapsible-nav-link-last-border-radius: var(--#{$prefix}-collapsible-nav-link-border-radius) !default;\n$collapsible-nav-link-font-weight: normal !default;\n$collapsible-nav-link-hover-color: var(--#{$prefix}-text-alt) !default;\n$collapsible-nav-link-hover-bg: var(--#{$prefix}-bg-alt-soft) !default;\n$collapsible-nav-link-active-color: var(--#{$prefix}-brand-contrast) !default;\n$collapsible-nav-link-active-bg: var(--#{$prefix}-brand) !default;\n$collapsible-nav-link-expanded-color: var(--#{$prefix}-brand-contrast) !default; // highlighting a parent item when its sub is displayed\n$collapsible-nav-link-expanded-bg: var(--#{$prefix}-brand) !default;\n$collapsible-nav-link-expanded-border-radius: var(--#{$prefix}-border-radius) var(--#{$prefix}-border-radius) 0 0 !default;\n$collapsible-nav-link-first-expanded-border-radius: var(--#{$prefix}-collapsible-nav-link-expanded-border-radius) !default;\n$collapsible-nav-link-last-expanded-border-radius: var(--#{$prefix}-collapsible-nav-link-expanded-border-radius) !default;\n$collapsible-nav-link-selected-color: var(--#{$prefix}-accent-contrast) !default;\n$collapsible-nav-link-selected-bg: var(--#{$prefix}-accent) !default;\n$collapsible-nav-link-selected-font-weight: bold !default;\n$collapsible-nav-link-disabled-color: var(--#{$prefix}-text-alt-disabled) !default;\n$collapsible-nav-link-padding-y: 10px !default;\n$collapsible-nav-link-padding-x: 12px !default;\n$collapsible-nav-link-split-separator-border: 1px solid currentcolor !default;\n$collapsible-nav-link-split-separator-fullsize-offset: 8px !default;\n$collapsible-nav-link-split-separator-opacity: 0.2 !default;\n$collapsible-nav-link-split-toggler-border-radius: var(--#{$prefix}-collapsible-nav-link-border-radius) !default;\n\n// Sub Toggler\n$collapsible-sub-toggler-color: currentcolor !default;\n$collapsible-sub-toggler-icon-size: 0.6rem !default;\n$collapsible-sub-toggler-icon-spacing: 0.45rem !default;\n$collapsible-sub-toggler-opacity: 0.7 !default;\n\n\n// === Sub menus variables ===\n\n// Sub\n$collapsible-sub-bg: var(--#{$prefix}-bg-soft) !default; // darken the background of the 2+ level sub menus\n$collapsible-sub-first-level-bg: var(--#{$prefix}-bg) !default;\n$collapsible-sub-border-radius: var(--#{$prefix}-border-radius) !default;\n$collapsible-sub-first-level-border-radius: 0 0 var(--#{$prefix}-border-radius) var(--#{$prefix}-border-radius) !default;\n$collapsible-sub-padding-y: 5px !default;\n$collapsible-sub-padding-x: 5px !default;\n$collapsible-sub-text-shadow: 0 1px 0 var(--#{$prefix}-text-shadow) !default;\n$collapsible-sub-text-indent: 0px !default; // text indentation for first level sub menus (always include units)\n$collapsible-sub-sub-text-indent: 15px !default; // text indentation for second+ level sub menus (always include units)\n\n// Sub Item\n$collapsible-sub-item-spacing-y: var(--#{$prefix}-collapsible-nav-item-spacing-y) !default;\n\n// Sub Item Separator\n$collapsible-sub-item-separator-border: var(--#{$prefix}-collapsible-nav-item-separator-border) !default;\n$collapsible-sub-item-separator-spacing: var(--#{$prefix}-collapsible-nav-item-separator-spacing) !default;\n$collapsible-sub-item-separator-fullsize-offset: var(--#{$prefix}-collapsible-nav-item-separator-fullsize-offset) !default;\n\n// Sub Link\n$collapsible-sub-link-color: var(--#{$prefix}-text) !default;\n$collapsible-sub-link-bg: transparent !default;\n$collapsible-sub-link-border-radius: var(--#{$prefix}-border-radius) !default;\n$collapsible-sub-link-first-border-radius: var(--#{$prefix}-collapsible-sub-link-border-radius) !default;\n$collapsible-sub-link-last-border-radius: var(--#{$prefix}-collapsible-sub-link-border-radius) !default;\n$collapsible-sub-link-font-weight: normal !default;\n$collapsible-sub-link-hover-color: var(--#{$prefix}-text) !default;\n$collapsible-sub-link-hover-bg: var(--#{$prefix}-bg-soft) !default;\n$collapsible-sub-link-active-color: var(--#{$prefix}-collapsible-nav-link-active-color) !default;\n$collapsible-sub-link-active-bg: var(--#{$prefix}-collapsible-nav-link-active-bg) !default;\n$collapsible-sub-link-expanded-color: var(--#{$prefix}-collapsible-sub-link-color) !default; // highlight a parent item when its sub is displayed\n$collapsible-sub-link-expanded-bg: var(--#{$prefix}-collapsible-sub-link-bg) !default;\n$collapsible-sub-link-expanded-border-radius: var(--#{$prefix}-border-radius) !default;\n$collapsible-sub-link-first-expanded-border-radius: var(--#{$prefix}-collapsible-sub-link-expanded-border-radius) !default;\n$collapsible-sub-link-last-expanded-border-radius: var(--#{$prefix}-collapsible-sub-link-expanded-border-radius) !default;\n$collapsible-sub-link-selected-color: var(--#{$prefix}-collapsible-nav-link-selected-color) !default;\n$collapsible-sub-link-selected-bg: var(--#{$prefix}-collapsible-nav-link-selected-bg) !default;\n$collapsible-sub-link-selected-font-weight: bold !default;\n$collapsible-sub-link-disabled-color: var(--#{$prefix}-text-disabled) !default;\n$collapsible-sub-link-padding-y: 8px !default;\n$collapsible-sub-link-padding-x: 12px !default;\n$collapsible-sub-link-split-separator-border: var(--#{$prefix}-collapsible-nav-link-split-separator-border) !default;\n$collapsible-sub-link-split-separator-fullsize-offset: var(--#{$prefix}-collapsible-nav-link-split-separator-fullsize-offset) !default;\n$collapsible-sub-link-split-separator-opacity: var(--#{$prefix}-collapsible-nav-link-split-separator-opacity) !default;\n$collapsible-sub-link-split-toggler-border-radius: var(--#{$prefix}-collapsible-sub-link-border-radius) !default;\n\n\n#{$var-scope} {\n --#{$prefix}-collapsible-navbar-color: #{$collapsible-navbar-color};\n --#{$prefix}-collapsible-navbar-bg: #{$collapsible-navbar-bg};\n --#{$prefix}-collapsible-navbar-border-width: #{$collapsible-navbar-border-width};\n --#{$prefix}-collapsible-navbar-border-style: #{$collapsible-navbar-border-style};\n --#{$prefix}-collapsible-navbar-border-color: #{$collapsible-navbar-border-color};\n --#{$prefix}-collapsible-navbar-padding-y: #{$collapsible-navbar-padding-y};\n --#{$prefix}-collapsible-navbar-padding-x: #{$collapsible-navbar-padding-x};\n --#{$prefix}-collapsible-navbar-text-shadow: #{$collapsible-navbar-text-shadow};\n --#{$prefix}-collapsible-navbar-box-shadow: #{$collapsible-navbar-box-shadow};\n --#{$prefix}-collapsible-brand-color: #{$collapsible-brand-color};\n --#{$prefix}-collapsible-brand-font-size: #{$collapsible-brand-font-size};\n --#{$prefix}-collapsible-brand-font-weight: #{$collapsible-brand-font-weight};\n --#{$prefix}-collapsible-nav-item-spacing-y: #{$collapsible-nav-item-spacing-y};\n --#{$prefix}-collapsible-nav-item-separator-border: #{$collapsible-nav-item-separator-border};\n --#{$prefix}-collapsible-nav-item-separator-spacing: #{$collapsible-nav-item-separator-spacing};\n --#{$prefix}-collapsible-nav-item-separator-fullsize-offset: #{$collapsible-nav-item-separator-fullsize-offset};\n --#{$prefix}-collapsible-nav-link-color: #{$collapsible-nav-link-color};\n --#{$prefix}-collapsible-nav-link-bg: #{$collapsible-nav-link-bg};\n --#{$prefix}-collapsible-nav-link-border-radius: #{$collapsible-nav-link-border-radius};\n --#{$prefix}-collapsible-nav-link-first-border-radius: #{$collapsible-nav-link-first-border-radius};\n --#{$prefix}-collapsible-nav-link-last-border-radius: #{$collapsible-nav-link-last-border-radius};\n --#{$prefix}-collapsible-nav-link-font-weight: #{$collapsible-nav-link-font-weight};\n --#{$prefix}-collapsible-nav-link-hover-color: #{$collapsible-nav-link-hover-color};\n --#{$prefix}-collapsible-nav-link-hover-bg: #{$collapsible-nav-link-hover-bg};\n --#{$prefix}-collapsible-nav-link-active-color: #{$collapsible-nav-link-active-color};\n --#{$prefix}-collapsible-nav-link-active-bg: #{$collapsible-nav-link-active-bg};\n