.pop-arts{border:1px solid var(--line,#e6e6e6);background:var(--line-soft,#fafafa);border-radius:14px;margin:0 0 30px;padding:20px 20px 12px}.pop-arts-h{align-items:baseline;gap:10px;margin:0 0 12px;display:flex}.pop-arts-h h2{letter-spacing:.02em;color:var(--ink,#1a1a1a);margin:0;font-size:16px;font-weight:900}.pop-arts-ic{color:#1e4e8c;align-self:center;display:inline-flex}.pop-arts-sub{color:var(--ink-soft,#6b7280);font-size:11.5px;font-weight:600}.pop-arts-list{margin:0;padding:0;list-style:none}.pop-arts-list li{border-top:1px solid var(--line,#ececec)}.pop-arts-list li:first-child{border-top:0}.pop-art{color:var(--ink,#1a1a1a);align-items:center;gap:11px;padding:11px 4px;text-decoration:none;transition:color .15s;display:flex}.pop-art:hover .pop-title{color:#1e4e8c;text-underline-offset:2px;text-decoration:underline}.pop-rank{text-align:center;width:22px;color:var(--ink-soft,#9aa0a6);font-variant-numeric:tabular-nums;flex:none;font-size:13px;font-weight:900}.pop-rank.top{color:#1e4e8c}.pop-dot{opacity:.5;background:#1e4e8c;border-radius:50%;flex:none;width:7px;height:7px}.pop-title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:13.5px;font-weight:700;line-height:1.5;overflow:hidden}