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