@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&display=swap";div.solarsystem-wrapper{width:100vw;height:100vh;position:relative}div.solarsystem-wrapper div.loading-wrapper{position:absolute;inset:0;background-color:#000;z-index:1024;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center}div.solarsystem-wrapper div.loading-wrapper h1{color:#fff}div.timecontrols-wrapper{position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);bottom:24px}div.timecontrols-wrapper span{display:block;text-align:center;margin-bottom:8px;font-size:14px;font-weight:500;color:#fff}div.timecontrols-wrapper div{display:-moz-box;display:flex;grid-gap:4px;gap:4px}div.timecontrols-wrapper div button{border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center;width:36px;height:36px;padding:0;margin:0;border:none;background:rgba(0,0,0,.6);cursor:pointer;-webkit-transition:.12s;-moz-transition:.12s;transition:.12s}div.timecontrols-wrapper div button:hover{background:rgba(38,38,38,.6)}div.timecontrols-wrapper div button.active{background:rgba(64,64,64,.6)}div.timecontrols-wrapper div button svg{width:36px;height:36px;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8)}div.timecontrols-wrapper div button svg path{stroke:#fff}div.planets-wrapper{position:absolute;top:24px;left:24px;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;padding:8px;width:240px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid #333}div.planets-wrapper div.planet-wrapper{padding:8px;display:-moz-box;display:flex;-moz-box-align:center;align-items:center;cursor:pointer;border-radius:4px;-webkit-transition:.12s;-moz-transition:.12s;transition:.12s}div.planets-wrapper div.planet-wrapper:hover{background:rgba(255,255,255,.1)}div.planets-wrapper div.planet-wrapper:active{background:rgba(255,255,255,.2)}div.planets-wrapper div.planet-wrapper img{width:32px;height:32px;margin-right:12px}div.planets-wrapper div.planet-wrapper span{text-transform:capitalize;color:#fff;font-size:16px}body,html{margin:0;padding:0;font-family:Fira Code,monospace}