.navigation-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--vo-z-modal);display:flex;justify-content:flex-end}.navigation-drawer[hidden]{display:none}.navigation-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--vo-surface-overlays);opacity:0;transition:opacity var(--vo-transition-normal)}.navigation-drawer[data-drawer-open=true] .navigation-drawer__overlay{opacity:1}.navigation-drawer__panel{position:relative;width:min(90vw,var(--vo-container-reading));height:100%;max-height:100vh;overflow-y:auto;background-color:var(--vo-surface-page);box-shadow:var(--vo-shadow-2xl);padding:var(--vo-space-24);display:flex;flex-direction:column;gap:var(--vo-space-32);transform:translate(100%);transition:transform var(--vo-transition-normal)}.navigation-drawer[data-drawer-open=true] .navigation-drawer__panel{transform:translate(0)}.navigation-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--vo-space-16);flex-shrink:0}.navigation-drawer__logo{width:var(--logo-width);height:auto}.navigation-drawer__logo-fallback{font-family:var(--vo-font-family-heading);font-size:var(--vo-font-size-lg);color:var(--vo-color-primary)}.navigation-drawer__nav{overflow-y:auto}.navigation-drawer__list,.navigation-drawer__sublist{list-style:none;display:flex;flex-direction:column}.navigation-drawer__row{display:flex;align-items:center;justify-content:space-between;gap:var(--vo-space-8)}.navigation-drawer__link{display:block;flex:1 1 auto;padding-block:var(--vo-space-12);font-family:var(--vo-font-family-body);font-size:var(--vo-font-size-base);font-weight:var(--vo-font-weight-500);color:var(--vo-color-neutral-900);text-decoration:none;transition:color var(--vo-transition-fast)}.navigation-drawer__link:hover,.navigation-drawer__link--active{color:var(--vo-color-interactive-primary)}.navigation-drawer__disclosure{display:inline-flex;align-items:center;justify-content:center;width:var(--vo-space-48);height:var(--vo-space-48);flex-shrink:0;background:transparent;border:none;color:var(--vo-color-neutral-900);cursor:pointer}.navigation-drawer__disclosure[aria-expanded=true] .icon{transform:rotate(180deg);transition:transform var(--vo-transition-fast)}.navigation-drawer__sublist{padding-inline-start:var(--vo-space-16)}.navigation-drawer__sublist[hidden]{display:none}.navigation-drawer__sublink{display:block;padding-block:var(--vo-space-8);font-family:var(--vo-font-family-body);font-size:var(--vo-font-size-sm);color:var(--vo-color-neutral-700);text-decoration:none;transition:color var(--vo-transition-fast)}.navigation-drawer__sublink:hover,.navigation-drawer__sublink--active{color:var(--vo-color-interactive-primary)}.navigation-drawer__utility{display:flex;flex-direction:column;gap:var(--vo-space-8);flex-shrink:0;margin-block-start:auto;padding-block-start:var(--vo-space-24);border-block-start:var(--vo-border-width-hairline) solid var(--vo-color-border-default)}.navigation-drawer__utility-action{width:100%}@media(min-width:1024px){.navigation-drawer{display:none}}body[data-scroll-locked=true]{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/4/assets/components-navigation-drawer.css.map */