| select { | |
| -webkit-border-radius: 8px; | |
| -moz-border-radius: 8px; | |
| border-radius: 8px; | |
| -webkit-backdrop-filter: blur(20px); | |
| backdrop-filter: blur(20px); | |
| cursor: pointer; | |
| background-color: var(--blur-bg); | |
| border: 1px solid var(--blur-border); | |
| color: var(--colour-3); | |
| display: block; | |
| position: relative; | |
| overflow: hidden; | |
| outline: none; | |
| padding: 8px 16px; | |
| appearance: none; | |
| } | |
| /* scrollbar */ | |
| select.dropdown::-webkit-scrollbar { | |
| width: 4px; | |
| padding: 8px 0px; | |
| } | |
| select.dropdown::-webkit-scrollbar-track { | |
| background-color: #ffffff00; | |
| } | |
| select.dropdown::-webkit-scrollbar-thumb { | |
| background-color: #555555; | |
| border-radius: 10px; | |
| } | |