.search-input,.clearable-input,.qw-dropdown-search{position:relative}
.clearable-input{display:block;width:100%;min-width:0}
.clear-control{position:absolute;right:9px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;flex:none;z-index:1}
.clear-control svg{display:block;width:15px;height:15px;pointer-events:none}
.clear-control:hover{color:var(--green-dark);background:var(--green-light)}
.clear-control:focus-visible{outline:2px solid var(--theme-focus);outline-offset:2px}
.clear-control[hidden]{display:none}
.search-input.has-input-clear input,.clearable-input.has-input-clear>input,.clearable-input.has-input-clear>textarea{padding-right:38px}
.clearable-input>input,.clearable-input>textarea{display:block;width:100%;min-width:0;box-sizing:border-box}
.clearable-input.is-multiline>.clear-control{top:10px;transform:none}
.clearable-input.has-native-control.has-input-clear>input{padding-right:60px}
.clearable-input.has-native-control>.clear-control{right:30px}
/* Numeric fields share one layout; browser spinners must not compete with clear. */
input[type="number"]{appearance:textfield;-moz-appearance:textfield;min-width:0;line-height:1.4;font-variant-numeric:tabular-nums}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.clearable-input.is-numeric>input{padding-right:38px;text-align:left}
.clearable-input.is-numeric>.clear-control{right:8px}
.qw-dropdown-search.has-input-clear input{padding-right:29px}
.qw-dropdown-search>.clear-control{right:6px;margin-top:-2px}
input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
input::-ms-clear,input::-ms-reveal{display:none}
.qw-dropdown>.clear-control{right:35px}
.qw-dropdown.has-clear .qw-dropdown-value{padding-right:23px}
.qw-dropdown.has-clear input.qw-dropdown-input{padding-right:68px}