.switch-container{display:flex;flex-direction:column;width:82px;margin-bottom:5px}.switch-container.landscape{transform:scale(.9) rotate(-90deg);margin-left:0;width:88px;height:88px;min-width:88px;min-height:88px}.switch-container.landscape .onoffswitch{margin:5px 0}.switch-container.landscape .onoffswitch-inner:before{writing-mode:vertical-lr;padding-left:unset;padding-top:10px}.switch-container.landscape .onoffswitch-inner:after{writing-mode:vertical-rl;padding-right:unset;padding-bottom:8px}.switch-container.landscape .switch-label{writing-mode:vertical-lr;text-orientation:upright;letter-spacing:-.25rem;width:19px;height:19px;align-self:end;transform-origin:top left;transform:rotate(90deg) translate(30%) translateY(-50%)}.switch-label{font-family:var(--font-primary),sans-serif;font-size:12px;line-height:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.onoffswitch{position:relative;width:82px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.onoffswitch-checkbox{position:absolute;opacity:0;pointer-events:none}.onoffswitch-label{display:block;overflow:hidden;cursor:pointer;border:0px solid #ffffff;border-radius:23px}.onoffswitch-inner{display:block;width:200%;margin-left:-100%;transition:margin .3s ease-in}.onoffswitch-inner:before,.onoffswitch-inner:after{display:block;float:left;width:50%;height:42px;padding:0;line-height:42px;font-size:12px;color:#fff;font-family:var(--font-primary)}.onoffswitch-inner:before{content:"ON";padding-left:10px;background-color:#dcdcdc;color:#8b8b8b}.onoffswitch-inner:after{content:"OFF";padding-right:10px;background-color:#dcdcdc;color:#8b8b8b;text-align:right}.onoffswitch-switch{display:block;width:36px;margin:3px;background:#000;position:absolute;top:0;bottom:0;right:40px;border:0px solid #ffffff;border-radius:23px;transition:right .3s ease-in}.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner{margin-left:0}.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch{right:0}.tyre-picker{display:flex;gap:10px}.tyre-picker>.tyre-option:last-of-type{margin-right:8px}.tyre-picker.landscape{flex-direction:column-reverse;gap:0}.tyre-picker.landscape>.tyre-option:last-of-type{margin-right:0}.tyre-option{position:relative;display:flex;width:36px;height:36px;margin:8px 1px;align-items:center;justify-content:center;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;-webkit-tap-highlight-color:transparent}.selector{display:block;position:absolute;background:#949494;width:50px;height:50px;border-radius:50%;z-index:0;opacity:0;transform:scale(.5);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.tyre-option.selected .selector{opacity:1;transform:scale(1)}.tyre-1{background-image:url(/assets/controls/customize/michelin.jpg)}.tyre-2{background-image:url(/assets/controls/customize/pirelli.jpg)}.speed-container{visibility:hidden;width:100%;margin-block:10px;max-width:720px;position:absolute;bottom:140px;left:50%;transform:translate(-50%);z-index:100;display:flex;justify-content:center;gap:18px}.speed-container .speed-label{display:inline-flex;font-family:var(--font-primary),sans-serif;font-weight:700;white-space:pre;font-size:.625rem;align-self:flex-end;margin-bottom:6px;margin-inline:6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (min-width: 500px){.speed-container .speed-label{font-size:1rem}}.speed-container .speed-label[landscape]{font-size:.625rem;writing-mode:vertical-rl}.speed-container .heat-slider--v{display:flex;flex-direction:column;justify-content:center}.speed-container .heat-slider{--slider-handle-size: 25px;--p: 50%;width:70%;max-width:620px}.speed-container .heat-slider--input{position:relative;line-height:0;background-image:url(/assets/controls/speed-gradient.png);background-size:100% 60%;background-position:center;background-repeat:no-repeat;width:100%;margin:auto}.speed-container .heat-slider--input:before{content:"";position:absolute;pointer-events:none;inset:0;margin-right:-1px}.speed-container .heat-slider--input input{position:relative;z-index:1;width:100%;height:40px;appearance:none;background:transparent;border:0;margin:0;padding:0;cursor:pointer}.speed-container .heat-slider--input input::-webkit-slider-runnable-track{padding:calc(var(--slider-handle-size) / 1.6) 0;margin:0 calc(var(--slider-handle-size) / 2 * -1);cursor:pointer}.speed-container .heat-slider--input input::-moz-range-track{padding:calc(var(--slider-handle-size) / 1.6) 0;margin:0 calc(var(--slider-handle-size) / 2 * -1);cursor:pointer}.speed-container .heat-slider--input input::-webkit-slider-thumb{position:relative;appearance:none;box-shadow:0 0 4px gray;height:36px;width:15px;border-radius:3px;background:#fff;cursor:grab}.speed-container .heat-slider--input input::-moz-range-thumb{position:relative;appearance:none;box-shadow:0 0 4px gray;height:36px;width:15px;border-radius:3px;background:#fff;cursor:grab}.speed-container .heat-slider--input input:focus{outline:none}.speed-container .heat-slider--input input:active::-webkit-slider-thumb{position:relative;appearance:none;box-shadow:0 0 4px gray;height:36px;width:15px;border-radius:3px;background:#fff;cursor:grabbing}.speed-container .heat-slider--input input:active::-moz-range-thumb{position:relative;appearance:none;box-shadow:0 0 4px gray;height:36px;width:15px;border-radius:3px;background:#fff;cursor:grabbing}.speed-container[landscape]{transform-origin:top left;transform:rotate(-90deg) translate(-100%) translate(50%);margin-block:0;top:50%;left:unset;bottom:unset;width:350px;justify-content:center}@media (min-width: 500px){.speed-container[landscape]{width:95.3846153846vh;left:80%}}.btns-container{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:10px;z-index:100}.btns-container .tryOnBtn,.btns-container .shopOnBtn{font-family:var(--font-primary),sans-serif;font-size:12px;line-height:15px;width:186px;height:49px;cursor:pointer;border-radius:100px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;animation:pulse 5s ease-in-out infinite}@media (hover: hover){.btns-container .tryOnBtn:hover,.btns-container .shopOnBtn:hover{transform:scale(1.05)}}.btns-container .tryOnBtn{background-color:var(--bg-color);color:var(--text-color);border:2px solid var(--text-color);display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .3s,color .3s,transform .3s;overflow:hidden}.btns-container .tryOnBtn .try-on-icon{width:22px;height:22px}.btns-container .shopOnBtn{background-color:var(--text-color);color:var(--bg-color);transition:background-color .3s,color .3s}.btns-container .tryOnWheelsBtn{background-color:var(--text-color);color:var(--bg-color);border:2px solid var(--bg-color);font-family:var(--font-primary),sans-serif}.btns-container .tryOnWheelsBtn .try-on-icon{width:18px;height:18px}.btns-container .motion-btn,.btns-container .customize-btn{font-family:var(--font-primary),sans-serif;display:flex;flex-direction:column;width:90px;gap:3px;align-items:center;justify-content:center;font-size:12px;line-height:14px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btns-container .motion-btn img,.btns-container .customize-btn img{width:30px;height:30px}@media (hover: hover){.btns-container .motion-btn:hover,.btns-container .customize-btn:hover{transform:scale(1.05)}}.btns-container[landscape]{bottom:8px}.overlay{position:absolute;background:var(--bg-color);top:0;left:0;transform:translate(-50%,-50%);border-radius:50%;animation:blink 1s ease;pointer-events:none}@keyframes blink{0%{height:0px;width:0px;opacity:.5}to{height:400px;width:400px;opacity:0}}@keyframes pulse{5.5%{transform:scale(1.03)}20%{transform:scale(1)}95.5%{transform:scale(1)}}.brake-disk-picker{display:flex;gap:10px}.brake-disk-picker>.brake-disk-option:last-of-type{margin-right:8px}.brake-disk-picker.landscape{flex-direction:column-reverse;gap:0}.brake-disk-picker.landscape>.brake-disk-option:last-of-type{margin-right:0}.brake-disk-option{position:relative;display:flex;width:36px;height:36px;margin:8px 1px;align-items:center;justify-content:center;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;-webkit-tap-highlight-color:transparent}.selector{display:block;position:absolute;background:#949494;width:50px;height:50px;border-radius:50%;z-index:-1;opacity:0;transform:scale(.5);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.brake-disk-option.selected .selector{opacity:1;transform:scale(1)}.brake-disk-1{background-image:url(/assets/controls/customize/steel-disk.png)}.brake-disk-2{background-image:url(/assets/controls/customize/carbon-ceramic-disk.png)}.brake-disk-3{background-image:url(/assets/controls/customize/steel-ventilated-disk.png)}.color-picker{display:flex;gap:10px}.color-picker.landscape{flex-direction:column-reverse;gap:0}.color-option{position:relative;display:flex;width:36px;height:36px;margin:8px 1px;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent}.checkmark{display:block;position:absolute;background:#949494;width:50px;height:50px;border-radius:50%;z-index:-1;opacity:0;transform:scale(.5);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.color-option.selected .checkmark{opacity:1;transform:scale(1)}.color-1{background-color:#e70000}.color-2{background-color:#e7a900}.color-3{background-color:#0ce700}.color-4{background-color:#0092e7}.color-5{background-color:#e700d4}