:root{--ld-sz: 20% }body{margin:0;overflow-y:auto;overflow-x:hidden;font-family:Quicksand;position:relative}canvas{display:block}#file-input-container{position:absolute;top:10px;left:10px;background-color:#00000080;padding:10px;border-radius:5px}#file-input{color:#fff}.ui{position:absolute;width:100%;height:300px;bottom:0;left:0}.logo{position:absolute;top:20px;left:20px;z-index:99999}.selettoreStoffa{position:absolute;width:100%;height:200px;bottom:0;left:0;z-index:999;filter:drop-shadow(0px 0px 10px #0000006c);background-color:#fff}.colorSelector{width:40px;height:40px;background:#ccc;border-radius:50%;display:inline-block;cursor:pointer;transition:.3s ease-in-out}.colorSelector:hover{background:#2bff00}.sofaDescription{font-size:14px;font-weight:400;margin-bottom:20px;margin-top:20px;line-height:1.4}.sofaSection{font-size:32px;font-weight:500;margin-bottom:20px;margin-top:20px}.sofaName{font-size:48px;font-weight:600}.sofaElement{font-size:22px;font-weight:400;margin-bottom:20px}.stoffaContainer{gap:8px;margin-bottom:30px;display:grid;grid-template-columns:repeat(8,auto);justify-content:left}.configContainer{padding:50px;box-sizing:border-box;display:flex;flex-direction:column;width:30vw;background-color:#fff;filter:drop-shadow(0px 0px 6px #00000077);z-index:99999;overflow-y:scroll;overflow-x:hidden}.container{width:70vw;height:100vh;display:flex;flex-direction:column;position:relative}.configuratore{display:flex;width:100vw;height:100vh;visibility:hidden;overflow:hidden}.prczncnfgrtrslg{width:var(--ld-sz)}.checkout{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-bottom:20px}.button{background:#172b36;color:#fff;border:none;padding:24px;width:70%;border-radius:4px;font-size:24px;font-weight:500;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;filter:drop-shadow(0px 0px 4px #0000009f)}.price{font-size:22px;font-weight:600}.loading-screen{position:absolute;transition:2s ease-out;opacity:1;top:0;left:0;z-index:99999;width:100vw;height:100vh;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}.loaded{opacity:0!important}.infoButton{width:20px;height:20px;border-radius:20px;border:2px solid black;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:900;position:absolute;top:20px;right:20px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.shadowButton{width:60px;height:60px;border-radius:60px;border-width:1px solid black;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:900;cursor:pointer;filter:drop-shadow(0px 0px 6px #0000005a);pointer-events:auto;background-color:#fff;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.buttonIcon{width:30px;height:30px}.interfaceButtonContainer{position:absolute;bottom:20px;width:100%;height:100px;display:flex;gap:20px;align-items:center;justify-content:center;pointer-events:none}.progress-bar{width:var(--ld-sz);margin-top:30px;height:5px;background:#e0e0e0;border-radius:2px;overflow:hidden}.progress-fill{width:0%;height:100%;background:#202020;transition:width .2s ease}.helper{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#ffffff85;pointer-events:none;z-index:99998;opacity:1;transition:.3s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.helperText{font-size:14px;font-weight:600;display:flex;flex-direction:column;width:30%;gap:20px;text-align:center;align-items:center;filter:drop-shadow(0px 0px 1px rgba(0,0,0,.303))}.helperIcon{width:80px;height:80px;padding-right:5px;animation:pulse 2s infinite ease-in-out}.helperContainer{justify-content:center;align-items:center;gap:40px}#helper-desktop{display:flex;justify-content:center;align-items:center}#helper-mobile{display:none}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media screen and (min-width: 1601px){.configContainer{justify-content:center}}@media screen and (min-width: 1025px) and (max-width: 1600px){.configContainer{width:35vw;padding:35px}.container{width:65vw}.colorSelector{width:25px;height:25px}.sofaName{font-size:28px}.sofaSection{font-size:16px}.sofaElement{font-size:12px}.button{height:30px;font-size:12px;padding:10px}.price{font-size:14px}.shadowButton{width:40px;height:40px}.interfaceButtonContainer{bottom:10px;height:60px;column-gap:10px}.buttonIcon{width:15px;height:15px}}@media (min-width: 768px) and (max-width: 1024px){.configContainer{width:100vw;padding:50px;margin:0;height:100%;z-index:1;filter:none}.container{width:100vw;height:50vh;position:sticky;top:0;z-index:99997;filter:drop-shadow(0px 0px 10px #0000004f)}.configuratore{width:100vw;flex-direction:column}.stoffaContainer{grid-template-columns:repeat(16,auto)}.sofaName{font-size:32px}.prczncnfgrtrslg,.progress-bar{width:50%}.sofaSection{font-size:18px}.sofaElement{font-size:14px}.button{height:30px;font-size:18px}.colorSelector{width:30px;height:30px}.stoffaContainer{margin-bottom:10px}.helperText{align-items:center;justify-content:center}#helper-desktop{display:none}#helper-mobile{display:flex}.shadowButton{width:40px;height:40px}.interfaceButtonContainer{bottom:10px;height:60px;column-gap:10px}.buttonIcon{width:15px;height:15px}}@media (max-width: 767px){.logo{width:70px}.configContainer{width:100vw;padding:0 30px 100px;margin:0;height:50vh;filter:none;z-index:1}.container{width:100vw;height:50vh;position:sticky;top:0;filter:drop-shadow(0px 0px 10px #0000004f);z-index:99997}.configuratore{width:100vw;flex-direction:column}.stoffaContainer{grid-template-columns:repeat(8,auto)}.prczncnfgrtrslg,.progress-bar{width:50%}.sofaName{font-size:22px;margin-top:30px}.sofaSection{font-size:14px}.sofaElement{font-size:12px}.button{height:20px;font-size:14px}.price{font-size:14px}.colorSelector{width:30px;height:30px}.stoffaContainer{margin-bottom:10px}#helper-desktop{display:none}#helper-mobile{display:flex}.helperIcon{width:60px;height:60px}.helperText{justify-content:center;font-size:9px;width:33%}.shadowButton{width:40px;height:40px}.interfaceButtonContainer{bottom:10px;height:60px;column-gap:10px}.buttonIcon{width:15px;height:15px}}