*{margin:0;padding:0}:root{font-family:Gruppo;letter-spacing:2px;font-size:18px;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header{background:none;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%);z-index:999;font-size:2.4rem;padding:18px 0 0;justify-content:center;align-items:center}.header-content{display:flex;flex-direction:column;align-items:center}.time-indicator{display:flex;align-items:center;gap:20px;font-family:Lekton;font-size:1rem;color:#666;transform:translate(-1ch)}.time-indicator span{width:16ch;text-align:right}@media (max-width: 900px){.header{font-size:2rem;gap:10px}.time-indicator{font-size:.8rem}}@media (max-height: 700px){.header{font-size:1.6rem;gap:6px}.time-indicator{font-size:.6rem}}.footer{display:flex;position:fixed;bottom:10px;left:50%;transform:translate(-50%);z-index:999;justify-content:center}@media (max-width: 700px),(max-height: 700px){.footer{font-size:.6rem}}.space{height:100vh;width:100vw}.slider-box{position:absolute;bottom:18px;left:18px;width:max(20vw,200px)}.live-button{border:none;border-radius:6px;cursor:pointer;background:none;color:#606060;box-shadow:0 0 2px #fff;height:24px;margin:.5rem 0rem;padding:4px 8px;width:50px;transition:.2s ease all}.time-slider-time{font-size:48px}.time-slider-units{font-size:24px}.isLive{color:#32cd32;box-shadow:0 0 6px #32cd32;font-weight:700;transition:.2s ease all}@media (max-height: 700px){.live-button{height:18px;width:32px;font-size:8px}.time-slider-time{font-size:32px}.time-slider-units{font-size:16px}}.sidebar{background-color:#000;border-radius:12px;position:absolute;border:solid 2px #303030;top:20%;transform:translate(10px);transition:.3s ease-in-out transform;z-index:999;width:240px}.sidebar-close{transition:.3s ease-in-out transform;transform:translate(-100%)}.sidebar-toggle-button{display:flex;justify-content:center;align-items:center;position:absolute;border:solid 2px #303030;border-left-color:#000;background-color:#000;left:99%;aspect-ratio:1/1;border-start-end-radius:20rem;border-end-end-radius:20rem;padding:5px;top:5%}.sidebar-element{padding:4px 12px}.sidebar-element-div{font-size:18px}.sidebar-element-input{width:60px;padding:2px 4px;background:#1a1a1a;border:none;border-radius:4px;color:#fff;font-size:12px}.sidebar-element-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.sidemenu-icon{height:40px}.sidebar-planet-div{display:flex;justify-content:space-between;align-items:center;padding:10px 8px 20px}.sidebar-planet-label{font-size:24px;color:#fff;display:block}.sidebar-planet-select{padding:4px 18px;background:#1a1a1a;border:none;border-radius:4px;color:#fff;font-size:14px}.sidebar-element-title{color:#fff;font-size:16px;letter-spacing:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}@media (max-width: 700px),(max-height: 700px){.sidebar{width:170px}.sidemenu-icon{height:30px}.sidebar-element-div{font-size:12px}.sidebar-planet-div{padding:5px 4px 12px}.sidebar-planet-label{font-size:18px}.sidebar-planet-select{font-size:12px;padding:3px 6px}.sidebar-element{padding:2px 4px}.sidebar-element-input{width:48px}.sidebar-element-title{font-size:14px}.sidebar-element-head{margin-bottom:2px}}.main{display:flex;flex-direction:row}