.sound-heading .badge.type-sound{color:#ff9f0a;color:lab(74.2258% 30.535 77.1914);background:#ff9f0a2e;background:lab(74.2258% 30.535 77.1913/.18)}.sound-title{flex:1;gap:1px;min-width:0;display:grid}.sound-title strong{font-size:var(--fs-head,14px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sound-title small{color:var(--ink-3);font-size:var(--fs-meta,11px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sound-at{font-variant-numeric:tabular-nums;font-size:var(--fs-ui,12px);align-items:baseline;gap:6px;display:inline-flex}.sound-at small{color:var(--ink-3);font-size:var(--fs-micro,10px)}.link-button{font-size:var(--fs-meta,11px);color:var(--accent);background:0 0;align-self:flex-start;padding:2px 0;font-weight:500}.link-button:hover{text-underline-offset:2px;text-decoration:underline}.sound-search{margin:0;position:static}.sound-group h4{font-size:var(--fs-micro,10px);letter-spacing:.02em;color:var(--ink-3);margin:6px 2px;font-weight:600}.sound-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.sound-tile{display:flex;position:relative}.sound-pick{border-radius:var(--r-sm);background:var(--field-bg);min-width:0;color:var(--ink-2);text-align:left;transition:background .15s var(--ease), color .15s var(--ease), box-shadow .2s var(--ease), transform .25s var(--spring);flex:1;justify-items:start;gap:3px;padding:9px 9px 8px;display:grid}.sound-pick:hover{color:var(--ink);background:#95979c3d;background:lab(62.5096% -.363261 -2.61478/.24)}.sound-pick:active{transform:scale(.97)}.sound-pick span{font-size:var(--fs-meta,11px);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:600;overflow:hidden}.sound-pick small{font-size:var(--fs-micro,10px);color:var(--ink-3);font-variant-numeric:tabular-nums}.sound-tile.on .sound-pick{background:var(--selected-tint);color:var(--ink);box-shadow:var(--selected-ring)}.sound-env{fill:currentColor;opacity:.75;width:44px;height:15px}.sound-tile.on .sound-env{color:var(--accent);opacity:1}.sound-play{width:22px;height:22px;color:var(--ink);background:var(--surface);opacity:0;transition:opacity .15s var(--ease), transform .2s var(--spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px;transform:scale(.85);box-shadow:0 1px 4px #0002;box-shadow:0 1px 4px lab(0% 0 0/.133)}.sound-tile:hover .sound-play,.sound-play:focus-visible{opacity:1;transform:none}.sfx-len{border-radius:var(--r-sm);background:color-mix(in srgb, currentColor 16%, transparent);pointer-events:none;height:24px;position:absolute;top:12px}.sfx-hit.on>.sfx-len{background:color-mix(in oklch, var(--accent) 28%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--accent) 60%, transparent)}