fly-to-cart{--offset-y:10px;width:var(--width,40px);aspect-ratio:2/3;z-index:calc(infinity);pointer-events:none;border-radius:var(--style-border-radius-buttons-primary);object-fit:cover;opacity:0;background-position:50%;background-size:cover;background-color:var(--color-foreground);translate:var(--start-x,0) var(--start-y,0);animation-name:travel-x,travel-y,travel-scale;animation-timing-function:var(--x-timing), var(--y-timing), var(--scale-timing);animation-composition:accumulate;animation-duration:.8s;animation-fill-mode:both;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-50%,-50%)}fly-to-cart.fly-to-cart--main{--x-timing:cubic-bezier(.5, 0, .2, 1);--y-timing:cubic-bezier(.5, .1, .25, 1);--scale-timing:cubic-bezier(.5, 0, .2, 1)}fly-to-cart.fly-to-cart--reverse{--x-timing:cubic-bezier(.8, 0, .5, 1);--y-timing:cubic-bezier(.75, 0, .5, .9);--scale-timing:cubic-bezier(.8, 0, .5, 1);animation-name:travel-x,travel-y,travel-scale-reverse}fly-to-cart.fly-to-cart--quick{--x-timing:ease-in-out;--y-timing:ease-in-out;--scale-timing:ease-in-out;animation-duration:.6s}fly-to-cart.fly-to-cart--sticky{--x-timing:ease-in-out;--y-timing:ease-in-out;--scale-timing:ease-in-out;--radius:var(--style-border-radius-buttons-primary);animation-duration:.8s}@media (max-width:749px){fly-to-cart.fly-to-cart--sticky{--x-timing:cubic-bezier(.98, -.1, .92, .5)}}@keyframes travel-scale{0%{opacity:var(--start-opacity,1)}5%{opacity:1}to{opacity:0;transform:translate(-50%, calc(-50% + var(--offset-y))) scale(.25);border-radius:50%}}@keyframes travel-scale-reverse{0%{opacity:0;transform:translate(-50%, calc(-50% + var(--offset-y))) scale(.25);border-radius:50%}10%{opacity:.3}30%{opacity:1}95%{opacity:1}to{border-radius:var(--style-border-radius-buttons-primary);opacity:0;transform:translate(-50%,-50%)scale(1)}}@keyframes travel-x{to{translate:var(--travel-x,0) 0}}@keyframes travel-y{to{translate:0 var(--travel-y,0)}}
.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);position:absolute}.add-to-cart-button:active{translate:0 1px;scale:.99}.add-to-cart-button .svg-wrapper .checkmark-burst{width:30px;height:30px}.add-to-cart-text{--atc-opacity:0;--atc-destination:-1em;gap:var(--gap-2xs);animation-duration:var(--animation-speed);animation-timing-function:var(--animation-easing);transition:width var(--animation-speed) var(--animation-easing), opacity var(--animation-speed) var(--animation-easing);justify-content:center;align-items:center;animation-fill-mode:forwards;display:flex}.add-to-cart__added{--atc-opacity:1;--atc-destination:0px;justify-content:center;align-items:center;gap:.3rem;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.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}[data-added=true] .icon-plus{opacity:0}.checkmark-burst{opacity:0;overflow:visible}.checkmark-burst .burst{rotate:20deg}.checkmark-burst .check{opacity:.2;filter:blur(2px);transform:translateZ(0)}.checkmark-burst :is(.ring,.line,.check,.burst,.tick){transform-box:fill-box;transform-origin:50%}.checkmark-burst .line{stroke-dasharray:1.5 1.5;stroke-dashoffset:-1.5px;translate:0 -180%}.checkmark-burst g{transform-origin:50%;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;filter:blur();scale:1}.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.5px}.add-to-cart-button[data-added=true] .add-to-cart-text{clip-path:circle(0%);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%)}@keyframes atc-slide{to{opacity:var(--atc-opacity,1);translate:0px var(--atc-destination,0px)}}