@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Roboto+Mono:wght@500&display=swap";:root{color:#fff;background:#2d2f37;font-family:Montserrat,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--topbar: #22242b;--secondary: #2d2f37;--rail: #404350;--rail-dark: #2b2d35;--accent: #ff4f57;--muted: #b4b4b4;--inactive: #7a7f94;--topbar-height: 68px;--subnav-height: 50px;--rail-width: 360px;--footer-height: 125px}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,textarea{color:inherit;font:inherit}button{border:0;background:none;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.configurator{display:grid;grid-template-rows:var(--topbar-height) var(--subnav-height) minmax(0,1fr);width:100%;height:100dvh;min-height:480px;background:var(--secondary)}.topbar{z-index:40;display:flex;align-items:center;min-width:0;padding:0 32px;background:var(--topbar);box-shadow:0 1px #ffffff08}.brand{display:flex;width:84px;height:100%;flex:0 0 84px;align-items:center;justify-content:center;padding:0}.brand img{display:block;width:84px;height:19px}.brand--preloader{display:block;width:180px;height:auto}.workflow{display:flex;height:100%;flex:1 1 auto;justify-content:center;min-width:0}.workflow button{position:relative;width:100%;max-width:150px;flex:1 1 0;padding:0 16px;color:#fff;font-size:15px;font-weight:400;transition:background-color .18s ease,color .18s ease}.workflow button:hover{background:#ffffff09}.workflow button.is-active{background:var(--secondary)}.workflow button:disabled{color:#ffffff5c;cursor:default}.workflow button:disabled:hover{background:transparent}.workflow button:disabled.is-active{color:#fff;background:var(--secondary)}.subnav{z-index:38;display:flex;justify-content:center;padding:0 32px;background:var(--secondary);border-bottom:1px solid rgb(255 255 255 / 10%)}.subnav--empty{display:block}.subnav--preview button:disabled{max-width:160px;color:var(--accent);cursor:default}.subnav button{position:relative;width:100%;max-width:120px;min-width:0;flex:1 1 0;margin:0 20px;color:var(--inactive);font-size:14px;white-space:nowrap;transition:color .18s ease,background-color .18s ease}.subnav button:after{position:absolute;right:0;bottom:0;left:0;height:4px;background:var(--accent);content:"";opacity:0;transform:scaleX(.3);transition:opacity .18s ease,transform .18s ease}.subnav button:hover,.subnav button.is-active{color:var(--accent)}.subnav button.is-active:after{opacity:1;transform:scaleX(1)}.experience-shell{position:relative;min-width:0;min-height:0;overflow:hidden;background:#9bb7c8}.viewport{position:absolute;inset:0 var(--rail-width) 0 0;overflow:hidden;background:linear-gradient(#9ebdd0,#d9d4c9);touch-action:none}.viewport canvas{display:block;width:100%;height:100%;cursor:grab}.viewport canvas:active{cursor:grabbing}.viewport__hint{position:absolute;top:18px;left:50%;display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgb(255 255 255 / 24%);border-radius:999px;color:#ffffffc7;background:#18191e57;box-shadow:0 6px 20px #00000014;font-size:10px;opacity:0;pointer-events:none;transform:translate(-50%,-4px);animation:hint-in-out 4.8s 2.2s ease both;backdrop-filter:blur(8px)}.viewport__hint svg{width:16px;height:16px}@keyframes hint-in-out{0%,to{opacity:0;transform:translate(-50%,-4px)}14%,72%{opacity:1;transform:translate(-50%)}}.vehicle-selector{position:absolute;z-index:25;top:14px;left:14px;width:min(292px,calc(100% - var(--rail-width) - 28px));padding:10px 12px 9px;border:1px solid rgb(255 255 255 / 18%);border-radius:8px;color:#fff;background:#1d1f25d1;box-shadow:0 10px 28px #0000002e;backdrop-filter:blur(12px)}.vehicle-selector>label{display:block;margin-bottom:4px;color:#fff9;font-size:9px;font-weight:700;letter-spacing:1.35px;text-transform:uppercase}.vehicle-selector__control{position:relative}.vehicle-selector select{width:100%;height:30px;padding:0 30px 0 0;border:0;outline:0;color:#fff;background:transparent;font:inherit;font-size:12px;font-weight:500;appearance:none}.vehicle-selector select:disabled{cursor:wait;opacity:.72}.vehicle-selector option{color:#fff;background:#26282f}.vehicle-selector__chevron,.vehicle-selector__spinner{position:absolute;top:50%;right:2px;width:10px;height:10px;pointer-events:none;transform:translateY(-50%)}.vehicle-selector__chevron{border-right:1px solid #fff;border-bottom:1px solid #fff;transform:translateY(-70%) rotate(45deg)}.vehicle-selector__spinner{border:1.5px solid rgb(255 255 255 / 25%);border-top-color:#fff;border-radius:50%;animation:vehicle-spin .7s linear infinite}.vehicle-selector__status{display:block;min-height:13px;overflow:hidden;color:#ffffff85;font-size:9px;line-height:13px;text-overflow:ellipsis;white-space:nowrap}.vehicle-selector.has-error{border-color:#ff515ca3}.vehicle-selector.has-error .vehicle-selector__status{color:#ff9ca3}@keyframes vehicle-spin{to{transform:translateY(-50%) rotate(360deg)}}.options-rail{position:absolute;z-index:20;top:0;right:0;bottom:0;display:flex;flex-direction:column;width:var(--rail-width);background:var(--rail);box-shadow:-1px 0 #ffffff14}.options-rail__mobile-handle{display:none}.choice-panel{flex:1;min-height:0;overflow:auto;padding-bottom:var(--footer-height);overscroll-behavior:contain;scrollbar-color:#8c8d91 transparent;scrollbar-width:thin}.vehicle-preview-panel{flex:1;min-height:0;overflow:auto;padding:42px 34px calc(var(--footer-height) + 30px);color:#fff}.vehicle-preview-panel>span{color:var(--accent);font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.vehicle-preview-panel h1{max-width:250px;margin:10px 0 22px;font-size:25px;font-weight:400;line-height:1.16}.vehicle-preview-panel p{margin:0 0 18px;color:#ffffffc2;font-size:12px;line-height:1.65}.vehicle-preview-panel small{display:block;padding-top:18px;border-top:1px solid rgb(255 255 255 / 10%);color:var(--muted);font-size:10px;line-height:1.55}.preview-footer{position:absolute;right:0;bottom:0;left:0;display:grid;height:var(--footer-height);grid-template-rows:55px 70px;background:var(--topbar)}.preview-footer>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.preview-footer small{color:var(--muted);font-size:8px;letter-spacing:1.3px;text-transform:uppercase}.preview-footer strong{font-size:13px;font-weight:500}.preview-footer button{color:#fff;background:var(--accent);font-size:12px;font-weight:600}.choice-panel::-webkit-scrollbar,.summary-panel::-webkit-scrollbar{width:8px}.choice-panel::-webkit-scrollbar-thumb,.summary-panel::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:10px;background:#8c8d91;background-clip:padding-box}.choice{display:grid;grid-template-columns:18.4px 60px minmax(0,1fr);align-items:center;column-gap:14px;width:100%;min-height:84px;padding:12px 20px;color:#fff;text-align:left;transition:background-color .16s ease}.choice:hover{background:#ffffff0a}.choice.is-selected{background:var(--rail-dark)}.choice__radio{display:grid;width:1.15em;height:1.15em;border:.15em solid #fff;border-radius:50%;place-items:center}.choice__radio span{width:10px;height:10px;border-radius:inherit;background:#fff;opacity:0;transform:scale(.4);transition:opacity .14s ease,transform .14s ease}.choice.is-selected .choice__radio span{opacity:1;transform:scale(1)}.choice__thumb{position:relative;display:grid;width:60px;height:60px;overflow:hidden;border:1px solid rgb(255 255 255 / 55%);border-radius:50%;background:#292b31;place-items:center}.choice__thumb img{width:100%;height:100%;object-fit:cover}.choice__thumb--color{box-shadow:inset 0 0 18px #ffffff2e,inset 0 -10px 16px #00000040}.choice__thumb--part{color:#ffffffd1;background:linear-gradient(145deg,rgb(255 255 255 / 16%),transparent 52%),radial-gradient(circle at 70% 72%,#101115,#3b3e45 70%);font-family:Roboto Mono,monospace;font-size:13px;letter-spacing:-1px}.choice__thumb--wheels{border:7px solid #121318;outline:1px solid rgb(255 255 255 / 55%);outline-offset:-1px;background:repeating-conic-gradient(#8a8d91 0 8deg,#25272b 8deg 24deg)}.choice__copy{display:flex;min-width:0;flex-direction:column;gap:4px;margin-left:1px}.choice__copy strong{font-size:13px;font-weight:400;line-height:1.35}.choice__copy small{color:var(--muted);font-size:12px}.journey-footer{position:absolute;right:0;bottom:0;left:0;height:var(--footer-height);background:transparent}.journey-footer__nav{position:absolute;top:-12px;right:0;left:0;display:flex;align-items:stretch;justify-content:space-between;height:67px;padding:0;background:var(--topbar)}.journey-footer__nav button{display:flex;width:50%;max-width:none;flex:0 0 50%;align-items:center;justify-content:center;gap:0;min-width:0;padding:16px 6px;text-align:left}.journey-footer__nav button:only-child{margin-left:50%}.journey-footer__nav span{display:flex;flex-direction:column;gap:1px;padding:0 24px}.journey-footer__nav small{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.journey-footer__nav strong{font-size:16px}.journey-footer__next{justify-content:flex-end;text-align:right!important}.chevron{width:24px;height:24px}.chevron--left{transform:rotate(180deg)}.journey-footer__total{position:absolute;top:55px;right:0;left:0;display:flex;height:70px;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--accent)}.journey-footer__total small{font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.journey-footer__total strong{font-size:18px}.environment-switch{position:absolute;z-index:24;bottom:0;left:0;display:flex;width:max-content;height:66px}.environment-switch button{min-width:110px;padding:26px 32px;color:#fff;background:var(--secondary);font-size:14px;font-weight:500}.environment-switch button:first-child{background:var(--topbar)}.environment-switch button.is-active{color:var(--accent);font-weight:400}.environment-switch button:disabled{cursor:wait}.environment-switch.has-error{box-shadow:inset 0 2px var(--accent)}.requirement-panel{flex:1;padding:32px 40px;background:var(--secondary)}.requirement-panel h2{margin:0 0 24px;font-size:15px;letter-spacing:3px;text-transform:uppercase}.requirement-panel p{margin:0;font-size:14px;font-weight:500;line-height:1.55}.requirement-panel__actions{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:44px}.button{min-height:46px;padding:0 18px;border:1px solid transparent;font-size:13px;font-weight:700}.button--outline{border-color:#fff}.button--danger{border-color:var(--accent);color:var(--accent)}.button--accent{color:#fff;background:var(--accent)}.button:disabled{cursor:wait;opacity:.62}.summary-panel{flex:1;min-height:0;overflow:auto;padding:0 28px 100px;background:var(--rail);overscroll-behavior:contain}.summary-panel>h1{margin:0;padding:26px 0 34px;font-size:22px;letter-spacing:-.6px}.summary-panel>h2{margin:0;padding-bottom:17px;border-bottom:1px solid rgb(255 255 255 / 14%);font-size:14px;font-weight:500}.summary-row{display:grid;grid-template-columns:1fr auto;gap:7px 12px;padding:16px 0;border-bottom:1px solid rgb(255 255 255 / 13%)}.summary-row h3{grid-column:1 / -1;margin:0 0 4px;color:var(--accent);font-size:14px;font-weight:500}.summary-row span,.summary-row small{font-size:11px;line-height:1.4}.summary-row small{color:var(--muted);text-align:right}.summary-row--total{grid-template-columns:1fr auto;color:#fff;font-size:13px}.summary-row--total strong:last-child{color:var(--accent)}.mobile-quote-sheet{display:contents}.mobile-quote-sheet__header{display:none}.quote-form{display:flex;flex-direction:column;gap:18px;padding-top:34px}.quote-form h2{margin:0 0 10px;font-size:12px;font-weight:500;letter-spacing:3px;text-transform:uppercase}.quote-form label{display:flex;flex-direction:column;gap:7px}.quote-form label span{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.quote-form input,.quote-form textarea{width:100%;border:0;border-bottom:1px solid rgb(255 255 255 / 18%);border-radius:0;background:transparent;resize:vertical}.quote-form input{height:32px}.quote-form__success{margin:0;color:#dbf7de;font-size:11px;line-height:1.5}.quote-form__error{margin:0;color:#ff9aa0;font-size:11px;line-height:1.5}.quote-form__honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.quote-footer{position:absolute;right:0;bottom:0;left:0;display:grid;width:100%;height:68px;padding:0;border:0;color:#fff;background:var(--accent);font-size:13px;font-weight:700;place-items:center}.preloader{position:fixed;z-index:1000;inset:0;display:grid;overflow:hidden;background:#2d2f37d6;place-items:center;backdrop-filter:blur(12px)}.preloader__glow{position:absolute;width:340px;height:340px;border-radius:50%;background:#ff4f5738;filter:blur(85px)}.preloader__glow--top{top:-200px;right:-120px}.preloader__glow--bottom{right:5%;bottom:-240px}.preloader__content{position:relative;display:flex;width:260px;flex-direction:column;align-items:center}.preloader__track{width:182px;height:10px;margin-top:16px;overflow:hidden;padding:1px;border-radius:99px;background:#ffffff29}.preloader__track span{display:block;width:100%;height:100%;border-radius:inherit;background:var(--accent);box-shadow:0 0 16px #ff4f57bf;transform-origin:left;transition:transform .26s ease}.preloader__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.preloader__error{margin:20px 0;color:#ffdfe0;font-size:12px;line-height:1.5;text-align:center}.material-toast{position:absolute;z-index:30;right:calc(var(--rail-width) + 18px);bottom:18px;display:flex;min-width:190px;flex-direction:column;gap:3px;padding:12px 14px;border-left:3px solid var(--accent);background:#202229e0;box-shadow:0 10px 30px #0003;backdrop-filter:blur(10px)}.material-toast span,.material-toast small{color:var(--muted);font-size:9px;letter-spacing:1px;text-transform:uppercase}.material-toast strong{max-width:240px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.engineering-gui.lil-gui{--background-color: #22242be8;--widget-color: #404350;--hover-color: #4a4d5b;--focus-color: #555968;--text-color: #fff;--number-color: #ff9b9f;--string-color: #d6e7ff;position:fixed;z-index:900;top:calc(var(--topbar-height) + var(--subnav-height) + 12px)!important;right:calc(var(--rail-width) + 12px)!important;max-height:calc(100dvh - var(--topbar-height) - var(--subnav-height) - 24px)!important;overflow:auto;border:1px solid rgb(255 255 255 / 12%);box-shadow:0 16px 40px #00000047;backdrop-filter:blur(14px)}.threepipe-engineering-gui{--tp-base-background-color: rgb(27 29 35 / 96%);--tp-base-shadow-color: rgb(0 0 0 / 24%);--tp-button-background-color: #424653;--tp-button-background-color-active: #5a5f70;--tp-button-background-color-focus: #505564;--tp-button-background-color-hover: #4b4f5d;--tp-container-background-color: rgb(255 255 255 / 5%);--tp-container-background-color-active: rgb(255 255 255 / 12%);--tp-container-background-color-focus: rgb(255 255 255 / 9%);--tp-container-background-color-hover: rgb(255 255 255 / 7%);--tp-input-background-color: #383b46;--tp-input-background-color-active: #4b4f5e;--tp-input-background-color-focus: #454956;--tp-input-background-color-hover: #40434f;--tp-input-foreground-color: #ff777e;--tp-label-foreground-color: #f5f5f5;--tp-monitor-background-color: #181a1f;--tp-monitor-foreground-color: #aeb5c2;position:fixed;z-index:900;top:calc(var(--topbar-height) + var(--subnav-height) + 12px);right:calc(var(--rail-width) + 12px);width:350px;max-height:calc(100dvh - var(--topbar-height) - var(--subnav-height) - 24px);overflow:auto;border:1px solid rgb(255 255 255 / 12%);background:#1b1d23eb;box-shadow:0 16px 40px #00000047;color:#fff;backdrop-filter:blur(14px);scrollbar-color:#565b6a transparent;scrollbar-width:thin}.threepipe-engineering-gui .tp-dfwv,.threepipe-engineering-gui .tp-rotv{position:static!important;width:100%!important}.threepipe-engineering-gui #tweakpaneUiContainer{position:static!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}.threepipe-engineering-gui__title{position:sticky;z-index:2;top:0;margin:0;padding:10px 12px;border-bottom:1px solid rgb(255 255 255 / 12%);background:#191b20;font-size:11px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}.engineering-gui__note{margin:0;padding:11px 12px 13px;border-top:1px solid rgb(255 255 255 / 10%);color:#b4b4b4;font-size:10px;line-height:1.5}@media(max-width:1024px){:root{--topbar-height: 60px;--subnav-height: 48px;--footer-height: 68px}.topbar{padding:0 20px}.brand{padding:0}.workflow button{font-size:12px}.subnav{padding:0;overflow-x:auto}.viewport{right:0;bottom:190px}.options-rail{top:auto;left:0;width:100%;height:190px;box-shadow:0 -1px #ffffff14}.choice-panel{display:flex;padding:0 0 68px;overflow-x:auto;overflow-y:hidden}.choice{grid-template-columns:20px 52px minmax(100px,1fr);width:240px;min-width:240px;min-height:122px;padding:11px 14px;border-right:1px solid rgb(255 255 255 / 7%)}.choice__thumb{width:52px;height:52px}.journey-footer{display:grid;grid-template-columns:1fr 220px;height:68px}.preview-footer{height:68px;grid-template-rows:1fr;grid-template-columns:1fr 220px}.vehicle-preview-panel{padding:20px 280px 76px 28px}.journey-footer__nav,.journey-footer__total{position:static;height:68px}.environment-switch{bottom:190px}.requirement-panel,.summary-panel{padding-bottom:68px}.summary-panel{padding-top:0}.material-toast{right:14px;bottom:204px}.engineering-gui.lil-gui,.threepipe-engineering-gui{right:10px!important}}@media(max-width:767px){:root{--topbar-height: 58px;--subnav-height: 46px}.configurator{min-height:430px}.topbar{padding:0 12px}.brand{width:68px;flex-basis:68px;padding:0}.brand img{width:68px;height:auto}.workflow button{padding:0 5px;font-size:0}.workflow button span{font-size:12px}.workflow button:after{font-size:9px;content:attr(aria-label)}.workflow button:nth-child(1):after{content:"Exterior"}.workflow button:nth-child(2):after{content:"Interior"}.workflow button:nth-child(3):after{content:"Towing"}.workflow button:nth-child(4):after{content:"Summary"}.subnav{display:flex;grid-template-columns:none;justify-content:flex-start;padding:0;scrollbar-width:none}.subnav::-webkit-scrollbar{display:none}.subnav button{min-width:112px;margin:0;font-size:11px}.subnav button:after{right:15%;left:15%;height:3px}.viewport{bottom:184px}.viewport__hint{display:none}.options-rail{height:184px;transition:transform .26s cubic-bezier(.2,.7,.2,1)}.options-rail:not(.options-rail--open){transform:translateY(116px)}.options-rail__mobile-handle{position:absolute;top:-18px;left:50%;display:grid;width:48px;height:18px;border-radius:7px 7px 0 0;background:var(--rail);place-items:center;transform:translate(-50%)}.options-rail__mobile-handle span{width:22px;height:2px;border-radius:9px;background:#fff6}.choice{grid-template-columns:17px 45px minmax(95px,1fr);gap:8px;width:205px;min-width:205px;min-height:116px;padding:9px 10px}.choice__radio{width:17px;height:17px}.choice__radio span{width:8px;height:8px}.choice__thumb{width:45px;height:45px}.choice__copy strong{font-size:10px}.choice__copy small{font-size:9px}.journey-footer{grid-template-columns:1fr 130px}.preview-footer{grid-template-columns:1fr 150px}.vehicle-selector{top:8px;left:8px;width:min(250px,calc(100% - 16px))}.vehicle-preview-panel{padding:14px 165px 72px 16px}.vehicle-preview-panel h1{margin:3px 0 6px;font-size:14px}.vehicle-preview-panel p,.vehicle-preview-panel small{display:none}.journey-footer__nav{padding:0 7px}.journey-footer__nav button{min-width:82px;gap:4px}.journey-footer__nav span{padding:0 8px}.chevron{width:16px;height:16px}.journey-footer__nav strong{font-size:11px}.journey-footer__nav small{font-size:7px}.journey-footer__total strong{font-size:15px}.environment-switch{display:none}.requirement-panel{padding:18px 20px 72px}.requirement-panel h2{margin-bottom:10px;font-size:11px}.requirement-panel p{font-size:10px}.requirement-panel__actions{position:absolute;right:16px;bottom:74px;gap:10px;margin:0}.button{min-height:36px;font-size:10px}.summary-panel{padding:0 16px 76px}.summary-panel>h1{padding:14px 0 10px;font-size:16px}.summary-panel>h2,.summary-panel__rows{display:none}.mobile-quote-sheet{display:none}.mobile-quote-sheet.is-open{position:fixed;z-index:80;top:calc(var(--topbar-height) + var(--subnav-height));right:0;bottom:0;left:0;display:flex;overflow:auto;flex-direction:column;padding:0 20px 28px;border-top:2px solid var(--accent);background:var(--secondary);box-shadow:0 -18px 45px #00000047;overscroll-behavior:contain}.mobile-quote-sheet__header{position:sticky;z-index:1;top:0;display:flex;min-height:58px;flex:0 0 58px;align-items:center;justify-content:space-between;border-bottom:1px solid rgb(255 255 255 / 13%);background:var(--secondary)}.mobile-quote-sheet__header h2{margin:0;font-size:14px;font-weight:500;letter-spacing:2.5px;text-transform:uppercase}.mobile-quote-sheet__header button{display:grid;width:42px;height:42px;margin-right:-9px;color:#fff;place-items:center}.mobile-quote-sheet__header svg{width:22px;height:22px}.mobile-quote-sheet .quote-form{display:flex;width:100%;max-width:520px;margin:0 auto;gap:17px;padding:22px 0 8px}.mobile-quote-sheet .quote-form>h2{display:none}.mobile-quote-sheet .quote-form input{height:38px}.mobile-quote-sheet .quote-form textarea{min-height:72px;resize:none}.mobile-quote-sheet .quote-form>.button{min-height:48px;margin-top:4px;font-size:12px}.material-toast{display:none}.engineering-gui.lil-gui{top:calc(var(--topbar-height) + var(--subnav-height) + 6px)!important;right:6px!important;width:min(330px,calc(100vw - 12px))!important;max-height:calc(100dvh - 300px)!important}.threepipe-engineering-gui{top:6px!important;right:6px!important;width:min(330px,calc(100vw - 12px))!important;max-height:calc(100% - 12px)!important}.brand--preloader{width:180px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}