.rise-up{@keyframes riseUp{0%{transform:translateY(200%);opacity:0}to{transform:translateY(0);opacity:1}}.rise-up{opacity:0;transform:translateY(200%);transition:transform .6s,opacity .6s}.rise-up-visible{opacity:1;transform:translateY(0);animation:riseUp .6s ease-out forwards}.pop-up{opacity:0;transform:scale(.8);transition:transform .6s ease-out,opacity .5s ease-out}.pop-up-visible{opacity:1;transform:scale(1);animation:popUp .6s ease-out forwards}.fade-in{opacity:0;transition:opacity 10.5s ease-out}.fade-in-visible{opacity:1;animation:fadeIn left 10.5s}.bounce-in{opacity:0;transform:translateY(-600px),translateY(600px),translateY(-100px),translateY(50px),translateY(-50px);transition:transform .6s ease-out,opacity .6s ease-out}.bounce-in-visible{opacity:1;animation:bounceIn .8s ease-out forwards}.marquee--inner{width:200%;position:relative;overflow:hidden;animation:marquee 30s linear infinite;&:hover{animation-play-state:paused}}.marquee--innerr{width:200%;position:relative;overflow:hidden;animation:marqueee 20s linear infinite;&:hover{animation-play-state:paused}}.player-page{position:relative;min-height:100vh;overflow:hidden}.basketball-court{background:#d2a679}.basketball-court:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 900' preserveAspectRatio='xMidYMid slice'%3E%3Cg opacity='0.2'%3E%3C!-- Half Court Lines --%3E%3Crect x='720' y='0' width='720' height='900' fill='none' stroke='%23ffffff' stroke-width='4'/%3E%3Cline x1='720' y1='0' x2='720' y2='900' stroke='%23ffffff' stroke-width='4'/%3E%3C!-- Free Throw Area --%3E%3Crect x='1080' y='300' width='360' height='300' fill='none' stroke='%23ffffff' stroke-width='4'/%3E%3Ccircle cx='1260' cy='450' r='90' fill='none' stroke='%23ffffff' stroke-width='4'/%3E%3C!-- Basketball Rim --%3E%3Crect x='1380' y='50' width='20' height='100' fill='none' stroke='%23ffffff' stroke-width='4'/%3E%3Ccircle cx='1390' cy='150' r='40' fill='none' stroke='%23ffffff' stroke-width='4'/%3E%3Cline x1='1390' y1='50' x2='1390' y2='110' stroke='%23ffffff' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E");background-size:cover;background-repeat:no-repeat;pointer-events:none;z-index:0}.typewriter-line{position:relative;margin-bottom:.1em}.typewriter{display:inline-block;overflow:hidden;white-space:nowrap;width:100%}.groupp.active .typewriter-active,.groupp:hover .typewriter-active{width:0;animation:typing .8s steps(20) forwards;animation-delay:var(--delay)}.groupp:not(:hover):not(.active) .typewriter{width:100%;animation:none}@media (max-width:640px){.typewriter-line{margin-bottom:.25em}}@media (min-width:641px) and (max-width:1024px){.typewriter-line{margin-bottom:.4em}}opacity:0;transform:translateY(200%);transition:transform .6s,opacity .6s}.rise-up-visible{opacity:1;transform:translateY(0);animation:riseUp .6s ease-out forwards}@keyframes popUp{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.pop-up{opacity:0;transform:scale(.8);transition:transform .6s ease-out,opacity .5s ease-out}.pop-up-visible{opacity:1;transform:scale(1);animation:popUp .6s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{opacity:0;transition:opacity 10.5s ease-out}.fade-in-visible{opacity:1;animation:fadeIn left 10.5s}@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;transform:translateY(-600px),translateY(600px),translateY(-100px),translateY(50px),translateY(-50px);transition:transform .6s ease-out,opacity .6s ease-out}.bounce-in-visible{opacity:1;animation:bounceIn .8s ease-out forwards}@keyframes marquee{0%{left:0}to{left:-100%}}.marquee--inner{width:200%;position:relative;will-change:transform;overflow:hidden;animation:marquee 15s linear infinite;&:hover{animation-play-state:paused}}@keyframes marqueee{0%{left:-100%}to{left:0}}.marquee--innerr{width:200%;position:relative;will-change:transform;overflow:hidden;animation:marqueee 15s linear infinite;&:hover{animation-play-state:paused}}.player-page{position:relative;min-height:100vh;overflow:hidden}.typewriter-line{position:relative;margin-bottom:.1em}.typewriter{display:inline-block;overflow:hidden;white-space:nowrap;width:100%}.groupp.active .typewriter-active,.groupp:hover .typewriter-active{width:0;animation:typing .8s steps(20) forwards;animation-delay:var(--delay)}@keyframes typing{0%{width:0}to{width:100%}}.groupp:not(:hover):not(.active) .typewriter{width:100%;animation:none}@media (max-width:640px){.typewriter-line{margin-bottom:.25em}}@media (min-width:641px) and (max-width:1024px){.typewriter-line{margin-bottom:.4em}}.ball-spin{animation:spin 4s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce-slow{animation:bounce-slow 3s ease-in-out infinite}