@scope(.instui-simple-select){&{box-sizing:border-box;inline-size:100%;font-family:var(--instui-component-text-input-font-family);font-weight:var(--instui-component-text-input-font-weight);color:var(--instui-component-text-input-text-color);background-color:var(--instui-component-text-input-background-color);border:var(--instui-component-text-input-border-width) solid var(--instui-component-text-input-border-color);border-radius:var(--instui-component-text-input-border-radius);block-size:var(--instui-component-text-input-height-md);padding-inline:var(--instui-component-text-input-padding-horizontal-md);font-size:var(--instui-component-text-input-font-size-md);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236a7883' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--instui-component-text-input-padding-horizontal-md) center;background-size:1em;padding-inline-end:calc(var(--instui-component-text-input-padding-horizontal-md) + 1.5rem);display:block}&::placeholder{color:var(--instui-component-text-input-placeholder-color)}&:hover{background-color:var(--instui-component-text-input-background-hover-color);border-color:var(--instui-component-text-input-border-hover-color)}&:hover::placeholder{color:var(--instui-component-text-input-placeholder-hover-color)}&:disabled,&.-disabled{background-color:var(--instui-component-text-input-background-disabled-color);border-color:var(--instui-component-text-input-border-disabled-color);color:var(--instui-component-text-input-text-disabled-color);cursor:not-allowed}&.-readonly{background-color:var(--instui-component-text-input-background-readonly-color);border-color:var(--instui-component-text-input-border-readonly-color);color:var(--instui-component-text-input-text-readonly-color)}&.-invalid{border-color:var(--instui-component-text-input-error-border-color)}&.-success{border-color:var(--instui-component-text-input-success-border-color)}&:is(.-invalid,:user-invalid):focus-visible{outline-color:var(--instui-focus-outline-color-danger)}&.-success:focus-visible{outline-color:var(--instui-focus-outline-color-success)}&.-size-sm{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm);padding-inline-end:calc(var(--instui-component-text-input-padding-horizontal-sm) + 1.5rem)}&.-size-md{block-size:var(--instui-component-text-input-height-md);padding-inline:var(--instui-component-text-input-padding-horizontal-md);font-size:var(--instui-component-text-input-font-size-md);padding-inline-end:calc(var(--instui-component-text-input-padding-horizontal-md) + 1.5rem)}&.-size-lg{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg);padding-inline-end:calc(var(--instui-component-text-input-padding-horizontal-lg) + 1.5rem)}&.-size-small{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm);padding-inline-end:calc(var(--instui-component-text-input-padding-horizontal-sm) + 1.5rem)}&.-size-medium{block-size:var(--instui-component-text-input-height-md);padding-inline:var(--instui-component-text-input-padding-horizontal-md);font-size:var(--instui-component-text-input-font-size-md);padding-inline-end:calc(var(--instui-component-text-input-padding-horizontal-md) + 1.5rem)}&.-size-large{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg);padding-inline-end:calc(var(--instui-component-text-input-padding-horizontal-lg) + 1.5rem)}}