#root{width:100vw;height:100vh}body{margin:0;overflow-x:hidden;font-family:kallisto;font-size:20px;font-weight:700;width:100vw}@media (max-width: 1024px){.config-content{flex-direction:column}}::-webkit-scrollbar{width:25px;height:25px}::-webkit-scrollbar-track{background:#fff;border-radius:10px}::-webkit-scrollbar-thumb{background:#000;border-radius:9999px;background-clip:padding-box;border:10px white solid}::-webkit-scrollbar-thumb:hover{background:#d3d3d3}@media (max-width: 1024px){::-webkit-scrollbar{display:none}}@font-face{font-family:kallisto;src:url(/assets/Kallisto_Bold-JuaWhWj3.otf) format("opentype");font-weight:700;font-style:bold}@font-face{font-family:kallisto-medium;src:url(/assets/kallisto-medium-E9shmktV.otf) format("opentype");font-weight:medium;font-style:medium}.attribute{height:60px;float:left;padding-left:98px;position:absolute;z-index:9999;bottom:0}@media (max-width: 1024px){.attribute{height:60px;float:left;padding-left:20px;position:absolute;z-index:9999;bottom:50px}}.realize-link{font-size:10px;font-family:sans-serif;font-weight:400;color:#bebebe;text-decoration:none}.realize-link:hover{font-size:10px;font-family:sans-serif;font-weight:400;color:#b272ed;text-decoration:none}.topnav{height:60px;float:left;padding-left:98px;position:absolute;z-index:9999}@media (max-width: 1024px){.topnav{height:65px;width:100%;margin:auto;justify-content:center;align-content:center;position:absolute;z-index:9999;padding-left:0;display:flex}}.logo img{height:45px;width:110px;margin-top:10px}@media (max-width: 1024px){.logo img{height:31.672px;width:80.109px;margin-top:10px}}.configurator-canvas{height:100vh;width:70%;background-color:#fff;position:relative}@media (max-width: 1024px){.configurator-canvas{height:40vh!important;width:100vw}}.configurator-panel{height:100%;width:400px;min-width:25%;background-color:#fff;position:relative;overflow-x:hidden}@media (max-width: 1024px){.configurator-panel{height:60vh;width:100vw}}.gradient-top{position:fixed;background:linear-gradient(0deg,#fff0,#ffffff80,#fff);top:0;right:0;height:100px;width:25%}.order-box{position:fixed;background:linear-gradient(0deg,#fff,#fff,#fff0);bottom:0;right:0;height:200px;width:25%;display:flex}@media (max-width: 1024px){.order-box{height:10vh;width:100vw}}.badgeButton{cursor:pointer;background-color:#fff;padding:5px;height:50px;width:200px;border-color:#f4f4f4;border-style:solid;border-width:1px;margin-top:25px;margin-left:auto;margin-right:auto;display:block;border-radius:5px}.badgeButton:hover{background-color:#fff;padding:5px;height:50px;width:200px;border-color:#4dafe7;border-style:solid;border-width:1px;margin-top:25px;margin-left:auto;margin-right:auto;display:block}.badgeButton:active{background-color:#fff;padding:5px;height:50px;width:200px;border-color:#000;border-style:solid;border-width:1px;margin-top:25px;margin-left:auto;margin-right:auto;display:block}.orderButton{cursor:pointer;background-color:#000;padding:5px;height:40px;width:150px;border-color:#f4f4f4;border-style:solid;border-width:1px;border-radius:8px;margin:12px auto;display:block;font-family:kallisto;font-size:18px;color:#fff}.orderButton:hover{background-color:#fff;padding:5px;height:40px;width:150px;border-color:#000;border-style:solid;border-width:1px;border-radius:8px;margin:12px auto;display:block;font-family:kallisto;font-size:18px;color:#000}.selections{width:270px;height:40px;border:solid;border-color:#d3d3d3;border-width:1px;border-radius:8px;margin:30px auto auto;align-content:center}.selections.second{width:270px;height:40px;border:solid;border-color:#d3d3d3;border-width:1px;border-radius:8px;margin:10px auto auto;align-content:center}.selections:hover{width:270px;height:40px;border:solid;border-color:#4dafe7;border-width:1px;border-radius:8px;margin:30px auto auto;align-content:center}.selections.second:hover{width:270px;height:40px;border:solid;border-color:#4dafe7;border-width:1px;border-radius:8px;margin:10px auto auto;align-content:center}.selections:active{width:270px;height:40px;border:solid;border-color:#4dafe7;border-width:1px;border-radius:8px;background-color:#000;color:#fff;margin:30px auto auto;align-content:center}.selections.second:active{width:270px;height:40px;border:solid;border-color:#000;border-width:1px;border-radius:8px;margin:10px auto auto;align-content:center}.paragraph-small{text-align:center;font-family:montserrat;font-weight:400;color:red;font-size:10px}.bold{text-align:center;font-family:montserrat;font-weight:medium;color:#000;font-size:12px}.header{text-align:center;font-size:20px;font-weight:700}.header-price{text-align:center;font-size:23px;font-weight:700}.header-panel{text-align:center;font-size:20px;line-height:20px;margin-bottom:-10px;font-weight:700}.swatches{cursor:pointer;width:25%;display:block;padding:5px;border:solid;border-color:#d3d3d3;border-width:1px;border-radius:8px;margin:10px}.swatches:hover{width:25%;display:block;padding:5px;border:solid;border-color:#4dafe7;border-width:1px;border-radius:8px;margin:10px}.swatches:active{width:25%;display:block;padding:5px;border:solid;border-color:#000;border-width:1px;border-radius:8px;margin:10px}.selected{border:solid;border-color:#000;border-width:1.5px}.color-picker{width:80px;height:110px;cursor:pointer;display:block;padding:2px;border:solid;border-color:#d3d3d3;border-width:1px;border-radius:8px;margin:10px}.color-picker:hover{display:block;padding:5px;border:solid;border-color:#4dafe7;border-width:1px;border-radius:8px;margin:10px}.color-picker:active{display:block;padding:5px;border:solid;border-color:#000;border-width:1px;border-radius:8px;margin:10px}.models{height:160px;width:278px;background-color:#fff;margin-top:30px}@media (max-width: 1024px){.models{height:173px;width:278px;background-color:#fff;margin-top:30px}}.model-select{width:270px;height:40px;border:solid;border-width:1px;border-radius:8px;margin:10px auto auto;align-content:center}.model-select:hover{width:270px;height:40px;border:solid;border-width:1px;border-radius:8px;margin:10px auto auto;align-content:center;border-color:#4dafe7}.model-selected{border-color:#000}.model-unselected{border-color:#d3d3d3}@media (max-width: 1024px){.model-select{width:220px;height:37px;border:solid;border-width:1px;border-radius:8px;margin:10px auto auto;align-content:center;padding-right:25px}.model-selected{border-color:#000}.model-unselected{border-color:#d3d3d3}.model-select:hover{width:220px;height:40px;border:solid;border-width:1px;border-radius:8px;margin:10px auto auto;align-content:center;border-color:#4dafe7}}.model-p-select{text-align:center;font-family:montserrat;font-weight:400;color:#595959;font-size:12px}.model-p-selected{display:block}.model-p-unselected{display:none}.colour-labels{text-align:left;display:block}.swatch-row{display:flex;align-items:center;gap:10px;margin-bottom:1px}.paragraph{text-align:center;font-family:montserrat;font-weight:400;color:#a2a3a5;font-size:12px}.colours{height:723px;width:278px;background-color:#fff;margin-bottom:5px}@media (max-width: 1024px){.colours{height:673px;width:278px;background-color:#fff}}.badging{height:313px;width:278px;background-color:#fff}@media (max-width: 1024px){.badging{height:293px;width:278px;background-color:#fff}}.headlamp{height:313px;width:278px;background-color:#fff}@media (max-width: 1024px){.headlamp{height:293px;width:278px;background-color:#fff}}.trim,.pillion-rider{height:313px;width:278px;background-color:#fff}@media (max-width: 1024px){.pillion-rider{height:293px;width:278px;background-color:#fff}}.pillion-select{width:270px;height:40px;border:solid;border-width:1px;border-radius:8px;margin:30px auto auto;align-content:center}.pillion-select:hover{width:270px;height:40px;border:solid;border-width:1px;border-radius:8px;margin:30px auto auto;align-content:center;border-color:#4dafe7}.pillion-selected{border-color:#000}.pillion-unselected{border-color:#d3d3d3}@media (max-width: 1024px){.pillion-select{width:220px;height:37px;border:solid;border-width:1px;border-radius:8px;margin:25px auto auto;align-content:center}.pillion-selected{border-color:#000}.pillion-unselected{border-color:#d3d3d3}.pillion-select:hover{width:220px;height:40px;border:solid;border-width:1px;border-radius:8px;margin:25px auto auto;align-content:center;border-color:#4dafe7}}.wrap{height:283px;width:278px;background-color:#fff}@media (max-width: 1024px){.wrap{height:243px;width:278px;background-color:#fff}}.custom-select{width:270px;height:40px;border:solid;border-width:1px;border-radius:8px;margin:30px auto auto;align-content:center}.custom-select:hover{width:270px;height:40px;border:solid;border-width:1px;border-radius:8px;margin:30px auto auto;align-content:center;border-color:#4dafe7}.custom-selected{border-color:#000}.custom-unselected{border-color:#d3d3d3}@media (max-width: 1024px){.custom-select{width:220px;height:37px;border:solid;border-width:1px;border-radius:8px;margin:25px auto auto;align-content:center}.custom-selected{border-color:#000}.custom-unselected{border-color:#d3d3d3}.custom-select:hover{width:220px;height:40px;border:solid;border-width:1px;border-radius:8px;margin:25px auto auto;align-content:center;border-color:#4dafe7}}.roadside-assistance{height:303px;width:278px;background-color:#fff}@media (max-width: 1024px){.roadside-assistance{height:283px;width:278px;background-color:#fff}}.roadside-select{width:270px;height:40px;border:solid;border-width:1px;border-radius:8px;margin:10px auto auto;align-content:center}.roadside-select:hover{width:270px;height:40px;border:solid;border-width:1px;border-radius:8px;margin:10px auto auto;align-content:center;border-color:#4dafe7}.roadside-selected{border-color:#000}.roadside-unselected{border-color:#d3d3d3}@media (max-width: 1024px){.roadside-select{width:250px;height:37px;border:solid;border-width:1px;border-radius:8px;margin:10px auto auto;align-content:center}.roadside-selected{border-color:#000}.roadside-unselected{border-color:#d3d3d3}.roadside-select:hover{width:250px;height:40px;border:solid;border-width:1px;border-radius:8px;margin:10px auto auto;align-content:center;border-color:#4dafe7}}.finance{height:293px;width:278px;background-color:#fff}@media (max-width: 1024px){.finance{height:223px;width:278px;background-color:#fff}}.finance-select{width:270px;height:40px;border:solid;border-width:1px;border-radius:8px;margin:30px auto auto;align-content:center}.finance-select:hover{width:270px;height:40px;border:solid;border-width:1px;border-radius:8px;margin:30px auto auto;align-content:center;border-color:#4dafe7}.finance-selected{border-color:#000}.finance-unselected{border-color:#d3d3d3}@media (max-width: 1024px){.finance-select{width:250px;height:37px;border:solid;border-width:1px;border-radius:8px;margin:25px auto auto;align-content:center}.finance-selected{border-color:#000}.finance-unselected{border-color:#d3d3d3}.finance-select:hover{width:250px;height:40px;border:solid;border-width:1px;border-radius:8px;margin:25px auto auto;align-content:center;border-color:#4dafe7}}.insurance{height:303px;width:278px;background-color:#fff}.insurance-select{width:270px;height:40px;border:solid;border-width:1px;border-radius:8px;margin:10px auto auto;align-content:center}.insurance-select:hover{width:270px;height:40px;border:solid;border-width:1px;border-radius:8px;margin:10px auto auto;align-content:center;border-color:#4dafe7}.insurance-selected{border-color:#000}.insurance-unselected{border-color:#d3d3d3}@media (max-width: 1024px){.insurance-select{width:250px;height:37px;border:solid;border-width:1px;border-radius:8px;margin:10px auto auto;align-content:center}.insurance-selected{border-color:#000}.insurance-unselected{border-color:#d3d3d3}.insurance-select:hover{width:250px;height:40px;border:solid;border-width:1px;border-radius:8px;margin:10px auto auto;align-content:center;border-color:#4dafe7}}.delivery{height:250px;width:278px;background-color:#fff;margin-bottom:77px}@media (max-width: 1024px){.delivery{height:303px;width:278px;margin-bottom:0}}.delivery-select{width:270px;height:40px;border:solid;border-width:1px;border-radius:8px;margin:10px auto auto;align-content:center}.delivery-selected{border-color:#000}.delivery-unselected{border-color:#d3d3d3}.delivery-select:hover{width:270px;height:40px;border:solid;border-width:1px;border-radius:8px;margin:10px auto auto;align-content:center;border-color:#4dafe7}@media (max-width: 1024px){.delivery-select{width:220px;height:37px;border:solid;border-width:1px;border-radius:8px;margin:10px auto auto;align-content:center}.delivery-selected{border-color:#000}.delivery-unselected{border-color:#d3d3d3}.delivery-select:hover{width:220px;height:40px;border:solid;border-width:1px;border-radius:8px;margin:10px auto auto;align-content:center;border-color:#4dafe7}}.delivery-copy{text-align:center;font-family:montserrat;font-weight:400;color:#a2a3a5;font-size:12px}.container{display:block;position:relative;padding-left:45px;margin:auto;cursor:pointer;font-size:11px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:montserrat;align-items:center;line-height:26px}.container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#fff;border-color:#006;border-style:solid;border-width:1px;margin-left:10px}.container:hover input~.checkmark{background-color:#fff}.container input:checked~.checkmark{background-color:#fff}.checkmark:after{content:"";position:absolute;display:none}.container input:checked~.checkmark:after{display:block}.container .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #0033ff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.container-models{display:block;position:relative;padding-left:80px;margin:auto;cursor:pointer;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:montserrat;align-items:center;line-height:26px}.price-order-box{width:100%;height:80px;border:solid;background-color:#fff;border-color:#d3d3d3;border-width:2px;border-radius:8px;margin-top:auto;display:flex;padding:8px}@media (max-width: 1024px){.price-order-box{width:100%;height:80px;border:solid;background-color:#fff;border-color:#d3d3d3;border-width:2px;border-radius:8px;margin-top:auto;display:flex;padding:0}}.total-price{width:50%;height:100%}.config-content{height:100vh;width:100vw;background-color:#fff;display:flex}.content{max-width:810px;width:auto;height:auto;max-height:700px;margin:auto;display:flex;position:fixed;z-index:100;text-align:left;background:#fff;color:#000;font-size:12px;border:solid;border-color:#000;border-width:1px;border-radius:14px;padding:40px;overflow:hidden}@media (max-width: 1024px){.content{max-width:800px;width:auto;height:auto;max-height:80%;margin-top:auto;display:flex;position:fixed;z-index:100;text-align:left;background:#fff;color:#000;font-size:12px;border:solid;border-color:#000;border-width:1px;border-radius:8px;padding:40px;overflow:scroll}}.paragraph-form{text-align:left;font-family:montserrat;font-weight:400;color:#a2a3a5;font-size:11px;height:auto;margin:10px}@media (max-width: 1024px){.paragraph-form{text-align:left;font-family:montserrat;font-weight:400;color:#a2a3a5;font-size:10px;height:auto}}.form-outer-div{background-color:#fff;width:100%;height:170px;padding:10px;overflow:hidden;display:flex;justify-content:space-between}@media (max-width: 1024px){.form-outer-div{background-color:#fff;width:100%;height:150px;padding:10px;overflow:hidden;display:flex;justify-content:space-between}}.form-outer-div-2{display:block;background-color:#fff;width:100%;height:180px;padding:10px;overflow:hidden}@media (max-width: 1024px){.form-outer-div-2{display:block;background-color:#fff;width:100%;height:150px;padding:10px;overflow:hidden}}.form-outer-div-3{display:block;background-color:#fff;width:100%;height:150px;padding:10px;overflow:hidden}@media (max-width: 1024px){.form-outer-div-3{display:block;background-color:#fff;width:100%;height:100px;padding:10px;overflow:hidden}}.name-phone,.last-dob{display:block;background-color:#fff;width:49%;height:170px}.email,.address{display:block;background-color:#fff;width:100%;height:90px}.bottom-div{display:flex;background-color:#fff;width:100%;height:70px;justify-content:space-between}.city-state-code{display:block;background-color:#fff;width:33%;height:90px}@media (max-width: 1024px){.name-phone,.last-dob{display:block;background-color:#fff;width:49%;height:150px}.email,.address{display:block;background-color:#fff;width:100%;height:80px}.city-state-code{display:block;background-color:#fff;width:33%;height:80px}}.paymentButton{background-color:#000;padding:5px;height:40px;width:150px;border-color:#f4f4f4;border-style:solid;border-width:1px;border-radius:8px;margin-left:auto;display:block;font-family:kallisto;font-size:14px;color:#fff;cursor:pointer}.paymentButton:hover{background-color:#fff;padding:5px;height:40px;width:150px;border-color:#000;border-style:solid;border-width:1px;border-radius:8px;margin-left:auto;display:block;font-family:kallisto;font-size:14px;color:#000;cursor:pointer}.form-outer-div-button{display:flex;background-color:#fff;width:100%;height:50px;padding:10px;overflow:hidden}.name,.phone{width:100%;height:50%;background-color:#fff}input[type=text],input[type=number],input[type=date],input[type=email],input[type=address],input[type=tel]{width:100%;padding:12px 20px;margin:8px 0;box-sizing:border-box}.req{color:red}input:valid{border:1px solid black}form:invalid button{opacity:.3;pointer-events:none}input,textarea{box-sizing:border-box;width:100%;font-family:Montserrat;padding:.25em .5em;border-radius:6px;border-width:1px}button{width:100%;border:1px solid black;font-size:1.25em;background-color:#a9a9a9;color:#fff}.modal-close{position:absolute;top:10px;right:10px;padding:.3em;cursor:pointer;font-size:25px;height:15px;width:15px;overflow:hidden;border:0}.specs-container{display:flex;flex-direction:column;width:100%;margin-bottom:70px}.specs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.spec-line{display:flex;flex-direction:column;align-items:center}.spec-label{color:#a9a9a9;font-size:10px;font-weight:100;font-family:Montserrat,sans-serif}.spec-value{font-family:kallisto-medium,kallisto,sans-serif;font-weight:medium;color:#000;font-size:18px}@media (max-width: 768px){.specs-container{width:90%;margin-top:0}}
