#content{position:absolute;top:0;left:0;padding:120px 0 0 30px;z-index:10}#content h1{color:#fff;font-family:Questrial,serif;font-size:24px}#subtext{position:absolute;bottom:0;color:#fff;font-family:Questrial,serif;font-size:24px;z-index:10;padding:120px 0 0 30px}#web-canvas{width:100%;height:100%;z-index:1}#web-canvas-container{width:100%;height:100%;top:0;z-index:4}#ui{top:0;margin:20px;display:flex;flex-direction:column;gap:.5rem}.gradient{background:linear-gradient(to bottom,#323232,#000000);background-size:100% calc(100% + 1px)}.faded-gradient{background:linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(79,79,79,.25253851540616246) 50%,rgba(0,0,0,1) 100%);top:0;z-index:2;position:absolute;left:0;width:100%;height:100%}.faded-gradient.hidden,.button-group.overlay.hidden{display:none}.button-group.overlay{top:10%;z-index:1;color:#fff;text-align:center;padding:20px;background:rgba(0,0,0,.5);display:grid}.config-buttons.overlay{position:absolute;top:10%;display:grid;z-index:1;color:#fff;text-align:center;padding:20px;background:rgba(0,0,0,.5);border-radius:10px}.strap-colors{list-style:none}.comparison-slider{position:relative;width:80%;max-width:1920px;height:700px;overflow:hidden}.slider-container{display:flex;justify-content:center;align-items:center}.config:hover{filter:drop-shadow(0 0 .75rem rgba(28,17,52,.7));transition:.8s ease;transform:scale(1.5)}.config{background-color:#ff8400;border:2px solid;color:#fff;padding:20px;text-align:center;margin:4px 2px;cursor:pointer;transition:.4s;border-radius:100px;opacity:1}.carBody.color1{background:linear-gradient(135deg,rgba(150,150,150,1) 0%,rgba(255,255,255,1) 50%,rgba(150,150,150,1) 100%)}.carBody.color2{background:linear-gradient(137deg,rgba(0,0,0,1) 0%,rgba(124,124,124,1) 50%,rgba(56,59,57,1) 100%)}.carBody.color3{background:linear-gradient(137deg,rgb(179,21,55) 0%,rgb(220,71,71) 50%,rgb(179,21,55) 100%)}.carBody.color4{background:linear-gradient(137deg,rgba(42,144,116,1) 0%,rgba(81,204,194,1) 50%,rgba(42,144,116,1) 100%)}.carBody.color5{background:linear-gradient(137deg,rgba(99,51,184,1) 0%,rgba(122,127,255,1) 50%,rgba(99,51,184,1) 100%)}.wheelAccent.color1{background:linear-gradient(135deg,rgba(150,150,150,1) 0%,rgba(255,255,255,1) 50%,rgba(150,150,150,1) 100%)}.wheelAccent.color2{background:linear-gradient(137deg,rgb(255,115,0) 0%,rgb(255,190,160) 50%,rgba(255,115,0) 100%)}.wheelAccent.color3{background:linear-gradient(137deg,rgba(99,51,184,1) 0%,rgba(122,127,255,1) 50%,rgba(99,51,184,1) 100%)}.wheelAccent.color4{background:linear-gradient(137deg,rgb(157,203,255) 0%,rgba(81,204,194,1) 50%,rgb(157,203,255) 100%)}.wheelAccent.color5{background:linear-gradient(137deg,rgb(179,21,55) 0%,rgb(220,71,71) 50%,rgb(179,21,55) 100%)}Car Interior colors .carInt.color1{background:linear-gradient(135deg,rgba(150,150,150,1) 0%,rgba(255,255,255,1) 50%,rgba(150,150,150,1) 100%)}.carInt.color2{background:linear-gradient(137deg,rgba(0,0,0,1) 0%,rgba(124,124,124,1) 50%,rgba(56,59,57,1) 100%)}.carInt.color3{background:linear-gradient(137deg,rgb(179,21,55) 0%,rgb(220,71,71) 50%,rgb(179,21,55) 100%)}.carInt.color4{background:linear-gradient(137deg,rgba(42,144,116,1) 0%,rgba(81,204,194,1) 50%,rgba(42,144,116,1) 100%)}.carInt.color5{background:linear-gradient(137deg,rgba(99,51,184,1) 0%,rgba(122,127,255,1) 50%,rgba(99,51,184,1) 100%)}.banner{position:relative;height:1030px;width:1920px;overflow:hidden}#banner{position:relative;width:100%;height:100%;overflow:hidden;z-index:-5}.content{z-index:10;color:#000;text-align:center;padding:20px;max-width:600px;margin:50px auto}.slider-comparison h1{text-align:center;color:#fff}.center{width:100%;height:100%;border-radius:3px;border-color:none}.ModelCanvas{display:grid;place-items:center;grid-template-areas:"inner-div"}.canvas-container{top:0%;position:relative;background:linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(180,180,180,1) 49%,rgba(0,0,0,1) 100%);z-index:10;width:100vw;height:100vh;overflow:hidden;grid-area:inner-div;display:block}.type{background-color:#5f5f5f4d;border:none;color:#fff;font-family:Questrial,serif}#configOption{background:rgba(95,95,95,.3)}.webgl{position:absolute;top:0;left:0;outline:none}.hotspot{background-color:#ffffffad;position:absolute;width:30px;height:30px;border-radius:50%;z-index:10;animation:blink 1.5s infinite}@keyframes blink{0%{transform:scale(1);box-shadow:0 0 #fff9}50%{transform:scale(1.2);box-shadow:0 0 0 20px #fff0}to{transform:scale(1);box-shadow:0 0 #fff0}}.hotspot:hover{border-color:#fff;background:rgba(100%,100%,100%,50%);color:#fff;cursor:pointer}.tooltiptext{visibility:visible;width:250px;background-color:#00000046;color:#fff;text-align:center;justify-content:center;align-items:center;border-radius:6px;padding:30px;position:absolute;z-index:1;top:20px;left:20px;margin-left:30px;opacity:0;transition:opacity .5s}.tooltiptext{visibility:visible;opacity:1}.tooltip-info{color:#fff;padding-top:10px;background-color:#2c2c2c8a}#targetDiv{border:2px solid #000;padding:20px;display:inline-block;cursor:pointer}.canvas-swap{position:absolute;bottom:20px;color:#fff;padding:10px 20px 10px 30px;font-size:16px;border:none;cursor:pointer;z-index:10}.canvas-swap button{width:300px;height:80px;bottom:20px;background-color:#000000b3;color:#fff;padding:10px 20px;font-size:16px;border-color:#fff;border-radius:8px;cursor:pointer;z-index:10;transition:.5s ease-in}.canvas-swap button:hover{transform:scale(1.1);transition:.5s ease-in}.marker{width:100px;margin:auto;padding-bottom:50px;animation:pulse 3s infinite;cursor:pointer}.marker-container{position:relative;width:100%;height:100%;align-items:center;display:flex}.mapImg{width:300px;border-radius:10px;border-color:#fff;border-width:3px}.map-info{margin-top:100px;display:block;margin-left:auto;margin-right:auto;width:50%;text-align:center;transition:1s ease-in}.map-info.hidden{display:none}.map-info img{border-radius:100px}.map-info h1{color:#fff}.map-info button{color:#fff;background-color:#5e5e5e5d;font-family:Questrial,serif;transition:.5s ease-in}.map-info button:hover{color:#000;background-color:#fff;font-family:Questrial,serif}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes underline{0%{text-decoration:none}to{text-decoration:underline}}.tooltip-title{animation:pulse 1.5s none;font-size:medium}