:root{--primary: #2977ff;--gray: #ececec;--whitesmoke: #f5f5f5;--dark: #222;--navbar-height: 50px}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif}.page{display:flex;flex-flow:column;height:100%}#navbar{height:var(--navbar-height);background-color:var(--primary);box-shadow:1px 1px 1px rgba(0,0,0,.1);display:flex;align-items:left;justify-content:center;color:#fff;font-size:22px;font-weight:550;letter-spacing:.9px;position:relative}#navbar .title{line-height:50px}#navbar.offline{border-bottom:2px solid red}#main{flex-grow:1;overflow:auto}.menu-icon{color:#255a74}.menu-icon svg{padding:5px;height:30px;width:30px}.menu-icon:hover{color:#fff}.menu-icon:hover svg{border:1px solid rgb(24.6666666667,60,77.3333333333);border-radius:15px;background-color:rgb(49.3333333333,120,154.6666666667)}.card{background-color:#fff;padding:20px;margin:20px;border-radius:3px;box-shadow:1px 1px 1px rgba(0,0,0,.1)}.card-currency{display:flex;justify-content:space-between;align-items:center}.loading-spinner{animation-duration:.75s;animation-iteration-count:infinite;animation-name:rotate-forever;animation-timing-function:linear;height:30px;width:30px;border:3px solid var(--primary);border-right-color:rgba(0,0,0,0);border-radius:50%}.loading-container{display:flex;justify-content:center;align-items:center;height:calc(100vh - var(--navbar-height))}@keyframes rotate-forever{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.app-update{display:none;position:absolute;right:10px;bottom:10px;border:1px solid #000;border-radius:15px;background-color:#fff;text-decoration:none;font-size:.9rem;line-height:23px;padding:4px 10px}.app-update svg{margin-left:10px;vertical-align:text-top}.app-update.show{display:block}.logo{color:#255a74;display:inline-block;height:60px;width:200px}.logo .logo-image{float:left;padding-right:10px}.logo .logo-image svg{width:60px;height:60px}.logo .logo-text{text-align:left}.logo .logo-text .title{font-size:1.2rem;font-weight:600}.logo .logo-text .slogan{font-size:1.1rem}
:root{--primary: #2977ff;--gray: #ececec;--whitesmoke: #f5f5f5;--dark: #222}.sidenav>a{padding:8px 8px 8px 32px;text-decoration:none;font-size:18px;line-height:25px;color:#255a74;display:block;transition:.3s;white-space:nowrap;border-bottom:1px solid #fff}.sidenav>a:hover{transition:.3s;color:#f1f1f1;background-color:#255a74}.sidenav>a:last-child{border-bottom:0}.sidenav>a svg,.sidenav>a i{margin-right:10px;margin-bottom:4px}@media screen and (max-height: 450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}