.three-d-btn #theme-icon path{fill:var(--text-color)}three-d-btn.active #theme-icon path{fill:var(--text-on-lightbg)}button.primary{outline:0;border:0;font-size:22px;font-family:DeathStar;background:var(--primary-color);border-radius:4px;height:60px;display:flex;align-content:center;align-items:center;width:100%;justify-content:center;cursor:pointer;color:var(--text-on-lightbg)}.card-nav{position:absolute;top:6px;right:8px}.card-items{margin-right:8px;display:inline-block}.card-nav span{position:relative;top:-3px!important}.info-pair{display:flex;flex-direction:column;align-items:left}.text-jumbo{font-size:23px;color:var(--text-color);letter-spacing:0;font-weight:700}.three-d-btn{display:inline-flex;justify-content:center;height:20px;align-items:center;border:none;cursor:pointer;font-family:TeXGyreAdventor,Arial,sans-serif;outline:0;font-size:12px;font-weight:700;position:relative;background-color:transparent;border:1px solid var(--text-color);color:var(--text-color);min-width:44px;text-transform:none;border-radius:6px;cursor:pointer;transition:all ease-in-out .3s;margin-right:8px;padding:4px;text-transform:uppercase}.three-d-btn span{position:relative;top:-1px}.three-d-btn:hover{background-color:var(--primary-color);box-shadow:0 0 28px var(--primary-color)}.three-d-btn.active{outline:0;background-color:var(--primary-color);min-width:44px;border:1px solid var(--primary-color);box-shadow:0 0 28px var(--primary-color)}.three-d-btn.active span{color:#030a19}@media (max-width:1590px){.three-d-btn-1,.three-d-btn-2{position:relative;top:-17px}.three-d-btn-3,.three-d-btn-4{position:relative;top:6px;left:-104px}}@media (max-width:1350px){.three-d-btn-1,.three-d-btn-2,.three-d-btn-3,.three-d-btn-4{position:unset}}body .three-d-btn.active:after{content:'';display:block;position:absolute;left:3px;right:3px;top:5px;height:8px;border-radius:4px}.spacehud-logo{margin-right:12px}.spacehud-logo path{fill:var(--logo-color)}.spacehud-logo rect{stroke:var(--logo-color)}.three-d-btn:last-child{margin-right:0}.column.middle .inner-container{gap:60px}.column.right .card-l{text-align:center}.logo-container{display:flex;align-items:flex-end;padding:10px;position:absolute;top:8px;z-index:1000}.container{display:flex;width:100%}.column{padding:12px;text-align:left;position:relative}.left,.right{flex:1}.middle{flex:2}.inner-container{display:flex;width:100%}.inner-column{flex:1}.left-inner{flex:1}.right-inner{flex:1}.hud-container{width:100%;height:100%;background-image:var(--background-image-url)!important;background-repeat:repeat;background-size:cover}@media (max-width:1590px){.hud-container{height:auto}}.widget{padding:20px;margin:10px;display:inline-block}.widget-main{padding:20px 0;margin:10px 0;display:inline-block}.inner-container.outlined .inner-column.left-inner,.inner-container.outlined .inner-column.right-inner{text-align:center}.loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);padding:10px;border-radius:50%;color:var(--text-color);text-align:center;z-index:1000}.card-l{position:relative;padding:10px}.card-s{border:1px solid var(--border-color);color:var(--text-color);text-align:center;margin:10px;position:relative}.card-s img{width:100%;height:150px;object-fit:cover}.card-s .name{padding:5px}.cards-container{display:flex;justify-content:space-around;width:100%;padding:20px}#exo-container img,#exoplanet-container img{width:1px;height:1px}#exo-container,#exoplanet-container{display:flex;align-items:center}#exoplanet-card{margin-top:24px}#exoplanet-card-content .exo-units{font-size:12px;letter-spacing:6px}.exo-radii{position:relative;top:23px;width:100%;display:flex;justify-content:center}#pl_rade{font-size:23px}.spacer24{height:24px;font-size:1px;margin:0;padding:0}#exoplanet-comparison-container{display:flex;align-items:center;height:160px;justify-content:center;margin-top:24px;margin-bottom:5px;min-width:300px}#exo-container,#exoplanet-container{height:160px}.planet{border-radius:50%;background-color:#add8e6;display:inline-block}@media (max-width:1590px){.exo-details,.exo-speed{display:none}}@media (max-width:800px){.exo-details,.exo-speed{display:block}}#solar-activity-widget{position:relative;z-index:10}#solar-observation-date{margin-bottom:12px;text-align:left}#solar-controls{text-align:left}.data-pair-group{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}#solar-3d-container{margin-top:34px}@media (max-width:1590px){#solar-3d-container{margin-top:72px}}@media (max-width:800px){#solar-3d-container{margin-top:0}}.data-pair{display:grid;grid-template-columns:auto auto;gap:10px;width:100%}.data-pair .data-label{font-weight:700}.data-pair .value{text-align:right}@media (max-width:1590px){#aurora-3d-container,#aurora-3d-container .scene-container,#aurora-3d-container canvas,#solar-3d-container,#solar-3d-container .scene-container,#solar-3d-container canvas{max-height:240px;max-width:240px}.main-platform img{max-width:240px}.inner-container.main.outlined{justify-content:space-evenly}}.news-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}.news-date{color:var(--text-color);display:inline-block}#news-card{overflow:hidden}#aurora-forecast-widget{position:relative;z-index:10}#auroras-observation-date{margin-bottom:43px;text-align:left}#aurora-3d-container{margin-top:66px}@media (max-width:1590px){#aurora-3d-container{margin-top:104px}}@media (max-width:800px){#aurora-3d-container{margin-top:0}}.iss-info{margin:0 auto;margin-top:-24px}#iss-people-card{margin-top:0;text-align:left}#iss-crew{display:inline-block;max-width:180px;position:relative}#iss-crew .name{display:inline-block;text-align:left}.iss3d-model{position:absolute;top:0;right:-44px;transition:transform 2s ease}.iss-info{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-evenly}.iss-flat-container{text-align:center;justify-content:center;display:flex;margin-top:38px}#earth-container{position:relative;width:400px;height:200px;overflow:hidden;background:url('../images/map1.svg') repeat-x;background-size:cover}#earth-map{width:100%;height:100%}.main-platform{opacity:.3;margin-top:-41px}.platform-right{margin-right:10px}.main-platform img{width:340px}.main-platform-light-l{position:absolute;bottom:-21px;z-index:4;opacity:.6;left:50%;transform:translateX(-50%)}.main-platform-light-r{position:absolute;bottom:-20px;z-index:4;opacity:.6;left:50%;transform:translateX(-50%)}.main-platform-light-l img,.main-platform-light-r img{opacity:.6;transition:opacity .4s ease-in-out}#iss-marker{position:absolute;width:10px;height:10px;background-color:red;border-radius:50%;left:50%;transform:translateX(-50%)}#iss-location-widget{position:relative;z-index:1;margin-bottom:32px}.iss3d-cover{position:absolute;z-index:0;position:absolute;left:-27px;top:10px}@media (max-width:1590px){#iss-location-widget{margin-bottom:0}}#map-container{position:relative;width:100%;max-width:800px;margin:auto}#svg-map{width:100%;height:auto}.satellite-marker{position:absolute;width:10px;height:10px;background-color:red;border-radius:50%}#launch-card{margin-top:72px}#launch-date{display:inline-block}.card-modal-body{overflow-y:scroll;margin-top:16px}.launch-body-container{height:180px}#countdown span.units{font-size:13px}.utc-title{color:var(--text-color)}#utc-time{font-family:DeathStar,Arial;font-size:23px;color:var(--text-color);letter-spacing:3px}.coordinate-system{display:inline-block;width:160px;text-align:left}#neo-info{display:flex;flex-direction:column;gap:1rem}#neo-image{height:172px!important}.neo-yes{background-color:red;color:var(--background-color);padding:0 4px;border-radius:2px}.neo-event{display:flex;flex-direction:column;gap:1rem}.columns-container{display:flex;width:100%;gap:2rem}.neo-column{flex:1;flex-direction:column;gap:.5rem}.neo-column img{height:100px}.neo-column .label{margin-top:24px}@media (max-width:1590px){.main .left-inner,.main .right-inner{max-width:240px}.column.middle .inner-container{gap:24px}}@media (max-width:1350px){.container{display:flex;flex-direction:column;max-width:800px;margin:0 auto}.logo-container{max-width:800px;margin:0 auto;position:relative;left:0}.column{width:100%}.column.right{order:3}.column.middle{order:1}.column.left{order:2}.hud-container{width:100%;height:auto;background-image:var(--background-image-url);background-size:cover;background-attachment:fixed;background-position:center}#launch-card{margin-top:auto}.column.middle{margin-top:0}.three-d-btn{background-color:#ffffff4a}}@media (max-width:800px){.container{max-width:500px}.logo-container{max-width:500px;margin:0 auto;position:relative;left:0}.inner-container{display:flex;flex-direction:column}.inner-column.left-inner,.inner-column.right-inner{width:100%}.inner-column.left-inner{order:1}.inner-column.right-inner{order:2}.inner-container.main{display:flex;flex-direction:column}.inner-container.main .inner-column.left-inner,.inner-container.main .inner-column.right-inner{width:100%}.inner-container.main .inner-column.left-inner{order:1}.inner-container.main .inner-column.right-inner{order:2}.spacehud-logo{width:110px;height:24px}.iss3d-model{display:none}#iss-location-widget{margin-left:-8px}}@font-face{font-family:DeathStar;src:url('/fonts/deathstar.ttf') format('truetype')}@font-face{font-family:TeXGyreAdventor;src:url('/fonts/texgyreadventor-regular.otf') format('opentype');font-weight:400}@font-face{font-family:TeXGyreAdventor;src:url('/fonts/texgyreadventor-bold.otf') format('opentype');font-weight:700}*{box-sizing:border-box;color:var(--text-color)}body,html{margin:0;padding:0;width:100%;height:100%;color:#fff;font-family:TeXGyreAdventor,Arial,sans-serif;position:relative;z-index:-2;font-size:12px;letter-spacing:1px;text-transform:uppercase;background:#000}select{background:0 0;color:var(--text-color);width:100%;padding:2px;border:1px solid var(--text-color);margin:12px 0 24px}li{padding:6px 0}.withryan{width:100px;opacity:1;fill:var(--text-color)}.withryan path{fill:var(--text-color)}h2{font-family:TeXGyreAdventor,Arial,sans-serif;font-size:18px;text-transform:uppercase}h3{font-family:TeXGyreAdventor,Arial,sans-serif;font-size:13px;letter-spacing:6px;text-transform:uppercase;font-weight:400;margin:0;padding:8px 0 12px 0;text-align:left}h5{font-family:TeXGyreAdventor,Arial,sans-serif;font-size:10px;text-transform:uppercase;color:var(--secondary-color);font-weight:700;margin:0;padding:0;text-align:left}input[type=checkbox]{width:24px;height:24px}.text-jumbo{font-size:23px;color:var(--text-color);letter-spacing:0;font-weight:700}.text-dim{opacity:.5}p{font-family:TeXGyreAdventor,Arial,sans-serif}.left{text-align:left}.text-bold{font-weight:700}.label{font-family:TeXGyreAdventor,Arial,sans-serif;font-size:12px;letter-spacing:6px;text-transform:uppercase;font-weight:400;margin:0;padding:0 0 2px 0}.value{font-family:TeXGyreAdventor,Arial,sans-serif;font-size:12px;text-transform:uppercase;font-weight:700;padding:0 2px;line-height:14px;background-color:var(--text-color);color:var(--background-color);display:inline-block}.value-alt{font-family:TeXGyreAdventor,Arial,sans-serif;font-size:12px;text-transform:uppercase;font-weight:700;padding:0 2px;line-height:14px;color:var(--text-color);display:inline-block}.label-inline{margin:0;font-size:1rem;font-weight:700;display:inline}.value-inline{margin:0;font-size:1rem;display:inline}.inline-pair{display:flex;align-items:center;gap:.5rem}a{font-family:TeXGyreAdventor,Arial,sans-serif;color:var(--text-color);text-decoration:underline}@keyframes slideIn{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOut{from{transform:translateX(0)}to{transform:translateX(-100%)}}.slide-in{animation:slideIn 1s forwards}.slide-out{animation:slideOut 1s forwards}.fade{opacity:0;transition:opacity .5s}.fade.in{opacity:1}.inner-container.outlined .inner-column.left-inner,.inner-container.outlined .inner-column.right-inner{text-align:center}.loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);padding:10px;border-radius:50%;color:var(--text-color);text-align:center;z-index:1000}.spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:16px;width:16px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.card-modal{display:none;position:absolute;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;z-index:1000;opacity:1;transition:opacity .5s ease-in-out}.show-modal{display:flex;animation:scaleIn .5s ease-in-out forwards}.hide-modal{display:flex;animation:scaleOut .5s ease-in-out forwards}.card-modal-content{background-color:var(--modal-bg-color);padding:20px;border-radius:0;width:100%;height:100%;overflow-y:hidden}.card-modal-content img{max-width:200px;border-radius:24px;margin-top:24px}.card-modal-header{display:flex}.card-modal-header .three-d-btn{position:absolute;top:8px;right:8px}@keyframes scaleIn{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{from{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;overflow:auto;background-color:rgba(0,0,0,.4);height:100vh}.modal-content{background-color:var(--background-color-modal);margin:24px auto 0;padding:20px;border:1px solid #888;width:80%;max-width:460px;text-align:left;color:var(--text-color);font-size:14px;border-radius:0;opacity:1;text-transform:none}#kudos-modal .modal-content{animation:slideInFromTop .5s forwards}@keyframes slideInFromTop{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutToTop{from{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.blur{filter:blur(5px)}.kudos{display:flex;flex-direction:row;justify-content:right;align-items:center;margin-top:12px}.createdby{text-align:right;font-size:11px;margin-right:12px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--background-color);border-radius:10px;border:1px solid var(--text-color)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px;border:3px solid #f1f1f1}::-webkit-scrollbar-thumb:hover{background:red}html{scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--background-color)}