wiki.techinc.nl/resources/lib/codex/modules/CdxTextInput-bidi.css

.cdx-text-input{position:relative;box-sizing:border-box;min-width:256px;overflow:hidden}[dir] .cdx-text-input{border-radius:2px}.cdx-text-input .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem}[dir] .cdx-text-input .cdx-text-input__start-icon{transition-property:color;transition-duration:.1s;transform:translateY(-50%)}[dir=ltr] .cdx-text-input .cdx-text-input__start-icon{left:9px}[dir=rtl] .cdx-text-input .cdx-text-input__start-icon{right:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1rem;height:1rem}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-text-input__icon.cdx-text-input__end-icon{background-position:center;background-repeat:no-repeat;background-size:max(1rem,16px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-text-input__icon.cdx-text-input__end-icon{-webkit-mask-size:max(1rem,16px);mask-size:max(1rem,16px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}.cdx-text-input__clear-icon.cdx-icon,.cdx-text-input .cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1rem;height:1rem}[dir] .cdx-text-input__clear-icon.cdx-icon,[dir] .cdx-text-input .cdx-text-input__end-icon{transition-property:color;transition-duration:.1s;transform:translateY(-50%)}[dir=ltr] .cdx-text-input__clear-icon.cdx-icon,[dir=ltr] .cdx-text-input .cdx-text-input__end-icon{right:9px}[dir=rtl] .cdx-text-input__clear-icon.cdx-icon,[dir=rtl] .cdx-text-input .cdx-text-input__end-icon{left:9px}[dir] .cdx-text-input__clear-icon.cdx-icon:hover{cursor:pointer}[dir=ltr] .cdx-text-input__end-icon.cdx-icon+.cdx-text-input__clear-icon.cdx-icon{right:calc(17px + 1rem)}[dir=rtl] .cdx-text-input__end-icon.cdx-icon+.cdx-text-input__clear-icon.cdx-icon{left:calc(17px + 1rem)}.cdx-text-input__input{display:block;box-sizing:border-box;min-height:32px;width:100%;font-family:inherit;font-size:inherit;line-height:1.375}[dir] .cdx-text-input__input{margin:0;border-width:1px;border-style:solid;border-radius:0;padding:4px 8px}.cdx-text-input__input:enabled{color:var(--color-base, #202122)}[dir] .cdx-text-input__input:enabled{background-color:var(--background-color-base, #fff);border-color:var(--border-color-base, #a2a9b1);box-shadow:inset 0 0 0 1px var(--box-shadow-color-transparent, transparent);transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:var(--color-placeholder, #72777d)}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:var(--opacity-icon-placeholder, .51)}[dir] .cdx-text-input__input:enabled:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:var(--color-base, #202122)}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{outline:1px solid transparent}[dir] .cdx-text-input__input:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}[dir] .cdx-text-input__input:enabled:read-only{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-text-input__input:disabled{color:var(--color-disabled, #72777d);-webkit-text-fill-color:var(--color-disabled, #72777d)}[dir] .cdx-text-input__input:disabled{background-color:var(--background-color-disabled-subtle, #eaecf0);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:var(--color-disabled, #72777d);pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:var(--opacity-icon-base--disabled, .51)}.cdx-text-input__input::placeholder{color:var(--color-placeholder, #72777d);opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}[dir=ltr] .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:calc(16px + 1.25rem)}[dir=rtl] .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:calc(16px + 1.25rem)}[dir=ltr] .cdx-text-input--has-end-icon .cdx-text-input__input,[dir=ltr] .cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(16px + 1rem)}[dir=rtl] .cdx-text-input--has-end-icon .cdx-text-input__input,[dir=rtl] .cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(16px + 1rem)}[dir=ltr] .cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(24px + 2rem)}[dir=rtl] .cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(24px + 2rem)}[dir] .cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:var(--border-color-error, #9f3526)}[dir] .cdx-text-input--status-error .cdx-text-input__input:enabled:hover{border-color:var(--border-color-error--hover, #fc493b)}[dir] .cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:var(--border-color-progressive--focus, #36c)}