.quick-add{--qa-ink: var(--Primary-Black, #1b1a1a);--qa-surface: var(--Primary-Cream, #f3f1e7);--qa-muted: #666666;--qa-sale: var(--Secondary-Brick, #9b221a);--qa-gap: 1rem;--qa-title-trim: calc(.35 * var(--Size-Text-M, 1rem))}.quick-add__panel{top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;width:min(49.375rem,100% - 2 * var(--qa-gap));height:fit-content;margin:auto;border-radius:.5rem;background:var(--qa-surface);color:var(--qa-ink)}.overlay.quick-add[data-state=open] .quick-add__panel{max-height:calc(100% - 2 * var(--qa-gap))}.quick-add__contents{min-height:0;padding:2px;overflow-y:auto;overscroll-behavior:contain;scroll-padding-top:3rem}.quick-add__close{position:absolute;top:2px;right:2px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:2.875rem;height:2.875rem;padding:0;border:0;border-radius:.375rem;background:var(--qa-surface);color:var(--qa-ink);cursor:pointer}.quick-add__close svg{width:.75rem;height:.75rem;fill:none;stroke:currentColor;stroke-width:1.2}.quick-add__close:focus-visible{outline:2px solid var(--qa-ink);outline-offset:-2px}.quick-add__body{display:grid;grid-template-columns:minmax(0,1fr)}.quick-add .member-badge{display:block;color:var(--member-badge-color, var(--Primary-Black, #1b1a1a));mix-blend-mode:multiply;line-height:0;pointer-events:none}.quick-add .member-badge svg{display:block;width:100%;height:100%}.quick-add__member{position:absolute;top:1.25rem;left:1.25rem;z-index:1;width:2.375rem;aspect-ratio:38 / 37}.quick-add__media{position:relative;height:min(calc(100vw - 2 * var(--qa-gap) - 4px),40vh);height:min(calc(100vw - 2 * var(--qa-gap) - 4px),40svh);overflow:hidden;border-radius:.375rem;background-color:var(--Primary-White, #ffffff);background-position:center;background-size:cover;background-repeat:no-repeat}.quick-add__image{display:block;width:100%;height:100%;object-fit:cover}.quick-add__placeholder{fill:var(--qa-muted);opacity:.4}.quick-add__gallery{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.quick-add__track{position:relative;display:flex;height:100%;border-radius:.375rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.quick-add__track::-webkit-scrollbar{display:none}.quick-add__slide{position:relative;flex:0 0 100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always}.quick-add__slide .quick-add__image{position:absolute;top:0;right:0;bottom:0;left:0}.quick-add__track:focus-visible{outline:2px solid var(--qa-ink);outline-offset:-2px}.quick-add__gallery:has(>.quick-add__track:focus-visible):after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:2px solid var(--Primary-White, #ffffff);border-radius:.25rem;pointer-events:none}.quick-add__controls{position:absolute;bottom:.75rem;left:50%;z-index:1;display:flex;align-items:center;translate:-50% 0;border-radius:1.25rem;background:var(--qa-controls-bg, rgb(255 255 255 / .9));color:var(--qa-controls-ink, var(--qa-ink));box-shadow:0 1px 4px #00000026}.quick-add__arrow{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:50%;background:none;color:inherit;cursor:pointer}.quick-add__arrow svg{width:1.125rem;height:1.125rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.quick-add__arrow[aria-disabled=true]{opacity:.35;cursor:default}.quick-add__arrow:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.quick-add__count{margin:0;font-size:var(--Size-Text-S, .875rem);font-weight:var(--Weight-Font-weight-medium, 500);line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap}scroll-carousel:not(:defined) .quick-add__controls{display:none}.quick-add__gallery.carousel--no-overflow .quick-add__controls{display:none}.quick-add__details{display:flex;flex-direction:column;justify-content:space-between;gap:2.5rem;min-width:0;margin:0;padding:calc(1.875rem - var(--qa-title-trim)) 1.25rem 1.25rem}@media(min-width:48rem),(min-width:36rem)and (orientation:landscape){.quick-add__body{grid-template-columns:minmax(0,396fr) minmax(0,390fr)}.quick-add__media{height:auto}.quick-add__image{position:absolute;top:0;right:0;bottom:0;left:0}.quick-add__details{padding:calc(3.75rem - var(--qa-title-trim)) 1.875rem 1.875rem}.quick-add__media--gallery{position:sticky;top:0;max-height:calc(100vh - 2 * var(--qa-gap) - 4px);max-height:calc(100svh - 2 * var(--qa-gap) - 4px)}}@media(min-width:48rem)and (min-height:27rem){.quick-add__body{min-height:24.75rem}}@media(max-height:27rem)and (min-width:36rem){.quick-add__details{gap:1.5rem;padding:calc(1.875rem - var(--qa-title-trim)) 1.875rem 1.25rem}.quick-add__title{padding-inline-end:1.5rem}}.quick-add__top{display:flex;flex-direction:column;gap:calc(1.875rem - .35 * var(--Size-Text-M, 1rem) - .15 * var(--Size-Text-XS, .75rem))}.quick-add__heading{display:flex;flex-direction:column;gap:calc(1.25rem - .7em);font-size:var(--Size-Text-M, 1rem);font-weight:var(--Weight-Font-weight-medium, 500);line-height:1.4;letter-spacing:-.02em}.quick-add__title{margin:0;font:inherit;letter-spacing:inherit;color:var(--qa-ink)}.quick-add__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .625rem;margin:0;color:var(--qa-muted)}.quick-add__price-current--sale{color:var(--qa-sale)}.quick-add__price-compare[hidden]{display:none}.quick-add__options{display:flex;flex-direction:column;gap:1.5rem}.quick-add__option{min-width:0;margin:0;padding:0;border:0}.quick-add__label{margin:0 0 calc(1rem - .15 * var(--Size-Text-XS, .75rem));padding:0;font-size:var(--Size-Text-XS, .75rem);font-weight:var(--Weight-Font-weight-regular, 400);line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--qa-muted)}.quick-add__values{display:flex;flex-wrap:wrap;gap:2px}.quick-add__choice{position:relative;display:inline-flex;cursor:pointer}.quick-add__pill{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:2.125rem;min-height:2.125rem;padding:2px .375rem;border:1px solid var(--qa-surface);border-radius:.25rem;overflow:hidden;background:var(--Primary-White, #ffffff);font-size:.875rem;font-weight:var(--Weight-Font-weight-regular, 400);line-height:1;letter-spacing:-.03em;color:var(--qa-ink);transition:border-color .15s ease,background-color .15s ease,color .15s ease}@media(hover:hover)and (pointer:fine){.quick-add__choice:hover .quick-add__pill{border-color:var(--qa-ink)}}.quick-add__input:checked+.quick-add__pill{border-color:var(--qa-ink);background:var(--qa-ink);color:var(--Primary-White, #ffffff)}.quick-add__choice.is-unavailable .quick-add__pill{border-color:var(--Primary-White, #ffffff)}.quick-add__choice.is-unavailable .quick-add__pill>span{opacity:.6}.quick-add__strike{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1;opacity:.6;pointer-events:none}.quick-add__choice:not(.is-unavailable) .quick-add__strike{display:none}.quick-add__input:focus-visible+.quick-add__pill{outline:2px solid var(--qa-ink);outline-offset:2px}.quick-add__actions{display:flex;flex-direction:column;gap:.5rem}.quick-add__add,.quick-add__details-link{--roll-color: var(--qa-ink);display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:2.875rem;padding:.5rem .875rem;overflow:hidden;overflow:clip;border:0;border-radius:.375rem;font:inherit;font-size:var(--Size-Text-S, .875rem);font-weight:var(--Weight-Font-weight-regular, 400);line-height:1.4;letter-spacing:0;text-align:center;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:background-color var(--hover-duration) var(--hover-easing),color var(--hover-duration) var(--hover-easing),opacity .2s ease}.quick-add__add{background:var(--qa-ink);color:var(--Primary-White, #ffffff)}.quick-add__details-link{background:transparent;color:var(--qa-ink)}@media(hover:hover)and (pointer:fine){.quick-add__add:not(:disabled,[aria-disabled=true]):hover,.quick-add__details-link:hover{background:var(--Primary-Yolk, #ffee54);color:var(--qa-ink)}}.quick-add__add:disabled{background:var(--Primary-White, #ffffff);color:var(--qa-muted);cursor:default}.quick-add__add[aria-disabled=true]{opacity:.6;cursor:progress}.quick-add__add:focus-visible,.quick-add__details-link:focus-visible{outline:2px solid var(--qa-ink);outline-offset:2px}.quick-add__error{margin:0 0 .5rem;font-size:var(--Size-Text-S, .875rem);line-height:1.4;color:var(--qa-sale)}.quick-add__error[hidden]{display:none}@media(forced-colors:active){.quick-add__input:checked+.quick-add__pill{forced-color-adjust:none;border-color:Highlight;background:Highlight;color:HighlightText}.quick-add__panel{border:1px solid CanvasText}.quick-add__add{border:1px solid ButtonText}.quick-add__add:disabled{border-color:GrayText;color:GrayText}.quick-add__controls{border:1px solid CanvasText;background:Canvas;color:CanvasText}}@media(prefers-reduced-motion:reduce){.quick-add__pill,.quick-add__add,.quick-add__details-link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/quick-add.css.map */