.card-ajax-atc{position:relative;z-index:2;display:flex;gap:6px;align-items:stretch;padding:8px 0 2px}.card-ajax-atc__qty{display:flex;align-items:center;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--buttons-radius, 6px);overflow:hidden;height:42px;flex-shrink:0;background:rgb(var(--color-background))}.card-ajax-atc__qty-btn{background:none;border:none;width:28px;height:42px;font-size:15px;cursor:pointer;color:rgb(var(--color-foreground));transition:background .15s ease}.card-ajax-atc__qty-btn:hover{background:rgba(var(--color-foreground),.06)}.card-ajax-atc__qty-num{min-width:20px;text-align:center;font-size:13px;font-weight:500}.card-ajax-atc__btn{position:relative;flex:1;min-width:0;height:42px;overflow:hidden;border-radius:var(--buttons-radius, 6px);border:none;background:#a3e319;color:#111;cursor:pointer;-webkit-user-select:none;user-select:none;transition:filter .15s ease,transform .1s ease}.card-ajax-atc__btn:hover{filter:brightness(.94)}.card-ajax-atc__btn:active{transform:scale(.97)}.card-ajax-atc__btn.is-loading{opacity:.6;pointer-events:none}.card-ajax-atc__btn-icon{position:absolute;z-index:2;top:50%;left:-15%;transform:translate(-50%,-50%);display:flex}.card-ajax-atc__btn-icon svg{width:15px;height:15px;stroke:#111;stroke-width:1.8;fill:none}.card-ajax-atc__btn-text,.card-ajax-atc__btn-added{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11.5px;font-weight:500;line-height:1.15;letter-spacing:0;padding:0 4px;color:#111;overflow:hidden}.card-ajax-atc__btn-text{opacity:1}.card-ajax-atc__btn-added{opacity:0}.card-ajax-atc__btn.is-added .card-ajax-atc__btn-icon{animation:atc-cart-fly .7s ease-in-out forwards}.card-ajax-atc__btn.is-added .card-ajax-atc__btn-text{animation:atc-text-out .7s ease-in-out forwards}.card-ajax-atc__btn.is-added .card-ajax-atc__btn-added{animation:atc-text-in .7s ease-in-out forwards}@keyframes atc-cart-fly{0%{left:-15%}40%,60%{left:50%}to{left:115%}}@keyframes atc-text-out{0%{opacity:1}20%,to{opacity:0}}@keyframes atc-text-in{0%,75%{opacity:0}to{opacity:1}}@media screen and (max-width:749px){.card-ajax-atc{padding:6px 0 2px;gap:5px}.card-ajax-atc__qty,.card-ajax-atc__btn{height:38px}.card-ajax-atc__qty-btn{width:24px;height:38px;font-size:13px}.card-ajax-atc__qty-num{font-size:12px;min-width:16px}.card-ajax-atc__btn-text,.card-ajax-atc__btn-added{font-size:10.5px;padding:0 3px}}@media screen and (max-width:389px){.card-ajax-atc__btn-text,.card-ajax-atc__btn-added{font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/card-ajax-atc.css.map */