.grid-product__image-mask{position:relative}.c24-quick-add{position:absolute;bottom:0;left:0;right:0;z-index:10;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}@media(hover:hover){.grid-product__content:hover .c24-quick-add{opacity:1;transform:translateY(0);pointer-events:auto}}.c24-quick-add.is-active{opacity:1;transform:translateY(0);pointer-events:auto}.c24-quick-add__trigger{display:none;align-items:center;justify-content:center;gap:6px;padding:10px;background:var(--colorTextBody, #111);color:var(--colorBody, #fff);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;font-family:var(--typeBasePrimary),var(--typeBaseFallback)}.c24-quick-add__trigger svg{transition:transform .2s ease}.c24-quick-add.is-active .c24-quick-add__trigger svg{transform:rotate(180deg)}.c24-quick-add__sizes{display:flex;justify-content:center;gap:0;background:var(--colorTextBody, #111);padding:8px 6px}.c24-quick-add__size{flex:1;max-width:52px;padding:8px 4px;border:none;background:transparent;color:var(--colorBody, #fff);font-size:11px;font-weight:600;letter-spacing:.06em;cursor:pointer;transition:background .15s ease,opacity .15s ease;font-family:var(--typeBasePrimary),var(--typeBaseFallback);position:relative;text-align:center;line-height:1}.c24-quick-add__size:hover:not(:disabled){background:#ffffff26}.c24-quick-add__size:active:not(:disabled){background:#ffffff40}.c24-quick-add__size--sold-out{opacity:.35;cursor:not-allowed;text-decoration:line-through}.c24-quick-add__bell{position:absolute;top:2px;right:2px}.c24-quick-add__size.is-loading{pointer-events:none;color:transparent}.c24-quick-add__size.is-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:c24-spin .5s linear infinite}@keyframes c24-spin{to{transform:rotate(360deg)}}.c24-quick-add__size.is-added{background:#ffffff40;color:transparent;animation:c24-added-pulse .6s ease}.c24-quick-add__size.is-added:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:14px;height:10px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);animation:c24-check-pop .3s ease both}@keyframes c24-added-pulse{0%{background:#4ab46480}to{background:#ffffff1a}}@keyframes c24-check-pop{0%{opacity:0;transform:rotate(-45deg) scale(.5)}50%{opacity:1;transform:rotate(-45deg) scale(1.15)}to{opacity:1;transform:rotate(-45deg) scale(1)}}@media(hover:none){.c24-quick-add{opacity:1;transform:translateY(0);pointer-events:auto}.c24-quick-add__trigger{display:flex}.c24-quick-add__sizes{display:none}.c24-quick-add.is-active .c24-quick-add__sizes{display:flex}}.grid-product__content:has(.c24-quick-add) .quick-product__btn{display:none}@media only screen and (max-width:768px){.c24-quick-add,.grid-product__content .sc-related-color-wrap{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/quick-add-sizes.css.map */