@keyframes riseUp{0%{opacity:0;transform:translateY(200%)}to{opacity:1;transform:translateY(0)}}.rise-up{opacity:0;transition:transform .6s,opacity .6s;transform:translateY(200%)}.rise-up-visible{opacity:1;animation:.6s ease-out forwards riseUp;transform:translateY(0)}@keyframes popUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.pop-up{opacity:0;transition:transform .6s ease-out,opacity .5s ease-out;transform:scale(.8)}.pop-up-visible{opacity:1;animation:.6s ease-out forwards popUp;transform:scale(1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{opacity:0;transition:opacity .5s ease-out}.fade-in-visible{opacity:1;animation:.5s ease-out forwards fadeIn}@keyframes bounceIn{0%{opacity:0;transform:translateY(-200px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}.bounce-in{opacity:0;transition:transform .6s ease-out,opacity .6s ease-out}.bounce-in-visible{opacity:1;animation:.8s ease-out forwards bounceIn}.ball-spin{animation:4s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce-slow{animation:3s ease-in-out infinite bounce-slow}@keyframes marquee-left{0%{left:0}to{left:-100%}}.marquee--inner{will-change:transform;width:200%;animation:15s linear infinite marquee-left;position:relative;overflow:hidden}.marquee--inner:hover{animation-play-state:paused}@keyframes marquee-right{0%{left:-100%}to{left:0}}.marquee--innerr{will-change:transform;width:200%;animation:15s linear infinite marquee-right;position:relative;overflow:hidden}.marquee--innerr:hover{animation-play-state:paused}@keyframes flex-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{will-change:transform;width:max-content;animation:flex-marquee var(--animation-duration,20s)linear infinite;flex-direction:row;display:flex}.animate-marquee:hover,.hover\:pause-marquee:hover{animation-play-state:paused}@keyframes flex-marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.animate-marquee-reverse{will-change:transform;width:max-content;animation:flex-marquee-reverse var(--animation-duration,20s)linear infinite;flex-direction:row;display:flex}.animate-marquee-reverse:hover,.animate-marquee-reverse.hover\:pause-marquee:hover{animation-play-state:paused}.typewriter-line{margin-bottom:.1em;position:relative}.typewriter{white-space:nowrap;width:100%;display:inline-block;overflow:hidden}.groupp:hover .typewriter-active,.groupp.active .typewriter-active{width:0;animation:.8s steps(20,end) forwards typing;animation-delay:var(--delay)}@keyframes typing{0%{width:0}to{width:100%}}.groupp:not(:hover):not(.active) .typewriter{width:100%;animation:none}.player-page{min-height:100vh;position:relative;overflow:hidden}@media (max-width:640px){.typewriter-line{margin-bottom:.25em}}@media (min-width:641px) and (max-width:1024px){.typewriter-line{margin-bottom:.4em}}