.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)}