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}.shaders-interface{pointer-events:none;max-width:380px;padding:32px;position:fixed;top:0;right:0}.shaders-interface .view-interface-toggle{pointer-events:auto;border:1px solid #111;width:28px;height:28px;font-family:Geist Pixel,sans-serif;font-size:16px;transition-duration:.1s;position:absolute;top:20px;right:20px}.shaders-interface .view-interface-toggle:hover{cursor:pointer;scale:1.15}.shaders-interface .meta{pointer-events:auto;background:#fff;border:1px solid #111;padding:28px 30px 26px;font-family:Geist Pixel,sans-serif;box-shadow:0 2px 24px #00000024}.shaders-interface .title{letter-spacing:.06em;text-transform:uppercase;color:#111;margin-bottom:14px;font-size:18px}.shaders-interface .description{color:#555;font-size:15px;line-height:1.65}.shaders-interface .href{overflow-wrap:break-word;letter-spacing:.03em;color:#111;border-bottom:1px solid #111;max-width:100%;margin-top:20px;padding-bottom:3px;font-size:11px;text-decoration:none;display:inline-block}.shaders-interface .href:hover{opacity:.55}@media (width<=768px){.shaders-interface{box-sizing:border-box;width:100%;max-width:none;padding:20px 24px;top:auto;bottom:0}.shaders-interface .meta{border:2px solid #111;padding:20px 24px}.shaders-interface .view-interface-toggle{top:auto;bottom:10px;right:12px}}.loading-page-bedroom{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-bedroom .logo{width:70vw;height:auto}.loading-page-bedroom .text{color:#fff;font-family:Geist Pixel,sans-serif;font-size:22px;font-weight:600}.loading-page-bedroom .loading-bar-container{border:2px solid #fff;border-radius:4px;width:50%;height:25px;margin-top:25px}.loading-page-bedroom .loading-bar-container .loading-bar{background-color:#fff;height:100%}@media (orientation:landscape){.loading-page-bedroom .logo{width:auto;height:50vh}.loading-page-bedroom .loading-bar-container{width:25%}}.canvas-wrapper{flex:1;min-width:0;min-height:0;position:relative}canvas{touch-action:none}.headphone-configurator-app{background:radial-gradient(circle at 50% 40%,#2a2a30 0%,#141416 75%);height:100dvh;display:flex}.headphone-configurator-app .configurator{color:#fff;background-color:#232629;width:30%;min-width:375px;max-width:420px;height:100%;font-family:Space Grotesk,sans-serif;position:relative;right:-500px;overflow:auto}.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{white-space:nowrap;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 .button{white-space:nowrap;flex-direction:column;align-items:center;gap:5px;display:flex}.headphone-configurator-app .configurator .card .colors .label{white-space:nowrap;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;grid-template-columns:repeat(4,1fr);justify-items:center;gap:12px;display:grid}:is(.headphone-configurator-app .configurator .card .materials,.headphone-configurator-app .configurator .card .colors) .active{color:#fff}@media (width<=1100px){.headphone-configurator-app{flex-direction:column}.headphone-configurator-app .configurator{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;width:100%;min-width:0;max-width:none;height:auto;max-height:42dvh;scroll-padding-left:20px;display:flex;overflow:auto hidden}.headphone-configurator-app .configurator::-webkit-scrollbar{display:none}.headphone-configurator-app .configurator{border-top:1px solid #363a3d}.headphone-configurator-app .configurator .card{scroll-snap-align:start;border-bottom:none;border-right:1px solid #363a3d;flex:0 0 min(85%,400px)}.headphone-configurator-app .configurator .card:first-child{padding-left:20px}.headphone-configurator-app .configurator .card:last-child{border-right:none;padding-right:20px}}@media (hover:none){.headphone-configurator-app .configurator .card button:hover{scale:1}.headphone-configurator-app .configurator .card .colors .color-circle{width:44px;height:44px}.headphone-configurator-app .configurator .card .materials .button{padding:10px 16px}}.loading-page-headphone{opacity:1;z-index:2;background-color:#111;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.loading-page-headphone .logo{width:70vw;height:auto}.loading-page-headphone .text{color:#fff;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:600}.loading-page-headphone .loading-bar-container{border:2px solid #fff;border-radius:25px;width:50%;height:25px;margin-top:25px}.loading-page-headphone .loading-bar-container .loading-bar{background-color:#fff;border-radius:50px;height:100%}@media (orientation:landscape){.loading-page-headphone .logo{width:auto;height:50vh}.loading-page-headphone .loading-bar-container{width:25%}}