@font-face{font-display:block;font-family:Mori;font-style:normal;font-weight:400;src:url(https://gsap.com/fonts/Mori/PPMori-Regular.woff)format("woff")}@font-face{font-display:block;font-family:Mori;font-style:normal;font-weight:600;src:url(https://gsap.com/fonts/Mori/PPMori-SemiBold.woff)format("woff")}@font-face{font-display:block;font-family:Fraktion Mono;font-style:normal;font-weight:400;src:url(https://gsap.com/fonts/Fraktion/PPFraktionMono-Bold.woff)format("woff")}:root{--color-shockingly-green:#0ae448;--color-just-black:#0e100f;--color-surface-white:#fffce1;--color-pink:#fec5fb;--color-shockingly-pink:#f100cb;--color-orangey:#ff8709;--color-lilac:#9d95ff;--color-lt-green:#abff84;--color-blue:#00bae2;--color-grey:gray;--color-surface75:#bbbaa6;--color-surface50:#7c7c6f;--color-surface25:#42433d;--gradient-macha:linear-gradient(114.41deg,var(--color-shockingly-green)20.74%,var(--color-lt-green)65.5%);--gradient-orange-crush:linear-gradient(111.45deg,var(--color-orangey)19.42%,#f7bdf8 73.08%);--gradient-lipstick:linear-gradient(165.72deg,#f7bdf8 21.15%,#cd237f 81.93%);--gradient-purple-haze:linear-gradient(153.58deg,#f7bdf8 32.25%,#2f3cc0 92.68%);--gradient-skyfall:linear-gradient(131.77deg,#0a157a 30.82%,#15bfe4 81.82%);--gradient-emerald-city:linear-gradient(166.9deg,var(--color-shockingly-green)53.19%,#0085d0 107.69%);--gradient-summer-fair:linear-gradient(144.02deg,var(--color-blue)4.56%,var(--color-pink)72.98%);--ease-in:cubic-bezier(.755,.05,.855,.06);--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.86,0,.07,1);--ease-out-quart:cubic-bezier(.175,.79,.38,.905);--ease-in-out-quart:cubic-bezier(.645,.045,.355,1);--dark:var(--color-just-black);--grey-dark:#42433d;--light:var(--color-surface-white);--mid:#7c7c6f;--grey:gray;--gray:gray;--green:var(--color-shockingly-green);--green-dark:#0ae448;--green-light:var(--color-lt-green);--blue:var(--color-blue);--purple:var(--color-lilac);--red:#cd237f;--orange:var(--color-orangey);accent-color:var(--color-shockingly-green);--fluid-min-width:320;--fluid-max-width:1140;--fluid-screen:100vw;--fluid-bp:calc((var(--fluid-screen) - var(--fluid-min-width)/16*1rem)/(var(--fluid-max-width) - var(--fluid-min-width)))}@media screen and (min-width:1140px){:root{--fluid-screen:calc(var(--fluid-max-width)*1px)}}:root{--f-0-min:16;--f-0-max:18;--step-0:calc(((var(--f-0-min)/16)*1rem) + (var(--f-0-max) - var(--f-0-min))*var(--fluid-bp));--f-1-min:16;--f-1-max:22.5;--step-1:calc(((var(--f-1-min)/16)*1rem) + (var(--f-1-max) - var(--f-1-min))*var(--fluid-bp));--f-2-min:23.04;--f-2-max:28.13;--step-2:calc(((var(--f-2-min)/16)*1rem) + (var(--f-2-max) - var(--f-2-min))*var(--fluid-bp));--f-3-min:27.65;--f-3-max:35.16;--step-3:calc(((var(--f-3-min)/16)*1rem) + (var(--f-3-max) - var(--f-3-min))*var(--fluid-bp));--f-4-min:33.18;--f-4-max:46;--step-4:calc(((var(--f-4-min)/16)*1rem) + (var(--f-4-max) - var(--f-4-min))*var(--fluid-bp));--fc-s-min:21;--fc-s-max:24;--fc-m-min:calc(var(--fc-s-min)*6);--fc-m-max:calc(var(--fc-s-max)*6);--fc-l-min:calc(var(--fc-s-min)*8);--fc-l-max:calc(var(--fc-s-max)*8);--fc-xl-min:calc(var(--fc-s-min)*10);--fc-xl-max:calc(var(--fc-s-max)*10);--space-s:calc(((var(--fc-s-min)/16)*1rem) + (var(--fc-s-max) - var(--fc-s-min))*var(--fluid-bp));--space-m:calc(((var(--fc-m-min)/16)*1rem) + (var(--fc-m-max) - var(--fc-m-min))*var(--fluid-bp));--space-l:calc(((var(--fc-l-min)/16)*1rem) + (var(--fc-l-max) - var(--fc-l-min))*var(--fluid-bp));--space-xl:calc(((var(--fc-xl-min)/16)*1rem) + (var(--fc-xl-max) - var(--fc-xl-min))*var(--fluid-bp))}.gsap-demo-body{color:var(--color-surface-white);background-color:var(--dark);font-family:Mori,sans-serif;font-weight:400;font-size:var(--step-0);margin:0;line-height:1.45}.gsap-demo h1,.gsap-demo h2,.gsap-demo h3,.gsap-demo h4{margin:10px 0;font-weight:400;line-height:1.2}.gsap-demo h1,.gsap-demo .h1{font-size:var(--step-4)}.gsap-demo h2,.gsap-demo .h2{font-size:var(--step-3)}.gsap-demo h3,.gsap-demo .h3{font-size:var(--step-2)}.gsap-demo h4,.gsap-demo .h4,.gsap-demo .lead{font-size:var(--step-1)}.gsap-demo a{color:var(--green);font-weight:700;text-decoration:none}.gsap-demo a:hover{text-decoration:underline}.pad-s{padding-top:var(--space-s);padding-bottom:var(--space-s)}.pad-m{padding-top:var(--space-m);padding-bottom:var(--space-m)}.pad-l{padding-top:var(--space-l);padding-bottom:var(--space-l)}.pad-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.flow>*+*{margin-top:1em}.text-center{text-align:center}.flex-row{justify-content:space-around;align-items:center;width:100%;display:flex}.center{justify-content:center;align-items:center;display:flex}.box{text-align:center;background-color:var(--green);width:75px;height:75px;color:var(--dark);will-change:transform;border-radius:12px;justify-content:center;align-items:center;font-weight:600;line-height:1.2;display:flex}.circle{text-align:center;background-color:var(--green);width:75px;height:75px;color:var(--dark);will-change:transform;border-radius:99px;justify-content:center;align-items:center;font-weight:600;line-height:1.2;display:flex}.green{background-color:var(--green)}.blue{background-color:var(--blue)}.purple{background-color:var(--purple)}.red{background-color:var(--red)}.orange{background-color:var(--orange)}.dark{background-color:var(--dark);color:var(--light)}.light{background-color:var(--light);color:var(--dark)}.text-light{color:var(--light)}.text-dark{color:var(--dark)}.gray,.grey{background-color:var(--grey)}.gradient-green{background:var(--gradient-macha)}.gradient-green-2{background:var(--gradient-emerald-city)}.gradient-orange{background:var(--gradient-orange-crush)}.gradient-purple{background:var(--gradient-purple-haze)}.gradient-blue{background:var(--gradient-skyfall)}.gradient-blue-2{background:var(--gradient-summer-fair)}.gradient-red{background:var(--gradient-lipstick)}.panel{min-height:100vh;padding-left:.6rem;padding-right:.6rem;position:relative}.panel.gray{background:var(--gradient-macha)}.panel.blue{background:var(--gradient-summer-fair)}.panel.orange{background:var(--gradient-orange-crush)}.panel.red{background:var(--gradient-lipstick)}.panel.purple{background:var(--gradient-purple-haze)}.panel.green{background:var(--gradient-macha)}.section{width:100%;height:100vh}.flex-center{justify-content:center;align-items:center;display:flex}.column{flex-direction:column;gap:1rem}.boxes-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100vh;display:flex}.demo-nav{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e100fe6;border:1px solid #ffffff1a;border-radius:12px;padding:1rem;position:fixed;top:20px;right:20px}.demo-nav a{color:var(--light);border-radius:8px;margin-bottom:.5rem;padding:.5rem 1rem;font-size:.9rem;text-decoration:none;transition:all .3s;display:block}.demo-nav a:hover{background:var(--green);color:var(--dark);transform:translate(5px)}.demo-nav a.active{background:var(--green);color:var(--dark)}@keyframes ripple{to{opacity:0;transform:scale(4)}}.game-card,.dashboard-card,.betting-opportunity{transform-style:preserve-3d;backface-visibility:hidden}.floating-element{will-change:transform}.progress-bar{transform-origin:0;will-change:transform}.live-alert{will-change:transform,box-shadow}@media (max-width:768px){.demo-nav{width:calc(100% - 2rem);margin:1rem;position:relative;top:0;right:0}.box,.circle{width:60px;height:60px;font-size:.8rem}.panel{padding-left:1rem;padding-right:1rem}.floating-element{font-size:2rem!important}}
/*# sourceMappingURL=aa9394ab6bb5ce63.css.map*/