:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#060524;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}#root{min-height:100vh;display:flex;position:relative}.img-container{flex:1;height:100vh;padding:.5em;display:flex;flex-direction:column;border-radius:1em;transition:.25s cubic-bezier(.175,.885,.32,1.275) flex}.main-img{flex:1;border-radius:inherit;height:100%;width:100%;object-fit:cover}.bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,#00000080,#fff0)}footer{position:fixed;width:100%;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:.5em;padding:1em}.sidebar{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;z-index:10;height:100%;transition:.25s cubic-bezier(.175,.885,.32,1.275) flex;margin-left:auto}.bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#081134;opacity:.5}.sidebar-content{box-shadow:0 0 15px 2px #081134;background:#081134;z-index:50;position:relative;padding:1em;height:100vh!important;width:80%;margin-left:auto;display:flex;gap:.5em;flex-direction:column}.sidebar-content>div{max-height:400px;overflow-y:scroll}.sidebar-content>div::-webkit-scrollbar{width:5px;background-color:transparent}.sidebar-content>div::-webkit-scrollbar-thumb{width:5px;background-color:#26355d}.sidebar>div p:first-child{text-transform:uppercase;line-height:2}.sidebar-content button{background:#26355d;border:0;outline:0;color:#fff;height:4em;width:3em;border-radius:.5em;cursor:pointer;transition:.25s ease filter}.sidebar-content button:hover{filter:contrast(80%)}footer h2{font-size:1.4rem;order:1}footer h1{letter-spacing:1px;font-size:.9rem;font-weight:300}footer>div{display:flex;flex-direction:column;gap:.25em}footer button{background:#26355d;border:0;outline:0;color:#fff;height:3em;aspect-ratio:1;border-radius:.5em;cursor:pointer;transition:.25s ease filter}footer button:hover{filter:contrast(80%)}.loadingState{display:flex;align-items:center;justify-content:center;flex:1;font-size:15em;opacity:.369;scale:.3;color:#26355d;animation:1s rotate infinite linear}@keyframes rotate{to{rotate:360deg}}@media (min-width: 800px){.bg-overlay{opacity:0}.sidebar{position:unset;top:0;right:0;bottom:0;left:0}.sidebar-content{width:400px}}