html,body,#root{background:ivory;width:100%;height:100%;position:fixed;top:0;left:0}.interface{pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed}.interface .buttons{pointer-events:auto;background-color:#9a9a9a80;border-radius:10px;justify-content:center;align-items:center;display:flex}.interface .button{transition-duration:.1s;position:relative}.interface .button:hover{cursor:pointer;scale:1.2}.interface .button img{width:85px}@media (orientation:landscape){.interface{height:100%;top:0;left:10px}.interface .buttons{flex-direction:column}}@media (orientation:portrait){.interface{width:100%;bottom:20px}.interface .buttons{flex-direction:row}}.htmlScreen iframe{background-color:#000;border:none;border-radius:4px;width:800px;height:788px;position:relative;left:9px}.loading-page{opacity:1;z-index:2;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.loading-page .logo{width:70vw;height:auto}.loading-page .text{color:#fff;font-family:Geist Pixel,sans-serif;font-size:22px;font-weight:600}.loading-page .loading-bar-container{border:2px solid #fff;border-radius:4px;width:50%;height:25px;margin-top:25px}.loading-page .loading-bar-container .loading-bar{background-color:#fff;height:100%}@media (orientation:landscape){.loading-page .logo{width:auto;height:50vh}.loading-page .loading-bar-container{width:25%}}.headphone-configurator-app{background:radial-gradient(circle at 50% 40%,#2a2a30 0%,#141416 75%);height:100vh;display:flex}.headphone-configurator-app .configurator{color:#fff;background-color:#232629;width:30%;min-width:375px;height:100%;font-family:Space Grotesk,sans-serif;position:relative;right:0}.headphone-configurator-app .configurator .card{color:#c7c7c7;border-bottom:1px solid #363a3d;flex-direction:column;gap:12px;padding:25px;font-size:13px;font-weight:300;display:flex}.headphone-configurator-app .configurator .card .title{color:#fff;font-size:18px;font-weight:500;display:flex}.headphone-configurator-app .configurator .card .title .index{border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;margin-right:5px;font-size:14px;display:flex;position:relative}.headphone-configurator-app .configurator .card button{all:unset;cursor:pointer;box-sizing:border-box}.headphone-configurator-app .configurator .card button:hover{scale:1.05}.headphone-configurator-app .configurator .card button:focus-visible{outline-offset:2px;outline:2px solid #fff}.headphone-configurator-app .configurator .card .materials .button{border:1px solid #494949;border-radius:12px;padding:5px 10px;animation-duration:.2s}.headphone-configurator-app .configurator .card .materials .button:hover{cursor:pointer;scale:1.05}.headphone-configurator-app .configurator .card .materials .button.active{border:1px solid #fff;font-size:14px;font-weight:400}.headphone-configurator-app .configurator .card .colors{display:flex}.headphone-configurator-app .configurator .card .colors .button{flex-direction:column;align-items:center;gap:5px;display:flex}.headphone-configurator-app .configurator .card .colors .label{font-size:12px}.headphone-configurator-app .configurator .card .colors .color-circle{border:1px solid #494949;border-radius:50%;width:35px;height:35px}.headphone-configurator-app .configurator .card .colors .active .color-circle{border:1px solid #fff}.headphone-configurator-app .configurator .card .colors .active{font-size:14px;font-weight:500}.headphone-configurator-app .configurator .card .materials,.headphone-configurator-app .configurator .card .colors{color:#999;flex-wrap:wrap;gap:25px;display:flex}:is(.headphone-configurator-app .configurator .card .materials,.headphone-configurator-app .configurator .card .colors) .active{color:#fff}