fly-to-cart{--offset-y: 10px;position:fixed;width:var(--width, 40px);height:var(--height, 40px);left:0;top:0;z-index:2147483647;pointer-events:none;border-radius:var(--buttons-radius, 0px);overflow:hidden;object-fit:cover;background-size:cover;background-position:center;opacity:0;background-color:rgb(var(--color-foreground, 18, 18, 18));translate:var(--start-x, 0) var(--start-y, 0);transform:translate(-50%,-50%);animation-name:travel-x,travel-y,travel-scale;animation-timing-function:var(--x-timing),var(--y-timing),var(--scale-timing);animation-duration:.6s;animation-composition:accumulate;animation-fill-mode:both}fly-to-cart.fly-to-cart--main{--x-timing: cubic-bezier(.7, -5, .98, .5);--y-timing: cubic-bezier(.15, .57, .9, 1.05);--scale-timing: cubic-bezier(.85, .05, .96, 1)}fly-to-cart.fly-to-cart--quick{--x-timing: cubic-bezier(0, -.1, 1, .32);--y-timing: cubic-bezier(0, .92, .92, 1.04);--scale-timing: cubic-bezier(.86, .08, .98, .98);animation-duration:.6s}fly-to-cart.fly-to-cart--sticky{--x-timing: cubic-bezier(.98, -.8, .92, .5);--y-timing: cubic-bezier(.14, .56, .92, 1.04);--scale-timing: cubic-bezier(.86, .08, .98, .98);animation-duration:.8s}@media screen and (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{border-radius:50%;opacity:1;transform:translate(-50%,calc(-50% + var(--offset-y))) scale(.25)}}@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;--atc-ease-out-cubic: cubic-bezier(.33, 1, .68, 1);--atc-ease-out-quad: cubic-bezier(.5, 1, .89, 1);--atc-speed: .2s;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;transition-property:color,box-shadow,background-color,scale,translate;transition-duration:var(--atc-speed);transition-timing-function:var(--atc-ease-out-cubic)}.add-to-cart-button:active{scale:.99;translate:0 1px}.add-to-cart-text{--atc-opacity: 0;--atc-destination: -1em;display:inline-flex;gap:.4rem;align-items:center;justify-content:center;animation-duration:var(--atc-speed);animation-timing-function:var(--atc-ease-out-cubic);animation-fill-mode:forwards;clip-path:circle(100% at 50% 50%)}.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;pointer-events:none}.add-to-cart__added-icon{display:block;width:32px;height:32px}.add-to-cart__added-icon svg{width:100%;height:100%}[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 .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]{color:transparent}.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__added{color:rgb(var(--color-button-text, 255, 255, 255))}.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}.add-to-cart-button[data-added=true] .loading__spinner{opacity:0}@media(prefers-reduced-motion:no-preference){.add-to-cart-button[data-added=true] .check{transition-property:opacity,scale,filter;transition-duration:calc(var(--check-speed) * 1s);transition-delay:calc(var(--base-delay) * 1s);transition-timing-function:var(--atc-ease-out-quad)}.add-to-cart-button[data-added=true] .tick{transition-property:scale;transition-duration: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(var(--ring-speed) * 1s);transition-delay:calc((var(--base-delay) + (var(--check-speed) * var(--step-delay))) * 1s);transition-timing-function:var(--atc-ease-out-quad)}.add-to-cart-button[data-added=true] .line{transition-property:stroke-dashoffset;transition-duration:calc(var(--burst-speed) * 1s);transition-delay:calc((var(--base-delay) + (var(--check-speed) * var(--step-delay))) * 1s);transition-timing-function:var(--atc-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}}@media(prefers-reduced-motion:reduce){fly-to-cart{display:none}}@keyframes atc-slide{to{opacity:var(--atc-opacity, 1);translate:0px var(--atc-destination, 0px)}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/fly-to-cart.css.map */