.animated-link{display:inline-block;position:relative;text-decoration:none;padding:0;color:var(--link-text-color, currentColor);--cs: calc( (var(--link-total) * var(--link-speed-factor) * var(--link-debug-mult)) / var(--n) );--link-line-thickness: round(up, .1em, 1px);--link-line-color: var(--link-text-color, currentColor)}.animated-link.tagline,.tagline .animated-link{--link-line-thickness: 1.5px}.animated-link__char{position:relative;display:inline-block}.animated-link__char:before,.animated-link__char:after{content:"";position:absolute;left:0;width:0;pointer-events:none;z-index:1}.animated-link__char:before{top:0;bottom:0;background:var(--surface, var(--color-bg))}.animated-link__char:after{top:calc(50% - var(--link-line-thickness) / 2);height:var(--link-line-thickness);background:var(--link-line-color, currentColor);z-index:2}@keyframes link-cover{0%{width:0}to{width:100%}}@keyframes link-reveal{0%{width:100%}to{width:0}}@keyframes char-hide{to{color:transparent;-webkit-text-fill-color:transparent}}@keyframes char-show{to{color:var(--link-text-color, inherit);-webkit-text-fill-color:var(--link-text-color, inherit)}}@media(prefers-reduced-motion:reduce){.animated-link__char:before,.animated-link__char:after{animation:none!important}}@media(hover:hover)and (pointer:fine){.animated-link:hover .animated-link__char:before{animation-name:link-cover,link-reveal;animation-duration:var(--cs),var(--cs);animation-timing-function:steps(1,start),steps(1,start);animation-delay:calc(var(--i, 0) * var(--cs)),calc((var(--n, 1)) * var(--cs) + var(--link-gap, 0ms) + (var(--i, 0) * var(--cs)));animation-fill-mode:forwards}.animated-link:hover .animated-link__char:after{animation-name:link-cover,link-reveal;animation-duration:var(--cs),var(--cs);animation-timing-function:steps(1,start),steps(1,start);animation-delay:calc(var(--i, 0) * var(--cs)),calc((var(--n, 1)) * var(--cs) + var(--link-gap, 0ms) + (var(--i, 0) * var(--cs)));animation-fill-mode:forwards}.animated-link:hover .animated-link__char{animation-name:char-hide,char-show;animation-duration:.1ms,.1ms;animation-delay:calc(var(--i, 0) * var(--cs)),calc((var(--n, 1)) * var(--cs) + var(--link-gap, 0ms) + (var(--i, 0) * var(--cs)));animation-fill-mode:forwards}}.animated-link:focus-visible .animated-link__char:before,.animated-link.anim .animated-link__char:before,.animated-link.animating .animated-link__char:before{animation-name:link-cover,link-reveal;animation-duration:var(--cs),var(--cs);animation-timing-function:steps(1,start),steps(1,start);animation-delay:calc(var(--i, 0) * var(--cs)),calc((var(--n, 1)) * var(--cs) + var(--link-gap, 0ms) + (var(--i, 0) * var(--cs)));animation-fill-mode:forwards}.animated-link:focus-visible .animated-link__char:after,.animated-link.anim .animated-link__char:after,.animated-link.animating .animated-link__char:after{animation-name:link-cover,link-reveal;animation-duration:var(--cs),var(--cs);animation-timing-function:steps(1,start),steps(1,start);animation-delay:calc(var(--i, 0) * var(--cs)),calc((var(--n, 1)) * var(--cs) + var(--link-gap, 0ms) + (var(--i, 0) * var(--cs)));animation-fill-mode:forwards}.animated-link:focus-visible .animated-link__char,.animated-link.anim .animated-link__char,.animated-link.animating .animated-link__char{animation-name:char-hide,char-show;animation-duration:.1ms,.1ms;animation-delay:calc(var(--i, 0) * var(--cs)),calc((var(--n, 1)) * var(--cs) + var(--link-gap, 0ms) + (var(--i, 0) * var(--cs)));animation-fill-mode:forwards}
/*# sourceMappingURL=/cdn/shop/t/3/assets/animated-link.css.map */