@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@100;200;400&family=Rajdhani:wght@300;700&display=swap";.intro-container{position:absolute;top:0;left:0;width:100vw;height:100lvh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;z-index:9!important;pointer-events:none;text-align:center;background-color:#33223e6d;visibility:hidden}.intro-container .intro-loading{margin-top:60px}.intro-loading-spinner{position:absolute;font-size:12px;display:flex;justify-items:center;align-items:center;gap:10px;width:200px;margin-top:60px;justify-content:center;left:50%;transform:translate(-50%)}.intro-container .intro-loading p{font-family:DM Sans,sans-serif;font-weight:200;font-size:13px;line-height:1.2em}.intro-container .sub-title{font-family:DM Sans,sans-serif;font-weight:200;font-size:16px;line-height:2.9em;margin-top:40px}.intro-container h1{font-family:Rajdhani,sans-serif;font-size:12vw;text-transform:uppercase;line-height:.8em;letter-spacing:-.5vw}.intro-container h3{font-size:1vw;-webkit-user-select:none;user-select:none;pointer-events:none;position:relative;letter-spacing:.3em;line-height:1em;font-weight:100;margin-top:0;margin-bottom:60px;color:#fff}.intro-button{padding:20px 40px;border:1px solid rgba(255,255,255,.2);background-color:#ffffffdc;display:flex;align-items:center;justify-content:center;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .8s ease-in-out;pointer-events:all;cursor:pointer;gap:6px;font-size:16px;position:absolute;left:50%;transform:translate(-50%);color:#000}.intro-button:hover{transform:scale(1.05);background-color:#264e7022;color:#fff}.intro-button img{transition:all .8s ease-in-out;opacity:1}.intro-button:hover img{filter:invert(1)}.textLine{display:block}.inline-block{display:inline-block}.custom-loader{width:50px;height:50px;--c: radial-gradient(farthest-side, #ffffff 92%, #0000);background:var(--c) 50% 0,var(--c) 50% 100%,var(--c) 100% 50%,var(--c) 0 50%;background-size:12px 12px;background-repeat:no-repeat;animation:s7 .5s infinite}@keyframes s7{to{transform:rotate(.5turn)}}@media only screen and (max-width: 600px){.intro-container h1{font-size:8vh;text-transform:uppercase;line-height:1em}.intro-container{padding-bottom:10%;padding-left:5%;padding-right:5%}.intro-container h3{font-family:DM Sans,sans-serif;font-weight:200;font-size:3.4vw;line-height:1.2em;width:100%}.intro-container .sub-title img{width:70px}.brand{width:60px}}.btn{cursor:pointer;background-repeat:no-repeat;width:40px;height:40px;pointer-events:all;border:1px solid rgba(255,255,255,.2);background-color:#264e7022;display:flex;align-items:center;justify-content:center;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease-in-out;aspect-ratio:1}.btn:hover{transform:scale(1.1);background-color:#ffffffa1}.btn:hover #wave{filter:invert(1)}#wave{height:25px;width:30px;transform:translate(7px);pointer-events:none;opacity:.6;transition:all .3s ease-in-out}.animation #Line_1{animation:pulse 1s infinite;animation-delay:.15s}.animation #Line_2{animation:pulse 1s infinite;animation-delay:.3s}.animation #Line_3{animation:pulse 1s infinite;animation-delay:.45s}.animation #Line_4{animation:pulse 1s infinite;animation-delay:.6s}.animation #Line_5{animation:pulse 1s infinite;animation-delay:.75s}.animation #Line_6{animation:pulse 1s infinite;animation-delay:.9s}.animation #Line_7{animation:pulse 1s infinite;animation-delay:1.05s}.animation #Line_8{animation:pulse 1s infinite;animation-delay:1.2s}.animation #Line_9{animation:pulse 1s infinite;animation-delay:1.35s}@keyframes pulse{0%{transform:scaleY(1);transform-origin:50% 50%}50%{transform:scaleY(.7);transform-origin:50% 50%}to{transform:scaleY(1);transform-origin:50% 50%}}@media only screen and (max-height: 500px){.btn{left:50%;position:absolute;transform:translate(-50%);margin:0}}.main-menu-wrapper{margin-left:auto;margin-right:40px;display:flex}header{position:absolute;top:0;left:0;margin:0;padding:40px;width:100%;height:120px;font-size:.6vw;-webkit-user-select:none;user-select:none;pointer-events:none;font-weight:lighter;color:#fff;display:flex;align-items:center;justify-content:space-between;flex-direction:row;background:linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%)}.logo{display:flex;align-items:center;justify-content:center;gap:8px;height:60px;flex-direction:row}.logo p{font-size:19px;color:#ffffffda;font-weight:300;width:400px}.logo p strong{font-size:21px;color:#ffffffda;font-weight:900;width:100px;font-family:Rajdhani,sans-serif}header .logo img{height:28px;opacity:.9;transform:translateY(-5px)}.button-header{padding:13px 24px;font-size:12px;border-radius:50px 0 0 50px;border:1px solid rgba(255,255,255,.2);background-color:transparent;color:#ffffff9e;pointer-events:all;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;font-weight:700;transition:all .4s ease-in-out;display:flex;justify-items:center;align-items:center}.button-header.button-header-right{border-radius:0 50px 50px 0;border-left:none}.button-header:hover{transform:scale(1.05);background-color:#f1f1f178;color:#000000a8}.button-header.active{background-color:#f1f1f178;color:#000000a8}.button-header.active:before{content:"";position:absolute;width:6px;height:6px;background-color:#565656;right:10px;top:17px;border-radius:10px}h3{font-size:1vw;-webkit-user-select:none;user-select:none;pointer-events:none;position:relative;bottom:-10px;letter-spacing:.3em;left:.8%;line-height:1.8em;font-weight:100;color:#fff}.container h2{font-size:.6vw;-webkit-user-select:none;user-select:none;font-weight:lighter;color:#fff}.status-stars{font-size:1.6em;letter-spacing:1px;display:flex;align-items:center;margin-right:10px;gap:10px;padding:5px 20px;border-radius:50px}.logged-user{display:flex;gap:10px;font-size:13px;font-weight:400;align-items:center;margin-left:20px;margin-right:20px}.button-logout{padding:5px 16px;border-radius:50px;border:1px solid white;background-color:transparent;color:#fff;opacity:.7;pointer-events:all;cursor:pointer;transition:all .4s ease}.button-logout:hover{background-color:#fff;color:#000}.confetti-wrapper{position:absolute!important;top:-100%}@media only screen and (max-width: 600px){.instruction{display:none}footer{display:none}.button-header{padding:14px 23px;margin-right:2px}header{padding:0 20px;height:90px}.main-menu-wrapper .menu-link{display:none}header img{height:30px;transform:translateY(0)}.logo p{font-size:14px;color:#ffffffda;font-weight:300;width:100px;display:none}.logo p strong{font-size:13px;display:none}.status-stars{font-size:13px;margin-right:4px;gap:8px;padding:5px 12px}.logged-user{display:flex;gap:0px;font-size:13px;font-weight:400;align-items:center;margin:0}.main-menu-wrapper{margin-right:10px}.button-header{border:none;padding:0 6px;text-decoration:underline;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:14px}}div.btn-container{display:flex;vertical-align:middle;text-align:center;align-items:center;gap:10px}label{font-size:13px;color:#424242;font-weight:500;pointer-events:all}.btn-color-mode-switch{display:inline-block;margin:0;position:relative;cursor:none;pointer-events:none}.btn-color-mode-switch>label.btn-color-mode-switch-inner{margin:0;width:140px;height:32px;background:none;border-radius:26px;border:1px solid #ffffff61;overflow:hidden;position:relative;transition:all .3s ease;display:block;pointer-events:none}.btn-color-mode-switch>label.btn-color-mode-switch-inner:before{content:attr(data-on);position:absolute;font-size:12px;font-weight:500;top:7px;color:#ffffff45;right:20px}.btn-color-mode-switch>label.btn-color-mode-switch-inner:after{content:attr(data-off);width:70px;height:16px;background:#fff;border-radius:26px;position:absolute;left:2px;top:2px;text-align:center;transition:all .3s ease;box-shadow:0 0 6px -2px #111;padding:5px 0}.btn-color-mode-switch>.alert{display:none;background:#ff9800;border:none;color:#fff}.btn-color-mode-switch input[type=checkbox]{cursor:pointer;width:130px;height:25px;opacity:0;position:absolute;top:0;z-index:1;margin:0;left:5px;pointer-events:all}.btn-color-mode-switch input[type=checkbox]:checked+label.btn-color-mode-switch-inner{background:#151515;color:#fff}.btn-color-mode-switch input[type=checkbox]:checked+label.btn-color-mode-switch-inner:after{content:attr(data-on);left:68px;background:#0b2995}.btn-color-mode-switch input[type=checkbox]:checked+label.btn-color-mode-switch-inner:before{content:attr(data-off);right:auto;left:20px}.btn-color-mode-switch input[type=checkbox]:checked+label.btn-color-mode-switch-inner{background:#040237;color:#fff}.btn-color-mode-switch input[type=checkbox]:checked~.alert{display:block}@media only screen and (max-width: 600px){.btn-color-mode-switch>label.btn-color-mode-switch-inner{width:35px}label.btn-color-mode-switch-inner:before{content:""!important}label.btn-color-mode-switch-inner:after{content:""!important}.btn-color-mode-switch input[type=checkbox]{width:30px}}.controls{bottom:5%;right:3%;display:flex;flex-direction:row;gap:20px;align-items:center}.controls .raw{display:flex;justify-content:center}.controls .key{width:20px;height:18px;margin:2px;border:1px solid #ffffff50;background:#ffffff21;border-radius:3px}.controls .key.large{width:72px}.controls .key.active{background:#ffffff99}.instruction{bottom:0;left:0}footer{position:absolute;bottom:0;left:0;font-size:12px;color:#ffffff6e;text-align:right;width:100%;height:50px;display:flex;align-items:flex-end;padding:40px 50px;justify-content:space-between;flex-direction:row;pointer-events:none}.instruction{text-align:left}footer p img{opacity:.3;margin-top:10px}footer a{color:#ffffffa1;text-decoration:none;pointer-events:all}@media only screen and (max-width: 1200px){footer{display:none}}.wrapper-card{width:100%;height:100%;top:0;left:0;position:absolute;background-color:#0000004e;color:#000;font-weight:200;text-align:center;display:flex;align-items:flex-end;justify-content:center}.wrapper-card .card-instructions{background:white;padding:30px;border-radius:6px;display:flex;flex-direction:row;align-items:center;margin-bottom:80px}.wrapper-card .card-instructions .card-body{display:flex;text-align:left;gap:30px;justify-content:flex-start;flex-direction:row-reverse}.wrapper-card .card-item img{margin-bottom:10px}.wrapper-card .card-bottom-wrapper{display:flex;align-items:center;gap:20px}.wrapper-card .card-top{display:flex;text-align:center;gap:10px;justify-content:center;align-items:flex-start;flex-direction:column;text-align:left;width:360px}.wrapper-card .card-top h2{font-size:20px;width:100%}@media screen and (max-width: 1024px){.wrapper-card .card-bottom-wrapper{display:none}.wrapper-card .card-top p{font-size:16px;width:100%}.wrapper-card .card-top{text-align:center;margin-bottom:20px}.wrapper-card .card-instructions{width:95%;padding:40px 20px;flex-direction:column}}.panel-wrapper{width:100vw;height:100vh;position:absolute;top:0;left:0}.panel{position:absolute;top:50%;right:50px;width:350px;height:auto;padding:40px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;color:#fff;background-color:#ffffffbd;-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);border-radius:16px;transform:translateY(-50%);z-index:100;color:#04251cb2}.panel.expanded{position:absolute;top:50%;right:50px;width:450px;padding:0 30px 40px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.panel.login{position:absolute;top:50%;right:50%;width:350px;height:480px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.panel.redeem{position:absolute;top:50%;right:50%;width:740px;display:flex;align-items:center;justify-content:center;flex-direction:row;background-color:#ffffffe6;gap:40px}.panel.panel.redeem h2{font-size:2.7em}.panel.panel.redeem p{font-size:1.3em}.panel .redeem-right{flex-shrink:2}.panel .redeem-buttons-wrapper{margin-top:20px}.panel .button-claim{background-color:green;padding:20px 40px}.panel .social-icons{display:flex;gap:10px;margin-top:20px;cursor:pointer}.panel.live-matches .close-button-panel,.panel.user-bets .close-button-panel{position:absolute;top:-20px;right:-20px}.panel.live-matches{left:40px;background-image:url(/images/live-matches.webp);background-size:contain;background-repeat:no-repeat;background-position:center;height:642px;width:300px;border:4px solid white}.panel.user-bets{left:40px;background-image:url(/images/user-bets.webp);background-size:contain;background-repeat:no-repeat;background-position:center;height:614px;width:300px;border:4px solid white}.panel .spinner-wrapper{display:flex;text-align:center;flex-direction:column;gap:60px;align-items:center;justify-items:center;transform:translate(16%)}.panel .spinner{width:16px;height:16px;border-radius:50%;background:#a82700;transform:translate(-50%,-50%)}.panel .spinner:before,.panel .spinner:after{content:"";position:absolute;border-radius:50%;top:0;right:0;bottom:0;left:0;background:#fff;transform:rotate(0) translate(30px);animation:rotate 1s ease infinite}.panel .spinner:after{animation-delay:.5s}@keyframes rotate{to{transform:rotate(360deg) translate(30px)}}hr{border:.1px solid rgba(0,0,0,.37);width:100%}.panel form{padding:20px 0;display:flex;flex-direction:column;gap:20px;align-items:flex-start}.panel form input{padding:20px;width:100%;border-radius:6px;border:1px solid grey}.panel .login-button-area{display:flex;gap:20px;align-items:center}.panel .raffle-text{font-size:12px!important;line-height:1em!important}.panel.unlock{top:50%;left:50%;width:850px;height:480px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:translate(-50%,-50%)!important;background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff;text-align:center}.panel.unlock p strong{color:#fff}.panel .unlocked-wrapper{background-size:cover;width:100%;height:100%;opacity:.2;position:absolute;border-radius:20%;pointer-events:none;z-index:-1}.panel.unlock h1{font-size:64px;line-height:90%;text-align:center;font-family:Rajdhani,sans-serif}.panel.unlock p{font-size:28px;line-height:120%;text-align:center;font-family:Rajdhani,sans-serif}.panel.expanded.ecommerce{position:absolute;top:50%;right:50px;width:850px;padding:0 40px 40px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.panel .react-player video{border-radius:8px}.panel.expanded.nocode .player-wrapper{margin-bottom:20px;margin-top:20px}.panel.expanded.ecommerce .player-wrapper{display:grid;margin-top:20px;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.store-brands{width:100%;display:flex;height:70px;align-content:flex-start;align-items:center}.numbers img{top:0;left:0;width:120px;opacity:.7}.panel p{opacity:.8;font-weight:400;font-size:16px;letter-spacing:-.5px;padding-top:20px}.panel p strong{font-weight:800;opacity:1;color:#00201e}.panel h2{font-size:32px;line-height:90%;font-family:Rajdhani,sans-serif}.panel h3{font-size:32px;letter-spacing:0px;font-weight:800;color:#04251cb2;font-family:Rajdhani,sans-serif}.close-button-panel{position:absolute;top:20px;right:20px;cursor:pointer;width:40px;height:40px;border:1px solid rgba(19,48,128,.6);background-color:none;display:flex;align-items:center;justify-content:center;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .8s ease-in-out}.panel .numbers-wrapper{margin-top:10px;display:grid;gap:30px;align-items:center;grid-template-columns:1.5fr 2.5fr 2fr;justify-items:center;font-size:15px}.numbers.first{line-height:90%;display:flex;flex-direction:column;gap:10px;margin-top:40px}.numbers.grid{display:grid;grid-template-columns:1fr 2fr;align-items:center;line-height:90%;gap:20px}.numbers.grid img{top:10px;left:20px;width:60px;opacity:.7;position:relative}.close-button-panel img{filter:invert(1);opacity:.6}.close-button-panel:hover{transform:scale(1.1);background-color:#264e7055}.react-player video{border-radius:8px}.switch-sponsorthip{display:flex;gap:16px;padding-top:30px;font-size:14px;align-items:center}.button-inverted{padding:12px 30px;border-radius:50px;border:none;background-color:#000000cf;color:#ffffffe9;pointer-events:all;cursor:pointer;font-weight:700;transition:all .4s ease-in-out;display:flex;align-items:center;gap:10px}.button-inverted img{filter:invert(1)}.button-inverted:hover{transform:scale(1.05);background-color:#fff;color:#000;box-shadow:0 0 20px #00000026}.button-normal{padding:12px 30px;border-radius:50px;border:none;background-color:#ffffffcf;color:#0e0e0ee9;pointer-events:all;cursor:pointer;font-weight:700;transition:all .4s ease-in-out;display:flex;align-items:center;gap:10px}.button-normal:hover{transform:scale(1.05);background-color:#000;color:#fff;box-shadow:0 0 20px #00000026}.button-outline{padding:12px 30px;border-radius:50px;border:1px solid grey;background-color:transparent;color:#0e0e0ee9;pointer-events:all;cursor:pointer;font-weight:700;transition:all .4s ease-in-out;display:flex;align-items:center;gap:10px;opacity:.4}.button-outline:hover{transform:scale(1.05);opacity:1;background-color:#fff;color:#000;box-shadow:0 0 20px #00000026}#raffle-red{display:flex;justify-content:center;align-items:center;scale:1.2;rotate:-6deg;height:180px;animation:tada 10s infinite,delay-animation 2s linear infinite;pointer-events:none}.entry{text-align:center}#raffle-red div{background-image:radial-gradient(circle at top left,transparent 17px,#dc143c 17px),radial-gradient(circle at top right,transparent 17px,#dc143c 17px),radial-gradient(circle at bottom left,transparent 17px,#dc143c 17px),radial-gradient(circle at bottom right,transparent 17px,#dc143c 17px);box-shadow:0 38px 14px -35px #0000004d;background-size:50% 50%;background-position:top left,top right,bottom left,bottom right}.raffle div{width:220px;height:110px;background-repeat:no-repeat}.entry div{position:relative}#raffle-red div:before{content:"ticket";width:234px;height:76px;padding-left:40px;left:-7px;top:17px;background-size:7px 7px;background-repeat:repeat-y;background-position:0 0,0 0,100% 0,100% 0;background-image:linear-gradient(45deg,transparent 75%,#dc143c 75%),linear-gradient(135deg,transparent 75%,#dc143c 75%),linear-gradient(-45deg,transparent 75%,#dc143c 75%),linear-gradient(-135deg,transparent 75%,#dc143c 75%);line-height:1.9;font-size:42px;text-align:left}.raffle div:before{font-family:HelveticaNeue-CondensedBold,Arial Narrow,Impact,Roboto,sans-serif;letter-spacing:2px;text-transform:uppercase}#raffle-red div:after{content:"BB94CF";width:75px;height:185px;padding-top:162px;top:-37px;left:72px;background:linear-gradient(to bottom,transparent 155px,#fa8072 155px,#fa8072 158px,transparent 158px);border:3px solid #fa8072}.raffle div:after{border-radius:10px;transform:rotate(-90deg);font-size:14px;font-family:monospace;text-align:center;line-height:1}.no-scale:after{border-radius:10px;-ms-transform:rotate(-90deg)!important;-webkit-transform:rotate(-90deg)!important;transform:rotate(-90deg)!important;font-size:14px;font-family:monospace;text-align:center;line-height:1}.raffle div:before,.raffle div:after{box-sizing:border-box;color:#333}.entry div:before,.entry div:after{display:block;content:"";position:absolute}@keyframes tada{40%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}50%,60%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}70%,80%,90%,95%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}60%,70%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}90%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@media only screen and (max-width: 1200px){.panel-wrapper{background-color:#000000e0;z-index:2}.panel{position:absolute;top:50%;right:3%;transform:translateY(-50%);z-index:100}.panel.expanded{width:95%;height:auto;top:45%;padding:30px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;right:2.5%}.panel.panel.redeem{flex-direction:column;width:95%}#raffle-red{height:40px;scale:.6;translate:90px -30px}.panel.expanded.ecommerce .player-wrapper{display:grid;margin-top:0;grid-template-columns:1fr;gap:0px;align-items:center}.panel.expanded.nocode .player-wrapper{margin-bottom:20px;margin-top:0}.panel.expanded.ecommerce{position:absolute;top:45%;right:2.5%;width:95%;padding:0 20px 40px}.panel.expanded h2,.panel.expanded h3{font-size:28px}.mobile-hidden{display:none}.panel.expanded.ecommerce .numbers-wrapper{grid-template-columns:1fr}.numbers.first{display:flex;flex-direction:row;gap:50px;margin-top:0}.numbers img{width:80px;opacity:.7;position:relative;left:20px}.panel.unlock h1{font-size:8vw;line-height:90%;text-align:center;font-family:Rajdhani,sans-serif}.panel.expanded.unlock p{font-size:20px;line-height:100%;text-align:center;font-family:Rajdhani,sans-serif;letter-spacing:0px}.panel.expanded.unlock{align-items:center}.panel.live-matches,.panel.user-bets{left:50%;transform:translate(-50%,-50%);right:0}}.loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#181818;transition:all .5s .7s ease;pointer-events:none;z-index:100}.loader-wrapper.finished-loading{opacity:0;scale:10}.main-loader{display:flex;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:2em;font-size:12px;z-index:20}.main-loader p{font-size:20px;color:#fff}.circular-progress{--size: 250px;--half-size: calc(var(--size) / 2);--stroke-width: 8px;--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--progress) * var(--circumference)) / 100)}.circular-progress circle{stroke-width:var(--stroke-width);fill:none;stroke-linecap:round}.circular-progress circle.bg{stroke:#363636}.circular-progress circle.fg{transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));transition:stroke-dasharray .3s linear 0s;stroke:#ffffffc7}:root{--progress: 0}.main-loader .progress-loader{position:absolute;top:60%;width:50%;height:1px;background:white;transform:scaleX(0);transition:transform 1s;transform-origin:left;z-index:10;margin:0 5%}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;overscroll-behavior:none;outline:none!important;-webkit-tap-highlight-color:transparent}html,#root{width:100vw;height:100vh;overflow:hidden}body{margin:0;font-family:DM Sans,sans-serif;background-color:#633a6c;overflow:hidden;visibility:visible!important}.close-button{position:absolute;top:50px;right:50px;cursor:pointer;width:40px;height:40px;border:1px solid rgba(255,255,255,.2);background-color:#f0f8ff22;display:flex;align-items:center;justify-content:center;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .8s ease-in-out}.close-button:hover{transform:scale(1.05);background-color:#264e7022}.side-panel{position:absolute;right:20px;top:50%;translate:40px -50%;rotate:-90deg;opacity:.3;cursor:pointer}.side-panel:hover{opacity:1}canvas{animation:fade-in 3s ease forwards;animation-delay:.5s;opacity:0}#canvasIntro{transition:all 1.4s ease-in-out}#canvasIntro.hidden{opacity:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media only screen and (max-width: 1200px){.close-button{top:30px;right:20px}}