.spinner-container{grid-column:1/-1;justify-content:center;padding:4rem 0;display:flex}.lds-roller{width:80px;height:80px;display:inline-block;position:relative}.lds-roller div{transform-origin:40px 40px;animation:1.2s cubic-bezier(.5,0,.5,1) infinite lds-roller}.lds-roller div:after{content:" ";background:#fff;border-radius:50%;width:7px;height:7px;margin:-4px 0 0 -4px;display:block;position:absolute}.lds-roller div:first-child{animation-delay:-.036s}.lds-roller div:first-child:after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-.072s}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#lightbox-overlay{z-index:1000;background-color:#000000eb;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:none;position:fixed;inset:0}#lightbox-overlay.is-open{display:flex}#lightbox-img{-o-object-fit:contain;object-fit:contain;border-radius:4px;width:auto;max-width:90vw;height:auto;max-height:80vh}#lightbox-caption{color:#fff;text-align:center;max-width:80ch;font-size:1.4rem}#lightbox-close{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:50%;width:3.2rem;height:3.2rem;font-size:1.6rem;line-height:1;transition:border-color .2s,background-color .2s;position:fixed;top:1.5rem;right:1.5rem}#lightbox-close:hover{background-color:#ffffff26;border-color:#fff}html{font-size:62.5%}body{color:#fff;background-color:#0e0e0e;font-family:Open Sans,sans-serif}h1{font-size:3.5rem}h5{font-size:1.5rem;font-weight:800}p{font-size:2.4rem}button{background-color:#81f6ff;border:none;border-radius:5px;margin-top:10px;padding:5px 20px;font-size:1.6rem;transition:background-color .3s}button:hover{cursor:pointer;background-color:#4bbdc5}label,input{font-size:1.6rem}#content{background-color:#000;height:100vh;margin:auto}#user-interface{grid-template-columns:1fr 1fr;width:90%;max-width:1100px;margin:auto;padding:10px;display:grid}.controls{max-width:400px}.nasa-logo{max-width:450px;margin:auto;display:flex}#app-title{text-transform:uppercase;grid-area:1/1/-1/2}.input-container,.button-container{flex-wrap:wrap;justify-content:space-between;display:flex}#image-grid-area{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:2rem;padding:2rem;display:grid}article{background-color:#000;grid-template-rows:auto 1fr;font-weight:700;transition:all 1s;display:grid;position:relative;box-shadow:0 1px 8px 1px #3d3d3d7a}.show{opacity:1}.title{text-shadow:.5px .5px .2px #00000085;box-sizing:border-box;color:#772f2f;background-color:#fff;height:100%;margin:0;padding:10px}a{color:#575757;text-align:center;transition:all .25s}a:hover{color:#f32373}img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;display:block}@supports not (aspect-ratio:1/1){img{height:300px}}.spinner{place-self:center;position:absolute}.show .spinner{display:none}.title-link{opacity:0}.show .title-link{opacity:1}.image-link{opacity:0}.show .image-link{opacity:1}