.start{pointer-events:auto;flex-direction:row;justify-content:center;align-items:center;height:60vh;margin:50px;display:flex}.titles{flex-direction:column;width:50vw;min-width:370px;display:flex}.title{margin:15px}.scrollWrapper{justify-content:center;align-items:flex-end;height:100px;display:flex}.scroll{flex-direction:column;gap:15px;margin:15px;transition:opacity .3s;display:flex}
.console{z-index:12;flex-direction:column;align-items:flex-start;gap:5px;width:216px;margin:5vh;transition:opacity .3s;display:flex;position:fixed;bottom:0;right:0}.console-section{flex-direction:column;align-items:flex-start;display:flex}.console-wrapper{flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:relative}.console-line{flex-direction:row;align-items:center;gap:10px;display:flex}.console>div>div{align-items:flex-start;display:flex}.console-line>.selected{color:var(--color-white);border:var(--color-white) solid 1px;padding:0 5px}.console-line>.active{background-color:var(--color-white);color:var(--color-black)}.console-line>p,.console-section>p{text-align:left}.console-section>h3{font-size:var(--font-size-small)}.console div p,.console p{font-size:var(--font-size-small)!important}input,textarea{color:var(--color-gray);border-width:0;border:var(--color-gray) solid 1px;background-color:#fff0;width:100%;padding:5px;font-family:Miriam Libre,sans-serif;transition:color .3s,background-color .3s,border .3s;font-size:var(--font-size-small)!important}textarea{color:var(--color-gray);border-width:0;border:var(--color-gray) solid 1px;background-color:#fff0;padding:5px;font-family:Miriam Libre,sans-serif;transition:color .3s,background-color .3s,border .3s;font-size:var(--font-size-small)!important}input.touch,textarea.touch{font-size:var(--font-size-medium)!important}
.inline-button.radio-on{border:var(--color-white) solid 1px;color:var(--color-white)}.inline-button{color:var(--color-gray);border-width:0;border:var(--color-gray) solid 1px;background-color:#fff0;padding:0 5px;font-family:Miriam Libre,sans-serif;transition:color .3s,background-color .3s,border .3s}.inline-button.touch{font-size:var(--font-size-medium)!important}.toggle-button{flex-direction:row;margin:0;padding:0;display:flex}@media (hover:hover){.inline-button:hover{color:var(--color-white);border:var(--color-white) solid 1px}.inline-button.active:hover{color:var(--color-white);border:var(--color-white) solid 1px;background-color:#fff0}}
.cursor-dot{mix-blend-mode:difference;background-color:#fff;width:5px;height:5px;transition:width .3s cubic-bezier(.05,.95,.05,.95),height 1s cubic-bezier(.05,.95,.05,.95),opacity .3s}.cursor-outline{mix-blend-mode:difference;border:2px solid #fff;width:15px;height:15px;transition:width 1s cubic-bezier(.05,.95,.05,.95),height 2s cubic-bezier(.05,.95,.05,.95),opacity .3s}.cursor-dot,.cursor-outline{z-index:99;pointer-events:none;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}body.native-cursor .cursor-dot,body.native-cursor .cursor-outline{opacity:0!important}.mouse-down{width:20px;height:20px}.hover{width:30px;height:30px}body.native-cursor,body.native-cursor *{cursor:auto!important}body.native-cursor .sidebaritem,body.native-cursor .sidebaritem *,body.native-cursor .topnav,body.native-cursor .topnav *,body.native-cursor .bottomnav,body.native-cursor .bottomnav *,body.native-cursor .inline-button,body.native-cursor .inline-button *{cursor:pointer!important}
.planetdiv{flex-direction:column;justify-content:center;align-items:center;gap:15px;width:100vw;display:flex;overflow:hidden}.planetdiv img{transition:filter 2s}.info{text-align:center;transition:opacity .3s}
#stars{opacity:1;transition:opacity 2s}
.navbar{z-index:10;pointer-events:none;flex-direction:column;justify-content:space-between;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0}.topnavWrapper,.bottomnavWrapper{justify-content:center;display:flex}.topnav,.bottomnav{z-index:10;pointer-events:auto;cursor:none;opacity:0;flex-direction:column;align-items:center;gap:15px;margin:5vh;font-family:inherit;transition:opacity .3s,transform 1s cubic-bezier(.05,.95,.05,.95);display:flex}.topnav>div,.bottomnav>div{flex-direction:column;display:flex}.topnav:active,.bottomnav:active{transform:scale(.95)}.arrow{height:25px}#traveling{opacity:0;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:15px;transition:opacity .3s;display:flex}#traveling #heading{animation:.5s ease-in-out infinite alternate flicker}#traveling.traveling-active{opacity:1;transition:opacity .3s}@media (hover:hover){.topnav:hover,.bottomnav:hover{transform:scale(1.05)}}
.infoAphPer{text-align:center}.orbitalrange{--dashed-line-width:1px;flex-direction:column;justify-content:space-between;align-items:center;width:100vw;display:flex;position:absolute}.orbitalrange .range{border-width:var(--dashed-line-width);border-color:var(--color-dashed-line);border-style:dashed;height:100%}.orbitalrange .end{border-width:var(--dashed-line-width);border-color:var(--color-dashed-line);border-style:dashed;width:150px}@media (hover:hover){.orbitalrange{--dashed-line-width:.5px}}
.sidebar{z-index:10;justify-content:flex-start;align-items:flex-start;height:100vh;margin-left:10vw;transition:opacity .3s;display:flex;position:fixed}.sidebarWrapper{justify-content:flex-start;align-items:flex-start;height:100vh;display:flex;position:relative}.sidebardiv{text-align:center;flex-direction:column;justify-content:center;align-items:flex-start;margin-top:25px;display:flex}.sidebaritem{text-align:left;flex-direction:row;align-items:center;gap:5px;height:0;transition:top .3s;display:flex;position:relative}.sidebaricon{opacity:1;width:20px;height:20px;margin:5px;transition:opacity .3s,transform 1s cubic-bezier(.05,.95,.05,.95);position:relative}.sidebaricon:hover{transform:scale(1.2)}.sidebaricon:active{transform:scale(.8)}
.footer{flex-direction:column;justify-content:flex-end;height:100vh;padding-top:15px;display:flex}.credits{z-index:11;margin-bottom:15px}
.modal-overlay{z-index:90;pointer-events:auto;background-color:#000000c7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{text-align:left;flex-direction:column;gap:10px;width:60vw;max-width:420px;max-height:80vh;padding:20px;display:flex;overflow-y:auto}.modal-close{justify-content:flex-end;width:100%;display:flex}