.snd-card { width: min(506px, 94vw); padding: 24.2px 26.4px 22px; }
.snd-card.hushed .snd-level,
.snd-card.hushed .snd-grid { opacity: .38; }
.snd-level { margin-top: 9.9px; gap: 11px; }
.snd-tag {
  font-family: var(--display); font-size: 8.8px; letter-spacing: 1.65px;
  color: var(--ash); font-weight: 700; white-space: nowrap; flex: none;
}
.snd-level b {
  font-family: var(--mono); font-size: 12.1px; color: var(--talisman);
  min-width: 26.4px; text-align: right; flex: none;
}
.snd-range {
  flex: 1; min-width: 0; height: 16.5px; padding: 0; margin: 0;
  background: transparent; -webkit-appearance: none; appearance: none; cursor: pointer;
}
.snd-range::-webkit-slider-runnable-track {
  height: 3.3px; background: rgba(var(--seal-fg-rgb), .16); border: 0;
}
.snd-range::-moz-range-track { height: 3.3px; background: rgba(var(--seal-fg-rgb), .16); border: 0; }
.snd-range::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none;
  width: 11px; height: 16.5px; margin-top: -6.6px;
  background: var(--vermilion); border: 1px solid rgba(var(--accent-lit-rgb), .7);
  box-shadow: 0 0 9px rgba(var(--accent-rgb), .5);
}
.snd-range::-moz-range-thumb {
  width: 11px; height: 16.5px; border-radius: 0;
  background: var(--vermilion); border: 1px solid rgba(var(--accent-lit-rgb), .7);
}
.snd-range:focus { outline: none; }
.snd-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8.8px 13.2px; }
@media (max-width: 900px) {
  .snd-grid { grid-template-columns: 1fr; }
}