.atc-btn{position:relative;container-type:inline-size}.atc-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:calc(var(--atc-size) * 1.8);height:calc(var(--atc-size) * 1.44)}.atc-cart-icon{width:100%;height:100%;transform-origin:50% 70%}.atc-product-box{position:absolute;top:8%;left:50%;width:calc(var(--atc-size) * .5);height:calc(var(--atc-size) * .5);background:currentColor;border-radius:2px;opacity:0;transform:translate(-50%,calc(var(--atc-size) * -1.8)) rotate(0);pointer-events:none}.atc-text{display:inline-block;transition:opacity .2s ease,transform .2s ease}.atc-animating .atc-text{animation:atcHideText 1.45s ease forwards}.atc-animating .atc-product-box{animation:atcBoxDrop .7s cubic-bezier(.3,.7,.4,1) .05s forwards}.atc-animating .atc-icon-wrap{animation:atcCartMove .9s ease-in-out .55s forwards;z-index:2}@keyframes atcHideText{0%,50%{opacity:1;transform:scale(1)}68%,to{opacity:0;transform:scale(.85)}}@keyframes atcBoxDrop{0%{opacity:0;transform:translate(-50%,calc(var(--atc-size) * -1.8)) rotate(0)}15%{opacity:1}70%{opacity:1;transform:translate(-50%) rotate(-10deg)}to{opacity:0;transform:translate(-50%,calc(var(--atc-size) * .1)) rotate(0) scale(.6)}}@keyframes atcCartMove{0%{transform:translate(0) rotate(0)}15%{transform:translate(0) rotate(-8deg) scale(1.15)}to{transform:translate(calc(100cqw - var(--atc-size) * 1.8 - 14px)) rotate(6deg) scale(1)}}