.input{display:block;position:relative}.input--mb48{margin-bottom:48px}.input__field{gap:var(--inline-gap-sm);width:100%;padding:var(--spacing-4) var(--spacing-16);font-size:var(--text-ui);font-weight:var(--font-weight-medium);color:var(--text-default-color);background-color:var(--field-bg-color);border-radius:var(--field-border-radius);box-shadow:var(--shadow-inset);transition:box-shadow var(--dur-hover) var(--ease),background-color var(--dur-hover) var(--ease);border:none;outline:none;align-items:center;line-height:21px;display:flex;position:relative}.input__field:hover{background-color:var(--field-bg-hover-color)}.input__field:focus-within{background-color:var(--field-bg-focus-color);box-shadow:var(--field-focus-glow)}.input__field:active{box-shadow:var(--field-focus-glow)}.input__field--error{box-shadow:var(--shadow-inset),0 0 0 2px var(--color-danger)}.input__field--error:focus-within{box-shadow:var(--field-focus-glow),0 0 0 2px var(--color-danger)}.input__field--small{min-height:var(--control-40)}.input__field--medium{min-height:var(--field-height)}.input__floatingPlaceholder{z-index:1;font-size:var(--text-ui);font-weight:var(--font-weight-medium);color:var(--field-placeholder-color);pointer-events:none;transition:top var(--dur-hover) var(--ease),left var(--dur-hover) var(--ease),font-size var(--dur-hover) var(--ease),opacity var(--dur-hover) var(--ease),transform var(--dur-hover) var(--ease);line-height:1;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input--withIcon .input__floatingPlaceholder{left:50px}.input__tagInput{z-index:2;width:100%;font-size:var(--text-ui);font-weight:var(--font-weight-medium);color:var(--text-default-color);transition:color var(--dur-press) var(--ease);background:0 0;border:none;outline:none;line-height:21px}.input__tagInput::placeholder{color:var(--field-placeholder-color);transition:color .25s}.input__tagInput:disabled{cursor:not-allowed;opacity:.4}:-webkit-any(.input__tagInput:autofill,.input__tagInput:-webkit-autofill){caret-color:var(--text-default-color);box-shadow:0 0 0 1000px var(--field-bg-color) inset;-webkit-text-fill-color:var(--text-default-color);transition:background-color 9999s ease-in-out}:is(.input__tagInput:autofill,.input__tagInput:autofill){caret-color:var(--text-default-color);box-shadow:0 0 0 1000px var(--field-bg-color) inset;-webkit-text-fill-color:var(--text-default-color);transition:background-color 9999s ease-in-out}:-webkit-any(.input__tagInput:autofill:hover,.input__tagInput:-webkit-autofill:hover){box-shadow:0 0 0 1000px var(--field-bg-hover-color) inset}:is(.input__tagInput:autofill:hover,.input__tagInput:autofill:hover){box-shadow:0 0 0 1000px var(--field-bg-hover-color) inset}:-webkit-any(.input__tagInput:autofill:focus,.input__tagInput:-webkit-autofill:focus){box-shadow:0 0 0 1000px var(--field-bg-focus-color) inset}:is(.input__tagInput:autofill:focus,.input__tagInput:autofill:focus){box-shadow:0 0 0 1000px var(--field-bg-focus-color) inset}.input__tagInput[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.9}.input__tagInput:not(:placeholder-shown)+.input__floatingPlaceholder,.input__tagInput:focus+.input__floatingPlaceholder{font-size:12px;top:3px;left:16px;transform:translateY(0)}.input--withIcon .input__tagInput:not(:placeholder-shown)+.input__floatingPlaceholder,.input--withIcon .input__tagInput:focus+.input__floatingPlaceholder{left:47px}.input__field--small .input__tagInput:not(:placeholder-shown)+.input__floatingPlaceholder,.input__field--small .input__tagInput:focus+.input__floatingPlaceholder{visibility:hidden;opacity:0}.input__icon{color:var(--text-subtle-color);transition:color var(--dur-press) var(--ease);flex-shrink:0;font-size:20px}.input__children{gap:var(--inline-gap-xs);display:flex}.input__clear{color:var(--text-muted-color);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:18px;transition:color .2s;display:flex}.input__clear:hover,.input__clear:focus-visible{color:var(--text-default-color)}.input__statusRow{row-gap:var(--spacing-4);column-gap:var(--inline-gap-sm);padding-right:var(--spacing-16);padding-left:var(--spacing-16);flex-wrap:wrap;justify-content:flex-end;align-items:center;margin-top:1px;display:flex}.input__errorText{font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-danger);line-height:10px}
