@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap);:root{--mobile-breakpoint:875px;--border-radius:6px;--color-with-ivs:#2b313f;--color-light-background:#454545;--color-lightest-background:#d4d4d4;--color-dark-background:#2d2d2d;--color-darkest-background:#1f1f1f;--color-black:#000;--color-near-black:#0f1112;--color-dark-gray:#33393c;--color-mid-gray:#4b5358;--color-gray:#8d9ca7;--color-silver:#999;--color-light-silver:#a2b4c0;--color-moon-gray:#dfe5e9;--color-light-gray:#e7ecf0;--color-near-white:#f1f2f3;--color-white:#fff;--color-dark-red:#e7040f;--color-red:#fd2222;--color-light-red:#ff725c;--color-orange:#ff6300;--color-gold:#ffb700;--color-yellow:gold;--color-light-yellow:#fbf1a9;--color-purple:#5e2ca5;--color-light-purple:#a463f2;--color-dark-pink:#d5008f;--color-hot-pink:#ff41b4;--color-pink:#ff80cc;--color-light-pink:#ffa3d7;--color-dark-green:#137752;--color-green:#0fd70b;--color-light-green:#9eebcf;--color-navy:#001b44;--color-dark-blue:#2026a2;--color-blue:#2b44ff;--color-light-blue:#8bb0ff;--color-lightest-blue:#e0eaff;--color-washed-blue:#f6fffe;--color-washed-green:#e8fdf5;--color-washed-yellow:#fffceb;--color-washed-red:#ffdfdf;--color-white-90:#ffffffe6;--color-white-80:#fffc;--color-white-70:#ffffffb3;--color-white-60:#fff9;--color-white-50:#ffffff80;--color-white-40:#fff6;--color-white-30:#ffffff4d;--color-white-20:#fff3;--color-white-10:#ffffff1a;--color-white-05:#ffffff0d;--color-black-90:#000000e6;--color-black-80:#000c;--color-black-70:#000000b3;--color-black-60:#0009;--color-black-50:#00000080;--color-black-40:#0006;--color-black-30:#0000004d;--color-black-20:#0003;--color-black-10:#0000001a;--color-black-05:#0000000d}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{text-rendering:optimizeSpeed;background:var(--color-black);color:var(--color-white);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;overflow:hidden}a{text-decoration:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img{height:100%;object-fit:cover;width:100%}button{background:var(--color-white);border:none;border-radius:var(--border-radius);color:var(--color-black);cursor:pointer;font-size:15px;font-weight:700;padding:.75rem;-webkit-user-select:none;user-select:none}h1{font-size:2.625rem;font-weight:800}h2{font-size:2rem}b,h2{font-weight:900}b,input{font-size:15px}input{background:var(--color-light-background);border:2px solid var(--color-light-background);border-radius:var(--border-radius);color:var(--color-white);height:42px;padding:12px 14px;width:100%}input:focus{border:2px solid var(--color-white);outline:none}@media (max-width:875px){body{overflow-y:auto}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.flex{align-items:center;height:100%;justify-content:center}.flex,.grid{display:flex}.grid{flex-direction:row;height:100vh}.grid-col{flex-direction:column;height:auto;overflow:hidden}.grid-row{flex-direction:row;height:auto}.grid-row.reverse,.grid.reverse{flex-direction:row-reverse}.grid-col.reverse{flex-direction:col-reverse}.autoFit{flex:1 1}.scrollable{height:100%;overflow-y:auto}@media (max-width:875px){.grid{flex-direction:column;overflow-y:auto}.grid.reverse{flex-direction:column-reverse}.grid-col{flex-direction:row}.grid-row{flex-direction:column}.autoFit{flex:none}}.landing-section{background-position:50%;background-size:cover;display:flex;height:100%;justify-content:center;max-width:460px;position:relative;width:auto}header{flex-direction:column;margin:3.75rem 2.5rem}header>*{margin-bottom:20px}@media (max-width:875px){header{align-items:center;margin:2.5rem;text-align:center}.landing-section{height:auto;max-width:none;width:100%}}footer{align-items:center;background:var(--color-with-ivs);border-radius:2.5rem;bottom:2.5rem;display:flex;font-family:Inter;font-size:15px;left:2.5rem;line-height:18px;padding:11px 40px 11px 18px;position:absolute}.landing-section>footer>svg{position:absolute;right:5px;transform:scaleX(-1)}.racetrack-flag{left:0;position:absolute;top:0;z-index:30}.avatar{align-items:center;border-radius:50%;display:flex;height:auto;justify-content:center;padding:0;position:relative;z-index:10}.avatar img{border-radius:50%;z-index:1}.avatar.sm{width:25px}.avatar.md{width:42px}.avatar.lg{width:60px}.avatar.auto{width:auto}.avatar[class*=marker--]{box-shadow:0 4px 10px 0 #00000040}.avatar.hoverable:hover,.avatar.selected{border:2px solid var(--color-white)}.avatar.selected:after{background:#00000080;border-radius:50%;content:"";height:100%;opacity:1;position:absolute;width:100%;z-index:1}.avatar>svg{position:absolute;z-index:2}.avatar.marker--ai{border:2px solid var(--color-white);width:22px;z-index:50}.avatar.marker--user{border:3px solid var(--color-white);width:42px;z-index:100}.avatar[class*=marker--]:after{background:url(/static/media/caret.2870e0efd44f79b3eb04.svg) 50% no-repeat;content:"";display:block;height:16px;left:0;position:absolute;top:9px;width:100%}.avatar.marker--user:after{top:32px}.avatar .crown{height:10px;left:0;margin:auto;position:absolute;right:0;top:-7px;width:14px;z-index:75}.avatar.sm .crown{top:-14px}.user-section{max-width:32rem;padding:30px;width:100%}@media (max-width:875px){h2{text-align:center}.user-section{height:100%;min-width:auto}}.user-section>form{margin:30px 0 40px}.user-section>form>*{margin-bottom:10px}.select-avatar-container{background:var(--color-dark-background);border-radius:var(--border-radius);padding:12px 13px}.select-avatar-container>h4{color:var(--color-lightest-background);font-size:15px;font-weight:400}.avatars{grid-column-gap:15px;grid-row-gap:10px;column-gap:15px;display:grid;grid-template-columns:repeat(auto-fit,minmax(3rem,1fr));margin-top:10px;row-gap:10px}.join-class-btn{width:100%}.player-section{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.video-container{height:0;overflow:hidden;padding-top:56.25%;position:relative;width:100%}video{height:100%;left:0;object-fit:cover;top:0}.notification-area,video{position:absolute;width:100%}.notification-area{align-items:center;bottom:0;display:flex;flex-direction:column;min-width:50%}.trainer-info-container{display:flex;flex-direction:column;padding:2rem 0;width:100%;z-index:2}.trainer-info-container p{color:var(--color-white);text-align:center}.trainer-info-gradient{background:linear-gradient(1turn,#0009 28%,#0000);bottom:0;height:150px;position:absolute;width:100%;z-index:1}.trainer-title{font-size:17px;font-weight:700;line-height:21px;margin-bottom:6px}.trainer-name{font-size:15px;line-height:18px}@media (min-width:875px){.video-container{height:100%}}.notification-container{align-items:center;background-color:var(--color-white);border-radius:10px;color:var(--color-black);display:flex;justify-content:space-between;max-width:460px;padding:25px;width:90%;z-index:142}@keyframes slideUp{0%{opacity:0;transform:translateY(26px)}90%{opacity:1;transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(26px)}}.slide-animation-enter{animation:slideUp .2s}.slide-animation-exit{animation:slideDown .2s}.notification-icon-container{align-items:center;background-color:var(--color-blue);border:1px solid var(--color-dark-blue);border-radius:50%;display:flex;height:52px;justify-content:center;width:52px}.notification-text-container{display:flex;flex-direction:column;font-size:15px;justify-content:center;line-height:18px}.notification-text-container strong{font-size:17px;font-weight:900;line-height:21px}.notification-text-container p{max-width:240px;overflow:hidden;text-overflow:ellipsis}.notification-button-container{align-items:center;display:flex;flex-direction:column;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-animation-enter{animation:fadeIn .2s}.fade-animation-exit{animation:fadeOut .2s}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-7px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-3px,0) scaleY(1.05)}80%{transform:translateZ(0) scaleY(.95);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{transform:translate3d(0,-1px,0) scaleY(1.02)}}.bouncing-arrow{position:absolute;top:-25px;z-index:42}.notification-button-container svg{animation:bounce 1.5s .5s infinite;transform-origin:center bottom}@keyframes pulse{0%{box-shadow:0 0 0 0 #00b84a66}70%{box-shadow:0 0 0 20px #f000}to{box-shadow:0 0 0 0 #f000}}.pulse-animation-enter{animation:pulse .6s}.notification-button-container button{border:1px solid #00b84a;border-radius:5px;font-family:Inter;font-size:19px;line-height:22px;padding:6px 9px 7px;text-align:center}.notification-button-container button:disabled{cursor:default}@media (max-width:875px){.notification-container{bottom:20px;position:fixed}.notification-icon-container{height:40px;width:40px}.notification-text-container{margin-left:0}.notification-text-container p{max-width:calc(100vw - 185px)}.bouncing-arrow{top:-20px}.notification-button-container button{padding:12px 18px 13px}}@keyframes rotate{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}.spinner{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.spinner svg{animation:rotate 1s linear infinite;height:42px;position:relative;width:42px}.race-summary{background:var(--color-dark-background);display:flex;flex-direction:column;height:100%;position:relative;width:460px}@media (max-width:875px){.race-summary{max-width:none;width:100%}}.leaderboard{background:var(--color-dark-background);padding:30px 20px}.leaderboard.with-tutorial{padding-bottom:139px}@media (max-width:875px){.leaderboard{overflow-y:auto}}.rank{width:10px}.participant{align-items:center;display:flex;gap:10px;position:relative}.participant+.participant{margin-top:20px}.participant-info{align-items:center;background:var(--color-light-background);border-radius:10px;display:flex;flex:1 1;justify-content:space-between;min-height:62px;padding:0 15px 0 10px}.participant-info.user{background:linear-gradient(to right,var(--color-white) 50%,var(--color-light-background) 50%);background-position:100% 100%;background-size:200% 100%;box-shadow:0 0 0 2px var(--color-white) inset}.participant-name{max-width:195px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.best-lap-text{color:var(--color-black);display:none;left:57px;position:absolute}.profile-info{gap:1rem;position:relative;width:100%}.profile-info,.race-info{align-items:center;display:flex}.race-info{gap:18px;justify-content:space-between}.time-data{font-feature-settings:"tnum";align-items:center;display:flex;flex-direction:column;font-variant-numeric:tabular-nums;font-weight:500}.time-data p{font-size:10px;line-height:12px}.time-data>.time{font-size:15px;letter-spacing:-.36px;line-height:18px;text-align:center;white-space:nowrap;width:100%}.time-data.best{font-size:15px;min-width:50px;opacity:50%}.time-data.current{align-items:center;display:flex;flex-direction:column;font-size:15px}.best-lap-timers{display:none;font-style:normal;font-weight:500;position:relative;text-align:center}.best-lap-timers p{display:none}.best-lap-time{color:#00b84a;font-size:15px;line-height:18px;white-space:nowrap}.best-lap-time-diff{color:#00000080;font-size:10px;line-height:12px;position:absolute;white-space:nowrap;width:100%}@media (max-width:875px){.participant-name{max-width:calc(100vw - 270px)}}@media (max-width:350px){.participant-name{display:none}}.racetrack{background:var(--color-darkest-background);position:relative}.racetrack-path{margin:68px 70px;max-width:320px;position:relative;text-align:center;width:90%}.participant-count{bottom:20px;font-size:13px;position:absolute;text-align:center;width:100%}.participant-tracker-container{align-items:center;bottom:0;display:flex;flex-direction:column;margin-left:-10px;margin-top:-45px;position:absolute;top:0}.participant-tracker-container.user{margin-left:-21px;margin-top:-66px}.participant-tracker{background:#fff;border-radius:50%;box-shadow:0 4px 10px 0 #00000040;height:8px;margin-top:15px;width:8px;z-index:10}.participant-tracker.user{height:14px;margin-top:12px;width:14px;z-index:20}@media (max-width:875px){.racetrack-path{margin:67px auto}}
/*# sourceMappingURL=main.940e07e2.css.map*/