:root{--vx-drawer-w: 400px;--vx-drawer-in: .48s;--vx-drawer-out: .34s;--vx-drawer-ease-in: cubic-bezier(.22, 1, .36, 1);--vx-drawer-ease-out: cubic-bezier(.4, 0, .2, 1)}.js header-drawer>details>summary:before,.js header-drawer>details[open]:not(.menu-opening)>summary:before,.js menu-drawer>details>summary:before,.js menu-drawer>details[open]:not(.menu-opening)>summary:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#1212126b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;cursor:default;z-index:998;transition:opacity var(--vx-drawer-out) var(--vx-drawer-ease-out),visibility var(--vx-drawer-out) var(--vx-drawer-ease-out)}.js header-drawer>details[open].menu-opening>summary:before,.js menu-drawer>details[open].menu-opening>summary:before{opacity:1;visibility:visible;transition:opacity var(--vx-drawer-in) var(--vx-drawer-ease-in),visibility var(--vx-drawer-in) var(--vx-drawer-ease-in)}.js #menu-drawer{position:fixed;top:0;left:0;height:100vh;height:100dvh;width:min(var(--vx-drawer-w),86vw);max-width:none;padding:0;border:0;background:#fff;filter:none;box-shadow:0 24px 60px #1212122e;transform:translate(-100%);visibility:hidden;overflow:hidden;z-index:999;transition:transform var(--vx-drawer-out) var(--vx-drawer-ease-out),visibility var(--vx-drawer-out) var(--vx-drawer-ease-out)}.js details[open].menu-opening>#menu-drawer{transform:translate(0);visibility:visible;transition:transform var(--vx-drawer-in) var(--vx-drawer-ease-in),visibility var(--vx-drawer-in) var(--vx-drawer-ease-in)}body.vx-drawer-open .shopify-section-header-sticky,body.vx-drawer-open .shopify-section-header-hidden,body.vx-drawer-open sticky-header,body.vx-drawer-open .header-wrapper{transform:none!important;animation:none!important}body.vx-drawer-open .shopify-section-group-header-group,body.vx-drawer-open .section-header{z-index:100}body.vx-drawer-open{overflow:hidden;padding-right:var(--vx-scrollbar, 0px)}.js #menu-drawer .menu-drawer__inner-container{position:relative;display:flex;flex-direction:column;height:100%}.js #menu-drawer .menu-drawer__navigation-container{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto}.js #menu-drawer .menu-drawer__navigation{padding:8px 0 0}.vx-drawer__top{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 20px 18px 26px;border-bottom:1px solid rgba(18,18,18,.08)}.vx-drawer__title{font-family:var(--vx-head, "Poppins", sans-serif);font-weight:800;font-size:20px;line-height:1.2;letter-spacing:-.01em;color:var(--vx-ink, #121212)}.vx-drawer__close{appearance:none;-webkit-appearance:none;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--vx-ink, #121212);display:grid;place-items:center;cursor:pointer;transition:background .2s ease,color .2s ease,transform .35s var(--vx-drawer-ease-in)}.vx-drawer__close:hover{background:var(--vx-warm, #fbeee5);color:var(--vx-accent, #e07f4a);transform:rotate(90deg)}.vx-drawer__close:focus-visible{outline:2px solid var(--vx-accent, #e07f4a);outline-offset:2px}.js #menu-drawer .menu-drawer__menu>li{margin:0;border-bottom:1px solid rgba(18,18,18,.06)}.js #menu-drawer .menu-drawer__menu>li:last-child{border-bottom:0}.js #menu-drawer .menu-drawer__menu-item{position:relative;display:flex;align-items:center;padding:17px 26px;font-family:var(--vx-body, "Montserrat", sans-serif);font-size:16px;font-weight:600;letter-spacing:.005em;color:var(--vx-ink, #121212);background:transparent;text-decoration:none;transition:background .25s ease,color .25s ease,padding-left .3s var(--vx-drawer-ease-in)}.js #menu-drawer .menu-drawer__menu-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--vx-accent, #e07f4a);transform:scaleY(0);transform-origin:center;transition:transform .3s var(--vx-drawer-ease-in)}.js #menu-drawer .menu-drawer__menu-item:hover,.js #menu-drawer .menu-drawer__menu-item:focus-visible,.js #menu-drawer .menu-drawer__menu-item--active,.js #menu-drawer .menu-drawer__menu-item--active:hover{padding-left:32px;background:var(--vx-cream, #f7f3ee);color:var(--vx-ink, #121212)}.js #menu-drawer .menu-drawer__menu-item:hover:before,.js #menu-drawer .menu-drawer__menu-item:focus-visible:before,.js #menu-drawer .menu-drawer__menu-item--active:before{transform:scaleY(1)}.js #menu-drawer .menu-drawer__utility-links{background:transparent;padding:0}.js #menu-drawer .menu-drawer__utility-links:has(a),.js #menu-drawer .menu-drawer__utility-links:has(form){border-top:1px solid rgba(18,18,18,.08);padding:14px 20px}@keyframes vxDrawerItemIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes vxDrawerFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.js details[open].menu-opening>#menu-drawer .menu-drawer__menu>li{animation:vxDrawerItemIn .5s var(--vx-drawer-ease-in) both}.js details[open].menu-opening>#menu-drawer .menu-drawer__menu>li:nth-child(1){animation-delay:.1s}.js details[open].menu-opening>#menu-drawer .menu-drawer__menu>li:nth-child(2){animation-delay:.16s}.js details[open].menu-opening>#menu-drawer .menu-drawer__menu>li:nth-child(3){animation-delay:.22s}.js details[open].menu-opening>#menu-drawer .menu-drawer__menu>li:nth-child(4){animation-delay:.28s}.js details[open].menu-opening>#menu-drawer .menu-drawer__menu>li:nth-child(5){animation-delay:.34s}.js details[open].menu-opening>#menu-drawer .menu-drawer__menu>li:nth-child(6){animation-delay:.4s}.js details[open].menu-opening>#menu-drawer .menu-drawer__menu>li:nth-child(7){animation-delay:.46s}.js details[open].menu-opening>#menu-drawer .menu-drawer__menu>li:nth-child(n+8){animation-delay:.52s}.js details[open].menu-opening>#menu-drawer .vx-drawer__top{animation:vxDrawerFadeIn .42s var(--vx-drawer-ease-in) .06s both}.js details[open].menu-opening>#menu-drawer .menu-drawer__utility-links{animation:vxDrawerFadeIn .45s var(--vx-drawer-ease-in) .34s both}.header__icon--menu{transition:opacity .2s ease}.header__icon--menu:hover{opacity:.6}.header__icon--search,.header__search,details-modal.header__search{display:none!important}@media(prefers-reduced-motion:reduce){.js #menu-drawer,.js details[open].menu-opening>#menu-drawer,.js header-drawer>details>summary:before,.js header-drawer>details[open].menu-opening>summary:before,.js menu-drawer>details>summary:before,.js menu-drawer>details[open].menu-opening>summary:before{transition-duration:.01ms!important}.js details[open].menu-opening>#menu-drawer .menu-drawer__menu>li,.js details[open].menu-opening>#menu-drawer .vx-drawer__top,.js details[open].menu-opening>#menu-drawer .menu-drawer__utility-links{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/vaxa-drawer.css.map */