*{box-sizing:border-box;user-select:none;word-break:auto-phrase}html{font-size:18px}body{padding:0;margin:0;min-width:100vw;min-height:100vh;background-repeat:no-repeat}body.development::before{content:"";outline:3px solid #f79;display:block;position:fixed;top:3px;left:3px;right:3px;bottom:3px;pointer-events:none;z-index:10000}.test-view{flex-direction:column}div.dg.ac{position:fixed;top:0;right:0;z-index:1000}div.dg input[type=text]{font-family:"Lucida Grande",sans-serif !important;font-style:normal;font-size:11px}@media screen and (max-width: 2000px){html{font-size:17px}}@media screen and (max-width: 970px){html{font-size:14px}}.inline-router-link{text-decoration:underline;cursor:pointer}.inline-router-link svg{stroke:#1b1b1b;fill:#1b1b1b}.inline-router-link:hover{opacity:1;font-weight:bold;text-decoration:underline;--hover-color: #1B1B1B;color:#1b1b1b}.error{color:#e2197d}.error a{color:#e2197d}sjs-modal i{display:inline-block;transform:scale(0.8) translate(0, 5px);margin-right:5px}sjs-modal i svg{stroke:#1b1b1b;fill:#1b1b1b}.navigation{margin-top:2.25rem;display:flex;flex-direction:row;flex-wrap:wrap;max-width:400px}.navigation .button{margin:.5rem 0rem;margin-right:1rem}.navigation sjs-countdown-button{margin-right:1rem}.level-type-label{display:inline-block;padding:5px 15px;border-radius:1.5em;margin:2px 15px;min-width:50px;background-color:#eee;text-align:center}.level-type-label.workout{background-color:#ffecc2}.level-type-label.race{background-color:#bce1cf}.level-type-label.challenges{background-color:#ccc3ec}:root{--router-animation-speed: 200ms}router-view{position:absolute;min-width:100vw;min-height:100vh;z-index:1}router-view router-page{overflow:auto;position:absolute;min-width:100vw;min-height:100vh;display:flex;align-items:center}router-view router-page[data-live-cycle=staged]{animation:move-in var(--router-animation-speed) ease;z-index:90}router-view router-page[data-live-cycle=unstaged]{animation:move-out var(--router-animation-speed) ease;animation-fill-mode:forwards;z-index:80}@keyframes move-in{0%{transform:translate(0, 0) scale(1);opacity:0}100%{transform:translate(0, 0) scale(1);opacity:1}}@keyframes move-out{0%{transform:translate(0, 0) scale(1);opacity:1}100%{transform:translate(0, 0) scale(1);opacity:0}}sjs-menu-bar{position:fixed;top:0;left:0;width:100%;z-index:100;transform:translateY(-50px);transition:transform .25s}sjs-menu-bar.visible{transform:translateY(0)}.menu-view{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:50vh;max-width:900px;margin:0 auto}.menu-view h2 i{display:inline-block;stroke:#1b1b1b;fill:#1b1b1b;margin-right:2px;transform:translate(-5px, 3px)}@media screen and (max-width: 1200px){.menu-view{border-left:50px solid rgba(0,0,0,0);border-right:50px solid rgba(0,0,0,0)}}.fullscreen-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;overflow:scroll;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;pointer-events:all;transform:translateY(0) scale(1);transition:transform 300ms;padding:1.125rem;text-align:left;background-color:rgba(255,255,255,.25);backdrop-filter:blur(60px) saturate(120%);will-change:auto}.fullscreen-modal .wrapper{position:relative;margin:0 auto;padding-top:15vh;max-width:680px;min-height:100px;padding-bottom:3rem}.fullscreen-modal .wrapper .close{cursor:pointer;position:absolute;width:25px;height:25px;padding:40px;top:50px;right:0px;transform:translateX(22px) scale(0.8)}.fullscreen-modal .wrapper .close svg{transform:translate(-18px, -18px)}.fullscreen-modal .wrapper .close svg circle{fill:#1b1b1b;stroke:#1b1b1b;stroke-width:3px}.fullscreen-modal .wrapper .close svg line{stroke:#fff}.fullscreen-modal.closed{transform:translateY(-110%) scale(1);pointer-events:none}.device-manager-modal .wrapper h2{display:block;width:100%}.device-manager-modal .wrapper sjs-device-list{width:100%;border-radius:0;border-bottom:2px solid #000;padding-bottom:1.25rem}.device-manager-modal .wrapper .add-device-wrapper{width:100%;display:flex;justify-content:flex-end}.device-manager-modal .wrapper .button.close{margin-top:3rem}.tournament-modal h2{display:block;width:100%}.tournament-modal .button-group button:nth-child(1){margin-right:15px}.intro-view{flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;padding:1.125rem;min-width:100vw;min-height:100vh;background:linear-gradient(162deg, #f4b6dd 0%, #c7a6ef 70%);background-position:center;background-repeat:no-repeat;background-origin:0 0;background-size:cover;border:none;--light-text-color: #1b1b1b}.intro-view .version-label{position:absolute;bottom:1.25rem;opacity:.9;color:#7c6091;font-size:.7rem}.intro-view .title-wrapper{margin-top:2rem;margin-bottom:2rem;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;min-width:550px;position:relative}.intro-view .title-wrapper .icon{transform:scale(1.2, 1.3)}.intro-view .title-wrapper .sub-line{font-family:Arial,Helvetica,sans-serif;font-size:1.2rem;letter-spacing:.1rem;font-weight:bolder;text-align:center;font-style:normal;color:#fff;transform:translateX(-4px);margin-top:5px;margin-bottom:20px;-webkit-text-stroke:1px #fff}.intro-view .title-wrapper .logo{position:relative;display:block;width:205px;height:200px;left:-120px;top:-25px;z-index:1;transform:scale(0.8)}.intro-view .title-wrapper .logo img.race-pod{width:243px;transform:translate(0px, 0px) rotate(-2deg) scale(1);display:block;position:absolute;top:0;z-index:2;animation:hover-anim 1200ms ease-in-out alternate infinite}@keyframes hover-anim{from{transform:translate(0px, 0px) rotate(-2deg) scale(1)}to{transform:translate(0px, -8px) rotate(-2.9deg) scale(1)}}.intro-view .title-wrapper .logo .race-pod-shadow{position:absolute;bottom:-90px;z-index:1;transform:translateX(28px) scale(1, 0.8);animation:hover-anim-shadow 1200ms ease-in-out alternate infinite}@keyframes hover-anim-shadow{from{transform:translateX(28px) scale(0.97, 0.78)}to{transform:translateX(28px) scale(0.98, 0.79)}}.intro-view .title-wrapper .logo .race-pod-bloom{position:absolute;top:65px;left:-165px;z-index:1}.intro-view .title-wrapper .title{text-align:center;position:relative;padding:0 50px}.intro-view .title-wrapper .title h1{position:relative;font-family:"fira sans","fira-sans",sans-serif;color:#000;text-transform:uppercase;display:block;font-style:italic;font-weight:900;font-size:4.3rem;letter-spacing:.3rem;line-height:4.2rem;transform:skew(338deg) translateY(-1rem) rotate(340deg) scale(1, 1.25);z-index:1;margin:0;-webkit-text-stroke:3px #000}.intro-view .title-wrapper .title .beta-label{text-transform:uppercase;font-size:1rem;color:#7846a3;background-color:#debdf0;font-weight:bold;letter-spacing:1.5px;padding:7px 20px;border-radius:100px;position:absolute;bottom:5px;right:2px;z-index:2;margin:0}.intro-view .title-wrapper .tag-line{position:relative;font-family:"fira sans","fira-sans",sans-serif;font-size:1.3rem;font-weight:600;font-style:italic;letter-spacing:.06rem;line-height:1.55em;display:block;color:#fff;left:11rem;margin-top:1rem;margin-bottom:1rem;max-width:340px;text-align:left;text-shadow:0 0 25px rgba(0,0,0,.05)}.intro-view .title-wrapper .nav{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}.intro-view .title-wrapper .nav .start.button{width:190px;padding:15px 0;margin-bottom:3.5rem}.intro-view .title-wrapper .nav .history{font-size:.941rem;text-decoration:none;padding-bottom:1px;border-bottom:1px solid #6f5b7e}.intro-view .title-wrapper .nav .history:hover{font-weight:600}.intro-view .title-wrapper .legal{bottom:0;padding-left:150px;left:0;right:0;opacity:.2}.intro-view .title-wrapper .legal span{display:inline-block;transform:translate(-3px, 1px)}.intro-view .title-wrapper .deco-element-01{position:absolute;right:-90px;top:120px;transform:scale(0.7);animation:star-hover-1 5s ease-in-out alternate infinite}@keyframes star-hover-1{from{transform:translate(0px, 0px) scale(0.7)}to{transform:translate(10px, 15px) scale(0.7)}}.intro-view .title-wrapper .deco-element-02{position:absolute;left:-80px;bottom:150px;transform:scale(0.7);animation:star-hover-2 3s ease-in-out alternate infinite}@keyframes star-hover-2{from{transform:translate(20px, 10px) scale(0.7)}to{transform:translate(0px, 0px) scale(0.7)}}.intro-view .title-wrapper .deco-element-03{position:absolute;left:-350px;top:340px;transform:scale(0.7)}.intro-view .title-wrapper .deco-element-04{position:absolute;right:-70px;top:340px;transform:scale(0.7);transform-origin:center left}@keyframes flash-anim-01{from{transform:rotate(0deg) translate(0, 0) scale(0.7)}to{transform:rotate(2deg) translate(-3px, -4px) scale(0.7)}}.intro-view .title-wrapper .deco-element-05{position:absolute;right:-40px;top:430px;transform:scale(0.7);transform-origin:top left}@keyframes flash-anim-02{from{transform:rotate(4deg) translate(-5px, -4px) scale(0.7)}to{transform:rotate(0deg) translate(0, 0) scale(0.7)}}@media screen and (max-width: 780px){.intro-view{height:100vh;min-height:770px}.intro-view .title-wrapper{min-width:300px}.intro-view .title-wrapper .title h1{-webkit-text-stroke:2.5px #000}.intro-view .title-wrapper .title .beta-label{font-size:1.5rem;bottom:-30px;right:20px}.intro-view .title-wrapper .tag-line{display:none}.intro-view .title-wrapper div.start.button{margin-top:50px}.intro-view .title-wrapper .deco-element-01,.intro-view .title-wrapper .deco-element-02,.intro-view .title-wrapper .deco-element-03,.intro-view .title-wrapper .deco-element-04,.intro-view .title-wrapper .deco-element-05{display:none}}.introduction-view{width:100vw;max-width:2200px;border:none}.introduction-view .section-container{display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;position:relative;width:100%}.introduction-view .section-container ol{padding-left:1.125rem}.introduction-view .section-container h1{font-size:2.5rem;letter-spacing:.07rem}.introduction-view .section-container h5{font-size:1.125rem;margin:1em 0}.introduction-view .section-container li{padding:.26rem 0}.introduction-view .section-container h2{max-width:80%;overflow:visible}.introduction-view .section-container section{overflow:hidden;width:50%;min-height:100vh}.introduction-view .section-container section p{max-width:500px;margin-bottom:20vh}.introduction-view .section-container section.image-container{position:absolute;top:0;bottom:0;right:0}.introduction-view .section-container section.image-container img{display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:center}.introduction-view .section-container section.text-content{padding:50px;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:center;align-items:center}.introduction-view .section-container:nth-child(1) section.text-content .icon{margin-bottom:2.5rem}.introduction-view .section-container:nth-child(1) section.text-content h2{margin-bottom:2rem}.introduction-view .section-container:nth-child(1) section.text-content p{max-width:500px;margin-bottom:20vh}.introduction-view .section-container:nth-child(1) section.text-content .pointer{position:absolute;bottom:50px;width:1px;min-height:70px;height:20vh;background-color:#000}.introduction-view .section-container:nth-child(2){overflow:visible}.introduction-view .section-container:nth-child(2) section.text-content{margin-left:50%}.introduction-view .section-container:nth-child(2) section.text-content p{max-width:500px;margin-bottom:0vh}.introduction-view .section-container:nth-child(2) section.text-content p:nth-child(2){margin-bottom:10vh}.introduction-view .section-container:nth-child(2) section.image-container{left:0;right:unset}.introduction-view .section-container:nth-child(3){margin-top:8rem}.introduction-view .section-container:nth-child(3) section.text-content{display:flex;min-height:70vh}.introduction-view .section-container:nth-child(3) section.text-content .wrapper{margin-bottom:7rem;max-width:500px}.introduction-view .section-container:nth-child(3) section.text-content .wrapper.tr{margin-top:7rem}.introduction-view .section-container:nth-child(3) section.text-content .wrapper.list{width:100%}.introduction-view .section-container:nth-child(3) section.text-content p{max-width:500px;margin-bottom:0vh}.introduction-view section.start-wrapper{margin:3rem 0 5rem 0}@media screen and (max-width: 1400px){.introduction-view .section-container section{width:100%;min-height:80vh}.introduction-view .section-container section.image-container{position:relative;max-height:50vh}.introduction-view .section-container section.image-container img{display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:center}.introduction-view .section-container:nth-child(2){overflow:visible}.introduction-view .section-container:nth-child(2) section.text-content{margin-left:0}.introduction-view .section-container:nth-child(2) section.text-content p{max-width:500px;margin-bottom:0vh}.introduction-view .section-container:nth-child(2) section.text-content p:nth-child(2){margin-bottom:10vh}.introduction-view .section-container:nth-child(2) section.image-container{position:relative;left:unset;right:unset}.introduction-view .section-container:nth-child(3){margin-top:5rem}.introduction-view .section-container:nth-child(3) section.text-content{display:flex;min-height:0;padding:0 50px}.introduction-view .section-container:nth-child(3) section.text-content .wrapper{margin-bottom:7rem;max-width:500px}.introduction-view .section-container:nth-child(3) section.text-content .wrapper.tr{margin-top:0}.introduction-view .section-container:nth-child(3) section.text-content .wrapper.list{width:100%}.introduction-view .section-container:nth-child(3) section.text-content p{max-width:500px;margin-bottom:0vh}}@media screen and (max-height: 800px){.introduction-view .pointer{height:120px}}.sign-in-view{align-items:flex-start;padding:1.125rem;padding-bottom:3.375rem;flex-direction:column;text-align:left}.sign-in-view .cover-image{width:100%;text-align:center}.sign-in-view .cover-image img{height:285px;display:inline-block;transform:scale(0.9) translate(30px, -42px)}.sign-in-view .cover-image i{display:block;transform:scale(1) translate(0, -37px)}.sign-in-view .title{text-align:center;width:100%;margin-bottom:3rem}.sign-in-view .form-container{display:grid;grid-template-columns:1fr 2px 1fr;column-gap:120px;padding-bottom:3rem}.sign-in-view .form-container .form-field{position:relative;min-height:20rem}.sign-in-view .form-container .log-in legend{font-size:1.375rem}.sign-in-view .form-container .log-in input{width:100%}.sign-in-view .form-container .log-in button{position:absolute;right:0;bottom:0}.sign-in-view .form-container .log-in p{margin-bottom:1rem}.sign-in-view .form-container .log-in a{float:right}.sign-in-view .form-container .log-in .feedback{position:absolute;max-width:calc(100% - 120px);color:#1b1b1b;opacity:0;transition:opacity .5s ease-in-out}.sign-in-view .form-container .log-in .feedback p{margin-top:0}.sign-in-view .form-container .log-in .feedback.visible{opacity:1}.sign-in-view .form-container .divider{background-color:#1b1b1b}.sign-in-view .form-container .sign-up .button{position:absolute;right:0;bottom:0}@media screen and (max-width: 830px){.sign-in-view .form-container{column-gap:80px}}@media screen and (max-width: 710px){.sign-in-view .form-container{column-gap:50px}}@media screen and (max-width: 650px){.sign-in-view .cover-image img{height:200px}.sign-in-view .title{margin-top:-20px}.sign-in-view .form-container{display:flex;flex-direction:column-reverse;margin:0 auto}.sign-in-view .form-container .form-field.sign-up{min-height:unset;padding-bottom:65px}}.create-account-view{align-items:flex-start;padding:1.125rem;padding-bottom:3.375rem;flex-direction:column;text-align:left;overflow:hidden}.create-account-view .terms{position:absolute;left:0;right:0;bottom:0;text-align:center;padding-bottom:20px}.create-account-view sjs-checkbox{display:block;margin:0px 0 20px;font-size:17px}.create-account-view .form-container{display:grid;grid-template-columns:1fr 1fr;column-gap:120px;min-width:800px;padding-bottom:7rem}.create-account-view .form-container .form-field{position:relative;min-height:30rem}.create-account-view .form-container .create-account input{width:100%}.create-account-view .form-container .create-account input[name=first-name]{width:47%;float:left}.create-account-view .form-container .create-account input[name=last-name]{width:47%;float:right}.create-account-view .form-container .create-account input[name=weight],.create-account-view .form-container .create-account input[name=age]{width:40%;display:inline-block}.create-account-view .form-container .create-account input::-webkit-outer-spin-button,.create-account-view .form-container .create-account input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.create-account-view .form-container .create-account input[type=radio]{width:1.25rem;height:1.25rem;margin-right:0;transform:translateY(2px)}.create-account-view .form-container .create-account .mail-preferences{margin:20px 0 17px}.create-account-view .form-container .create-account button{position:absolute;right:0;bottom:-100px}.create-account-view .form-container .create-account p{margin-bottom:1rem}.create-account-view .form-container .create-account .feedback{position:absolute;max-width:calc(100% - 120px);color:#1b1b1b;opacity:0;transition:opacity .5s ease-in-out}.create-account-view .form-container .create-account .feedback p{margin-top:0}.create-account-view .form-container .create-account .feedback.visible{opacity:1}.create-account-view .form-container .create-account .extra-error-info{display:none}@media screen and (max-width: 900px){.create-account-view .form-container{position:relative;display:block;min-width:unset;padding-bottom:5rem}.create-account-view .form-container .form-field{position:unset;min-height:20px;margin-bottom:3rem}.create-account-view .form-container .rate-fitness{padding-bottom:50px}.create-account-view .form-container .create-account button{position:absolute;right:auto;bottom:50px;left:0}.create-account-view .form-container .create-account .feedback{position:absolute;right:auto;bottom:0;left:0}}@media screen and (max-width: 900px){.create-account-view{margin-top:50px}.create-account-view .rate-fitness{display:none}}.subscribe-view{align-items:flex-start;padding:1.125rem;padding-top:4rem;max-width:800px;flex-direction:column;text-align:left;position:relative}.subscribe-view .discount-patch{background-image:url("/assets/images/price-sticker.svg");background-position:center;background-size:contain;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:35px;transform:rotate(15deg) scale(0.9);position:absolute;top:-85px;right:-86px}.subscribe-view .discount-patch h3{font-size:2.75rem;font-weight:700;text-align:center;margin:0}.subscribe-view .discount-patch h4{text-transform:lowercase;font-size:1.5rem;text-align:center}.subscribe-view .discount-patch p{text-align:center;max-width:80%;margin:0}@media screen and (max-width: 1000px){.subscribe-view .discount-patch{display:none}}.subscribe-view .subscriptions{position:relative;margin-top:40px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;min-width:100%;min-height:450px}.subscribe-view .subscriptions .loader{padding-top:100px}.subscribe-view .subscriptions .price{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:450px;min-width:340px;padding:20px;margin:0;margin-left:40px;border:2px solid #000}.subscribe-view .subscriptions .price .price-tag.line-through{position:relative}.subscribe-view .subscriptions .price .price-tag.line-through::after{content:"";position:absolute;border-top:4px solid #1b1b1b;border-bottom:2.5px solid #fff;height:0;left:0px;right:-5px;top:2.3rem}.subscribe-view .subscriptions .price .discount-label{transform:translateY(-10px);padding-bottom:1.125rem;width:100%}.subscribe-view .subscriptions .price .discount-label p{margin:0;text-align:center;font-size:1.125rem}.subscribe-view .subscriptions .price .discount-label p strong{font-size:1.5rem}.subscribe-view .subscriptions .price .discount-label p strong .valuta{margin-right:2px}.subscribe-view .subscriptions .price h1{font-size:4rem;letter-spacing:0;font-style:normal}.subscribe-view .subscriptions .price .dollar{display:inline-block;font-size:3rem;margin-right:.1em;transform:translateY(-4px)}.subscribe-view .subscriptions .price .sub{font-style:italic;font-weight:400;font-size:1.4rem;margin-bottom:1.5rem;line-height:1.65em;letter-spacing:.02rem}.subscribe-view .subscriptions .price ul{list-style:none;padding:0}.subscribe-view .subscriptions .price ul li{font-style:italic;font-weight:400;font-size:1.125rem;text-align:center;margin-bottom:1rem;line-height:1.65em}.subscribe-view .subscriptions .price:nth-child(1){margin-left:0;margin-right:0}.subscribe-view .skip{padding-top:15px;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;padding-right:.5rem}.subscribe-view .skip .inline-router-link{--hover-color: $text-color;text-decoration:underline}.subscribe-view .skip .inline-router-link:hover{font-weight:bold}.subscribe-view .logout{width:100%;text-align:right;padding-right:.5rem;margin-top:0;padding-top:0;opacity:.45}@media screen and (max-width: 780px){.subscribe-view .subscriptions{min-width:90%;column-gap:20px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center}.subscribe-view .subscriptions .price:nth-child(1),.subscribe-view .subscriptions .price:nth-child(2){margin:0 auto;margin-bottom:10px;max-width:370px}}i.icon-spinner{position:relative;top:5px}.icon-spinner{width:26px;height:26px;margin:5px}.icon-spinner svg{transform:scale(1)}.re-subscribe-view{align-items:flex-start;padding:1.125rem;padding-top:4rem;max-width:800px;flex-direction:column;text-align:left}i.icon-spinner{position:relative;top:5px}.icon-spinner{width:26px;height:26px;margin:5px}.icon-spinner svg{transform:scale(0.8)}.subscription-alert-view{align-items:center;padding:1.125rem;padding-top:4rem;max-width:600px;flex-direction:column;text-align:center}i.icon-spinner{position:relative;top:5px}.icon-spinner{width:26px;height:26px;margin:5px}.icon-spinner svg{transform:scale(1)}.your-spaceship-view{align-items:flex-start;padding:1.125rem;max-width:800px;flex-direction:column;text-align:left}.your-spaceship-view .wrapper{display:grid;grid-template-columns:51% 1fr;width:100%}.your-spaceship-view .wrapper .left-col{grid-column-start:1;align-items:flex-start;padding:1.125rem;flex-direction:column;text-align:left}.your-spaceship-view .wrapper .right-col{grid-column-start:2;text-align:right;padding:0px}.your-spaceship-view .wrapper .right-col img{display:inline-block;padding-top:7rem;transform:translateY(0rem);max-width:528px}@media screen and (max-width: 1200px){.your-spaceship-view .wrapper .right-col img{padding-top:12rem;width:120%}}.your-spaceship-view .button-wrapper{width:100%;display:flex;justify-content:center}.your-spaceship-view .button-wrapper .button{margin:4rem 0}.your-spaceship-view .inline-router-link{--hover-color: $text-color;text-decoration:underline}.your-spaceship-view .inline-router-link:hover{font-weight:bold}.connect-view{min-height:70vh;padding:1.125rem}.connect-view img.hero{margin:3rem 0 4rem;height:160px}.connect-view p{text-align:center;max-width:800px}.connect-view h1{display:block;text-align:center;padding:0 30px;margin:0 auto}.connect-view .button{margin:2.7rem 0}.connect-view .skip{margin-right:1rem}.connect-view .inline-router-link{--hover-color: $text-color;text-decoration:underline}.connect-view .inline-router-link:hover{font-weight:bold}.device-manager-view{align-items:flex-start;padding:1.125rem;max-width:800px;flex-direction:column;text-align:left}.device-manager-view .add-device-wrapper{width:100%;display:flex;justify-content:flex-end}.device-manager-view .done{display:flex;width:100%;justify-content:center;margin:3rem 0}.device-manager-view sjs-control-panel p{text-transform:uppercase}.device-manager-view sjs-device-list{width:100%;border-radius:0;border-bottom:2px solid #000;padding-bottom:1.25rem}.device-manager-view .inline-router-link{--hover-color: $text-color;text-decoration:underline}.device-manager-view .inline-router-link:hover{font-weight:bold}.setup-guide-view{align-items:flex-start;padding:1.125rem;padding-top:4rem;max-width:680px;flex-direction:column;text-align:left}.setup-guide-view p{max-width:640px}.setup-guide-view ol{padding-left:0}.setup-guide-view ol li{max-width:640px;padding-bottom:1rem;line-height:1.65em}.browser-support-view{align-items:flex-start;padding:1.125rem;padding-top:4rem;max-width:680px;flex-direction:column;text-align:left}.browser-support-view h2{font-size:1.8rem;margin-right:15%}.browser-support-view p{max-width:500px}.bg-container{position:absolute;top:0;bottom:0;left:0;right:0;z-index:-100}.bg-container canvas{object-fit:cover;width:100vw;height:100vh}.start-menu-view{flex-direction:column;flex-wrap:nowrap;padding:1.125rem;width:70vw;text-align:center;background-image:url("/assets/images/bg-deco-play.png");background-repeat:no-repeat;background-position:center;background-size:90%;min-height:450px;overflow:visible}.start-menu-view router-link{display:inline-block;margin:1rem;padding:1.3rem 2.2rem}.start-menu-view router-link svg{width:1.25rem;height:1.25rem;stroke:#000;transform:translate(-2px, 2px);margin:0 2px;stroke:#1b1b1b;fill:#1b1b1b}.start-menu-view router-link:hover svg{stroke:#fff;fill:#fff}.start-menu-view .play-btn{position:relative;transform:translate(-5rem, -1rem);z-index:1}.start-menu-view .play-btn router-link,.start-menu-view .play-btn div{font-size:3em;padding:18px 75px;z-index:1}.start-menu-view .play-btn img{display:block;position:absolute;top:0;right:0;z-index:0;transform:translate(75px, -45px) scale(0.88)}.start-menu-view router-link:nth-child(2){transform:translate(20rem, -1rem)}.start-menu-view router-link:nth-child(2) svg{margin:0 4px;transform:translate(-4px, 2px) scale(1.38)}.start-menu-view router-link:nth-child(3){transform:translate(-21rem, -2rem);padding-left:2.3rem}.start-menu-view router-link:nth-child(3) svg{margin:0 5px;transform:translate(-8px, 4px) scale(1.3)}.start-menu-view router-link:nth-child(4){transform:translate(12rem, 0rem);padding-left:2.7rem}.start-menu-view router-link:nth-child(4) svg{margin:0 4px;transform:translate(-5px, 4px) scale(1.1)}.start-menu-view router-link:nth-child(5){transform:translate(-15rem, -2rem)}.start-menu-view router-link:nth-child(5) svg{transform:translate(-5px, 3px) scale(1.2)}@media screen and (max-width: 1200px){.menu-view.start-menu-view{border-left:none;border-right:none}}@media screen and (max-width: 920px){.start-menu-view{background-image:none}}@media screen and (max-width: 860px){.start-menu-view{padding-top:90px;padding-bottom:20px;margin-bottom:20px;min-height:515px}.start-menu-view .play-btn{transform:translate(-5rem, -1rem)}.start-menu-view .play-btn router-link,.start-menu-view .play-btn div{font-size:2.2em}.start-menu-view router-link:nth-child(2){transform:translate(7rem, -1rem);z-index:2}.start-menu-view router-link:nth-child(3){transform:translate(-7rem, 0rem)}.start-menu-view router-link:nth-child(4){transform:translate(2rem, 1rem)}.start-menu-view router-link:nth-child(5){transform:translate(-3rem, 2rem)}}.select-stage-view{width:100%;max-width:2200px;margin:0 auto;display:flex;justify-content:center;align-items:center;padding:1.125rem;flex-direction:row;margin-top:60px;margin-bottom:90px}.select-stage-view .wrapper{padding-top:40px;display:flex;flex-direction:column;flex-wrap:nowrap}.select-stage-view .wrapper .section{display:flex}.select-stage-view .wrapper .section .left-col{padding-left:100px;margin-top:240px;padding-right:5rem;min-width:25rem;width:40%}.select-stage-view .wrapper .section .left-col h1{margin-bottom:5px}.select-stage-view .wrapper .section .left-col h3{margin-top:0}.select-stage-view .wrapper .section .right-col{padding-left:4rem;width:60%}.select-stage-view .stage-button-container{overflow:visible}.select-stage-view sjs-stage-button{position:relative;display:block;margin-top:50px;margin-bottom:80px}.select-stage-view sjs-stage-button:nth-child(1){margin-left:0 !important}.select-stage-view sjs-stage-button:nth-child(2){margin-left:120px !important}.select-stage-view sjs-stage-button:nth-child(3){margin-left:60px !important}.select-stage-view sjs-stage-button:nth-child(4){margin-left:-60px !important}.select-stage-view sjs-stage-button:nth-child(5){margin-left:-105px !important}.select-stage-view sjs-stage-button:nth-child(6){margin-left:-60px !important}.select-stage-view sjs-stage-button:nth-child(7){margin-left:100px !important}.select-stage-view sjs-stage-button:nth-child(8){margin-left:-30px !important}.select-stage-view sjs-stage-button:nth-child(9){margin-left:60px !important}.select-stage-view sjs-stage-button:nth-child(10){margin-left:0px !important}.select-stage-view sjs-stage-button:nth-child(11){margin-left:120px !important}@media screen and (max-width: 1500px){.select-stage-view .wrapper .section .left-col{padding-left:100px}}@media screen and (max-width: 1200px){.select-stage-view .wrapper .section{flex-direction:column;flex-wrap:nowrap;padding-bottom:50px}.select-stage-view .wrapper .section .left-col{width:100%;padding-left:0;margin-top:0}.select-stage-view .wrapper .section .left-col p{max-width:60%}.select-stage-view .wrapper .section .right-col{width:100%}.select-stage-view .wrapper .section .right-col h3{display:none}}@media screen and (max-width: 1200px){.select-stage-view .wrapper .section{margin-left:50px;margin-right:20px}}@media screen and (max-width: 980px){.select-stage-view{margin-bottom:20px}.select-stage-view .wrapper .section{padding-bottom:10px}.select-stage-view .wrapper .section .left-col{width:70%}.select-stage-view .wrapper .section .left-col h1{font-size:2.3rem}.select-stage-view .wrapper .section .left-col p{max-width:unset}.select-stage-view .wrapper .section .right-col{padding-left:0}.select-stage-view .wrapper .section .right-col .stage-button-container sjs-stage-button{margin-left:0px !important;margin-top:20px;margin-bottom:30px}}.select-level-view{align-items:flex-start;padding:1.5rem;padding-top:4rem;max-width:800px;min-height:80vh;flex-direction:column;text-align:left;margin-top:20px;margin-bottom:40px}.select-level-view .info{display:flex;flex-direction:row;align-items:center;position:relative;margin-top:4rem;margin-bottom:6rem}.select-level-view .info h3{font-weight:400;margin:0;margin-bottom:1.25rem;font-size:1rem;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:baseline}.select-level-view .info h3 .profile{transform:translate(0px, 7px)}.select-level-view .info h2{margin:0;margin-bottom:.5rem}.select-level-view .info p{margin:0;margin-bottom:1rem;max-width:640px}.select-level-view .info .patch{position:absolute;margin-left:5rem;right:-320px;transform:translate(0, 0.2rem)}.select-level-view .info .patch img{width:270px}.select-level-view .data-stripe{display:flex;flex-direction:row;gap:50px;padding:10px 0 10px}.select-level-view .level-button-container{display:flex;align-items:flex-start;flex-wrap:nowrap;flex-direction:column;margin-top:20px;margin-bottom:20px}@media screen and (min-width: 1350px){.select-level-view{min-width:1200px}.select-level-view .level-button-container :nth-child(even){transform:translateX(560px)}}@media screen and (max-width: 1200px){.select-level-view .patch{display:none}}.select-tournament-view{align-items:flex-start;padding:1.5rem 2rem;padding-top:4rem;padding-bottom:0;max-width:800px;min-height:80vh;flex-direction:column;text-align:left;margin-top:60px;margin-bottom:0px}.select-tournament-view .info.stage-tgwBB{background:linear-gradient(230deg, #ebe6fb 56%, #cfbbf9 100%)}.select-tournament-view .info.stage-1f2rm{background:linear-gradient(225deg, #e8fff2 70%, #96f5cc 100%)}.select-tournament-view .info.stage-vj4UQ{background:linear-gradient(230deg, rgb(255, 241, 241) 50%, rgb(229, 184, 255) 100%)}.select-tournament-view .info{width:100%;display:flex;flex-direction:row;align-items:center;position:relative;margin-top:-3rem;margin-bottom:2rem;padding:0 60px;border:2px solid #1b1b1b}.select-tournament-view .info .patch{margin-bottom:20px}.select-tournament-view .info .patch img{width:140px;transform:translate(-22px, 0)}.select-tournament-view .info h3{font-size:1rem;font-weight:400;margin:0;margin-bottom:1.125rem}.select-tournament-view .info h2{margin:0;margin-bottom:.5rem}.select-tournament-view .info p{margin:0;max-width:600px}.select-tournament-view .info .button{margin-top:3.5rem;padding:1.3rem 2.2rem}.select-tournament-view .info::after{content:"";display:block;position:absolute;border-left:4px solid #1b1b1b;border-bottom:4px solid #1b1b1b;inset:6px 6px -4px -4px;z-index:-10}.select-tournament-view .separator{height:2px;width:100%;margin-bottom:3rem}.select-tournament-view .tournament-details{display:grid;width:100%;grid-template-columns:1fr 1fr 1.5fr;gap:25px;padding:0 60px}.select-tournament-view .tournament-details .detail{padding:0 0 25px;min-height:50px}.select-tournament-view .tournament-details .detail .setting-group ul{list-style:none;padding:0;font-style:italic;font-weight:400;line-height:1.65em}.select-tournament-view .tournament-details .detail .setting-group .setting{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:baseline}.select-tournament-view .tournament-details .detail .setting-group .setting sjs-range-list{max-width:150px}.select-tournament-view .tournament-details .detail.difficulty{min-width:300px}.select-tournament-view .tournament-details .detail.stage-score{position:relative;padding-right:40px}.select-tournament-view .tournament-details .detail.stage-score sjs-stage-score{transform:translate(-40px, 0) scale(0.7)}.select-tournament-view .tournament-details .detail.stage-score p.detail{font-size:1rem}@media screen and (min-width: 1260px){.select-tournament-view{min-width:1260px}.select-tournament-view .tournament-details{padding:0 120px}.select-tournament-view .info{padding:50px 50px 90px 120px}}@media screen and (min-width: 1500px){.select-tournament-view{min-width:1400px}}@media screen and (max-width: 1260px){.select-tournament-view .tournament-details{grid-template-columns:1fr;width:100%}}@media screen and (max-width: 1260px){.select-tournament-view .info{padding:50px 80px 50px 80px}.select-tournament-view .tournament-details{padding:0}}.game-view{display:flex;align-items:center;justify-content:center;padding:0;margin:0;min-height:100vh;min-width:100vw}.level-complete-view{align-items:flex-start;padding:1.125rem;max-width:800px;flex-direction:column;text-align:left}.level-complete-view .stage-nr{opacity:.15}.level-complete-view p.msg{font-size:1.5rem}.level-complete-view .navigation{margin-top:2.25rem;display:flex;flex-direction:row;flex-wrap:wrap;max-width:400px}.level-complete-view .navigation .button{margin:.5rem 0rem;margin-right:1rem}.level-complete-view .stat{max-width:30rem;display:flex;justify-content:space-between;align-items:baseline;font-size:1.5625rem;padding:.4rem}.level-complete-view .stat time{letter-spacing:.12rem;margin-left:4rem;text-align:right;min-width:6rem}.level-complete-view .stat .score{margin-left:1rem}.level-complete-view .stat .stars{margin-right:.5rem;font-size:1.5rem}.level-complete-view .fit-stats{margin-top:3rem}.level-complete-view .fit-stats .stat{font-size:1.25rem;padding:.5rem;min-width:250px}.level-complete-view .fit-stats .stat .value{text-align:left;font-size:1.5625rem;margin-left:1rem;letter-spacing:.12rem}.level-complete-view .fit-stats .stat .value .unit{font-size:1rem;letter-spacing:.05rem;display:inline-block;transform:translateX(-3px)}@media screen and (min-width: 800px)and (min-height: 800px){.level-complete-view .fit-stats{background:#333;color:#fff;padding:40px;position:absolute;right:0;bottom:0}}.game-over-view{align-items:flex-start;padding:1.125rem;max-width:680px;flex-direction:column;text-align:left}.game-over-view router-link{margin-left:7px}.game-over-view .button-container{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.game-over-view .inline-router-link{--hover-color: $text-color;text-decoration:underline}.game-over-view .inline-router-link:hover{font-weight:bold}.stage-complete-view{align-items:flex-start;padding:1.125rem;max-width:800px;flex-direction:column;text-align:center}.stage-complete-view .score{display:flex;align-items:center;justify-content:center;width:100%;min-height:100px;margin-top:1rem;margin-bottom:6rem}.stage-complete-view .score sjs-stage-score{margin:0 auto;transform:scale(1.2)}.stage-complete-view .title{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center}.stage-complete-view .title img.patch{width:150px;height:150px}.stage-complete-view .title h1{padding-left:1rem;display:inline;text-align:left;max-width:370px}.stage-complete-view h3{padding-top:2em;width:100%;text-align:center;margin:0 auto}.stage-complete-view .navigation{width:100%;display:block;padding-top:4rem;max-width:800px}.stage-complete-view .navigation .button{margin:.5rem 0rem;margin-right:1rem}.settings-view{align-items:flex-start;padding:1.125rem;padding-top:4rem;padding-bottom:3rem;max-width:1150px;flex-direction:column;text-align:left}.settings-view .sign-out{display:block;margin-top:25px;margin-bottom:10px}.settings-view .music-copyright-notice{opacity:.3;margin-top:3rem;position:absolute;bottom:20px}.settings-view .section-group.settings-group{flex-direction:column;flex-wrap:nowrap}.settings-view .section-group.settings-group .section{padding-bottom:1rem}.settings-view .section-group.settings-group .section:nth-child(1),.settings-view .section-group.settings-group .section:nth-child(2),.settings-view .section-group.settings-group .section:nth-child(3){margin-right:100px}.settings-view .section-group.settings-group .settings sjs-range-list,.settings-view .section-group.settings-group .settings .range{min-width:160px}.settings-view .section-group.settings-group .settings .range{position:relative}.settings-view .section-group.settings-group .settings .range .ref-speed{position:absolute;top:.5em;opacity:.3;transform:translateX(190px)}.settings-view .section-group{display:flex;flex-wrap:wrap;margin-bottom:2rem}.settings-view .section-group .section{padding-bottom:2rem}.settings-view .section-group .section p{width:500px}.settings-view .section-group .section abbr{text-decoration:none}.settings-view .section-group .section p.sub{font-size:1em}.settings-view .section-group .section:nth-child(1){margin-right:150px}.settings-view .section-group .section:nth-child(2){margin-right:150px}.settings-view .section-group .section.linked-apps p{width:unset}.settings-view .section-group .section.linked-apps p p{position:relative;margin-top:10px;padding-left:30px}.settings-view .section-group .section.linked-apps p p i{position:absolute;display:inline-block;left:0;transform:translate(0, -3px)}.settings-view .section-group .section.linked-apps p p.loading{padding-left:0}.settings-view .section-group .section.linked-apps p button{position:relative;padding-left:32px;margin-top:5px}.settings-view .section-group .section.linked-apps p button i{position:absolute;display:inline-block;top:6px;left:9px;transform:scale(0.8)}.settings-view .section-group .section.linked-apps p button:hover svg{fill:#fff}.settings-view .section.solo{max-width:55%;margin-bottom:5rem}.settings-view .account-name{display:flex;align-items:baseline}.settings-view .account-name span{display:inline-block;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:1px;margin-right:1px}.settings-view .settings{min-width:300px;display:flex;gap:10px;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:baseline;padding:7px 0}.settings-view p.sign-out{margin-top:7px}.settings-view .error{color:#e21963}.settings-view .error a{color:#e21963}@media screen and (max-width: 980px){.settings-view .settings{min-width:200px}.settings-view .settings .label{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-view .section-group .section p{width:unset}}.account-settings-view{align-items:flex-start;padding:1.125rem;padding-top:4rem;max-width:1120px;flex-direction:column;text-align:left;margin-top:25px;margin-bottom:80px}.account-settings-view .sign-out{display:block;margin-top:25px;margin-bottom:10px}.account-settings-view .section-group{display:flex;flex-wrap:wrap;margin-bottom:2rem}.account-settings-view .section-group .section p{width:500px}.account-settings-view .section-group .section p.feedback{width:unset}.account-settings-view .section-group .section p.feedback p{width:unset}.account-settings-view .section-group .sign-out{margin-top:0}.account-settings-view .section-group .sign-out span{cursor:pointer}.account-settings-view .section-group .section p.sub{font-size:1em}.account-settings-view .section-group .section:nth-child(1){margin-right:200px}.account-settings-view .section.solo{max-width:55%;margin-bottom:2rem}.account-settings-view .settings{min-width:400px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:baseline;padding:7px 0}.account-settings-view .settings .label{font-size:1.125rem}.account-settings-view .settings.button-wrapper{justify-content:start}.account-settings-view .settings.button-wrapper .inline-router-link{padding-left:2.25rem}.account-settings-view .section.change-password input label{width:0;display:none}.account-settings-view .section.change-password .settings{min-width:unset;display:block;width:300px}.account-settings-view .section.change-password p{width:300px}.account-settings-view .section.change-communication a{text-decoration:none}.account-settings-view .section.change-communication a i{display:inline-block;padding-left:7px;transform:scale(0.75) translateY(0.5px)}.account-settings-view .section.change-communication a i svg{stroke:#1b1b1b;fill:#1b1b1b;transition:all 50ms}.account-settings-view .section.change-communication a:hover svg{stroke:#fff;fill:#fff}.account-settings-view .section.change-communication .settings{display:flex;max-width:500px;padding-bottom:0}.account-settings-view .section.change-communication .settings span{font-weight:600}.account-settings-view .section.change-communication p.description{opacity:.45;margin-top:0;padding-top:0}.account-settings-view .section .feedback{position:absolute;max-width:calc(100% - 120px);color:#1b1b1b;opacity:0;transition:opacity .5s ease-in-out}.account-settings-view .section .feedback p{margin-top:0}.account-settings-view .section .feedback.visible{opacity:1}.account-settings-view .section form .settings input{min-width:150px;width:100%}.account-settings-view .section form .settings input.immutable{cursor:not-allowed}.account-settings-view .section form .settings input[name=weight],.account-settings-view .section form .settings input[name=age]{display:inline-block}.account-settings-view .section form .settings input::-webkit-outer-spin-button,.account-settings-view .section form .settings input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.account-settings-view .section form .settings input[type=number]{-moz-appearance:textfield}.account-settings-view .section form .settings input[type=radio]{min-width:unset;width:1.25rem;height:1.25rem;margin-right:0;transform:translateY(2px)}.account-settings-view .section form .settings label{min-width:208px;margin-left:10px}.account-settings-view .section form .settings label sjs-toggle{margin-left:17px}.account-settings-view .section form .settings label span.sub{opacity:.45}.account-settings-view .section form .settings.radio-group{display:flex;justify-content:flex-start}.account-settings-view .section form .settings.radio-group label{min-width:unset}@media screen and (max-width: 1230px){.account-settings-view .section-group .section:nth-child(1){margin-right:100px}}@media screen and (max-width: 1135px){.account-settings-view .section-group .settings{min-width:400px}.account-settings-view .section-group .section:nth-child(1){margin-right:50px}.account-settings-view .section-group form .settings input{min-width:100px;width:100%}.account-settings-view .section-group form .settings label{min-width:200px}.account-settings-view .section.solo{max-width:80%}}button.delete-account{position:relative;padding-left:30px}button.delete-account i{position:absolute;display:inline-block;transform:scale(0.55);left:5px;top:0px}button.delete-account i svg{stroke:#1b1b1b;fill:#1b1b1b}button.delete-account:hover i svg{stroke:#fff;fill:#fff}sjs-modal.update-email-modal h3,sjs-modal.delete-modal h3,sjs-modal.progress-modal h3{margin-bottom:35px}sjs-modal.update-email-modal p,sjs-modal.delete-modal p,sjs-modal.progress-modal p{margin-bottom:10px;font-size:1rem}sjs-modal.update-email-modal input,sjs-modal.delete-modal input,sjs-modal.progress-modal input{width:330px;margin-bottom:25px}sjs-modal.update-email-modal div,sjs-modal.delete-modal div,sjs-modal.progress-modal div{display:flex}sjs-modal.update-email-modal div button,sjs-modal.delete-modal div button,sjs-modal.progress-modal div button{margin:0 auto;margin-top:25px}sjs-modal.update-email-modal .error,sjs-modal.delete-modal .error,sjs-modal.progress-modal .error{padding-left:60px}sjs-modal.progress-modal .error,sjs-modal.delete-modal .error{padding:0 8px;text-align:center}sjs-modal.update-email-modal .error{padding-left:0}.support-view{align-items:center;padding:1.125rem;padding-top:4rem;max-width:600px;flex-direction:column;text-align:center}.callback-view{align-items:flex-start;padding:1.125rem;padding-top:4rem;max-width:680px;flex-direction:column;text-align:left}.callback-view p{max-width:640px}.callback-view ol{padding-left:0}.callback-view ol li{max-width:640px;font-size:1.125rem;padding-bottom:1rem;line-height:1.65em}.activity-history-view{min-height:100vh;align-items:flex-start;padding:1.125rem;min-width:680px;flex-direction:column;text-align:left}.activity-history-view h2{margin-top:180px;margin-bottom:25px}.activity-history-view h2:nth-of-type(2){margin-top:120px}@media screen and (max-width: 1050px){.activity-history-view .section-1{display:none}}@media screen and (max-width: 660px){.activity-history-view{min-width:450px}}.achievements-view{align-items:flex-start;padding:1.125rem;padding-top:6rem;padding-bottom:6rem;max-width:680px;flex-direction:column;text-align:left;min-width:980px}.achievements-view .section-group{display:flex;width:100%;flex-wrap:wrap;margin-bottom:5rem}.achievements-view .section-group .section{min-width:calc(50% - 50px);min-height:2rem}.achievements-view .section-group .section:nth-child(1){margin-right:100px}.achievements-view .stat{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:baseline;padding:7px 0;max-width:400px}.achievements-view .stat .label .unit,.achievements-view .stat .value .unit{margin-left:5px}.achievements-view .stat .value{display:flex}.achievements-view .patches{display:grid;grid-template-columns:1fr 1fr 1fr;width:calc(100% + 200px);transform:translateX(-80px);margin-bottom:5rem}@media screen and (max-width: 900px){.achievements-view .patches{grid-template-columns:1fr 1fr}}@media screen and (max-width: 1200px){.achievements-view .patches{width:100%;transform:translateX(0px)}}.achievements-view .patches .patch{padding-left:80px;padding-bottom:20px}@media screen and (max-width: 1200px){.achievements-view .patches .patch{padding-left:10px}}.achievements-view .patches .patch .image-container{width:100%;min-width:200px;height:240px;max-width:300px}.achievements-view .patches .patch img{transform:scale(0.5) translate(-170px, -45px)}.achievements-view .patches .patch img.crash-test{transform:scale(0.45) translate(-220px, -50px)}.achievements-view .patches .patch img.bonobo{transform:scale(0.41) translate(-240px, -145px)}.achievements-view .patches .patch img.gorilla{transform:scale(0.43) translate(-210px, -145px)}.achievements-view .patches .patch img.skull{transform:scale(0.35) translate(-250px, -75px)}.achievements-view .patches .patch img.time{transform:scale(0.37) translate(-90px, -30px)}.achievements-view .patches .patch img.planet{transform:scale(0.42) translate(-390px, 10px)}.achievements-view .patches .patch img.heart{transform:scale(0.43) translate(-180px, -65px)}.achievements-view .patches .patch h4::before{display:block;content:"";width:85px;border-top:2px solid #1b1b1b;margin-bottom:3rem}.achievements-view .patches .patch h4{font-size:1.125rem}.achievements-view .patches .patch p{margin-bottom:0}.achievements-view .patches .patch p.requirement{margin:0}@media screen and (max-width: 1200px){.achievements-view{min-width:none}}@media screen and (max-width: 800px){.achievements-view .section-group{display:flex;width:100%;flex-wrap:wrap;margin-bottom:5rem}.achievements-view .section-group .section{min-width:100%;min-height:2rem}.achievements-view .section-group .section:nth-child(1){margin-bottom:30px}}@media screen and (max-width: 980px){.achievements-view{min-width:unset;padding-bottom:3rem}.achievements-view .patches .patch .image-container{height:190px;max-width:200px}}.compete-online{width:100%;max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center;padding:1.125rem;flex-direction:row;margin-top:60px;margin-bottom:200px}.compete-online .wrapper{padding-top:40px;display:flex}.compete-online .wrapper .left-col{padding-left:0;margin-top:50px;padding-right:5rem;min-width:25rem;width:55%;text-align:left}.compete-online .wrapper .right-col{padding-left:4rem;width:45%;min-width:350px}.compete-online router-link{display:inline-block;margin:1rem;padding:1.3rem 2.2rem}.compete-online router-link svg{width:1.25rem;height:1.25rem;stroke:#000;transform:translate(-2px, 2px);margin:0 2px;stroke:#1b1b1b;fill:#1b1b1b}.compete-online router-link:hover svg{stroke:#fff;fill:#fff}.compete-online .play-btn{position:relative;transform:translate(-4rem, 0rem);z-index:1}.compete-online .play-btn router-link{font-size:2.5em;padding:1.2rem 6rem;z-index:1}.compete-online router-link:nth-child(2){transform:translate(3.5rem, 3rem)}@media screen and (max-width: 1200px){.compete-online .wrapper{margin-left:50px;margin-right:20px;padding-bottom:50px}.compete-online .wrapper .left-col{width:60%;padding-left:0;padding-right:20px}.compete-online .wrapper .right-col{width:40%}}@media screen and (max-width: 920px){.compete-online{margin-top:0;margin-bottom:50px}.compete-online .wrapper{flex-direction:column;flex-wrap:nowrap;margin-left:0px;margin-right:0px;padding-bottom:50px}.compete-online .wrapper .left-col{width:90%;padding-left:0;padding-right:0}.compete-online .wrapper .right-col{width:90%}}.select-challenge{align-items:flex-start;padding:1.5rem;padding-top:4rem;max-width:800px;min-height:80vh;flex-direction:column;text-align:left;margin-top:20px;margin-bottom:40px}.select-challenge .info{display:flex;flex-direction:column;align-items:flex-start;position:relative;margin-top:4rem;margin-bottom:4rem}.select-challenge .info h2{margin:0;margin-bottom:.5rem}.select-challenge .info p{margin:0;margin-bottom:1rem;max-width:640px}.select-challenge p.warn{padding-top:1rem;font-weight:700}.select-challenge .pick-score-types{margin-top:3rem}.select-challenge .level-button-container{display:flex;align-items:flex-start;flex-wrap:nowrap;flex-direction:column;margin-top:20px;margin-bottom:20px}@media screen and (min-width: 1350px){.select-challenge{min-width:1200px}.select-challenge .level-button-container :nth-child(even){transform:translateX(600px)}}@media screen and (max-width: 1200px){.select-challenge .patch{display:none}}sjs-modal.top-score div.message{display:flex;flex-direction:column;text-align:center;flex-wrap:nowrap;align-items:center;justify-content:center;min-height:200px}sjs-modal.top-score div.message p.trophy{display:block;min-width:460px;min-height:300px;background-size:contain}sjs-modal.top-score div.message p.trophy i{transform:scale(3)}sjs-modal.top-score div.message p.trophy i svg{stroke:#000}sjs-modal.top-score div.message p.trophy.world-record{background-image:url("/assets/images/trophies/world-record.png")}sjs-modal.top-score div.message p.trophy.track-record{background-image:url("/assets/images/trophies/world-record.png")}sjs-modal.top-score div.message p.details{max-width:200px}sjs-modal.top-score div.message p.date{opacity:.45}sjs-modal.top-score div.message p.close{display:flex;justify-content:center;align-items:center;max-width:300px}sjs-modal.top-score div.message p.close div.button{display:inline;min-width:150px}.add-opponents-view{align-items:flex-start;padding:1.125rem;padding-top:4rem;max-width:920px;flex-direction:column;text-align:left;margin-top:25px;margin-bottom:50px}.add-opponents-view .section.solo{max-width:100%;margin-bottom:4rem}.add-opponents-view .section.add-opponents{position:relative}.add-opponents-view .section.add-opponents .search-box{display:flex;flex-wrap:nowrap;flex-direction:row}.add-opponents-view .section.add-opponents .search-box input{width:45%;font-variant-ligatures:none;font-feature-settings:"liga" 0;font-size:1rem}.add-opponents-view .section.add-opponents .search-box button{margin-left:30px;padding:10px 50px}.add-opponents-view .section.add-opponents .search-box .load-icon{padding-left:25px}.add-opponents-view .section.add-opponents .feedback{position:absolute;margin:0}.add-opponents-view .section.your-athlete-id .athlete-id{margin-bottom:0;display:flex;flex-wrap:nowrap;flex-direction:row}.add-opponents-view .section.your-athlete-id .athlete-id .label{font-size:1.5rem;font-style:normal;letter-spacing:2px;font-weight:600;display:inline-block;background:rgba(221,221,221,.467);padding:7px 20px;border-radius:50px;user-select:text;font-variant-ligatures:none;font-feature-settings:"liga" 0;min-width:140px;text-align:center}.add-opponents-view .section.your-athlete-id .athlete-id .share{position:relative;margin-left:25px;padding-top:7px;padding-left:32px;cursor:pointer}.add-opponents-view .section.your-athlete-id .athlete-id .share i{position:absolute;left:0;display:inline-block;transform:translate(0, 2px)}.add-opponents-view .section.your-athlete-id .athlete-id .share i svg{stroke:#1b1b1b;fill:#1b1b1b}.add-opponents-view .section.opponent-list{min-width:100%}.add-opponents-view .section.opponent-list sjs-opponents-ui{display:block;min-height:80px;width:100%}@media screen and (max-width: 1135px){.add-opponents-view .section.solo{max-width:80%}}sjs-modal.share-athlete-id-modal .wrapper{display:flex;flex-direction:column;justify-content:center;min-height:250px;align-items:flex-start}sjs-modal.share-athlete-id-modal .wrapper h3{margin-bottom:35px;min-width:900px}sjs-modal.share-athlete-id-modal .wrapper h4{text-transform:none;font-size:1rem;margin-bottom:5px}sjs-modal.share-athlete-id-modal .wrapper p.info{max-width:60%;display:none}sjs-modal.share-athlete-id-modal .wrapper .share-options{display:flex;gap:10px}sjs-modal.share-athlete-id-modal .wrapper .share-options .button{padding:11px 40px}sjs-modal.share-athlete-id-modal .wrapper p{margin-bottom:10px;font-size:1rem}sjs-modal.share-athlete-id-modal .wrapper p.url{user-select:text;margin-bottom:40px}sjs-modal.share-athlete-id-modal .wrapper form{display:flex;flex-direction:row;flex-wrap:nowrap}sjs-modal.share-athlete-id-modal .wrapper form input{width:330px;margin-bottom:25px;margin-right:30px}sjs-modal.share-athlete-id-modal .wrapper form .send-icon{margin-left:7px;transform:translateY(2px)}sjs-modal.share-athlete-id-modal .wrapper div{display:flex}sjs-modal.share-athlete-id-modal .wrapper div button{margin:0 auto;margin-top:40px;padding:11px 40px}sjs-modal.share-athlete-id-modal .wrapper .error{padding-left:60px}circuit-container{contain:content;position:relative;width:100vw;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column}circuit-container .loading{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;font-size:1.8rem;display:flex;justify-content:center;align-items:center;z-index:5000}circuit-container .loading .modal{margin-bottom:100px;max-width:680px}circuit-container .loading .loading-msg{padding-top:40px}circuit-container .loading h3{font-size:1.8rem}circuit-container .loading .ellipse{display:inline-block;animation-name:bounce;animation-duration:.9s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;padding-left:1.5px}circuit-container .loading .ellipse.e1{animation-delay:0}circuit-container .loading .ellipse.e2{animation-delay:.15s}circuit-container .loading .ellipse.e3{animation-delay:.3s}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-3px)}100%{transform:translateY(1px)}}circuit-container .game-section{display:flex;align-items:center;justify-content:center}circuit-container .render-target{min-width:300px;min-height:250px;position:relative;overflow:hidden}circuit-container canvas.strain-curve{width:200px;height:200px;background-color:#fff}circuit-container canvas.input-curve{width:200px;height:200px;background-color:#dbdbdb}circuit-container mini-map{position:absolute;top:65px;right:40px;transform:translateX(-190px)}circuit-container sjs-mini-viewer{position:absolute;bottom:1.25rem;left:0;right:0;z-index:3;opacity:0;transform:translateY(50px);transition:opacity .3s ease,transform .3s ease}circuit-container sjs-mini-viewer[active]{opacity:1;transform:translateY(0)}circuit-container sjs-modal{opacity:1;left:0;height:500px}.menu-view.player-analytics{contain:content;position:relative;width:auto;min-height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;border-left:unset;border-right:unset;max-width:100vw;padding:20px}.menu-view.player-analytics .analytics-table table{border:2px solid #1b1b1b;width:calc(100vw - 50px)}.menu-view.player-analytics .analytics-table table thead th{font-size:.7rem;font-weight:600;text-align:right;text-transform:uppercase;padding:unset;margin:unset;margin-bottom:5px}.menu-view.player-analytics .analytics-table table button{border:unset;padding:unset;margin:unset;background:unset;color:#1b1b1b;font-size:.7rem;text-align:right}.menu-view.player-analytics .analytics-table table button:hover{background:unset;color:#1b1b1b}.menu-view.player-analytics .analytics-table table button::before,.menu-view.player-analytics .analytics-table table button::after{content:unset}.menu-view.player-analytics .analytics-table table .clickable{user-select:none;cursor:pointer}.menu-view.player-analytics .analytics-table table td{user-select:all;padding:10px 15px;text-align:right}.menu-view.player-analytics .analytics-table table tr{font-size:.7rem}.menu-view.player-analytics .analytics-table table tr.empty{opacity:.2}.menu-view.player-analytics .analytics-table table tr.old{color:#db5a93}.conductor-page .white-paper{display:block;position:absolute;top:-235px;right:-220px;transform:scale(0.6);z-index:0}.conductor-page .color-swatch{display:block;position:absolute;top:-277px;left:-346px;transform:scale(0.5) rotate(14deg);z-index:0}.conductor-page .yellow-cable{display:block;position:absolute;top:-275px;left:-500px;transform:scale(0.5);z-index:0}.conductor-page .conductor-wrapper{overflow:visible;position:relative;z-index:1}.conductor-page .conductor-wrapper sjs-conductor-body{z-index:1}.conductor-page .conductor-wrapper img{display:block;position:absolute;z-index:1}.conductor-page .conductor-wrapper .glass-stone{top:-205px;right:-255px;transform:scale(0.41)}.conductor-page .conductor-wrapper .grey-stone{top:-210px;right:-790px;transform:scale(0.43)}.conductor-page .conductor-wrapper .flute{top:-199px;left:-348px;transform:scale(0.48) rotate(5deg)}.conductor-page .conductor-wrapper .maestro-game{top:-183px;left:-140px;transform:scale(0.45);z-index:0}.conductor-page .conductor-wrapper .grid-club-game{top:217px;left:-560px;transform:scale(0.45) rotate(347deg);z-index:0}@media screen and (max-height: 820px){.conductor-page sjs-conductor-body{zoom:.8 !important}}@media screen and (max-width: 850px){circuit-container mini-map{scale:.6 !important}}@media screen and (max-width: 970px){game-container .hud{transform:scale(0.85) !important}}@media screen and (max-width: 730px){game-container .hud{transform:scale(0.6) !important}}@media screen and (max-width: 900px){game-container.flap-flap .hud{transform:scale(0.8)}}game-container.invader-container{height:unset !important;min-height:100vh;min-height:100dvh}game-container.invader-container .invader-arcade{display:flex;justify-content:center;align-items:center;background-color:unset !important;position:relative;max-width:1200px;max-height:850px;min-width:1000px;min-height:750px;padding-top:40px;padding-bottom:70px;width:1100px !important;height:800px !important;transform:scale(1)}game-container.invader-container .invader-arcade sjs-invaders-timeline-panel{position:absolute;right:0;z-index:1;padding:40px 30px;padding-right:0}game-container.invader-container .invader-arcade sjs-invaders-power-panel{position:absolute;left:-130px;z-index:1;padding:40px 30px;padding-left:130px}@media screen and (min-width: 1700px)and (min-height: 1010px){game-container.invader-container .invader-arcade{transform:scale(1.2)}}@media screen and (max-width: 1600px){game-container.invader-container .invader-arcade{transform:scale(1)}}@media screen and (max-width: 1370px){game-container.invader-container .invader-arcade{transform:scale(0.95)}}@media screen and (max-width: 1280px){game-container.invader-container .invader-arcade{transform:scale(0.9)}}@media screen and (max-width: 1210px){game-container.invader-container .invader-arcade{transform:scale(0.8)}}@media screen and (max-width: 1090px){game-container.invader-container .invader-arcade{transform:scale(0.7)}game-container.invader-container .invader-arcade sjs-invaders-power-panel{left:-180px}game-container.invader-container .invader-arcade sjs-invaders-timeline-panel{right:-50px}}@media screen and (max-width: 930px){game-container.invader-container .invader-arcade{transform:scale(0.65)}}@media screen and (max-width: 870px){game-container.invader-container .invader-arcade{transform:scale(0.55)}}@media screen and (max-width: 730px){game-container.invader-container .invader-arcade{transform:scale(0.5)}}@media screen and (max-width: 660px){game-container.invader-container .invader-arcade{transform:scale(0.4)}}@media screen and (max-width: 540px){game-container.invader-container .invader-arcade{transform:scale(0.35)}}@media screen and (max-height: 820px){game-container.invader-container .invader-arcade{height:720px !important;transform:scale(0.75)}}/*# sourceMappingURL=styles.css.map */