.input-field{gap:var(--input-field-gap);flex-direction:column;display:flex}.input-field__search{display:block;position:relative}.input-field__search--sm{--input-field-search-slot-size:var(--input-field-search-sm-slot-size);--input-field-search-icon-size:var(--input-field-search-sm-icon-size);--input-field-search-input-padding-inline-start:var(--input-field-search-sm-slot-size);--input-field-search-input-padding-inline-end:var(--input-field-search-sm-slot-size)}.input-field__search--lg{--input-field-search-slot-size:var(--input-field-search-lg-slot-size);--input-field-search-icon-size:var(--input-field-search-lg-icon-size);--input-field-search-input-padding-inline-start:var(--input-field-search-lg-slot-size);--input-field-search-input-padding-inline-end:var(--input-field-search-lg-slot-size)}.input-field__search .input{padding-inline-start:var(--input-field-search-input-padding-inline-start)}.input-field__search--clearable .input{padding-inline-end:var(--input-field-search-input-padding-inline-end)}.input-field__search-icon,.input-field__clear{inline-size:var(--input-field-search-slot-size);block-size:var(--input-field-search-slot-size);justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.input-field__search-icon{color:var(--input-field-search-icon-color);pointer-events:none;inset-inline-start:0}.input-field__clear{cursor:pointer;color:var(--input-field-search-clear-color);transition:color var(--input-transition-duration) var(--input-transition-easing);background:0 0;border:none;padding-block:0;padding-inline:0;inset-inline-end:0}.input-field__clear:hover{color:var(--input-field-search-clear-hover-color)}.input-field__clear:focus-visible{outline:var(--input-field-search-clear-focus-ring-width) solid var(--input-field-search-clear-focus-ring-color);outline-offset:calc(-1 * var(--input-field-search-clear-focus-ring-offset))}.input-field__search-glyph{inline-size:var(--input-field-search-icon-size);block-size:var(--input-field-search-icon-size)}.input-field__helper{font-family:var(--input-field-helper-font-family);font-size:var(--input-field-helper-font-size);font-weight:var(--input-field-helper-font-weight);line-height:var(--input-field-helper-line-height);color:var(--input-field-helper-color)}
.input{width:var(--input-width);block-size:var(--input-height);padding-block:0;padding-inline:var(--input-padding-inline);border-radius:var(--input-border-radius);border-width:var(--input-border-width);border-style:var(--input-border-style);border-color:var(--input-border-color);background-color:var(--input-bg);color:var(--input-color);font-family:var(--input-font-family);font-size:var(--input-font-size);font-weight:var(--input-font-weight);line-height:var(--input-line-height);cursor:var(--input-cursor);box-sizing:border-box;transition:border-color var(--input-transition-duration) var(--input-transition-easing)}.input::placeholder{color:var(--input-placeholder-color)}.input:focus-visible{box-shadow:inset 0 0 0 calc(var(--input-focus-ring-width) + var(--input-focus-ring-inset-offset)) var(--input-focus-ring-color), inset 0 0 0 var(--input-focus-ring-inset-offset) var(--input-bg);border-color:var(--input-focus-border-color);outline:none}.input:disabled{cursor:var(--input-disabled-cursor);background-color:var(--input-disabled-bg);color:var(--input-disabled-color);border-color:var(--input-disabled-border-color);pointer-events:none}.input.input--error{background-color:var(--input-error-bg);color:var(--input-error-color);border-color:var(--input-error-border-color)}.input.input--error::placeholder{color:var(--input-error-placeholder-color)}.input.input--error:focus-visible{box-shadow:inset 0 0 0 calc(var(--input-focus-ring-width) + var(--input-focus-ring-inset-offset)) var(--input-error-focus-ring-color), inset 0 0 0 var(--input-focus-ring-inset-offset) var(--input-error-bg);border-color:var(--input-error-focus-border-color);outline:none}.input.input--sm{--input-height:var(--input-sm-height);--input-padding-inline:var(--input-sm-padding-inline);--input-font-size:var(--input-sm-font-size)}.input.input--lg{--input-height:var(--input-lg-height);--input-padding-inline:var(--input-lg-padding-inline);--input-font-size:var(--input-lg-font-size)}.input:autofill,.input:autofill:hover,.input:autofill:focus{-webkit-text-fill-color:var(--input-color);caret-color:var(--input-color);box-shadow:inset 0 0 0 1000px var(--input-bg);transition:background-color 9999s ease-out}.input:-webkit-autofill{-webkit-text-fill-color:var(--input-color);caret-color:var(--input-color);box-shadow:inset 0 0 0 1000px var(--input-bg);transition:background-color 9999s ease-out}.input:-webkit-autofill:hover{-webkit-text-fill-color:var(--input-color);caret-color:var(--input-color);box-shadow:inset 0 0 0 1000px var(--input-bg);transition:background-color 9999s ease-out}.input:-webkit-autofill:focus{-webkit-text-fill-color:var(--input-color);caret-color:var(--input-color);box-shadow:inset 0 0 0 1000px var(--input-bg);transition:background-color 9999s ease-out}:is(.input.input--error:autofill,.input.input--error:autofill){-webkit-text-fill-color:var(--input-error-color);box-shadow:inset 0 0 0 1000px var(--input-error-bg)}:is(.input.input--error:autofill:focus-visible,.input.input--error:autofill:focus-visible){box-shadow:inset 0 0 0 calc(var(--input-focus-ring-width) + var(--input-focus-ring-inset-offset)) var(--input-error-focus-ring-color), inset 0 0 0 var(--input-focus-ring-inset-offset) var(--input-error-bg), inset 0 0 0 1000px var(--input-error-bg)}