.card:hover .card__media,.card-wrapper:hover .card__media{z-index:2}.quick-add-overlay{position:absolute;bottom:0;left:0;right:0;background:#fffffff2;padding:10px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;z-index:5}.card:hover .quick-add-overlay,.card-wrapper:hover .quick-add-overlay{opacity:1;visibility:visible}.variant-chips{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.variant-chip{position:relative;z-index:10;display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:30px;padding:0 10px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.03em;background:#fff;border:1px solid #ddd;border-radius:2px;cursor:pointer;transition:all .15s ease}.variant-chip:hover{border-color:#000;background:#000;color:#fff}.variant-chip:disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}.variant-chip:disabled:hover{background:#fff;border-color:#ddd;color:inherit}.variant-chip.is-loading{pointer-events:none;background:#000;color:#fff;border-color:#000}.variant-chip.is-loading:after{content:"";width:10px;height:10px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:quickAddSpin .5s linear infinite;margin-left:5px}@keyframes quickAddSpin{to{transform:rotate(360deg)}}.variant-chip.is-added{background:#c17f59;border-color:#c17f59;color:#fff}.quick-add-single{position:relative;z-index:10;display:block;width:100%;padding:8px 14px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;text-align:center;background:#000;color:#fff;border:none;cursor:pointer;transition:opacity .15s}.quick-add-single:hover{opacity:.85}.quick-add-single:disabled{background:#aaa;cursor:not-allowed}.quick-add-single.is-loading{pointer-events:none}.quick-add-single.is-added{background:#c17f59}@media(max-width:749px){.quick-add-overlay{position:static;opacity:1;visibility:visible;background:transparent;padding:8px 0 0}.variant-chip{height:26px;min-width:32px;padding:0 8px;font-size:9px}.quick-add-single{padding:8px 12px;font-size:9px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-quick-add.css.map */