@layer components{.text-rotate{--_n:1;--_dur:var(--text-rotate-duration,10s);vertical-align:bottom;height:1lh;display:inline-grid;overflow:hidden;&>span{animation:var(--_name,none) var(--_dur) cubic-bezier(.65, 0, .35, 1) infinite;flex-direction:column;display:flex}&>span>*{white-space:nowrap;height:1lh;display:block}&[data-align=center]>span>*{text-align:center}&[data-align=end]>span>*{text-align:end}&:hover>span,&:focus-within>span{animation-play-state:paused}&[data-pause=none]:hover>span,&[data-pause=none]:focus-within>span{animation-play-state:running}&[data-direction=down]>span{animation-name:var(--_down,none);flex-direction:column-reverse}&[data-effect=fade]>span{animation:none;display:grid}&[data-effect=fade]>span>*{opacity:0;animation:var(--_fade,none) var(--_dur) ease infinite both;grid-area:1/1}&[data-effect=fade]:hover>span>*,&[data-effect=fade]:focus-within>span>*{animation-play-state:paused}&[data-effect=fade][data-pause=none]:hover>span>*{animation-play-state:running}}.text-rotate:has(>span>:nth-child(2):last-child){--_n:2;--_name:text-rotate-2;--_down:text-rotate-2-down;--_fade:text-rotate-fade-2}.text-rotate:has(>span>:nth-child(3):last-child){--_n:3;--_name:text-rotate-3;--_down:text-rotate-3-down;--_fade:text-rotate-fade-3}.text-rotate:has(>span>:nth-child(4):last-child){--_n:4;--_name:text-rotate-4;--_down:text-rotate-4-down;--_fade:text-rotate-fade-4}.text-rotate:has(>span>:nth-child(5):last-child){--_n:5;--_name:text-rotate-5;--_down:text-rotate-5-down;--_fade:text-rotate-fade-5}.text-rotate:has(>span>:nth-child(6):last-child){--_n:6;--_name:text-rotate-6;--_down:text-rotate-6-down;--_fade:text-rotate-fade-6}.text-rotate[data-effect=fade]>span>:nth-child(2){animation-delay:calc(var(--_dur) * 1 / var(--_n))}.text-rotate[data-effect=fade]>span>:nth-child(3){animation-delay:calc(var(--_dur) * 2 / var(--_n))}.text-rotate[data-effect=fade]>span>:nth-child(4){animation-delay:calc(var(--_dur) * 3 / var(--_n))}.text-rotate[data-effect=fade]>span>:nth-child(5){animation-delay:calc(var(--_dur) * 4 / var(--_n))}.text-rotate[data-effect=fade]>span>:nth-child(6){animation-delay:calc(var(--_dur) * 5 / var(--_n))}@keyframes text-rotate-2{0%,46%{translate:0}50%,96%{translate:0 -50%}to{translate:0}}@keyframes text-rotate-2-down{0%,46%{translate:0 -50%}50%,96%{translate:0}to{translate:0 -50%}}@keyframes text-rotate-fade-2{0%{opacity:0;translate:0 .25lh}4%,46%{opacity:1;translate:0}50%,to{opacity:0;translate:0 -.25lh}}@keyframes text-rotate-3{0%,30.667%{translate:0}33.333%,64%{translate:0 -33.3333%}66.667%,97.333%{translate:0 -66.6667%}to{translate:0}}@keyframes text-rotate-3-down{0%,30.667%{translate:0 -66.6667%}33.333%,64%{translate:0 -33.3333%}66.667%,97.333%{translate:0}to{translate:0 -66.6667%}}@keyframes text-rotate-fade-3{0%{opacity:0;translate:0 .25lh}2.667%,30.667%{opacity:1;translate:0}33.333%,to{opacity:0;translate:0 -.25lh}}@keyframes text-rotate-4{0%,23%{translate:0}25%,48%{translate:0 -25%}50%,73%{translate:0 -50%}75%,98%{translate:0 -75%}to{translate:0}}@keyframes text-rotate-4-down{0%,23%{translate:0 -75%}25%,48%{translate:0 -50%}50%,73%{translate:0 -25%}75%,98%{translate:0}to{translate:0 -75%}}@keyframes text-rotate-fade-4{0%{opacity:0;translate:0 .25lh}2%,23%{opacity:1;translate:0}25%,to{opacity:0;translate:0 -.25lh}}@keyframes text-rotate-5{0%,18.4%{translate:0}20%,38.4%{translate:0 -20%}40%,58.4%{translate:0 -40%}60%,78.4%{translate:0 -60%}80%,98.4%{translate:0 -80%}to{translate:0}}@keyframes text-rotate-5-down{0%,18.4%{translate:0 -80%}20%,38.4%{translate:0 -60%}40%,58.4%{translate:0 -40%}60%,78.4%{translate:0 -20%}80%,98.4%{translate:0}to{translate:0 -80%}}@keyframes text-rotate-fade-5{0%{opacity:0;translate:0 .25lh}1.6%,18.4%{opacity:1;translate:0}20%,to{opacity:0;translate:0 -.25lh}}@keyframes text-rotate-6{0%,15.333%{translate:0}16.667%,32%{translate:0 -16.6667%}33.333%,48.667%{translate:0 -33.3333%}50%,65.333%{translate:0 -50%}66.667%,82%{translate:0 -66.6667%}83.333%,98.667%{translate:0 -83.3333%}to{translate:0}}@keyframes text-rotate-6-down{0%,15.333%{translate:0 -83.3333%}16.667%,32%{translate:0 -66.6667%}33.333%,48.667%{translate:0 -50%}50%,65.333%{translate:0 -33.3333%}66.667%,82%{translate:0 -16.6667%}83.333%,98.667%{translate:0}to{translate:0 -83.3333%}}@keyframes text-rotate-fade-6{0%{opacity:0;translate:0 .25lh}1.333%,15.333%{opacity:1;translate:0}16.667%,to{opacity:0;translate:0 -.25lh}}@media (prefers-reduced-motion:reduce){.text-rotate>span,.text-rotate[data-effect=fade]>span>*{animation:none}.text-rotate[data-effect=fade]>span>:first-child{opacity:1}}}