.card-quick-add{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.card-quick-add__trigger{position:absolute;bottom:16px;left:50%;transform:translate(-50%,8px);display:inline-flex;align-items:center;gap:0;padding:0;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;cursor:pointer;pointer-events:auto;opacity:0;transition:opacity .25s ease,transform .25s ease;box-shadow:0 2px 12px #00000014;color:#1c1d1d;z-index:2}.card-quick-add__trigger-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px}.card-quick-add__trigger-icon svg{width:18px;height:18px}.card-quick-add__trigger-divider{display:block;width:1px;height:18px;background:#0000001f}.card-quick-add__trigger:hover{background:#f5f5f5}.card-quick-add__trigger:focus-visible{outline:2px solid #1c1d1d;outline-offset:2px}.grid-product__content:hover .card-quick-add__trigger{opacity:1;transform:translate(-50%)}.card-quick-add.is-open .card-quick-add__trigger{opacity:0!important;pointer-events:none}.card-quick-add__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffeb;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;flex-direction:column;pointer-events:auto;z-index:3}.card-quick-add__overlay[hidden]{display:none}.card-quick-add__close{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;padding:6px 10px;font-size:13px;color:#1c1d1d;cursor:pointer;z-index:2}.card-quick-add__close svg{width:12px;height:12px}.card-quick-add__close:hover{opacity:.7}.card-quick-add__form{display:flex;flex-direction:column;height:100%}.card-quick-add__body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:30px 20px 10px}.card-quick-add__option{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;text-align:center}.card-quick-add__option-label{font-size:14px;font-weight:600;color:#1c1d1d;letter-spacing:0}.card-quick-add__option-values{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:10px}.card-quick-add__swatch{width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,0,0,.15);cursor:pointer;padding:0;background-clip:padding-box;position:relative;transition:transform .15s ease,box-shadow .15s ease}.card-quick-add__swatch:hover{transform:scale(1.08)}.card-quick-add__swatch.is-selected{box-shadow:0 0 0 2px #fff inset,0 0 0 1.5px #1c1d1d}.card-quick-add__pill{min-width:38px;height:38px;padding:0 12px;border-radius:50%;border:1px solid rgba(0,0,0,.15);background:#fff;color:#1c1d1d;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.card-quick-add__pill:hover{border-color:#1c1d1d}.card-quick-add__pill.is-selected{background:#1c1d1d;color:#fff;border-color:#1c1d1d}.card-quick-add__option-btn:disabled,.card-quick-add__option-btn.is-unavailable{opacity:.35;text-decoration:line-through;cursor:not-allowed}.card-quick-add__swatch:disabled,.card-quick-add__swatch.is-unavailable{text-decoration:none}.card-quick-add__cart{display:flex;align-items:center;justify-content:center;width:100%;height:52px;background:#1c1d1d;color:#fff;border:0;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .2s ease;flex:none}.card-quick-add__cart:hover{background:#000}.card-quick-add__cart:disabled{opacity:.5;cursor:not-allowed}.card-quick-add.is-loading .card-quick-add__cart{opacity:.7;pointer-events:none}@media screen and (max-width:749px){.card-quick-add__trigger{opacity:1;transform:translate(-50%)}.card-quick-add__body{gap:10px;padding:40px 10px 0}.card-quick-add__close{top:5px}.card-quick-add__option-values{gap:5px}.card-quick-add__swatch{width:20px;height:20px}.card-quick-add__pill{min-width:20px;display:flex;align-items:center;height:20px;padding:7px;font-size:11px;font-weight:400}.card-quick-add__option{gap:4px}.card-quick-add__cart{height:46px;font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-card-quick-add.css.map */