@charset "utf-8";.nav-hot{font-weight:var(--bold-weight);pointer-events:none;--icon-width-offset:.5px;--clr:var(--text2)}.hot-filter{font-size:.875rem}#hot h1{display:flex;justify-content:space-between;align-items:center}#hot{--margin:2rem;--font-ratio:1}.comments{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;position:relative;margin:0 calc(-1 * var(--margin)) 4em}.comments::after{content:"";position:absolute;right:calc(var(--border-width) * -1);top:0;width:calc(var(--border-width) * 3);height:100%;background:var(--bg)}.comment{flex-basis:34%;padding:var(--margin) 0;padding-bottom:calc(var(--margin) * 0.7);border-top:var(--standard-border);position:relative}.comment>.inner{padding:0 var(--margin);border-right:var(--standard-border);grid-template-rows:2rem auto 1fr;grid-template-areas:"title" "content" "meta";height:100%}.c-content{font-size:calc(.8rem  + 1.9vmax * var(--font-ratio));line-height:calc(1.7 - 0.6 * var(--font-ratio));font-weight:400;grid-area:content;word-wrap:break-word;word-break:break-all;color:var(--text2)}.c-content .ol-li{color:var(--secondary);margin-right:.1em;font-feature-settings:'tnum'}.c-content .ul-li::before{content:var(--symbol);color:var(--secondary);margin-right:.25em}.c-content code{font-family:ui-mono,monospace;background:var(--border);color:var(--text);display:inline-block;padding:.1em .2em;font-size:.8em;border-radius:var(--radius)}.c-content u{text-decoration:none;border-bottom:1px solid var(--secondary)}.c-content s{text-decoration-color:var(--secondary)}.c-content a{text-decoration:none;border-bottom:1px solid var(--secondary);transition:var(--transition)}.c-content a:hover{color:var(--secondary)}.c-meta{grid-area:meta;margin:.2em 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.c-title{grid-area:title;margin-bottom:.5em;display:flex;justify-content:flex-start;align-items:center}.c-author{font-weight:var(--bold-weight);color:var(--text);border-bottom:.2em solid var(--secondary);display:inline-block;line-height:1.4}.c-avatar{width:2em;height:2em;background:var(--border2);border-radius:50%;margin-right:.3em;overflow:hidden}.c-avatar img{width:100%;height:100%;object-fit:cover}#hot .c-source{color:var(--text3);border-color:transparent}.c-source{flex:0 0 100%;margin:0 0 .4em;line-height:1.3}.c-source em{display:inline-block;padding:.2em calc(.4em + var(--radius) / 3);border-radius:var(--radius);transition:var(--transition-out)}#hot .c-source em:hover{color:var(--primary-btn-text);background:var(--primary-btn-bg);text-shadow:none;transition:var(--transition)}.c-likes{flex:1 0 40%;color:var(--main);grid-area:likes;display:flex;align-items:center;height:1rem;font-size:.875rem}.c-likes svg{fill:none;stroke:var(--main);stroke-linejoin:round;stroke-width:calc(var(--icon-width) / .8);width:1rem;height:1rem;transition:var(--transition);margin-right:.2em}.c-date{color:var(--text3);grid-area:date;flex:0 0 auto;font-size:.75rem;text-align:right;opacity:0;transition:var(--transition-out)}.comment:hover .c-date{transition:var(--transition);opacity:1}.vertical{writing-mode:vertical-rl;max-height:20em;font-family:cursive;line-height:1.5em;margin:1em}@media screen and (min-width:1600px){#hot{--margin:1.8vmax}.comments .comment{flex-basis:26%}.c-content{font-size:calc(.7rem  + 1.8vmax * var(--font-ratio))}}@media screen and (min-width:1900px){#hot{--margin:2rem}.comments .comment{flex-basis:21%}.c-content{font-size:calc(.75rem  + 1.6vmax * var(--font-ratio))}}@media (max-width:1200px){#hot h1{display:block}.hot-filter{margin:2.5em 0 3em}#hot{--margin:2vmax}}@media (max-width:900px){.hot-filter{font-size:.75rem}.filter-group{display:inline-flex;margin:0 1em 0 0}.comments .comment{flex-basis:90%;padding:var(--margin) 0;border:none;border-top:var(--standard-border)}}