quick-add{display:block}.quick-add__dialog{width:480px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:var(--radius-card);background-color:var(--white);color:var(--black)}.quick-add__dialog[open]{animation:quick-add-pop .3s cubic-bezier(.4,0,.2,1)}.quick-add__dialog::backdrop{background-color:var(--overlay);animation:quick-add-fade .3s cubic-bezier(.4,0,.2,1)}.quick-add__dialog[open].is-closing{animation:quick-add-pop-out .25s cubic-bezier(.4,0,.2,1) forwards}.quick-add__dialog.is-closing::backdrop{animation:quick-add-fade-out .25s cubic-bezier(.4,0,.2,1) forwards}.quick-add__inner{position:relative;padding:28px 24px 24px}.quick-add__close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:var(--radius-full);background:none;color:var(--black);cursor:pointer}.quick-add__close .icon{width:16px;height:16px;pointer-events:none}.quick-add__head{display:flex;align-items:center;gap:18px;margin-bottom:20px;padding-right:32px}.quick-add__media{flex:0 0 140px;overflow:hidden;border-radius:var(--radius-card);background-color:var(--background-alt)}.quick-add__media .image{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}.quick-add__summary{min-width:0}.quick-add__title{font-size:20px;font-weight:var(--font-weight-heading);line-height:1.3}.quick-add__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:6px}.quick-add__price-now{font-size:18px;font-weight:var(--font-weight-heading)}.quick-add__price-was{font-size:16px;color:var(--accent)}.quick-add__option{min-width:0;margin:0 0 20px;padding:0;border:0}.quick-add__legend{margin-bottom:12px;padding:0;font-size:15px;font-weight:var(--font-weight-heading);line-height:1.4;letter-spacing:.03em;text-transform:uppercase}.quick-add__note{margin-top:10px;font-size:15px;line-height:1.6;color:var(--text-muted)}.quick-add__selected{font-weight:var(--font-weight-heading);color:var(--black)}.quick-add__values{display:flex;flex-wrap:wrap;gap:12px}.quick-add__value{position:relative;display:flex;align-items:center;justify-content:center;min-height:46px;padding:8px 18px;border:0;border-radius:var(--radius-chip);background-color:var(--background-alt);color:var(--black);font-family:var(--font-family);font-size:15px;font-weight:var(--font-weight-medium);line-height:1.3;letter-spacing:inherit;cursor:pointer;transition:background-color var(--duration) var(--easing),box-shadow var(--duration) var(--easing),transform .15s var(--easing)}.quick-add__value[aria-pressed=true]{background-color:var(--white);box-shadow:0 2px 10px #12121224}.quick-add__value--swatch,.quick-add__value--swatch[aria-pressed=true]{width:46px;height:46px;padding:0;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-full);background-color:var(--swatch-color);box-shadow:none}.quick-add__value--swatch:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:2px solid color-mix(in srgb,var(--black) 40%,var(--white));border-radius:var(--radius-full);opacity:0;transform:scale(.82);transition:opacity .2s var(--easing),transform .2s cubic-bezier(.4,0,.2,1);pointer-events:none}.quick-add__value--swatch[aria-pressed=true]:after{opacity:1;transform:none}.quick-add__value:active{transform:scale(.95)}.quick-add__value--unavailable{opacity:.45}.quick-add__value:focus-visible{outline:2px solid var(--black);outline-offset:2px}.quick-add__add{position:relative;width:100%}.quick-add__add .icon--loading{position:absolute;top:calc(50% - 10px);left:calc(50% - 10px)}.quick-add__add.loading>span{visibility:hidden}.quick-add__add.loading{opacity:1}.quick-add__error{margin-top:10px;font-size:15px;color:var(--accent)}@media(max-width:749px){.quick-add__dialog{width:100%;max-width:100%;max-height:90dvh;margin:auto 0 0;border-radius:var(--radius-card) var(--radius-card) 0 0}.quick-add__dialog[open]{animation:quick-add-sheet .3s cubic-bezier(.4,0,.2,1)}.quick-add__dialog[open].is-closing{animation:quick-add-sheet-out .25s cubic-bezier(.4,0,.2,1) forwards}.quick-add__inner{padding:24px var(--page-padding) calc(20px + env(safe-area-inset-bottom))}.quick-add__head{gap:14px;margin-bottom:18px}.quick-add__media{flex-basis:112px}.quick-add__title{font-size:18px}.quick-add__values{gap:10px}}@keyframes quick-add-pop{0%{opacity:0;transform:translateY(16px) scale(.97)}}@keyframes quick-add-fade{0%{opacity:0}}@keyframes quick-add-sheet{0%{transform:translateY(100%)}}@keyframes quick-add-pop-out{to{opacity:0;transform:translateY(16px) scale(.97)}}@keyframes quick-add-fade-out{to{opacity:0}}@keyframes quick-add-sheet-out{to{transform:translateY(100%)}}@media(hover:hover){.quick-add__value:not(.quick-add__value--swatch):hover{background-color:var(--white);box-shadow:0 2px 10px #12121224}}@media(prefers-reduced-motion:reduce){.quick-add__dialog[open],.quick-add__dialog[open].is-closing,.quick-add__dialog::backdrop,.quick-add__dialog.is-closing::backdrop{animation:none}.quick-add__value,.quick-add__value--swatch:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/component-quick-add.css.map */