.quick-add-wrapper{position:absolute;bottom:12px;right:10px;z-index:5;pointer-events:none}.quick-add-inner{display:flex;align-items:center;gap:6px;pointer-events:none}.quick-add-inner>*{pointer-events:auto}.quick-add-form{line-height:0}.quick-add-form form{margin:0;display:inline-block}.product-grid-item__container .quick-add-wrapper .view-details-button{position:relative;inset:auto;bottom:auto;right:auto;top:auto;left:auto;display:inline-flex;align-items:center;justify-content:center}.quick-add-qty{display:inline-flex;align-items:center;height:40px;padding:0 4px;background:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:9999px;box-shadow:0 2px 6px #0000001f;opacity:0;transform:translate(6px) scale(.96);transition:opacity .18s ease,transform .18s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.quick-add-qty__btn{width:28px;height:28px;border:0;background:transparent;font-size:16px;font-weight:500;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:9999px;color:var(--text);padding:0;transition:background .12s ease,transform .12s ease}.quick-add-qty__btn:hover{background:#00000014}.quick-add-qty__btn:active{transform:scale(.9)}.quick-add-qty__btn.is-disabled,.quick-add-qty__btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.quick-add-qty__value{min-width:22px;text-align:center;font-size:14px;font-weight:600;color:var(--text);line-height:1;padding:0 2px;font-variant-numeric:tabular-nums}.product-grid-item:hover .quick-add-qty,.product-grid-item:focus-within .quick-add-qty{opacity:1;transform:translate(0) scale(1);pointer-events:auto}@media(hover:none){.quick-add-qty{opacity:1;transform:translate(0) scale(1);pointer-events:auto}}.quick-add-submit{position:relative;overflow:hidden;transition:transform .16s ease,background-color .2s ease}.quick-add-submit:active{transform:scale(.92)}.quick-add-submit__icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:opacity .18s ease,transform .22s ease}.quick-add-submit__icon--plus{opacity:1;transform:scale(1)}.quick-add-submit__icon--spinner{opacity:0;transform:scale(.6);width:16px;height:16px;margin:auto;border:2px solid rgba(255,255,255,.35);border-top-color:rgb(var(--rgb-button-contrast, 255 255 255));border-radius:50%;top:0;right:0;bottom:0;left:0;box-sizing:border-box}.quick-add-submit__icon--check,.quick-add-submit__icon--error{opacity:0;transform:scale(.5);color:rgb(var(--rgb-button-contrast, 255 255 255))}.quick-add-submit.is-loading .quick-add-submit__icon--plus{opacity:0;transform:scale(.6)}.quick-add-submit.is-loading .quick-add-submit__icon--spinner{opacity:1;transform:scale(1);animation:quick-add-spin .7s linear infinite}.quick-add-submit.is-success .quick-add-submit__icon--plus,.quick-add-submit.is-success .quick-add-submit__icon--spinner{opacity:0;transform:scale(.6);animation:none}.quick-add-submit.is-success .quick-add-submit__icon--check{opacity:1;transform:scale(1);animation:quick-add-pop .32s ease}.quick-add-submit.is-success{animation:quick-add-pulse .38s ease}.quick-add-submit.is-error .quick-add-submit__icon--plus,.quick-add-submit.is-error .quick-add-submit__icon--spinner,.quick-add-submit.is-error .quick-add-submit__icon--check{opacity:0;transform:scale(.6);animation:none}.quick-add-submit.is-error .quick-add-submit__icon--error{opacity:1;transform:scale(1)}.quick-add-submit.is-error{animation:quick-add-shake .42s cubic-bezier(.36,.07,.19,.97);background:#c0392b}@keyframes quick-add-spin{to{transform:rotate(360deg) scale(1)}}@keyframes quick-add-pop{0%{transform:scale(.3);opacity:0}55%{transform:scale(1.25);opacity:1}to{transform:scale(1);opacity:1}}@keyframes quick-add-pulse{0%{box-shadow:0 0 #00000040}to{box-shadow:0 0 0 14px #0000}}@keyframes quick-add-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}@media screen and (max-width:767px){.quick-add-wrapper{bottom:8px;right:8px}.product-grid-item__container .quick-add-wrapper .view-details-button{width:44px;height:44px}.quick-add-qty{height:44px;padding:0 6px}.quick-add-qty__btn{width:32px;height:32px;font-size:18px}.quick-add-qty__value{min-width:24px;font-size:15px}.quick-add-inner{gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/custom-quick-add.css.map */