@import"https://fonts.googleapis.com/css2?family=Gloock&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap";*{box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body,#root,.container{width:100%;height:100%;margin:0;padding:0;overscroll-behavior:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background-color:#1b1b1b}body{font-family:Montserrat,sans-serif}canvas{touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}.intro-container{position:absolute;top:0;left:0;width:100;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;z-index:9!important;pointer-events:none;text-align:center;filter:contrast(1.1) brightness(1.1)}.intro-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#644c3154;mix-blend-mode:overlay;filter:contrast(1.2) brightness(.6)}.intro-container .intro-loading{margin-top:0}.intro-loading-spinner{position:absolute;font-size:12px;display:flex;justify-items:center;align-items:center;gap:10px;width:200px;margin-top:60px;justify-content:center;left:50%;transform:translate(-50%)}.ClassicsTitle{width:900px;height:auto;position:absolute;top:45%;transform:translateY(-50%)}.ClassicsIcon{width:100%;height:auto;top:50%;transform:translateY(-50%);position:absolute;opacity:1}.ClassicsIcon svg{width:100vw;height:500px}.intro-container .intro-loading p{font-family:DM Sans,sans-serif;font-weight:200;font-size:13px;line-height:1.2em}.intro-container .main-title{font-family:Montserrat,serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-size:1.2vw;text-transform:uppercase;letter-spacing:.2vw;line-height:0em;margin-bottom:3em;color:#fff;z-index:-1;position:relative;text-shadow:0 0 10px rgba(0,0,0,.5)}.intro-container .sub-title{font-family:Gloock,serif;font-weight:100;font-size:12vw;line-height:.9em;width:60%;letter-spacing:-.02em;text-shadow:0 0 40px rgba(0,0,0,.3)}.intro-container h2{font-size:1vw;-webkit-user-select:none;user-select:none;pointer-events:none;position:relative;letter-spacing:.3em;line-height:1em;font-weight:100;margin-top:0;margin-bottom:30px;color:#fff}.intro-button{display:flex;padding:16px 36px;border:3px solid rgb(255,255,255);background-color:#ffffffeb;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;align-items:center;justify-content:center;border-radius:100px;transition:all .8s ease-in-out;pointer-events:all;cursor:pointer;gap:6px;font-size:1.5vw;top:0;right:0;bottom:0;left:0;margin:auto;color:#4c1818}.intro-button:hover{transform:scale(1.1);background-color:#fff;color:#49637d}.intro-button img{transition:all .8s ease-in-out;opacity:.6}.intro-button:hover img{filter:invert(1)}.textLine{display:block}.inline-block{display:inline-block}.custom-loader{width:50px;height:50px;--c: radial-gradient(farthest-side, #ffffff 92%, #0000);background:var(--c) 50% 0,var(--c) 50% 100%,var(--c) 100% 50%,var(--c) 0 50%;background-size:12px 12px;background-repeat:no-repeat;animation:s7 .5s infinite}.button-performance{cursor:pointer;background:transparent;pointer-events:all;display:flex;color:#ffffff87;align-items:center;flex-direction:column;justify-content:center;border:none;transition:all .8s ease-in-out;padding:20px 30px;position:absolute;bottom:15%;border-radius:6px}.button-performance:hover{transform:scale(1.1);background-color:#4b4da5b3}@keyframes s7{to{transform:rotate(.5turn)}}@media only screen and (max-width: 1200px){.intro-container{padding-left:5%;padding-right:5%}.intro-container .main-title{font-size:2.8vw;letter-spacing:.3vw;margin-bottom:2em;line-height:1.2em}.intro-container .sub-title{font-family:Gloock,serif;font-weight:100;font-size:16vw;line-height:.9em;width:90%;letter-spacing:-.02em}.intro-container h2{font-size:3vw;letter-spacing:.2em;margin-bottom:20px}.intro-button{padding:14px 28px;font-size:4.5vw;border:2px solid rgb(255,255,255)}}.header-wrapper{position:fixed;top:10px;left:0;right:0;display:flex;justify-content:center;align-items:center;z-index:1000;flex-direction:column;pointer-events:none}.header-input-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;gap:3px;transition:all 2s ease-in-out;transform:translateY(-100px);opacity:0}.header-input-container-text{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;padding:0}.header-input-container p{color:#ffffffb3;font-size:16px;font-family:Gloock,serif;font-weight:600;margin:0;text-align:center}.header-input-container small{border-top:1px solid rgba(255,255,255,.316);color:#ffffffb3;font-size:6px;font-weight:600;letter-spacing:.5em;margin:0;padding-left:2px;padding-top:4px;text-align:center}.header-instruction-container{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;margin-top:4em;color:#fff;font-size:8px;text-align:center;padding:8px 32px;letter-spacing:.2em;text-transform:uppercase;background-color:#746f9b1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;animation:pulse-instruction .6s ease-in-out infinite alternate;transition:all 1.6s ease-in-out;pointer-events:all;cursor:pointer}@keyframes pulse-instruction{0%{color:#fff}to{color:#ffffff7e}}.header-instruction-container p{color:#313131b3;font-size:12px;font-weight:600;margin:0;text-align:center}.header-instruction-container.hide{opacity:0;transform:translateY(100px)}.header-input-container.show{transform:translateY(0);opacity:1}.footer-wrapper{position:fixed;bottom:20px;left:0;right:0;display:flex;justify-content:center;align-items:center;z-index:1;flex-direction:column;pointer-events:none}.footer-wrapper>*{pointer-events:auto}.footer-menu-background{position:fixed;bottom:0;left:0;right:0;height:100vh;background-image:linear-gradient(to top,#000c,#0000001a);opacity:0;visibility:hidden;transition:all .3s ease-in-out;pointer-events:none;z-index:0}.footer-menu-background.show{opacity:1;visibility:visible;pointer-events:all}.footer-menu-close-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:calc(100vh - 240px);background-color:transparent;z-index:1;pointer-events:all}.footer-input-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;transition:all 2s ease-in-out;transform:translateY(100px);opacity:0;position:relative}.footer-main-menu{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;transition:all .3s ease-in-out;opacity:1;transform:translateY(0)}.mobile-menu-button-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;pointer-events:none}.mobile-menu-button-container>*{pointer-events:auto}.footer-main-menu.hidden{opacity:0;transform:translateY(20px);pointer-events:none}.footer-instruction-container p{color:#313131b3;font-size:12px;font-weight:600;margin:0;text-align:center}.footer-instruction-container.hide{opacity:0;transform:translateY(100px)}.footer-input-container.show{transform:translateY(0);opacity:1}.footer-options-container{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:10px 16px;color:#fff;font-size:10px;text-decoration:none;letter-spacing:.2em;text-transform:uppercase;border-radius:50px;cursor:pointer;transition:all .3s ease-in-out;margin-top:8px;position:relative;overflow:hidden}.footer-options-container:after{content:"";position:absolute;bottom:4px;left:50%;width:0;height:1px;background-color:#fff;transform:translate(-50%);transition:width .3s ease-in-out}.footer-options-container:hover:after{width:100%}.footer-options-container.active:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:3px;height:3px;background-color:#fff;border-radius:50%;opacity:.8}.footer-input-container small{border-top:1px solid rgba(0,0,0,.316);color:#313131b3;font-size:6px;font-weight:600;letter-spacing:.5em;margin:0;padding-left:2px;padding-top:4px;text-align:center}.footer-hovered-model{background-color:#ffffffe6;color:#313131e6;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:20px;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);white-space:nowrap;transition:opacity .2s ease-in-out forwards}.mobile-menu-button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:8px 16px;color:#fff;font-size:8px;letter-spacing:.2em;text-transform:uppercase;border-radius:50px;cursor:pointer;transition:all .3s ease-in-out;background-color:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);position:relative}.mobile-menu-button:hover{background-color:#fff3;transform:translateY(-2px)}.mobile-menu-button.hidden,.audio-button-container.hidden{opacity:0;transform:translateY(20px);pointer-events:none}.hamburger-icon{transition:transform .3s ease-in-out}.hamburger-icon .hamburger-line{transition:all .3s ease-in-out;transform-origin:center}.hamburger-icon .line-1.open{transform:rotate(45deg) translateY(6px)}.hamburger-icon .line-2.open{opacity:0;transform:scaleX(0)}.hamburger-icon .line-3.open{transform:rotate(-45deg) translateY(-6px)}.mobile-menu-button:hover .hamburger-icon{transform:scale(1.1)}.menu-text{font-weight:600}.mobile-menu-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;opacity:0;transform:translateY(20px);transition:all .3s ease-in-out;pointer-events:none;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(20px);width:200px}.mobile-menu-options.open{opacity:1;transform:translate(-50%) translateY(0);pointer-events:all}.mobile-option{width:100%;min-width:80px;text-align:center;margin:0;padding:8px 4px;font-size:8px;white-space:normal;overflow:visible;text-overflow:unset;line-height:1.2}@media (min-width: 769px){.mobile-menu-options{width:500px;gap:12px;grid-template-columns:1fr 1fr 1fr 1fr}.mobile-option{padding:10px 6px;font-size:9px;min-width:100px}.mobile-menu-button{padding:10px 16px 10px 14px;font-size:9px}}.desktop-menu{display:none}@media (max-width: 768px){.footer-main-menu{flex-direction:column;gap:12px}.footer-options-container{width:100%;max-width:200px;text-align:center}.mobile-menu-button{padding:10px 16px;font-size:14px}.hamburger-icon{width:20px;height:20px}.mobile-menu-options{width:300px;gap:8px;padding:8px;grid-template-columns:1fr 1fr}.mobile-option{padding:8px 4px;font-size:10px;min-width:80px;min-height:35px;white-space:normal;overflow:visible;text-overflow:unset;line-height:1.2}}@media (max-width: 480px){.mobile-menu-button{padding:10px 16px;font-size:14px}.hamburger-icon{width:20px;height:20px}.mobile-menu-options{width:300px;gap:8px;padding:8px;grid-template-columns:1fr 1fr}.mobile-option{padding:8px 4px;font-size:10px;min-width:80px;min-height:35px;white-space:normal;overflow:visible;text-overflow:unset;line-height:1.2}}.btn{background-repeat:no-repeat;width:40px;height:40px;pointer-events:all;border:none;background-color:transparent;display:flex;align-items:center;justify-content:center;border-radius:50%;bottom:25px;right:25px;z-index:1000;cursor:pointer;transition:all .3s ease-in-out;background-color:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.btn:hover{transform:translateY(-2px);background-color:#ffffff5c}.btn.hidden{opacity:0;transform:translateY(20px);pointer-events:none}#wave{width:30px;height:20px;pointer-events:none;fill:#2e2e2e99;transform:translate(2px,-2px)}@keyframes music-on-graph{0%{transform:scaleY(1);transform-origin:50% 50%}50%{transform:scaleY(.7);transform-origin:50% 50%;opacity:.5}to{transform:scaleY(1);transform-origin:50% 50%;opacity:1}}.animated #Line_1{animation:music-on-graph 1s infinite alternate;animation-delay:.15s;transform-origin:50% 50%}.animated #Line_2{animation:music-on-graph 1s infinite alternate;animation-delay:.3s;transform-origin:50% 50%}.animated #Line_3{animation:music-on-graph 1s infinite alternate;animation-delay:.45s;transform-origin:50% 50%}.animated #Line_4{animation:music-on-graph 1s infinite alternate;animation-delay:.6s;transform-origin:50% 50%}.animated #Line_5{animation:music-on-graph 1s infinite alternate;animation-delay:.75s;transform-origin:50% 50%}.config-wrapper{position:fixed!important;top:50%!important;right:40px!important;transform:translateY(-50%)!important;z-index:1001!important;pointer-events:all;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;background-color:#68686835;-webkit-backdrop-filter:blur(8px) saturate(550%) brightness(.5);backdrop-filter:blur(8px) saturate(550%) brightness(.5);box-shadow:inset 0 0 8px 4px #ffffff40;border-radius:8px;border:1px solid rgba(255,255,255,.457);color:#04251cb2;animation:slideUpIn .3s ease-out forwards;width:360px}@keyframes slideUpIn{0%{opacity:0;transform:translateY(-50%) translateY(30px)}to{opacity:1;transform:translateY(-50%) translateY(0)}}.panel p{opacity:.8;font-weight:400;font-size:.9em;letter-spacing:-.5px;padding-top:20px}.panel.about{color:#fff;padding:40px;display:flex;flex-direction:column;width:100%}.panel.about h1{font-size:1.8em;line-height:0;font-weight:400}.panel.about p{opacity:.7;font-weight:400;letter-spacing:-.2px;padding-top:3px}.panel.about ul{margin-top:20px;list-style:none;padding-inline-start:0;opacity:.6;display:flex;flex-direction:row;flex-wrap:wrap;gap:0 12px}.panel.about ul li{cursor:pointer;line-height:1.8em;opacity:.3}.panel.about .quality-options{align-items:flex-start;margin-bottom:30px}.panel.about .quality-options p{font-size:.8em}.panel.about .quality-options label{display:grid;grid-template-columns:1.2em auto;gap:0px 10px;cursor:pointer;width:100%}.panel.about .quality-options label p{margin:0 0 0 30px;font-size:.8em;width:300px}.panel.about label input[type=radio]{display:grid;place-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;margin:0;font:inherit;color:#000;width:1.15em;height:1.15em;border:.15em solid white;border-radius:50%;transform:translateY(.075em)}.panel.about label input[type=radio]:before{content:"";width:.65em;height:.65em;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em #fff}.panel.about label input[type=radio]:checked:before{transform:scale(1)}.panel.about label input[type=radio]:focus{outline:max(2px,.15em) solid white;outline-offset:max(2px,.15em)}.panel.about .quality-options{display:flex;flex-direction:column;gap:16px}.panel.about .button-white{border:none;border-radius:50px;padding:10px 20px;margin-top:20px;cursor:pointer;transition:all .2s ease-in-out}.panel.about .button-white:hover{background-color:#e6e6e62b;color:#fff;box-shadow:inset 0 0 2px #fff}.hidden{opacity:0}.close-button-panel{cursor:pointer;pointer-events:visible;position:absolute;top:20px;right:20px;width:32px;height:32px;border:none;background-color:transparent;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease-in-out;padding:0}.close-button-panel svg{width:20px;height:20px;stroke:#fff;opacity:.7;transition:all .2s ease-in-out}.close-button-panel:hover{background-color:#ffffff1a}.close-button-panel:hover svg{opacity:1}.refresh-button-panel{cursor:pointer;pointer-events:visible;padding:10px 20px;border:none;color:#2c3da1;background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50px;transition:all .3s ease-in-out;font-weight:500;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.refresh-button-panel:hover{background-color:#ffffffd9;box-shadow:0 2px 8px #ffffff4d}.refresh-button-panel:active{transform:scale(.98)}.close-about{position:absolute;top:40px;right:15px;width:40px;z-index:1}.customize--box{display:flex;align-items:stretch;font-size:.9em;flex-direction:column;justify-content:center;gap:.9em;letter-spacing:0;padding:20px 0}input[type=range]{outline:0;border:0;border-radius:50px;width:250px;max-width:100%;transition:box-shadow .2s ease-in-out;pointer-events:all}.config-wrapper::-webkit-scrollbar{width:6px}.config-wrapper::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.config-wrapper::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.config-wrapper::-webkit-scrollbar-thumb:hover{background:#fff6}@media (min-width: 769px){.config-wrapper{position:fixed!important;top:50%!important;right:40px!important;transform:translateY(-50%)!important;min-width:300px;max-width:400px}}@media (max-width: 768px){.config-wrapper{position:fixed!important;width:95%;top:50%;left:50%;right:unset;transform:translate(-50%,-50%)!important;-webkit-backdrop-filter:blur(6px) saturate(250%) brightness(.5);backdrop-filter:blur(6px) saturate(250%) brightness(.5);border-radius:10px!important}.panel.about .quality-options label p{display:none}}.loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#151515;transition:all 1s ease;pointer-events:all;z-index:100}.loader-wrapper.finished-loading{opacity:0;pointer-events:none}.main-loader{display:flex;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:2em;font-size:12px;z-index:20}.main-loader p{font-size:20px;color:#fff}.circular-progress{--size: 100px;--half-size: calc(var(--size) / 2);--stroke-width: 1px;--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--progress) * var(--circumference)) / 100)}.circular-progress circle{stroke-width:var(--stroke-width);fill:none;stroke-linecap:round}.circular-progress circle.bg{stroke:#fff}.circular-progress circle.fg{transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));transition:stroke-dasharray .3s linear 0s;stroke:#00000080}:root{--progress: 0}.main-loader .progress-loader{position:absolute;top:60%;width:50%;height:1px;background:#fff;transform:scaleX(0);transition:transform 1s;transform-origin:left;z-index:10;margin:0 5%}.button-enter{position:absolute;width:60px;height:60px;border-radius:100%;font-weight:900;letter-spacing:2px;font-size:2em;pointer-events:all;cursor:pointer;background-color:transparent;color:#fff5;border:none;transition:all .5s;pointer-events:none;opacity:.2;display:flex;justify-content:center;align-items:center}.button-enter.visible{pointer-events:all;opacity:1}.button-enter:hover{background-color:#ffffff1a;scale:.9;letter-spacing:1px;color:#fff;box-shadow:0 0 60px #bdbdbd}.circular-progress svg{animation:upDown 1s ease-in-out infinite;pointer-events:none;position:absolute}.loader-circle,.loader-pointer,.loader-line{fill:none;stroke-width:1px;stroke:#548499}.loader-center{fill:#548499}.loader-pointer{-webkit-transform-origin:bottom center;-moz-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center;animation:spin 4s linear infinite;-moz-animation:spin 4s linear infinite;-webkit-animation:spin 4s linear infinite}.loader-line{-webkit-transform-origin:bottom center;-moz-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center;animation:spin 60s linear infinite;-moz-animation:spin 60s linear infinite;-webkit-animation:spin 60s linear infinite}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);-moz-transform-origin:50% 50%}to{-moz-transform:rotate(360deg);-moz-transform-origin:50% 50%}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-webkit-transform-origin:50% 50%}to{-webkit-transform:rotate(360deg);-webkit-transform-origin:50% 50%}}@keyframes spin{0%{transform:rotate(0);transform-origin:50% 50%}to{transform:rotate(360deg);transform-origin:50% 50%}}.time-of-day-wrapper{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;pointer-events:all;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background-color:#68686826;-webkit-backdrop-filter:blur(8px) saturate(150%) brightness(1.2);backdrop-filter:blur(8px) saturate(150%) brightness(1.2);box-shadow:inset 0 0 6px 2px #ffffff0a;border-radius:25px;border:1px solid rgba(255,255,255,.1);max-width:90vw;max-height:40vh;animation:slideUpIn .3s ease-out forwards;padding:20px;min-width:750px;box-sizing:border-box}@keyframes slideUpIn{0%{opacity:0;transform:translate(-50%) translateY(30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.time-of-day-panel{display:flex;align-items:center;gap:40px}.time-of-day-sliders{display:flex;flex-direction:row;align-items:center;justify-content:center;width:500px;gap:20px}.time-of-day-header{display:flex;justify-content:center;flex-direction:row;align-items:center;margin-left:20px}.time-display{font-size:3em;font-weight:100;font-family:Gloock,serif;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);width:150px}.time-period{font-size:14px;font-family:Gloock,serif;font-weight:100;color:#fffc;letter-spacing:1px}.slider-container{width:100%;position:relative;padding:5px 0;box-sizing:border-box}.time-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:10px;background:linear-gradient(to right,#1a1d3f,#1a1d3f 5%,#ff6b35 15%,#ffd93d 30%,#87ceeb,#ffd93d 70%,#ff6b35 85%,#1a1d3f 95%,#1a1d3f);outline:none;cursor:pointer;box-shadow:inset 0 1px 3px #0000004d,0 2px 8px #fff3}.rotation-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:10px;background:linear-gradient(to right,#ffffff4d,#fff9,#ffffff4d);outline:none;cursor:pointer;box-shadow:inset 0 1px 3px #0000004d,0 2px 8px #fff3}.time-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#e0e0e0);cursor:pointer;box-shadow:0 4px 12px #0006,0 0 0 3px #ffffff4d,inset 0 -2px 4px #0003;transition:all .2s ease;border:2px solid rgba(255,255,255,.8)}.time-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 6px 16px #00000080,0 0 0 4px #fff6,inset 0 -2px 4px #0003}.time-slider::-webkit-slider-thumb:active{transform:scale(1.05);box-shadow:0 2px 8px #0009,0 0 0 2px #ffffff80,inset 0 -1px 2px #0000004d}.time-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#e0e0e0);cursor:pointer;box-shadow:0 4px 12px #0006,0 0 0 3px #ffffff4d,inset 0 -2px 4px #0003;transition:all .2s ease;border:2px solid rgba(255,255,255,.8)}input[type=range]{width:100%!important}.time-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 6px 16px #00000080,0 0 0 4px #fff6,inset 0 -2px 4px #0003}.time-slider::-moz-range-thumb:active{transform:scale(1.05);box-shadow:0 2px 8px #0009,0 0 0 2px #ffffff80,inset 0 -1px 2px #0000004d}.rotation-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#e0e0e0);cursor:pointer;box-shadow:0 4px 12px #0006,0 0 0 3px #ffffff4d,inset 0 -2px 4px #0003;transition:all .2s ease;border:2px solid rgba(255,255,255,.8)}.rotation-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 6px 16px #00000080,0 0 0 4px #fff6,inset 0 -2px 4px #0003}.rotation-slider::-webkit-slider-thumb:active{transform:scale(1.05);box-shadow:0 2px 8px #0009,0 0 0 2px #ffffff80,inset 0 -1px 2px #0000004d}.rotation-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#e0e0e0);cursor:pointer;box-shadow:0 4px 12px #0006,0 0 0 3px #ffffff4d,inset 0 -2px 4px #0003;transition:all .2s ease;border:2px solid rgba(255,255,255,.8)}.rotation-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 6px 16px #00000080,0 0 0 4px #fff6,inset 0 -2px 4px #0003}.rotation-slider::-moz-range-thumb:active{transform:scale(1.05);box-shadow:0 2px 8px #0009,0 0 0 2px #ffffff80,inset 0 -1px 2px #0000004d}.time-markers{display:flex;justify-content:space-between;width:100%;margin-top:8px;padding:0 10px;box-sizing:border-box;opacity:.3}.time-marker{font-size:11px;color:#fff9;font-weight:500}.close-button-time{position:absolute;top:10px;right:10px;cursor:pointer;padding:8px;border:none;background:#ffffff1a;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease-in-out;pointer-events:visible;z-index:10}.close-button-time:hover{background-color:#fff3;transform:scale(1.1)}.close-button-time svg{width:16px;height:16px;fill:#fff}@media (max-width: 768px){.time-of-day-wrapper{min-width:auto;width:calc(100vw - 40px);padding:15px 16px;height:650px}.time-of-day-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.time-of-day-sliders{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:none;padding-left:0;text-align:center}.time-of-day-header{margin-left:0;flex-direction:row-reverse;align-items:center;justify-content:flex-end;width:100%}.time-of-day-header .time-display{margin-bottom:0}.time-display{font-size:3em;text-align:center}.time-period{font-size:12px}.time-slider{height:6px}.time-slider::-webkit-slider-thumb{width:24px;height:24px}.time-slider::-moz-range-thumb{width:24px;height:24px}.time-marker{font-size:10px}.presets-container{width:100%}.custom-dropdown{max-width:100%}.dropdown-header{padding:12px 16px;font-size:13px}.dropdown-header span{font-size:13px}.dropdown-item{padding:12px 16px;font-size:13px}.dropdown-item:hover{padding-left:20px}}.presets-container{width:fit-content}.presets-label{font-size:14px;color:#fff;font-weight:500;margin-bottom:15px;text-align:center;letter-spacing:1px;opacity:.9}.custom-dropdown{position:relative;width:100%;max-width:100%;margin:0 auto;font-family:Montserrat,sans-serif;-webkit-user-select:none;user-select:none}.dropdown-header{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:14px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px #0003;gap:16px}.dropdown-header:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 4px 12px #0000004d}.dropdown-header span{color:#fff;font-size:14px;font-weight:500;letter-spacing:.5px}.dropdown-arrow{transition:transform .3s ease;transform:rotate(180deg)}.dropdown-arrow.open{transform:rotate(0)}.dropdown-list{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:#141414f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 8px 24px #0006;overflow:hidden;z-index:1000;animation:dropdownSlideUp .3s ease-out}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{padding:14px 20px;color:#fff;font-size:14px;font-weight:400;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#ffffff26;padding-left:24px}.dropdown-item:active{background:#fff3}