{"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.rtl.scss","../../../src/css/theme/_collapsible.scss","../../../src/css/variables/_theme-dropdowns.scss","../../../src/css/theme/_dropdowns.scss"],"names":[],"mappings":"AA8EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC5FF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAKE;EACA;EAGF;EACA;;;AAEF;AAAA;AAAA;EAGE;;;AAOF;EACE;;;AAIF;EACE;IACE;;;AAMF;EACE;;;AAEF;EACE;IACE;;;AAOJ;EACE;EACA;;;AAEF;EACE;IACE;IACA;;;AAOJ;EACE;EACA;;;AAEF;EACE;EACA;;;AAMF;AAAA;EAEE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;IACE;;;EAEF;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;;;EAEF;IACE;IACA;;;EAEF;IACE;;;AAGJ;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;IACE;IACA;IACA;;;EAEF;IACE;IACA;;;AC1JN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACRF;EACE;EACA;EACA;;;ACHF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;IACE;;;AAKJ;EACE;;;AAIF;EACE;EACA;;;AAEF;EACE;;;AAEF;AAAA;EAEE;;;AAEF;AAAA;EAEE;;;AAIF;EACE;EACA;EACA;EACA;;;AAIF;EACE;;;AAEF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAIF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAIF;EACE;;;AAMA;EACE;;;AAEF;EACE;IACE;;;AAKJ;EACE;;;AAIF;EACE;;;AAIF;EACE;;;AAEF;EACE;IACE;;;AAOJ;EACE;;;AAEF;EACE;IACE;;;AC7HN;EACE;EACA;;;AAEF;AAAA;EAEE;;;AAEF;EACE;IACE;;;EAEF;IACE;;;AAGJ;EACE;EACA;EACA;EACA;;;AAEF;EACE;IACE;IACA;IACA;IACA;;;AAMF;AAAA;EAEE;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAEF;EACE;AAAA;IAEE;IACA;;;AAOJ;EACE;IACE;;;ACvDJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;EACA;;;AAEF;EACE;;;AAEF;AAAA;EAEE;;;AAEF;EACE;IACE;;;EAEF;IACE;;;AAGJ;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAGJ;EACE;;;AAEF;EACE;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;ACjEJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;;;AAEF;EACE;IACE;;;EAEF;IACE;;;ACpBN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;IACE;;;AAMF;EACE;EACA;;;AAEF;EACE;IACE;IACA;;;AAUJ;EACE;;;AAEF;EACE;IACE;;;AAOJ;EACE;;;AAEF;EACE;IACE;;;AAOJ;EACE;;;AAEF;EACE;IACE;;;AAOJ;EACE;;;AAEF;EACE;IACE;;;AAOJ;EACE;;;AAEF;EACE;IACE;;;AC3FN;EACE;EACA,eACE;EAGF;EACA;EACA;EACA;EACA;;;AAKA;EACE;;;AAEF;EACE;IACE;;;AAOJ;EACE;;;AAEF;EACE;IACE;;;AASN;EACE;;;AC1CF;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;IACE;IACA;IACA;IACA;;;AAMF;EACE;EACA;EACA;EACA;;;AAEF;EACE;IACE;IACA;IACA;IACA;;;ACxCN;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;IACE;;;AAGJ;EACE;;;AAKA;EACE;;;AAEF;EACE;IACE;;;AAWN;EACE;EACA;;;AAIF;EACE;EACA;EAIE;EAGF;EACA;EACA;EACA;EACA;;;ACzDF;EACE;EACA;EACA;EAEA;EACA;EAIE;EAGF;EACA;EACA;EACA;;;AAEF;EACE;;;AAIF;AAAA;EAEE;EACA;;;AC1BF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;;;AAEF;EACE;IACE;;;EAEF;IACE;;;AAKJ;EACE;EACA;EACA;;;AAEF;EACE;IACE;IACA;IACA;;;AAGJ;EACE;IACE;;;EAEF;IACE;;;AAEF;EACE;IACE;;;EAEF;IACE;;;AASN;EACE;EACA;;;AAKA;EACE;EACA;EACA;EACA;;;AAEF;EACE;IACE;IACA;IACA;IACA;;;ACzEN;EACE;EACA,eACE;EAGF;EACA;EACA;EACA;EACA;;;ACVF;EACE;EACA;EACA;EACA;EACA;;;ACLF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;IACE;;;AAGJ;EACE;;;AASF;EACE;EACA;;;AAIF;EACE;EACA;EAIE;EAGF;EACA;EACA;EACA;EACA;;;AC7CF;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AChBJ;EACE;IACE;;;AAIJ;EACE;IACE;;;ACkCJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC6CF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACrLF;ECNA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAIE;;;EAOJ;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;EAGF;AAAA;AAAA;IAGE;IACA;;;EAMF;IACE;IACA;IACA;;;EAMF;IACE;IACA;;;EAMF;IACE;;;EAMF;IACE;IACA;IACA;;;EAMF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAEF;EACE;IACE;IACA;;;ADlFJ;ECqFA;IACE;IACA;;;ADvFF;EC0FA;IACE;IACA;IACA;;;AD7FF;EC+FA;IACE;IACA;IACA;;;ADlGF;ECoGA;IACE;IACA;;;ADtGF;EC0GA;IACE;;;AD3GF;EC6GA;IACE;;;AD9GF;ECgHA;IACE;;;ADjHF;ECmHA;IACE;;;ADpHF;EC0HA;IACE;;;AD3HF;EC+HA;IACE;IACA;IACA;;;ADlIF;ECsIA;IAII;;;AD1IJ;EC+IA;IACE;;;ADhJF;ECsJA;IACE;;;ADvJF;EC2JA;IACE;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;ADrKF;ECuKA;IACE;IACA;;;ADzKF;EC+KA;IACE;IACA;IACA;IACA;;;ADnLF;ECqLA;IACE;IACA;;;ADvLF;EC6LA;IACE;;;AD9LF;ECoMA;IACE;IACA;;;ADtMF;EC4MA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAEF;EACE;IACE;IACA;;;AD3NJ;EC8NA;IACE;IACA;;;ADhOF;ECmOA;IACE;IACA;IACA;;;ADtOF;ECwOA;IACE;IACA;IACA;;;AD3OF;EC6OA;IACE;IACA;;;AD/OF;ECmPA;IACE;;;ADpPF;ECsPA;IACE;;;ADvPF;ECyPA;IACE;;;AD1PF;EC4PA;IACE;;;AD7PF;ECiQA;IACE;;;ADlQF;ECoQA;IACE;;;ADrQF;ECuQA;IACE;;;ADxQF;EC0QA;IACE;;;AD3QF;EC6QA;IACE;;;AD9QF;ECgRA;IAII;;;ADpRJ;EC2RA;IACE;;;AD5RF;ECgSA;IACE;IACA;IACA;;;ADnSF;ECuSA;IAII;;;AD3SJ;ECgTA;IACE;;;AClNF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AF5KF;EGZA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAIE;;;EAOJ;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;EAGF;AAAA;AAAA;IAGE;IACA;;;EAMF;IACE;IACA;IACA;;;EAMF;IACE;IACA;;;EAMF;IACE;IACA;IACA;;;EAMF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAEF;EACE;IACE;IACA;;;AHrEJ;EGwEA;IACE;IACA;;;AH1EF;EG6EA;IACE;IACA;IACA;;;AHhFF;EGkFA;IACE;IACA;IACA;;;AHrFF;EGuFA;IACE;IACA;;;AHzFF;EG6FA;IAII;;;AHjGJ;EGoGA;IAII;;;AHxGJ;EG2GA;IAII;;;AH/GJ;EGkHA;IAII;;;AHtHJ;EG4HE;IACE;;;AH7HJ;EG+HE;IACE;;;AHhIJ;EGkIE;IACE;;;AHnIJ;EGqIE;IACE;;;AHtIJ;EG6IA;IACE;;;AH9IF;EGkJA;IACE;IACA;IACA;;;AHrJF;EGyJA;IAII;;;AH7JJ;EGkKA;IACE;;;AHnKF;EGyKA;IACE;;;AH1KF;EG8KA;IACE;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;;;AHzLF;EG6LA;AAAA;IAEE;IAIE;;;AHnMJ;EGwMA;IACE;IACA;;;AH1MF;EGgNA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AHxNF;EG2NA;IACE;;;AH5NF;EGkOA;IACE;IACA;;;AHpOF;EG0OA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAEF;EACE;IACE;IACA;;;AHzPJ;EG4PA;IACE;IACA;;;AH9PF;EGiQA;IACE;IACA;IACA;;;AHpQF;EGsQA;IACE;IACA;IACA;;;AHzQF;EG2QA;IACE;IACA;;;AH7QF;EGiRA;IACE;;;AHlRF;EGoRA;IACE;;;AHrRF;EGuRA;IACE;;;AHxRF;EG0RA;IACE;;;AH3RF;EGiSA;IACE;;;AHlSF;EGsSA;IACE;IACA;IACA;;;AHzSF;EG6SA;IAII;;;AHjTJ;EGsTA;IACE","file":"src/css/smartmenus.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  --#{$prefix}-collapsible-nav-link-expanded-color: #{$collapsible-nav-link-expanded-color};\n  --#{$prefix}-collapsible-nav-link-expanded-bg: #{$collapsible-nav-link-expanded-bg};\n  --#{$prefix}-collapsible-nav-link-expanded-border-radius: #{$collapsible-nav-link-expanded-border-radius};\n  --#{$prefix}-collapsible-nav-link-first-expanded-border-radius: #{$collapsible-nav-link-first-expanded-border-radius};\n  --#{$prefix}-collapsible-nav-link-last-expanded-border-radius: #{$collapsible-nav-link-last-expanded-border-radius};\n  --#{$prefix}-collapsible-nav-link-selected-color: #{$collapsible-nav-link-selected-color};\n  --#{$prefix}-collapsible-nav-link-selected-bg: #{$collapsible-nav-link-selected-bg};\n  --#{$prefix}-collapsible-nav-link-selected-font-weight: #{$collapsible-nav-link-selected-font-weight};\n  --#{$prefix}-collapsible-nav-link-disabled-color: #{$collapsible-nav-link-disabled-color};\n  --#{$prefix}-collapsible-nav-link-padding-y: #{$collapsible-nav-link-padding-y};\n  --#{$prefix}-collapsible-nav-link-padding-x: #{$collapsible-nav-link-padding-x};\n  --#{$prefix}-collapsible-nav-link-split-separator-border: #{$collapsible-nav-link-split-separator-border};\n  --#{$prefix}-collapsible-nav-link-split-separator-fullsize-offset: #{$collapsible-nav-link-split-separator-fullsize-offset};\n  --#{$prefix}-collapsible-nav-link-split-separator-opacity: #{$collapsible-nav-link-split-separator-opacity};\n  --#{$prefix}-collapsible-nav-link-split-toggler-border-radius: #{$collapsible-nav-link-split-toggler-border-radius};\n  --#{$prefix}-collapsible-sub-toggler-color: #{$collapsible-sub-toggler-color};\n  --#{$prefix}-collapsible-sub-toggler-icon-size: #{$collapsible-sub-toggler-icon-size};\n  --#{$prefix}-collapsible-sub-toggler-icon-spacing: #{$collapsible-sub-toggler-icon-spacing};\n  --#{$prefix}-collapsible-sub-toggler-opacity: #{$collapsible-sub-toggler-opacity};\n  --#{$prefix}-collapsible-sub-bg: #{$collapsible-sub-bg};\n  --#{$prefix}-collapsible-sub-first-level-bg: #{$collapsible-sub-first-level-bg};\n  --#{$prefix}-collapsible-sub-border-radius: #{$collapsible-sub-border-radius};\n  --#{$prefix}-collapsible-sub-first-level-border-radius: #{$collapsible-sub-first-level-border-radius};\n  --#{$prefix}-collapsible-sub-padding-y: #{$collapsible-sub-padding-y};\n  --#{$prefix}-collapsible-sub-padding-x: #{$collapsible-sub-padding-x};\n  --#{$prefix}-collapsible-sub-text-shadow: #{$collapsible-sub-text-shadow};\n  --#{$prefix}-collapsible-sub-text-indent: #{$collapsible-sub-text-indent};\n  --#{$prefix}-collapsible-sub-sub-text-indent: #{$collapsible-sub-sub-text-indent};\n  --#{$prefix}-collapsible-sub-item-spacing-y: #{$collapsible-sub-item-spacing-y};\n  --#{$prefix}-collapsible-sub-item-separator-border: #{$collapsible-sub-item-separator-border};\n  --#{$prefix}-collapsible-sub-item-separator-spacing: #{$collapsible-sub-item-separator-spacing};\n  --#{$prefix}-collapsible-sub-item-separator-fullsize-offset: #{$collapsible-sub-item-separator-fullsize-offset};\n  --#{$prefix}-collapsible-sub-link-color: #{$collapsible-sub-link-color};\n  --#{$prefix}-collapsible-sub-link-bg: #{$collapsible-sub-link-bg};\n  --#{$prefix}-collapsible-sub-link-border-radius: #{$collapsible-sub-link-border-radius};\n  --#{$prefix}-collapsible-sub-link-first-border-radius: #{$collapsible-sub-link-first-border-radius};\n  --#{$prefix}-collapsible-sub-link-last-border-radius: #{$collapsible-sub-link-last-border-radius};\n  --#{$prefix}-collapsible-sub-link-font-weight: #{$collapsible-sub-link-font-weight};\n  --#{$prefix}-collapsible-sub-link-hover-color: #{$collapsible-sub-link-hover-color};\n  --#{$prefix}-collapsible-sub-link-hover-bg: #{$collapsible-sub-link-hover-bg};\n  --#{$prefix}-collapsible-sub-link-active-color: #{$collapsible-sub-link-active-color};\n  --#{$prefix}-collapsible-sub-link-active-bg: #{$collapsible-sub-link-active-bg};\n  --#{$prefix}-collapsible-sub-link-expanded-color: #{$collapsible-sub-link-expanded-color};\n  --#{$prefix}-collapsible-sub-link-expanded-bg: #{$collapsible-sub-link-expanded-bg};\n  --#{$prefix}-collapsible-sub-link-expanded-border-radius: #{$collapsible-sub-link-expanded-border-radius};\n  --#{$prefix}-collapsible-sub-link-first-expanded-border-radius: #{$collapsible-sub-link-first-expanded-border-radius};\n  --#{$prefix}-collapsible-sub-link-last-expanded-border-radius: #{$collapsible-sub-link-last-expanded-border-radius};\n  --#{$prefix}-collapsible-sub-link-selected-color: #{$collapsible-sub-link-selected-color};\n  --#{$prefix}-collapsible-sub-link-selected-bg: #{$collapsible-sub-link-selected-bg};\n  --#{$prefix}-collapsible-sub-link-selected-font-weight: #{$collapsible-sub-link-selected-font-weight};\n  --#{$prefix}-collapsible-sub-link-disabled-color: #{$collapsible-sub-link-disabled-color};\n  --#{$prefix}-collapsible-sub-link-padding-y: #{$collapsible-sub-link-padding-y};\n  --#{$prefix}-collapsible-sub-link-padding-x: #{$collapsible-sub-link-padding-x};\n  --#{$prefix}-collapsible-sub-link-split-separator-border: #{$collapsible-sub-link-split-separator-border};\n  --#{$prefix}-collapsible-sub-link-split-separator-fullsize-offset: #{$collapsible-sub-link-split-separator-fullsize-offset};\n  --#{$prefix}-collapsible-sub-link-split-separator-opacity: #{$collapsible-sub-link-split-separator-opacity};\n  --#{$prefix}-collapsible-sub-link-split-toggler-border-radius: #{$collapsible-sub-link-split-toggler-border-radius};\n}\n","$rtl:             true !default;\n\n\n// Layout\n\n@import 'variables/layout';\n@import 'layout/layout';\n\n\n// Theme\n\n// base variables\n@import 'variables/theme-base';\n\n// collapsible\n@import 'variables/theme-collapsible';\n@media (max-width: $vp-small-max) {\n  @import 'theme/collapsible';\n}\n\n// dropdowns\n@import 'variables/theme-dropdowns';\n@media (min-width: $vp-large-min) {\n  @import 'theme/dropdowns';\n}\n","//\n// Theme collapsible - CSS\n//\n\n// This is used when all the rules below need to be scoped to a custom .sm-navbar selector (e.g. in the max stylesheet)\n$scope-class: #{if(&, '&', '')};\n\n\n// Navbar\n\n#{$scope-class}.sm-navbar {\n  border-width: var(--#{$prefix}-collapsible-navbar-border-width);\n  border-style: var(--#{$prefix}-collapsible-navbar-border-style);\n  border-color: var(--#{$prefix}-collapsible-navbar-border-color);\n  padding: var(--#{$prefix}-collapsible-navbar-padding-y) var(--#{$prefix}-collapsible-navbar-padding-x);\n  background: var(--#{$prefix}-collapsible-navbar-bg);\n  color: var(--#{$prefix}-collapsible-navbar-color);\n  text-shadow: var(--#{$prefix}-collapsible-navbar-text-shadow);\n  box-shadow: var(--#{$prefix}-collapsible-navbar-box-shadow);\n\n  // internal use\n  @if $support-navbar-sidebar {\n    --#{$prefix}-navbar-sidebar-centered-padding-x: var(--#{$prefix}-collapsible-navbar-padding-x);\n  }\n}\n\n\n// Brand\n\n.sm-brand {\n  padding: var(--#{$prefix}-collapsible-nav-link-padding-y) var(--#{$prefix}-collapsible-nav-link-padding-x);\n  color: var(--#{$prefix}-collapsible-brand-color);\n  font-family: var(--#{$prefix}-font-family);\n  font-size: var(--#{$prefix}-collapsible-brand-font-size);\n  font-weight: var(--#{$prefix}-collapsible-brand-font-weight);\n  line-height: var(--#{$prefix}-line-height);\n  white-space: nowrap;\n  text-decoration: none;\n}\n\n.sm-brand > a,\n.sm-brand > a:hover,\n.sm-brand > a:active {\n  color: inherit;\n  text-decoration: none;\n}\n\n\n// Toggler\n\n.sm-toggler-anchor {\n  padding: var(--#{$prefix}-collapsible-nav-link-padding-y) var(--#{$prefix}-collapsible-nav-link-padding-x);\n  line-height: var(--#{$prefix}-line-height);\n  text-shadow: none;\n}\n\n\n// Offcanvas\n\n.sm-offcanvas {\n  padding: var(--#{$prefix}-collapsible-navbar-padding-y) var(--#{$prefix}-collapsible-navbar-padding-x);\n  background: var(--#{$prefix}-collapsible-navbar-bg);\n}\n\n\n// Nav Item\n\n.sm-nav-item + .sm-nav-item {\n  margin-top: var(--#{$prefix}-collapsible-nav-item-spacing-y);\n}\n\n\n// Nav Item Separator\n\n.sm-nav-item-separator {\n  --#{$prefix}-nav-item-separator-border: var(--#{$prefix}-collapsible-nav-item-separator-border);\n  --#{$prefix}-nav-item-separator-spacing: var(--#{$prefix}-collapsible-nav-item-separator-spacing);\n  --#{$prefix}-nav-item-separator-fullsize-offset: var(--#{$prefix}-collapsible-nav-item-separator-fullsize-offset);\n}\n\n\n// Nav Link\n\n.sm-nav-link {\n  grid-area: link / link / link / link-split-toggler;\n  border-radius: var(--#{$prefix}-collapsible-nav-link-border-radius);\n  padding: var(--#{$prefix}-collapsible-nav-link-padding-y) var(--#{$prefix}-collapsible-nav-link-padding-x);\n  background: var(--#{$prefix}-collapsible-nav-link-bg);\n  color: var(--#{$prefix}-collapsible-nav-link-color);\n  font-family: var(--#{$prefix}-font-family);\n  font-size: var(--#{$prefix}-font-size);\n  font-weight: var(--#{$prefix}-collapsible-nav-link-font-weight);\n  line-height: var(--#{$prefix}-line-height);\n  text-decoration: none;\n}\n@media (hover: hover) and (pointer: fine) {\n  .sm-nav-link:hover {\n    background: var(--#{$prefix}-collapsible-nav-link-hover-bg);\n    color: var(--#{$prefix}-collapsible-nav-link-hover-color);\n  }\n}\n.sm-nav-link:active {\n  background: var(--#{$prefix}-collapsible-nav-link-active-bg);\n  color: var(--#{$prefix}-collapsible-nav-link-active-color);\n}\n\n.sm-nav-link.sm-expanded {\n  border-radius: var(--#{$prefix}-collapsible-nav-link-expanded-border-radius);\n  background: var(--#{$prefix}-collapsible-nav-link-expanded-bg);\n  color: var(--#{$prefix}-collapsible-nav-link-expanded-color);\n}\n.sm-nav-link.sm-selected {\n  background: var(--#{$prefix}-collapsible-nav-link-selected-bg);\n  color: var(--#{$prefix}-collapsible-nav-link-selected-color);\n  font-weight: var(--#{$prefix}-collapsible-nav-link-selected-font-weight);\n}\n.sm-nav-link.sm-disabled {\n  background: var(--#{$prefix}-collapsible-nav-link-bg);\n  color: var(--#{$prefix}-collapsible-nav-link-disabled-color);\n}\n\n// Round the corners of the first and last items\n.sm-nav-item:first-child .sm-nav-link {\n  border-radius: var(--#{$prefix}-collapsible-nav-link-first-border-radius);\n}\n.sm-nav-item:last-child .sm-nav-link {\n  border-radius: var(--#{$prefix}-collapsible-nav-link-last-border-radius);\n}\n.sm-nav-item:first-child .sm-nav-link.sm-expanded {\n  border-radius: var(--#{$prefix}-collapsible-nav-link-first-expanded-border-radius);\n}\n.sm-nav-item:last-child .sm-nav-link.sm-expanded {\n  border-radius: var(--#{$prefix}-collapsible-nav-link-last-expanded-border-radius);\n}\n\n// Split nav link\n\n// Toggler\n.sm-nav-link--split + .sm-nav-link--split {\n  border-radius: var(--#{$prefix}-collapsible-nav-link-split-toggler-border-radius) !important;\n}\n\n// Separator\n.sm-nav-link--split + .sm-nav-link--split::before {\n  margin: var(--#{$prefix}-collapsible-nav-link-split-separator-fullsize-offset) 0;\n  border-left: var(--#{$prefix}-collapsible-nav-link-split-separator-border);\n  opacity: var(--#{$prefix}-collapsible-nav-link-split-separator-opacity);\n}\n\n// Make room for the split toggler\n.sm-nav-link--split:not(.sm-nav-link--split + .sm-nav-link--split) {\n  @if not $rtl {\n    padding-right: calc((var(--#{$prefix}-collapsible-nav-link-padding-x) * 3) + var(--#{$prefix}-collapsible-sub-toggler-icon-size) + (var(--#{$prefix}-collapsible-sub-toggler-icon-spacing) * 2));\n  } @else {\n    padding-left: calc((var(--#{$prefix}-collapsible-nav-link-padding-x) * 3) + var(--#{$prefix}-collapsible-sub-toggler-icon-size) + (var(--#{$prefix}-collapsible-sub-toggler-icon-spacing) * 2));\n  }\n}\n\n// Emulate active state for the split toggler\n.sm-nav-link--split:active:not(.sm-expanded, .sm-selected, .sm-disabled) + .sm-nav-link--split {\n  color: var(--#{$prefix}-collapsible-nav-link-active-color);\n}\n\n\n// Sub Toggler\n\n.sm-sub-toggler {\n  border: 0;\n}\n\n// The chevron\n.sm-sub-toggler::after {\n  --#{$prefix}-sub-toggler-icon-size: var(--#{$prefix}-collapsible-sub-toggler-icon-size);\n\n  content: '' !important;\n  margin: 0 var(--#{$prefix}-collapsible-sub-toggler-icon-spacing) !important;\n  margin-top: calc(-0.5 * var(--#{$prefix}-collapsible-sub-toggler-icon-size)) !important;\n  border-style: solid;\n  border-width: 0 0 2px 2px;\n  border-color: var(--#{$prefix}-collapsible-sub-toggler-color);\n  opacity: var(--#{$prefix}-collapsible-sub-toggler-opacity);\n  transform: rotate(-45deg);\n}\n.sm-expanded.sm-sub-toggler::after {\n  margin-top: calc(0.5 * var(--#{$prefix}-collapsible-sub-toggler-icon-size)) !important;\n  transform: rotate(-225deg);\n}\n\n\n// Sub\n\n.sm-sub {\n  border-radius: var(--#{$prefix}-collapsible-sub-first-level-border-radius);\n  padding: var(--#{$prefix}-collapsible-sub-padding-y) var(--#{$prefix}-collapsible-sub-padding-x);\n  background: var(--#{$prefix}-collapsible-sub-first-level-bg);\n  text-shadow: var(--#{$prefix}-collapsible-sub-text-shadow);\n}\n.sm-sub .sm-sub {\n  border-radius: var(--#{$prefix}-collapsible-sub-border-radius);\n  background: var(--#{$prefix}-collapsible-sub-bg);\n}\n\n\n// Sub Item\n\n.sm-sub-item + .sm-sub-item {\n  margin-top: var(--#{$prefix}-collapsible-sub-item-spacing-y);\n}\n\n\n// Sub Item Separator\n\n.sm-sub-item-separator {\n  margin: var(--#{$prefix}-collapsible-sub-item-separator-spacing) var(--#{$prefix}-collapsible-sub-item-separator-fullsize-offset);\n  border-top: var(--#{$prefix}-collapsible-sub-item-separator-border);\n}\n\n\n// Sub Link\n\n.sm-sub-link {\n  grid-area: link / link / link / link-split-toggler;\n  border-radius: var(--#{$prefix}-collapsible-sub-link-border-radius);\n  padding: var(--#{$prefix}-collapsible-sub-link-padding-y) var(--#{$prefix}-collapsible-sub-link-padding-x);\n  background: var(--#{$prefix}-collapsible-sub-link-bg);\n  color: var(--#{$prefix}-collapsible-sub-link-color);\n  font-family: var(--#{$prefix}-font-family);\n  font-size: var(--#{$prefix}-font-size-small);\n  font-weight: var(--#{$prefix}-collapsible-sub-link-font-weight);\n  line-height: var(--#{$prefix}-line-height);\n  text-decoration: none;\n}\n@media (hover: hover) and (pointer: fine) {\n  .sm-sub-link:hover {\n    background: var(--#{$prefix}-collapsible-sub-link-hover-bg);\n    color: var(--#{$prefix}-collapsible-sub-link-hover-color);\n  }\n}\n.sm-sub-link:active {\n  background: var(--#{$prefix}-collapsible-sub-link-active-bg);\n  color: var(--#{$prefix}-collapsible-sub-link-active-color);\n}\n\n.sm-sub-link.sm-expanded {\n  border-radius: var(--#{$prefix}-collapsible-sub-link-expanded-border-radius);\n  background: var(--#{$prefix}-collapsible-sub-link-expanded-bg);\n  color: var(--#{$prefix}-collapsible-sub-link-expanded-color);\n}\n.sm-sub-link.sm-selected {\n  background: var(--#{$prefix}-collapsible-sub-link-selected-bg);\n  color: var(--#{$prefix}-collapsible-sub-link-selected-color);\n  font-weight: var(--#{$prefix}-collapsible-sub-link-selected-font-weight);\n}\n.sm-sub-link.sm-disabled {\n  background: var(--#{$prefix}-collapsible-sub-link-bg);\n  color: var(--#{$prefix}-collapsible-sub-link-disabled-color);\n}\n\n// Round the corners of the first and last items\n.sm-sub-item:first-child > .sm-sub-link {\n  border-radius: var(--#{$prefix}-collapsible-sub-link-first-border-radius);\n}\n.sm-sub-item:last-child > .sm-sub-link {\n  border-radius: var(--#{$prefix}-collapsible-sub-link-last-border-radius);\n}\n.sm-sub-item:first-child > .sm-sub-link.sm-expanded {\n  border-radius: var(--#{$prefix}-collapsible-sub-link-first-expanded-border-radius);\n}\n.sm-sub-item:last-child > .sm-sub-link.sm-expanded {\n  border-radius: var(--#{$prefix}-collapsible-sub-link-last-expanded-border-radius);\n}\n\n// Add indentation for sub menus text\n.sm-sub .sm-sub-item {\n  --#{$prefix}-level: 0;\n}\n.sm-sub .sm-sub .sm-sub-item {\n  --#{$prefix}-level: 1;\n}\n.sm-sub .sm-sub .sm-sub .sm-sub-item {\n  --#{$prefix}-level: 2;\n}\n.sm-sub .sm-sub .sm-sub .sm-sub .sm-sub-item {\n  --#{$prefix}-level: 3;\n}\n.sm-sub .sm-sub .sm-sub .sm-sub .sm-sub .sm-sub-item {\n  --#{$prefix}-level: 4;\n}\n.sm-sub-link:not(.sm-sub-link--split + .sm-sub-link--split) {\n  @if not $rtl {\n    border-left: calc(var(--#{$prefix}-collapsible-sub-text-indent) + (var(--#{$prefix}-collapsible-sub-sub-text-indent) * var(--#{$prefix}-level))) solid transparent;\n  } @else {\n    border-right: calc(var(--#{$prefix}-collapsible-sub-text-indent) + (var(--#{$prefix}-collapsible-sub-sub-text-indent) * var(--#{$prefix}-level))) solid transparent;\n  }\n}\n\n// Split sub link\n\n// Toggler\n.sm-sub-link--split + .sm-sub-link--split {\n  border-radius: var(--#{$prefix}-collapsible-sub-link-split-toggler-border-radius) !important;\n}\n\n// Separator\n.sm-sub-link--split + .sm-sub-link--split::before {\n  margin: var(--#{$prefix}-collapsible-sub-link-split-separator-fullsize-offset) 0;\n  border-left: var(--#{$prefix}-collapsible-sub-link-split-separator-border);\n  opacity: var(--#{$prefix}-collapsible-sub-link-split-separator-opacity);\n}\n\n// Make room for the split toggler\n.sm-sub-link--split:not(.sm-sub-link--split + .sm-sub-link--split) {\n  @if not $rtl {\n    padding-right: calc((var(--#{$prefix}-collapsible-sub-link-padding-x) * 3) + var(--#{$prefix}-collapsible-sub-toggler-icon-size) + (var(--#{$prefix}-collapsible-sub-toggler-icon-spacing) * 2));\n  } @else {\n    padding-left: calc((var(--#{$prefix}-collapsible-sub-link-padding-x) * 3) + var(--#{$prefix}-collapsible-sub-toggler-icon-size) + (var(--#{$prefix}-collapsible-sub-toggler-icon-spacing) * 2));\n  }\n}\n\n// Emulate active state for the split toggler\n.sm-sub-link--split:active:not(.sm-expanded, .sm-selected, .sm-disabled) + .sm-sub-link--split {\n  color: var(--#{$prefix}-collapsible-sub-link-active-color);\n}\n","//\n// Theme dropdowns - Variables\n//\n\n\n// === Navbar variables ===\n\n// Navbar\n$dropdowns-navbar-color:                          var(--#{$prefix}-text-alt) !default;\n$dropdowns-navbar-bg:                             var(--#{$prefix}-bg-alt) !default;\n$dropdowns-navbar-border-width:                   0px !default;\n$dropdowns-navbar-border-style:                   solid !default;\n$dropdowns-navbar-border-color:                   var(--#{$prefix}-border) !default;\n$dropdowns-navbar-padding-y:                      6px !default;\n$dropdowns-navbar-padding-x:                      6px !default;\n$dropdowns-navbar-text-shadow:                    0 1px 0 var(--#{$prefix}-text-shadow) !default;\n$dropdowns-navbar-box-shadow:                     0 0 0 var(--#{$prefix}-box-shadow) !default;\n\n// Brand\n$dropdowns-brand-color:                           var(--#{$prefix}-dropdowns-navbar-color) !default;\n$dropdowns-brand-font-size:                       calc(var(--#{$prefix}-font-size) * 1.25) !default;\n$dropdowns-brand-font-weight:                     normal !default;\n\n// Nav Item Separator\n$dropdowns-nav-item-separator-border:             1px solid var(--#{$prefix}-separator) !default;\n$dropdowns-nav-item-separator-spacing:            6px !default;\n$dropdowns-nav-item-separator-fullsize-offset:    6px !default;\n\n// Nav Link\n$dropdowns-nav-link-color:                        var(--#{$prefix}-dropdowns-navbar-color) !default;\n$dropdowns-nav-link-bg:                           transparent !default;\n$dropdowns-nav-link-border-radius:                var(--#{$prefix}-border-radius) !default;\n$dropdowns-nav-link-first-border-radius:          var(--#{$prefix}-dropdowns-nav-link-border-radius) !default;\n$dropdowns-nav-link-last-border-radius:           var(--#{$prefix}-dropdowns-nav-link-border-radius) !default;\n$dropdowns-nav-link-font-weight:                  normal !default;\n$dropdowns-nav-link-hover-color:                  var(--#{$prefix}-text-alt) !default;\n$dropdowns-nav-link-hover-bg:                     var(--#{$prefix}-bg-alt-soft) !default;\n$dropdowns-nav-link-active-color:                 var(--#{$prefix}-brand-contrast) !default;\n$dropdowns-nav-link-active-bg:                    var(--#{$prefix}-brand) !default;\n$dropdowns-nav-link-expanded-color:               var(--#{$prefix}-brand-contrast) !default; // highlighting a parent item when its sub is displayed\n$dropdowns-nav-link-expanded-bg:                  var(--#{$prefix}-brand) !default;\n$dropdowns-nav-link-expanded-border-radius:               var(--#{$prefix}-dropdowns-nav-link-border-radius) !default;\n$dropdowns-nav-link-first-expanded-border-radius:         var(--#{$prefix}-dropdowns-nav-link-first-border-radius) !default;\n$dropdowns-nav-link-last-expanded-border-radius:          var(--#{$prefix}-dropdowns-nav-link-last-border-radius) !default;\n$dropdowns-nav-link-selected-color:               var(--#{$prefix}-accent-contrast) !default;\n$dropdowns-nav-link-selected-bg:                  var(--#{$prefix}-accent) !default;\n$dropdowns-nav-link-selected-font-weight:         bold !default;\n$dropdowns-nav-link-disabled-color:               var(--#{$prefix}-text-alt-disabled) !default;\n$dropdowns-nav-link-padding-y:                    11px !default;\n$dropdowns-nav-link-padding-x:                    12px !default;\n$dropdowns-nav-link-split-separator-border:               1px solid currentcolor !default;\n$dropdowns-nav-link-split-separator-fullsize-offset:      8px !default;\n$dropdowns-nav-link-split-separator-opacity:              0.2 !default;\n$dropdowns-nav-link-split-toggler-border-radius:          var(--#{$prefix}-dropdowns-nav-link-border-radius) !default;\n$dropdowns-nav-link-split-toggler-border-radius:          var(--#{$prefix}-dropdowns-nav-link-border-radius) !default;\n\n// Sub Toggler\n$dropdowns-sub-toggler-color:                 currentcolor !default;\n$dropdowns-sub-toggler-icon-size:             0.45rem !default;\n$dropdowns-sub-toggler-icon-spacing:          0.4rem !default;\n$dropdowns-sub-toggler-split-icon-spacing:    0px !default;\n$dropdowns-sub-toggler-opacity:               0.7 !default;\n\n\n// === Dropdowns variables ===\n\n// Sub\n$dropdowns-sub-bg:                            var(--#{$prefix}-bg) !default;\n$dropdowns-sub-border-width:                  1px !default;\n$dropdowns-sub-border-style:                  solid !default;\n$dropdowns-sub-border-color:                  var(--#{$prefix}-border) !default;\n$dropdowns-sub-border-radius:                 var(--#{$prefix}-border-radius) !default;\n$dropdowns-sub-first-level-border-radius:     var(--#{$prefix}-border-radius) !default;\n$dropdowns-sub-padding-y:                     6px !default;\n$dropdowns-sub-padding-x:                     6px !default;\n$dropdowns-sub-text-shadow:                   0 1px 0 var(--#{$prefix}-text-shadow) !default;\n$dropdowns-sub-box-shadow:                    0 3px 8px var(--#{$prefix}-box-shadow) !default;\n\n// Sub Item Separator\n$dropdowns-sub-item-separator-border:                 var(--#{$prefix}-dropdowns-nav-item-separator-border) !default;\n$dropdowns-sub-item-separator-spacing:                var(--#{$prefix}-dropdowns-nav-item-separator-spacing) !default;\n$dropdowns-sub-item-separator-fullsize-offset:        var(--#{$prefix}-dropdowns-nav-item-separator-fullsize-offset) !default;\n\n// Sub Link\n$dropdowns-sub-link-color:                    var(--#{$prefix}-text) !default;\n$dropdowns-sub-link-bg:                       transparent !default;\n$dropdowns-sub-link-border-radius:            var(--#{$prefix}-border-radius-small) !default;\n$dropdowns-sub-link-first-border-radius:      var(--#{$prefix}-dropdowns-sub-link-border-radius) !default;\n$dropdowns-sub-link-last-border-radius:       var(--#{$prefix}-dropdowns-sub-link-border-radius) !default;\n$dropdowns-sub-link-font-weight:              normal !default;\n$dropdowns-sub-link-hover-color:              var(--#{$prefix}-text) !default;\n$dropdowns-sub-link-hover-bg:                 var(--#{$prefix}-bg-soft) !default;\n$dropdowns-sub-link-active-color:             var(--#{$prefix}-dropdowns-nav-link-active-color) !default;\n$dropdowns-sub-link-active-bg:                var(--#{$prefix}-dropdowns-nav-link-active-bg) !default;\n$dropdowns-sub-link-expanded-color:           var(--#{$prefix}-dropdowns-nav-link-expanded-color) !default; // highlighting a parent item when its sub is displayed\n$dropdowns-sub-link-expanded-bg:              var(--#{$prefix}-dropdowns-nav-link-expanded-bg) !default;\n$dropdowns-sub-link-expanded-border-radius:           var(--#{$prefix}-dropdowns-sub-link-border-radius) !default;\n$dropdowns-sub-link-first-expanded-border-radius:     var(--#{$prefix}-dropdowns-sub-link-first-border-radius) !default;\n$dropdowns-sub-link-last-expanded-border-radius:      var(--#{$prefix}-dropdowns-sub-link-last-border-radius) !default;\n$dropdowns-sub-link-selected-color:           var(--#{$prefix}-dropdowns-nav-link-selected-color) !default;\n$dropdowns-sub-link-selected-bg:              var(--#{$prefix}-dropdowns-nav-link-selected-bg) !default;\n$dropdowns-sub-link-selected-font-weight:     bold !default;\n$dropdowns-sub-link-disabled-color:           var(--#{$prefix}-text-disabled) !default;\n$dropdowns-sub-link-padding-y:                8px !default;\n$dropdowns-sub-link-padding-x:                12px !default;\n$dropdowns-sub-link-split-separator-border:           var(--#{$prefix}-dropdowns-nav-link-split-separator-border) !default;\n$dropdowns-sub-link-split-separator-fullsize-offset:  var(--#{$prefix}-dropdowns-nav-link-split-separator-fullsize-offset) !default;\n$dropdowns-sub-link-split-separator-opacity:          var(--#{$prefix}-dropdowns-nav-link-split-separator-opacity) !default;\n$dropdowns-sub-link-split-toggler-border-radius:      var(--#{$prefix}-dropdowns-sub-link-border-radius) !default;\n\n\n#{$var-scope} {\n  --#{$prefix}-dropdowns-navbar-color: #{$dropdowns-navbar-color};\n  --#{$prefix}-dropdowns-navbar-bg: #{$dropdowns-navbar-bg};\n  --#{$prefix}-dropdowns-navbar-border-width: #{$dropdowns-navbar-border-width};\n  --#{$prefix}-dropdowns-navbar-border-style: #{$dropdowns-navbar-border-style};\n  --#{$prefix}-dropdowns-navbar-border-color: #{$dropdowns-navbar-border-color};\n  --#{$prefix}-dropdowns-navbar-padding-y: #{$dropdowns-navbar-padding-y};\n  --#{$prefix}-dropdowns-navbar-padding-x: #{$dropdowns-navbar-padding-x};\n  --#{$prefix}-dropdowns-navbar-text-shadow: #{$dropdowns-navbar-text-shadow};\n  --#{$prefix}-dropdowns-navbar-box-shadow: #{$dropdowns-navbar-box-shadow};\n  --#{$prefix}-dropdowns-brand-color: #{$dropdowns-brand-color};\n  --#{$prefix}-dropdowns-brand-font-size: #{$dropdowns-brand-font-size};\n  --#{$prefix}-dropdowns-brand-font-weight: #{$dropdowns-brand-font-weight};\n  --#{$prefix}-dropdowns-nav-item-separator-border: #{$dropdowns-nav-item-separator-border};\n  --#{$prefix}-dropdowns-nav-item-separator-spacing: #{$dropdowns-nav-item-separator-spacing};\n  --#{$prefix}-dropdowns-nav-item-separator-fullsize-offset: #{$dropdowns-nav-item-separator-fullsize-offset};\n  --#{$prefix}-dropdowns-nav-link-color: #{$dropdowns-nav-link-color};\n  --#{$prefix}-dropdowns-nav-link-bg: #{$dropdowns-nav-link-bg};\n  --#{$prefix}-dropdowns-nav-link-border-radius: #{$dropdowns-nav-link-border-radius};\n  --#{$prefix}-dropdowns-nav-link-first-border-radius: #{$dropdowns-nav-link-first-border-radius};\n  --#{$prefix}-dropdowns-nav-link-last-border-radius: #{$dropdowns-nav-link-last-border-radius};\n  --#{$prefix}-dropdowns-nav-link-font-weight: #{$dropdowns-nav-link-font-weight};\n  --#{$prefix}-dropdowns-nav-link-hover-color: #{$dropdowns-nav-link-hover-color};\n  --#{$prefix}-dropdowns-nav-link-hover-bg: #{$dropdowns-nav-link-hover-bg};\n  --#{$prefix}-dropdowns-nav-link-active-color: #{$dropdowns-nav-link-active-color};\n  --#{$prefix}-dropdowns-nav-link-active-bg: #{$dropdowns-nav-link-active-bg};\n  --#{$prefix}-dropdowns-nav-link-expanded-color: #{$dropdowns-nav-link-expanded-color};\n  --#{$prefix}-dropdowns-nav-link-expanded-bg: #{$dropdowns-nav-link-expanded-bg};\n  --#{$prefix}-dropdowns-nav-link-expanded-border-radius: #{$dropdowns-nav-link-expanded-border-radius};\n  --#{$prefix}-dropdowns-nav-link-first-expanded-border-radius: #{$dropdowns-nav-link-first-expanded-border-radius};\n  --#{$prefix}-dropdowns-nav-link-last-expanded-border-radius: #{$dropdowns-nav-link-last-expanded-border-radius};\n  --#{$prefix}-dropdowns-nav-link-selected-color: #{$dropdowns-nav-link-selected-color};\n  --#{$prefix}-dropdowns-nav-link-selected-bg: #{$dropdowns-nav-link-selected-bg};\n  --#{$prefix}-dropdowns-nav-link-selected-font-weight: #{$dropdowns-nav-link-selected-font-weight};\n  --#{$prefix}-dropdowns-nav-link-disabled-color: #{$dropdowns-nav-link-disabled-color};\n  --#{$prefix}-dropdowns-nav-link-padding-y: #{$dropdowns-nav-link-padding-y};\n  --#{$prefix}-dropdowns-nav-link-padding-x: #{$dropdowns-nav-link-padding-x};\n  --#{$prefix}-dropdowns-nav-link-split-separator-border: #{$dropdowns-nav-link-split-separator-border};\n  --#{$prefix}-dropdowns-nav-link-split-separator-fullsize-offset: #{$dropdowns-nav-link-split-separator-fullsize-offset};\n  --#{$prefix}-dropdowns-nav-link-split-separator-opacity: #{$dropdowns-nav-link-split-separator-opacity};\n  --#{$prefix}-dropdowns-nav-link-split-toggler-border-radius: #{$dropdowns-nav-link-split-toggler-border-radius};\n  --#{$prefix}-dropdowns-sub-toggler-color: #{$dropdowns-sub-toggler-color};\n  --#{$prefix}-dropdowns-sub-toggler-icon-size: #{$dropdowns-sub-toggler-icon-size};\n  --#{$prefix}-dropdowns-sub-toggler-icon-spacing: #{$dropdowns-sub-toggler-icon-spacing};\n  --#{$prefix}-dropdowns-sub-toggler-split-icon-spacing: #{$dropdowns-sub-toggler-split-icon-spacing};\n  --#{$prefix}-dropdowns-sub-toggler-opacity: #{$dropdowns-sub-toggler-opacity};\n  --#{$prefix}-dropdowns-sub-bg: #{$dropdowns-sub-bg};\n  --#{$prefix}-dropdowns-sub-border-width: #{$dropdowns-sub-border-width};\n  --#{$prefix}-dropdowns-sub-border-style: #{$dropdowns-sub-border-style};\n  --#{$prefix}-dropdowns-sub-border-color: #{$dropdowns-sub-border-color};\n  --#{$prefix}-dropdowns-sub-border-radius: #{$dropdowns-sub-border-radius};\n  --#{$prefix}-dropdowns-sub-first-level-border-radius: #{$dropdowns-sub-first-level-border-radius};\n  --#{$prefix}-dropdowns-sub-padding-y: #{$dropdowns-sub-padding-y};\n  --#{$prefix}-dropdowns-sub-padding-x: #{$dropdowns-sub-padding-x};\n  --#{$prefix}-dropdowns-sub-text-shadow: #{$dropdowns-sub-text-shadow};\n  --#{$prefix}-dropdowns-sub-box-shadow: #{$dropdowns-sub-box-shadow};\n  --#{$prefix}-dropdowns-sub-item-separator-border: #{$dropdowns-sub-item-separator-border};\n  --#{$prefix}-dropdowns-sub-item-separator-spacing: #{$dropdowns-sub-item-separator-spacing};\n  --#{$prefix}-dropdowns-sub-item-separator-fullsize-offset: #{$dropdowns-sub-item-separator-fullsize-offset};\n  --#{$prefix}-dropdowns-sub-link-color: #{$dropdowns-sub-link-color};\n  --#{$prefix}-dropdowns-sub-link-bg: #{$dropdowns-sub-link-bg};\n  --#{$prefix}-dropdowns-sub-link-border-radius: #{$dropdowns-sub-link-border-radius};\n  --#{$prefix}-dropdowns-sub-link-first-border-radius: #{$dropdowns-sub-link-first-border-radius};\n  --#{$prefix}-dropdowns-sub-link-last-border-radius: #{$dropdowns-sub-link-last-border-radius};\n  --#{$prefix}-dropdowns-sub-link-font-weight: #{$dropdowns-sub-link-font-weight};\n  --#{$prefix}-dropdowns-sub-link-hover-color: #{$dropdowns-sub-link-hover-color};\n  --#{$prefix}-dropdowns-sub-link-hover-bg: #{$dropdowns-sub-link-hover-bg};\n  --#{$prefix}-dropdowns-sub-link-active-color: #{$dropdowns-sub-link-active-color};\n  --#{$prefix}-dropdowns-sub-link-active-bg: #{$dropdowns-sub-link-active-bg};\n  --#{$prefix}-dropdowns-sub-link-expanded-color: #{$dropdowns-sub-link-expanded-color};\n  --#{$prefix}-dropdowns-sub-link-expanded-bg: #{$dropdowns-sub-link-expanded-bg};\n  --#{$prefix}-dropdowns-sub-link-expanded-border-radius: #{$dropdowns-sub-link-expanded-border-radius};\n  --#{$prefix}-dropdowns-sub-link-first-expanded-border-radius: #{$dropdowns-sub-link-first-expanded-border-radius};\n  --#{$prefix}-dropdowns-sub-link-last-expanded-border-radius: #{$dropdowns-sub-link-last-expanded-border-radius};\n  --#{$prefix}-dropdowns-sub-link-selected-color: #{$dropdowns-sub-link-selected-color};\n  --#{$prefix}-dropdowns-sub-link-selected-bg: #{$dropdowns-sub-link-selected-bg};\n  --#{$prefix}-dropdowns-sub-link-selected-font-weight: #{$dropdowns-sub-link-selected-font-weight};\n  --#{$prefix}-dropdowns-sub-link-disabled-color: #{$dropdowns-sub-link-disabled-color};\n  --#{$prefix}-dropdowns-sub-link-padding-y: #{$dropdowns-sub-link-padding-y};\n  --#{$prefix}-dropdowns-sub-link-padding-x: #{$dropdowns-sub-link-padding-x};\n  --#{$prefix}-dropdowns-sub-link-split-separator-border: #{$dropdowns-sub-link-split-separator-border};\n  --#{$prefix}-dropdowns-sub-link-split-separator-fullsize-offset: #{$dropdowns-sub-link-split-separator-fullsize-offset};\n  --#{$prefix}-dropdowns-sub-link-split-separator-opacity: #{$dropdowns-sub-link-split-separator-opacity};\n  --#{$prefix}-dropdowns-sub-link-split-toggler-border-radius: #{$dropdowns-sub-link-split-toggler-border-radius};\n}\n","//\n// Theme dropdowns - CSS\n//\n\n// This is used when all the rules below need to be scoped to a custom .sm-navbar selector (e.g. in the max stylesheet)\n$scope-class: #{if(&, '&', '')};\n\n\n// Navbar\n\n#{$scope-class}.sm-navbar {\n  border-width: var(--#{$prefix}-dropdowns-navbar-border-width);\n  border-style: var(--#{$prefix}-dropdowns-navbar-border-style);\n  border-color: var(--#{$prefix}-dropdowns-navbar-border-color);\n  padding: var(--#{$prefix}-dropdowns-navbar-padding-y) var(--#{$prefix}-dropdowns-navbar-padding-x);\n  background: var(--#{$prefix}-dropdowns-navbar-bg);\n  color: var(--#{$prefix}-dropdowns-navbar-color);\n  text-shadow: var(--#{$prefix}-dropdowns-navbar-text-shadow);\n  box-shadow: var(--#{$prefix}-dropdowns-navbar-box-shadow);\n\n  // internal use\n  @if $support-navbar-sidebar {\n    --#{$prefix}-navbar-sidebar-centered-padding-x: var(--#{$prefix}-dropdowns-navbar-padding-x);\n  }\n}\n\n\n// Brand\n\n.sm-brand {\n  padding: var(--#{$prefix}-dropdowns-nav-link-padding-y) var(--#{$prefix}-dropdowns-nav-link-padding-x);\n  color: var(--#{$prefix}-dropdowns-brand-color);\n  font-family: var(--#{$prefix}-font-family);\n  font-size: var(--#{$prefix}-dropdowns-brand-font-size);\n  font-weight: var(--#{$prefix}-dropdowns-brand-font-weight);\n  line-height: var(--#{$prefix}-line-height);\n  white-space: nowrap;\n  text-decoration: none;\n}\n\n.sm-brand > a,\n.sm-brand > a:hover,\n.sm-brand > a:active {\n  color: inherit;\n  text-decoration: none;\n}\n\n\n// Toggler\n\n.sm-toggler-anchor {\n  padding: var(--#{$prefix}-dropdowns-nav-link-padding-y) var(--#{$prefix}-dropdowns-nav-link-padding-x);\n  line-height: var(--#{$prefix}-line-height);\n  text-shadow: none;\n}\n\n\n// Offcanvas\n\n.sm-offcanvas {\n  padding: var(--#{$prefix}-dropdowns-navbar-padding-y) var(--#{$prefix}-dropdowns-navbar-padding-x);\n  background: var(--#{$prefix}-dropdowns-navbar-bg);\n}\n\n\n// Nav Item Separator\n\n.sm-nav-item-separator {\n  --#{$prefix}-nav-item-separator-border: var(--#{$prefix}-dropdowns-nav-item-separator-border);\n  --#{$prefix}-nav-item-separator-spacing: var(--#{$prefix}-dropdowns-nav-item-separator-spacing);\n  --#{$prefix}-nav-item-separator-fullsize-offset: var(--#{$prefix}-dropdowns-nav-item-separator-fullsize-offset);\n}\n\n\n// Nav Link\n\n.sm-nav-link {\n  grid-area: link / link / link / link-split-toggler;\n  border-radius: var(--#{$prefix}-dropdowns-nav-link-border-radius);\n  padding: var(--#{$prefix}-dropdowns-nav-link-padding-y) var(--#{$prefix}-dropdowns-nav-link-padding-x);\n  background: var(--#{$prefix}-dropdowns-nav-link-bg);\n  color: var(--#{$prefix}-dropdowns-nav-link-color);\n  font-family: var(--#{$prefix}-font-family);\n  font-size: var(--#{$prefix}-font-size);\n  font-weight: var(--#{$prefix}-dropdowns-nav-link-font-weight);\n  line-height: var(--#{$prefix}-line-height);\n  text-decoration: none;\n}\n@media (hover: hover) and (pointer: fine) {\n  .sm-nav-link:hover {\n    background: var(--#{$prefix}-dropdowns-nav-link-hover-bg);\n    color: var(--#{$prefix}-dropdowns-nav-link-hover-color);\n  }\n}\n.sm-nav-link:active {\n  background: var(--#{$prefix}-dropdowns-nav-link-active-bg);\n  color: var(--#{$prefix}-dropdowns-nav-link-active-color);\n}\n\n.sm-nav-link.sm-expanded {\n  border-radius: var(--#{$prefix}-dropdowns-nav-link-expanded-border-radius);\n  background: var(--#{$prefix}-dropdowns-nav-link-expanded-bg);\n  color: var(--#{$prefix}-dropdowns-nav-link-expanded-color);\n}\n.sm-nav-link.sm-selected {\n  background: var(--#{$prefix}-dropdowns-nav-link-selected-bg);\n  color: var(--#{$prefix}-dropdowns-nav-link-selected-color);\n  font-weight: var(--#{$prefix}-dropdowns-nav-link-selected-font-weight);\n}\n.sm-nav-link.sm-disabled {\n  background: var(--#{$prefix}-dropdowns-nav-link-bg);\n  color: var(--#{$prefix}-dropdowns-nav-link-disabled-color);\n}\n\n// Round the corners of the first and last items\n.sm-nav-item:first-child .sm-nav-link {\n  @if not $rtl {\n    border-radius: var(--#{$prefix}-dropdowns-nav-link-first-border-radius);\n  } @else {\n    border-radius: var(--#{$prefix}-dropdowns-nav-link-last-border-radius);\n  }\n}\n.sm-nav-item:last-child .sm-nav-link {\n  @if not $rtl {\n    border-radius: var(--#{$prefix}-dropdowns-nav-link-last-border-radius);\n  } @else {\n    border-radius: var(--#{$prefix}-dropdowns-nav-link-first-border-radius);\n  }\n}\n.sm-nav-item:first-child .sm-nav-link.sm-expanded {\n  @if not $rtl {\n    border-radius: var(--#{$prefix}-dropdowns-nav-link-first-expanded-border-radius);\n  } @else {\n    border-radius: var(--#{$prefix}-dropdowns-nav-link-last-expanded-border-radius);\n  }\n}\n.sm-nav-item:last-child .sm-nav-link.sm-expanded {\n  @if not $rtl {\n    border-radius: var(--#{$prefix}-dropdowns-nav-link-last-expanded-border-radius);\n  } @else {\n    border-radius: var(--#{$prefix}-dropdowns-nav-link-first-expanded-border-radius);\n  }\n}\n\n@if $support-navbar-vertical {\n  // Vertical navbar - Round the corners of the first and last item\n  #{$scope-class}.sm-navbar--vertical .sm-nav-item:first-child .sm-nav-link {\n    border-radius: var(--#{$prefix}-dropdowns-nav-link-first-border-radius);\n  }\n  #{$scope-class}.sm-navbar--vertical .sm-nav-item:last-child .sm-nav-link {\n    border-radius: var(--#{$prefix}-dropdowns-nav-link-last-border-radius);\n  }\n  #{$scope-class}.sm-navbar--vertical .sm-nav-item:first-child .sm-nav-link.sm-expanded {\n    border-radius: var(--#{$prefix}-dropdowns-nav-link-first-expanded-border-radius);\n  }\n  #{$scope-class}.sm-navbar--vertical .sm-nav-item:last-child .sm-nav-link.sm-expanded {\n    border-radius: var(--#{$prefix}-dropdowns-nav-link-last-expanded-border-radius);\n  }\n}\n\n// Split nav link\n\n// Toggler\n.sm-nav-link--split + .sm-nav-link--split {\n  border-radius: var(--#{$prefix}-dropdowns-nav-link-split-toggler-border-radius) !important;\n}\n\n// Separator\n.sm-nav-link--split + .sm-nav-link--split::before {\n  margin: var(--#{$prefix}-dropdowns-nav-link-split-separator-fullsize-offset) 0;\n  border-left: var(--#{$prefix}-dropdowns-nav-link-split-separator-border);\n  opacity: var(--#{$prefix}-dropdowns-nav-link-split-separator-opacity);\n}\n\n// Make room for the split toggler\n.sm-nav-link--split:not(.sm-nav-link--split + .sm-nav-link--split) {\n  @if not $rtl {\n    padding-right: calc((var(--#{$prefix}-dropdowns-nav-link-padding-x) * 3) + var(--#{$prefix}-dropdowns-sub-toggler-icon-size) + (var(--#{$prefix}-dropdowns-sub-toggler-split-icon-spacing) * 2));\n  } @else {\n    padding-left: calc((var(--#{$prefix}-dropdowns-nav-link-padding-x) * 3) + var(--#{$prefix}-dropdowns-sub-toggler-icon-size) + (var(--#{$prefix}-dropdowns-sub-toggler-split-icon-spacing) * 2));\n  }\n}\n\n// Emulate active state for the split toggler\n.sm-nav-link--split:active:not(.sm-expanded, .sm-selected, .sm-disabled) + .sm-nav-link--split {\n  color: var(--#{$prefix}-dropdowns-nav-link-active-color);\n}\n\n\n// Sub Toggler\n\n.sm-sub-toggler {\n  border: 0;\n}\n\n// The chevron\n.sm-sub-toggler::after {\n  --#{$prefix}-sub-toggler-icon-size: var(--#{$prefix}-dropdowns-sub-toggler-icon-size);\n  --#{$prefix}-sub-toggler-icon-spacing: var(--#{$prefix}-dropdowns-sub-toggler-icon-spacing);\n  --#{$prefix}-sub-toggler-split-icon-spacing: var(--#{$prefix}-dropdowns-sub-toggler-split-icon-spacing);\n\n  content: '' !important;\n  margin-top: calc(-0.5 * var(--#{$prefix}-dropdowns-sub-toggler-icon-size));\n  border-style: solid;\n  border-width: 0 0 2px 2px;\n  border-color: var(--#{$prefix}-dropdowns-sub-toggler-color);\n  opacity: var(--#{$prefix}-dropdowns-sub-toggler-opacity);\n  transform: rotate(-45deg);\n}\n\n// Sub / Vertical navbar\n.sm-sub .sm-sub-toggler::after,\n#{$scope-class}.sm-navbar--vertical .sm-sub-toggler::after {\n  margin-top: 0;\n  @if not $rtl {\n    transform: rotate(225deg);\n  } @else {\n    transform: rotate(45deg);\n  }\n}\n\n// Dropup navbar\n#{$scope-class}.sm-navbar--drop-reverse-y:not(.sm-navbar--vertical) .sm-nav-item:not([data-#{$prefix}-drop-reverse-y]) .sm-nav-link.sm-sub-toggler::after {\n  margin-top: calc(0.5 * var(--#{$prefix}-dropdowns-sub-toggler-icon-size));\n  transform: rotate(-225deg);\n}\n\n\n// Sub\n\n.sm-sub {\n  border-width: var(--#{$prefix}-dropdowns-sub-border-width);\n  border-style: var(--#{$prefix}-dropdowns-sub-border-style);\n  border-color: var(--#{$prefix}-dropdowns-sub-border-color);\n  border-radius: var(--#{$prefix}-dropdowns-sub-first-level-border-radius);\n  padding: var(--#{$prefix}-dropdowns-sub-padding-y) var(--#{$prefix}-dropdowns-sub-padding-x);\n  background: var(--#{$prefix}-dropdowns-sub-bg);\n  text-shadow: var(--#{$prefix}-dropdowns-sub-text-shadow);\n  box-shadow: var(--#{$prefix}-dropdowns-sub-box-shadow);\n}\n\n.sm-sub .sm-sub {\n  border-radius: var(--#{$prefix}-dropdowns-sub-border-radius);\n}\n\n\n// Sub Item Separator\n\n.sm-sub-item-separator {\n  margin: var(--#{$prefix}-dropdowns-sub-item-separator-spacing) var(--#{$prefix}-dropdowns-sub-item-separator-fullsize-offset);\n  border-top: var(--#{$prefix}-dropdowns-sub-item-separator-border);\n}\n\n\n// Sub Link\n\n.sm-sub-link {\n  grid-area: link / link / link / link-split-toggler;\n  border-radius: var(--#{$prefix}-dropdowns-sub-link-border-radius);\n  padding: var(--#{$prefix}-dropdowns-sub-link-padding-y) var(--#{$prefix}-dropdowns-sub-link-padding-x);\n  background: var(--#{$prefix}-dropdowns-sub-link-bg);\n  color: var(--#{$prefix}-dropdowns-sub-link-color);\n  font-family: var(--#{$prefix}-font-family);\n  font-size: var(--#{$prefix}-font-size-small);\n  font-weight: var(--#{$prefix}-dropdowns-sub-link-font-weight);\n  line-height: var(--#{$prefix}-line-height);\n  text-decoration: none;\n}\n@media (hover: hover) and (pointer: fine) {\n  .sm-sub-link:hover {\n    background: var(--#{$prefix}-dropdowns-sub-link-hover-bg);\n    color: var(--#{$prefix}-dropdowns-sub-link-hover-color);\n  }\n}\n.sm-sub-link:active {\n  background: var(--#{$prefix}-dropdowns-sub-link-active-bg);\n  color: var(--#{$prefix}-dropdowns-sub-link-active-color);\n}\n\n.sm-sub-link.sm-expanded {\n  border-radius: var(--#{$prefix}-dropdowns-sub-link-expanded-border-radius);\n  background: var(--#{$prefix}-dropdowns-sub-link-expanded-bg);\n  color: var(--#{$prefix}-dropdowns-sub-link-expanded-color);\n}\n.sm-sub-link.sm-selected {\n  background: var(--#{$prefix}-dropdowns-sub-link-selected-bg);\n  color: var(--#{$prefix}-dropdowns-sub-link-selected-color);\n  font-weight: var(--#{$prefix}-dropdowns-sub-link-selected-font-weight);\n}\n.sm-sub-link.sm-disabled {\n  background: var(--#{$prefix}-dropdowns-sub-link-bg);\n  color: var(--#{$prefix}-dropdowns-sub-link-disabled-color);\n}\n\n// Round the corners of the first and last items\n.sm-sub-item:first-child > .sm-sub-link {\n  border-radius: var(--#{$prefix}-dropdowns-sub-link-first-border-radius);\n}\n.sm-sub-item:last-child > .sm-sub-link {\n  border-radius: var(--#{$prefix}-dropdowns-sub-link-last-border-radius);\n}\n.sm-sub-item:first-child > .sm-sub-link.sm-expanded {\n  border-radius: var(--#{$prefix}-dropdowns-sub-link-first-expanded-border-radius);\n}\n.sm-sub-item:last-child > .sm-sub-link.sm-expanded {\n  border-radius: var(--#{$prefix}-dropdowns-sub-link-last-expanded-border-radius);\n}\n\n// Split sub link\n\n// Toggler\n.sm-sub-link--split + .sm-sub-link--split {\n  border-radius: var(--#{$prefix}-dropdowns-sub-link-split-toggler-border-radius) !important;\n}\n\n// Separator\n.sm-sub-link--split + .sm-sub-link--split::before {\n  margin: var(--#{$prefix}-dropdowns-sub-link-split-separator-fullsize-offset) 0;\n  border-left: var(--#{$prefix}-dropdowns-sub-link-split-separator-border);\n  opacity: var(--#{$prefix}-dropdowns-sub-link-split-separator-opacity);\n}\n\n// Make room for the split toggler\n.sm-sub-link--split:not(.sm-sub-link--split + .sm-sub-link--split) {\n  @if not $rtl {\n    padding-right: calc((var(--#{$prefix}-dropdowns-sub-link-padding-x) * 3) + var(--#{$prefix}-dropdowns-sub-toggler-icon-size) + (var(--#{$prefix}-dropdowns-sub-toggler-split-icon-spacing) * 2));\n  } @else {\n    padding-left: calc((var(--#{$prefix}-dropdowns-sub-link-padding-x) * 3) + var(--#{$prefix}-dropdowns-sub-toggler-icon-size) + (var(--#{$prefix}-dropdowns-sub-toggler-split-icon-spacing) * 2));\n  }\n}\n\n// Emulate active state for the split toggler\n.sm-sub-link--split:active:not(.sm-expanded, .sm-selected, .sm-disabled) + .sm-sub-link--split {\n  color: var(--#{$prefix}-dropdowns-sub-link-active-color);\n}\n"]}