html.quick-add-open{overflow:hidden;scrollbar-gutter:stable}.quick-add{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(880px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 48px);height:fit-content;padding:0;border:none;border-radius:20px;background:var(--color-bg-primary, #fff);color:var(--color-text, #1a1a1a);box-shadow:0 24px 80px #00000047;overflow:hidden;z-index:100001}.quick-add:not([open]){display:none}.quick-add[open]{animation:quick-add-in .26s cubic-bezier(.2,.8,.2,1)}.quick-add-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;background:#0000008c;animation:quick-add-fade .2s ease}.quick-add-overlay[hidden]{display:none}@keyframes quick-add-fade{0%{opacity:0}}@keyframes quick-add-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}.quick-add__panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;grid-template-areas:"media ." "media head" "media body" "media .";max-height:inherit}.quick-add__close{position:absolute;top:12px;right:12px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:50%;background:#ffffffe6;color:#000;cursor:pointer;box-shadow:0 1px 6px #00000026;transition:background-color .2s ease,color .2s ease}.quick-add__close:hover{background:#000;color:#fff}.quick-add__media{grid-area:media;background:var(--color-bg-tertiary, #f5f5f5);min-height:0}.quick-add__image{display:block;width:100%;height:100%;max-height:calc(100dvh - 48px);object-fit:cover;aspect-ratio:4 / 5}.quick-add__head{grid-area:head;padding:32px 32px 0}.quick-add__body{grid-area:body;display:flex;flex-direction:column;gap:22px;padding:20px 32px 32px;overflow-y:auto;min-height:0}.quick-add__title{margin:0 40px 10px 0;font-family:var(--font-heading-family, inherit);font-size:20px;font-weight:600;line-height:1.3;text-transform:uppercase;letter-spacing:.02em}.quick-add__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}.quick-add__price-now{font-size:22px;font-weight:700}.quick-add__price-compare{font-size:15px;color:var(--color-text-light, #5e5e5e)}.quick-add__price-save{padding:4px 8px;border-radius:999px;background:var(--badge-sale-bg, #000);color:var(--badge-sale-text, #fff);font-size:11px;font-weight:700;line-height:1}.quick-add__options{display:flex;flex-direction:column;gap:20px}.quick-add__option{margin:0;padding:0;border:0;min-width:0}.quick-add__legend{padding:0;margin-bottom:10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.quick-add__legend-value{font-weight:500;letter-spacing:.02em;text-transform:none;color:var(--color-text-muted, #545454)}.quick-add__choices{display:flex;flex-wrap:wrap;gap:10px}.quick-add__radio{position:absolute;opacity:0;pointer-events:none}.quick-add__choice{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:44px;padding:0 16px;border:1px solid var(--color-border, #e5e5e5);border-radius:10px;background:#fff;font-size:13px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.quick-add__choice:hover{border-color:#000}.quick-add__radio:checked+.quick-add__choice{border-color:#000;background:#000;color:#fff}.quick-add__radio:focus-visible+.quick-add__choice{outline:2px solid var(--color-primary, #1a1a1a);outline-offset:2px}.quick-add__choice.is-unavailable{color:var(--color-text-light, #5e5e5e);overflow:hidden}.quick-add__choice.is-unavailable:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent calc(50% - 1px),currentColor,transparent calc(50% + 1px));opacity:.45;pointer-events:none}.quick-add__radio:checked+.quick-add__choice.is-unavailable{color:#fff}.quick-add__choice--swatch{min-width:0;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid var(--color-border, #e5e5e5);background:transparent}.quick-add__swatch{display:block;width:32px;height:32px;border-radius:50%;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #0000001f}.quick-add__radio:checked+.quick-add__choice--swatch{background:transparent;border-color:#000;box-shadow:0 0 0 1px #000;color:inherit}.quick-add__choice--swatch.is-unavailable:after{border-radius:50%}.quick-add__actions{display:flex;gap:12px}.quick-add__qty{display:inline-flex;align-items:stretch;flex-shrink:0;border:1px solid var(--color-border-dark, #ccc);border-radius:10px;overflow:hidden}.quick-add__qty-btn{width:40px;border:none;background:transparent;font-size:18px;line-height:1;color:inherit;cursor:pointer}.quick-add__qty-btn:hover{background:var(--color-bg-tertiary, #f5f5f5)}.quick-add__qty-input{width:40px;border:none;background:transparent;text-align:center;font-size:15px;font-weight:600;color:inherit;-moz-appearance:textfield}.quick-add__submit{position:relative;flex:1;min-height:52px;padding:0 20px;border:none;border-radius:10px;background:#000;color:#fff;font-family:var(--font-heading-family, inherit);font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.quick-add__submit:hover:not(:disabled){background:#222}.quick-add__submit:disabled{opacity:.45;cursor:not-allowed}.quick-add__submit:focus-visible,.quick-add__close:focus-visible,.quick-add__details:focus-visible{outline:2px solid var(--color-primary, #1a1a1a);outline-offset:2px}.quick-add__spinner{display:none;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:20px;height:20px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:quick-add-spin .8s linear infinite}.quick-add__submit.is-loading .quick-add__submit-text{visibility:hidden}.quick-add__submit.is-loading .quick-add__spinner{display:block}@keyframes quick-add-spin{to{transform:rotate(360deg)}}.quick-add__error{margin:0;font-size:13px;color:#b42318}.quick-add__details{align-self:flex-start;font-size:13px;color:var(--color-text, #1a1a1a);text-decoration:underline;text-underline-offset:3px}.quick-add__skeleton{height:44px;border-radius:10px;background:linear-gradient(90deg,#f0f0f0 25%,#e6e6e6 37%,#f0f0f0 63%);background-size:400% 100%;animation:quick-add-shimmer 1.2s ease infinite}.quick-add__skeleton--short{width:60%}@keyframes quick-add-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media(max-width:749px){.quick-add{width:100vw;max-height:92dvh;inset:auto 0 0 0;margin:0;border-radius:20px 20px 0 0}.quick-add[open]{animation-name:quick-add-sheet-in}.quick-add__panel{grid-template-columns:88px minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"media head" "body body";column-gap:14px;padding:20px 16px 0}.quick-add__media{border-radius:10px;overflow:hidden;align-self:start}.quick-add__image{max-height:none;aspect-ratio:4 / 5}.quick-add__head{padding:0;align-self:center}.quick-add__title{margin-right:36px;font-size:15px}.quick-add__price-now{font-size:18px}.quick-add__body{padding:20px 0;gap:18px}.quick-add__close{top:10px;right:10px;background:var(--color-bg-tertiary, #f5f5f5);box-shadow:none}.quick-add__actions{margin-top:auto;position:sticky;bottom:0;padding-bottom:env(safe-area-inset-bottom,0);background:var(--color-bg-primary, #fff)}}@keyframes quick-add-sheet-in{0%{transform:translateY(100%)}to{transform:none}}@media(prefers-reduced-motion:reduce){.quick-add[open],.quick-add-overlay,.quick-add__skeleton,.quick-add__spinner{animation-duration:.01ms;animation-iteration-count:1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-quick-add.css.map */