#help-center{width:fit-content;height:fit-content;border:1px solid;border-radius:1em;background-color:transparent;-webkit-backdrop-filter:blur(1em);backdrop-filter:blur(1em);color:var(--text-color);display:flex;flex-direction:row}#help-center:hover{color:var(--background-color);background-color:var(--text-color);border-radius:0;transition:all .4s;cursor:pointer}#help-center__button{all:unset;height:3.5em;width:3.5em;display:flex;align-items:center;justify-content:center}#help-center__button:hover>#help-center__button-icon{scale:1.8;transition:all .4s}#help-center__button-icon{scale:1.5;transition:all .4s}#help-center__instructions h3,#help-center__instructions p,#help-center__instructions ul,#help-center__instructions li{margin:0}#help-center__instructions p{padding:2px}#help-center__instructions ul{padding-left:1.5em}#help-center__instructions{margin:.5em}#help-center__instructions-content{width:20em}@media(max-width:42em){#help-center{grid-area:help-center}}.canvas-container{height:100%}#canvas{background-color:var(--background-color)}.constellation-info{justify-self:end;height:fit-content;max-height:80%;min-width:fit-content;overflow:auto;border:1px solid;border-radius:1em;transition:all .4s;background-color:transparent;-webkit-backdrop-filter:blur(1em);backdrop-filter:blur(1em);color:var(--text-color);display:flex;flex-direction:column;width:100%}.constellation-info:hover{color:var(--background-color);background-color:var(--text-color);border-radius:0;transition:all .4s}#constellation-info__controls{margin:.5em .5em .5em 1em;display:grid;grid-template-columns:1fr 2.5em 2.5em 2.5em;align-items:baseline;gap:1em;background-color:transparent}#constellation-info__name{align-self:center;text-decoration:underline;margin:0}#constellation-info__controls button{all:unset;justify-self:end;text-align:center;border:1px solid;border-radius:.5em;height:2.4em;width:2.4em;transition:all .4s}#constellation-info__controls button:hover{background-color:var(--background-color);border-radius:0;color:var(--text-color);transition:all .4s;cursor:pointer}#constellation-info__controls button:hover>#refresh-button{transition:all .4s;scale:1.2;rotate:180deg}#constellation-info__controls button:hover>#default-button{transition:all .4s;scale:1.2}#constellation-info__controls button:hover>#hide-button,#constellation-info__controls button:hover>#show-button{transition:all .4s;scale:1.2}#constellation-info__controls i{transition:all .4s}#constellation-info__box{display:flex;flex-direction:column;gap:1em;padding:0 1em 1em}#constellation-info__box p{margin:0}#constellation-info__general{text-wrap:pretty}#constellation-info__general button{all:unset;color:inherit;text-decoration-line:underline;text-decoration-style:dashed;text-decoration-color:attr(color)}#constellation-info__general button:hover{cursor:pointer;text-decoration-style:solid}.constellation-info__star{position:relative}#constellation-info__box-stars{margin:0;padding-left:1.5em}#constellation-info__star--estimated:hover{text-decoration:underline;cursor:pointer}#constellation-info__star--estimated:after{content:"Estimated from parallax, possibly inaccurate.";background-color:var(--background-color);color:var(--text-color);padding:.5em;border-radius:.25em;position:absolute;font-size:small;width:fit-content;top:-32px;left:-16px;opacity:0;visibility:hidden;transition:opacity .3s;z-index:3}#constellation-info__star--estimated:hover:after{opacity:1;visibility:visible}#constellation-info__source a{color:inherit;text-decoration-style:dashed}#constellation-info__source a:hover{text-decoration-style:solid}@media(max-width:42em){.constellation-info{grid-area:constellation-info;align-self:end;max-height:100%;overflow:auto}}#search-bar{display:flex;height:fit-content;max-width:20em;min-height:3.5em;min-width:3.5em;flex-direction:row;justify-self:start;border:1px solid;border-radius:1em;background-color:transparent;-webkit-backdrop-filter:blur(1em);backdrop-filter:blur(1em);color:var(--text-color);overflow:hidden}#search-bar:hover{color:var(--background-color);background-color:var(--text-color);border-radius:0;transition:all .4s}#search-bar:hover>#search-bar__results hr{background-color:red}#search-bar i{align-self:baseline;align-content:center;scale:1.5;width:3.5em;height:3.5em}#search-bar__form{min-height:3.5em;display:flex;align-items:center}#search-bar__form-input{all:unset;margin:0 .5em;padding:4px 0;height:fit-content;width:80%;border-bottom:1px solid}#search-bar__results{display:flex;flex-direction:column;gap:.5em}.search-bar__result{all:unset;padding:.5em;border-radius:.5em;width:80%}.search-bar__result:hover{background-color:var(--background-color);color:var(--text-color);cursor:pointer}.search-bar__result:last-child{margin-bottom:1em}@media(max-width:42em){#search-bar{grid-area:search-bar}}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;--text-color: whitesmoke;--background-color: rgb(0, 0, 21)}html,body,#root{width:100%;height:100%;margin:0;padding:0}.main-content{height:100%}.top-container{position:absolute;width:calc(100% - 2em);height:calc(100% - 1em);margin:1em;display:grid;gap:1em;grid-template-columns:min-content auto 30%}.top-container>*{z-index:2;transition:all .4s}@media(max-width:42em){.top-container{margin:.5em;overflow:hidden;width:calc(100% - 1em);height:calc(100% - 1em);grid-template-columns:auto 1fr;grid-template-rows:min-content auto;grid-template-areas:"help-center search-bar" "constellation-info constellation-info"}}