.mobile-nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);display:flex;visibility:visible;transition:visibility 0s}.mobile-nav[hidden]{display:flex;visibility:hidden;pointer-events:none;transition:visibility 0s linear var(--duration-base),display var(--duration-base) allow-discrete}@media(min-width:1024px){.mobile-nav[hidden]{display:none}}.mobile-nav__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;transition:opacity var(--duration-base) var(--ease-out);touch-action:none}.mobile-nav__drawer{position:relative;display:flex;flex-direction:column;inline-size:min(88vw,26rem);max-inline-size:100%;background:var(--color-surface);box-shadow:var(--shadow-lg);touch-action:pan-y pinch-zoom;transform:translate(-100%);transition:transform var(--duration-base) var(--ease-out)}.mobile-nav:not([hidden]) .mobile-nav__scrim{opacity:1}.mobile-nav:not([hidden]) .mobile-nav__drawer{transform:translate(0)}@starting-style{.mobile-nav:not([hidden]) .mobile-nav__scrim{opacity:0}.mobile-nav:not([hidden]) .mobile-nav__drawer{transform:translate(-100%)}}.mobile-nav[data-dragging] .mobile-nav__drawer,.mobile-nav[data-dragging] .mobile-nav__scrim{transition:none}.mobile-nav__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-lg);border-block-end:1px solid var(--color-border-subtle)}.mobile-nav__title{font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-muted)}.mobile-nav__close,.mobile-nav__search-submit{display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;padding:0;background:none;border:0;border-radius:var(--radius);cursor:pointer}.mobile-nav__close{color:inherit;transition:background-color var(--duration-fast) var(--ease-out)}.mobile-nav__close:hover{background:var(--color-surface-alt)}.mobile-nav__search{position:relative;display:flex;align-items:center;padding:var(--space-sm) var(--space-lg) 0}.mobile-nav__search-input{flex:1;min-inline-size:0;min-block-size:2.75rem;padding-inline:var(--space-md) 2.75rem;font:inherit;font-size:var(--text-base);color:var(--color-text);background:var(--color-surface-alt);border:1px solid var(--color-border-subtle);border-radius:var(--radius)}.mobile-nav__search-input::placeholder{color:var(--color-text-subtle)}.mobile-nav__search-input::-webkit-search-decoration,.mobile-nav__search-input::-webkit-search-cancel-button{display:none}.mobile-nav__search-submit{position:absolute;inset-inline-end:var(--space-lg);color:var(--color-text-subtle)}.mobile-nav__footer{display:grid;gap:var(--space-sm);padding:var(--space-md) var(--space-lg) calc(var(--space-md) + env(safe-area-inset-bottom,0px));border-block-start:1px solid var(--color-border-subtle);background:var(--color-surface-alt);min-block-size:0;overflow-y:auto;overscroll-behavior:contain}.mobile-nav__account{display:flex;align-items:center;gap:var(--space-md);min-block-size:3.5rem;padding:var(--space-sm) var(--space-md);color:var(--color-text);text-decoration:none;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius)}.mobile-nav__account-text{display:grid;flex:1;min-inline-size:0}.mobile-nav__account-name{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.mobile-nav__account-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.mobile-nav__utility{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.125rem var(--space-md);margin:0;padding:0;list-style:none}.mobile-nav__utility a{display:flex;align-items:center;gap:var(--space-xs);min-block-size:2.75rem;font-size:var(--text-md);color:var(--color-text-body);text-decoration:none}.mobile-nav__utility a:hover{color:var(--color-primary-text)}.mobile-nav__footer .localization{flex-wrap:wrap}.mobile-nav__footer .social{margin-block-start:var(--space-2xs)}.mobile-nav__shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);margin:0 0 var(--space-md);padding:0;list-style:none}.mobile-nav__shortcut{position:relative;display:flex;align-items:flex-end;min-block-size:5.5rem;padding:var(--space-sm);overflow:hidden;color:var(--color-text);text-decoration:none;background:var(--color-surface-alt);border-radius:var(--radius);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-instant) var(--ease-out)}.mobile-nav__shortcuts>li:last-child:nth-child(odd){grid-column:span 2}.mobile-nav__shortcut:active{opacity:.85;transform:scale(.985)}.mobile-nav__shortcut img{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.mobile-nav__shortcut--image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#000000a6,#0000000d)}.mobile-nav__shortcut-label{position:relative;z-index:1;font-size:var(--text-md);font-weight:600;line-height:1.25}.mobile-nav__shortcut--image .mobile-nav__shortcut-label{color:var(--color-secondary-100)}.mobile-nav__body{position:relative;flex:1;min-block-size:8rem;overflow:hidden}.mobile-nav__root{block-size:100%;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-md) var(--space-lg) var(--space-2xl)}.mobile-nav__list{margin:0;padding:0;list-style:none}.mobile-nav__details[open]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;background:var(--color-surface);animation:mobile-nav-pane var(--duration-base) var(--ease-out) both}@keyframes mobile-nav-pane{0%{opacity:0;transform:translate(14%)}}.mobile-nav__details[open]>.mobile-nav__list--nested{animation:mobile-nav-rows var(--duration-base) var(--ease-out) var(--duration-instant) both}@keyframes mobile-nav-rows{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.mobile-nav__details[open],.mobile-nav__details[open]>.mobile-nav__list--nested{animation:none}}.mobile-nav__details[open]>.mobile-nav__list--nested{flex:1;min-block-size:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-md) var(--space-lg) var(--space-2xl)}.mobile-nav__details[open]::details-content{display:flex;flex-direction:column;flex:1;min-block-size:0}.mobile-nav__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-block-size:2.75rem;padding-block:var(--space-sm);font-size:var(--text-md);font-weight:500;color:var(--color-text);cursor:pointer;list-style:none;border-block-end:1px solid var(--color-border-subtle)}.mobile-nav__summary::-webkit-details-marker{display:none}.mobile-nav__summary .icon-chevron,.mobile-nav__account .icon-chevron{flex:0 0 auto;transform:rotate(-90deg);color:var(--color-text-subtle)}.mobile-nav__details[open]>.mobile-nav__summary{flex:0 0 auto;justify-content:flex-start;padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);background:var(--color-surface);border-block-end:1px solid var(--color-border)}.mobile-nav__details[open]>.mobile-nav__summary .icon-chevron{order:-1;transform:rotate(90deg);color:var(--color-primary-text)}[dir=rtl] .mobile-nav__summary .icon-chevron,[dir=rtl] .mobile-nav__account .icon-chevron{transform:rotate(90deg)}[dir=rtl] .mobile-nav__details[open]>.mobile-nav__summary .icon-chevron{transform:rotate(-90deg)}.mobile-nav__root:has(.mobile-nav__details[open]),.mobile-nav__list:has(>li>.mobile-nav__details[open]){visibility:hidden}.mobile-nav__details[open]{visibility:visible}.mobile-nav__link{display:flex;align-items:center;min-block-size:2.75rem;padding-block:var(--space-sm);font-size:var(--text-md);color:var(--color-text);text-decoration:none;border-block-end:1px solid var(--color-border-subtle)}.mobile-nav__link:hover,.mobile-nav__summary:hover{color:var(--color-primary-text)}.mobile-nav__link[aria-current=page],.mobile-nav__summary[data-in-path]{font-weight:600;color:var(--color-primary-text)}.mobile-nav__list>li:last-child>.mobile-nav__link,.mobile-nav__list>li:last-child>.mobile-nav__details:not([open])>.mobile-nav__summary{border-block-end:0}.mobile-nav[data-origin=right]>.mobile-nav__drawer{margin-inline-start:auto}.mobile-nav[data-origin=right] .mobile-nav__drawer{transform:translate(100%)}.mobile-nav[data-origin=right]:not([hidden]) .mobile-nav__drawer{transform:translate(0)}@starting-style{.mobile-nav[data-origin=right]:not([hidden]) .mobile-nav__drawer{transform:translate(100%)}}.mobile-nav[data-size=wide] .mobile-nav__drawer{inline-size:min(94vw,34rem)}.mobile-nav[data-size=full] .mobile-nav__drawer{inline-size:100%;max-inline-size:none;box-shadow:none}.mobile-nav[data-size=full] .mobile-nav__scrim{display:none}.mobile-nav[data-size=full] .mobile-nav__header{position:sticky;inset-block-start:0;z-index:1;background:var(--color-surface)}@media(min-width:30em){.mobile-nav[data-size=full] .mobile-nav__body{max-inline-size:34rem;margin-inline:auto;inline-size:100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mobile-nav.css.map */
