@import"https://fonts.googleapis.com/css2?family=Asap&display=swap";@import"https://fonts.googleapis.com/css?family=Open+Sans:700,300";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Roboto;background:#000}div{animation-fill-mode:forwards;will-change:transform}body::-webkit-scrollbar{width:3px}body{scrollbar-width:thin;scrollbar-color:#000000 #111111}body::-webkit-scrollbar-track{background:#111}body::-webkit-scrollbar-thumb{background-color:#000;border-radius:6px}div::-webkit-scrollbar{width:3px}div{scrollbar-width:thin}div::-webkit-scrollbar-track{background:#111}div::-webkit-scrollbar-thumb{background-color:#000;border-radius:6px}select::-webkit-scrollbar{width:3px}select{scrollbar-width:thin}select::-webkit-scrollbar-track{width:1px;background:#111}select::-webkit-scrollbar-thumb{background-color:#000;width:3px;border-radius:3px}.disabled{cursor:not-allowed;opacity:.6;pointer-events:none;filter:grayscale(100%)}.polygon-mask{width:100%;height:100%}.glowing-ball{box-shadow:0 0 40px 20px #fff,0 0 100px 60px #f0f,0 0 210px 150px #0ff}.glowing-line{box-shadow:0 0 10px 5px #48abe0,0 0 20px 7px #ebecca,0 0 25px 20px #2f8888,0 0 30px 25px #2f8888}.drawingBtn{background:none;border:none;line-height:1.5;letter-spacing:.05em}button,a{cursor:pointer}.draw-border{box-shadow:inset 0 0 0 4px #58afd1;color:#58afd1;transition:color .25s .0833333333s;position:relative}.draw-border:before,.draw-border:after{border:0 solid transparent;box-sizing:border-box;content:"";pointer-events:none;position:absolute;width:0;height:0;bottom:0;right:0}.draw-border:before{border-bottom-width:4px;border-left-width:4px}.draw-border:after{border-top-width:4px;border-right-width:4px}.draw-border:hover{color:#ffe593}.draw-border:hover:before,.draw-border:hover:after{border-color:#ffe593;transition:border-color 0s,width .25s,height .25s;width:100%;height:100%}.draw-border:hover:before{transition-delay:0s,0s,.25s}.draw-border:hover:after{transition-delay:0s,.25s,0s}.ripleBtn:before{content:"";pointer-events:none;opacity:.6;background:radial-gradient(circle at 20% 35%,transparent 0,transparent 2px,white 3px,white 4px,transparent 4px),radial-gradient(circle at 75% 44%,transparent 0,transparent 2px,white 3px,white 4px,transparent 4px),radial-gradient(circle at 46% 52%,transparent 0,transparent 4px,white 5px,white 6px,transparent 6px);width:100%;height:300%;top:0;left:0;position:absolute;animation:bubbles 5s linear infinite both}@keyframes bubbles{0%{transform:translate()}to{transform:translateY(-66.666%)}}.ripleBtn{border:solid 2px rgb(85,215,220);background:#55d7dc80;outline:none;position:relative;overflow:hidden;box-shadow:6px 7px 40px -4px #0003}.ripleBtn:hover{color:#fff}.ripleBtn span{border-radius:50%;background-color:#0000004d;animation:ripple 1s;opacity:0}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(10)}}#custom-cursor-shadow.wrapper{height:100vh;background-image:url(https://cs4.pikabu.ru/post_img/big/2016/05/14/11/1463253214123152134.jpg);background-size:cover;position:relative;overflow:hidden}#custom-cursor-shadow .shadow{position:absolute;width:200vw;height:200vh;left:50%;top:50%;transform:translate(-50%) translateY(-50%);background-image:radial-gradient(circle at center,transparent,#000 20%)}.bh_enclose{width:100%;height:100%;border-radius:50%;animation:spin 10s linear 1s infinite;align-self:center;display:flex;align-content:center;justify-content:center}.bh_box{background:conic-gradient(#2f888833,#fff3);width:97%;height:97%;border-radius:50%;align-self:center;display:flex;align-content:center;justify-content:center;transform:rotate(1deg);animation:bh_spin 20s linear 1s infinite}.bh_last{background:radial-gradient(#2f888833,#fff3);opacity:0;animation:bh_fadeIn 1s ease 1s;animation-fill-mode:forwards}@keyframes bh_spin{to{transform:rotate(360deg)}}@keyframes bh_fadeIn{0%{opacity:0}to{opacity:1}}.waterText .content{position:relative}.waterText .content span{color:#fff;position:absolute}.waterText .content span:nth-child(1){color:transparent;-webkit-text-stroke:2px #2B6C6E}.waterText .content span:nth-child(2){color:#2b6c6e;animation:animate 4s ease-in-out infinite}@keyframes animate{0%,to{clip-path:polygon(0% 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0% 100%)}50%{clip-path:polygon(0% 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0% 100%)}}.plasmaBall .click{position:relative;margin:0 auto;width:21.875em;height:21.875em}.plasmaBall .base{position:absolute;background:#222;width:18.75em;height:12.5em;margin:3em auto;z-index:-2;top:286px;left:1.5625em}.plasmaBall .base:before{position:absolute;top:-2.75em;width:18.75em;height:5em;border-radius:100%;content:"";background:radial-gradient(#222 20%,#353535);background:conic-gradient(from 167deg,#666,#232323,#232323,#666);border:2px solid #597481;box-sizing:border-box;left:0;z-index:0}.plasmaBall .base:after{position:absolute;left:-2.1875em;bottom:-4.0625em;width:23.125em;height:6.875em;border-radius:30% 30% 50% 50%;content:"";background:#222;z-index:-1}.plasmaBall .base div{background:#222;height:6.25em;margin-top:3em;float:left;margin-left:-3.3125em;width:63%;transform:rotate(-85deg);z-index:-1;position:relative}.plasmaBall .base div+div{margin-top:-6.1875em;margin-left:10.25em;transform:rotate(85deg)}.plasmaBall .base span{position:absolute;left:-3.1875em;bottom:-.25em;width:25.125em;height:10em;border-radius:0% 0% 80% 80%;content:"";background:#242f3400;z-index:0;border:2px solid transparent;border-bottom-color:#435761}.plasmaBall input.switcher{width:3em;height:3em;opacity:0;position:absolute;z-index:3333;margin:0;cursor:pointer;outline:none;border-radius:50px!important;top:26.5625em;left:9.4375em}.plasmaBall .glassball{position:relative;overflow:hidden;margin:0 auto;width:100%;height:100%;border-radius:100%;background-color:#ffffff26;top:0%;box-shadow:0 20px 30px #0003,inset 0 10px 30px 5px #fff;position:absolute}.plasmaBall .glassball:after{background:radial-gradient(ellipse at center,#ffffff80,#fff0 70%);border-radius:50%;box-shadow:inset 0 20px 30px #ffffff4d;content:"";height:96%;left:2%;position:absolute;width:96%;top:2%;z-index:1}.plasmaBall .glassball:hover{cursor:grab}.plasmaBall .glassball:before{position:absolute;left:48%;top:50%;width:0px;height:0px;background:radial-gradient(circle closest-side,#9c27b0,transparent);transform:translate(-45%,-48%);transition:width .2s ease,height .2s ease;animation:spark 5ms ease 0s infinite alternate;border:8px dotted #24e6ff;filter:blur(15px);border-radius:100%;z-index:2;font-size:10em;color:#d6faff;text-align:center;line-height:1;content:"s";display:none;opacity:.75}.plasmaBall .glassball:hover:before{width:7.5em;height:9.375em}.plasmaBall input.switcher:checked+.glassball:before,.plasmaBall input.switcher:checked+.glassball:after{display:block}.plasmaBall input.switcher:checked+.glassball:after{width:97%;height:97%;left:1.5%;top:1.5%}.plasmaBall input.switcher:checked+.glassball:hover:after{animation:rotation 3s ease 0s infinite alternate;background:radial-gradient(ellipse at center,#ffffff7d 0%,#54ecff94 10%,transparent 100%);filter:brightness(1.75);opacity:.5}.plasmaBall input.switcher:checked+.glassball{transform:translateZ(0);backface-visibility:hidden;perspective:62.5em;background:radial-gradient(circle,#ff5affb8,#ff5affb8 20%,#5493d2a8 70%,#5493d2a8);animation:innerlight 5s linear 0s infinite,shake .82s cubic-bezier(.36,.07,.19,.97) both;transition:background .4s ease 0s;box-shadow:0 0 15px 5px #5493d2a8;border:1px solid transparent}.plasmaBall .switch{background:#1b1b1b;width:2.5em;height:2.5em;position:absolute;margin-left:calc(50% - 1.2em);top:26em;border:3px solid #4e4e4e;z-index:5;font-size:.75em;border-radius:100%;box-shadow:0 0 10px #000,0 0 5px 1px #2d2d2d,0 0 3px 1px #000 inset}.plasmaBall .switch:before{content:"";position:absolute;width:.85em;height:.85em;bottom:.33em;border:.2em solid #4e4e4e;border-top-color:transparent;border-radius:100%;left:.33em}.plasmaBall .switch:after{content:"";position:absolute;width:.2em;height:.6em;bottom:1em;left:.85em;background:#4e4e4e}.plasmaBall input:checked+div+div+.switch{background:linear-gradient(to bottom,#171717,#404040);color:#fff;box-shadow:0 0 10px #03a9f4,0 0 5px 1px #03a9f4;border-color:#222222d1}.plasmaBall input:checked+div+div+.switch:before{border-color:transparent #03a9f4 #03a9f4 #03a9f4}.plasmaBall input:checked+div+div+.switch:after{background:#03a9f4}.plasmaBall .electrode{width:1em;height:8.75em;bottom:1.25em;position:absolute;left:calc(50% - .5em);overflow:visible;border-bottom:1px solid #657882;border-radius:0 0 6px 5px}.plasmaBall .electrode:before{position:absolute;left:-1em;top:-3.1em;width:3em;height:3em;border-radius:100%;content:"";background:radial-gradient(at top left,#4a4949 20%,#2d2d2d);border:1px solid #758e99;box-sizing:border-box}.plasmaBall input.switcher:checked+.glassball .electrode:after{background:linear-gradient(-263deg,#3a3a3a 20%,#2d2d2d)}.plasmaBall input.switcher:checked+.glassball .electrode:before{background:radial-gradient(ellipse farthest-corner at 2em 2em,#999,#e449ff,#e449ff,#9763ff,#62edff,#fff);box-shadow:0 0 10px 2px #e449ffb3,0 0 10px 2px #fff,0 0 50px -10px #fff inset;border-color:#ffffff94}.plasmaBall input.switcher+.glassball .rays{display:none}.plasmaBall input.switcher:checked+.glassball .rays{display:block;float:left;width:100%;height:100%;position:absolute}.plasmaBall .ray{width:10em;height:2em;position:absolute;bottom:9em;filter:drop-shadow(0px 0px 7px #9660f7) drop-shadow(0px 0px 2px #fff)}.plasmaBall .ray:before{content:"";width:.5em;height:.45em;border:2px dashed #03a9f4;position:absolute;border-width:3px 3px 1px 1px;transform:rotate(87deg);top:.3em;left:3px;border-radius:10px 5px 8px 7px;filter:blur(2px);box-shadow:0 0 10px -1px #000}.plasmaBall .ray:after{content:"s";float:left;width:.5em;height:1.5em;margin-top:1.25em;margin-left:0;animation:blink 1s linear 0s infinite alternate;background:radial-gradient(circle closest-side,#9c27b0,transparent);transform:translate(-45%,-48%);transition:width .2s ease,height .2s ease;border:.5em dotted #24e6ff;filter:blur(5px);border-radius:100%;z-index:2;font-size:4em;color:#d6faff;text-align:center;line-height:1}.plasmaBall .ray span{width:4em;height:1em;border:solid .25em #000;border-radius:238%/3.1em 3.1em 0 0;position:absolute;top:.5em;left:0;border-color:#6bbdff transparent transparent transparent}.plasmaBall .ray span+span{left:30%;transform:rotate(180deg);top:.15em}.plasmaBall .ray span+span+span{left:60%;transform:rotate(0);top:.5em}.plasmaBall .ray span:last-of-type:before{content:"";float:right;width:.5em;height:.5em;background:#d1eefb;border-radius:100%;box-shadow:0 0 4px 3px #fff;filter:blur(1px);margin-top:-2px;left:3px;position:relative}.plasmaBall .ray.bigwave span:last-of-type:before{content:"";float:left;width:.5em;height:.5em;background:#d1eefb;border-radius:100%;box-shadow:0 0 4px 3px #fff;filter:blur(1px);margin-top:-.2em;left:-.2em;position:relative}.plasmaBall .ray.bigwave span{width:55%;border-width:.3em}.plasmaBall .ray.bigwave span+span{width:60%;left:40%;border-width:.4em;margin-left:.3em;margin-top:.2em}.plasmaBall .rays+.rays{transform:rotate(180deg)}.plasmaBall .rays+.rays+.rays{transform:rotate(90deg)}.plasmaBall .rays+.rays+.rays+.rays{transform:rotate(270deg)}.plasmaBall .rays+.rays+.rays+.rays+.rays{transform:skew(-187deg) scale(.675) rotate(0);display:none;animation:touchray1 2.5s ease .1s infinite alternate}.plasmaBall .rays+.rays+.rays+.rays+.rays+.rays{transform:skew(-140deg,-40deg) scale(.675) rotate(180deg);display:none;animation:touchray2 1s ease .25s infinite}.plasmaBall input.switcher:checked+.glassball:hover .rays+.rays+.rays+.rays+.rays{display:block}.plasmaBall .rays+.rays+.rays+.rays+.rays .ray{width:8.5em;animation:ray1 .5s linear 0s infinite alternate}.plasmaBall .rays+.rays+.rays+.rays+.rays .ray span{border-top-width:.5em}.plasmaBall .ray:nth-of-type(1){animation:ray1 .5s linear 0s infinite}.plasmaBall .ray:nth-of-type(2){animation:ray1 .75s linear 0s infinite alternate}.plasmaBall .ray:nth-of-type(3){animation:ray1 .65s linear 0s infinite reverse}.plasmaBall .ray:nth-of-type(4){animation:ray1 .95s linear 0s infinite alternate}.plasmaBall .ray:nth-of-type(5){animation:ray1 .85s linear 0s infinite reverse}.plasmaBall .rays+.rays .ray:nth-of-type(1){animation-duration:1.55s}.plasmaBall .rays+.rays .ray:nth-of-type(2){animation-duration:1.75s}.plasmaBall .rays+.rays .ray:nth-of-type(3){animation-duration:.65s}.plasmaBall .rays+.rays .ray:nth-of-type(4){animation-duration:1.85s}.plasmaBall .rays+.rays .ray:nth-of-type(5){animation-duration:1.6s}.plasmaBall .rays+.rays+.rays .ray:nth-of-type(1){animation-duration:1.15s}.plasmaBall .rays+.rays+.rays .ray:nth-of-type(2){animation-duration:1.5s}.plasmaBall .rays+.rays+.rays .ray:nth-of-type(3){animation-duration:1.35s}.plasmaBall .rays+.rays+.rays .ray:nth-of-type(4){animation-duration:1s}.plasmaBall .rays+.rays+.rays .ray:nth-of-type(5){animation-duration:1.25s}.plasmaBall .rays+.rays+.rays+.rays .ray:nth-of-type(1){animation-duration:1.05s}.plasmaBall .rays+.rays+.rays+.rays .ray:nth-of-type(2){animation-duration:1.35s}.plasmaBall .rays+.rays+.rays+.rays .ray:nth-of-type(3){animation-duration:1.25s}.plasmaBall .rays+.rays+.rays+.rays .ray:nth-of-type(4){animation-duration:1.15s}.plasmaBall .rays+.rays+.rays+.rays .ray:nth-of-type(5){animation-duration:1.45s}.plasmaBall .rays+.rays+.rays+.rays+.rays .ray:nth-of-type(1){animation-duration:.85s}.plasmaBall .rays+.rays+.rays+.rays+.rays .ray:nth-of-type(2){animation-duration:.95s}.plasmaBall .rays+.rays+.rays+.rays+.rays .ray:nth-of-type(3){animation-duration:.75s}.plasmaBall .rays+.rays+.rays+.rays+.rays+.rays .ray:nth-of-type(1){animation-duration:1.1s}.plasmaBall .rays+.rays+.rays+.rays+.rays+.rays .ray:nth-of-type(2){animation-duration:1.25s}.plasmaBall .rays+.rays+.rays+.rays+.rays+.rays .ray:nth-of-type(3){animation-duration:1.35s}@keyframes rotation{50%{transform:rotate(360deg)}}@keyframes blink{0%{background:radial-gradient(circle closest-side,#ff5affb8,#5493d2a8);transform:translate(-50%,-50%) scale(.75) rotate(6deg)}50%{background:radial-gradient(circle closest-side,#5493d2a8,#ff5affb8);transform:translate(-50%,-50%) scale(.5) rotate(2deg)}to{background:radial-gradient(circle closest-side,#ffffffa8,#5493d2a8);transform:translate(-50%,-50%) scale(.35) rotate(11deg)}}@keyframes innerlight{0%{background-size:105% 105%;background-position:center center;box-shadow:0 0 15px 5px #5493d2a8}25%{box-shadow:0 0 15px 5px #ff5aff30}50%{background-size:85% 85%;background-position:center center;box-shadow:0 0 15px 5px #5493d2a8}75%{box-shadow:0 0 15px 5px #ff5aff30}to{background-size:105% 105%;background-position:center center;box-shadow:0 0 15px 5px #5493d2a8}}@keyframes touchray1{0%{transform:skew(-187deg) scale(.675) rotate(0)}50%{transform:skew(-185deg,2deg) scale(.525) rotate(180deg);opacity:1}51%{opacity:0}52%{opacity:1}to{transform:skew(-188deg,-2deg) scale(.625) rotate(360deg)}}@keyframes touchray2{0%{transform:skew(-140deg,-40deg) scale(.675) rotate(140deg)}50%{transform:skew(-143deg,-42deg) scale(.525) rotate(0);opacity:1}51%{opacity:0}52%{opacity:1}to{transform:skew(-145deg,-38deg) scale(.625) rotate(210deg)}}@keyframes spark{0%{background:radial-gradient(circle closest-side,#ff5affb8,#5493d2a8);transform:translate(-50%,-50%) scale(.75) rotate(0)}50%{background:radial-gradient(circle closest-side,#5493d2a8,#ff5affb8);transform:translate(-50%,-50%) scale(.5) rotate(180deg)}to{background:radial-gradient(circle closest-side,#ffffffa8,#5493d2a8);transform:translate(-50%,-50%) scale(1) rotate(360deg)}}@keyframes ray1{0%{opacity:0;transform:rotate(0) translate(0)}12%{opacity:1;transform:rotate(22deg) translateY(-35px);filter:brightness(1.75)}25%{opacity:0;transform:rotate(45deg) translate(-33px,-69px)}37%{opacity:1;transform:rotate(67deg) translate(-64px,-86px);filter:brightness(1.15)}50%{opacity:0;transform:rotate(90deg) translate(-108px,-93px)}62%{opacity:1;transform:rotate(112deg) translate(-140px,-90px);filter:brightness(1.25)}75%{opacity:0;transform:rotate(135deg) translate(-169px,-69px)}87%{opacity:1;transform:rotate(157deg) translate(-185px,-36px);filter:brightness(1.75)}to{opacity:0;transform:rotate(180deg) translate(-192px,6px)}}.typeWriter .content{overflow:hidden;border-right:.15em solid orange;white-space:nowrap;margin:0 auto;letter-spacing:.15em;animation:typing 3.5s steps(30,end),blink-caret .5s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}.loading-block{animation:moment_spin 2.5s forwards infinite}.loading-block>div>div:nth-child(1){animation:moment_span .5s forwards infinite;animation-delay:.1s;background:#f87171}.loading-block>div>div:nth-child(2){animation:moment_span_2 .5s forwards infinite;animation-delay:.1s;background:#4ade80}.loading-block>div>div:nth-child(3){animation:moment_span_3 .5s forwards infinite;animation-delay:.1s;background:#f97316}.loading-block>div>div:nth-child(4){animation:moment_span_4 .5s forwards infinite;animation-delay:.1s;background:#60a5fa}@keyframes moment_span{40%{transform:translate(-.5em,-.5em)}60%{transform:translate(-.5em,-.5em)}}@keyframes moment_span_2{40%{transform:translate(.5em,-.5em)}60%{transform:translate(.5em,-.5em)}}@keyframes moment_span_3{40%{transform:translate(-.5em,.5em)}60%{transform:translate(-.5em,.5em)}}@keyframes moment_span_4{40%{transform:translate(.5em,.5em)}60%{transform:translate(.5em,.5em)}}@keyframes moment_spin{0%{transform:rotate(0)}80%{transform:rotate(720deg)}89%{transform:rotate(720deg)}to{transform:rotate(720deg)}}.loading4Wrap{--b: #f4a525;display:flex;justify-content:center;font-size:10px;width:2.5em;height:2.5em;position:relative}.loading4_1,.loading4_2,.loading4_3,.loading4_4,.loading4_5{position:absolute;width:.25em;height:.25em;background:var(--b);border-radius:100%;transform-origin:center 1.125em}.loading4_1{animation:loading4 1.6s infinite ease-in-out}.loading4_2{animation:loading4 1.6s infinite .15s ease-in-out}.loading4_3{animation:loading4 1.6s infinite .3s ease-in-out}.loading4_4{animation:loading4 1.6s infinite .45s ease-in-out}.loading4_5{animation:loading4 1.6s infinite .6s ease-in-out}@keyframes loading4{0%{transform:rotate(0)}85%{transform:rotate(360deg)}to{transform:rotate(360deg)}}.arc{position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;width:100px;height:100px;border-radius:50%;border-top:2px solid #ffea29;border-left:1px solid transparent;border-right:1px solid transparent;animation:rt 2s infinite linear}.arc:before{position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;width:70px;height:70px;border-radius:50%;border-top:2px solid #8d29ff;border-left:1px solid transparent;border-right:1px solid transparent;animation:rt 4s infinite linear reverse;content:""}.arc:after{position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;width:0;height:0;border-radius:50%;border-top:initial;border-left:initial;border-right:initial;animation:cw 1s infinite;content:"";background:snow}h1{position:absolute;height:40px;margin:auto;top:200px;left:0;right:0;bottom:0;text-transform:uppercase;text-align:center;letter-spacing:.1em;font-size:14px;font-weight:lighter;color:#fff}h1 span{display:none}h1:after{animation:txt 5s infinite;content:""}@keyframes rt{to{transform:rotate(360deg)}}@keyframes cw{0%{width:0;height:0}75%{width:40px;height:40px}to{width:0;height:0}}@keyframes txt{0%{content:"LOADING."}50%{content:"LOADING.."}to{content:"LOADING..."}}.tap-wrapper{width:100%;min-height:100svh;background-size:100% 100%}.info-point.small{width:80px}.info-point.normal{width:140px}.info-point.big{width:230px}.fly-point{animation:go_up_element 1.3s ease-in-out forwards;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:-moz-fit-content;height:fit-content}.action-logo,.action-logo img{-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes go_up_element{0%{opacity:.2}10%{opacity:100}to{transform:translateY(-100px);opacity:0}}.waves>use{animation:move-forever 4s -4s linear infinite}.waves>use:nth-child(2){animation-delay:-6s;animation-duration:12s}.waves>use:nth-child(3){animation-delay:-8s;animation-duration:6s}@keyframes move-forever{0%{transform:translate(-90px)}to{transform:translate(85px)}}svg.wave{position:absolute;left:0;bottom:0;width:100%;height:30vw;max-height:200px}.bgcloud2_container{background:#93d4f7;display:flex;height:100%;width:100%;margin:auto;padding:1em 0}.bgcloud2-svg{display:block;margin:auto;width:100%}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}html,body{overscroll-behavior-x:none;overscroll-behavior-y:none;scroll-behavior:smooth}body{font-family:Asap,sans-serif;position:relative;width:100%;min-height:100%;text-align:center;overflow-x:hidden;background:#fff;color:#fff}:root{--ratio: 0;--gap: 5px;--filter: brightness(.75) hue-rotate(20deg)}#bg,#base,#reflect{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none}#bg{filter:var(--filter)}#reflect{filter:url(#filter) var(--filter);transform-origin:center;transform:scale3d(1.1,-1.1,1)}#base{-webkit-mask-image:linear-gradient(to bottom,white,white calc(var(--ratio) - var(--gap)),rgba(255,255,255,0) calc(var(--ratio) + var(--gap)),rgba(255,255,255,0));mask-image:linear-gradient(to bottom,#fff,#fff calc(var(--ratio) - var(--gap)),#fff0 calc(var(--ratio) + var(--gap)),#fff0)}.reflect-svg{position:absolute;top:0;left:0;width:0;height:0;z-index:-1}.main-reflect{position:relative;mix-blend-mode:overlay}.section-reflect{position:relative;width:100%;min-height:100%;display:flex;align-items:center;justify-content:center}.tornado-circle-container{transform:rotateX(75deg);width:200px;height:200px}.circle{width:400px;height:400px;border-radius:200px;box-shadow:1px 25px #000 inset,5px 10px 0 50px #fff inset;-moz-animation:spin .4s infinite linear;-webkit-animation:spin .4s infinite linear;z-index:1;background:#00000080}.circle-two{position:absolute;z-index:-10;top:140px;width:350px;height:350px;border-radius:165px;background:#0000004d;box-shadow:2px 10px #696969 inset,4px 1px 0 50px #fff inset;-moz-animation:spin .2s infinite linear;-webkit-animation:spin .2s infinite linear}.circle-three{position:absolute;z-index:-20;top:240px;left:20px;width:300px;height:300px;border-radius:150px;box-shadow:1px 10px #000 inset,4px 1px 0 50px #fff inset;-moz-animation:spin .4s infinite linear;-webkit-animation:spin .4s infinite linear;background:#00000080}.circle-four{position:absolute;z-index:-30;top:400px;left:60px;width:230px;height:230px;border-radius:115px;box-shadow:5px 0 #000 inset,4px 1px 0 50px #fff inset;-moz-animation:spin .2s infinite linear;-webkit-animation:spin .2s infinite linear;background:#dcdcdc80}.circle-five{position:absolute;z-index:-40;top:490px;left:80px;width:200px;height:200px;border-radius:100px;box-shadow:5px 0 0 1px gray inset,4px 1px 0 50px #dcdcdc inset;-moz-animation:spin .3s infinite linear;-webkit-animation:spin .3s infinite linear;background:#696969e6}.circle-six{position:absolute;z-index:-50;top:590px;left:80px;width:150px;height:150px;border-radius:100px;box-shadow:1px 16px #000 inset,5px 10px 0 50px #fff inset;-moz-animation:spin .3s infinite linear;-webkit-animation:spin .3s infinite linear;background:#00000080}.circle-seven{position:absolute;z-index:-60;top:670px;left:80px;width:100px;height:100px;border-radius:50px;box-shadow:1px 5px 0 10px #696969 inset,3px 1px 0 10px #fff inset;-moz-animation:spin .3s infinite linear;-webkit-animation:spin .3s infinite linear;background:#c8c8c8}.circle-eight{position:absolute;z-index:-70;top:720px;left:80px;width:80px;height:80px;border-radius:40px;box-shadow:2px 10px #000 inset,4px 1px 0 50px #fff inset;-moz-animation:spin .3s infinite linear;-webkit-animation:spin .3s infinite linear;background:#00000080}.circle-nine{position:absolute;z-index:-80;top:780px;left:90px;width:50px;height:50px;border-radius:25px;box-shadow:1px 10px #708090 inset,4px 1px 0 50px #fff inset;-moz-animation:spin .4s infinite linear;-webkit-animation:spin .4s infinite linear;background:#00000080}.circle-ten{position:absolute;z-index:-90;top:820px;left:100px;width:25px;height:25px;border-radius:15px;box-shadow:1px 10px #2f4f4f inset,4px 1px 0 50px #fff inset;-moz-animation:spin .4s infinite linear;-webkit-animation:spin .4s infinite linear;background:#00000080}.circle-eleven{position:absolute;z-index:-100;top:840px;left:110px;width:15px;height:15px;border-radius:8px;box-shadow:1px 10px #000 inset,4px 1px 0 50px #fff inset;-moz-animation:spin .2s infinite linear;-webkit-animation:spin .2s infinite linear;background:#00000080}.wind-frame{position:absolute;top:50%;left:50%;margin-top:-200px;margin-left:-200px;border-radius:2px;box-shadow:4px 8px 16px #0000001a;overflow:hidden;background-color:#8ec5fc;background-image:linear-gradient(62deg,#8ec5fc,#e0c3fc);color:#333;font-family:Open Sans,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.center{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%)}.line{fill:none;stroke-width:4px;stroke-linecap:round;animation:line 3s linear infinite}.circle{z-index:10;position:absolute;border:2px solid #fff;width:50px;top:210px;left:120px;height:50px;border-radius:50%;animation:circle 3.1s ease-out infinite both}@keyframes line{0%{stroke-dasharray:100 1200;stroke-dashoffset:1300}to{stroke-dasharray:100 1200;stroke-dashoffset:10}}@keyframes circle{0%,50%{opacity:1;transform:scale(0)}70%,to{opacity:0;transform:scale(1)}}.stage{border-bottom:3px solid #444;display:flex;height:-moz-fit-content;height:fit-content;width:100%}.box{align-self:flex-end;animation-duration:2s;animation-iteration-count:infinite;background-color:#f44336;height:-moz-fit-content;height:fit-content;margin:0 auto;transform-origin:bottom;width:-moz-fit-content;width:fit-content}.bounce-5{animation-name:bounce-5;animation-timing-function:ease}@keyframes bounce-5{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-100px)}50%{transform:scale(1) translateY(0)}57%{transform:scale(1) translateY(-7px)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}.triangle-svg svg{filter:drop-shadow(0 0 8px #56c5f9)}.triangle-svg polygon{animation:animate 1.5s linear infinite reverse}@keyframes animate{to{stroke-dashoffset:100}}.PageSlide-container{width:100%;animation:fade_in .25 ease-in-out}@keyframes fade_in{0%{opacity:.2}}@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% );--color-core-green: #dfffd1;--color-core-green-lt: #f3ffee;--color-core-gradient: radial-gradient( 89.08% 84.62% at 16.54% 78.46%, #fbfefa 0%, #c9f6b4 39.58%, #abff84 77.6%, #2fee65 100% );--color-core-button-gradient: linear-gradient( 114.41deg, #0ae448 20.74%, #abff84 65.5% );--color-core-heading-gradient: linear-gradient( 180deg, #d6ffc3 0%, rgba(214, 255, 195, 0) 100% ), #f3ffee;--color-core-intro-gradient: linear-gradient( 144.5deg, #e8ffdd 65.09%, #7dea7b 122.73% ), linear-gradient(311.31deg, #7ef89e 36.08%, #e5ffd9 106.98%);--color-text-purple: #d2ceff;--color-text-purple-lt: #dfdcff;--color-text-gradient: radial-gradient( 129.03% 100% at 120.97% 81.45%, #dfdcff 27.08%, #a69eff 100% );--color-svg-tangerine: #ffe3c7;--color-svg-tangerine-lt: #fff0e0;--color-svg-gradient: radial-gradient( 70.77% 70.77% at 0% 70.77%, #ffd9b0 0%, #fd9f3b 80.73%, #ff8709 100% );--color-svg-heading-gradient: linear-gradient( 180deg, #ffbd77 0%, rgba(254, 197, 251, 0) 100% ), #ffe4c7;--color-ui-blue: #bef3fe;--color-ui-blue-lt: #e1faff;--color-ui-blue-codeblk: #f6feff;--color-ui-text-gradient: linear-gradient( 168.89deg, #fec5fb -21.3%, #00bae2 89.88% );--color-ui-code-blocktext-gradient: linear-gradient( 142.91deg, #cef6ff 18.75%, #a6efff 54.93% );--color-ui-gradient: radial-gradient( 78.77% 78.77% at 71.71% 30.77%, #f0fcff 0%, #9bedff 67.21%, #98ecff 76.04%, #5be1ff 84.9%, #00bae2 94.79% );--color-ui-gradient-background: linear-gradient( 137.1deg, #ecfcff 27.5%, #a6efff 94.09% );--color-ui-gradient-flip-background: radial-gradient( 140% 190% at 117.54% 131.12%, #f0fcff 0%, #9bedff 25.52%, #98ecff 42.71%, #5be1ff 60.94%, #00bae2 94.79% );--color-scroll-pink: #ffd7fd;--color-scroll-pink-lt: #ffe9fe;--color-scroll-gradient: linear-gradient( 317.42deg, #ffe9fe 10.4%, #ff96f9 83.03% );--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)}: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) )}:root{--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{--fc-s-min: (var(--f-0-min, 21));--fc-s-max: (var(--f-0-max, 24));--fc-m-min: (var(--fc-s-min) * 6);--fc-m-max: (var(--fc-s-max) * 6);--fc-l-min: (var(--fc-s-min) * 8);--fc-l-max: (var(--fc-s-max) * 8);--fc-xl-min: (var(--fc-s-min) * 10);--fc-xl-max: (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) );--space-s-m: calc( ((var(--fc-s-min) / 16) * 1rem) + (var(--fc-m-max) - var(--fc-s-min)) * var(--fluid-bp) );--space-m-l: calc( ((var(--fc-m-min) / 16) * 1rem) + (var(--fc-l-max) - var(--fc-m-min)) * var(--fluid-bp) );--space-l-xl: calc( ((var(--fc-l-min) / 16) * 1rem) + (var(--fc-xl-max) - var(--fc-l-min)) * var(--fluid-bp) )}.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}.box{width:75px;height:75px;border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;background-color:var(--green);font-weight:600;color:var(--dark);line-height:1.2;will-change:transform}.circle{width:75px;height:75px;border-radius:99px;display:flex;align-items:center;justify-content:center;text-align:center;background-color:var(--green);font-weight:600;color:var(--dark);line-height:1.2;will-change:transform}.flex-row{width:100%;display:flex;align-items:center;justify-content:space-around}.center{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)}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}h1,h2,h3,h4{margin:10px 0;font-weight:400;line-height:1.2}h1,.h1{font-size:var(--step-4)}h2,.h2{font-size:var(--step-3)}h3,.h3{font-size:var(--step-2)}h4,.h4,.lead{font-size:var(--step-1)}a{color:var(--green);font-weight:700;text-decoration:none}a:hover{text-decoration:underline}.light a{color:var(--green-dark)}button{display:inline-block;outline:none;background:var(--dark);border:solid 2px var(--light);color:var(--light);text-decoration:none;border-radius:99px;padding:12px 25px;text-transform:uppercase;font-weight:600;cursor:pointer;line-height:18px}.gsap-logo{width:20vw;max-width:150px;position:fixed;bottom:15px;right:15px;mix-blend-mode:difference;z-index:9999}.gsap-logo img{width:100%}.gsap-3-logo{width:20vw;max-width:150px;position:fixed;bottom:15px;right:15px}.panel{min-height:100vh;padding-left:.6rem;padding-right:.6rem}.panel.gray{background-color:#777;background-image:var(--gradient-macha)}.panel.blue{background-color:#2c7ad2;background-image:var(--gradient-summer-fair)}.panel.orange{background-color:#e77614;background-image:var(--gradient-orange-crush)}.panel.red{background-color:#c82736;background-image:var(--gradient-lipstick)}.panel.purple{background-color:#8d3dae;background-image:var(--gradient-purple-haze)}.panel.green{background-color:#28a92b;background-image:var(--gradient-macha)}.scroll-down{position:absolute;bottom:30px;left:50%;transform:translate(-50%);color:#000;font-weight:400;text-transform:uppercase;font-size:16px;overflow:visible}.scroll-down .arrow{position:relative;top:-4px;margin:0 auto;width:20px;height:20px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KPHBhdGggZmlsbD0iYmxhY2siIGQ9Ik00ODMuMiwxOTIuMmMtMjAuNS0yMC41LTUzLjUtMjAuOC03My43LTAuNkwyNTcsMzQ0LjFMMTA0LjUsMTkxLjZjLTIwLjItMjAuMi01My4yLTE5LjktNzMuNywwLjYKCWMtMjAuNSwyMC41LTIwLjgsNTMuNS0wLjYsNzMuN2wxOTAsMTkwYzEwLjEsMTAuMSwyMy40LDE1LjEsMzYuOCwxNWMxMy4zLDAuMSwyNi43LTQuOSwzNi44LTE1bDE5MC0xOTAKCUM1MDMuOSwyNDUuNyw1MDMuNywyMTIuNyw0ODMuMiwxOTIuMnoiLz4KPC9zdmc+);background-size:contain}.panel p strong,.panel li strong{color:#fff;font-weight:400}.panel p code,.panel li code{background-color:#ffffff26;padding:2px 4px;border-radius:5px}.panel li{margin:0}pre.prettyprint{max-width:100%;overflow:auto}ul pre.prettyprint{margin-left:-.5rem}pre{--ifm-pre-background: var(--ifm-color-gray-800) !important;--ifm-font-family-monospace: "Fraktion Mono"}code{border:none;border-radius:4px;padding:1rem;font-weight:700;font-size:1.2rem;vertical-align:baseline;background:#28292b;color:#f5f4e6de}code .token.comment{color:#9c9c9c;font-style:italic}code .token.string,code .token.inserted{color:#63d55a}code .token.number{color:#f78c6c}code .token.builtin,code .token.char,code .token.constant,code .token.function{color:#82aaff}code .token.punctuation,code .token.selector{color:#c792ea}code .token.variable{color:#bfc7d5}code .token.class-name,code .token.attr-name{color:#ffcb6b}code .token.tag,code .token.deleted{color:#ff5572}code .token.operator{color:#89ddff}code .token.boolean{color:#ff5874}code .token.keyword{font-style:italic}code .token.doctype{color:#c792ea;font-style:italic}code .token.namespace{color:#b2ccd6}code .token.url{color:#ddd}.vh{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.checkbox label{display:flex;align-items:center;flex-direction:row;justify-content:center}.checkbox label:before{content:"";width:20px;height:20px;border-radius:2px;background:var(--light);display:inline-block;margin-right:10px}.checkbox input[type=checkbox]:checked~label:before{background:var(--green) no-repeat center;background-size:12px 12px;background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ1LjcwMSA0NS43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NS43MDEgNDUuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yMC42ODcsMzguMzMyYy0yLjA3MiwyLjA3Mi01LjQzNCwyLjA3Mi03LjUwNSwwTDEuNTU0LDI2LjcwNGMtMi4wNzItMi4wNzEtMi4wNzItNS40MzMsMC03LjUwNCAgICBjMi4wNzEtMi4wNzIsNS40MzMtMi4wNzIsNy41MDUsMGw2LjkyOCw2LjkyN2MwLjUyMywwLjUyMiwxLjM3MiwwLjUyMiwxLjg5NiwwTDM2LjY0Miw3LjM2OGMyLjA3MS0yLjA3Miw1LjQzMy0yLjA3Miw3LjUwNSwwICAgIGMwLjk5NSwwLjk5NSwxLjU1NCwyLjM0NSwxLjU1NCwzLjc1MmMwLDEuNDA3LTAuNTU5LDIuNzU3LTEuNTU0LDMuNzUyTDIwLjY4NywzOC4zMzJ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)}.flair{width:100px;height:100px;background-image:url(https://gsap.com/_img/codepen/flair/Flair-0.png);background-size:contain;background-repeat:no-repeat;will-change:transform}.flair--2{background-image:url(https://gsap.com/_img/codepen/flair/Flair-2.png)}.flair--3{background-image:url(https://gsap.com/_img/codepen/flair/Flair-3.png)}.flair--4{background-image:url(https://gsap.com/_img/codepen/flair/Flair-4.png)}.flair--5{background-image:url(https://gsap.com/_img/codepen/flair/Flair-5.png)}.flair--6{background-image:url(https://gsap.com/_img/codepen/flair/Flair-6.png)}.flair--7{background-image:url(https://gsap.com/_img/codepen/flair/Flair-7.png)}.flair--8{background-image:url(https://gsap.com/_img/codepen/flair/Flair-8.png)}.flair--9{background-image:url(https://gsap.com/_img/codepen/flair/Flair-9.png)}.flair--10{background-image:url(https://gsap.com/_img/codepen/flair/Flair-10.png)}.flair--11{background-image:url(https://gsap.com/_img/codepen/flair/Flair-11.png)}.flair--12{background-image:url(https://gsap.com/_img/codepen/flair/Flair-12.png)}.flair--13{background-image:url(https://gsap.com/_img/codepen/flair/Flair-13.png)}.flair--14{background-image:url(https://gsap.com/_img/codepen/flair/Flair-14.png)}.flair--15{background-image:url(https://gsap.com/_img/codepen/flair/Flair-15.png)}.flair--16{background-image:url(https://gsap.com/_img/codepen/flair/Flair-16.png)}.flair--17{background-image:url(https://gsap.com/_img/codepen/flair/Flair-17.png)}.flair--18{background-image:url(https://gsap.com/_img/codepen/flair/Flair-18.png)}.flair--19{background-image:url(https://gsap.com/_img/codepen/flair/Flair-19.png)}.flair--20{background-image:url(https://gsap.com/_img/codepen/flair/Flair-20.png)}.flair--21{background-image:url(https://gsap.com/_img/codepen/flair/Flair-21.png)}.flair--22{background-image:url(https://gsap.com/_img/codepen/flair/Flair-22.png)}.flair--23{background-image:url(https://gsap.com/_img/codepen/flair/Flair-23.png)}.flair-cont{display:flex;align-items:center;justify-content:space-around;gap:2rem;flex-wrap:wrap}.gradient-green{background:var(--gradient-macha),url(https://gsap.com/_img/codepen/flair/noise.png);background-blend-mode:color-dodge}.gradient-green-2{background:var(--gradient-emerald-city),url(https://gsap.com/_img/codepen/flair/noise.png);background-blend-mode:color-dodge}.gradient-orange{background:var(--gradient-orange-crush),url(https://gsap.com/_img/codepen/flair/noise.png);background-blend-mode:color-dodge}.gradient-purple{background:var(--gradient-purple-haze),url(https://gsap.com/_img/codepen/flair/noise.png);background-blend-mode:color-dodge}.gradient-blue-2{background:var(--gradient-summer-fair),url(https://gsap.com/_img/codepen/flair/noise.png);background-blend-mode:color-dodge}.gradient-blue{background:var(--color-ui-gradient),url(https://gsap.com/_img/codepen/flair/noise.png);background-blend-mode:color-dodge}.gradient-red{background:var(--gradient-lipstick),url(https://gsap.com/_img/codepen/flair/noise.png);background-blend-mode:color-dodge}.noise{position:relative}.noise:after{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background:url(https://gsap.com/_img/codepen/flair/noise.png);opacity:.4;pointer-events:none}.boxes-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.fixed{position:fixed}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-4{margin-bottom:1rem}.mt-12{margin-top:3rem}.block{display:block}.min-h-screen{min-height:100vh}.max-w-\[300px\]{max-width:300px}.max-w-\[546px\]{max-width:546px}.grow{flex-grow:1}.flex-col{flex-direction:column}.border{border-width:1px}.py-20{padding-top:5rem;padding-bottom:5rem}.text-base{font-size:1rem;line-height:1.5rem}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.dark\:bg-slate-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity))}.dark\:bg-slate-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity))}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2px;padding-left:2px}@media (min-width: 640px){.container{max-width:640px;padding-right:4px;padding-left:4px}}@media (min-width: 768px){.container{max-width:768px;padding-right:4px;padding-left:4px}}@media (min-width: 1024px){.container{max-width:1024px;padding-right:6px;padding-left:6px}}@media (min-width: 1280px){.container{max-width:1280px;padding-right:8px;padding-left:8px}}@media (min-width: 1536px){.container{max-width:1536px;padding-right:16px;padding-left:16px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.left-1{left:.25rem}.left-\[-100px\]{left:-100px}.left-\[50\%-20px\]{left:50%-20px}.left-\[50\%\]{left:50%}.top-0{top:0}.top-3{top:.75rem}.top-\[50\%\]{top:50%}.top-\[calc\(50\%-20px\)\]{top:calc(50% - 20px)}.z-50{z-index:50}.z-\[60\]{z-index:60}.ml-\[-125px\]{margin-left:-125px}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-0{height:0px}.h-12{height:3rem}.h-16{height:4rem}.h-28{height:7rem}.h-8{height:2rem}.h-\[70\%\]{height:70%}.h-\[90\%\]{height:90%}.h-\[95\%\]{height:95%}.h-full{height:100%}.w-0{width:0px}.w-12{width:3rem}.w-28{width:7rem}.w-4{width:1rem}.w-8{width:2rem}.w-\[90\%\]{width:90%}.w-\[95\%\]{width:95%}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border-2{border-width:2px}.border-b-0{border-bottom-width:0px}.border-t-0{border-top-width:0px}.border-solid{border-style:solid}.border-\[\#000\]{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.border-\[\#64c8ff\]{--tw-border-opacity: 1;border-color:rgb(100 200 255 / var(--tw-border-opacity))}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity))}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.pb-10{padding-bottom:2.5rem}.text-center{text-align:center}.text-\[2rem\]{font-size:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.\!shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1) !important;--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[rotateZ\(80deg\)\]{transition-property:rotateZ(80deg);transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-0{transition-duration:0s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.animate-duration{animation-duration:.15s}.animate-ease{animation-timing-function:cubic-bezier(.4,0,.2,1)}