various-ui/styles/region-selector.css

This is a test version of the Vue 3 component library

.ui-region-selector{position:relative;background-color:var(--uioption-form-background-color)}.ui-region-selector .ui-mask{font-size:20px}.ui-region-selector .ui-form-control{cursor:pointer}.ui-region-selector .ui-form-control input{width:100%;color:transparent;height:100%}.ui-region-selector .ui-region-selector-arrow{top:50%;right:var(--uioption-form-spacing-x);cursor:pointer;position:absolute;font-size:20px;transform:translate(0,-50%);transition:all .3s}.ui-region-selector .ui-region-selector-content{top:50%;left:var(--uioption-form-spacing-x);right:calc(var(--uioption-form-spacing-x) + 24px);cursor:pointer;overflow:hidden;position:absolute;transform:translateY(-50%);white-space:nowrap;text-overflow:ellipsis}.ui-region-selector .ui-region-selector-content .ui-region-selector-division{width:8px;height:1px;margin:0 4px;background-color:var(--uicolor-font-2)}.ui-region-selector .ui-region-selector-content .ui-region-selector-context.ui-active{color:var(--uicolor-main-color)}.ui-region-selector.ui-form-selector .ui-region-selector-arrow{transform:translate(0,-50%) rotate(180deg)}.ui-region-selector.ui-disabled-status .ui-form-control,.ui-region-selector.ui-disabled-status .ui-region-selector-arrow{cursor:auto}.ui-region-selector.ui-readonly-status .ui-form-control,.ui-region-selector.ui-readonly-status .ui-region-selector-arrow{cursor:auto}