.quick-add{width:min(100%,640px);max-width:100%;max-height:90vh;max-height:90dvh;margin:auto auto 0;padding:28px 24px max(24px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:18px 18px 0 0;background:var(--color-background);color:var(--color-text);box-shadow:0 -12px 60px #00000024}.quick-add[open]{animation:quick-add-enter .24s var(--motion-ease)}.quick-add::backdrop{background:#0000006b}.quick-add [hidden]{display:none!important}.quick-add__close{position:absolute;z-index:1;top:10px;right:10px;display:grid;width:44px;height:44px;padding:0;place-items:center;border:0;border-radius:50%;background:var(--color-background);color:var(--color-text)}.quick-add__close:hover{background:color-mix(in srgb,var(--color-muted) 12%,var(--color-background))}.quick-add__summary{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:start;gap:22px;padding-right:22px}.quick-add__image{aspect-ratio:3 / 4;overflow:hidden;border-radius:8px;background:color-mix(in srgb,var(--color-muted) 10%,var(--color-background))}.quick-add__image img,.quick-add__image svg{width:100%;height:100%;object-fit:cover}.quick-add__info{padding-top:4px}.quick-add__info h2{margin:0 0 14px;font-size:16px;line-height:1.4;letter-spacing:.03em;text-transform:uppercase;overflow-wrap:anywhere}.quick-add .price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:26px;line-height:1.2;font-variant-numeric:tabular-nums}.quick-add .price s,.quick-add .unit-price{color:var(--color-muted);font-size:14px}.quick-add__taxes{margin:8px 0 0;color:var(--color-muted);font-size:12px;line-height:1.5}.quick-add__options{display:grid;gap:24px;margin-top:28px}.quick-add__options fieldset{min-width:0;margin:0;padding:0;border:0}.quick-add__options legend{margin:0 auto 12px;padding:0;font-size:14px;text-align:center}.quick-add__values{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.quick-add__option{position:relative;cursor:pointer}.quick-add__option-label{display:flex;min-width:48px;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid var(--color-border);font-size:14px;line-height:1.4;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.quick-add__option input:checked+.quick-add__option-label{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.quick-add__option input:focus-visible+.quick-add__option-label{outline:2px solid var(--color-text);outline-offset:3px}.quick-add__option input:disabled+.quick-add__option-label{opacity:.4;text-decoration:line-through;cursor:not-allowed}.quick-add__submit{width:100%;min-height:52px;margin-top:28px;gap:10px;color:#fff}.quick-add__submit:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.quick-add__content[aria-busy=true]{opacity:.6}.quick-add__status,.quick-add__error{margin:12px 0 0;font-size:14px;line-height:1.5;text-align:center}.quick-add__status:empty,.quick-add__error:empty{display:none}.quick-add__retry,.quick-add__cart-link{display:block;width:fit-content;min-height:44px;margin:8px auto 0;padding:10px 4px;border:0;background:transparent;color:var(--color-text);font-size:14px;text-decoration:underline;text-underline-offset:4px}.quick-add__loading{display:flex;min-height:180px;align-items:center;justify-content:center;gap:12px;color:var(--color-muted);font-size:14px}.quick-add__spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-text);border-radius:50%;animation:quick-add-spin .7s linear infinite}@keyframes quick-add-spin{to{transform:rotate(360deg)}}@keyframes quick-add-enter{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@media(min-width:750px){.quick-add{margin-bottom:24px;padding:32px;border-radius:18px}.quick-add__summary{grid-template-columns:128px minmax(0,1fr);gap:28px}.quick-add__info h2{font-size:18px}}@media(max-width:374px){.quick-add{padding-inline:16px}.quick-add__summary{grid-template-columns:88px minmax(0,1fr);gap:16px}.quick-add__info h2{font-size:14px}}@media(prefers-reduced-motion:reduce){.quick-add[open],.quick-add__spinner{animation:none}.quick-add__option-label{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/quick-add.css.map */