@layer shared{.text-input{--font-size:var(--body-sm-regular--single-line);--padding-top:0;--padding-bottom:var(--padding-top);--padding-inline:var(--spacing-xs);--margin-bottom:var(--smaller-spacing);--gap:var(--spacing-3xs);--height:var(--component-size-md);--input-height:calc(var(--height) - 2px);--bg-color:var(--background-input-primary);--hover-bg:var(--background-input-secondary);--border-color:transparent;--border-radius:var(--border-radius-sm);--label-offset:15px;--label-translate:-7px;--label-scale:0.8571428571;--label-color:var(--text-body);--input-color:var(--text-caption);--icon-color:var(--background-icon-tertiary);--icon-size:var(--spacing-lg);--has-left-icon:0;width:100%;display:flex;align-items:center;gap:var(--gap);position:relative;margin-bottom:var(--margin-bottom);padding:0 var(--padding-inline);background-color:var(--bg-highlight,var(--bg-color));border:1px solid var(--border-highlight,var(--border-color));border-radius:var(--border-radius);transition:background-color var(--main-transition),border-color var(--main-transition),color var(--main-transition)}.text-input:hover{--bg-highlight:var(--hover-bg)}.text-input.size-s{--font-size:var(--body-xs-regular--single-line);--label-offset:var(--spacing-xs);--label-scale:0.8333333333;--height:var(--component-size-sm);--icon-size:var(--spacing-md)}.text-input:has(.has-value){--input-highlight:var(--text-light);--label-highlight:var(--text-caption)}.text-input:has(.is-valid:-webkit-autofill){--bg-highlight:var(--background-success);--border-size:1px;--border-highlight:var(--border-success);--label-highlight:var(--text-success);--input-highlight:var(--text-light)}.text-input:has(.is-valid),.text-input:has(.is-valid:autofill){--bg-highlight:var(--background-success);--border-size:1px;--border-highlight:var(--border-success);--label-highlight:var(--text-success);--input-highlight:var(--text-light)}.text-input:has(.is-invalid){--bg-highlight:var(--background-error);--border-size:1px;--border-highlight:var(--border-error);--label-highlight:var(--text-error);--input-highlight:var(--text-light)}.text-input:has(.form-field-message){--margin-bottom:var(--spacing-xl)}.text-input:has(.is-focused){--bg-highlight:var(--background-focus);--border-size:1px;--border-highlight:var(--border-focus);--label-highlight:var(--text-caption);--input-highlight:var(--text-light)}.text-input:has(.text-input__label){--padding-top:calc(var(--input-height) / 2);--padding-bottom:calc(var(--input-height) * 0.15)}.text-input:has(>:is(svg,img):first-child){--has-left-icon:1}.text-input:has(:where(input,textarea):disabled){--bg-highlight:var(--background-disabled);--label-highlight:var(--text-disabled);--input-highlight:var(--text-disabled);--icon-highlight:var(--background-icon-disabled)}.text-input input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:var(--input-height);font:var(--font-size);color:var(--input-highlight,var(--input-color));background:rgba(0,0,0,0);border:none;outline:none;padding:var(--padding-top) 0 var(--padding-bottom) 0}.text-input input::placeholder{color:var(--text-caption);opacity:.6}.text-input input:-webkit-autofill{font:var(--font-size);-webkit-text-fill-color:var(--input-highlight,var(--input-color));box-shadow:0 0 0 44px var(--bg-highlight,var(--bg-color)) inset}.text-input input:autofill{font:var(--font-size);-webkit-text-fill-color:var(--input-highlight,var(--input-color));box-shadow:0 0 0 44px var(--bg-highlight,var(--bg-color)) inset}.text-input input[type=date]:not(.has-value){color:rgba(0,0,0,0)}@supports(-moz-appearance:none){.text-input input[type=date]:not(.has-value):focus{color:var(--input-highlight,var(--input-color))}}.text-input input[type=number]{-moz-appearance:textfield}.text-input input::-webkit-inner-spin-button,.text-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.text-input input::-webkit-calendar-picker-indicator{position:absolute;top:0;right:0;width:100%;height:100%;opacity:0;cursor:pointer}.text-input>img,.text-input>svg{width:var(--icon-size);flex-shrink:0;fill:var(--icon-highlight,var(--icon-color))}.text-input>img.is-clickable,.text-input>svg.is-clickable{cursor:pointer}@supports(-moz-appearance:none){.text-input:has(input[type=date])>svg:not(.text-input__icon){display:none}}.text-input__label{position:absolute;top:var(--label-offset);left:calc(var(--padding-inline) + var(--has-left-icon)*(var(--icon-size) + var(--gap)));font:var(--font-size);color:var(--label-highlight,var(--label-color));transition:translate var(--main-transition),scale var(--main-transition);transform-origin:left top;pointer-events:none}@layer mixins{.text-input__label{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}:has(:-webkit-autofill)>.text-input__label{translate:0 var(--label-translate);scale:var(--label-scale);font-weight:600}.has-input-value>.text-input__label,:has(.has-value)>.text-input__label,:has(:autofill)>.text-input__label,:has(:focus-visible)>.text-input__label,:has(:placeholder-shown)>.text-input__label{translate:0 var(--label-translate);scale:var(--label-scale);font-weight:600}@supports(-moz-appearance:none){:has(input[type=date]:focus)>.text-input__label{translate:0 var(--label-translate);scale:var(--label-scale);font-weight:600}}}