@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(0.755,0.05,0.855,0.06);--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-in-out:cubic-bezier(0.86,0,0.07,1);--ease-out-quart:cubic-bezier(0.175,0.79,0.38,0.905);--ease-in-out-quart:cubic-bezier(0.645,0.045,0.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;margin:0;font-size:var(--step-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 .lead,.gsap-demo h4{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{width:100%;display:flex;align-items:center;justify-content:space-around}.box,.center{display:flex;align-items:center;justify-content:center}.box{border-radius:12px}.box,.circle{width:75px;height:75px;text-align:center;background-color:var(--green);font-weight:600;color:var(--dark);line-height:1.2;will-change:transform}.circle{border-radius:99px;display:flex;align-items:center;justify-content:center}.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{display:flex;justify-content:center;align-items:center}.boxes-container,.column{flex-direction:column;gap:1rem}.boxes-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.demo-nav{position:fixed;top:20px;right:20px;z-index:1000;background:rgba(14,16,15,.9);backdrop-filter:blur(10px);border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.1)}.demo-nav a{display:block;color:var(--light);text-decoration:none;padding:.5rem 1rem;border-radius:8px;margin-bottom:.5rem;transition:all .3s ease;font-size:.9rem}.demo-nav a:hover{transform:translateX(5px)}.demo-nav a.active,.demo-nav a:hover{background:var(--green);color:var(--dark)}@keyframes ripple{to{transform:scale(4);opacity:0}}.betting-opportunity,.dashboard-card,.game-card{transform-style:preserve-3d;backface-visibility:hidden}.floating-element,.progress-bar{will-change:transform}.progress-bar{transform-origin:left center}.live-alert{will-change:transform,box-shadow}@media (max-width:768px){.demo-nav{position:relative;top:0;right:0;margin:1rem;width:calc(100% - 2rem)}.box,.circle{width:60px;height:60px;font-size:.8rem}.panel{padding-left:1rem;padding-right:1rem}.floating-element{font-size:2rem!important}}
/*# sourceMappingURL=aff3a8e82833148b.css.map*/