menu-drawer{--transition-duration: .2s;--menu-drawer-rule: color-mix(in srgb, var(--color-1) 40%, transparent);position:fixed;z-index:999999999;top:0;left:0;width:100vw;height:100%;display:flex;align-items:center;color:var(--color-1);transition:visibility var(--transition-duration) ease}menu-drawer.state--active{visibility:visible!important}body:has(menu-drawer.state--active){overflow:hidden}@media(prefers-reduced-transparency:reduce){menu-drawer .overlay{background-color:#0003}}menu-drawer.state--active .overlay{opacity:1}.menu-content{position:relative;display:flex;flex-direction:column;gap:var(--s3);height:100%;width:100%;padding:var(--s1);transform:translate(-100%);transition:transform var(--transition-duration) ease}menu-drawer.state--active .menu-content{transform:translate(0)}.menu-glass{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background-color:#fff6;-webkit-backdrop-filter:blur(50px) saturate(1.6);backdrop-filter:blur(50px) saturate(1.6)}.menu-drawer-close{display:flex;align-items:center;justify-content:center;width:30px;height:29px;border:1px solid currentColor;border-radius:50px}.menu-drawer-close svg{display:block;width:9px;height:9px}.menu-drawer-logo svg{display:block;width:auto;height:2.4375rem}.menu-drawer-actions{justify-content:flex-end;gap:19px}.menu-drawer-close svg path,.menu-drawer-actions svg path{fill:currentColor}.menu-drawer-actions svg path[stroke]{fill:none;stroke:currentColor}.menu-drawer-actions svg{display:block;width:auto;height:19px}.menu-drawer-actions .navigation-cart-cloud svg{height:26px}.menu-drawer-search{flex:0 0 auto;align-items:center;padding:12px 16px;border-radius:10px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-1) 20%,transparent);background-color:#ffffff57}.menu-drawer-search svg{display:block;flex:0 0 auto;width:14px;height:14px}.menu-drawer-search svg path{fill:currentColor}.menu-drawer-search-input{display:block;width:100%;height:18px;border:0;background:none;color:inherit;font-size:var(--t0);line-height:18px}.menu-drawer-search-input::placeholder{color:currentColor;opacity:.6}.menu-drawer-nav{position:relative;display:flex;flex:0 0 auto;flex-direction:column;gap:var(--s1);min-height:0}.menu-drawer-nav:has(.menu-drawer-accordion.state--active){flex:1 1 auto}.menu-drawer-scroll-fade{position:absolute;z-index:1;right:-14px;left:-14px;pointer-events:none;transition:opacity .15s linear}.menu-drawer-scroll-fade--top{top:0;height:44px;opacity:var(--scroll-fade-top, 0)}.menu-drawer-scroll-fade--bottom{bottom:-16px;height:46px;opacity:1}.menu-drawer-accordion:not(.state--active) .menu-drawer-scroll-fade--bottom{opacity:0}.menu-drawer-scroll-layer{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-composite:source-in;mask-composite:intersect}.menu-drawer-scroll-fade--top .menu-drawer-scroll-layer--1{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 52%,transparent 100%),linear-gradient(to right,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 52%,transparent 100%),linear-gradient(to right,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)}.menu-drawer-scroll-fade--top .menu-drawer-scroll-layer--2{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 18%,transparent 62%),linear-gradient(to right,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 18%,transparent 62%),linear-gradient(to right,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)}.menu-drawer-scroll-fade--bottom .menu-drawer-scroll-layer--1{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 30%,#000 65%,transparent 100%),linear-gradient(to right,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 30%,#000 65%,transparent 100%),linear-gradient(to right,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)}.menu-drawer-scroll-fade--bottom .menu-drawer-scroll-layer--2{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-mask-image:linear-gradient(to bottom,transparent 15%,#000 45%,#000 65%,transparent 100%),linear-gradient(to right,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 15%,#000 45%,#000 65%,transparent 100%),linear-gradient(to right,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)}.menu-drawer-scroll-fade--bottom .menu-drawer-scroll-layer--3{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);-webkit-mask-image:linear-gradient(to bottom,transparent 32%,#000 56%,#000 65%,transparent 100%),linear-gradient(to right,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 32%,#000 56%,#000 65%,transparent 100%),linear-gradient(to right,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)}.menu-drawer-scroll-fade--bottom .menu-drawer-scroll-layer--4{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-mask-image:linear-gradient(to bottom,transparent 48%,#000 65%,transparent 100%),linear-gradient(to right,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 48%,#000 65%,transparent 100%),linear-gradient(to right,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)}.menu-drawer-heading{display:block;font-size:var(--t1);font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;text-decoration:none}.menu-drawer-accordion.state--active{flex:1 1 auto}.menu-drawer-accordion-header{flex:0 0 auto;width:100%;align-items:center;gap:var(--s1);text-align:left}.menu-drawer-accordion.state--active .menu-drawer-accordion-header{padding-bottom:14px;border-bottom:1px solid var(--color-1)}.menu-drawer-accordion-icon{position:relative;display:block;flex:0 0 auto;width:13px;height:13px}.menu-drawer-accordion-bar{position:absolute;top:calc(50% - 1px);left:0;width:100%;height:2px;border-radius:2px;background-color:currentColor}.menu-drawer-accordion-bar--vertical{transform:rotate(90deg);transition:transform .32s cubic-bezier(.4,0,.2,1)}.menu-drawer-accordion.state--active .menu-drawer-accordion-bar--vertical{transform:rotate(0)}.menu-drawer-accordion-panel{position:relative;display:grid;grid-template-rows:0fr;min-height:0;transition:grid-template-rows .3s ease}.menu-drawer-accordion.state--active .menu-drawer-accordion-panel{flex:1 1 auto;grid-template-rows:1fr}.menu-drawer-accordion-content{display:flex;flex-direction:column;gap:14px;min-height:0;margin-inline:calc(var(--s1) * -1);padding-inline:var(--s1);padding-block:14px var(--s2);overflow:hidden auto;transition:padding-block .3s ease;overscroll-behavior:contain;scrollbar-width:none}.menu-drawer-accordion:not(.state--active) .menu-drawer-accordion-content{padding-block:0}.menu-drawer-accordion-content::-webkit-scrollbar{display:none}.menu-drawer-accordion-content>*{border-top:1px solid var(--menu-drawer-rule);padding-top:14px}.menu-drawer-accordion-content>*:first-child{border-top:0;padding-top:0}.menu-drawer-shop-all+*{border-top:0;padding-top:var(--s-2)}.menu-drawer-shop-all+*>.menu-drawer-column-heading{margin-bottom:var(--s-2)}.menu-drawer-column-heading{display:block;font-size:var(--t-1);line-height:1.2;letter-spacing:.05em;text-transform:uppercase;text-decoration:none}.menu-drawer-list--media{gap:12px}.menu-drawer-item{display:block;align-items:center;gap:13px;font-size:var(--t0);line-height:1.2;letter-spacing:-.02em;text-decoration:none}.menu-drawer-list--media .menu-drawer-item{display:flex;gap:13px}.menu-drawer-thumb{flex:0 0 auto;width:20px;height:20px;object-fit:contain}.menu-drawer-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.menu-drawer-card{position:relative;isolation:isolate;display:block;height:105px;border-radius:10px;overflow:hidden;background-color:#ffffff57;text-decoration:none}.menu-drawer-card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.menu-drawer-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to bottom,#fff0 11%,#fff 78%)}.menu-drawer-card-title{position:absolute;z-index:1;right:0;bottom:var(--s0);left:0;font-size:var(--t0);line-height:1.2;letter-spacing:-.02em;text-align:center;white-space:nowrap}.menu-drawer-body{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.menu-drawer-body::-webkit-scrollbar{display:none}.menu-drawer-nav:has(.menu-drawer-accordion.state--active),.menu-drawer-accordion.state--active,.menu-drawer-accordion.state--active .menu-drawer-accordion-panel{flex:0 0 auto}.menu-drawer-accordion-content{overflow:hidden;overscroll-behavior:auto}.menu-drawer-scroll-fade{display:none}@media(min-width:768px)and (max-width:1023px),(min-width:768px)and (pointer:coarse){.menu-content{width:566px;max-width:calc(100% - (var(--s1) * 2));height:calc(100% - (var(--s1) * 2));margin-left:var(--s1);overflow:hidden;border:1px solid rgba(255,255,255,.4);border-radius:20px;box-shadow:0 20px 60px #1f395f33,inset 0 4px 4px #fff3;transform:translate(calc(-100% - var(--s1)))}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/section-menu-drawer.css.map */