.classroom-selector{min-width:200px;display:inline-block;position:relative}.classroom-selector-label{color:var(--color-text-secondary);margin-bottom:4px;font-size:13px;font-weight:500;display:block}.classroom-selector-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;color:var(--color-text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding:8px 32px 8px 12px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.classroom-selector-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f6ef71a}.classroom-selector-select:disabled{opacity:.6;cursor:not-allowed}.classroom-selector-hint{color:var(--color-text-secondary);margin-top:4px;font-size:12px}