.article{min-height:calc(100dvh - 5rem)}.article-link,.article-body{max-width:40rem}.article-list{margin:1.75rem 0 0;padding-bottom:2rem;gap:1.75rem;display:flex;flex-direction:column}.article-link{display:flex;gap:1rem;width:100%}.article-link .article-link-content{flex:1}.article-link .article-link-content p{margin:0}.article-link .article-link-content p:empty{display:none}.article-link .article-link-content img{max-width:100%;border-radius:var(--border-radius)}.article-link .article-link-image{flex:0 0 100px;width:100px;height:90px;margin-left:auto}.article-link .article-link-image img{object-fit:cover;width:100px;height:90px;border-radius:var(--border-radius)}.article-read-more{position:absolute;bottom:.5rem;left:0;right:0}.article-mark-all-as-read{margin-bottom:4.5rem}.article a{text-decoration:underline}.article-body{padding-bottom:3rem}.article-body img{max-width:100%;opacity:.9;height:auto}.article-empty-state-img{background:var(--fgColor-default);border-radius:100rem;opacity:.9;max-width:500px;width:80vw}.btn{font-family:var(--font-family);font-size:1rem;height:2.5rem;color:var(--fgColor-muted);background:transparent;padding:.5rem 1rem;border-radius:var(--border-radius);border:1px solid var(--borderColor-muted);text-decoration:none!important;display:inline-block;text-align:center}.btn-primary{border-radius:var(--input-border-radius);border:0;padding:.75rem;font-weight:600;background-color:var(--button-bgColor-default);color:var(--button-fgColor-default)}.btn-block{width:100%}.topbar-btn{background:transparent;border:none;display:flex;align-items:center;padding:.75rem;color:var(--fgColor-default)}.page-header,.page-footer{height:3rem}.page-header{border-bottom:1px solid var(--borderColor-muted);background-color:var(--bgColor-default);display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0}.page-footer{background-color:var(--bgColor-default);border-top:1px solid var(--borderColor-muted);display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;z-index:10}.page-footer a{display:block;display:flex;align-items:center;justify-content:center}.page-footer-link{padding:.5rem;color:var(--textColor-muted)}.page-footer-link.active{color:var(--fgColor-primary)}.page-footer-icon{width:1.5rem;height:1.5rem}.page-content{padding-top:3rem;min-height:calc(100vh - 3rem)}.form-control{display:block;width:100%}.block{display:block}.flex{display:flex}.container{padding-left:.75rem;padding-right:.75rem}.relative{position:relative}.w-full{width:100%}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.no-underline{text-decoration:none!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.w-100{width:100%}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-32{margin-top:8rem}.mt-64{margin-top:16rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.25rem}.my-7{margin-top:1.75rem;margin-bottom:1.75rem}.mt-0{margin-top:0}.m-0{margin:0}.px-1{padding-left:.25rem;padding-right:.25rem}.p-3{padding:.75rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.lh-1{line-height:1}@view-transition{navigation:auto}:root{--font-family: "Nunito", -apple-system, "system-ui", Roboto, "Helvetica Neue", sans-serif;--border-radius: .25rem;--input-border-radius: var(--border-radius);--input-border-width: 1px;--bgColor-default: #11111b;--fgColor-default: #cdd6f4;--fgColor-muted: #bac2de;--fgColor-primary: #a6e3a1;--button-bgColor-default: var(--fgColor-primary);--button-fgColor-default: var(--bgColor-default);--borderColor-muted: #313244}html,body{font-family:var(--font-family);margin:0;background-color:var(--bgColor-default);color:var(--fgColor-default)}*,:after,:before{box-sizing:border-box}input{border-radius:var(--input-border-radius);font-size:1rem;display:block;padding:.75rem;background-color:var(--bgColor-default);color:var(--fgColor-default);border:solid var(--input-border-width) var(--borderColor-muted)}label{font-weight:500;display:block;margin-bottom:.25rem}a{text-decoration:none;color:var(--fgColor-default)}h2{font-size:1.125rem}input[type=checkbox]{accent-color:var(--fgColor-primary)}.link--primary{color:var(--fgColor-default)}.fgColor-muted{color:var(--fgColor-muted)}
