.drawer-menu--v2{--menu-width: 355px;--menu-max-width: calc(100vw - var(--space-8));--animation-duration: .25s;--animation-ease: cubic-bezier(.16, 1, .3, 1);display:block!important;position:static}.drawer-menu--v2.active,.drawer-menu--v2.visible{display:block!important}.drawer-menu--v2 .drawer-menu__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background-color:var(--color-bg-overlay-subtle);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);cursor:pointer}.drawer-menu--v2.visible .drawer-menu__overlay{opacity:1}.drawer-menu--v2 .drawer-menu__panel{position:fixed;top:var(--space-4);left:var(--space-4);bottom:auto;z-index:1000;width:var(--menu-width);max-width:var(--menu-max-width);background:var(--color-drawer-bg-translucent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:var(--color-drawer-text);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:transform var(--animation-duration) ease,opacity var(--animation-duration) ease,visibility 0s var(--animation-duration)}.drawer-menu--v2 .drawer-menu__panel.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:transform var(--animation-duration) var(--animation-ease),opacity var(--animation-duration) ease,visibility 0s 0s}.drawer-menu--v2 .drawer-menu__header{display:flex;align-items:center;justify-content:flex-end;padding:var(--space-2) var(--space-3);flex-shrink:0}.drawer-menu--v2 .drawer-menu__close-icon{width:var(--space-10);height:var(--space-10);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0;border:none;background:transparent;color:var(--color-drawer-text);cursor:pointer;transition:background-color .15s ease}.drawer-menu--v2 .drawer-menu__close-icon:hover{background-color:var(--color-drawer-bg-hover)}.drawer-menu--v2 .drawer-menu__close-icon svg{width:20px;height:20px}.drawer-menu--v2 .drawer-menu__bottom{flex:0 1 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.drawer-menu--v2 .drawer-menu__bottom::-webkit-scrollbar{display:none}.drawer-menu--v2 .drawer-menu__all-links{position:relative}.drawer-menu--v2 .drawer-menu__contents{padding:var(--space-4) var(--space-4);position:relative}.drawer-menu--v2 .drawer-menu__main{height:auto!important;padding:0}.drawer-menu--v2 .drawer-menu__primary-links{list-style:none;margin:0;padding:0}.drawer-menu--v2 .drawer-menu__item{margin:0}.drawer-menu--v2 .drawer-menu__link{display:grid;grid-template-columns:1fr 32px;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4);border:none;background:transparent;text-decoration:none;cursor:pointer;border-radius:var(--radius-md);transition:background-color .15s ease,color .15s ease;font-family:var(--font-heading);font-size:var(--font-size-body-large, 18px);font-weight:var(--font-body-weight, 400);color:var(--color-drawer-text);line-height:1.4;letter-spacing:-.01em}.drawer-menu--v2 .drawer-menu__link:hover,.drawer-menu--v2 .drawer-menu__link.active{background-color:var(--color-drawer-bg-hover)}.drawer-menu--v2 .drawer-menu__link span{flex:1;text-align:left}.drawer-menu--v2 .drawer-menu__link svg{width:16px;height:16px;flex-shrink:0;opacity:.5;transition:opacity .15s ease}.drawer-menu--v2 .drawer-menu__link:hover svg{opacity:1}.drawer-menu--v2 .drawer-menu__item+.drawer-menu__item{border-top:none}.drawer-menu--v2 .drawer-menu__list--sub{display:none;list-style:none;margin:0;padding:0}.drawer-menu__list--sub li{padding-left:1rem}.drawer-menu__list--sub li:first-child{padding-left:0}.drawer-menu--v2 .drawer-menu__list--sub.visible{display:block}.drawer-menu--v2 .drawer-menu__item.child-visible>.drawer-menu__link,.drawer-menu--v2 .drawer-menu__item.child-visible~.drawer-menu__item{display:none}.drawer-menu--v2 .drawer-menu__item--heading{border-top:none!important}.drawer-menu--v2 .drawer-menu__item--heading .drawer-menu__link{font-family:var(--font-body);font-size:var(--font-size-body-small, 14px);font-weight:var(--font-body-weight, 400);color:var(--color-drawer-text-meta);padding:var(--space-8) var(--space-4) var(--space-4) var(--space-4);gap:var(--space-2);justify-content:flex-start}.drawer-menu--v2 .drawer-menu__item--heading .drawer-menu__link svg{transform:rotate(180deg);width:14px;height:14px;opacity:.6;order:-1}.drawer-menu--v2 .drawer-menu__item--heading .drawer-menu__link:hover{color:var(--color-drawer-text)}.drawer-menu--v2 .drawer-menu__item--heading .drawer-menu__link:hover svg{opacity:1}.drawer-menu--v2 .drawer-menu__list--sub .drawer-menu__link:not([data-item=back]){font-family:var(--font-body);font-size:var(--font-size-body-base, 16px);font-weight:var(--font-body-weight, 400)}.drawer-menu--v2 .drawer-menu__search-parent{border-top:1px solid var(--color-drawer-border);padding:var(--space-6) var(--space-4) 0 var(--space-4);margin-top:var(--space-3)}.drawer-menu--v2 .drawer-menu__search-input-wrapper{position:relative;display:flex;align-items:center}.drawer-menu--v2 .drawer-menu__search-input{width:100%;padding:var(--space-4) var(--space-5);border:1px solid var(--color-drawer-border);border-radius:var(--radius-full);background:var(--color-drawer-bg-hover);color:var(--color-drawer-text);font-family:var(--font-body);font-size:var(--font-size-body-base, 16px);outline:none;transition:border-color .15s ease;-webkit-appearance:none}.drawer-menu--v2 .drawer-menu__search-input::placeholder{color:var(--color-drawer-text-meta)}.drawer-menu--v2 .drawer-menu__search-input:focus{border-color:var(--color-drawer-text-meta)}.drawer-menu--v2 .drawer-menu__actions{position:absolute;right:var(--space-3);display:flex;align-items:center;gap:var(--space-1)}.drawer-menu--v2 .drawer-menu__clear{font-family:var(--font-body);font-size:var(--font-size-body-extra-small, 12px);color:var(--color-drawer-text-meta);background:none;border:none;cursor:pointer;padding:var(--space-1)}.drawer-menu--v2 .drawer-menu__clear:hover{color:var(--color-drawer-text)}.drawer-menu--v2 .drawer-menu__submit{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-drawer-text-meta);cursor:pointer;height:100%;padding:var(--space-1)}.drawer-menu--v2 .drawer-menu__submit:hover{color:var(--color-drawer-text)}.drawer-menu--v2 .drawer-menu__submit svg{width:16px;height:16px}.drawer-menu--v2 .drawer-menu__search-results{padding:var(--space-2) 0}.drawer-menu--v2 .overlay-enter{transition:opacity .3s ease!important}.drawer-menu--v2 .overlay-enter-start{opacity:0!important}.drawer-menu--v2 .overlay-enter-end{opacity:1!important}.drawer-menu--v2 .overlay-leave{transition:opacity .2s ease!important}.drawer-menu--v2 .overlay-leave-start{opacity:1!important}.drawer-menu--v2 .overlay-leave-end{opacity:0!important}.drawer-menu--v2 .drawer-menu__link:focus-visible,.drawer-menu--v2 .drawer-menu__close-icon:focus-visible,.drawer-menu--v2 .drawer-menu__search-input:focus-visible,.drawer-menu--v2 .drawer-menu__clear:focus-visible,.drawer-menu--v2 .drawer-menu__submit:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.drawer-menu--v2 .drawer-menu__panel,.drawer-menu--v2 .drawer-menu__panel.is-open,.drawer-menu--v2 .drawer-menu__overlay{transition:none}.drawer-menu--v2 .overlay-enter,.drawer-menu--v2 .overlay-leave{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/drawer-menu.css.map */