@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700;900&display=swap);*,:after,:before{border:0 solid;box-sizing:border-box}menu,ol,ul{list-style:none;margin:0;padding:0}img,video{height:auto;max-width:100%}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}.contentWrapper h2{margin-top:1rem}.contentWrapper h3{margin-top:.7rem}.contentWrapper h4{margin-top:.5rem}.legalBlock ul{list-style:disc;margin:0 0 .5rem 1rem}.legalBlock ul li{padding:.25rem 0 0}p{padding:.5rem 0}body,html{height:100%}html{line-height:1.5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;line-height:inherit;margin:0}#root{height:100%;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.flex{display:flex}body{background-color:#fff;font-size:.875rem}.feather{height:16px;vertical-align:text-bottom;width:16px}.sessionLoading{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;width:100%}.sessionLoading p{padding-top:2rem}.loadingBlock{align-items:center;display:flex;flex-direction:column;padding:5rem;width:100%}.loadingBlock p{padding-top:2.5rem}.menuSide div ul a,.menuSide div ul svg{color:#fff}.menuSide div ul a{padding:1rem 1.5rem}.menuSide div hr{background:#fff;border:none;height:1px;margin:0 1rem;opacity:.1}.menuSide div:last-child hr{display:none}.appContainer{display:flex;flex:1 1 auto;height:100%;width:100%}.appContainer .topBar{background:#fff;height:4rem;padding:0;width:100%}.appContainer .topBar,.appContainer .topBar .topButtons,.appContainer .topBar .topLeft{align-items:center;display:flex}.appContainer .topBar .topButtons .menuIconWrapper button,.appContainer .topBar .topLeft .menuIconWrapper button{height:40px!important;width:40px!important}.appContainer .topBar .topButtons .menuIconWrapper svg,.appContainer .topBar .topLeft .menuIconWrapper svg{color:#64748b}.appContainer .topBar .topButtons{display:none;margin-left:auto!important}.appContainer .topBar .topButtons .topButton{margin:0 0 0 1rem}.sideTop{display:flex;padding:1.6rem 1.6rem 1rem;width:100%}.sideTop .icons,.sideTop .logo{align-items:center;display:flex}.sideTop .icons{margin-left:auto!important}.sideTop .icons .account,.sideTop .icons .notifications{margin:0 8x}.sideTop .icons .account{margin-right:0}main{color:#1e293b;display:flex;flex:1 1 auto;flex-direction:column;min-width:0;position:relative;width:100%}main .sr-button-base{border-radius:50%;flex-shrink:0;height:40px;line-height:40px;min-width:0;padding:0;width:40px}main .sr-button-base .sr-button-wrapper{align-items:center;display:inline-flex!important;height:100%;justify-content:center;position:relative;z-index:2}main .sr-button-base .sr-button-wrapper .sr-button{fill:#64748b;background-repeat:no-repeat;color:#64748b;display:inline-block;height:24px;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:24px}main .mainContent{background:#f1f5f9;display:flex;flex:1 1 auto;flex-direction:column}main .mainContent .mainInner{display:flex;flex-wrap:wrap;margin-left:auto;margin-right:auto;max-width:1536px;padding:1.5rem;width:100%}main .mainContent .mainInner .mainTitleWrapper{align-items:center;display:flex;justify-content:space-between;width:100%}main .mainContent .mainInner .mainTitleWrapper .mainTitle{font-size:1.5rem;font-weight:600;letter-spacing:-.025em;line-height:2rem}main .mainContent .mainInner .mainTitleWrapper .mainTitle a{margin-left:1rem}main .mainContent .mainInner .mainTitleWrapper .subTitle{--tw-text-opacity:1!important;color:#64748b;font-weight:500;letter-spacing:-.025em}main .mainContent .mainInner .contentWrapper{width:100%}main .mainContent .mainInner .contentWrapper .contentBlock{background:#fff;border-radius:1rem;display:flex;flex:1 1 auto;flex-direction:column;margin-top:2rem;padding:1.5rem}main .bg-card{background:#fff}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(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:0 0 #0000,0 0 #0000,var(--tw-shadow)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.sub-text{--tw-text-opacity:1!important;color:#64748b}.fullWidth{width:100%}@media(min-width:801px){.appContainer .topBar{padding:0 1rem}.appContainer .topBar .topButtons{display:flex}main .mainContent .mainInner{padding:2rem}}.trackBuilderHelpContent li,.trackBuilderHelpContent p{max-width:75ch}.trackBuilderHelpContent ul{list-style:disc none outside;list-style:initial}.trackBuilderHelpContent ul li{margin-left:16px}.trackBuilderHelpContent td:has(img){align-items:center;display:flex}.trackBuilderHelpContent td:has(img) img{padding:0 4px}.trackBuilderHelpContent img{max-width:75ch}.trackBuilderHelpContent .img-small{width:25%}.trackBuilderHelpContent .image-grid{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:25% 25%;margin:16px 0}.trackBuilderHelpContent .image-grid img{width:100%}.trackBuilderHelpContent .image-grid p{align-self:flex-start}.trackBuilderHelpContent .MuiAlert-root{margin:16px 0;max-width:75ch}.loginContainer{align-items:center;background:#f1f5f9;color:#1e293b;display:flex;height:100%;justify-content:center;width:100%}.loginContainer .loginWrapper{display:flex;flex-direction:column;flex-wrap:wrap;margin-left:auto;margin-right:auto;max-width:800px;padding:1.5rem;text-align:center;width:100%}.loginContainer .loginWrapper .statusMessage p{margin-top:1rem}.loginContainer .loginWrapper .loginLogo{align-self:center;width:250px}.loginContainer .loginWrapper .loginInner{background:#fff;border-radius:1rem;display:flex;flex:1 1 auto;flex-direction:column;margin-top:2rem;overflow:hidden;padding:1.5rem}.loginContainer .loginWrapper .loginInner button{font-size:1.1em;margin-top:2rem}.loginContainer .loginWrapper .loginInner button svg{fill:#fff;color:#fff;font-size:22px}.leaderboardContent{display:flex;flex-direction:column}.leaderboardWrapper{border-bottom:1px solid #0f172a;margin-bottom:1rem;padding-bottom:1rem;width:100%}.leaderboardWrapper h3{flex-direction:column;overflow:hidden;padding-bottom:2rem}.leaderboardWrapper h3,.leaderboardWrapper h3 .leaderboardSearchUsername{align-items:center;display:flex;justify-content:center}.leaderboardWrapper h3 .leaderboardSearchUsername>div{margin-right:10px}.leaderboardWrapper h3 ul{display:flex;padding-top:1rem}.leaderboardWrapper h3 ul li{padding:0 .5rem}.leaderboardWrapper h3 ul li a{color:#1e293b;text-decoration:none}.leaderboardWrapper h3 ul li a.selected{text-decoration:underline}.leaderboardPeriods{text-transform:uppercase}@media(min-width:1200px){.leaderboardContent{flex-direction:row}.leaderboardWrapper{border-bottom:0;margin:0 1.5rem;overflow:hidden;padding-bottom:0;width:50%}.leaderboardWrapper h3{flex-direction:row;height:75px}.leaderboardWrapper h3 ul{margin-left:auto}}.couponAlertWrapper{margin-top:.5rem}.couponForm{align-items:center;display:flex;height:55px;margin-top:2rem}.couponForm .MuiTextField-root,.couponForm .MuiTextField-root .MuiOutlinedInput-root{height:100%}.couponForm .MuiTextField-root fieldset{border-bottom-right-radius:0;border-right:none!important;border-top-right-radius:0}.couponForm button{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.couponForm .MuiCircularProgress-root{height:25px!important;margin-left:35px;width:25px!important}.adventBlock{padding:2rem;text-align:center}.adventDescription{font-size:1.2rem;margin-bottom:2rem}.todaysAdvent{align-items:center;background:hsla(0,0%,100%,.05);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem}.todaysAdventLabel{font-size:1rem;letter-spacing:1px;text-transform:uppercase}.todaysAdventReward{color:#4caf50;font-size:1.8rem;font-weight:700}.adventAlertWrapper{margin:1.5rem 0}.adventClaimSection{margin-top:.5rem}.claimButton{font-size:1.2rem;font-weight:700;height:56px;min-width:200px}.adventOver{padding:2rem}.adventOver h2{color:#4caf50;font-size:2rem;margin-bottom:1.5rem}.adventOver p{color:hsla(0,0%,100%,.8);font-size:1.1rem;margin-bottom:1rem}.alertWrapper{margin-top:1.5rem}.alertWrapper .notOwnedButtonWrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-top:1rem}.alertWrapper .notOwnedButtonWrapper .OR{font-weight:700;padding:.5rem .75rem}.vehicleDetail{display:flex;flex-direction:column;flex-wrap:wrap}.vehicleDetail h2{margin-top:0}.vehicleDetail.vehicleNotOwned{opacity:.5}.vehicleDetail .vehicleStickyHolder{align-items:flex-start;background:#f1f5f9;display:flex;flex:0 0 auto;flex-direction:column;padding-top:2rem!important;width:100%;z-index:200}.vehicleDetail .vehicleStickyHolder>div{width:100%}.vehicleDetail .vehicleStickyHolder .sticky{padding-top:53px}.vehicleDetail .vehicleDetailBlock{background:#f1f5f9}.vehicleDetail .vehicleModelWrapper{flex-grow:0!important;height:100%;height:250px;margin-top:0!important;width:100%}.vehicleDetail .vehicleModelWrapper canvas{background-image:url(https://app.streamracer.com/static/media/bg.40d25046560cc38fe5a2.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.vehicleDetail .vehicleSkinListWrapper{flex:0 0 auto;z-index:100}.vehicleList{display:flex;flex-wrap:wrap}.vehicleList li{flex:0 0 100%;padding:.5rem}.vehicleList li a{text-decoration:none}.vehicleList li .vehicle{background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #000;display:flex;height:285px;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.vehicleList li .vehicle .image{text-align:center;width:100%}.vehicleList li .vehicle .image img{height:200px}.vehicleList li .vehicle .name{color:#fff;display:flex;margin-top:auto;padding:1rem;position:relative;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.vehicleList li .vehicle .name .nameBG{background:#000;height:100%;left:0;opacity:.7;position:absolute;top:0;width:100%}.vehicleList li .vehicle .name span{display:flex;flex:1 1;justify-content:center;position:relative;z-index:10}.skinList{display:flex;flex-wrap:wrap}.skinList li{flex:0 0 100%;padding:.5rem}.skinList li a{text-decoration:none}.skinList li .skin{border:2px solid #000;height:100%;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.skinList li .skin,.skinList li .skin .image{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%}.skinList li .skin .image{height:100px;text-align:center}.skinList li .skin .name{color:#fff;display:flex;padding:.5rem;position:relative;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.skinList li .skin .name .nameBG{background:#000;height:100%;left:0;opacity:.7;position:absolute;top:0;width:100%}.skinList li .skin .name span{display:flex;flex:1 1;justify-content:center;position:relative;z-index:10}.skinList .skin,.skinList .vehicle,.vehicleList .skin,.vehicleList .vehicle{position:relative}.skinList .vehskinIcon,.vehicleList .vehskinIcon{height:40px;position:absolute;right:-15px;top:-15px;width:40px}.skinList .vehskinIcon svg,.vehicleList .vehskinIcon svg{height:100%;width:100%}.skinList .vehskinIcon.selected,.vehicleList .vehskinIcon.selected{background:#fff;border-radius:100%}.skinList .vehskinIcon.selected svg,.vehicleList .vehskinIcon.selected svg{color:#2e7d32}.skinList .vehskinIcon.locked svg,.vehicleList .vehskinIcon.locked svg{stroke:#fff;stroke-width:4px;color:#000;paint-order:stroke fill}.purchaseSkinButtonWrappers{padding:1rem;text-align:center;width:100%}.purchaseSkinButtonWrappers .skinPurchaseDescExtra{display:none}.purchaseSkinButtonWrappers>div{align-items:center;display:flex;flex-direction:row;justify-content:center}.purchaseSkinButtonWrappers>div .OR{font-weight:700;padding:.5rem .75rem}.selectSkinButtonWrappers{padding:1rem;text-align:center;width:100%}@media(min-width:800px){.vehicleDetail{flex-direction:row}.vehicleDetail .vehicleSkinListWrapper,.vehicleDetail .vehicleStickyHolder{flex:0 0 48%!important}.vehicleDetail .vehicleSkinListWrapper{margin-left:auto}.skinList li{flex:0 0 50%}}@media(min-width:1200px){.alertWrapper .notOwnedButtonWrapper{flex-direction:row}.vehicleDetail .vehicleModelWrapper{height:450px}.purchaseSkinButtonWrappers{padding:2rem}.purchaseSkinButtonWrappers .skinPurchaseDescExtra{display:inline}.purchaseSkinButtonWrappers .skinPurchaseDescBase{display:none}.purchaseSkinButtonWrappers>div{flex-direction:row}.purchaseSkinButtonWrappers>div .OR{padding:0 .75rem}.selectSkinButtonWrappers{padding:2rem}.vehicleList li{flex:0 0 25%}.skinList li{flex:0 0 33.333333%}.skinList li .skin .image{height:150px}.skinList li .skin .name{padding:1rem}}.btnDesc{padding-right:.5rem}.currencySymbol{display:flex}.currencySymbol svg{height:.75em!important;margin:0 .15rem;width:.75em!important}.nitroStepperWrapper{padding-top:2rem}.shopLoadingWrapper,.shopSuccessWrapper{align-items:center;display:flex;flex-direction:column;padding:5rem;width:100%}.shopLoadingWrapper p,.shopSuccessWrapper p{padding-top:2.5rem}.shopItems{display:flex;flex-wrap:wrap;padding:2rem 1.5rem}.shopItems .shopItem{border:2px solid #040404;cursor:pointer;display:flex;flex:1 1 auto;flex-direction:column;height:175px;margin:0 1rem 1rem;position:relative}.shopItems .shopItem .top{align-items:flex-start;background:#bd27c4;display:flex;height:70%;position:relative;z-index:5}.shopItems .shopItem .top .icon{height:90px}.shopItems .shopItem .top .icon svg{color:#fff;-webkit-filter:drop-shadow(3px 3px 2px rgba(0,0,0,.7));filter:drop-shadow(3px 3px 2px rgba(0,0,0,.7));height:100%;padding:1em;width:100%}.shopItems .shopItem .bottom{border-top:2px solid #040404;display:flex;height:30%}.shopItems .shopItem .bottom .price{align-items:center;background:#424b65;display:flex;flex:1 1 auto;justify-content:center}.shopItems .shopItem .bottom .price span{color:#fff;font-size:2em;text-shadow:2px 2px 2px #000}.shopItems .shopItem .amount{color:#fff;font-size:3em;position:absolute;right:.6rem;text-align:right;text-shadow:1px 4px 3px #000;top:1rem;z-index:10}.shopItems .shopItem .amount .nitroBonus{display:block;font-size:1.75em;margin-top:-10px;text-align:right;text-decoration:none}.nitroItem{cursor:pointer}.paymentWarningWrapper{margin-bottom:1.5rem}.customerFields .row{display:flex;padding:1rem 0}.customerFields .row .MuiAutocomplete-root,.customerFields .row .MuiTextField-root{flex-grow:1;margin-left:1rem}.customerFields .row .MuiAutocomplete-root:first-child,.customerFields .row .MuiTextField-root:first-child{margin-left:0}@media(min-width:801px){.shopItems .shopItem .top .icon{height:100%}.shopItems .shopItem .amount{font-size:3.2em;top:1rem}}.paymentWrapper #payment-form{width:100%!important}.paymentWrapper #payment-message{color:#697386;font-size:16px;line-height:20px;padding-top:12px;text-align:center}.paymentWrapper #payment-element{margin-bottom:24px}.paymentWrapper button{background:#5469d4;border:0;border-radius:4px;box-shadow:0 4px 5.5px 0 rgba(0,0,0,.07);color:#fff;cursor:pointer;display:block;font-family:Arial,sans-serif;font-size:16px;font-weight:600;padding:12px 16px;transition:all .2s ease;width:100%}.paymentWrapper button:hover{-webkit-filter:contrast(115%);filter:contrast(115%)}.paymentWrapper button:disabled{cursor:default;opacity:.5}.paymentWrapper .spinner,.paymentWrapper .spinner:after,.paymentWrapper .spinner:before{border-radius:50%}.paymentWrapper .spinner{box-shadow:inset 0 0 0 2px;color:#fff;font-size:22px;height:20px;margin:0 auto;position:relative;text-indent:-99999px;-webkit-transform:translateZ(0);transform:translateZ(0);width:20px}.paymentWrapper .spinner:after,.paymentWrapper .spinner:before{content:"";position:absolute}.paymentWrapper .spinner:before{-webkit-animation:loading 2s ease 1.5s infinite;animation:loading 2s ease 1.5s infinite;background:#5469d4;border-radius:20.4px 0 0 20.4px;height:20.4px;left:-.2px;top:-.2px;-webkit-transform-origin:10.4px 10.2px;transform-origin:10.4px 10.2px;width:10.4px}.paymentWrapper .spinner:after{-webkit-animation:loading 2s ease infinite;animation:loading 2s ease infinite;background:#5469d4;border-radius:0 10.2px 10.2px 0;height:10.2px;left:10.2px;top:-.1px;-webkit-transform-origin:0 10.2px;transform-origin:0 10.2px;width:10.4px}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media only screen and (max-width:600px){.paymentWrapper form{min-width:0;min-width:auto;width:80vw}}.confettiWrapper{left:50%;position:absolute;top:20%;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:250}.balance{color:#1e293b;display:flex}.balance .balanceType{align-items:center;display:flex;padding:0 .8rem}.balance .balanceType.fuel svg{color:#6bbf33}.balance .balanceType.nitro svg{color:#bd27c4}.balance .balanceType span{font-size:1.1em;font-weight:600;padding-left:.5rem}.balance a.MoreNitro{margin-left:1.5rem!important}.balance a.MoreNitro .desktopLabel{display:none}@media(min-width:801px){.balance a.MoreNitro .mobileLabel{display:none}.balance a.MoreNitro .desktopLabel{display:flex}}.twitchAccount{align-items:center;display:flex;flex-direction:column;padding:1rem;width:100%}.twitchAccount a,.twitchAccount a:hover,.twitchAccount a:visited{text-decoration:none}.twitchAccount .twitchProfileImage{max-width:6rem;position:relative;width:6rem;width:100%}.twitchAccount .twitchProfileImage img{border-radius:9999px;display:block;vertical-align:middle}.twitchAccount .twitchName{align-items:center;color:#fff;display:flex;flex-direction:column;font-weight:700;justify-content:center;margin-top:1.5rem;width:100%}.twitchAccount .twitchName .displayName,.twitchAccount .twitchName .twitchSub{font-weight:500;line-height:1.5;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.twitchAccount .twitchName .twitchSub{--tw-text-opacity:1!important;color:#64748b;margin-top:.125rem}