.quick-add-overlay{position:absolute;top:auto;bottom:0;left:0;width:100%;height:auto;display:flex;align-items:flex-start;justify-content:center;background-color:#000000f2;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;transform:translateY(10px);z-index:30;border-radius:0;pointer-events:none}@media screen and (min-width: 750px){.card-wrapper:hover .quick-add-overlay{opacity:1;visibility:visible;pointer-events:all;transform:translateY(0)}.card-wrapper:hover .card-wrapper__link--overlay{pointer-events:all}.quick-add-overlay{z-index:31}.quick-add-overlay quick-add-form,.quick-add-overlay__size-btn,.quick-add-overlay__submit,.quick-add-overlay__color-swatch{position:relative;z-index:32}.quick-add{display:none}}@media screen and (max-width: 749px){.quick-add-overlay{display:none}}.quick-add-overlay quick-add-form{display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:1.6rem 2rem;width:100%}.quick-add-overlay__title{margin:0;color:#fff;font-size:1.2rem;font-weight:400;text-transform:lowercase;letter-spacing:.02em}.quick-add-overlay__sizes{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.quick-add-overlay__sizes input[type=radio]{position:absolute;opacity:0;pointer-events:none}.quick-add-overlay__size-btn{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background-color:transparent;border:2px solid rgba(255,255,255,.4);color:#fff;font-size:1.2rem;font-weight:500;cursor:pointer;transition:all .2s ease}.quick-add-overlay__size-btn:hover:not([aria-disabled=true]){border-color:#fff;background-color:#ffffff1a}.quick-add-overlay__sizes input:checked+.quick-add-overlay__size-btn{background-color:#fff;color:#000;border-color:#fff}.quick-add-overlay__size-btn[aria-disabled=true]{opacity:.3;cursor:not-allowed;text-decoration:line-through}.quick-add-overlay__colors{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.quick-add-overlay__color-swatch{display:block;width:3rem;height:3rem;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s ease;position:relative}.quick-add-overlay__color-swatch:after{content:"";position:absolute;top:50%;left:50%;width:2.4rem;height:2.4rem;transform:translate(-50%,-50%);border-radius:inherit;background-color:var(--swatch-color, #ccc);transition:all .2s ease}.quick-add-overlay__color-swatch:hover{transform:scale(1.1)}.quick-add-overlay__color-swatch.is-selected{border-color:#fff;cursor:default}.quick-add-overlay__color-swatch.is-selected:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.5);border-radius:50%;box-sizing:border-box}.quick-add-overlay__submit{width:100%;padding:1.2rem 2rem;font-size:1.4rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.quick-add-overlay__submit:hover:not(:disabled){opacity:.9}.quick-add-overlay__submit:disabled{opacity:.5;cursor:not-allowed}.quick-add-overlay__submit.success{background-color:#28a745}.quick-add-overlay__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px}.quick-add-overlay__loading.hidden{display:none}.quick-add-overlay__loading .spinner{animation:rotator 1.4s linear infinite;width:100%;height:100%}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}.quick-add-overlay__loading .spinner .path{stroke:#fff;stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;animation:dash 1.4s ease-in-out infinite}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/features/cart/quick-add-overlay.css.map */