body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex:1 1;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root{flex:1 1 auto;height:100%;width:100%}.vitessce-container{height:max(100%,100vh);width:100%}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background:linear-gradient(to bottom right,#eef3fa,#fff);background-attachment:fixed;background-position:50%;background-size:cover;color:#1c2a3a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;padding-top:60px}.navbar{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0f2ce6;box-shadow:0 2px 6px #0003;color:#fff;display:flex;gap:2rem;justify-content:center;padding:1rem;position:fixed;top:0;width:100%;z-index:1000}.navbar a{color:#fff;font-weight:700;text-decoration:none;transition:color .3s}.navbar a:hover{color:#f29cbe}.page-header{background:linear-gradient(135deg,#102040,#2b4374);color:#fff;padding:3rem 1rem;text-align:center}.page-header h1{font-size:2.4rem}.page-header h2{font-size:1.2rem;font-weight:400;margin-top:.5rem;opacity:.85}section{margin:0 auto;max-width:900px;padding:2rem 1rem;scroll-margin-top:100px}.about,.abstract-authors,.apps,.description,.github,.tutorial{background:#ffffffe6;border-radius:2px;margin-bottom:2rem;padding:2rem;text-align:center}.abstract-authors{margin-top:2rem}.button{background:#1a497f;border-radius:4px;color:#fff;display:inline-block;font-weight:700;padding:.75rem 1.5rem;text-decoration:none;transition:background .3s}.button:hover{background:#9e154c}.button:active{font-size:18px;transition:font-size .1s ease-in-out}.video-wrapper{border-radius:2px;box-shadow:0 2px 8px #00000026;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.video-wrapper iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.grid{flex-wrap:wrap;gap:1rem;margin-top:1rem}.app-card,.grid{display:flex;justify-content:center}.app-card{align-items:center;background-position:50%;background-size:cover;border-radius:10px;box-shadow:0 2px 6px #00000026;height:300px;overflow:hidden;position:relative;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;width:360px}.app-card:hover{box-shadow:0 4px 12px #0003;transform:scale(1.03)}.app-card:active{border:solid #f29cbe}.app-card span{align-items:center;background:#0009;color:#fff;display:flex;font-size:1rem;font-weight:700;height:100%;justify-content:center;left:0;opacity:0;padding:1rem;position:absolute;text-align:center;top:0;transition:opacity .3s ease;width:100%}.app-card:hover span{opacity:1}.app-card:active span{font-size:18px;transition:font-size .1s ease-in-out}.page-footer{background:#102040;color:#fff;font-size:.9rem;margin-top:3rem;padding:2rem 1rem;text-align:center}.page-footer a{color:#6cf;text-decoration:none}.page-footer a:hover{color:#f29cbe;text-decoration:underline}.page-footer a:active{color:#f29cbe;text-decoration:none}.github{font-size:1rem;text-align:center}.github a{background:#1a497f;border-radius:4px;color:#fff;display:inline-block;font-weight:700;margin-top:1rem;padding:.75rem 1.25rem;text-decoration:none}.github a:hover{background-color:#9e154c}.github a:active{font-size:18px;transition:font-size .1s ease-in-out}@media (max-width:600px){.navbar{flex-wrap:wrap;gap:1rem;justify-content:space-around}.app-card{aspect-ratio:4/3;background-position:50%;background-repeat:no-repeat;background-size:contain;height:auto;width:100%}}
/*# sourceMappingURL=main.133a1cf2.css.map*/