article[data-v-ad642c24]{border-top:1px solid #fafafa;gap:20px;height:100px;padding:16px;display:flex}article .thumbnail[data-v-ad642c24]{opacity:.2;background:linear-gradient(90deg,#a1a1aa,#a1a1aa33 50%,#a1a1aa) 0 0/300%;border-radius:4px;width:52px;height:52px;animation:1s infinite flow}article .info[data-v-ad642c24]{flex-direction:column;width:calc(100% - 84px);display:flex}article .info header[data-v-ad642c24]{width:60%;height:14px}article .info header[data-v-ad642c24],article .info p[data-v-ad642c24]{opacity:.2;background:linear-gradient(90deg,#a1a1aa,#a1a1aa33 50%,#a1a1aa) 0 0/300%;animation:1s infinite flow}article .info p[data-v-ad642c24]{width:80%;height:12px;margin-top:4px}article .info span[data-v-ad642c24]{opacity:.2;background:linear-gradient(90deg,#a1a1aa,#a1a1aa33 50%,#a1a1aa) 0 0/300%;width:70%;height:8px;margin-top:8px;animation:1s infinite flow}article[data-v-ccb12b3d]{flex-direction:column;gap:24px;padding:50px 16px}article[data-v-ccb12b3d],article figure[data-v-ccb12b3d]{justify-content:center;align-items:center;display:flex}article figure[data-v-ccb12b3d]{width:120px;height:120px}article figure img[data-v-ccb12b3d]{width:50px}article p[data-v-ccb12b3d]{color:#27272a;text-overflow:ellipsis;white-space:nowrap;text-align:center;width:80%;font-size:12px;overflow:hidden}article[data-v-e61a95b1]{cursor:pointer;border:1px solid #fafafa;align-items:center;gap:20px;height:100px;transition:all .2s;display:flex;position:relative}article[data-v-e61a95b1]:hover{background:#fafafa}article.active[data-v-e61a95b1]{background:#f5f5f5}article.active[data-v-e61a95b1]:after{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;bottom:20px;right:14px}article.active[data-v-e61a95b1] .ui-thumbnail{--thumbnail-bg:var(--primary);--thumbnail-color:#fff;border:1px solid #f5f5f5}article.active .info p[data-v-e61a95b1]{font-weight:600}article.active .info .last-edit-date[data-v-e61a95b1]{font-weight:500}article .contents[data-v-e61a95b1]{color:#18181b;gap:20px;width:100%;height:100%;padding:12px;text-decoration:none;display:flex}article[data-v-e61a95b1] .ui-thumbnail{--thumbnail-bg:var(--primary);--thumbnail-color:#fff;border:1px solid #f5f5f5}article .info[data-v-e61a95b1]{flex-direction:column;width:calc(100% - 84px);display:flex}article .info header[data-v-e61a95b1]{align-items:baseline;gap:8px;display:flex}article .info header h4[data-v-e61a95b1]{font-size:14px;font-weight:600}article .info p[data-v-e61a95b1]{-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;height:32px;font-size:12px;display:-webkit-box}article .info .last-edit-date[data-v-e61a95b1],article .info p[data-v-e61a95b1]{text-overflow:ellipsis;margin-top:4px;overflow:hidden}article .info .last-edit-date[data-v-e61a95b1]{color:#71717a;white-space:nowrap;font-size:10px}article .actions[data-v-e61a95b1]{justify-content:flex-end;width:50px;display:flex;position:absolute;top:12px;right:6px}article .actions figure[data-v-e61a95b1]{justify-content:center;width:24px;height:24px;display:flex;position:relative}article .actions figure[data-v-e61a95b1]:after{content:"";background:#a1a1aa;width:12px;height:12px;transition:all .2s;display:flex}article .actions figure.bookmark.active[data-v-e61a95b1]:after{background:var(--primary);transform:translateY(4px)}article .actions figure.bookmark.active span[data-v-e61a95b1]{background:var(--primary)}article .actions figure.bookmark[data-v-e61a95b1]:after{-webkit-mask:url(../icons/knowledge/bookmark.svg) 50%/contain no-repeat;mask:url(../icons/knowledge/bookmark.svg) 50%/contain no-repeat}article .actions figure.bookmark span[data-v-e61a95b1]{background:#a1a1aa;width:11px;height:5px;transition:all .2s;position:absolute;top:0}header[data-v-45aeb85b]{background:#fff;border:1px solid #e4e4e7;border-bottom:#0000;flex-direction:column;gap:12px;height:100px;padding:20px;display:flex}header h4[data-v-45aeb85b]{font-size:16px;font-weight:600}.aside-articles[data-v-45aeb85b]{background:#fff;border:1px solid #e4e4e7;border-top:#0000;flex-direction:column;max-height:calc(100% - 100px);display:flex;overflow:auto}.encapsulator[data-v-45079dd3]{background:#fafafa;flex-direction:column;min-height:100vh;display:flex}.page-content[data-v-45079dd3]{flex:1;width:100%;max-width:1650px;margin:0 auto;padding:20px 10px;position:relative}.page-head[data-v-45079dd3]{justify-content:space-between;width:100%;height:32px;display:flex}.page-head .back[data-v-45079dd3]{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;height:fit-content;display:flex}.page-head .back .arrow[data-v-45079dd3]{position:inherit;justify-content:center;align-items:center;width:12px;height:12px;display:flex}.page-head .back .arrow[data-v-45079dd3]:after{border-width:2px;border-color:#0000 #27272a #27272a #0000;border-radius:2px;transform:rotate(135deg)}.page-head .back span[data-v-45079dd3]{text-transform:capitalize;color:#27272a;font-size:12px;font-weight:600}.article-page[data-v-45079dd3]{gap:20px;width:100%;display:flex;position:relative}.article-page .other-articles[data-v-45079dd3]{border-radius:8px;width:20%;height:calc(100vh - 164px);position:sticky;top:100px}