/* Author: Ethan Lowery | Randcore Development (Pty) Ltd.
   community.randcore.co.za, on top of eu.css: the feed, the thread, the
   comment tree and the aside, from the Randcore Forum and Forum Thread renders. */
.av{width:24px;height:24px;border-radius:50%;color:#fff;font:11px/24px 'IBM Plex Mono',monospace;text-align:center;display:inline-block;flex:none}
.av--32{width:32px;height:32px;font-size:12px;line-height:32px}
.hdr__me{display:inline-flex;align-items:center;gap:10px;color:#f4f4f4;font-size:14px;white-space:nowrap;flex:none}
.hdr__me:hover{color:#fff}
@media (max-width:899px){.hdr__me-name{display:none}}
.badge{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:10px;font:11px/16px 'IBM Plex Mono',monospace;letter-spacing:.2px;white-space:nowrap}
.badge--staff{background:#0f62fe;color:#fff}.badge--op{background:var(--rc-bg20);color:var(--rc-t0)}
.flair{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}
.cm-head{background:var(--rc-bg10);border-bottom:1px solid var(--rc-b20)}
.cm-head .wrap{padding-top:40px;display:flex;flex-direction:column;gap:24px}
.cm-tabs{display:flex;gap:4px;overflow-x:auto}.cm-tabs a{height:44px;padding:0 4px;margin-right:24px;display:inline-flex;align-items:center;gap:10px;font-size:15px;color:var(--rc-t2);white-space:nowrap}.cm-tabs a.is-on{color:var(--rc-t0);font-weight:500;box-shadow:inset 0 -2px 0 #0f62fe}
.cm-tabs img{width:20px;height:20px}
.cm-search{display:flex;gap:8px;align-items:center}
.cm-search input{height:44px;width:min(280px,60vw);padding:0 14px 0 38px;border:1px solid var(--rc-b20);border-radius:8px;background:var(--rc-bg0);color:var(--rc-t0);font:inherit;font-size:14px}
.cm-search label{position:relative;display:block}.cm-search svg{position:absolute;left:14px;top:14px;color:var(--rc-t3)}
.sorts{display:flex;gap:4px;flex-wrap:wrap}.sorts a{height:32px;padding:0 12px;border-radius:16px;display:inline-flex;align-items:center;font-size:14px;color:var(--rc-t2)}.sorts a.is-on{background:#161616;color:#fff;font-weight:500}
.flairs{display:flex;gap:6px;flex-wrap:wrap}.flairs a.is-on{box-shadow:0 0 0 2px var(--rc-bg0),0 0 0 3px #0f62fe}
.post{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:20px 0;border-top:1px solid var(--rc-b20)}
.post:first-child{border-top:0}
.vote{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--rc-t2)}
.vote button{width:32px;height:28px;border:0;background:none;color:inherit;cursor:pointer;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}
.vote button:hover{background:var(--rc-bg10);color:var(--rc-t0)}.vote button[aria-pressed="true"]{color:#0f62fe}
.vote .n{font:13px/16px 'IBM Plex Mono',monospace;color:var(--rc-t0)}.vote.is-mine .n{color:#0f62fe}
.vote--sm{flex-direction:row;gap:4px}.vote--sm button{width:24px;height:24px}
.post__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--rc-t2)}
.post__meta .who{display:inline-flex;align-items:center;gap:8px;color:var(--rc-t0)}
.post__t{font-size:20px;line-height:26px;font-weight:500;color:var(--rc-t0);margin-top:6px;display:block}.post__t:hover{color:var(--rc-acc)}
.post__x{font-size:15px;line-height:22px;color:var(--rc-t2);margin-top:4px}
.post__foot{display:flex;gap:20px;align-items:center;font-size:13px;color:var(--rc-t2);margin-top:12px}
.post__foot span{display:inline-flex;align-items:center;gap:6px}
.answered{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#198038;margin-top:10px}
.about{border:1px solid var(--rc-b20);border-radius:16px;overflow:hidden;background:var(--rc-bg0)}
.about__top{background:#161616;color:#f4f4f4;padding:24px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}
.about__top .eu-figure{right:-30%;top:-40%;width:80%;opacity:.5}
.about__body{padding:20px 24px;display:flex;flex-direction:column;gap:16px}
.about__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.about__stats div{display:flex;flex-direction:column;gap:2px}.about__stats b{font-weight:300;font-size:24px;line-height:1;letter-spacing:-.02em;white-space:nowrap}.about__stats span{font-size:12px;color:var(--rc-t2)}
.cm-link{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--rc-b20);color:var(--rc-t0)}.cm-link img{width:32px;height:32px}.cm-link:first-of-type{border-top:0}
.rule{display:grid;grid-template-columns:24px 1fr;gap:8px;padding:10px 0;border-top:1px solid var(--rc-b20);font-size:14px;line-height:20px}
.mod{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px}
.thread{display:flex;flex-direction:column;gap:24px}
.thread__body{font-size:17px;line-height:27px}.thread__body p{margin:0 0 14px}.thread__body p:last-child{margin:0}.thread__body code{font:14px/1 'IBM Plex Mono',monospace;background:var(--rc-bg10);padding:2px 6px;border-radius:4px}
.cbox{border:1px solid var(--rc-b20);border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;gap:12px;background:var(--rc-bg0)}
.cbox textarea{min-height:110px}
.ta{width:100%;padding:12px 14px;border:1px solid var(--rc-b20);border-radius:8px;font:inherit;font-size:15px;line-height:22px;background:var(--rc-bg0);color:var(--rc-t0);resize:vertical}
.ta:focus,.in:focus{outline:none;border-color:#0f62fe;box-shadow:0 0 0 1px #0f62fe}
.in{width:100%;height:48px;padding:0 14px;border:1px solid var(--rc-b20);border-radius:8px;font:inherit;font-size:16px;background:var(--rc-bg0);color:var(--rc-t0)}
.hint{font:12px/16px 'IBM Plex Mono',monospace;color:var(--rc-t3)}
.c{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;padding:14px 0}
.c--1{margin-left:44px}.c--2{margin-left:88px}.c--3{margin-left:132px}
@media (max-width:599px){.c--1{margin-left:20px}.c--2{margin-left:40px}.c--3{margin-left:60px}}
.c__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--rc-t2)}.c__meta b{font-weight:500;color:var(--rc-t0)}
.c__body{font-size:15px;line-height:23px;margin-top:6px}.c__body p{margin:0 0 10px}.c__body p:last-child{margin:0}.c__body code{font:13px/1 'IBM Plex Mono',monospace;background:var(--rc-bg10);padding:2px 5px;border-radius:4px}
.c__foot{display:flex;gap:16px;align-items:center;margin-top:8px;font-size:13px;color:var(--rc-t2)}
.c__foot button,.c__foot a{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}.c__foot button:hover,.c__foot a:hover{color:var(--rc-t0)}
.c--accepted .c__wrap{background:#e8f5ec;border:1px solid #c6e8cf;border-radius:10px;padding:12px 16px}
.accepted-tag{display:inline-flex;align-items:center;gap:6px;color:#198038;font-size:13px;font-weight:500}
.reply{display:none;margin-top:10px}.reply.is-open{display:block}
.seg{display:flex;flex-wrap:wrap;gap:6px}.seg label{cursor:pointer}.seg input{position:absolute;opacity:0;width:0;height:0}
.seg input:checked+.flair{box-shadow:0 0 0 2px var(--rc-bg0),0 0 0 3px #0f62fe}
.notice{border:1px solid var(--rc-b20);border-left:3px solid #0f62fe;border-radius:8px;padding:14px 18px;font-size:14px;line-height:20px;background:var(--rc-bg0)}
.notice--bad{border-left-color:#da1e28}.notice--good{border-left-color:#198038}
.mod-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--rc-t2)}
.mod-bar button{background:none;border:1px solid var(--rc-b20);border-radius:6px;padding:4px 10px;font:inherit;font-size:13px;color:var(--rc-t0);cursor:pointer}.mod-bar button:hover{border-color:#8d8d8d}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .c--accepted .c__wrap{background:rgba(66,190,101,.12);border-color:rgba(66,190,101,.35)}:root:not([data-theme="light"]) .flair[data-f="Discussion"]{background:#393939!important;color:#c6c6c6!important}:root:not([data-theme="light"]) .flair[data-f="Question"]{background:rgba(69,137,255,.18)!important;color:#78a9ff!important}:root:not([data-theme="light"]) .flair[data-f="Show your setup"]{background:rgba(66,190,101,.15)!important;color:#42be65!important}:root:not([data-theme="light"]) .flair[data-f="Bug"]{background:rgba(250,77,86,.15)!important;color:#fa4d56!important}:root:not([data-theme="light"]) .flair[data-f="Idea"]{background:rgba(242,213,138,.15)!important;color:#f2d58a!important}}