/* Shared grade text colors; inherit the surrounding surface. */
.recording-grade {
    color: var(--grade-color, #BDCDDC);
    font-weight: 600;
    white-space: nowrap;
}
.recording-grades { display: block; margin-top: 3px; }
select[data-grade-select] {
    background-color: #101820;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e9f0f4' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 9px center;
    padding-right: 32px;
}