.playback.svelte-nj029u{z-index:2;gap:6px;display:flex;position:absolute;bottom:8px;left:8px}button.svelte-nj029u:not(.swatch){color:#fff;cursor:pointer;background:#0000008c;border:1px solid #ffffff59;border-radius:4px;place-items:center;width:34px;height:34px;padding:0;display:grid}button.svelte-nj029u:not(.swatch):hover{background:#000c;border-color:#ffffffb3}button.off.svelte-nj029u{opacity:.5}.palette.svelte-nj029u{background:#000c;border:1px solid #ffffff59;border-radius:4px;flex-wrap:wrap;gap:5px;width:max-content;max-width:200px;padding:6px;display:flex;position:absolute;bottom:40px;left:0}.swatch.svelte-nj029u{cursor:pointer;border:1px solid #ffffff73;border-radius:3px;width:22px;height:22px;padding:0}.swatch.on.svelte-nj029u{outline-offset:1px;outline:2px solid #fff}.swatch.default.svelte-nj029u{background:linear-gradient(135deg,#0000 45%,#e33 45% 55%,#0000 55%),#222}.swatch.pick.svelte-nj029u{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);position:relative;overflow:hidden}.pick.svelte-nj029u input:where(.svelte-nj029u){opacity:0;cursor:pointer;position:absolute;inset:0}svg.svelte-nj029u{fill:currentColor;width:16px;height:16px}.soundboard.svelte-1gyipor{flex-direction:column;gap:12px;margin-top:16px;display:flex}.head.svelte-1gyipor{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}h2.svelte-1gyipor,h3.svelte-1gyipor{color:var(--accent,inherit);margin:0}h2.svelte-1gyipor{font-size:1.25rem}h3.svelte-1gyipor{font-size:1.05rem}.count.svelte-1gyipor{opacity:.6;font-size:.85em;font-weight:400}.group.svelte-1gyipor{border-top:1px solid #ffffff14;grid-template-columns:minmax(150px,210px) minmax(0,1fr);align-items:baseline;gap:6px 16px;padding-top:10px;display:grid}.label.svelte-1gyipor{flex-direction:column;gap:6px;display:flex}.actions.svelte-1gyipor{flex-wrap:wrap;gap:4px;display:flex}.btn.mini.svelte-1gyipor{margin:0;padding:2px 8px;font-size:.85rem}.clips.svelte-1gyipor{flex-wrap:wrap;align-content:flex-start;gap:4px;display:flex}.clips.labelled.svelte-1gyipor{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.clips.labelled.svelte-1gyipor .btn:where(.svelte-1gyipor){text-align:left;overflow-wrap:anywhere;margin:0}.btn.chip.svelte-1gyipor{text-align:center;font-variant-numeric:tabular-nums;min-width:2.4em;margin:0;padding:3px 6px}.btn.more.svelte-1gyipor{margin:0;padding:3px 10px;font-size:.85rem}.btn.playall.svelte-1gyipor{margin:0}.btn.playall.svelte-1gyipor:disabled{opacity:.5;cursor:default}.shared.svelte-1gyipor{border:1px solid var(--accent,currentColor);border-radius:4px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;display:flex}.btn.sharedclip.svelte-1gyipor{outline:2px solid var(--accent,currentColor);outline-offset:1px}.hint.svelte-1gyipor{opacity:.7;margin:0}@media (width<=600px){.group.svelte-1gyipor{grid-template-columns:minmax(0,1fr)}.label.svelte-1gyipor{flex-flow:wrap;justify-content:space-between;align-items:center}}.unit-nav.svelte-194w3h7{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;width:100%;display:grid}.centre.svelte-194w3h7{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;min-width:0;display:flex}.side.svelte-194w3h7{min-width:0;color:inherit;opacity:.8;align-items:center;gap:8px;text-decoration:none;display:flex}.side.svelte-194w3h7:hover{opacity:1;color:var(--accent,inherit)}.prev.svelte-194w3h7{justify-self:start}.next.svelte-194w3h7{text-align:right;justify-self:end}.arrow.svelte-194w3h7{font-size:2rem;line-height:1}.side.svelte-194w3h7 img:where(.svelte-194w3h7){object-fit:contain;flex:none;width:40px;height:40px}.name.svelte-194w3h7{text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.15;display:-webkit-box;overflow:hidden}@media (width<=700px){.unit-nav.svelte-194w3h7{grid-template-columns:auto minmax(0,1fr) auto;gap:6px}.centre.svelte-194w3h7{flex-direction:column;gap:6px}.centre.svelte-194w3h7>*{flex-wrap:wrap;justify-content:center}.name.svelte-194w3h7{display:none}.side.svelte-194w3h7 img:where(.svelte-194w3h7){width:32px;height:32px}}