| .devices-container { | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| flex-direction: column; | |
| } | |
| .audio-device-label { | |
| margin-top: 40px; | |
| margin-bottom: 20px; | |
| color: #e0e0e0; | |
| } | |
| /* media devices select */ | |
| .select-dropdown, | |
| .select-dropdown * { | |
| margin: 0; | |
| padding: 0; | |
| position: relative; | |
| box-sizing: border-box; | |
| } | |
| .select-dropdown { | |
| position: relative; | |
| background-color: #02081d; | |
| border-radius: 4px; | |
| } | |
| .select-dropdown select { | |
| font-size: 1rem; | |
| font-weight: normal; | |
| color: white; | |
| max-width: 100%; | |
| padding: 8px 24px 8px 10px; | |
| border-radius: 10px; | |
| background-color: transparent; | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| appearance: none; | |
| } | |
| .select-dropdown select:active, .select-dropdown select:focus { | |
| outline: none; | |
| box-shadow: none; | |
| } | |
| .select-dropdown:after { | |
| content: ""; | |
| position: absolute; | |
| top: 50%; | |
| right: 8px; | |
| width: 0; | |
| height: 0; | |
| margin-top: -2px; | |
| border-top: 5px solid #aaa; | |
| border-right: 5px solid transparent; | |
| border-left: 5px solid transparent; | |
| } | |