@import"https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&display=swap";.loading{width:100%;width:100vw;height:100vh;position:absolute;z-index:10;display:flex;justify-content:center;align-items:center;background-color:#71717a;transition:all .5s ease}.fade{transition:all .5s ease}.loader{--path: #fff;--dot: black;--duration: 3s;width:44px;height:44px;position:relative}.loader:before{content:"";width:6px;height:6px;border-radius:50%;position:absolute;display:block;background:var(--dot);top:37px;left:19px;transform:translate(-18px,-18px);animation:dotRect var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}.loader svg{display:block;width:100%;height:100%}.loader svg rect,.loader svg polygon,.loader svg circle{fill:none;stroke:var(--path);stroke-width:10px;stroke-linejoin:round;stroke-linecap:round}.loader svg polygon{stroke-dasharray:145 76 145 76;stroke-dashoffset:0;animation:pathTriangle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}.loader svg rect{stroke-dasharray:192 64 192 64;stroke-dashoffset:0;animation:pathRect 3s cubic-bezier(.785,.135,.15,.86) infinite}.loader svg circle{stroke-dasharray:150 50 150 50;stroke-dashoffset:75;animation:pathCircle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}.loader.triangle{width:48px}.loader.triangle:before{left:21px;transform:translate(-10px,-18px);animation:dotTriangle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}@keyframes pathTriangle{33%{stroke-dashoffset:74}66%{stroke-dashoffset:147}to{stroke-dashoffset:221}}@keyframes dotTriangle{33%{transform:translate(0)}66%{transform:translate(10px,-18px)}to{transform:translate(-10px,-18px)}}@keyframes pathRect{25%{stroke-dashoffset:64}50%{stroke-dashoffset:128}75%{stroke-dashoffset:192}to{stroke-dashoffset:256}}@keyframes dotRect{25%{transform:translate(0)}50%{transform:translate(18px,-18px)}75%{transform:translateY(-36px)}to{transform:translate(-18px,-18px)}}@keyframes pathCircle{25%{stroke-dashoffset:125}50%{stroke-dashoffset:175}75%{stroke-dashoffset:225}to{stroke-dashoffset:275}}.loader{display:inline-block;margin:0 16px}*{margin:0;padding:0;font-family:Bitter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;-webkit-user-select:none;user-select:none}body{height:100vh;width:100%}p{line-height:1.2em;color:#fff;font-family:Open Sans,sans-serif}#app{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;transition:all .5s ease;position:fixed}.threejs{width:90%;height:150vh;max-width:90%;overflow:hidden;margin-right:10vw}.optionsPannel{height:100%;width:30%;background-color:#52525b;transition:all .2s ease-in;overflow-x:hidden;position:relative;transition:all .2s ease;font-size:14px;font-family:sa;box-shadow:0 0 10px gray}.optionsHeading{width:100%;display:flex;justify-content:space-around;align-items:center}.optionsHeading>*{font-size:22px;color:#fff;padding:10px}.close{width:15%}.options{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;color:#fff}.options .number{padding-left:20px}.optionValue{width:100%;display:flex;flex-direction:column}.optionValue .top{font-size:large}.optionValue .bottom{font-size:small}.overContainer{position:absolute;display:flex;flex-direction:column;margin-left:5%;width:0%;background-color:#32323280;height:100vh;top:0;left:15%;transition:all .5s ease;right:0;z-index:5}.open{width:100%;padding-right:10px}.openOptions{width:60%}.left-panel{width:15%;margin:10px;padding:10px;display:flex;flex-direction:column}.left-panel-items{display:flex;flex-direction:row;align-items:center;gap:15px}.bx{margin:5px 0}.bx:hover{transform:scale(.9);cursor:pointer;transition:all .15s ease-in}.icon-heading{width:max-content;word-spacing:-1px;box-shadow:#0000003d 0 3px 8px;background-color:#fff;color:#000;padding:6px 20px;border-radius:.75rem;opacity:0;transition:opacity .5s ease-in-out;overflow:hidden}.visible{opacity:1;height:auto}.cross-div{display:none;position:absolute;right:0;z-index:99;margin:0 10%}.upper-panel{position:absolute;left:3%;top:13%;width:85%;max-width:70%;display:flex;flex-direction:row;color:#000;justify-content:space-between}.model-name{font-family:Bitter,sans-serif;font-size:26px;color:#0c0b0b;font-weight:400;text-transform:uppercase;letter-spacing:4px}.priceValue{font-family:Open Sans,sans-serif;font-size:22px;color:#030303;letter-spacing:2px}.optionsBtn{min-width:20%;text-align:center}.optionHeading{min-width:100%;text-align:center;font-size:26px;font-weight:600}.optionsHeading{width:100%}.logo{position:absolute;top:2%;left:2%;color:#050505;font-size:20px;font-weight:400;font-family:Oswald,sans-serif;letter-spacing:4px;display:flex;flex-direction:row;gap:10px;align-items:center}.maximus{font-family:poppins;font-weight:700;font-size:larger}.d3{height:20px;width:30px;background-color:#030303;color:#fff;padding:2px;font-size:17px;font-weight:700}