.future-variation-chooser{width:325px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;margin-bottom:3px}.future-variation-inner-square{position:relative;width:325px;display:flex;align-items:center;justify-content:center;overflow:hidden}.future-variation-header{font-size:12px;color:#000;text-align:center;display:flex;justify-content:center;align-items:center;cursor:pointer;font-weight:500;line-height:25.6px;text-transform:uppercase;color:#838288}.future-variation-center-content{list-style-type:none;padding:0;margin:0;width:100%;z-index:2;font-size:15px;font-weight:500;line-height:41.45px;color:#000;background:#f7f7f7;border:2px solid #d4d4d4;border-radius:21px}.future-variation-center-content li{font-size:15px;text-align:left;padding:1px 20px;line-height:41.45px;cursor:pointer;transition:all .3s ease;position:relative}.future-variation-center-content li.selected:before{content:"✔";font-size:20px;color:#d4d4d4;position:absolute;right:25px;top:50%;transform:translateY(-50%)}.future-variation-center-content li:not(:last-child):after{content:"";display:block;width:95%;border-bottom:2px solid #d4d4d4;margin:0 auto}li:hover{background:#d2d1d7}li.selected:hover{background:#d2d1d7;color:#000}.future-variation-buttons{display:flex;justify-content:space-between;width:100%;padding:0 15px;margin-top:10px}.accept-button,.cancel-button{background-color:#444;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;transition:background-color .3s;width:45%}.accept-button:hover{background-color:#28a745}.cancel-button:hover{background-color:#dc3545}.future-variation-scrollable-content{max-height:100%;overflow-y:auto}.future-variation-scrollable-content::-webkit-scrollbar{width:1px}.future-variation-scrollable-content::-webkit-scrollbar-track{background:#2c2c2c;border-radius:4px}.future-variation-scrollable-content::-webkit-scrollbar-thumb{background-color:#666;border-radius:4px}.future-variation-scrollable-content::-webkit-scrollbar-thumb:hover{background:#555}.future-material-selector{width:325px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;margin-bottom:3px}.future-material-inner-square{width:325px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;margin-bottom:5px}.future-material-header{font-size:12px;color:#000;text-align:center;display:flex;justify-content:center;align-items:center;cursor:pointer;font-weight:500;line-height:25.6px;text-transform:uppercase;color:#838288}.material-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;border:2px solid #d4d4d4;border-radius:21px;background:#f7f7f7;padding:10px 20px}.material-item{width:40px;height:40px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;border-radius:50%;position:relative}.material-item.selected{border-color:#fff}.material-preview{height:100%;background-size:cover;background-position:center;border-radius:50%}.material-item:hover .material-name-hover{opacity:1}.material-item.selected{outline:2.5px solid #838288;outline-offset:1px;border:2.5px solid transparent}.future-test-selector{width:325px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative}.future-test-inner-square{position:relative;width:90%;border-radius:7.2px;display:flex;align-items:center;justify-content:center;overflow:hidden}.future-test-blank-space{width:100%;height:320px;background-color:transparent}.future-test-header{font-size:12px;color:#000;margin-top:8px;margin-left:30px;margin-bottom:8px;text-align:center;width:100%;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.drawer-toggle{font-size:16px;color:#000;margin-right:8px}.future-dimension-slider{display:flex;flex-direction:column;align-items:center;width:325px}.slider-label{font-size:12px;color:#838288;text-align:center;font-weight:500;line-height:25.6px;text-transform:uppercase;cursor:pointer}.slider-container{width:322px;background:#f7f7f7;border:2px solid #d4d4d4;border-radius:15px;display:flex;flex-direction:column;align-items:center}.input-slider-row{display:flex;align-items:center;justify-content:space-around}.input-wrapper{display:flex;align-items:center;padding:1px 20px}.dimension-input{font-size:15px;font-weight:500;line-height:41.45px;color:#000;background:transparent;border:none;outline:none;text-align:right;-webkit-appearance:none;-moz-appearance:textfield;appearance:none}.dimension-input[type=number]{-moz-appearance:textfield}.dimension-input::-webkit-outer-spin-button,.dimension-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.unit-label{font-size:15px;font-weight:500;color:#000}.error-message{color:#dc3545;font-size:11px;text-align:center;margin-top:8px;min-height:11px}.futuristic-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2.5px;background:#000;outline:none;cursor:pointer}.futuristic-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#fff;border:2px solid #000000;border-radius:50%;box-shadow:0 0 8px #0003;cursor:pointer}.futuristic-slider::-moz-range-thumb{width:18px;height:18px;background:#fff;border:2px solid #000000;border-radius:50%;box-shadow:0 0 8px #0003;cursor:pointer}.futuristic-slider::-webkit-slider-runnable-track,.futuristic-slider::-moz-range-track,.futuristic-slider::-ms-track{background:#000;height:2.5px}.future-menu{width:325px;color:#fff;border-radius:12px}.drawer{margin-bottom:5px}.drawer-header{font-size:15px;font-weight:500;line-height:41.45px;text-align:left;color:#000;background:#fff;padding:1px 20px;cursor:pointer;border:2px solid #d4d4d4;border-radius:16px;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease}.drawer-header:hover{background:#d2d1d7}.chevron{font-size:1.2em;transition:transform .3s ease}.drawer-content{overflow-y:auto;transition:max-height .3s ease;scrollbar-width:thin;scrollbar-color:#666 #2c2c2c;overflow-x:hidden}.drawer-content::-webkit-scrollbar{width:1px}.drawer-content::-webkit-scrollbar-track{background:#2c2c2c;border-radius:4px}.drawer-content::-webkit-scrollbar-thumb{background-color:#666;border-radius:4px}.drawer-content::-webkit-scrollbar-thumb:hover{background:#555}.ui-container{position:absolute;top:10px;right:10px}.stellar-logo{position:absolute;top:10px;left:10px;width:150px;height:auto;z-index:1000}.stlr-button-desktop{position:absolute;bottom:10px;right:20px}.stlr-button-mobile-container,.contact-desktop-mobile{display:none}@media(max-width:900px)and (orientation:portrait){.stellar-logo{top:auto;bottom:10px;left:10px}.stlr-button-mobile-container{display:block;position:absolute;bottom:10px;right:10px}.stlr-button-desktop{display:none}.contact-desktop-mobile{display:block}.ui-container{right:auto;left:50%;transform:translate(-50%)}}@media only screen and (max-width:956px)and (orientation:portrait){.stellar-logo{top:auto;bottom:10px;left:10px}.stlr-button-mobile-container{display:block;position:absolute;bottom:10px;right:10px}.stlr-button-desktop{display:none}.contact-desktop-mobile{display:block}.ui-container{right:auto;left:50%;transform:translate(-50%)}}@media(max-width:900px)and (orientation:landscape){.stlr-button-desktop{position:absolute;bottom:10px;right:20px}}.stlr-button{background:#151f49;font-family:Montserrat,sans-serif;font-size:16px;font-weight:500;line-height:25.6px;text-align:left;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:15px;width:325px;text-align:center}.stlr-button:hover{background:#1d2a65}.contact-popup-mobile{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;max-width:300px;padding:20px;background:#fffc;border-radius:15px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 8px #0003;z-index:1000;font-family:Montserrat,sans-serif;color:#151f49;text-align:center}.contact-popup-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer}.contact-popup-text{margin-bottom:20px;font-size:16px;font-weight:500;line-height:1.6}.contact-popup-button{background:#151f49;color:#fff;font-size:16px;font-weight:500;padding:10px 20px;border:none;border-radius:15px;cursor:pointer;margin-bottom:10px;width:100%;text-align:center}.stlr-button-mobile{background:#151f49;font-family:Montserrat,sans-serif;font-size:15px;font-weight:500;line-height:25.6px;text-align:center;color:#fff;border-radius:15px;padding:10px;border:none;cursor:pointer;width:180px}.contact-popup{position:absolute;bottom:70px;right:10px;padding:10px;width:325px;background:#fffc;border-radius:10px;box-shadow:0 4px 8px #0003;text-align:center;z-index:1000}.contact-popup p{margin:0 0 20px;font-size:16px;color:#333}.qr-image{width:100px;height:auto;display:block;margin:0 auto}.contact-paragraph{padding-top:10px}.contact-button{background:#151f49;font-family:Montserrat,sans-serif;font-size:16px;font-weight:500;line-height:25.6px;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:15px;text-align:center;width:100%;margin-top:10px;display:flex;align-items:center;justify-content:center}.contact-button .email-link{color:#fff;text-decoration:none}.contact-button:hover{background:#1d2a65}.icon-phone,.icon-envelope{margin-right:5px}@media(max-width:900px)and (orientation:landscape){.contact-popup{display:flex;flex-direction:row;width:500px;max-width:90vw;left:50%;transform:translate(-50%);align-items:center;padding:30px}.contact-button{font-size:12px;padding:5px 10px}}@media only screen and (max-width:956px)and (orientation:landscape){.contact-popup{display:flex;flex-direction:row;width:500px;max-width:90vw;left:50%;transform:translate(-50%);align-items:center;gap:10px;padding:30px}.contact-button{font-size:12px;padding:5px 10px}}.contact-popup-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:#333}#root{width:100vw;height:100vh}body{font-family:Montserrat,sans-serif;margin:0;background-color:#f3f2f8}.App{width:100vw;height:100vh;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}