:root{--light-color: #ffffff;--dark-color: #19191c;--border-width: .25rem;--moon-active-color: #4e48ee;--sun-active-color: #ff8800;--daynight-switch-backgroundcolor: rgb(255, 255, 255, .31);--daynight-ball-color-day: rgb(255, 255, 255, .57);--icon-bar-inactive-Color: #373737;--icon-bar-active-dark-color: #4e48ee;--bar-light-color: rgb(255, 255, 255, .4);--bar-dark-color: rgb(25, 25, 28, .4);--bar-circle-background: rgb(255, 255, 255, 08);--bar-circle-background-dark: rgb(25, 25, 28, .6);--bar-border-raidus: 3.8125rem;--bar-icon-inactive-opacity: .6;--bar-icon-active-opacity: 1;--lowbeam-active-color: #3fff00;--transition-faster: all .5s;--transition-normal: all 1s;--transition-long: all 1.5s;--transition-long-extradelay: all .5s 5.1s}*{max-height:100dvh;overflow:hidden}body{margin:0;padding:0;box-sizing:border-box;overflow:hidden}button{padding:0;border-width:0;border-color:none;background:none;position:absolute;width:3rem;height:3rem;cursor:pointer}#button-area{position:absolute;top:75vh;left:50vw;transform:translate(-50%);display:flex;justify-content:center;align-items:center;transition:opacity .5s,font-size .5s;border:5px solid #fff;width:15rem;height:5rem}#start-button{display:flex;justify-content:center;align-items:center;text-align:center;opacity:.7;transition:opacity .5s}#start-button:hover{cursor:pointer}#start-text{font-size:3rem;color:#fff;font-family:sans-serif;font-weight:700;text-transform:uppercase}.hidden{opacity:0!important;font-size:0px!important;pointer-events:none}.no-transition *{transition-property:none!important}.overlay{opacity:0;position:absolute;width:100dvw;height:100dvh;max-height:0px;overflow:hidden;transition:opacity 2s 6s;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.reveal-overlay{max-height:100dvh;overflow:visible;opacity:1}.svg-icons{width:2.5rem;fill:var(--icon-bar-inactive-Color)}.icon{font-size:2rem;color:var(--icon-bar-inactive-Color);transition:var(--transition-faster)}.icon-active{color:var(--icon-bar-active-dark-color)!important}.low-beam-active{fill:var(--lowbeam-active-color)!important}.mirror-active{fill:var(--icon-bar-active-dark-color)!important}.bar-area{background-color:var(--bar-light-color);border-radius:var(--bar-border-raidus);padding-inline:1rem;width:fit-content;padding-block:.75rem;transition:var(--transition-long);margin-bottom:2rem}.bar-area-night{background-color:var(--bar-dark-color)}.bar-icons{display:flex;align-items:center;justify-content:center;gap:3.5rem;opacity:var(--bar-icon-inactive-opacity);pointer-events:all}.circle{background-color:var(--bar-circle-background);width:4rem;height:4rem;border-radius:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:var(--transition-normal)}.sound-switch-area{pointer-events:all;margin-top:2rem;margin-left:2rem}.volume .mute{position:absolute;overflow:hidden}.volume-hide{display:none}.daynight-switch-area{background-color:var(--daynight-switch-backgroundcolor);display:flex;justify-content:center;align-items:center;width:8rem;height:4rem;border:4px solid var(--light-color);border-radius:4rem;position:relative;transition:var(--transition-long);z-index:50;pointer-events:all;cursor:pointer;margin-top:2rem;margin-right:2rem}.border-night{border-color:var(--dark-color)}.daynight-switch-icons{display:flex;width:100%;justify-content:space-around}.top-bar{display:flex;width:100dvw;justify-content:space-between;transition:var(--transition-normal)}.ball{width:4.2rem;height:4.2rem;background-color:var(--daynight-ball-color-day);position:absolute;border-radius:100%;transform:translate(51%);transition:var(--transition-faster)}.ball-toggle{transform:translate(-51%);background-color:var(--dark-color)}.sun{color:var(--sun-active-color);z-index:1;transition:var(--transition-normal);display:flex;justify-content:center;align-items:center}.sun-inactive{color:var(--light-color)}.moon{color:var(--dark-color);z-index:1;transition:var(--transition-normal);display:flex;justify-content:center;align-items:center}.moon-active{color:var(--icon-bar-active-dark-color)}.circle-night{background-color:var(--bar-circle-background-dark)}.icon-night{color:var(--light-color);fill:var(--light-color)}@media screen and (max-width: 860px){.circle{width:3rem;height:3rem}.icon{font-size:1.5rem}.daynight-switch-area{width:6rem;height:3rem;margin-top:1rem;margin-right:1rem}.ball{width:3rem;height:3rem}.bar-area{padding-block:.5rem;margin-bottom:1rem}.svg-icons{width:2rem}#button-area{width:10rem;height:3rem}#start-text{font-size:2rem}.sound-switch-area{margin-top:1rem;margin-left:1rem}}