.tag-spectrogram{--spectrogram-track:10rem}.tag-spectrogram-compact{--spectrogram-track:8.75rem}.tag-spectrogram-compact .tag-spectrogram-panel{min-height:0;padding:.5rem .75rem}.tag-spectrogram-panel{border-radius:var(--bs-border-radius-lg);color:#c9ccd6;min-height:calc(var(--spectrogram-track) + 1.25rem + 8rem);background:radial-gradient(at 50% 0,#161a26 0%,#07080c 75%);gap:.5rem;padding:.75rem .75rem .5rem;display:flex}.tag-spectrogram-scale{height:var(--spectrogram-track);opacity:.55;text-align:right;flex-direction:column;justify-content:space-between;margin-top:1.5rem;font-size:.65rem;line-height:1;display:flex}.tag-spectrogram-groups{flex:auto;gap:.75rem;min-width:0;display:flex;overflow-x:auto}.tag-spectrogram-group{flex-direction:column;gap:.25rem;min-width:min-content;display:flex}.tag-spectrogram-group-label{letter-spacing:.06em;text-transform:uppercase;height:1.25rem;color:var(--spectrum-color);white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid color-mix(in srgb, var(--spectrum-color) 45%, transparent);font-size:.65rem;font-weight:600;overflow:hidden}.tag-spectrogram-columns{gap:3px;display:flex}.tag-spectrogram-column{flex-direction:column;flex:1 1 0;align-items:center;gap:.35rem;min-width:14px;display:flex}.tag-spectrogram-track{width:100%;height:var(--spectrogram-track);background:#ffffff09;border-radius:2px;position:relative;box-shadow:inset 0 0 0 1px #ffffff0a}.tag-spectrogram-cell{position:absolute;left:0;right:0}.tag-spectrogram-cell:after{content:"";opacity:var(--intensity);background:color-mix(in srgb, var(--spectrum-color), white calc(var(--intensity) * 40%));box-shadow:0 0 calc(var(--intensity)*10px) calc(var(--intensity)*1px) var(--spectrum-color);border-radius:1px;position:absolute;inset:1px}html[data-glows=off] .tag-spectrogram-cell:after{box-shadow:none}@media (hover:hover){.tag-spectrogram-cell:hover:after{opacity:1;background:#fff}}.tag-spectrogram-label{writing-mode:vertical-rl;text-overflow:ellipsis;white-space:nowrap;max-height:7.5rem;color:inherit;font-size:.7rem;line-height:1;text-decoration:none;overflow:hidden;transform:rotate(180deg)}@media (hover:hover){.tag-spectrogram-label:hover{color:var(--spectrum-color)}}