@media(min-width:1280px){.product-card__quick-add-panel{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;flex-direction:column;max-height:100%;padding:var(--space-m);background-color:#fffffff0;border-top:var(--border);box-shadow:0 -8px 18px #00000014;overflow-y:auto;transform:translateY(100%);transition:transform var(--transition-base)}.product-card__quick-add-panel.is-open{transform:translateY(0)}.product-card__quick-add-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-s);margin-bottom:var(--space-s)}.product-card__quick-add-panel-info{min-width:0}.product-card__quick-add-panel-title{margin:0;font-family:var(--font-display);font-size:var(--text-header-3);font-weight:var(--font-weight-black);letter-spacing:var(--tracking-display);line-height:var(--leading-display);color:var(--color-black);text-transform:uppercase}.product-card__quick-add-panel-variant{margin:var(--space-xxs) 0 0;font-family:var(--font-body);font-size:var(--text-label);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-body);line-height:var(--leading-body);color:var(--color-black);text-transform:uppercase}.product-card__quick-add-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;color:var(--color-black);cursor:pointer}.product-card__quick-add-sizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-xxs);margin-bottom:var(--space-s)}.product-card__quick-add-size{display:flex;align-items:center;justify-content:center;min-width:0;height:42px;padding:0 var(--space-xxs);background-color:var(--color-white);border:var(--border);font-family:var(--font-body);font-size:var(--text-body-2);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-body);color:var(--color-black);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.product-card__quick-add-size:hover:not(.is-unavailable):not(.is-selected){background-color:var(--color-off-white)}.product-card__quick-add-size.is-selected{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white)}.product-card__quick-add-size.is-unavailable{color:var(--color-light-grey);text-decoration:line-through}.product-card__quick-add-submit{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:3px var(--space-s) 0;background-color:var(--color-white);border:var(--border);color:var(--color-black);font-family:var(--font-display);font-size:var(--text-header-3);font-weight:var(--font-weight-black);letter-spacing:var(--tracking-display);text-transform:uppercase;text-align:center;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.product-card__quick-add-submit:disabled{cursor:default}.product-card__quick-add-submit.is-ready{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white)}.product-card__quick-add-submit.is-loading{pointer-events:none;opacity:.7}}.quick-add-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-modal) - 1);background:var(--color-overlay);-webkit-backdrop-filter:var(--overlay-blur);backdrop-filter:var(--overlay-blur);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.quick-add-modal.is-open .quick-add-modal__backdrop{opacity:1;visibility:visible}.quick-add-modal__content{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-modal);background-color:var(--color-white);padding:var(--space-m);opacity:0;visibility:hidden;transform:translateY(100%);transition:opacity var(--transition-base),visibility var(--transition-base),transform var(--transition-base)}.quick-add-modal.is-open .quick-add-modal__content{opacity:1;visibility:visible;transform:translateY(0)}.quick-add-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-m)}.quick-add-modal__product{display:flex;align-items:flex-start;gap:var(--space-m);min-width:0}.quick-add-modal__image{width:80px;height:auto;object-fit:contain;flex-shrink:0}.quick-add-modal__product-info{min-width:0}.quick-add-modal__title{font-family:var(--font-display);font-size:var(--text-header-2);font-weight:var(--font-weight-black);letter-spacing:var(--tracking-display);line-height:var(--leading-display);color:var(--color-black);text-transform:uppercase}.quick-add-modal__variant-name{margin-top:var(--space-xs);font-family:var(--font-body);font-size:var(--text-body-1);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-body);color:var(--color-black);text-transform:uppercase}.quick-add-modal__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);padding:0;background:none;border:none;color:var(--color-black);cursor:pointer}.quick-add-modal__divider{margin:var(--space-m) 0;border:none;border-top:var(--border)}.quick-add-modal__sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:var(--space-xs);margin-bottom:var(--space-m)}.quick-add-modal__size-btn{display:flex;align-items:center;justify-content:center;height:48px;padding:var(--space-xs) var(--space-s);white-space:nowrap;background-color:var(--color-white);border:var(--border);font-family:var(--font-body);font-size:var(--text-body-1);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-body);color:var(--color-black);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.quick-add-modal__size-btn:hover:not(.is-unavailable):not(.is-selected){background-color:var(--color-off-white)}.quick-add-modal__size-btn.is-selected{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white)}.quick-add-modal__size-btn.is-unavailable{color:var(--color-light-grey);text-decoration:line-through}.quick-add-modal__submit{display:flex;align-items:center;justify-content:center;width:100%;height:56px;padding:3px var(--space-m) 0;background-color:var(--color-white);border:var(--border);color:var(--color-black);font-family:var(--font-display);font-size:var(--text-header-2);font-weight:var(--font-weight-black);letter-spacing:var(--tracking-display);text-transform:uppercase;text-align:center;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.quick-add-modal__submit:disabled{cursor:default}.quick-add-modal__submit.is-ready{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white)}.quick-add-modal__submit.is-ready:hover{opacity:.9}.quick-add-modal__submit.is-loading{pointer-events:none;opacity:.7}@media(prefers-reduced-motion:reduce){.quick-add-modal__backdrop,.quick-add-modal__content,.product-card__quick-add-panel,.product-card__quick-add-size,.product-card__quick-add-submit,.quick-add-modal__size-btn,.quick-add-modal__submit{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/327/assets/component-quick-add-modal.css.map */