.article{min-height:calc(100dvh - 5rem)}.article-link,.article-body{max-width:40rem}.article-list{flex-direction:column;gap:1.75rem;margin:1.75rem 0 0;padding-bottom:2rem;display:flex}.article-link{gap:1rem;width:100%;display:flex}.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{border-radius:var(--border-radius);max-width:100%}.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;border-radius:var(--border-radius);width:100px;height:90px}.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{opacity:.9;max-width:100%;height:auto}.article-empty-state-img{background:var(--fgColor-default);opacity:.9;border-radius:100rem;width:80vw;max-width:500px}.btn{font-family:var(--font-family);height:2.5rem;color:var(--fgColor-muted);border-radius:var(--border-radius);border:1px solid var(--borderColor-muted);text-align:center;background:0 0;padding:.5rem 1rem;font-size:1rem;display:inline-block;text-decoration:none!important}.btn-primary{border-radius:var(--input-border-radius);background-color:var(--button-bgColor-default);color:var(--button-fgColor-default);border:0;padding:.75rem;font-weight:600}.btn-block{width:100%}.topbar-btn{color:var(--fgColor-default);background:0 0;border:none;align-items:center;padding:.75rem;display:flex}.page-header,.page-footer{height:3rem}.page-header{border-bottom:1px solid var(--borderColor-muted);background-color:var(--bgColor-default);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.page-footer{background-color:var(--bgColor-default);border-top:1px solid var(--borderColor-muted);z-index:10;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.page-footer a{justify-content:center;align-items:center;display:flex}.page-footer-link{color:var(--textColor-muted);padding:.5rem}.page-footer-link.active{color:var(--fgColor-primary)}.page-footer-icon{width:1.5rem;height:1.5rem}.page-content{min-height:calc(100vh - 3rem);padding-top:3rem}.form-control{width:100%;display:block}.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{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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);background-color:var(--bgColor-default);color:var(--fgColor-default);margin:0}*,:after,:before{box-sizing:border-box}input{border-radius:var(--input-border-radius);background-color:var(--bgColor-default);color:var(--fgColor-default);border:solid var(--input-border-width) var(--borderColor-muted);padding:.75rem;font-size:1rem;display:block}label{margin-bottom:.25rem;font-weight:500;display:block}a{color:var(--fgColor-default);text-decoration:none}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)}
