various-ui/styles/select.css

This is a test version of the Vue 3 component library

.ui-select{display:inline-block;position:relative}.ui-select .ui-mask{font-size:20px}.ui-select .ui-form-control{cursor:pointer;padding-right:calc(var(--uioption-form-spacing-x) + 24px)}.ui-select .ui-form-control::placeholder{color:var(--uioption-form-placeholder-color)}.ui-select .ui-form-control:focus::placeholder{color:var(--uioption-form-placeholder-color)}.ui-select .ui-select-arrow{top:50%;right:var(--uioption-form-spacing-x);cursor:pointer;position:absolute;font-size:20px;transform:translate(0,-50%);transition:all .3s}.ui-select .ui-form-clearable{top:50%;right:calc(var(--uioption-form-spacing-x) + 20px)}.ui-select.ui-clearable .ui-form-control{padding-right:calc(var(--uioption-form-spacing-x) + 48px)}.ui-select.ui-form-selector .ui-select-arrow{transform:translate(0,-50%) rotate(180deg)}.ui-select.ui-disabled-status .ui-form-control,.ui-select.ui-disabled-status .ui-select-arrow{cursor:auto}.ui-select.ui-readonly-status .ui-form-control,.ui-select.ui-readonly-status .ui-select-arrow{cursor:auto}