.open-mark.svelte-zz3ixc{color:#f4f5f6;white-space:nowrap;border:1.5px solid;flex:none;align-items:center;height:18px;padding:0 6px;font-family:IBM Plex Sans Condensed,IBM Plex Sans Thai,sans-serif;font-size:11px;font-weight:760;line-height:1;display:inline-flex}.open-mark.creator.svelte-zz3ixc{color:#0b0b0c;background:#f4f5f6;border-color:#f4f5f6}.open-mark.crew.svelte-zz3ixc{color:#0b0b0c;background:var(--active-color);border-color:var(--active-color)}.open-mark.on-light.svelte-zz3ixc{color:#0b0b0c}.open-mark.on-light.creator.svelte-zz3ixc{color:#f4f5f6;background:#0b0b0c;border-color:#0b0b0c}.open-mark.md.svelte-zz3ixc{border-width:2px;height:24px;padding:0 9px;font-size:13.5px}.open-mark.lg.svelte-zz3ixc{border-width:3px;height:clamp(52px,8vw,76px);padding:0 clamp(14px,2vw,22px);font-size:clamp(30px,5vw,46px);font-weight:800;transform:rotate(-4deg)}.piece-card.svelte-15czhsp{align-content:start;gap:9px;min-width:0;display:grid}.piece-frame.svelte-15czhsp{aspect-ratio:9/16;color:#f4f5f6;isolation:isolate;background:#141518;border-radius:10px;display:block;position:relative;overflow:hidden}.piece-frame.svelte-15czhsp>img:where(.svelte-15czhsp){object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.piece-frame.svelte-15czhsp:hover>img:where(.svelte-15czhsp){transform:scale(1.035)}.piece-frame.svelte-15czhsp:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(#0000006b 0%,#0000 22% 54%,#000000d1 100%);position:absolute;inset:0}.piece-fallback.svelte-15czhsp{flex-direction:column;justify-content:center;gap:12px;display:flex;position:absolute;inset:0 12% 16%}.piece-cover.svelte-15czhsp{aspect-ratio:1;border-radius:6px;width:100%;display:block;overflow:hidden}.piece-cover.svelte-15czhsp img{object-fit:cover;width:100%;height:100%}.piece-kind-big.svelte-15czhsp{font-size:clamp(17px,2.2vw,22px);font-weight:800;line-height:1.15}.piece-top.svelte-15czhsp{z-index:2;justify-content:space-between;align-items:center;gap:6px;display:flex;position:absolute;top:10px;left:10px;right:10px}.piece-platform.svelte-15czhsp{align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.piece-pick.svelte-15czhsp{color:#0b0b0c;background:var(--active-color);padding:3px 7px;font-size:11.5px;font-weight:800}.piece-song.svelte-15czhsp{z-index:2;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;display:grid;position:absolute;bottom:10px;left:10px;right:10px}.piece-song-cover.svelte-15czhsp{border-radius:4px;width:28px;height:28px;overflow:hidden}.piece-song-cover.svelte-15czhsp img{object-fit:cover;width:100%;height:100%}.piece-song-words.svelte-15czhsp{min-width:0;line-height:1.25;display:grid}.piece-song-words.svelte-15czhsp b:where(.svelte-15czhsp),.piece-song-words.svelte-15czhsp small:where(.svelte-15czhsp){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.piece-song-words.svelte-15czhsp b:where(.svelte-15czhsp){font-size:13px;font-weight:760}.piece-song-words.svelte-15czhsp small:where(.svelte-15czhsp){color:#f4f5f6b8;font-size:12px}.piece-who.svelte-15czhsp{align-items:center;gap:7px;min-width:0;display:flex}.piece-maker.svelte-15czhsp{min-width:0;color:var(--text);align-items:center;gap:7px;display:flex}.piece-maker.svelte-15czhsp:hover .piece-name:where(.svelte-15czhsp){text-underline-offset:.18em;text-decoration:underline}.piece-face.svelte-15czhsp{color:#0b0b0c;background:#c9ccd1;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:grid;overflow:hidden}.piece-face.svelte-15czhsp img:where(.svelte-15czhsp){object-fit:cover;width:100%;height:100%}.piece-name.svelte-15czhsp{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;overflow:hidden}.piece-thanked.svelte-15czhsp{color:var(--muted-strong);margin:-3px 0 0;font-size:12.5px}.piece-thank.svelte-15czhsp{color:#0b0b0c;background:#f4f5f6;border-radius:999px;justify-self:start;height:30px;padding:0 12px;font-size:13px;font-weight:760}.piece-thank.svelte-15czhsp:hover{background:#fff}.off.svelte-15czhsp .piece-thank:where(.svelte-15czhsp),.piece-thank.done.svelte-15czhsp{color:#f4f5f6;background:0 0;border:1px solid #ffffff38}.piece-thank.done.svelte-15czhsp:hover{border-color:#ffffff80}.piece-report.svelte-15czhsp{width:28px;height:28px;color:var(--muted);border-radius:50%;flex:none;place-items:center;margin-left:auto;display:grid}.piece-report.svelte-15czhsp:hover{color:#fff;background:#ffffff14}.piece-off.svelte-15czhsp{white-space:nowrap;color:#0b0b0c;background:#f4f5f6;padding:3px 7px;font-size:11.5px;font-weight:800}.off.svelte-15czhsp .piece-frame:where(.svelte-15czhsp)>img:where(.svelte-15czhsp),.off.svelte-15czhsp .piece-fallback:where(.svelte-15czhsp){opacity:.35;filter:grayscale()}