.fe-clearable-input{border:var(--fe-input-border);border-radius:var(--fe-input-radius);padding:var(--fe-input-padding-y) var(--fe-input-padding-x);background:var(--fe-color-input-bg);color:var(--fe-color-input-text);box-sizing:border-box;align-items:center;width:100%;display:flex}.fe-clearable-input input{appearance:none;width:100%;min-width:0;color:var(--fe-color-input-text);font-size:var(--fe-font-size-md);background-color:#0000;border:none;outline:none;flex-grow:1;line-height:1}.fe-clearable-input>.fe-clearable-input__clear{width:var(--fe-space-7);height:var(--fe-space-7);color:var(--fe-color-text-muted);cursor:pointer;border-radius:var(--fe-radius-md);transition:background-color var(--fe-transition-fast) ease-in-out;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.fe-clearable-input>.fe-clearable-input__clear:hover{background:var(--fe-color-surface-hover);color:var(--fe-color-text)}.fe-clearable-input>.fe-clearable-input__clear:disabled{opacity:.45;cursor:default}.fe-clearable-input>.fe-clearable-input__clear i{line-height:1;font-size:var(--fe-font-size-lg)}.fe-clearable-input:focus-within{border:var(--fe-input-border-focus);box-shadow:var(--fe-input-focus-ring)}