smartmenus
Version:
Website/web app navbars with collapsible navs or dropdowns made easy yet highly configurable.
9 lines (8 loc) • 46.1 kB
CSS
/*!
* SmartMenus 2.0.0-alpha.1 - Dec 29, 2023
* https://www.smartmenus.org/
* Copyright (c) since 2001 Vasil Dinkov, Vadikom Web Ltd. https://vadikom.com
* Licensed MIT https://github.com/vadikom/smartmenus/blob/master/LICENSE-MIT
*/
.sm-navbar{--sm-navbar-z-index: 9999;--sm-navbar-sticky-top-offset: 0;--sm-navbar-sticky-bottom-offset: 0;--sm-navbar-sidebar-width: 300px;--sm-navbar-sidebar-centered-layout-max-width: 1200px;--sm-container-max-width: 960px;--sm-collapse-max-height: calc(100vh - 70px);--sm-collapse-show-animation: sm-ani-collapse 0.25s ease-in;--sm-collapse-hide-animation: sm-ani-collapse 0.25s ease-in reverse;--sm-offcanvas-width: 300px;--sm-offcanvas-overlay-bg: rgba(0, 0, 0, 0.3);--sm-sub-min-width: 12em;--sm-sub-collapsible-show-animation: sm-ani-collapse 0.25s ease-in;--sm-sub-collapsible-hide-animation: sm-ani-collapse 0.25s ease-in reverse;--sm-sub-dropdowns-show-animation: none;--sm-sub-dropdowns-hide-animation: sm-ani-fade 0.25s ease-in reverse}.sm-navbar{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;position:relative;z-index:var(--sm-navbar-z-index);direction:ltr;text-align:left;line-height:normal;-webkit-tap-highlight-color:rgba(0,0,0,0)}.sm-navbar *,.sm-navbar *::before,.sm-navbar *::after{box-sizing:inherit}.sm-navbar--dropdowns-only{flex-wrap:nowrap}@media(min-width: 768px){.sm-navbar:not(.sm-navbar--collapsible-only){flex-wrap:nowrap}}.sm-navbar--vertical.sm-navbar--dropdowns-only:not(.sm-navbar[class*=sm-navbar--offcanvas]){display:block}@media(min-width: 768px){.sm-navbar--vertical:not(.sm-navbar--offcanvas-only){display:block}}.sm-navbar--inline.sm-navbar--dropdowns-only{display:inline-flex;vertical-align:top}@media(min-width: 768px){.sm-navbar--inline{display:inline-flex;vertical-align:top}}.sm-navbar--sticky-top{position:sticky;top:var(--sm-navbar-sticky-top-offset)}.sm-navbar--sticky-bottom{position:sticky;bottom:var(--sm-navbar-sticky-bottom-offset)}.sm-navbar--fixed-top,.sm-navbar--fixed-bottom{position:fixed;top:0;left:0;right:0}.sm-navbar--fixed-bottom{top:auto;bottom:0}.sm-navbar--sidebar-only{display:block;position:fixed;top:0;bottom:0;left:0;width:var(--sm-navbar-sidebar-width);overflow-y:auto}.sm-navbar--sidebar-only.sm-navbar--sidebar-right{left:auto;right:0}.sm-navbar--sidebar-only.sm-navbar--dropdowns-only{overflow-y:visible}@media(min-width: 768px){.sm-navbar--sidebar-only:not(.sm-navbar--collapsible-only){overflow-y:visible}.sm-navbar--sidebar-left,.sm-navbar--sidebar-right{display:block;position:fixed;top:0;bottom:0;left:0;width:var(--sm-navbar-sidebar-width)}.sm-navbar--sidebar-right{left:auto;right:0}.sm-navbar[class*=sm-navbar--sidebar].sm-navbar--collapsible-only{overflow-y:auto}}.sm-navbar--sidebar-centered{--sm-navbar-sidebar-centered-padding-x: 0px;--sm-navbar-sidebar-centered-spacing: max(var(--sm-navbar-sidebar-centered-padding-x), calc((100% - (var(--sm-navbar-sidebar-centered-layout-max-width) - (var(--sm-navbar-sidebar-centered-padding-x) * 2))) / 2));--sm-navbar-sidebar-centered-width: calc((100% - (var(--sm-navbar-sidebar-centered-layout-max-width) - (var(--sm-navbar-sidebar-centered-padding-x) * 2))) / 2 + var(--sm-navbar-sidebar-width) - var(--sm-navbar-sidebar-centered-padding-x))}.sm-navbar--sidebar-centered.sm-navbar--sidebar-only{padding-left:var(--sm-navbar-sidebar-centered-spacing) ;width:var(--sm-navbar-sidebar-centered-width);min-width:var(--sm-navbar-sidebar-width)}.sm-navbar--sidebar-centered.sm-navbar--sidebar-only.sm-navbar--sidebar-right{padding-left:var(--sm-navbar-sidebar-centered-padding-x) ;padding-right:var(--sm-navbar-sidebar-centered-spacing) }@media(min-width: 768px){.sm-navbar--sidebar-centered{padding-left:var(--sm-navbar-sidebar-centered-spacing) ;width:var(--sm-navbar-sidebar-centered-width);min-width:var(--sm-navbar-sidebar-width)}.sm-navbar--sidebar-centered.sm-navbar--sidebar-right{padding-left:var(--sm-navbar-sidebar-centered-padding-x) ;padding-right:var(--sm-navbar-sidebar-centered-spacing) }}.sm-container{display:inherit;flex-flow:inherit;align-items:inherit;justify-content:inherit;margin-left:auto;margin-right:auto;width:100%;max-width:var(--sm-container-max-width)}.sm-brand{display:block;margin:0;padding:0}.sm-toggler{display:inline-block;position:relative}.sm-navbar--dropdowns-only .sm-toggler{display:none}@media(min-width: 768px){.sm-navbar:not(.sm-navbar--collapsible-only) .sm-toggler{display:none}}.sm-toggler-state{display:none}.sm-toggler-anchor{display:block;color:currentcolor !important}.sm-toggler-anchor--hide{display:none}.sm-toggler-state.sm-show~.sm-toggler .sm-toggler-anchor--show,.sm-toggler-state:target~.sm-toggler .sm-toggler-anchor--show{display:none}.sm-toggler-state.sm-show~.sm-toggler .sm-toggler-anchor--hide,.sm-toggler-state:target~.sm-toggler .sm-toggler-anchor--hide{display:block}.sm-toggler-icon{display:block;position:relative;width:26px;height:18px}.sm-toggler-icon--show{border-top:2px solid}.sm-toggler-icon--show::before,.sm-toggler-icon--show::after{content:"";position:absolute;top:calc(50% - 2px);left:0;right:0;border-top:2px solid;height:0;overflow:hidden}.sm-toggler-icon--show::after{top:auto;bottom:0}.sm-toggler-icon--hide::before,.sm-toggler-icon--hide::after{content:"";position:absolute;top:calc(50% - 1px);left:0;right:0;border-top:2px solid;height:0;overflow:hidden;transform:rotate(-45deg)}.sm-toggler-icon--hide::after{transform:rotate(45deg)}.sm-toggler-state:target~.sm-collapse{display:block}.sm-navbar[class*=sm-navbar--offcanvas] .sm-toggler{display:inline-block}@media(min-width: 768px){.sm-navbar[class*=sm-navbar--offcanvas]:not(.sm-navbar--offcanvas-only) .sm-toggler{display:none}}.sm-offcanvas .sm-toggler-anchor--hide{display:block}.sm-toggler-state:target~.sm-offcanvas{display:block}.sm-toggler-state:target~.sm-offcanvas-overlay{display:block}@media(min-width: 768px){.sm-navbar:not(.sm-navbar--offcanvas-only) .sm-offcanvas-overlay{display:none}}.sm-navbar--sidebar-only .sm-toggler{display:none}@media(min-width: 768px){.sm-navbar[class*=sm-navbar--sidebar] .sm-toggler{display:none}}.sm-collapse{display:none;flex-basis:100%}.sm-collapse.sm-show,.sm-collapse.sm-hiding{display:block}@media(prefers-reduced-motion: no-preference){.sm-collapse.sm-showing{animation:var(--sm-collapse-show-animation)}.sm-collapse.sm-hiding{animation:var(--sm-collapse-hide-animation)}}.sm-navbar--dropdowns-only .sm-collapse{display:inherit;flex-flow:inherit;align-items:inherit;justify-content:inherit}@media(min-width: 768px){.sm-navbar:not(.sm-navbar--collapsible-only) .sm-collapse{display:inherit;flex-flow:inherit;align-items:inherit;justify-content:inherit}}.sm-navbar[class*=sm-navbar--sticky] .sm-collapse,.sm-navbar[class*=sm-navbar--fixed] .sm-collapse{max-height:var(--sm-collapse-max-height);overflow-y:auto}.sm-navbar[class*=sm-navbar--sticky].sm-navbar--dropdowns-only .sm-collapse,.sm-navbar[class*=sm-navbar--fixed].sm-navbar--dropdowns-only .sm-collapse{max-height:none;overflow-y:visible}@media(min-width: 768px){.sm-navbar[class*=sm-navbar--sticky]:not(.sm-navbar--collapsible-only) .sm-collapse,.sm-navbar[class*=sm-navbar--fixed]:not(.sm-navbar--collapsible-only) .sm-collapse{max-height:none;overflow-y:visible}}@media(min-width: 768px){.sm-navbar[class*=sm-navbar--sidebar] .sm-collapse{display:block}}.sm-offcanvas{display:none;flex-basis:100%;position:fixed;top:0;bottom:0;left:0;width:var(--sm-offcanvas-width);overflow-y:auto;--sm-offcanvas-transform-from: translateX(-100%)}.sm-navbar--offcanvas-right .sm-offcanvas{left:auto;right:0;--sm-offcanvas-transform-from: translateX(100%)}.sm-navbar--offcanvas-top .sm-offcanvas,.sm-navbar--offcanvas-bottom .sm-offcanvas{right:0;width:auto;--sm-offcanvas-transform-from: translateY(-100%)}.sm-navbar--offcanvas-bottom .sm-offcanvas{--sm-offcanvas-transform-from: translateY(100%)}.sm-offcanvas.sm-show,.sm-offcanvas.sm-hiding{display:block}@media(prefers-reduced-motion: no-preference){.sm-offcanvas.sm-showing{animation:sm-offcanvas-toggle .25s}.sm-offcanvas.sm-hiding{animation:sm-offcanvas-toggle .25s reverse}}@media(min-width: 768px){.sm-navbar:not(.sm-navbar--offcanvas-only) .sm-offcanvas{display:inherit;flex-flow:inherit;align-items:inherit;justify-content:inherit;position:static;width:auto;padding:0 ;background:transparent ;overflow-y:visible;transform:none}}.sm-navbar--dropdowns-only .sm-offcanvas{overflow-y:visible}@media(min-width: 768px){.sm-navbar:not(.sm-navbar--collapsible-only) .sm-offcanvas{overflow-y:visible}}@keyframes sm-offcanvas-toggle{from{transform:var(--sm-offcanvas-transform-from)}to{transform:none}}.sm-offcanvas-overlay{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background:var(--sm-offcanvas-overlay-bg);cursor:default}.sm-offcanvas-overlay.sm-show,.sm-offcanvas-overlay.sm-hiding{display:block}@media(prefers-reduced-motion: no-preference){.sm-offcanvas-overlay.sm-showing{animation:sm-ani-fade .25s}.sm-offcanvas-overlay.sm-hiding{animation:sm-ani-fade .25s reverse}}.sm-nav{display:flex;flex-flow:column nowrap;flex-basis:100%;list-style:none;margin:0;padding:0;max-width:100%;line-height:inherit}.sm-navbar--dropdowns-only .sm-nav{flex-flow:row wrap}@media(min-width: 768px){.sm-navbar:not(.sm-navbar--collapsible-only) .sm-nav{flex-flow:row wrap}}.sm-navbar--vertical.sm-navbar--dropdowns-only .sm-nav{flex-flow:column nowrap;align-items:normal}@media(min-width: 768px){.sm-navbar--vertical:not(.sm-navbar--collapsible-only) .sm-nav{flex-flow:column nowrap;align-items:normal}}.sm-navbar--dropdowns-only .sm-nav--left{justify-content:flex-start}@media(min-width: 768px){.sm-nav--left{justify-content:flex-start}}.sm-navbar--dropdowns-only .sm-nav--center{justify-content:center}@media(min-width: 768px){.sm-nav--center{justify-content:center}}.sm-navbar--dropdowns-only .sm-nav--right{justify-content:flex-end}@media(min-width: 768px){.sm-nav--right{justify-content:flex-end}}.sm-navbar--dropdowns-only .sm-nav--fill{flex:1 1 auto}@media(min-width: 768px){.sm-nav--fill{flex:1 1 auto}}.sm-navbar--dropdowns-only .sm-nav--justify{flex:1 1 0}@media(min-width: 768px){.sm-nav--justify{flex:1 1 0}}.sm-nav-item{display:grid;grid-template:"link link-split-toggler" auto "sub sub" auto/1fr auto;position:relative;list-style:none;margin:0;padding:0;line-height:inherit}.sm-navbar--dropdowns-only .sm-nav--fill>.sm-nav-item{flex:1 1 auto}@media(min-width: 768px){.sm-nav--fill>.sm-nav-item{flex:1 1 auto}}.sm-navbar--dropdowns-only .sm-nav--justify>.sm-nav-item{flex:1 1 0}@media(min-width: 768px){.sm-nav--justify>.sm-nav-item{flex:1 1 0}}.sm-nav-item--has-mega{position:static}.sm-nav-item-separator{--sm-nav-item-separator-border: 1px solid;--sm-nav-item-separator-spacing: 0.5rem;--sm-nav-item-separator-fullsize-offset: 6px;margin:var(--sm-nav-item-separator-spacing) var(--sm-nav-item-separator-fullsize-offset);border:0;border-top:var(--sm-nav-item-separator-border);height:0;color:currentcolor;overflow:hidden}.sm-navbar--dropdowns-only .sm-nav-item-separator{margin:var(--sm-nav-item-separator-fullsize-offset) var(--sm-nav-item-separator-spacing);border:0;border-left:var(--sm-nav-item-separator-border);height:auto}@media(min-width: 768px){.sm-navbar:not(.sm-navbar--collapsible-only) .sm-nav-item-separator{margin:var(--sm-nav-item-separator-fullsize-offset) var(--sm-nav-item-separator-spacing);border:0;border-left:var(--sm-nav-item-separator-border);height:auto}}.sm-navbar--vertical.sm-navbar--dropdowns-only .sm-nav-item-separator{margin:var(--sm-nav-item-separator-spacing) var(--sm-nav-item-separator-fullsize-offset);border:0;border-top:var(--sm-nav-item-separator-border);height:0}@media(min-width: 768px){.sm-navbar--vertical:not(.sm-navbar--collapsible-only) .sm-nav-item-separator{margin:var(--sm-nav-item-separator-spacing) var(--sm-nav-item-separator-fullsize-offset);border:0;border-top:var(--sm-nav-item-separator-border);height:0}}.sm-nav-link{grid-area:link;display:flex;align-items:center;justify-content:space-between;position:relative;line-height:inherit}.sm-navbar--dropdowns-only .sm-nav-link{white-space:nowrap}@media(min-width: 768px){.sm-navbar:not(.sm-navbar--collapsible-only) .sm-nav-link{white-space:nowrap}}.sm-nav-link.sm-disabled{cursor:default}.sm-navbar--vertical.sm-navbar--dropdowns-only .sm-nav-link{white-space:normal}@media(min-width: 768px){.sm-navbar--vertical:not(.sm-navbar--collapsible-only) .sm-nav-link{white-space:normal}}.sm-nav-link--split+.sm-nav-link--split{grid-area:link-split-toggler;cursor:pointer}.sm-nav-link--split+.sm-nav-link--split::before{content:"";position:absolute;left:0;top:0;bottom:0;margin:6px 0;border-left:1px solid;overflow:hidden}.sm-sub-toggler::after{--sm-sub-toggler-icon-size: 0.7rem;--sm-sub-toggler-icon-spacing: 0.4rem;--sm-sub-toggler-split-icon-spacing: 0px;content:"+";display:inline-block;margin-left:var(--sm-sub-toggler-icon-spacing);width:var(--sm-sub-toggler-icon-size);height:var(--sm-sub-toggler-icon-size);line-height:var(--sm-sub-toggler-icon-size);text-align:center}.sm-expanded.sm-sub-toggler::after{content:"-"}.sm-nav-link--split.sm-sub-toggler::after,.sm-sub-link--split.sm-sub-toggler::after{margin-left:var(--sm-sub-toggler-split-icon-spacing);margin-right:var(--sm-sub-toggler-split-icon-spacing)}.sm-sub{grid-area:sub;display:none;list-style:none;margin:0;padding:0;line-height:inherit}.sm-sub.sm-show,.sm-sub.sm-hiding{display:block}@media(prefers-reduced-motion: no-preference){.sm-sub.sm-showing{animation:var(--sm-sub-collapsible-show-animation)}.sm-sub.sm-hiding{animation:var(--sm-sub-collapsible-hide-animation)}}.sm-navbar--dropdowns-only .sm-sub{grid-area:none;position:absolute;min-width:var(--sm-sub-min-width)}@media(min-width: 768px){.sm-navbar:not(.sm-navbar--collapsible-only) .sm-sub{grid-area:none;position:absolute;min-width:var(--sm-sub-min-width)}}@media(prefers-reduced-motion: no-preference){.sm-navbar--dropdowns-only .sm-sub.sm-showing{animation:var(--sm-sub-dropdowns-show-animation)}.sm-navbar--dropdowns-only .sm-sub.sm-hiding{animation:var(--sm-sub-dropdowns-hide-animation)}}@media(prefers-reduced-motion: no-preference)and (min-width: 768px){.sm-navbar:not(.sm-navbar--collapsible-only) .sm-sub.sm-showing{animation:var(--sm-sub-dropdowns-show-animation)}.sm-navbar:not(.sm-navbar--collapsible-only) .sm-sub.sm-hiding{animation:var(--sm-sub-dropdowns-hide-animation)}}.sm-sub--mega{left:0;right:0}.sm-navbar--vertical.sm-navbar--dropdowns-only .sm-sub--mega{left:auto;right:auto;top:0;bottom:0}@media(min-width: 768px){.sm-navbar--vertical .sm-sub--mega{left:auto;right:auto;top:0;bottom:0}}.sm-sub-item{display:grid;grid-template:"link link-split-toggler" auto "sub sub" auto/1fr auto;position:relative;list-style:none;margin:0;padding:0;line-height:inherit}.sm-sub-item-separator{margin:.5rem 6px;border:0;border-top:1px solid;height:0;overflow:hidden}.sm-sub-link{grid-area:link;display:flex;align-items:center;justify-content:space-between;position:relative;line-height:inherit}.sm-navbar--dropdowns-only .sm-sub-link{white-space:nowrap}@media(min-width: 768px){.sm-navbar:not(.sm-navbar--collapsible-only) .sm-sub-link{white-space:nowrap}}.sm-sub-link.sm-disabled{cursor:default}.sm-sub-link--split+.sm-sub-link--split{grid-area:link-split-toggler;cursor:pointer}.sm-sub-link--split+.sm-sub-link--split::before{content:"";position:absolute;left:0;top:0;bottom:0;margin:6px 0;border-left:1px solid;overflow:hidden}@keyframes sm-ani-collapse{from{max-height:0;overflow:hidden}to{max-height:var(--sm-height, 100vh);overflow:hidden}}@keyframes sm-ani-fade{from{opacity:0}to{opacity:1}}@media(max-width: 767.98px){.sm-hide-small{display:none }}@media(min-width: 768px){.sm-hide-large{display:none }}.sm-navbar{--sm-light: #fff;--sm-dark: #262626;--sm-brand: #1c72e3;--sm-brand-contrast: #fff;--sm-accent: #74ecc8;--sm-accent-contrast: #262626;--sm-bg: #fff;--sm-bg-soft: rgba(217, 217, 217, 0.3);--sm-text: #262626;--sm-text-disabled: rgba(38, 38, 38, 0.38);--sm-bg-alt: #f7f7f7;--sm-bg-alt-soft: rgba(210, 210, 210, 0.3);--sm-text-alt: #262626;--sm-text-alt-disabled: rgba(38, 38, 38, 0.38);--sm-separator: rgba(38, 38, 38, 0.2);--sm-border: rgba(38, 38, 38, 0.1);--sm-text-shadow: none;--sm-box-shadow: rgba(0, 0, 0, 0.1);--sm-font-family: inherit;--sm-font-size: 1rem;--sm-font-size-small: 0.875rem;--sm-line-height: 23px;--sm-border-radius: 8px;--sm-border-radius-large: 10px;--sm-border-radius-small: 6px}.sm-navbar{--sm-collapsible-navbar-color: var(--sm-text-alt);--sm-collapsible-navbar-bg: var(--sm-bg-alt);--sm-collapsible-navbar-border-width: 0px;--sm-collapsible-navbar-border-style: solid;--sm-collapsible-navbar-border-color: var(--sm-border);--sm-collapsible-navbar-padding-y: 6px;--sm-collapsible-navbar-padding-x: 6px;--sm-collapsible-navbar-text-shadow: 0 1px 0 var(--sm-text-shadow);--sm-collapsible-navbar-box-shadow: 0 0 0 var(--sm-box-shadow);--sm-collapsible-brand-color: var(--sm-collapsible-navbar-color);--sm-collapsible-brand-font-size: calc(var(--sm-font-size) * 1.25);--sm-collapsible-brand-font-weight: normal;--sm-collapsible-nav-item-spacing-y: 2px;--sm-collapsible-nav-item-separator-border: 1px solid var(--sm-separator);--sm-collapsible-nav-item-separator-spacing: 6px;--sm-collapsible-nav-item-separator-fullsize-offset: 6px;--sm-collapsible-nav-link-color: var(--sm-collapsible-navbar-color);--sm-collapsible-nav-link-bg: transparent;--sm-collapsible-nav-link-border-radius: var(--sm-border-radius);--sm-collapsible-nav-link-first-border-radius: var(--sm-collapsible-nav-link-border-radius);--sm-collapsible-nav-link-last-border-radius: var(--sm-collapsible-nav-link-border-radius);--sm-collapsible-nav-link-font-weight: normal;--sm-collapsible-nav-link-hover-color: var(--sm-text-alt);--sm-collapsible-nav-link-hover-bg: var(--sm-bg-alt-soft);--sm-collapsible-nav-link-active-color: var(--sm-brand-contrast);--sm-collapsible-nav-link-active-bg: var(--sm-brand);--sm-collapsible-nav-link-expanded-color: var(--sm-brand-contrast);--sm-collapsible-nav-link-expanded-bg: var(--sm-brand);--sm-collapsible-nav-link-expanded-border-radius: var(--sm-border-radius) var(--sm-border-radius) 0 0;--sm-collapsible-nav-link-first-expanded-border-radius: var(--sm-collapsible-nav-link-expanded-border-radius);--sm-collapsible-nav-link-last-expanded-border-radius: var(--sm-collapsible-nav-link-expanded-border-radius);--sm-collapsible-nav-link-selected-color: var(--sm-accent-contrast);--sm-collapsible-nav-link-selected-bg: var(--sm-accent);--sm-collapsible-nav-link-selected-font-weight: bold;--sm-collapsible-nav-link-disabled-color: var(--sm-text-alt-disabled);--sm-collapsible-nav-link-padding-y: 10px;--sm-collapsible-nav-link-padding-x: 12px;--sm-collapsible-nav-link-split-separator-border: 1px solid currentcolor;--sm-collapsible-nav-link-split-separator-fullsize-offset: 8px;--sm-collapsible-nav-link-split-separator-opacity: 0.2;--sm-collapsible-nav-link-split-toggler-border-radius: var(--sm-collapsible-nav-link-border-radius);--sm-collapsible-sub-toggler-color: currentcolor;--sm-collapsible-sub-toggler-icon-size: 0.6rem;--sm-collapsible-sub-toggler-icon-spacing: 0.45rem;--sm-collapsible-sub-toggler-opacity: 0.7;--sm-collapsible-sub-bg: var(--sm-bg-soft);--sm-collapsible-sub-first-level-bg: var(--sm-bg);--sm-collapsible-sub-border-radius: var(--sm-border-radius);--sm-collapsible-sub-first-level-border-radius: 0 0 var(--sm-border-radius) var(--sm-border-radius);--sm-collapsible-sub-padding-y: 5px;--sm-collapsible-sub-padding-x: 5px;--sm-collapsible-sub-text-shadow: 0 1px 0 var(--sm-text-shadow);--sm-collapsible-sub-text-indent: 0px;--sm-collapsible-sub-sub-text-indent: 15px;--sm-collapsible-sub-item-spacing-y: var(--sm-collapsible-nav-item-spacing-y);--sm-collapsible-sub-item-separator-border: var(--sm-collapsible-nav-item-separator-border);--sm-collapsible-sub-item-separator-spacing: var(--sm-collapsible-nav-item-separator-spacing);--sm-collapsible-sub-item-separator-fullsize-offset: var(--sm-collapsible-nav-item-separator-fullsize-offset);--sm-collapsible-sub-link-color: var(--sm-text);--sm-collapsible-sub-link-bg: transparent;--sm-collapsible-sub-link-border-radius: var(--sm-border-radius);--sm-collapsible-sub-link-first-border-radius: var(--sm-collapsible-sub-link-border-radius);--sm-collapsible-sub-link-last-border-radius: var(--sm-collapsible-sub-link-border-radius);--sm-collapsible-sub-link-font-weight: normal;--sm-collapsible-sub-link-hover-color: var(--sm-text);--sm-collapsible-sub-link-hover-bg: var(--sm-bg-soft);--sm-collapsible-sub-link-active-color: var(--sm-collapsible-nav-link-active-color);--sm-collapsible-sub-link-active-bg: var(--sm-collapsible-nav-link-active-bg);--sm-collapsible-sub-link-expanded-color: var(--sm-collapsible-sub-link-color);--sm-collapsible-sub-link-expanded-bg: var(--sm-collapsible-sub-link-bg);--sm-collapsible-sub-link-expanded-border-radius: var(--sm-border-radius);--sm-collapsible-sub-link-first-expanded-border-radius: var(--sm-collapsible-sub-link-expanded-border-radius);--sm-collapsible-sub-link-last-expanded-border-radius: var(--sm-collapsible-sub-link-expanded-border-radius);--sm-collapsible-sub-link-selected-color: var(--sm-collapsible-nav-link-selected-color);--sm-collapsible-sub-link-selected-bg: var(--sm-collapsible-nav-link-selected-bg);--sm-collapsible-sub-link-selected-font-weight: bold;--sm-collapsible-sub-link-disabled-color: var(--sm-text-disabled);--sm-collapsible-sub-link-padding-y: 8px;--sm-collapsible-sub-link-padding-x: 12px;--sm-collapsible-sub-link-split-separator-border: var(--sm-collapsible-nav-link-split-separator-border);--sm-collapsible-sub-link-split-separator-fullsize-offset: var(--sm-collapsible-nav-link-split-separator-fullsize-offset);--sm-collapsible-sub-link-split-separator-opacity: var(--sm-collapsible-nav-link-split-separator-opacity);--sm-collapsible-sub-link-split-toggler-border-radius: var(--sm-collapsible-sub-link-border-radius)}@media(max-width: 767.98px){.sm-navbar{border-width:var(--sm-collapsible-navbar-border-width);border-style:var(--sm-collapsible-navbar-border-style);border-color:var(--sm-collapsible-navbar-border-color);padding:var(--sm-collapsible-navbar-padding-y) var(--sm-collapsible-navbar-padding-x);background:var(--sm-collapsible-navbar-bg);color:var(--sm-collapsible-navbar-color);text-shadow:var(--sm-collapsible-navbar-text-shadow);box-shadow:var(--sm-collapsible-navbar-box-shadow);--sm-navbar-sidebar-centered-padding-x: var(--sm-collapsible-navbar-padding-x)}.sm-brand{padding:var(--sm-collapsible-nav-link-padding-y) var(--sm-collapsible-nav-link-padding-x);color:var(--sm-collapsible-brand-color);font-family:var(--sm-font-family);font-size:var(--sm-collapsible-brand-font-size);font-weight:var(--sm-collapsible-brand-font-weight);line-height:var(--sm-line-height);white-space:nowrap;text-decoration:none}.sm-brand>a,.sm-brand>a:hover,.sm-brand>a:active{color:inherit;text-decoration:none}.sm-toggler-anchor{padding:var(--sm-collapsible-nav-link-padding-y) var(--sm-collapsible-nav-link-padding-x);line-height:var(--sm-line-height);text-shadow:none}.sm-offcanvas{padding:var(--sm-collapsible-navbar-padding-y) var(--sm-collapsible-navbar-padding-x);background:var(--sm-collapsible-navbar-bg)}.sm-nav-item+.sm-nav-item{margin-top:var(--sm-collapsible-nav-item-spacing-y)}.sm-nav-item-separator{--sm-nav-item-separator-border: var(--sm-collapsible-nav-item-separator-border);--sm-nav-item-separator-spacing: var(--sm-collapsible-nav-item-separator-spacing);--sm-nav-item-separator-fullsize-offset: var(--sm-collapsible-nav-item-separator-fullsize-offset)}.sm-nav-link{grid-area:link/link/link/link-split-toggler;border-radius:var(--sm-collapsible-nav-link-border-radius);padding:var(--sm-collapsible-nav-link-padding-y) var(--sm-collapsible-nav-link-padding-x);background:var(--sm-collapsible-nav-link-bg);color:var(--sm-collapsible-nav-link-color);font-family:var(--sm-font-family);font-size:var(--sm-font-size);font-weight:var(--sm-collapsible-nav-link-font-weight);line-height:var(--sm-line-height);text-decoration:none}}@media(max-width: 767.98px)and (hover: hover)and (pointer: fine){.sm-nav-link:hover{background:var(--sm-collapsible-nav-link-hover-bg);color:var(--sm-collapsible-nav-link-hover-color)}}@media(max-width: 767.98px){.sm-nav-link:active{background:var(--sm-collapsible-nav-link-active-bg);color:var(--sm-collapsible-nav-link-active-color)}}@media(max-width: 767.98px){.sm-nav-link.sm-expanded{border-radius:var(--sm-collapsible-nav-link-expanded-border-radius);background:var(--sm-collapsible-nav-link-expanded-bg);color:var(--sm-collapsible-nav-link-expanded-color)}}@media(max-width: 767.98px){.sm-nav-link.sm-selected{background:var(--sm-collapsible-nav-link-selected-bg);color:var(--sm-collapsible-nav-link-selected-color);font-weight:var(--sm-collapsible-nav-link-selected-font-weight)}}@media(max-width: 767.98px){.sm-nav-link.sm-disabled{background:var(--sm-collapsible-nav-link-bg);color:var(--sm-collapsible-nav-link-disabled-color)}}@media(max-width: 767.98px){.sm-nav-item:first-child .sm-nav-link{border-radius:var(--sm-collapsible-nav-link-first-border-radius)}}@media(max-width: 767.98px){.sm-nav-item:last-child .sm-nav-link{border-radius:var(--sm-collapsible-nav-link-last-border-radius)}}@media(max-width: 767.98px){.sm-nav-item:first-child .sm-nav-link.sm-expanded{border-radius:var(--sm-collapsible-nav-link-first-expanded-border-radius)}}@media(max-width: 767.98px){.sm-nav-item:last-child .sm-nav-link.sm-expanded{border-radius:var(--sm-collapsible-nav-link-last-expanded-border-radius)}}@media(max-width: 767.98px){.sm-nav-link--split+.sm-nav-link--split{border-radius:var(--sm-collapsible-nav-link-split-toggler-border-radius) }}@media(max-width: 767.98px){.sm-nav-link--split+.sm-nav-link--split::before{margin:var(--sm-collapsible-nav-link-split-separator-fullsize-offset) 0;border-left:var(--sm-collapsible-nav-link-split-separator-border);opacity:var(--sm-collapsible-nav-link-split-separator-opacity)}}@media(max-width: 767.98px){.sm-nav-link--split:not(.sm-nav-link--split+.sm-nav-link--split){padding-right:calc((var(--sm-collapsible-nav-link-padding-x) * 3) + var(--sm-collapsible-sub-toggler-icon-size) + (var(--sm-collapsible-sub-toggler-icon-spacing) * 2))}}@media(max-width: 767.98px){.sm-nav-link--split:active:not(.sm-expanded,.sm-selected,.sm-disabled)+.sm-nav-link--split{color:var(--sm-collapsible-nav-link-active-color)}}@media(max-width: 767.98px){.sm-sub-toggler{border:0}}@media(max-width: 767.98px){.sm-sub-toggler::after{--sm-sub-toggler-icon-size: var(--sm-collapsible-sub-toggler-icon-size);content:"" ;margin:0 var(--sm-collapsible-sub-toggler-icon-spacing) ;margin-top:calc(-0.5 * var(--sm-collapsible-sub-toggler-icon-size)) ;border-style:solid;border-width:0 0 2px 2px;border-color:var(--sm-collapsible-sub-toggler-color);opacity:var(--sm-collapsible-sub-toggler-opacity);transform:rotate(-45deg)}}@media(max-width: 767.98px){.sm-expanded.sm-sub-toggler::after{margin-top:calc(0.5 * var(--sm-collapsible-sub-toggler-icon-size)) ;transform:rotate(-225deg)}}@media(max-width: 767.98px){.sm-sub{border-radius:var(--sm-collapsible-sub-first-level-border-radius);padding:var(--sm-collapsible-sub-padding-y) var(--sm-collapsible-sub-padding-x);background:var(--sm-collapsible-sub-first-level-bg);text-shadow:var(--sm-collapsible-sub-text-shadow)}}@media(max-width: 767.98px){.sm-sub .sm-sub{border-radius:var(--sm-collapsible-sub-border-radius);background:var(--sm-collapsible-sub-bg)}}@media(max-width: 767.98px){.sm-sub-item+.sm-sub-item{margin-top:var(--sm-collapsible-sub-item-spacing-y)}}@media(max-width: 767.98px){.sm-sub-item-separator{margin:var(--sm-collapsible-sub-item-separator-spacing) var(--sm-collapsible-sub-item-separator-fullsize-offset);border-top:var(--sm-collapsible-sub-item-separator-border)}}@media(max-width: 767.98px){.sm-sub-link{grid-area:link/link/link/link-split-toggler;border-radius:var(--sm-collapsible-sub-link-border-radius);padding:var(--sm-collapsible-sub-link-padding-y) var(--sm-collapsible-sub-link-padding-x);background:var(--sm-collapsible-sub-link-bg);color:var(--sm-collapsible-sub-link-color);font-family:var(--sm-font-family);font-size:var(--sm-font-size-small);font-weight:var(--sm-collapsible-sub-link-font-weight);line-height:var(--sm-line-height);text-decoration:none}}@media(max-width: 767.98px)and (hover: hover)and (pointer: fine){.sm-sub-link:hover{background:var(--sm-collapsible-sub-link-hover-bg);color:var(--sm-collapsible-sub-link-hover-color)}}@media(max-width: 767.98px){.sm-sub-link:active{background:var(--sm-collapsible-sub-link-active-bg);color:var(--sm-collapsible-sub-link-active-color)}}@media(max-width: 767.98px){.sm-sub-link.sm-expanded{border-radius:var(--sm-collapsible-sub-link-expanded-border-radius);background:var(--sm-collapsible-sub-link-expanded-bg);color:var(--sm-collapsible-sub-link-expanded-color)}}@media(max-width: 767.98px){.sm-sub-link.sm-selected{background:var(--sm-collapsible-sub-link-selected-bg);color:var(--sm-collapsible-sub-link-selected-color);font-weight:var(--sm-collapsible-sub-link-selected-font-weight)}}@media(max-width: 767.98px){.sm-sub-link.sm-disabled{background:var(--sm-collapsible-sub-link-bg);color:var(--sm-collapsible-sub-link-disabled-color)}}@media(max-width: 767.98px){.sm-sub-item:first-child>.sm-sub-link{border-radius:var(--sm-collapsible-sub-link-first-border-radius)}}@media(max-width: 767.98px){.sm-sub-item:last-child>.sm-sub-link{border-radius:var(--sm-collapsible-sub-link-last-border-radius)}}@media(max-width: 767.98px){.sm-sub-item:first-child>.sm-sub-link.sm-expanded{border-radius:var(--sm-collapsible-sub-link-first-expanded-border-radius)}}@media(max-width: 767.98px){.sm-sub-item:last-child>.sm-sub-link.sm-expanded{border-radius:var(--sm-collapsible-sub-link-last-expanded-border-radius)}}@media(max-width: 767.98px){.sm-sub .sm-sub-item{--sm-level: 0}}@media(max-width: 767.98px){.sm-sub .sm-sub .sm-sub-item{--sm-level: 1}}@media(max-width: 767.98px){.sm-sub .sm-sub .sm-sub .sm-sub-item{--sm-level: 2}}@media(max-width: 767.98px){.sm-sub .sm-sub .sm-sub .sm-sub .sm-sub-item{--sm-level: 3}}@media(max-width: 767.98px){.sm-sub .sm-sub .sm-sub .sm-sub .sm-sub .sm-sub-item{--sm-level: 4}}@media(max-width: 767.98px){.sm-sub-link:not(.sm-sub-link--split+.sm-sub-link--split){border-left:calc(var(--sm-collapsible-sub-text-indent) + (var(--sm-collapsible-sub-sub-text-indent) * var(--sm-level))) solid transparent}}@media(max-width: 767.98px){.sm-sub-link--split+.sm-sub-link--split{border-radius:var(--sm-collapsible-sub-link-split-toggler-border-radius) }}@media(max-width: 767.98px){.sm-sub-link--split+.sm-sub-link--split::before{margin:var(--sm-collapsible-sub-link-split-separator-fullsize-offset) 0;border-left:var(--sm-collapsible-sub-link-split-separator-border);opacity:var(--sm-collapsible-sub-link-split-separator-opacity)}}@media(max-width: 767.98px){.sm-sub-link--split:not(.sm-sub-link--split+.sm-sub-link--split){padding-right:calc((var(--sm-collapsible-sub-link-padding-x) * 3) + var(--sm-collapsible-sub-toggler-icon-size) + (var(--sm-collapsible-sub-toggler-icon-spacing) * 2))}}@media(max-width: 767.98px){.sm-sub-link--split:active:not(.sm-expanded,.sm-selected,.sm-disabled)+.sm-sub-link--split{color:var(--sm-collapsible-sub-link-active-color)}}.sm-navbar{--sm-dropdowns-navbar-color: var(--sm-text-alt);--sm-dropdowns-navbar-bg: var(--sm-bg-alt);--sm-dropdowns-navbar-border-width: 0px;--sm-dropdowns-navbar-border-style: solid;--sm-dropdowns-navbar-border-color: var(--sm-border);--sm-dropdowns-navbar-padding-y: 6px;--sm-dropdowns-navbar-padding-x: 6px;--sm-dropdowns-navbar-text-shadow: 0 1px 0 var(--sm-text-shadow);--sm-dropdowns-navbar-box-shadow: 0 0 0 var(--sm-box-shadow);--sm-dropdowns-brand-color: var(--sm-dropdowns-navbar-color);--sm-dropdowns-brand-font-size: calc(var(--sm-font-size) * 1.25);--sm-dropdowns-brand-font-weight: normal;--sm-dropdowns-nav-item-separator-border: 1px solid var(--sm-separator);--sm-dropdowns-nav-item-separator-spacing: 6px;--sm-dropdowns-nav-item-separator-fullsize-offset: 6px;--sm-dropdowns-nav-link-color: var(--sm-dropdowns-navbar-color);--sm-dropdowns-nav-link-bg: transparent;--sm-dropdowns-nav-link-border-radius: var(--sm-border-radius);--sm-dropdowns-nav-link-first-border-radius: var(--sm-dropdowns-nav-link-border-radius);--sm-dropdowns-nav-link-last-border-radius: var(--sm-dropdowns-nav-link-border-radius);--sm-dropdowns-nav-link-font-weight: normal;--sm-dropdowns-nav-link-hover-color: var(--sm-text-alt);--sm-dropdowns-nav-link-hover-bg: var(--sm-bg-alt-soft);--sm-dropdowns-nav-link-active-color: var(--sm-brand-contrast);--sm-dropdowns-nav-link-active-bg: var(--sm-brand);--sm-dropdowns-nav-link-expanded-color: var(--sm-brand-contrast);--sm-dropdowns-nav-link-expanded-bg: var(--sm-brand);--sm-dropdowns-nav-link-expanded-border-radius: var(--sm-dropdowns-nav-link-border-radius);--sm-dropdowns-nav-link-first-expanded-border-radius: var(--sm-dropdowns-nav-link-first-border-radius);--sm-dropdowns-nav-link-last-expanded-border-radius: var(--sm-dropdowns-nav-link-last-border-radius);--sm-dropdowns-nav-link-selected-color: var(--sm-accent-contrast);--sm-dropdowns-nav-link-selected-bg: var(--sm-accent);--sm-dropdowns-nav-link-selected-font-weight: bold;--sm-dropdowns-nav-link-disabled-color: var(--sm-text-alt-disabled);--sm-dropdowns-nav-link-padding-y: 11px;--sm-dropdowns-nav-link-padding-x: 12px;--sm-dropdowns-nav-link-split-separator-border: 1px solid currentcolor;--sm-dropdowns-nav-link-split-separator-fullsize-offset: 8px;--sm-dropdowns-nav-link-split-separator-opacity: 0.2;--sm-dropdowns-nav-link-split-toggler-border-radius: var(--sm-dropdowns-nav-link-border-radius);--sm-dropdowns-sub-toggler-color: currentcolor;--sm-dropdowns-sub-toggler-icon-size: 0.45rem;--sm-dropdowns-sub-toggler-icon-spacing: 0.4rem;--sm-dropdowns-sub-toggler-split-icon-spacing: 0px;--sm-dropdowns-sub-toggler-opacity: 0.7;--sm-dropdowns-sub-bg: var(--sm-bg);--sm-dropdowns-sub-border-width: 1px;--sm-dropdowns-sub-border-style: solid;--sm-dropdowns-sub-border-color: var(--sm-border);--sm-dropdowns-sub-border-radius: var(--sm-border-radius);--sm-dropdowns-sub-first-level-border-radius: var(--sm-border-radius);--sm-dropdowns-sub-padding-y: 6px;--sm-dropdowns-sub-padding-x: 6px;--sm-dropdowns-sub-text-shadow: 0 1px 0 var(--sm-text-shadow);--sm-dropdowns-sub-box-shadow: 0 3px 8px var(--sm-box-shadow);--sm-dropdowns-sub-item-separator-border: var(--sm-dropdowns-nav-item-separator-border);--sm-dropdowns-sub-item-separator-spacing: var(--sm-dropdowns-nav-item-separator-spacing);--sm-dropdowns-sub-item-separator-fullsize-offset: var(--sm-dropdowns-nav-item-separator-fullsize-offset);--sm-dropdowns-sub-link-color: var(--sm-text);--sm-dropdowns-sub-link-bg: transparent;--sm-dropdowns-sub-link-border-radius: var(--sm-border-radius-small);--sm-dropdowns-sub-link-first-border-radius: var(--sm-dropdowns-sub-link-border-radius);--sm-dropdowns-sub-link-last-border-radius: var(--sm-dropdowns-sub-link-border-radius);--sm-dropdowns-sub-link-font-weight: normal;--sm-dropdowns-sub-link-hover-color: var(--sm-text);--sm-dropdowns-sub-link-hover-bg: var(--sm-bg-soft);--sm-dropdowns-sub-link-active-color: var(--sm-dropdowns-nav-link-active-color);--sm-dropdowns-sub-link-active-bg: var(--sm-dropdowns-nav-link-active-bg);--sm-dropdowns-sub-link-expanded-color: var(--sm-dropdowns-nav-link-expanded-color);--sm-dropdowns-sub-link-expanded-bg: var(--sm-dropdowns-nav-link-expanded-bg);--sm-dropdowns-sub-link-expanded-border-radius: var(--sm-dropdowns-sub-link-border-radius);--sm-dropdowns-sub-link-first-expanded-border-radius: var(--sm-dropdowns-sub-link-first-border-radius);--sm-dropdowns-sub-link-last-expanded-border-radius: var(--sm-dropdowns-sub-link-last-border-radius);--sm-dropdowns-sub-link-selected-color: var(--sm-dropdowns-nav-link-selected-color);--sm-dropdowns-sub-link-selected-bg: var(--sm-dropdowns-nav-link-selected-bg);--sm-dropdowns-sub-link-selected-font-weight: bold;--sm-dropdowns-sub-link-disabled-color: var(--sm-text-disabled);--sm-dropdowns-sub-link-padding-y: 8px;--sm-dropdowns-sub-link-padding-x: 12px;--sm-dropdowns-sub-link-split-separator-border: var(--sm-dropdowns-nav-link-split-separator-border);--sm-dropdowns-sub-link-split-separator-fullsize-offset: var(--sm-dropdowns-nav-link-split-separator-fullsize-offset);--sm-dropdowns-sub-link-split-separator-opacity: var(--sm-dropdowns-nav-link-split-separator-opacity);--sm-dropdowns-sub-link-split-toggler-border-radius: var(--sm-dropdowns-sub-link-border-radius)}@media(min-width: 768px){.sm-navbar{border-width:var(--sm-dropdowns-navbar-border-width);border-style:var(--sm-dropdowns-navbar-border-style);border-color:var(--sm-dropdowns-navbar-border-color);padding:var(--sm-dropdowns-navbar-padding-y) var(--sm-dropdowns-navbar-padding-x);background:var(--sm-dropdowns-navbar-bg);color:var(--sm-dropdowns-navbar-color);text-shadow:var(--sm-dropdowns-navbar-text-shadow);box-shadow:var(--sm-dropdowns-navbar-box-shadow);--sm-navbar-sidebar-centered-padding-x: var(--sm-dropdowns-navbar-padding-x)}.sm-brand{padding:var(--sm-dropdowns-nav-link-padding-y) var(--sm-dropdowns-nav-link-padding-x);color:var(--sm-dropdowns-brand-color);font-family:var(--sm-font-family);font-size:var(--sm-dropdowns-brand-font-size);font-weight:var(--sm-dropdowns-brand-font-weight);line-height:var(--sm-line-height);white-space:nowrap;text-decoration:none}.sm-brand>a,.sm-brand>a:hover,.sm-brand>a:active{color:inherit;text-decoration:none}.sm-toggler-anchor{padding:var(--sm-dropdowns-nav-link-padding-y) var(--sm-dropdowns-nav-link-padding-x);line-height:var(--sm-line-height);text-shadow:none}.sm-offcanvas{padding:var(--sm-dropdowns-navbar-padding-y) var(--sm-dropdowns-navbar-padding-x);background:var(--sm-dropdowns-navbar-bg)}.sm-nav-item-separator{--sm-nav-item-separator-border: var(--sm-dropdowns-nav-item-separator-border);--sm-nav-item-separator-spacing: var(--sm-dropdowns-nav-item-separator-spacing);--sm-nav-item-separator-fullsize-offset: var(--sm-dropdowns-nav-item-separator-fullsize-offset)}.sm-nav-link{grid-area:link/link/link/link-split-toggler;border-radius:var(--sm-dropdowns-nav-link-border-radius);padding:var(--sm-dropdowns-nav-link-padding-y) var(--sm-dropdowns-nav-link-padding-x);background:var(--sm-dropdowns-nav-link-bg);color:var(--sm-dropdowns-nav-link-color);font-family:var(--sm-font-family);font-size:var(--sm-font-size);font-weight:var(--sm-dropdowns-nav-link-font-weight);line-height:var(--sm-line-height);text-decoration:none}}@media(min-width: 768px)and (hover: hover)and (pointer: fine){.sm-nav-link:hover{background:var(--sm-dropdowns-nav-link-hover-bg);color:var(--sm-dropdowns-nav-link-hover-color)}}@media(min-width: 768px){.sm-nav-link:active{background:var(--sm-dropdowns-nav-link-active-bg);color:var(--sm-dropdowns-nav-link-active-color)}}@media(min-width: 768px){.sm-nav-link.sm-expanded{border-radius:var(--sm-dropdowns-nav-link-expanded-border-radius);background:var(--sm-dropdowns-nav-link-expanded-bg);color:var(--sm-dropdowns-nav-link-expanded-color)}}@media(min-width: 768px){.sm-nav-link.sm-selected{background:var(--sm-dropdowns-nav-link-selected-bg);color:var(--sm-dropdowns-nav-link-selected-color);font-weight:var(--sm-dropdowns-nav-link-selected-font-weight)}}@media(min-width: 768px){.sm-nav-link.sm-disabled{background:var(--sm-dropdowns-nav-link-bg);color:var(--sm-dropdowns-nav-link-disabled-color)}}@media(min-width: 768px){.sm-nav-item:first-child .sm-nav-link{border-radius:var(--sm-dropdowns-nav-link-first-border-radius)}}@media(min-width: 768px){.sm-nav-item:last-child .sm-nav-link{border-radius:var(--sm-dropdowns-nav-link-last-border-radius)}}@media(min-width: 768px){.sm-nav-item:first-child .sm-nav-link.sm-expanded{border-radius:var(--sm-dropdowns-nav-link-first-expanded-border-radius)}}@media(min-width: 768px){.sm-nav-item:last-child .sm-nav-link.sm-expanded{border-radius:var(--sm-dropdowns-nav-link-last-expanded-border-radius)}}@media(min-width: 768px){.sm-navbar--vertical .sm-nav-item:first-child .sm-nav-link{border-radius:var(--sm-dropdowns-nav-link-first-border-radius)}}@media(min-width: 768px){.sm-navbar--vertical .sm-nav-item:last-child .sm-nav-link{border-radius:var(--sm-dropdowns-nav-link-last-border-radius)}}@media(min-width: 768px){.sm-navbar--vertical .sm-nav-item:first-child .sm-nav-link.sm-expanded{border-radius:var(--sm-dropdowns-nav-link-first-expanded-border-radius)}}@media(min-width: 768px){.sm-navbar--vertical .sm-nav-item:last-child .sm-nav-link.sm-expanded{border-radius:var(--sm-dropdowns-nav-link-last-expanded-border-radius)}}@media(min-width: 768px){.sm-nav-link--split+.sm-nav-link--split{border-radius:var(--sm-dropdowns-nav-link-split-toggler-border-radius) }}@media(min-width: 768px){.sm-nav-link--split+.sm-nav-link--split::before{margin:var(--sm-dropdowns-nav-link-split-separator-fullsize-offset) 0;border-left:var(--sm-dropdowns-nav-link-split-separator-border);opacity:var(--sm-dropdowns-nav-link-split-separator-opacity)}}@media(min-width: 768px){.sm-nav-link--split:not(.sm-nav-link--split+.sm-nav-link--split){padding-right:calc((var(--sm-dropdowns-nav-link-padding-x) * 3) + var(--sm-dropdowns-sub-toggler-icon-size) + (var(--sm-dropdowns-sub-toggler-split-icon-spacing) * 2))}}@media(min-width: 768px){.sm-nav-link--split:active:not(.sm-expanded,.sm-selected,.sm-disabled)+.sm-nav-link--split{color:var(--sm-dropdowns-nav-link-active-color)}}@media(min-width: 768px){.sm-sub-toggler{border:0}}@media(min-width: 768px){.sm-sub-toggler::after{--sm-sub-toggler-icon-size: var(--sm-dropdowns-sub-toggler-icon-size);--sm-sub-toggler-icon-spacing: var(--sm-dropdowns-sub-toggler-icon-spacing);--sm-sub-toggler-split-icon-spacing: var(--sm-dropdowns-sub-toggler-split-icon-spacing);content:"" ;margin-top:calc(-0.5 * var(--sm-dropdowns-sub-toggler-icon-size));border-style:solid;border-width:0 0 2px 2px;border-color:var(--sm-dropdowns-sub-toggler-color);opacity:var(--sm-dropdowns-sub-toggler-opacity);transform:rotate(-45deg)}}@media(min-width: 768px){.sm-sub .sm-sub-toggler::after,.sm-navbar--vertical .sm-sub-toggler::after{margin-top:0;transform:rotate(225deg)}}@media(min-width: 768px){.sm-navbar--drop-reverse-y:not(.sm-navbar--vertical) .sm-nav-item:not([data-sm-drop-reverse-y]) .sm-nav-link.sm-sub-toggler::after{margin-top:calc(0.5 * var(--sm-dropdowns-sub-toggler-icon-size));transform:rotate(-225deg)}}@media(min-width: 768px){.sm-sub{border-width:var(--sm-dropdowns-sub-border-width);border-style:var(--sm-dropdowns-sub-border-style);border-color:var(--sm-dropdowns-sub-border-color);border-radius:var(--sm-dropdowns-sub-first-level-border-radius);padding:var(--sm-dropdowns-sub-padding-y) var(--sm-dropdowns-sub-padding-x);background:var(--sm-dropdowns-sub-bg);text-shadow:var(--sm-dropdowns-sub-text-shadow);box-shadow:var(--sm-dropdowns-sub-box-shadow)}}@media(min-width: 768px){.sm-sub .sm-sub{border-radius:var(--sm-dropdowns-sub-border-radius)}}@media(min-width: 768px){.sm-sub-item-separator{margin:var(--sm-dropdowns-sub-item-separator-spacing) var(--sm-dropdowns-sub-item-separator-fullsize-offset);border-top:var(--sm-dropdowns-sub-item-separator-border)}}@media(min-width: 768px){.sm-sub-link{grid-area:link/link/link/link-split-toggler;border-radius:var(--sm-dropdowns-sub-link-border-radius);padding:var(--sm-dropdowns-sub-link-padding-y) var(--sm-dropdowns-sub-link-padding-x);background:var(--sm-dropdowns-sub-link-bg);color:var(--sm-dropdowns-sub-link-color);font-family:var(--sm-font-family);font-size:var(--sm-font-size-small);font-weight:var(--sm-dropdowns-sub-link-font-weight);line-height:var(--sm-line-height);text-decoration:none}}@media(min-width: 768px)and (hover: hover)and (pointer: fine){.sm-sub-link:hover{background:var(--sm-dropdowns-sub-link-hover-bg);color:var(--sm-dropdowns-sub-link-hover-color)}}@media(min-width: 768px){.sm-sub-link:active{background:var(--sm-dropdowns-sub-link-active-bg);color:var(--sm-dropdowns-sub-link-active-color)}}@media(min-width: 768px){.sm-sub-link.sm-expanded{border-radius:var(--sm-dropdowns-sub-link-expanded-border-radius);background:var(--sm-dropdowns-sub-link-expanded-bg);color:var(--sm-dropdowns-sub-link-expanded-color)}}@media(min-width: 768px){.sm-sub-link.sm-selected{background:var(--sm-dropdowns-sub-link-selected-bg);color:var(--sm-dropdowns-sub-link-selected-color);font-weight:var(--sm-dropdowns-sub-link-selected-font-weight)}}@media(min-width: 768px){.sm-sub-link.sm-disabled{background:var(--sm-dropdowns-sub-link-bg);color:var(--sm-dropdowns-sub-link-disabled-color)}}@media(min-width: 768px){.sm-sub-item:first-child>.sm-sub-link{border-radius:var(--sm-dropdowns-sub-link-first-border-radius)}}@media(min-width: 768px){.sm-sub-item:last-child>.sm-sub-link{border-radius:var(--sm-dropdowns-sub-link-last-border-radius)}}@media(min-width: 768px){.sm-sub-item:first-child>.sm-sub-link.sm-expanded{border-radius:var(--sm-dropdowns-sub-link-first-expanded-border-radius)}}@media(min-width: 768px){.sm-sub-item:last-child>.sm-sub-link.sm-expanded{border-radius:var(--sm-dropdowns-sub-link-last-expanded-border-radius)}}@media(min-width: 768px){.sm-sub-link--split+.sm-sub-link--split{border-radius:var(--sm-dropdowns-sub-link-split-toggler-border-radius) }}@media(min-width: 768px){.sm-sub-link--split+.sm-sub-link--split::before{margin:var(--sm-dropdowns-sub-link-split-separator-fullsize-offset) 0;border-left:var(--sm-dropdowns-sub-link-split-separator-border);opacity:var(--sm-dropdowns-sub-link-split-separator-opacity)}}@media(min-width: 768px){.sm-sub-link--split:not(.sm-sub-link--split+.sm-sub-link--split){padding-right:calc((var(--sm-dropdowns-sub-link-padding-x) * 3) + var(--sm-dropdowns-sub-toggler-icon-size) + (var(--sm-dropdowns-sub-toggler-split-icon-spacing) * 2))}}@media(min-width: 768px){.sm-sub-link--split:active:not(.sm-expanded,.sm-selected,.sm-disabled)+.sm-sub-link--split{color:var(--sm-dropdowns-sub-link-active-color)}}
/*# sourceMappingURL=maps/smartmenus.min.css.map */