.scroll-trigger--offscreen{opacity:0;pointer-events:none}.tf-animate-base{transition-property:opacity,transform;transition-duration:var(--tf-duration-slow, .5s);transition-timing-function:var(--tf-ease-out, ease-out);transition-delay:calc(var(--animation-order, 0) * .1s);will-change:opacity,transform}.tf-animate-fade-up.scroll-trigger--offscreen{transform:translateY(40px)}.tf-animate-fade-up:not(.scroll-trigger--offscreen){opacity:1;transform:translateY(0);transition:opacity var(--tf-duration-slow) var(--tf-ease-out),transform var(--tf-duration-slow) var(--tf-ease-out);transition-delay:calc(var(--animation-order, 0) * .1s)}.tf-animate-fade-down.scroll-trigger--offscreen{transform:translateY(-40px)}.tf-animate-fade-down:not(.scroll-trigger--offscreen){opacity:1;transform:translateY(0);transition:opacity var(--tf-duration-slow) var(--tf-ease-out),transform var(--tf-duration-slow) var(--tf-ease-out);transition-delay:calc(var(--animation-order, 0) * .1s)}.tf-animate-fade-left.scroll-trigger--offscreen{transform:translate(40px)}.tf-animate-fade-left:not(.scroll-trigger--offscreen){opacity:1;transform:translate(0);transition:opacity var(--tf-duration-slow) var(--tf-ease-out),transform var(--tf-duration-slow) var(--tf-ease-out);transition-delay:calc(var(--animation-order, 0) * .1s)}.tf-animate-fade-right.scroll-trigger--offscreen{transform:translate(-40px)}.tf-animate-fade-right:not(.scroll-trigger--offscreen){opacity:1;transform:translate(0);transition:opacity var(--tf-duration-slow) var(--tf-ease-out),transform var(--tf-duration-slow) var(--tf-ease-out);transition-delay:calc(var(--animation-order, 0) * .1s)}.tf-animate-fade:not(.scroll-trigger--offscreen){opacity:1;transition:opacity var(--tf-duration-slow) var(--tf-ease-out);transition-delay:calc(var(--animation-order, 0) * .1s)}.tf-animate-zoom-in.scroll-trigger--offscreen{transform:scale(.95)}.tf-animate-zoom-in:not(.scroll-trigger--offscreen){opacity:1;transform:scale(1);transition:opacity var(--tf-duration-slow) var(--tf-ease-out),transform var(--tf-duration-slow) var(--tf-ease-out);transition-delay:calc(var(--animation-order, 0) * .1s)}.tf-animate-zoom-out.scroll-trigger--offscreen{transform:scale(1.05)}.tf-animate-zoom-out:not(.scroll-trigger--offscreen){opacity:1;transform:scale(1);transition:opacity var(--tf-duration-slow) var(--tf-ease-out),transform var(--tf-duration-slow) var(--tf-ease-out);transition-delay:calc(var(--animation-order, 0) * .1s)}.tf-hover-lift{transition:transform var(--tf-duration-fast) var(--tf-ease-out),box-shadow var(--tf-duration-fast) var(--tf-ease-out)}.tf-hover-lift:hover{transform:translateY(-4px);box-shadow:var(--tf-shadow-hover)}.tf-hover-img-zoom{overflow:hidden}.tf-hover-img-zoom img{transition:transform var(--tf-duration-slow) var(--tf-ease-out);will-change:transform}.tf-hover-img-zoom:hover img{transform:scale(1.05)}.tf-hover-opacity{transition:opacity var(--tf-duration-fast) var(--tf-ease-out)}.tf-hover-opacity:hover{opacity:var(--tf-opacity-60)}.tf-hover-underline{position:relative;text-decoration:none}.tf-hover-underline:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:1px;bottom:0;left:0;background-color:currentColor;transform-origin:bottom right;transition:transform var(--tf-duration-normal) var(--tf-ease-out)}.tf-hover-underline:hover:after{transform:scaleX(1);transform-origin:bottom left}.tf-hover-icon-slide svg{transition:transform var(--tf-duration-fast) var(--tf-ease-out)}.tf-hover-icon-slide:hover svg{transform:translate(4px)}.tf-overlay{opacity:0;visibility:hidden;transition:opacity var(--tf-duration-normal) var(--tf-ease-out),visibility var(--tf-duration-normal) var(--tf-ease-out);background-color:var(--tf-color-overlay-dark);z-index:var(--tf-layer-overlay)}.tf-overlay.is-active{opacity:1;visibility:visible}.tf-drawer-right{transform:translate(100%);transition:transform var(--tf-duration-normal) var(--tf-ease-in-out);z-index:var(--tf-layer-drawer)}.tf-drawer-right.is-active{transform:translate(0)}.tf-modal{opacity:0;transform:scale(.98);visibility:hidden;transition:opacity var(--tf-duration-normal) var(--tf-ease-out),transform var(--tf-duration-normal) var(--tf-ease-out),visibility var(--tf-duration-normal);z-index:var(--tf-layer-modal)}.tf-modal.is-active{opacity:1;transform:scale(1);visibility:visible}.tf-skeleton{background-color:var(--tf-color-border-light);border-radius:var(--tf-radius-sm);position:relative;overflow:hidden}.tf-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:tf-skeleton-shimmer 2s infinite}@keyframes tf-skeleton-shimmer{to{transform:translate(100%)}}.tf-spinner{border:2px solid var(--tf-color-border-light);border-top:2px solid var(--tf-color-brand-primary);border-radius:50%;width:var(--tf-icon-size-24);height:var(--tf-icon-size-24);animation:tf-spin 1s linear infinite}@keyframes tf-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.tf-animate-base,.tf-animate-fade-up,.tf-animate-fade-down,.tf-animate-fade-left,.tf-animate-fade-right,.tf-animate-fade,.tf-animate-zoom-in,.tf-animate-zoom-out,.tf-hover-lift,.tf-hover-img-zoom img,.tf-hover-opacity,.tf-hover-underline:after,.tf-hover-icon-slide svg,.tf-drawer-right,.tf-modal{transition:none!important;animation:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/therefore-animations.css.map */