:root{--black: #282830;--white: #fff;--grey: #e5e7eb;--light-grey: #f8f8f8;--red: #ef4444;--body: #f0f0f0;--txt-dark: #282830;--txt-light: #535458;--fs-small: 12px;--fs-medium: 14px;--fs-medium-large: 16px;--fs-large: 17px;--fs-extra-large: 18px;--fw-bold: bold;--fw-medium: normal;--lh-medium: 18px;--lh-medium-large: 25px;--lh-large: 35px;--br-small: 6px;--br-medium: 10px}@media screen and (max-width: 1299px){:root{--fs-small: 11px;--fs-medium: 13px;--fs-medium-large: 14px}}@media screen and (max-width: 1229px){:root{--fs-medium-large: 13px}}@media screen and (max-width: 1150px){:root{--fs-large: 16px}}@media screen and (max-width: 999px){:root{--body: #eee}}@media screen and (max-width: 750px){:root{--fs-medium: 11px;--fs-large: 15px}}*{padding:0;margin:0;box-sizing:border-box;font-family:"ToyotaDisplay",sans-serif;scroll-behavior:smooth}main ::-webkit-scrollbar{display:none}@font-face{font-family:"ToyotaDisplay";src:url("../font/toyota/ToyotaDisplay_Bd.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:"ToyotaDisplay";src:url("../font/toyota/ToyotaDisplay_Rg.ttf") format("truetype");font-weight:normal;font-style:normal}body{background-color:var(--body)}body.freeze *{cursor:not-allowed;user-select:none;pointer-events:none}.heading{color:var(--txt-dark);font-weight:var(--fw-bold)}.heading.small{font-size:var(--fs-medium)}.heading.medium{font-size:var(--fs-medium-large)}.heading.large{font-size:var(--fs-large)}.heading.extra-large{font-size:var(--fs-extra-large)}p,a,li{font-size:var(--fs-medium);font-weight:var(--fw-medium);color:var(--txt-light);line-height:var(--lh-medium);list-style:none;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none}a:link,a:visited,a:active,a:focus,a:hover{color:var(--txt-light)}button,.btn{outline:none;border:none;background-color:rgba(0,0,0,0);font-size:var(--fs-medium);font-weight:var(--fw-medium);border-radius:50px;cursor:pointer;width:fit-content;flex-shrink:0;gap:10px;display:flex;align-items:center;justify-content:center}button:disabled,.btn:disabled{cursor:not-allowed}button.primary,.btn.primary{border:1px solid var(--black);background-color:var(--black);color:var(--white)}button.primary:hover,.btn.primary:hover{background-color:var(--white);color:var(--black)}button.secondary,.btn.secondary{color:var(--black);border:1px solid var(--black)}button.secondary:hover,.btn.secondary:hover{background-color:var(--black);color:var(--white) !important}button svg,.btn svg{width:18px;height:18px;flex-shrink:0}div img{width:100%}.flex-left{display:flex;align-items:center;justify-content:left}.flex-right{display:flex;align-items:center;justify-content:right}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-around{display:flex;align-items:center;justify-content:space-around}.round{border-radius:50%;aspect-ratio:1/1;flex-shrink:0}.centered{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}header{width:100%;background-color:var(--white)}header .inner-container{width:100%;margin:0px auto;height:80px;padding:0px 35px 0px 35px;position:relative}header .inner-container .logo{width:77px;height:70px;flex-shrink:0;opacity:.9;margin-left:-8px;filter:invert(100%)}header .inner-container nav{width:fit-content;margin:0px auto 0px 10px;gap:10px}header .inner-container nav a{padding:10px;gap:5px;font-size:var(--fs-medium-large)}header .inner-container nav a:hover{color:var(--red)}header .inner-container nav a svg{flex-shrink:0;width:20px;height:20px;display:none}header .inner-container h1{flex-shrink:0;padding:0px 20px;font-size:var(--fs-medium-large)}header .inner-container h1 span{font-weight:var(--fw-medium)}header .inner-container .actions{width:fit-content;gap:15px}header .inner-container .actions .btn{padding:0px 25px;height:45px;font-size:var(--fs-medium-large)}header.mobile{display:none}header.mobile p{font-size:var(--fs-medium-large);color:var(--txt-dark)}header.mobile .logo{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin-left:auto;margin-right:auto}header.mobile h2{width:fit-content}@media screen and (max-width: 1139px){header.desktop{display:none}header.mobile{display:block}header.mobile .inner-container{height:60px;padding:0px 20px}header.mobile .inner-container .back-btn{margin-left:0px}}@media screen and (max-width: 999px){header.mobile .logo{width:65px;height:auto}header.mobile .back-btn{gap:5px}header.mobile .back-btn p svg{width:18px;height:18px}}.wrapper{width:100%;height:100vh;overflow:hidden;display:flex;flex-direction:column}main{width:100%;height:100%;overflow:hidden;padding:10px 15px 0px 0px}main.static-mode .left-panel .three-d{height:calc(100% - 210px)}main.static-mode .left-panel .three-d .canvas .zoom-out-btn,main.static-mode .left-panel .three-d .canvas .doors-toggle,main.static-mode .left-panel .three-d .canvas iframe{display:none}main.static-mode .left-panel .three-d .canvas .static-frame{display:block}main.static-mode .left-panel .three-d .controls .environment-toggle,main.static-mode .left-panel .three-d .controls .day-night,main.static-mode .left-panel .three-d .controls .exterior-interior-toggle{display:none}main.static-mode .left-panel .angles{display:flex}main.static-mode .bottom-panel{height:100px}main .left-panel{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;padding:0px 35px}main .left-panel .three-d{width:100%;height:calc(100% - 150px);position:relative;transition:all .5s ease}main .left-panel .three-d .canvas{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--white);border-radius:var(--br-medium);overflow:hidden}main .left-panel .three-d .canvas.fullscreen{position:fixed;top:0;left:0;height:100%;z-index:998}main .left-panel .three-d .canvas video{width:100%;height:100%;object-fit:cover;object-position:center}main .left-panel .three-d .canvas #streamIframe{transform:scale(1.15)}main .left-panel .three-d .canvas .static-frame{position:absolute;top:0;left:0;width:100%;height:100%;display:none}main .left-panel .three-d .canvas .static-frame .scroll-btns{width:fit-content;height:38px;position:absolute;bottom:15px;left:50%;transform:translateX(-50%);box-shadow:0px 0px 20px rgba(0,0,0,.2);background-color:var(--white);border-radius:var(--br-small);padding:4px;z-index:8}main .left-panel .three-d .canvas .static-frame .scroll-btns:hover{background-color:hsla(0,0%,100%,.75)}main .left-panel .three-d .canvas .static-frame .scroll-btns .btn{width:35px;height:100%;color:var(--txt-dark);flex-shrink:0;border-radius:4px}main .left-panel .three-d .canvas .static-frame .scroll-btns .btn:hover{background-color:var(--white)}main .left-panel .three-d .canvas .static-frame .scroll-btns .btn svg{width:20px;height:20px}main .left-panel .three-d .canvas .static-frame .scroll-btns .counter{width:38px;height:100%;flex-shrink:0}main .left-panel .three-d .canvas .static-frame .scroll-btns .counter p{font-weight:var(--fw-medium-bold)}main .left-panel .three-d .canvas .static-frame .images{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}main .left-panel .three-d .canvas .static-frame .images .image{width:100%;height:100%;flex-shrink:0;position:absolute;top:0;left:0;opacity:0;transition:all .35s ease-in-out}main .left-panel .three-d .canvas .static-frame .images .image.active{opacity:1;z-index:7}main .left-panel .three-d .canvas .static-frame .images .image.active img{transform:scale(1)}main .left-panel .three-d .canvas .static-frame .images .image img{width:100%;height:100%;object-position:center;object-fit:cover;transition:all .35s ease-in-out;transform:scale(1.1)}main .left-panel .three-d .canvas .zoom-out-btn{z-index:999;position:absolute;width:38px;top:30%;left:40%}main .left-panel .three-d .canvas .zoom-out-btn:hover{border-color:var(--white)}main .left-panel .three-d .canvas .zoom-out-btn{display:none}main .left-panel .three-d .canvas .zoom-out-btn svg{width:18px;height:18px}main .left-panel .three-d .canvas .doors-toggle{position:absolute;top:30%;left:47%;width:fit-content;z-index:999;border-radius:50px;padding:3px;box-shadow:0px 0px 20px rgba(0,0,0,.15);background-color:var(--white);display:none}main .left-panel .three-d .canvas .doors-toggle::before{content:"";border-radius:50px;width:70px;height:32px;position:absolute;top:50%;left:3px;transform:translateY(-50%);background-color:var(--black);color:var(--white);transition:all .35s ease}main .left-panel .three-d .canvas .doors-toggle.open-active::before{left:73px}main .left-panel .three-d .canvas .doors-toggle.open-active .close-btn{color:var(--txt-light) !important}main .left-panel .three-d .canvas .doors-toggle.open-active .open-btn{color:var(--white)}main .left-panel .three-d .canvas .doors-toggle .btn{width:70px;height:32px;border-radius:50px;position:relative;z-index:2}main .left-panel .three-d .canvas .doors-toggle .btn.close-btn{color:var(--white)}main .left-panel .three-d .canvas .loader{position:absolute;width:100%;height:100%;top:0;left:0;z-index:9999;background-color:rgba(0,0,0,.75);backdrop-filter:blur(15px);display:none}main .left-panel .three-d .canvas .loader.hide-instructions .content p,main .left-panel .three-d .canvas .loader.hide-instructions .content .icon{display:none}main .left-panel .three-d .canvas .loader.hide-instructions .content .spinner{bottom:45%}main .left-panel .three-d .canvas .loader .content{text-align:center}main .left-panel .three-d .canvas .loader .content .icon{margin:0px auto;width:fit-content;color:var(--white)}main .left-panel .three-d .canvas .loader .content .icon svg{width:50px;height:50px;stroke:var(--white);animation:move 1.5s linear alternate infinite}main .left-panel .three-d .canvas .loader .content .icon .mouse-animation{width:20px;height:40px;border:2px solid var(--white);border-radius:50px;padding:5px;display:flex;align-items:center;justify-content:center}main .left-panel .three-d .canvas .loader .content .icon .mouse-animation span{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;flex-shrink:0;border-radius:50%;width:8px;background-color:var(--white);transform:translateY(-10px);animation:mouse-animation 1.2s linear alternate infinite}main .left-panel .three-d .canvas .loader .content p{color:var(--white);margin:20px auto 0px auto}main .left-panel .three-d .canvas .loader .content .spinner{width:40px;border:3px solid var(--white);border-left-color:hsla(0,0%,100%,.2);animation:spin .75s linear infinite;position:absolute;left:50%;transform:translateX(-50%);bottom:40px}@keyframes spin{to{transform:translateX(-50%) rotate(1turn)}}@keyframes move{from{transform:translateX(20px)}to{transform:translateX(-20px)}}@keyframes mouse-animation{from{transform:translateY(-10px)}to{transform:translateY(10px)}}main .left-panel .three-d .canvas .fullscreen-btn{position:absolute;top:15px;right:15px;width:35px;height:35px;background-color:var(--white);border-radius:var(--br-small);color:var(--txt-light);cursor:pointer;z-index:99}main .left-panel .three-d .canvas .fullscreen-btn:hover{background-color:var(--black);color:var(--white)}main .left-panel .three-d .controls{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999}main .left-panel .three-d .controls .exterior-interior-toggle{position:absolute;left:50%;top:15px;width:fit-content;z-index:99;transform:translateX(-50%);border-radius:50px;padding:3px;background-color:var(--white);pointer-events:all}main .left-panel .three-d .controls .exterior-interior-toggle::before{content:"";border-radius:50px;width:85px;height:32px;position:absolute;top:50%;left:3px;transform:translateY(-50%);background-color:var(--black);color:var(--white);transition:all .35s ease}main .left-panel .three-d .controls .exterior-interior-toggle.interior-active::before{left:88px}main .left-panel .three-d .controls .exterior-interior-toggle.interior-active .exterior-btn{color:var(--txt-light) !important}main .left-panel .three-d .controls .exterior-interior-toggle.interior-active .interior-btn{color:var(--white)}main .left-panel .three-d .controls .exterior-interior-toggle .btn{width:85px;height:32px;border-radius:50px;position:relative;z-index:2}main .left-panel .three-d .controls .exterior-interior-toggle .btn.exterior-btn{color:var(--white)}main .left-panel .three-d .controls .environment-toggle{position:absolute;bottom:15px;left:15px;z-index:999;pointer-events:all}main .left-panel .three-d .controls .environment-toggle.visible .button .chevron{transform:rotate(-180deg)}main .left-panel .three-d .controls .environment-toggle.visible .environments-modal{bottom:120%;opacity:1;pointer-events:all}main .left-panel .three-d .controls .environment-toggle .button{background-color:var(--white);width:fit-content;cursor:pointer;padding:0px 12px 0px 5px;border-radius:50px;overflow:hidden}main .left-panel .three-d .controls .environment-toggle .button .preview{width:30px;background-image:url("../images/environments/studio.jpg");background-size:cover;background-position:center;margin-right:12px}main .left-panel .three-d .controls .environment-toggle .button p{width:fit-content;flex-shrink:0;padding:10px 0px;color:var(--txt-dark);margin-right:auto}main .left-panel .three-d .controls .environment-toggle .button .chevron{width:fit-content;background-color:var(--white);color:var(--txt-light);flex-shrink:0;margin-left:10px}main .left-panel .three-d .controls .environment-toggle .button .chevron svg{width:18px;height:18px}main .left-panel .three-d .controls .environment-toggle .environments-modal{position:absolute;bottom:-600%;opacity:0;pointer-events:none;left:0;width:fit-content;background-color:var(--white);border-radius:var(--br-small);padding:10px;transition:all .35s ease}main .left-panel .three-d .controls .environment-toggle .environments-modal::before{content:"";position:absolute;width:10px;aspect-ratio:1/1;background-color:var(--white);transform:rotate(45deg);bottom:-4px;left:20px}main .left-panel .three-d .controls .environment-toggle .environments-modal .environments{width:fit-content;gap:10px}main .left-panel .three-d .controls .environment-toggle .environments-modal .environments .environment{width:150px;flex-shrink:0;cursor:pointer;position:relative}main .left-panel .three-d .controls .environment-toggle .environments-modal .environments .environment.active .image{border-color:var(--red)}main .left-panel .three-d .controls .environment-toggle .environments-modal .environments .environment.active .image .btn{display:flex}main .left-panel .three-d .controls .environment-toggle .environments-modal .environments .environment.active .name-icon p{color:var(--txt-dark);font-weight:var(--fw-bold)}main .left-panel .three-d .controls .environment-toggle .environments-modal .environments .environment.active .name-icon svg{visibility:visible}main .left-panel .three-d .controls .environment-toggle .environments-modal .environments .environment:hover .image::before{opacity:1;transform:translate(-50%, -50%) scale(1)}main .left-panel .three-d .controls .environment-toggle .environments-modal .environments .environment:hover .image img{transform:scale(1.15)}main .left-panel .three-d .controls .environment-toggle .environments-modal .environments .environment .image{width:100%;height:100px;overflow:hidden;background-color:var(--grey);border-radius:var(--br-small);position:relative;border:2px solid var(--white)}main .left-panel .three-d .controls .environment-toggle .environments-modal .environments .environment .image img{width:100%;height:100%;object-position:center;object-fit:cover;transition:all .25s ease}main .left-panel .three-d .controls .environment-toggle .environments-modal .environments .environment .image .btn{position:absolute;top:8px;right:8px;width:25px;z-index:1;display:none}main .left-panel .three-d .controls .environment-toggle .environments-modal .environments .environment .name-icon{width:100%;padding:5px 5px;transition:.25s}main .left-panel .three-d .controls .environment-toggle .environments-modal .environments .environment .name-icon p{font-size:var(--fs-small)}main .left-panel .three-d .controls .day-night{position:absolute;bottom:15px;left:195px;width:fit-content;height:38px;background-color:var(--white);border-radius:50px;z-index:99;padding:3px;pointer-events:all}main .left-panel .three-d .controls .day-night.day-active .highlighter{left:3px}main .left-panel .three-d .controls .day-night.day-active .control.day{color:var(--white)}main .left-panel .three-d .controls .day-night.night-active .highlighter{left:41px}main .left-panel .three-d .controls .day-night.night-active .control.night{color:var(--white)}main .left-panel .three-d .controls .day-night .highlighter{position:absolute;top:50%;left:3px;z-index:-1;transform:translateY(-50%);width:38px;height:calc(100% - 5px);border-radius:50px;background-color:var(--black);transition:all .35s ease}main .left-panel .three-d .controls .day-night .control{width:38px;height:100%;flex-shrink:0;cursor:pointer;border-radius:50px;color:var(--txt-light)}main .left-panel .three-d .controls .day-night .control svg{width:20px;height:20px}main .left-panel .three-d .controls .config-mode-btn{position:absolute;bottom:15px;right:15px;width:fit-content;height:38px;background-color:var(--white);border-radius:50px;z-index:99;padding:3px;pointer-events:all}main .left-panel .three-d .controls .config-mode-btn.unreal-active .highlighter{left:3px}main .left-panel .three-d .controls .config-mode-btn.unreal-active .mode.unreal{color:var(--white)}main .left-panel .three-d .controls .config-mode-btn.static-active .highlighter{left:41px}main .left-panel .three-d .controls .config-mode-btn.static-active .mode.static{color:var(--white)}main .left-panel .three-d .controls .config-mode-btn .highlighter{position:absolute;top:50%;left:3px;z-index:-1;transform:translateY(-50%);width:38px;height:calc(100% - 5px);border-radius:50px;background-color:var(--black);transition:all .35s ease}main .left-panel .three-d .controls .config-mode-btn .mode{width:38px;height:100%;flex-shrink:0;cursor:pointer;border-radius:50px;color:var(--txt-light)}main .left-panel .three-d .controls .config-mode-btn .mode svg{width:20px;height:20px}main .left-panel .angles{width:100%;gap:5px;margin-top:20px;overflow-x:auto}main .left-panel .angles::-webkit-scrollbar{display:none}main .left-panel .angles{display:none}main .left-panel .angles .angle{width:120ps;max-width:140px;height:90px;flex-shrink:0;border-radius:var(--br-small);background-color:rgba(0,0,0,0);position:relative;cursor:pointer;border:2px solid rgba(0,0,0,0)}main .left-panel .angles .angle.active{border-color:var(--black)}main .left-panel .angles .angle:hover{border-color:var(--black)}main .left-panel .angles .angle:hover .image img{transform:scale(1.1)}main .left-panel .angles .angle .image{width:100%;height:100%;border-radius:var(--br-small);overflow:hidden;border:2px solid var(--body)}main .left-panel .angles .angle .image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:all .35s ease}main .right-panel{width:450px;flex-shrink:0;height:100%;display:flex;flex-direction:column;overflow-y:auto}main .right-panel .model-dropdown{width:100%}main .right-panel .model-dropdown .model-select{width:100%;padding:0px 20px;height:70px;flex-shrink:0;background-color:var(--black);border-radius:var(--br-medium);cursor:pointer;color:var(--white);position:relative;overflow:hidden;border-bottom:3.5px solid var(--red)}main .right-panel .model-dropdown .model-select .details h1{color:unset}main .right-panel .model-dropdown .model-select .details p{color:unset;margin-top:4px;font-size:var(--fs-small)}main .right-panel .content{width:100%;padding-bottom:15px;display:none}main .right-panel .content.active{display:block}main .right-panel .group{width:100%;background-color:var(--white);border-radius:var(--br-medium);margin-top:10px}main .right-panel .group.expanded .group-header .toggle-btn svg{transform:rotate(180deg)}main .right-panel .group.expanded .components{height:100%;padding:0px 20px 20px 20px}main .right-panel .group.colors-container{border-top-left-radius:var(--br-medium);border-top-right-radius:var(--br-medium);border-top:none;overflow:hidden}main .right-panel .group.conversions-container{border-bottom-left-radius:var(--br-medium);border-bottom-right-radius:var(--br-medium)}main .right-panel .group.conversions-container .header{width:100%}main .right-panel .group.conversions-container .header .view-toggler{width:fit-content}main .right-panel .group.conversions-container .header .view-toggler .view{width:30px;height:25px;flex-shrink:0;cursor:pointer;border-radius:4px}main .right-panel .group.conversions-container .header .view-toggler .view.active{background-color:var(--grey);border:1px solid var(--grey)}main .right-panel .group.conversions-container .header .view-toggler .view svg{width:17px;height:17px}main .right-panel .group .group-header{width:100%;cursor:pointer;padding:20px}main .right-panel .group .group-header h1 .selected-component-label{color:var(--txt-light);font-size:var(--fs-small)}main .right-panel .group .group-header .toggle-btn{width:fit-content;position:relative;cursor:pointer;color:var(--txt-dark)}main .right-panel .group .group-header .toggle-btn svg{width:20px;height:20px;transition:.5s ease}main .right-panel .components{width:100%;height:0px;padding:0px;overflow:hidden}main .right-panel .components.colors{display:grid;grid-template-columns:repeat(1, 1fr);gap:8px}main .right-panel .components.colors .color{width:100%;overflow:hidden;cursor:pointer;position:relative;border:1.5px solid var(--grey);color:var(--white);gap:15px;border-radius:var(--br-small);padding:5px 5px 5px 10px}main .right-panel .components.colors .color .circle{width:45px}main .right-panel .components.colors .color .name{font-size:var(--fs-medium);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}main .right-panel .components.colors .color.light .circle{border:1px solid var(--grey)}main .right-panel .components.colors .color.light::before{border-color:var(--black)}main .right-panel .components.colors .color.light svg{color:var(--black)}main .right-panel .components.colors .color.active .name{color:var(--txt-dark)}main .right-panel .components.colors .color.active::before,main .right-panel .components.colors .color.active svg{display:block}main .right-panel .components.colors .color:hover::before{display:block}main .right-panel .components.colors .color svg{width:18px;height:18px;display:none}main .right-panel .components.wheels{display:grid;grid-template-columns:repeat(1, 1fr);column-gap:20px;row-gap:10px}main .right-panel .components.wheels .wheel{width:100%;gap:15px;cursor:pointer;padding:5px 10px;border:1px solid var(--grey);border-radius:var(--br-small);overflow:hidden}main .right-panel .components.wheels .wheel .image{width:50px;flex-shrink:0}main .right-panel .components.wheels .wheel .image.skeleton{background-color:var(--grey)}main .right-panel .components.wheels .wheel .details{width:100%}main .right-panel .components.wheels .wheel .details .heading{font-size:var(--fs-medium);font-weight:var(--fw-bold)}main .right-panel .components.wheels .wheel .details p{font-size:var(--fs-small)}main .right-panel .components.wheels .wheel .details span{width:90%;height:8px;display:block;background-color:var(--grey)}main .right-panel .components.wheels .wheel .details span:last-child{width:50%;margin-top:5px}main .right-panel .components.conversions{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px}main .right-panel .components.conversions .conversion{width:100%;gap:10px;cursor:pointer}main .right-panel .components.conversions .conversion:hover .image{border-color:var(--black)}main .right-panel .components.conversions .conversion:hover .image img{transform:scale(1.1)}main .right-panel .components.conversions .conversion.active .image{border-color:var(--red)}main .right-panel .components.conversions .conversion.active .remove-btn{display:flex}main .right-panel .components.conversions .conversion.active .add-btn{display:none}main .right-panel .components.conversions .conversion .image{width:100%;height:120px;position:relative;overflow:hidden;border-radius:var(--br-small);background-color:var(--body);border:2px solid var(--body);display:flex;align-items:center;justify-content:center}main .right-panel .components.conversions .conversion .image img{width:100%;height:100%;max-height:100%;max-width:100%;object-fit:contain;transition:.25s;filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))}main .right-panel .components.conversions .conversion .details{width:100%;padding-top:10px}main .right-panel .components.conversions .conversion .details .name{font-size:var(--fs-small);font-weight:var(--fw-bold);color:var(--txt-dark)}main .right-panel .components.conversions .conversion .details .price{font-size:var(--fs-small);font-weight:var(--fw-bold);color:var(--red)}main .right-panel .components.conversions .conversion button{position:absolute;top:10px;right:10px;width:30px;flex-shrink:0}main .right-panel .components.conversions .conversion button:hover{background-color:var(--black);color:var(--white)}main .right-panel .components.conversions .conversion button.remove-btn{display:none}main .right-panel .components.conversions .conversion button svg{width:18px;height:18px}main .right-panel .components.accessories{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px}main .right-panel .components.accessories .accessory{width:100%;gap:10px;cursor:pointer;position:relative}main .right-panel .components.accessories .accessory.disabled{opacity:.3;pointer-events:none;cursor:not-allowed}main .right-panel .components.accessories .accessory.disabled button{visibility:hidden}main .right-panel .components.accessories .accessory:hover .image{border-color:var(--black)}main .right-panel .components.accessories .accessory:hover .image img{transform:scale(1.1)}main .right-panel .components.accessories .accessory.active .image{border-color:var(--red)}main .right-panel .components.accessories .accessory.active .remove-btn{display:flex}main .right-panel .components.accessories .accessory.active .add-btn{display:none}main .right-panel .components.accessories .accessory .image{width:100%;height:120px;position:relative;overflow:hidden;border-radius:var(--br-small);background-color:var(--body);border:2px solid var(--body)}main .right-panel .components.accessories .accessory .image img{width:100%;height:100%;object-fit:cover;transition:.25s}main .right-panel .components.accessories .accessory .details{width:100%;padding-top:10px}main .right-panel .components.accessories .accessory .details .name{font-size:var(--fs-small);font-weight:var(--fw-bold);color:var(--txt-dark)}main .right-panel .components.accessories .accessory .details .price{font-size:var(--fs-small);font-weight:var(--fw-bold);color:var(--red)}main .right-panel .components.accessories .accessory .details .price span{color:var(--txt-light);display:none}main .right-panel .components.accessories .accessory button{position:absolute;top:10px;right:10px;width:30px;flex-shrink:0;background-color:var(--white);color:var(--txt-light)}main .right-panel .components.accessories .accessory button:hover{background-color:var(--black);color:var(--white)}main .right-panel .components.accessories .accessory button.remove-btn{display:none}main .right-panel .components.accessories .accessory button svg{width:18px;height:18px}main .bottom-panel{width:calc(100% - 465px);height:150px;position:fixed;bottom:0;left:0;padding:35px;background-color:var(--body)}main .bottom-panel .inner-container{width:100%;position:relative;overflow:hidden;flex-shrink:0}main .bottom-panel .inner-container .information{width:100%;overflow-x:auto;gap:10px}main .bottom-panel .inner-container .information .info{width:fit-content;padding:0px 24px;flex-shrink:0;position:relative;flex-direction:column;align-items:flex-start}main .bottom-panel .inner-container .information .info:first-child{padding-left:0px}main .bottom-panel .inner-container .information .info:last-child::before{display:none}main .bottom-panel .inner-container .information .info::before{content:"";position:absolute;top:50%;right:0;width:2px;height:50%;background-color:var(--black);border-radius:20px;transform:translateY(-50%);opacity:.35}main .bottom-panel .inner-container .information .info .large.heading svg{width:22px;height:22px;flex-shrink:0;margin-left:8px;cursor:pointer;color:#939393}main .bottom-panel .inner-container .information .info.model{border-right:2px solid var(--black)}main .bottom-panel .inner-container .finish-build{width:fit-content;gap:25px;flex-shrink:0}main .bottom-panel .inner-container .finish-build .price{width:fit-content;flex-shrink:0}main .bottom-panel .inner-container .finish-build button{padding:0px 20px 0px 30px;height:45px}.model-selection{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;display:flex;flex-direction:column;padding:0px;display:none}.model-selection.open{display:flex}.model-selection.open .overlay{background-color:rgba(0,0,0,.9)}.model-selection.open .content{transform:translateY(0)}.model-selection .overlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0);transition:background-color .5s ease}.model-selection .content{z-index:1000;background-color:var(--white);width:100%;height:fit-content;position:relative;margin:auto auto 0px auto;padding:0px;transform:translateY(100%);transition:transform .5s ease-in-out}.model-selection .content .header{width:100%;padding:15px 30px;position:sticky;top:0;left:0;background-color:var(--white);z-index:999}.model-selection .content .header .btn{width:35px}.model-selection .content .header .btn svg{width:18px;height:18px}.model-selection .content .models{gap:50px;padding:10px 30px 30px 30px}.model-selection .content .models .model{width:100%;max-width:340px;border-radius:var(--br-medium);background-color:var(--white);padding-top:0px}.model-selection .content .models .model .image{width:100%;max-width:300px;margin:0px auto 20px auto}.model-selection .content .models .model .image img{object-fit:contain;object-position:bottom}.model-selection .content .models .model .details{width:100%}.model-selection .content .models .model .details .name{margin-bottom:15px}.model-selection .content .models .model .details .specs{border-radius:var(--br-medium);border:1px solid var(--grey)}.model-selection .content .models .model .details .specs p{border-bottom:1px solid var(--grey);padding:12px 15px}.model-selection .content .models .model .details .specs p:last-child{border-bottom:none}.model-selection .content .models .model .details .price{margin:15px 0px}.model-selection .content .models .model .details button{width:100%;height:45px}.summary-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;display:none;overflow-y:auto}.summary-modal.open{display:block}.summary-modal.open .overlay{opacity:.8}.summary-modal.open .content{right:0%}.summary-modal .overlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;opacity:0;transition:opacity .5s ease}.summary-modal .content{z-index:99999;background-color:var(--body);box-shadow:0px 0px 20px rgba(0,0,0,.15);width:100%;max-width:480px;height:100%;position:absolute;top:0;right:-100%;margin:auto auto 0px auto;transition:right .5s ease-in-out;display:flex;flex-direction:column}.summary-modal .content.overflow{height:auto;overflow-y:visible}.summary-modal .content.overflow .selections{height:auto;overflow:unset}.summary-modal .content .header{width:100%;padding:12px 20px;position:sticky;top:0;left:0;background-color:var(--white);z-index:9;border-bottom:1px solid var(--grey)}.summary-modal .content .header .btn{width:32px}.summary-modal .content .header .btn svg{width:16px;height:16px}.summary-modal .content .selections{width:100%;height:100%;padding:0px 20px 20px 20px;overflow-y:auto;background-color:var(--body)}.summary-modal .content .selections .model{width:100%;gap:10px;padding:0px 0px 15px 0px;flex-direction:column}.summary-modal .content .selections .model .image{width:100%;max-width:350px;flex-shrink:0;margin:0px auto}.summary-modal .content .selections .model .details{text-align:center}.summary-modal .content .selections .model .details h2{margin-bottom:10px}.summary-modal .content .selections .model .details .specs{width:100%;gap:5px}.summary-modal .content .selections .model .details .specs p{padding:4px 10px;width:fit-content;background-color:var(--white);border-radius:5px}.summary-modal .content .selections .group{width:100%;background-color:var(--white);border-radius:var(--br-medium);margin-top:10px}.summary-modal .content .selections .group.expanded .group-header .toggle-btn svg{transform:rotate(180deg)}.summary-modal .content .selections .group.expanded .components{height:100%;padding:0px 20px 20px 20px}.summary-modal .content .selections .group.colors-container{border-top-left-radius:var(--br-medium);border-top-right-radius:var(--br-medium);border-top:none;overflow:hidden}.summary-modal .content .selections .group.conversions-container{border-bottom-left-radius:var(--br-medium);border-bottom-right-radius:var(--br-medium)}.summary-modal .content .selections .group.conversions-container .header{width:100%}.summary-modal .content .selections .group.conversions-container .header .view-toggler{width:fit-content}.summary-modal .content .selections .group.conversions-container .header .view-toggler .view{width:30px;height:25px;flex-shrink:0;cursor:pointer;border-radius:4px}.summary-modal .content .selections .group.conversions-container .header .view-toggler .view.active{background-color:var(--grey);border:1px solid var(--grey)}.summary-modal .content .selections .group.conversions-container .header .view-toggler .view svg{width:17px;height:17px}.summary-modal .content .selections .group.disclaimer-container .info{padding:10px 0px}.summary-modal .content .selections .group.disclaimer-container .info:first-child{padding-top:0px}.summary-modal .content .selections .group.disclaimer-container .info h4{margin-bottom:10px}.summary-modal .content .selections .group.disclaimer-container .info ul{display:flex;flex-direction:column;gap:5px;margin:5px 0px}.summary-modal .content .selections .group.disclaimer-container .info ul li{position:relative;padding-left:18px}.summary-modal .content .selections .group.disclaimer-container .info ul li::before{content:"";position:absolute;top:50%;left:0px;width:8px;height:8px;transform:translateY(-50%);border-radius:50%;background-color:var(--red)}.summary-modal .content .selections .group.disclaimer-container .info p,.summary-modal .content .selections .group.disclaimer-container .info li{font-size:var(--fs-small)}.summary-modal .content .selections .group.disclaimer-container .info a{color:var(--red)}.summary-modal .content .selections .group .group-header{width:100%;cursor:pointer;padding:20px}.summary-modal .content .selections .group .group-header h1 .selected-component-label{color:var(--txt-light);font-size:var(--fs-small)}.summary-modal .content .selections .group .group-header h1 span{color:var(--red)}.summary-modal .content .selections .group .group-header .toggle-btn{width:fit-content;position:relative;cursor:pointer;color:var(--txt-dark)}.summary-modal .content .selections .group .group-header .toggle-btn svg{width:20px;height:20px;transition:.5s ease}.summary-modal .content .selections .components{width:100%;height:0px;padding:0px;overflow:hidden}.summary-modal .content .selections .components.colors{display:grid;grid-template-columns:repeat(1, 1fr);gap:8px}.summary-modal .content .selections .components.colors .color{width:100%;overflow:hidden;position:relative;border:1px solid var(--grey);color:var(--white);gap:15px;border-radius:var(--br-small);padding:5px 5px 5px 10px}.summary-modal .content .selections .components.colors .color .circle{width:45px}.summary-modal .content .selections .components.colors .color .name{font-size:var(--fs-medium);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.summary-modal .content .selections .components.colors .color.light .circle{border:1px solid var(--grey)}.summary-modal .content .selections .components.colors .color.light::before{border-color:var(--black)}.summary-modal .content .selections .components.colors .color.light svg{color:var(--black)}.summary-modal .content .selections .components.colors .color svg{width:18px;height:18px}.summary-modal .content .selections .components.wheels{display:grid;grid-template-columns:repeat(1, 1fr);column-gap:20px;row-gap:10px}.summary-modal .content .selections .components.wheels .wheel{width:100%;gap:15px;padding:5px 10px;border:1px solid var(--grey);border-radius:var(--br-small);overflow:hidden}.summary-modal .content .selections .components.wheels .wheel .image{width:50px;flex-shrink:0}.summary-modal .content .selections .components.wheels .wheel .image.skeleton{background-color:var(--grey)}.summary-modal .content .selections .components.wheels .wheel .details{width:100%}.summary-modal .content .selections .components.wheels .wheel .details .heading{font-size:var(--fs-medium);font-weight:var(--fw-bold)}.summary-modal .content .selections .components.wheels .wheel .details p{font-size:var(--fs-small)}.summary-modal .content .selections .components.wheels .wheel .details span{width:90%;height:8px;display:block;background-color:var(--grey)}.summary-modal .content .selections .components.wheels .wheel .details span:last-child{width:50%;margin-top:5px}.summary-modal .content .selections .components.conversions{display:grid;grid-template-columns:repeat(1, 1fr);gap:15px}.summary-modal .content .selections .components.conversions .conversion{width:100%;gap:20px;display:grid;grid-template-columns:repeat(2, 1fr)}.summary-modal .content .selections .components.conversions .conversion .image{width:100%;height:100px;flex-shrink:0;position:relative;overflow:hidden;border-radius:var(--br-small);background-color:var(--body);display:flex;align-items:center;justify-content:center}.summary-modal .content .selections .components.conversions .conversion .image img{width:100%;height:100%;max-height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))}.summary-modal .content .selections .components.conversions .conversion .details{width:100%}.summary-modal .content .selections .components.conversions .conversion .details .price{margin-top:6px;color:var(--red)}.summary-modal .content .selections .components.conversions .conversion .details .name,.summary-modal .content .selections .components.conversions .conversion .details .price{font-size:var(--fs-medium)}.summary-modal .content .selections .components.accessories{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px}.summary-modal .content .selections .components.accessories .accessory{width:100%;gap:10px}.summary-modal .content .selections .components.accessories .accessory.active .image{border-color:var(--red)}.summary-modal .content .selections .components.accessories .accessory.active .remove-btn{display:flex}.summary-modal .content .selections .components.accessories .accessory.active .add-btn{display:none}.summary-modal .content .selections .components.accessories .accessory .image{width:100%;height:100px;position:relative;overflow:hidden;border-radius:var(--br-small);background-color:var(--body);border:1px solid var(--grey)}.summary-modal .content .selections .components.accessories .accessory .image img{width:100%;height:100%;object-fit:cover;filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))}.summary-modal .content .selections .components.accessories .accessory .details{width:100%;padding-top:10px}.summary-modal .content .selections .components.accessories .accessory .details .name{font-size:var(--fs-small);font-weight:var(--fw-bold);color:var(--txt-dark)}.summary-modal .content .selections .components.accessories .accessory .details .price{font-size:var(--fs-small);font-weight:var(--fw-bold);color:var(--red)}.summary-modal .content .selections .components.accessories .accessory .details .price span{color:var(--txt-light);display:none}.summary-modal .content .footer{width:100%;padding:20px 20px;margin-top:auto;border-top:1px solid var(--grey);background-color:var(--white)}.summary-modal .content .footer h2{color:var(--red)}.summary-modal .content .footer p{font-size:var(--fs-small)}.summary-modal .content .footer .cta{margin-top:15px;width:100%;display:flex;flex-direction:column;gap:15px}.summary-modal .content .footer .cta .btn{width:100%;height:50px}@media screen and (max-width: 1536px){main{padding:10px 20px 0px 0px}main.static-mode .left-panel .three-d{height:calc(100% - 165px)}main .left-panel{padding:0px 20px}main .left-panel .three-d{height:calc(100% - 90px)}main .left-panel .angles{margin-top:15px}main .left-panel .angles .angle{height:60px;width:100px}main .right-panel{width:410px}main .bottom-panel{height:90px;padding:35px 20px;width:calc(100% - 430px)}}@media screen and (max-width: 1250px){::-webkit-scrollbar{display:none}.wrapper{overflow-y:auto}main{height:fit-content;flex-direction:column;overflow:unset;padding:0px 0px 30px 0px}main.static-mode .left-panel .three-d{height:fit-content}main.static-mode .left-panel .three-d .controls{justify-content:space-between}main.static-mode .left-panel .angles{padding:0px 10px;width:calc(100% + 20px);margin:10px 0px 0px -10px}main .left-panel{height:auto;padding:10px;position:sticky;top:0px;left:0px;z-index:10;overflow:unset;background-color:var(--body);transition:padding-bottom .5s ease-in-out}main .left-panel.fade{padding:10px 10px 40px 10px;background:linear-gradient(to bottom, var(--body) 90%, transparent)}main .left-panel .three-d{height:fit-content}main .left-panel .three-d .canvas{height:520px;position:relative}main .left-panel .three-d .canvas .fullscreen-btn{width:25px;height:25px;top:10px;right:10px;background-color:rgba(0,0,0,.3);backdrop-filter:blur(5px);color:var(--white)}main .left-panel .three-d .canvas .fullscreen-btn svg{width:20px;height:20px}main .left-panel .three-d .canvas .doors-toggle{left:45%;top:10px}main .left-panel .three-d .canvas .doors-toggle.open-active::before{left:48px}main .left-panel .three-d .canvas .doors-toggle::before,main .left-panel .three-d .canvas .doors-toggle .btn{width:45px;height:25px}main .left-panel .three-d .canvas .zoom-out-btn{left:32%;top:10px;width:33px}main .left-panel .three-d .canvas .loader .content{padding-bottom:30px}main .left-panel .three-d .canvas .loader .content .icon svg{width:30px;height:30px}main .left-panel .three-d .canvas .loader .content .spinner{width:35px}main .left-panel .three-d .canvas .static-frame .scroll-btns{bottom:10px;height:32px}main .left-panel .three-d .canvas .static-frame .scroll-btns .counter,main .left-panel .three-d .canvas .static-frame .scroll-btns .btn{width:25px}main .left-panel .three-d .canvas .static-frame .scroll-btns .counter svg,main .left-panel .three-d .canvas .static-frame .scroll-btns .btn svg{width:16px;height:16px}main .right-panel{height:auto;width:100%;overflow-y:unset;padding:0px 10px 20px 10px}main .right-panel .components.accessories,main .right-panel .components.conversions{grid-template-columns:repeat(auto-fill, minmax(220px, 1fr))}main .right-panel .components.accessories .accessory .image,main .right-panel .components.accessories .conversion .image,main .right-panel .components.conversions .accessory .image,main .right-panel .components.conversions .conversion .image{height:150px}main .right-panel .components.accessories .accessory button,main .right-panel .components.accessories .conversion button,main .right-panel .components.conversions .accessory button,main .right-panel .components.conversions .conversion button{width:25px}main .right-panel .components.accessories .accessory button svg,main .right-panel .components.accessories .conversion button svg,main .right-panel .components.conversions .accessory button svg,main .right-panel .components.conversions .conversion button svg{width:15px;height:15px}main .bottom-panel{width:100%;position:unset;height:fit-content;padding:20px 0px;border-top:1px solid #ddd}main .bottom-panel .inner-container{flex-direction:column;gap:20px}main .bottom-panel .inner-container .information{width:100%;padding:0px 20px;align-items:stretch}main .bottom-panel .inner-container .information::-webkit-scrollbar{display:none}main .bottom-panel .inner-container .information .info{border-radius:var(--br-small);background-color:var(--white);padding:10px 40px}main .bottom-panel .inner-container .information .info:first-child{padding-left:40px}main .bottom-panel .inner-container .information .info::before{display:none}main .bottom-panel .inner-container .information .info p{line-height:normal}main .bottom-panel .inner-container .finish-build{width:100%;flex-direction:column;gap:15px;padding:0px 15px 15px 15px}main .bottom-panel .inner-container .finish-build .price,main .bottom-panel .inner-container .finish-build .btn{width:100%}main .bottom-panel .inner-container .finish-build .btn{height:70px}.model-selection .content{overflow-y:auto}.model-selection .content .header{border-bottom:1px solid var(--grey);padding:10px 30px}.model-selection .content .models{gap:50px;flex-wrap:nowrap;padding:30px}.model-selection .content .models .model{width:50%;max-width:100%}}@media screen and (max-width: 800px){main .left-panel .three-d .canvas{height:235px}main .left-panel .three-d .controls{margin:10px 0px 0px -10px;position:unset;padding:0px 10px;width:calc(100% + 20px);height:fit-content;display:flex;align-items:center;justify-content:left;overflow-x:auto;gap:10px}main .left-panel .three-d .controls .exterior-interior-toggle{position:relative;top:unset;left:unset;transform:unset}main .left-panel .three-d .controls .exterior-interior-toggle::before{width:70px;height:30px}main .left-panel .three-d .controls .exterior-interior-toggle.interior-active::before{left:73px}main .left-panel .three-d .controls .exterior-interior-toggle .btn{width:70px;height:30px}main .left-panel .three-d .controls .environment-toggle{position:relative;bottom:unset;left:unset}main .left-panel .three-d .controls .environment-toggle.visible .environments-modal{bottom:59%;opacity:1;pointer-events:all}main .left-panel .three-d .controls .environment-toggle .environments-modal{position:fixed;width:calc(100% - 8px);transform:translateX(-50%);height:fit-content;left:50%;bottom:40%;opacity:0;pointer-events:none;z-index:999;box-shadow:0px 0px 20px rgba(0,0,0,.2);border-radius:var(--br-small);padding:10px 10px 5px 10px}main .left-panel .three-d .controls .environment-toggle .environments-modal .environments{width:100%;display:grid;grid-template-columns:repeat(3, 1fr)}main .left-panel .three-d .controls .environment-toggle .environments-modal .environments .environment{width:100%;max-width:100%}main .left-panel .three-d .controls .environment-toggle .environments-modal .environments .environment .image{height:80px}main .left-panel .three-d .controls .day-night{position:relative;bottom:unset;left:unset}main .left-panel .three-d .controls .config-mode-btn{position:relative;bottom:unset;right:unset}main .right-panel .components.accessories,main .right-panel .components.conversions{grid-template-columns:repeat(2, 1fr)}main .right-panel .components.accessories .accessory .image,main .right-panel .components.accessories .conversion .image,main .right-panel .components.conversions .accessory .image,main .right-panel .components.conversions .conversion .image{height:120px}main .right-panel .components.accessories .accessory button,main .right-panel .components.accessories .conversion button,main .right-panel .components.conversions .accessory button,main .right-panel .components.conversions .conversion button{width:25px}main .right-panel .components.accessories .accessory button svg,main .right-panel .components.accessories .conversion button svg,main .right-panel .components.conversions .accessory button svg,main .right-panel .components.conversions .conversion button svg{width:15px;height:15px}main .bottom-panel{width:100%;position:unset;height:fit-content;padding:20px 0px;border-top:1px solid #ddd}main .bottom-panel .inner-container{flex-direction:column;gap:20px}main .bottom-panel .inner-container .information{width:100%;padding:0px 10px;align-items:stretch}main .bottom-panel .inner-container .information::-webkit-scrollbar{display:none}main .bottom-panel .inner-container .information .info{border-radius:var(--br-small);background-color:var(--white);padding:10px 20px}main .bottom-panel .inner-container .information .info:first-child{padding-left:20px}main .bottom-panel .inner-container .information .info::before{display:none}main .bottom-panel .inner-container .information .info p{line-height:normal}main .bottom-panel .inner-container .finish-build{width:100%;flex-direction:column;gap:15px;padding:0px 15px 15px 15px}main .bottom-panel .inner-container .finish-build .price,main .bottom-panel .inner-container .finish-build .btn{width:100%}main .bottom-panel .inner-container .finish-build .btn{height:55px}.model-selection .content .models{flex-direction:column;gap:20px}.model-selection .content .models .model{width:100%}.model-selection .content .models .model:first-child{margin-bottom:40px}}/*# sourceMappingURL=index.css.map */