.quick-add-modal .modal{visibility:hidden;transition:opacity var(--duration-ui) var(--ease-out),visibility 0s linear var(--duration-ui)}.quick-add-modal .modal.is-open{visibility:visible;transition:opacity var(--duration-ui) var(--ease-out),visibility 0s}.quick-add__panel{width:min(680px,100%);padding:0;overflow:hidden;overflow-y:auto}.quick-add__close{z-index:4;background:var(--color-bg-elevated);box-shadow:var(--shadow-card)}.quick-add__grid{display:grid;grid-template-columns:1fr;min-height:100%}@media screen and (min-width:750px){.quick-add__grid{grid-template-columns:260px 1fr;align-items:stretch}}.quick-add__media.artwork-tile{border-radius:0;padding:var(--space-6);min-height:100%}.quick-add__media img{width:auto;height:auto;max-width:100%;max-height:340px;object-fit:contain;border-radius:2px}@media screen and (max-width:749px){.quick-add__media.artwork-tile{aspect-ratio:16 / 9;padding:var(--space-4);min-height:0}.quick-add__media img{max-height:100%}}.quick-add__body{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-4);padding:var(--space-6);min-width:0}.quick-add__title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:var(--text-h3);line-height:1.2;color:var(--color-ink);padding-inline-end:var(--space-7);transition:color var(--duration-micro) var(--ease-out)}.quick-add__title:hover{color:var(--color-accent)}.quick-add__price{font-size:1.0625rem}.quick-add__option{display:flex;flex-direction:column;gap:var(--space-2)}.quick-add__label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);font-size:var(--text-xs);font-weight:var(--font-body-weight-medium);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-soft)}.quick-add__selected{color:var(--color-ink);text-transform:none;letter-spacing:.02em}.quick-add__pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.quick-add__pill{padding:.5rem .95rem;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-bg-elevated);color:var(--color-text);font-size:var(--text-sm);line-height:1.2;transition:border-color var(--duration-micro) var(--ease-out),background-color var(--duration-micro) var(--ease-out),color var(--duration-micro) var(--ease-out),transform var(--duration-micro) var(--ease-out)}.quick-add__pill:hover{border-color:var(--color-ink);transform:translateY(-1px)}.quick-add__pill.is-selected{background:var(--color-button);border-color:var(--color-button);color:var(--color-button-text)}.quick-add__pill.is-unavailable{color:var(--color-text-soft);border-style:dashed;text-decoration:line-through;text-decoration-thickness:1px}.quick-add__pill.is-selected.is-unavailable{background:var(--color-bg-secondary);border-color:var(--color-line);color:var(--color-text-soft)}.quick-add__segment{display:inline-flex;align-self:flex-start;gap:2px;padding:3px;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-bg-elevated)}.quick-add__segment .quick-add__pill{border:1px solid transparent;background:transparent;padding:.45rem 1.1rem}.quick-add__segment .quick-add__pill:hover{transform:none}.quick-add__segment .quick-add__pill.is-selected{background:var(--color-button);border-color:var(--color-button);color:var(--color-button-text)}.quick-add__row{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.quick-add__atc{flex:1;min-width:0}.quick-add__error{display:flex;align-items:flex-start;gap:var(--space-2);margin:0;font-size:var(--text-sm);color:var(--color-terracotta)}.quick-add__details{align-self:flex-start;font-size:var(--text-sm);color:var(--color-accent)}.quick-add__fallback{align-items:flex-start;padding:var(--space-7) var(--space-6)}.quick-add__skeleton-media{width:70%;aspect-ratio:4 / 5;box-shadow:none}.quick-add__skeleton-line{height:18px;width:100%}.quick-add__skeleton-line--title{height:30px;width:75%}.quick-add__skeleton-line--price{height:22px;width:35%}.quick-add__skeleton-line--cta{height:48px;border-radius:var(--radius-pill);margin-top:var(--space-2)}.quick-add__skeleton-pills{display:flex;gap:var(--space-2)}.quick-add__skeleton-pill{width:84px;height:38px;border-radius:var(--radius-pill)}@media screen and (max-width:749px){.quick-add-modal .modal{place-items:end center;padding:0}.quick-add__panel{width:100%;max-height:88vh;border-radius:var(--radius-l) var(--radius-l) 0 0}.quick-add__body{padding:var(--space-5)}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/component-quick-add.css.map */