.article-viewer[data-v-3a93ca16]{width:100%}.article-viewer .article-container[data-v-3a93ca16]{display:flex;flex-direction:column;gap:20px;max-width:720px}.article-viewer[data-v-3a93ca16] *{outline:none}.article-viewer[data-v-3a93ca16] .article-container .article-info{display:flex;flex-direction:column;gap:20px}.article-viewer[data-v-3a93ca16] .article-container .cover .block-image{margin:0}.article-viewer[data-v-3a93ca16] .article-container .cover .block-image .image img{-o-object-fit:cover;object-fit:cover;width:100%}.article-viewer[data-v-3a93ca16] .article-container .block-code .code-editor{border:1px solid #343434;border-radius:11px}.article-viewer[data-v-3a93ca16] .article-container .block-image{margin:25px 0;position:relative}.article-viewer[data-v-3a93ca16] .article-container .block-image .image{cursor:pointer;display:flex;justify-content:center;max-height:430px;transition:.4s;width:100%}.article-viewer[data-v-3a93ca16] .article-container .block-image .image input{display:none}.article-viewer[data-v-3a93ca16] .article-container .block-image .image img{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.article-viewer[data-v-3a93ca16] .article-container .block-image .image:hover{opacity:.7}.article-viewer[data-v-3a93ca16] .article-container .block-image .image.readonly{cursor:auto}.article-viewer[data-v-3a93ca16] .article-container .block-image .image.readonly:hover{opacity:1}.article-viewer[data-v-3a93ca16] .article-container .block-image .no-image{align-items:center;background:#343434;color:#d4d4d4;cursor:pointer;display:flex;height:430px;justify-content:center;transition:.4s;width:100%}.article-viewer[data-v-3a93ca16] .article-container .block-image .no-image span{font-size:20px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.article-viewer[data-v-3a93ca16] .article-container .block-image .alt{align-items:center;display:flex;justify-content:center;margin-top:15px}.article-viewer[data-v-3a93ca16] .article-container .block-image .alt.artical-content.paragraph p{font-size:14px;margin:0;text-align:center;width:100%}.article-viewer[data-v-3a93ca16] .article-container .block-image .alt.artical-content.paragraph .placeholder{cursor:pointer;font-size:14px;left:0;margin:auto;right:0;text-align:center}.article-viewer[data-v-3a93ca16] .article-container .artical-content.title .placeholder{font-size:38px;font-weight:700}.article-viewer[data-v-3a93ca16] .article-container .artical-content.subtitle.h2{padding:0}.article-viewer[data-v-3a93ca16] .article-container .artical-content.subtitle.h2 .placeholder{font-size:28px;font-weight:700}.article-viewer[data-v-3a93ca16] .article-container .artical-content.subtitle.h3{padding:0}.article-viewer[data-v-3a93ca16] .article-container .artical-content.subtitle.h3 .placeholder{font-size:24px;font-weight:700}.article-viewer[data-v-3a93ca16] .article-container .title .placeholder,.article-viewer[data-v-3a93ca16] .article-container .title h1{font-family:Geist Mono;font-size:36px;font-weight:500;line-height:40px;margin-bottom:0;margin-top:0}.article-viewer[data-v-3a93ca16] .article-container .subtitle h2{margin:35px 0}.article-viewer[data-v-3a93ca16] .article-container .subtitle h2,.article-viewer[data-v-3a93ca16] .article-container .subtitle h2 .placeholder{font-size:28px;font-weight:700}.article-viewer[data-v-3a93ca16] .article-container .subtitle h3,.article-viewer[data-v-3a93ca16] .article-container .subtitle h3 .placeholder{font-size:22px;font-weight:700}.article-viewer[data-v-3a93ca16] .article-container .artical-content{position:relative}.article-viewer[data-v-3a93ca16] .article-container .artical-content .placeholder{color:#5e626b;left:0;pointer-events:none;position:absolute;top:0;transition:.4s}.article-viewer[data-v-3a93ca16] .article-container .block-content{font-size:18px;position:relative;word-break:break-word}.article-viewer[data-v-3a93ca16] .article-container .block-content .p{margin:25px 0}.article-viewer[data-v-3a93ca16] .article-container .block-content .li-content code,.article-viewer[data-v-3a93ca16] .article-container .block-content .p code{background:#1d1d1d;border:1px solid #343434;border-radius:5px;color:#d4d4d4;font-family:Geist Mono;font-size:14px;padding:1px 5px;word-break:keep-all}.article-viewer[data-v-3a93ca16] .article-container .block-content a{color:#ff5623;transition:.3s}.article-viewer[data-v-3a93ca16] .article-container .block-content a:hover{color:#ff815e}.article-viewer[data-v-3a93ca16] .article-container .auth-only{display:flex;flex-direction:column;gap:20px}.article-viewer[data-v-3a93ca16] .article-container .block-code{margin:25px 0}.article-viewer[data-v-3a93ca16] .article-container .artical-content.blockquote{border-left:2px solid #fff;padding:10px 20px}.article-viewer[data-v-3a93ca16] .article-container .artical-content.blockquote blockquote{font-style:italic;margin:0}@media(max-width:576px){.article-viewer[data-v-3a93ca16] .article-container .title .placeholder,.article-viewer[data-v-3a93ca16] .article-container .title h1{font-size:28px;line-height:30px}.article-viewer[data-v-3a93ca16] .article-container .subtitle h2,.article-viewer[data-v-3a93ca16] .article-container .subtitle h2 .placeholder{font-size:24px}}