.swiper-container-3d{width:100%;max-width:720px;height:100px;position:absolute;bottom:126px;left:50%;transform:translate(-50%);z-index:100}.swiper-container-3d .swiper-wrapper{transition:transform .5s ease}.swiper-container-3d .swiper-fade-gradient-left,.swiper-container-3d .swiper-fade-gradient-right{position:absolute;top:0;width:100px;height:100%;pointer-events:none;z-index:10;opacity:1;visibility:visible;transition:opacity .3s ease-in-out}.swiper-container-3d .swiper-fade-gradient-left.landscape,.swiper-container-3d .swiper-fade-gradient-right.landscape{top:unset;left:0;width:100%;height:100px}.swiper-container-3d .swiper-fade-gradient-left{left:0;background:linear-gradient(to right,var(--bg-color),rgba(255,0,0,0));-webkit-mask:linear-gradient(to right,var(--bg-color),var(--bg-color),transparent);mask:linear-gradient(to right,var(--bg-color),var(--bg-color),transparent);-webkit-backdrop-filter:blur(1.4px) grayscale(.4);backdrop-filter:blur(1.4px) grayscale(.4)}.swiper-container-3d .swiper-fade-gradient-left.landscape{left:unset;top:0;background:linear-gradient(to bottom,var(--bg-color),rgba(255,0,0,0));-webkit-mask:linear-gradient(to bottom,var(--bg-color),var(--bg-color),transparent);mask:linear-gradient(to bottom,var(--bg-color),var(--bg-color),transparent);-webkit-backdrop-filter:blur(1.4px) grayscale(.4);backdrop-filter:blur(1.4px) grayscale(.4)}.swiper-container-3d .swiper-fade-gradient-right{right:0;background:linear-gradient(to left,var(--bg-color),rgba(255,0,0,0));-webkit-mask:linear-gradient(to left,var(--bg-color),var(--bg-color),transparent);mask:linear-gradient(to left,var(--bg-color),var(--bg-color),transparent);-webkit-backdrop-filter:blur(1.4px) grayscale(.4);backdrop-filter:blur(1.4px) grayscale(.4)}.swiper-container-3d .swiper-fade-gradient-right.landscape{right:unset;bottom:0;background:linear-gradient(to top,var(--bg-color),rgba(255,0,0,0));-webkit-mask:linear-gradient(to top,var(--bg-color),var(--bg-color),transparent);mask:linear-gradient(to top,var(--bg-color),var(--bg-color),transparent);-webkit-backdrop-filter:blur(1.4px) grayscale(.4);backdrop-filter:blur(1.4px) grayscale(.4)}.swiper-container-3d .hidden-gradient{opacity:0;visibility:hidden}.swiper-container-3d .swiper-slide{text-align:center;display:flex;justify-content:center;align-items:center;transition:transform .5s ease,opacity .3s ease;transform-origin:center center;-webkit-tap-highlight-color:transparent;visibility:hidden;opacity:0}.swiper-container-3d .swiper-slide.visible{visibility:visible;opacity:1}.swiper-container-3d .swiper-slide img{width:100%;height:100%;object-fit:contain;cursor:pointer;transition:transform .5s ease}.swiper-container-3d .slide-outline{position:absolute;left:50%;top:50%;width:100px;height:100px;transform:translate(-50%,-50%)}.swiper-container-3d[landscape]{transform:translate(0);top:0;right:68px;left:auto;height:100%;width:50px}.swiper-container-3d-wheels{bottom:150px;height:50px}.swiper-container-3d-wheels .slide-wheels{width:50px;height:50px}.slide-outline-wheels{width:64px!important;height:64px!important;background-color:#545454;border-radius:50%;opacity:.75;z-index:-1}.takePhoto{border-radius:50%;width:40px!important;height:40px!important;background-color:transparent;z-index:2}.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}.hint-cursor{position:absolute;left:50%;top:50%;width:100px;height:100px;transform:translate(-50%,-50%);background-size:100%;background-image:url(/assets/hand-Cq_rEf6H.png);opacity:0;pointer-events:none;display:none}.hint-cursor.visible{display:block;opacity:1}.animateRight{animation:moveRight1 1s forwards}.animateLeft{animation:moveLeft 2s forwards}.animateToInitial{animation:moveRight2 1s forwards}@keyframes moveRight1{0%{left:50%;opacity:0}20%{opacity:1}to{left:65%;opacity:1}}@keyframes moveLeft{0%{left:65%;opacity:1}to{left:35%;opacity:1}}@keyframes moveRight2{0%{left:35%;opacity:1}80%{opacity:1}to{left:50%;opacity:0}}@keyframes scaleIn{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(.8)}}@keyframes scaleOut{0%{transform:translate(-50%,-50%) scale(.8)}to{transform:translate(-50%,-50%) scale(1)}}.scaleIn{animation:scaleIn .3s ease-in-out forwards;animation-delay:.5s}.scaleOut{animation:scaleOut 1s ease-in-out forwards}.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/speed-gradient-D5wrik2f.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;top:0;right:0;bottom:0;left:0;margin-right:-1px}.speed-container .heat-slider--input input{position:relative;z-index:1;width:100%;height:40px;-webkit-appearance:none;-moz-appearance:none;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;-webkit-appearance:none;-moz-appearance:none;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;-webkit-appearance:none;-moz-appearance:none;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;-webkit-appearance:none;-moz-appearance:none;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;-webkit-appearance:none;-moz-appearance:none;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%}}.qr-overlay{position:absolute;width:100%;height:100%;left:0;top:0;background-color:var(--dark-bg-color);color:var(--text-color);opacity:.9;z-index:101}.qr-overlay-content{font-family:Montserrat-Bold,sans-serif;font-weight:700;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:452px;width:100%;height:fit-content;color:var(--text-color);cursor:pointer;z-index:102}.qr-close-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(55%);gap:8px}.qr-code{width:100%;max-width:420px;margin-bottom:32px}.qr-overlay-text{text-align:center;font-size:22px;line-height:27px;width:100%;display:block;text-transform:uppercase;max-width:420px}.qr-overlay-close{z-index:100;width:30px;height:30px}.qr-close-text{text-align:center;font-size:22px;line-height:27px;display:block;text-transform:uppercase}.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}
