.home-grid[data-v-b09f23be]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.tile[data-v-b09f23be]{display:flex;justify-content:center;align-items:center;background-color:var(--dark-color);border-radius:12px;box-sizing:border-box;aspect-ratio:1/1;font-size:1.125rem;font-weight:700}.tile span[data-v-b09f23be]{display:block;padding:12px}#daily[data-v-b09f23be]{border:1px solid orange;color:orange;cursor:pointer;display:none;font-weight:700;padding:20px;margin:0 8px 16px 8px}.install-actions[data-v-b09f23be]{display:flex;justify-content:space-around}.install-actions .btn[data-v-b09f23be]{border:none;border-radius:6px;padding:8px 16px;background-color:#999;color:#fff;cursor:pointer}.install-actions .install[data-v-b09f23be]{background-color:#3071a9}@media only screen and (min-width:600px){.tile[data-v-b09f23be]{font-size:1.5rem}}:root{--white-color:#fff;--black-color:#121b22;--dark-color:#1f2c34}body{margin:0;background-color:var(--black-color)}#app,body{font-size:20px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:var(--white-color);margin-top:60px}.header{position:fixed;top:0;left:0;width:100%;padding:12px 20px;text-align:left;background-color:var(--dark-color);display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.header h1{margin:0;font-size:1rem;line-height:1}.header button{background-color:var(--dark-color);border:none;line-height:0;padding:0;margin:0}.header-page{justify-content:flex-start}.header-page button{margin-right:12px}#favorite{position:absolute;top:12px;right:16px}#favorite.fa-active .unicon svg{fill:orange}.container{margin:0 auto;max-width:900px;padding:20px 24px}a{text-decoration:none;color:var(--white-color)}.content{margin:24px 0}.box{border-radius:12px;box-sizing:border-box;padding:24px}#sidenav,.box{background-color:var(--dark-color)}#sidenav{position:fixed;top:0;right:-200px;padding:10px 0}.img-responsive{width:100%;height:auto}#sidenav ul{list-style:none;margin:0;padding:0}#sidenav li{font-size:16px;text-align:left;padding:6px 32px 12px 24px}#sidenav.open{animation-name:openMenu;animation-duration:.4s;animation-fill-mode:forwards}@media only screen and (min-width:600px){.header h1{font-size:1.25rem}}@media only screen and (max-width:600px){.splide__arrows{display:none!important}}@keyframes openMenu{0%{right:-200px;top:0}to{right:0;top:50px}}