커뮤니티 운영

<div class="s-demo"><div class="cm"><div class="cm-line q"><b>VIEWER</b><span>Does this fit a small desk?</span></div><div class="cm-line a"><b>TEAM</b><span>Yes. Here is a size guide.</span></div><div class="cm-line f"><b>VIEWER</b><span>Saved for later.</span></div></div></div>

.s-demo{position:absolute;inset:0;display:grid;place-items:center;padding:clamp(8px,3vmin,20px);font:700 clamp(10px,max(2.8vmin,1vw),16px)/1.25 sans-serif;color:var(--fg)}.s-demo *{box-sizing:border-box}@media(min-width:600px){.s-demo>div{transform:scale(1.4)}}.cm{width:min(91vw,550px);display:grid;gap:clamp(5px,1.7vmin,13px)}.cm-line{display:flex;gap:clamp(5px,1.5vmin,11px);align-items:center;background:var(--surface);border:1px solid var(--line);padding:clamp(6px,1.7vmin,13px);font-size:clamp(10px,max(2.2vmin,1vw),15px);animation:cmshow 4s infinite}.cm-line b{font-size:clamp(10px,max(1.7vmin,1vw),12px);color:var(--accent);min-width:clamp(38px,11vmin,67px)}.cm-line.a{margin-left:clamp(14px,7vmin,55px);border-color:var(--accent);animation-delay:.3s}.cm-line.f{margin-left:clamp(28px,14vmin,110px);animation-delay:.6s}@keyframes cmshow{0%,10%{opacity:.2;transform:translateY(8px)}35%,88%{opacity:1;transform:none}100%{opacity:.2}}