.add-to-cart-button{--text-speed: .26;--base-delay: calc(var(--text-speed) * .25);--tick-speed: .1;--ring-speed: .2;--check-speed: .2;--burst-speed: .32;--step-delay: 3;--speed: 1;-webkit-user-select:none;user-select:none;transition-property:color,box-shadow,background-color,scale,translate;transition-duration:var(--animation-speed);transition-timing-function:var(--ease-out-cubic)}.add-to-cart-button:active{scale:.99;translate:0 1px}.add-to-cart-button .svg-wrapper .checkmark-burst{width:30px;height:30px}.add-to-cart-text{--atc-opacity: 0;--atc-destination: -1em;display:flex;gap:var(--gap-2xs);align-items:center;justify-content:center;animation-duration:var(--animation-speed);animation-timing-function:var(--animation-easing);animation-fill-mode:forwards;transition:width var(--animation-speed) var(--animation-easing),opacity var(--animation-speed) var(--animation-easing)}.add-to-cart__added{--atc-opacity: 1;--atc-destination: 0px;position:absolute;top:50%;left:50%;translate:-50% -50%;display:flex;align-items:center;justify-content:center;gap:.3rem}.add-to-cart__added-icon{width:32px;height:32px}[data-added=true] .add-to-cart-text,[data-added=true] .add-to-cart__added{animation-name:atc-slide}.checkmark-burst{opacity:0;overflow:visible}.checkmark-burst .burst{rotate:20deg}.checkmark-burst .check{opacity:.2;scale:.8;filter:blur(2px);transform:translateZ(0)}.checkmark-burst :is(.ring,.line,.check,.burst,.tick){transform-box:fill-box;transform-origin:center}.checkmark-burst :is(.line){stroke-dasharray:1.5 1.5;stroke-dashoffset:-1.5;translate:0 -180%}.checkmark-burst g{transform-origin:center;rotate:calc(var(--index) * (360 / 8) * 1deg)}.add-to-cart-button[data-added=true] .checkmark-burst{opacity:1}.add-to-cart-button[data-added=true] .check{opacity:1;scale:1;filter:blur(0)}.add-to-cart-button[data-added=true] .tick{scale:1.75}.add-to-cart-button[data-added=true] .ring{opacity:0;scale:1}.add-to-cart-button[data-added=true] .line{stroke-dashoffset:1.5}.add-to-cart-button[data-added=true] .add-to-cart-text{clip-path:circle(0% at 50% 50%);filter:blur(2px);opacity:0;translate:0 4px}@media(prefers-reduced-motion:no-preference){.add-to-cart-button[data-added=true] .check{transition-property:opacity,scale,filter;transition-duration:calc(calc(var(--check-speed) * 1s));transition-delay:calc((var(--base-delay) * 1s));transition-timing-function:var(--ease-out-quad)}.add-to-cart-button[data-added=true] .tick{transition-property:scale;transition-duration:calc((calc(var(--tick-speed) * 1s)));transition-delay:calc(((var(--base-delay) + (var(--check-speed) * (var(--step-delay) * 1.1))) * 1s));transition-timing-function:ease-out}.add-to-cart-button[data-added=true] .ring{transition-property:opacity,scale;transition-duration:calc((calc(var(--ring-speed) * 1s)));transition-delay:calc(((var(--base-delay) + (var(--check-speed) * var(--step-delay))) * 1s));transition-timing-function:var(--ease-out-quad)}.add-to-cart-button[data-added=true] .line{transition-property:stroke-dashoffset;transition-duration:calc((calc(var(--burst-speed) * 1s)));transition-delay:calc(((var(--base-delay) + (var(--check-speed) * var(--step-delay))) * 1s));transition-timing-function:var(--ease-out-cubic)}.add-to-cart-text{transition-property:clip-path,opacity,filter,translate;transition-duration:calc((var(--text-speed) * .6s)),calc((var(--text-speed) * 1s));transition-timing-function:ease-out}}.add-to-cart-text{clip-path:circle(100% at 50% 50%)}@keyframes atc-slide{to{opacity:var(--atc-opacity, 1);translate:0px var(--atc-destination, 0px)}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/add-to-cart-button-snippet.css.map */