@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--fill-height:0%;--fill-pos:0%;--fold-degree:0deg;--fold-swing:0deg}}}@layer utilities{.hover-dance{display:inline-block;position:relative}#animated-text:is(:hover,:focus) .hover-dance .dance-content>span{animation:.6s ease-in-out infinite dance;display:inline-block}.dance-content>span.music-note{top:0;left:var(--note-start-x,50%);color:var(--local-accent,var(--primary));opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:12px;position:absolute}.dark .dance-content>span.music-note{color:var(--local-accent-dark,var(--primary))}#animated-text:is(:hover,:focus) .hover-dance .dance-content>span.music-note{animation:note-float var(--note-duration,1.5s) infinite ease-out}.hover-fill .fill-content:after{content:attr(data-text);background-color:var(--local-accent,var(--primary));color:#0000;--fill-height:35%;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 100 100' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'><path d='M0,60 C15,45 35,75 50,60 C65,45 85,75 100,60 V100 H0 Z' fill='white'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 100 100' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'><path d='M0,60 C15,45 35,75 50,60 C65,45 85,75 100,60 V100 H0 Z' fill='white'/></svg>");-webkit-mask-size:200% 200%;mask-size:200% 200%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:var(--fill-pos) var(--fill-height);-webkit-mask-position:var(--fill-pos) var(--fill-height);-webkit-mask-position:var(--fill-pos) var(--fill-height);mask-position:var(--fill-pos) var(--fill-height);z-index:1;background-image:linear-gradient(110deg,#0000 40%,#fff3 45%,#fff5 50%,#fff3 55%,#0000 60%),radial-gradient(circle at 20% 100%,#fff4 2px,#0000 0),radial-gradient(circle at 50% 100%,#fff3 4px,#0000 0),radial-gradient(circle at 80% 100%,#fff4 2px,#0000 0);background-repeat:repeat-x,repeat-y,repeat-y,repeat-y;background-size:200% 100%,100% 30px,100% 45px,100% 25px;-webkit-background-clip:text;background-clip:text;transition:-webkit-mask-position 3s cubic-bezier(.4,0,.2,1),mask-position 3s cubic-bezier(.4,0,.2,1),--fill-height 3s cubic-bezier(.4,0,.2,1);animation:3s ease-in-out infinite text-flow;position:absolute;inset:0}#animated-text:is(:hover,:focus) .hover-fill .fill-content:after{--fill-height:100%}.hover-fold{--fold-height:55%;--fold-swing:0deg;--fold-angle:calc(var(--fold-degree) + var(--fold-swing));transition:--fold-degree 2s,--fold-swing 1s;display:inline-block;position:relative}.hover-fold .fold-content{color:var(--primary);display:inline-block;position:relative}.hover-fold .fold-content:before,.hover-fold .fold-content:after{content:attr(data-text);pointer-events:none;color:var(--local-accent,var(--primary));position:absolute;inset:0}.dark .hover-fold .fold-content:before,.dark .hover-fold .fold-content:after{color:var(--local-accent-dark,var(--primary))}.hover-fold .fold-content:after{clip-path:inset(var(--fold-height) 0 -100px 0);z-index:1;transform:none}.hover-fold:after{content:attr(data-text);pointer-events:none;z-index:2;color:#0006;filter:blur(1px);clip-path:inset(-100px 0 calc(100% - var(--fold-height)) 0);transform:rotateX(calc(var(--fold-angle) - 30deg)) scaleY(calc(abs(sin(2 * (var(--fold-angle) - 30deg)))));opacity:0;transition:opacity 1s;position:absolute;inset:0}.hover-fold .fold-content:before{clip-path:inset(-100px 0 calc(100% - var(--fold-height)) 0);z-index:3;transform:rotateX(var(--fold-angle))}#animated-text:is(:hover,:focus) .hover-fold{--fold-degree:-120deg;animation:2s ease-in-out 2s infinite alternate fold-sway}#animated-text:is(:hover,:focus) .hover-fold:after{opacity:1}#animated-text:is(:hover,:focus) .hover-fold .fold-content:before{filter:brightness(calc(1 - .4 * pow((var(--fold-angle) / (90deg + .0001deg / (min(-1 * var(--fold-angle) / 1deg, 90) - 90))), 2)))}.hover-fold:after,.hover-fold .fold-content:before,.hover-fold .fold-content:after{transform-origin:center var(--fold-height)}.hover-glitch,.hover-glitch .glitch-content{display:inline-block;position:relative}#animated-text:is(:hover,:focus) .hover-glitch .glitch-content:before,#animated-text:is(:hover,:focus) .hover-glitch .glitch-content:after{content:attr(data-text);opacity:.8;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}#animated-text:is(:hover,:focus) .hover-glitch .glitch-content:before{text-shadow:-2px 0 #ff00c1;animation:2s linear infinite alternate-reverse glitch-anim;left:2px}#animated-text:is(:hover,:focus) .hover-glitch .glitch-content:after{text-shadow:2px 0 #00fff9;animation:3s linear infinite alternate-reverse glitch-anim;left:-2px}.animate-slide-down-out{animation:slide-down-out var(--rotation-duration) ease-in forwards}.animate-slide-from-top-in{animation:slide-from-top-in var(--rotation-duration) ease-out forwards}.hover-vibrate{display:inline-block;position:relative}#animated-text:is(:hover,:focus) .hover-vibrate .vibrate-content{animation:.1s infinite vibrate;display:inline-block}#animated-text:is(:hover,:focus) .hover-vibrate .vibrate-content:after{content:"";opacity:0;background:currentColor;border-radius:50%;width:6px;height:6px;animation:.4s infinite exhaust;position:absolute;top:50%;right:-.75rem;box-shadow:-.5rem .3rem,-1rem -.2rem}}@property --fill-height{syntax:"<percentage>";inherits:true;initial-value:0%}@property --fill-pos{syntax:"<percentage>";inherits:true;initial-value:0%}@property --fold-degree{syntax:"<angle>";inherits:true;initial-value:0deg}@property --fold-swing{syntax:"<angle>";inherits:true;initial-value:0deg}@keyframes fold-sway{0%{--fold-swing:0deg}to{--fold-swing:75deg}}@keyframes dance{0%,to{transform:scaleY(1)translateY(0)}20%{transform:scaleY(1.1)translateY(-2px)}40%{transform:scaleY(.9)translateY(1px)}60%{transform:scaleY(1.05)translateY(-1px)}80%{transform:scaleY(.95)translateY(.5px)}}@keyframes note-float{0%{opacity:0;transform:translate(0)scale(.5)rotate(0)}20%{opacity:1}to{transform:translate(var(--note-x), var(--note-y)) scale(1.2) rotate(var(--note-r));opacity:0}}@keyframes text-flow{0%{--fill-pos:0%}to{--fill-pos:100%}}@keyframes glitch-anim{0%{clip-path:inset(40% 0 61%);transform:translate(-2px,-2px)}20%{clip-path:inset(92% 0 1%);transform:translate(1px,1px)}40%{clip-path:inset(43% 0 1%);transform:translate(-1px,2px)}60%{clip-path:inset(25% 0 58%);transform:translate(2px,-1px)}80%{clip-path:inset(54% 0 7%);transform:translate(-2px,1px)}to{clip-path:inset(58% 0 43%);transform:translate(1px,-2px)}}@keyframes slide-down-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes slide-from-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes vibrate{0%{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,1px)}to{transform:translate(0)}}@keyframes exhaust{0%{opacity:.6;transform:translate(0)scale(1)}to{opacity:0;transform:translate(2rem,-.8rem)scale(4)}}