@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{--fill-height:0%;--fill-pos:0%;--fold-degree:0deg;--fold-swing:0deg}:host{--fill-height:0%;--fill-pos:0%;--fold-degree:0deg;--fold-swing:0deg}}}@layer utilities{.hover-dance{display:inline-block;position:relative}#animated-text:-webkit-any(:hover,:focus) .hover-dance .dance-content>span{-webkit-animation:.6s ease-in-out infinite dance;animation:.6s ease-in-out infinite dance;display:inline-block}#animated-text:-moz-any(:hover,:focus) .hover-dance .dance-content>span{-webkit-animation:.6s ease-in-out infinite dance;animation:.6s ease-in-out infinite dance;display:inline-block}#animated-text:is(:hover,:focus) .hover-dance .dance-content>span{-webkit-animation:.6s ease-in-out infinite dance;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;-moz-user-select:none;-ms-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:-webkit-any(:hover,:focus) .hover-dance .dance-content>span.music-note{-webkit-animation:note-float var(--note-duration,1.5s) infinite ease-out;animation:note-float var(--note-duration,1.5s) infinite ease-out}#animated-text:-moz-any(:hover,:focus) .hover-dance .dance-content>span.music-note{-webkit-animation:note-float var(--note-duration,1.5s) infinite ease-out;animation:note-float var(--note-duration,1.5s) infinite ease-out}#animated-text:is(:hover,:focus) .hover-dance .dance-content>span.music-note{-webkit-animation:note-float var(--note-duration,1.5s) infinite ease-out;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:transparent;--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:-webkit-linear-gradient(340deg,transparent 40%,rgba(255,255,255,.2) 45%,rgba(255,255,255,.333) 50%,rgba(255,255,255,.2) 55%,transparent 60%),-webkit-radial-gradient(circle at 20% 100%,rgba(255,255,255,.267) 2px,transparent 0),-webkit-radial-gradient(circle at 50% 100%,rgba(255,255,255,.2) 4px,transparent 0),-webkit-radial-gradient(circle at 80% 100%,rgba(255,255,255,.267) 2px,transparent 0);background-image:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.2) 45%,rgba(255,255,255,.333) 50%,rgba(255,255,255,.2) 55%,transparent 60%),radial-gradient(circle at 20% 100%,rgba(255,255,255,.267) 2px,transparent 0),radial-gradient(circle at 50% 100%,rgba(255,255,255,.2) 4px,transparent 0),radial-gradient(circle at 80% 100%,rgba(255,255,255,.267) 2px,transparent 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;-webkit-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);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);-webkit-animation:3s ease-in-out infinite text-flow;animation:3s ease-in-out infinite text-flow;position:absolute;top:0;bottom:0;left:0;right:0}#animated-text:-webkit-any(:hover,:focus) .hover-fill .fill-content:after{--fill-height:100%}#animated-text:-moz-any(:hover,:focus) .hover-fill .fill-content:after{--fill-height:100%}#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));-webkit-transition:--fold-degree 2s,--fold-swing 1s;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;top:0;bottom:0;left:0;right: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;-webkit-transform:none;transform:none}.hover-fold:after{content:attr(data-text);pointer-events:none;z-index:2;color:rgba(0,0,0,.4);-webkit-filter:blur(1px);filter:blur(1px);clip-path:inset(-100px 0 calc(100% - var(--fold-height)) 0);-webkit-transform:rotateX(calc(var(--fold-angle) - 30deg)) scaleY(calc(abs(sin(2 * (var(--fold-angle) - 30deg)))));transform:rotateX(calc(var(--fold-angle) - 30deg)) scaleY(calc(abs(sin(2 * (var(--fold-angle) - 30deg)))));opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s;position:absolute;top:0;bottom:0;left:0;right:0}.hover-fold .fold-content:before{clip-path:inset(-100px 0 calc(100% - var(--fold-height)) 0);z-index:3;-webkit-transform:rotateX(var(--fold-angle));transform:rotateX(var(--fold-angle))}#animated-text:-webkit-any(:hover,:focus) .hover-fold{--fold-degree:-120deg;-webkit-animation:2s ease-in-out 2s infinite alternate fold-sway;animation:2s ease-in-out 2s infinite alternate fold-sway}#animated-text:-moz-any(:hover,:focus) .hover-fold{--fold-degree:-120deg;-webkit-animation:2s ease-in-out 2s infinite alternate fold-sway;animation:2s ease-in-out 2s infinite alternate fold-sway}#animated-text:is(:hover,:focus) .hover-fold{--fold-degree:-120deg;-webkit-animation:2s ease-in-out 2s infinite alternate fold-sway;animation:2s ease-in-out 2s infinite alternate fold-sway}#animated-text:-webkit-any(:hover,:focus) .hover-fold:after{opacity:1}#animated-text:-moz-any(:hover,:focus) .hover-fold:after{opacity:1}#animated-text:is(:hover,:focus) .hover-fold:after{opacity:1}#animated-text:-webkit-any(:hover,:focus) .hover-fold .fold-content:before{-webkit-filter:brightness(calc(1 - .4 * pow((var(--fold-angle) / (90deg + .0001deg / (min(-1 * var(--fold-angle) / 1deg, 90) - 90))), 2)));filter:brightness(calc(1 - .4 * pow((var(--fold-angle) / (90deg + .0001deg / (min(-1 * var(--fold-angle) / 1deg, 90) - 90))), 2)))}#animated-text:-moz-any(:hover,:focus) .hover-fold .fold-content:before{-webkit-filter:brightness(calc(1 - .4 * pow((var(--fold-angle) / (90deg + .0001deg / (min(-1 * var(--fold-angle) / 1deg, 90) - 90))), 2)));filter:brightness(calc(1 - .4 * pow((var(--fold-angle) / (90deg + .0001deg / (min(-1 * var(--fold-angle) / 1deg, 90) - 90))), 2)))}#animated-text:is(:hover,:focus) .hover-fold .fold-content:before{-webkit-filter:brightness(calc(1 - .4 * pow((var(--fold-angle) / (90deg + .0001deg / (min(-1 * var(--fold-angle) / 1deg, 90) - 90))), 2)));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:-webkit-any(:hover,:focus) .hover-glitch .glitch-content:before{content:attr(data-text);opacity:.8;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}#animated-text:-moz-any(:hover,:focus) .hover-glitch .glitch-content:before{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{content:attr(data-text);opacity:.8;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}#animated-text:-webkit-any(: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:-moz-any(: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:after{content:attr(data-text);opacity:.8;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}#animated-text:-webkit-any(:hover,:focus) .hover-glitch .glitch-content:before{text-shadow:-2px 0 #ff00c1;-webkit-animation:2s linear infinite alternate-reverse glitch-anim;animation:2s linear infinite alternate-reverse glitch-anim;left:2px}#animated-text:-moz-any(:hover,:focus) .hover-glitch .glitch-content:before{text-shadow:-2px 0 #ff00c1;-webkit-animation:2s linear infinite alternate-reverse glitch-anim;animation:2s linear infinite alternate-reverse glitch-anim;left:2px}#animated-text:is(:hover,:focus) .hover-glitch .glitch-content:before{text-shadow:-2px 0 #ff00c1;-webkit-animation:2s linear infinite alternate-reverse glitch-anim;animation:2s linear infinite alternate-reverse glitch-anim;left:2px}#animated-text:-webkit-any(:hover,:focus) .hover-glitch .glitch-content:after{text-shadow:2px 0 #00fff9;-webkit-animation:3s linear infinite alternate-reverse glitch-anim;animation:3s linear infinite alternate-reverse glitch-anim;left:-2px}#animated-text:-moz-any(:hover,:focus) .hover-glitch .glitch-content:after{text-shadow:2px 0 #00fff9;-webkit-animation:3s linear infinite alternate-reverse glitch-anim;animation:3s linear infinite alternate-reverse glitch-anim;left:-2px}#animated-text:is(:hover,:focus) .hover-glitch .glitch-content:after{text-shadow:2px 0 #00fff9;-webkit-animation:3s linear infinite alternate-reverse glitch-anim;animation:3s linear infinite alternate-reverse glitch-anim;left:-2px}.animate-slide-down-out{-webkit-animation:slide-down-out var(--rotation-duration) ease-in forwards;animation:slide-down-out var(--rotation-duration) ease-in forwards}.animate-slide-from-top-in{-webkit-animation:slide-from-top-in var(--rotation-duration) ease-out forwards;animation:slide-from-top-in var(--rotation-duration) ease-out forwards}.hover-vibrate{display:inline-block;position:relative}#animated-text:-webkit-any(:hover,:focus) .hover-vibrate .vibrate-content{-webkit-animation:.1s infinite vibrate;animation:.1s infinite vibrate;display:inline-block}#animated-text:-moz-any(:hover,:focus) .hover-vibrate .vibrate-content{-webkit-animation:.1s infinite vibrate;animation:.1s infinite vibrate;display:inline-block}#animated-text:is(:hover,:focus) .hover-vibrate .vibrate-content{-webkit-animation:.1s infinite vibrate;animation:.1s infinite vibrate;display:inline-block}#animated-text:-webkit-any(:hover,:focus) .hover-vibrate .vibrate-content:after{content:"";opacity:0;background:currentColor;border-radius:50%;width:6px;height:6px;-webkit-animation:.4s infinite exhaust;animation:.4s infinite exhaust;position:absolute;top:50%;right:-.75rem;-webkit-box-shadow:-.5rem .3rem,-1rem -.2rem;box-shadow:-.5rem .3rem,-1rem -.2rem}#animated-text:-moz-any(:hover,:focus) .hover-vibrate .vibrate-content:after{content:"";opacity:0;background:currentColor;border-radius:50%;width:6px;height:6px;-webkit-animation:.4s infinite exhaust;animation:.4s infinite exhaust;position:absolute;top:50%;right:-.75rem;-webkit-box-shadow:-.5rem .3rem,-1rem -.2rem;box-shadow:-.5rem .3rem,-1rem -.2rem}#animated-text:is(:hover,:focus) .hover-vibrate .vibrate-content:after{content:"";opacity:0;background:currentColor;border-radius:50%;width:6px;height:6px;-webkit-animation:.4s infinite exhaust;animation:.4s infinite exhaust;position:absolute;top:50%;right:-.75rem;-webkit-box-shadow:-.5rem .3rem,-1rem -.2rem;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}@-webkit-keyframes fold-sway{0%{--fold-swing:0deg}to{--fold-swing:75deg}}@keyframes fold-sway{0%{--fold-swing:0deg}to{--fold-swing:75deg}}@-webkit-keyframes dance{0%,to{-webkit-transform:scaleY(1)translateY(0);transform:scaleY(1)translateY(0)}20%{-webkit-transform:scaleY(1.1)translateY(-2px);transform:scaleY(1.1)translateY(-2px)}40%{-webkit-transform:scaleY(.9)translateY(1px);transform:scaleY(.9)translateY(1px)}60%{-webkit-transform:scaleY(1.05)translateY(-1px);transform:scaleY(1.05)translateY(-1px)}80%{-webkit-transform:scaleY(.95)translateY(.5px);transform:scaleY(.95)translateY(.5px)}}@keyframes dance{0%,to{-webkit-transform:scaleY(1)translateY(0);transform:scaleY(1)translateY(0)}20%{-webkit-transform:scaleY(1.1)translateY(-2px);transform:scaleY(1.1)translateY(-2px)}40%{-webkit-transform:scaleY(.9)translateY(1px);transform:scaleY(.9)translateY(1px)}60%{-webkit-transform:scaleY(1.05)translateY(-1px);transform:scaleY(1.05)translateY(-1px)}80%{-webkit-transform:scaleY(.95)translateY(.5px);transform:scaleY(.95)translateY(.5px)}}@-webkit-keyframes note-float{0%{opacity:0;-webkit-transform:translate(0)scale(.5)rotate(0);transform:translate(0)scale(.5)rotate(0)}20%{opacity:1}to{-webkit-transform:translate(var(--note-x), var(--note-y)) scale(1.2) rotate(var(--note-r));transform:translate(var(--note-x), var(--note-y)) scale(1.2) rotate(var(--note-r));opacity:0}}@keyframes note-float{0%{opacity:0;-webkit-transform:translate(0)scale(.5)rotate(0);transform:translate(0)scale(.5)rotate(0)}20%{opacity:1}to{-webkit-transform:translate(var(--note-x), var(--note-y)) scale(1.2) rotate(var(--note-r));transform:translate(var(--note-x), var(--note-y)) scale(1.2) rotate(var(--note-r));opacity:0}}@-webkit-keyframes text-flow{0%{--fill-pos:0%}to{--fill-pos:100%}}@keyframes text-flow{0%{--fill-pos:0%}to{--fill-pos:100%}}@-webkit-keyframes glitch-anim{0%{-webkit-clip-path:inset(40% 0 61%);clip-path:inset(40% 0 61%);-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}20%{-webkit-clip-path:inset(92% 0 1%);clip-path:inset(92% 0 1%);-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}40%{-webkit-clip-path:inset(43% 0 1%);clip-path:inset(43% 0 1%);-webkit-transform:translate(-1px,2px);transform:translate(-1px,2px)}60%{-webkit-clip-path:inset(25% 0 58%);clip-path:inset(25% 0 58%);-webkit-transform:translate(2px,-1px);transform:translate(2px,-1px)}80%{-webkit-clip-path:inset(54% 0 7%);clip-path:inset(54% 0 7%);-webkit-transform:translate(-2px,1px);transform:translate(-2px,1px)}to{-webkit-clip-path:inset(58% 0 43%);clip-path:inset(58% 0 43%);-webkit-transform:translate(1px,-2px);transform:translate(1px,-2px)}}@keyframes glitch-anim{0%{-webkit-clip-path:inset(40% 0 61%);clip-path:inset(40% 0 61%);-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}20%{-webkit-clip-path:inset(92% 0 1%);clip-path:inset(92% 0 1%);-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}40%{-webkit-clip-path:inset(43% 0 1%);clip-path:inset(43% 0 1%);-webkit-transform:translate(-1px,2px);transform:translate(-1px,2px)}60%{-webkit-clip-path:inset(25% 0 58%);clip-path:inset(25% 0 58%);-webkit-transform:translate(2px,-1px);transform:translate(2px,-1px)}80%{-webkit-clip-path:inset(54% 0 7%);clip-path:inset(54% 0 7%);-webkit-transform:translate(-2px,1px);transform:translate(-2px,1px)}to{-webkit-clip-path:inset(58% 0 43%);clip-path:inset(58% 0 43%);-webkit-transform:translate(1px,-2px);transform:translate(1px,-2px)}}@-webkit-keyframes slide-down-out{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slide-down-out{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes slide-from-top-in{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-from-top-in{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes vibrate{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}50%{-webkit-transform:translate(-1px,1px);transform:translate(-1px,1px)}75%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes vibrate{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}50%{-webkit-transform:translate(-1px,1px);transform:translate(-1px,1px)}75%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes exhaust{0%{opacity:.6;-webkit-transform:translate(0)scale(1);transform:translate(0)scale(1)}to{opacity:0;-webkit-transform:translate(2rem,-.8rem)scale(4);transform:translate(2rem,-.8rem)scale(4)}}@keyframes exhaust{0%{opacity:.6;-webkit-transform:translate(0)scale(1);transform:translate(0)scale(1)}to{opacity:0;-webkit-transform:translate(2rem,-.8rem)scale(4);transform:translate(2rem,-.8rem)scale(4)}}
