.atc{--atc-ink:#355e3b;--atc-hi:#bbff45;--atc-r:2.4rem;position:relative;clip-path:inset(-8px -8px -8px -8px round var(--buttons-radius-outset,0px));transition:clip-path .42s cubic-bezier(.2,.8,.2,1),background-color .3s ease,color .3s ease,transform .14s ease;}
.atc:active:not([disabled]):not([aria-disabled='true']){transform:scale(.97);}
.atc>*:not(.atc__fx){transition:opacity .18s ease;}
.atc .loading__spinner{display:none !important;}
.atc.loading>span{visibility:visible;}
.atc.is-loading,.atc.is-added{pointer-events:none;}
.atc.is-loading>*:not(.atc__fx),.atc.is-added>*:not(.atc__fx){opacity:0;}
.atc.is-loading{clip-path:inset(0 calc(50% - var(--atc-r)) 0 calc(50% - var(--atc-r)) round var(--atc-r));background-color:var(--atc-ink) !important;transition:clip-path .32s cubic-bezier(.4,0,.2,1),background-color .2s ease,transform .14s ease;}
.atc.is-added{background-color:var(--atc-hi) !important;color:var(--atc-ink) !important;}
.atc.is-added::after,.atc.is-loading::after{box-shadow:none !important;}
.atc__fx{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;}
.atc__ring,.atc__done{grid-area:1/1;}
.atc__ring{width:1.8rem;height:1.8rem;border-radius:50%;border:2px solid rgba(187,255,69,.22);border-top-color:var(--atc-hi);opacity:0;transform:scale(.5);transition:opacity .18s ease,transform .18s ease;}
.atc.is-loading .atc__ring{opacity:1;transform:none;transition-delay:.14s;animation:atc-spin .7s linear infinite;}
.atc__done{display:inline-flex;align-items:center;gap:.6rem;color:var(--atc-ink);opacity:0;transform:translateY(.5rem);transition:opacity .22s ease,transform .32s cubic-bezier(.2,.8,.2,1);}
.atc.is-added .atc__done{opacity:1;transform:none;transition-delay:.14s;}
.atc__done svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
.atc__done path{stroke-dasharray:16;stroke-dashoffset:16;}
.atc.is-added .atc__done path{animation:atc-draw .32s .24s ease-out forwards;}
.atc.is-shake{animation:atc-shake .42s ease;}
@keyframes atc-spin{to{transform:rotate(360deg);}}
@keyframes atc-draw{to{stroke-dashoffset:0;}}
@keyframes atc-shake{20%,60%{transform:translateX(-.5rem);}40%,80%{transform:translateX(.5rem);}}
#cart-icon-bubble.atc-bump{animation:atc-bump .5s cubic-bezier(.3,1.6,.5,1);}
@keyframes atc-bump{40%{transform:scale(1.22) rotate(-6deg);}}
@media (prefers-reduced-motion:reduce){.atc,.atc.is-loading{transition:background-color .2s ease,color .2s ease;clip-path:none;}.atc.is-loading .atc__ring{animation-duration:1.4s;}.atc.is-added .atc__done path{animation:none;stroke-dashoffset:0;}#cart-icon-bubble.atc-bump,.atc.is-shake{animation:none;}}
