quick-add-drawer{display:none}@media(max-width:767px){quick-add-drawer{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999999;transition:visibility .28s ease}quick-add-drawer.state--active{visibility:visible!important}body:has(quick-add-drawer.state--active){overflow:hidden}body:has(quick-add-drawer.state--active) #chat-button{opacity:0;pointer-events:none}.quick-add-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#00000073;opacity:0;transition:opacity .25s ease}quick-add-drawer.state--active .quick-add-drawer-overlay{opacity:1}.quick-add-drawer-content{position:absolute;right:0;bottom:0;left:0;width:100%;max-height:calc(100svh - 24px);padding:var(--s1) 0 max(var(--s3),env(safe-area-inset-bottom));border-radius:24px 24px 0 0;overflow-y:auto;overscroll-behavior:contain;transform:translateY(100%);transition:transform .28s cubic-bezier(.22,1,.36,1)}quick-add-drawer.state--active .quick-add-drawer-content{transform:translateY(var(--quick-add-drawer-drag-y, 0))}quick-add-drawer.state--dragging .quick-add-drawer-content{transition:none}.quick-add-drawer-handle{width:48px;height:5px;margin:0 auto 14px;border-radius:999px;background:color-mix(in srgb,currentColor 25%,transparent);cursor:grab;touch-action:none}.quick-add-drawer-gallery{display:grid;grid-auto-flow:column;grid-auto-columns:44%;gap:8px;padding-inline:var(--s0);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none}quick-add-drawer .quick-add-drawer-media-scroll.state--scrollable .scroll-track{margin-inline:0;padding-inline:var(--s0)}.quick-add-drawer-gallery::-webkit-scrollbar,.quick-add-drawer-option-values::-webkit-scrollbar{display:none}.quick-add-drawer-gallery-item{aspect-ratio:3 / 4;overflow:hidden;scroll-snap-align:start;background:var(--color-3)}.quick-add-drawer-gallery-item img{display:block;width:100%;height:100%;object-fit:cover}.quick-add-drawer-dots{display:flex;justify-content:center;gap:7px;min-height:7px;margin:12px 0 18px}.quick-add-drawer-dot{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.25;transition:opacity .15s ease}.quick-add-drawer-dot.is-selected{opacity:1}.quick-add-drawer-details{padding-inline:20px}[data-quick-add-drawer-price]{margin-top:6px}[data-quick-add-drawer-options]{margin-top:22px}[data-quick-add-drawer-options]>p{margin-bottom:10px}.quick-add-drawer-option-values{display:flex;flex-wrap:nowrap;gap:10px;margin-inline:-20px;padding-inline:20px;overflow-x:auto;scrollbar-width:none;transition:mask-image .15s ease}.quick-add-drawer-option-values.state--fade-right{-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 32px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 32px),transparent 100%)}.quick-add-drawer-option-values.state--fade-left{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 32px,#000 100%);mask-image:linear-gradient(to right,transparent 0,#000 32px,#000 100%)}.quick-add-drawer-option-values.state--fade-left.state--fade-right{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 32px,#000 calc(100% - 32px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 32px,#000 calc(100% - 32px),transparent 100%)}[data-quick-add-drawer-options] .quickadd-option{flex:0 0 auto;min-width:64px;height:52px;padding-inline:18px;border-radius:3px}quick-add-drawer [data-quick-add-drawer-options] .quickadd-option:not(.quickadd-soldout):not(.is-selected):hover,quick-add-drawer [data-quick-add-drawer-options] .quickadd-option:not(.quickadd-soldout):not(.is-selected):focus{background-color:transparent;color:inherit}quick-add-drawer [data-quick-add-drawer-options] button.quickadd-option:active,quick-add-drawer [data-quick-add-drawer-options] button.quickadd-option.is-selected{background-color:var(--color-2);color:var(--color-4)}@media(hover:hover)and (pointer:fine){quick-add-drawer [data-quick-add-drawer-options] .quickadd-option:not(.quickadd-soldout):hover,quick-add-drawer [data-quick-add-drawer-options] .quickadd-option:not(.quickadd-soldout):focus-visible{background-color:var(--color-2);color:var(--color-4)}}}
/*# sourceMappingURL=/cdn/shop/t/170/assets/section-quick-add-drawer.css.map */