@layer components{.form-field--input-wrapper{--form-field-start-content-size:0px;--form-field-end-content-size:0px;width:100%;position:relative}.form-field--text{box-sizing:border-box;border:var(--s-border-width-default) solid var(--s-color-border-default);border-radius:var(--s-radius-field);width:100%;color:var(--s-color-text-default);min-width:var(--field__input--min-width,auto);height:40px;min-height:40px;font-size:var(--s-type-placeholder-font-size);line-height:var(--s-type-placeholder-line-height);-webkit-padding-before:0;padding-block-start:0;-webkit-padding-after:0;padding-block-end:0;-webkit-padding-start:var(--s-spacing-3);padding-inline-start:var(--s-spacing-3);-webkit-padding-end:var(--s-spacing-3);padding-inline-end:var(--s-spacing-3);transition:border-color .2s,background-color .2s}.form-field__end-content,.form-field__start-content{color:var(--s-color-text-inactive);z-index:2;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.form-field__start-content{left:var(--s-spacing-2)}.form-field__end-content{right:var(--s-spacing-2)}.form-field__end-action{font:inherit;font-weight:var(--s-type-link-font-weight);color:var(--s-color-text-active);cursor:pointer;background:0 0;border:0;margin:0;padding:0}.form-field__end-action:hover{text-decoration:underline}.form-field__end-action:focus-visible{outline:2px solid var(--s-color-border-focus);outline-offset:2px;border-radius:2px}.form-field--text-has-start-content{-webkit-padding-start:calc(var(--s-spacing-2) + var(--form-field-start-content-size) + var(--s-spacing-2));padding-inline-start:calc(var(--s-spacing-2) + var(--form-field-start-content-size) + var(--s-spacing-2))}.form-field--text-has-end-content{-webkit-padding-end:calc(var(--s-spacing-2) + var(--form-field-end-content-size) + var(--s-spacing-2));padding-inline-end:calc(var(--s-spacing-2) + var(--form-field-end-content-size) + var(--s-spacing-2))}.form-field--text::placeholder{color:var(--s-color-text-inactive)}.form-field--text-date{cursor:pointer;-webkit-padding-end:0;padding-inline-end:0}.form-field--text-date.is-focus,.form-field--text-date:focus{cursor:text}.form-field--text-date[disabled]{cursor:default}.form-field--text-date::-webkit-calendar-picker-indicator{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background-image:none;background-color:var(--s-color-text-active);opacity:1;cursor:pointer;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:var(--s-spacing-2);margin-inline-end:var(--s-spacing-2);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM9 10H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM9 10H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2z'/%3E%3C/svg%3E") 50%/contain no-repeat}.form-field--text-date.invalid::-webkit-calendar-picker-indicator,.form-field--text-date[aria-invalid=true]::-webkit-calendar-picker-indicator{background-color:var(--s-color-text-error)}.form-field--text-date[disabled]::-webkit-calendar-picker-indicator{background-color:var(--s-color-text-inactive);cursor:default}.form-field--text[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--s-color-text-default);cursor:pointer;width:14px;height:14px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E") 50%/contain no-repeat}.form-field--text:hover:not(:focus):not(.is-focus):not([disabled]):not([aria-invalid=true]):not(.invalid){border-color:var(--s-color-border-hover)}.form-field--text.is-focus,.form-field--text:focus{border-color:var(--s-color-border-focus);outline:none}.form-field--text.is-active:not([disabled]):not([aria-invalid=true]):not(.invalid),.form-field--text:active:not([disabled]):not([aria-invalid=true]):not(.invalid){border-color:var(--s-color-border-active)}.form-field--text.invalid,.form-field--text[aria-invalid=true]{background-color:var(--s-color-surface-error-light);color:var(--s-color-text-error);border-color:var(--s-color-border-error)!important}.form-field--text.invalid::placeholder,.form-field--text[aria-invalid=true]::placeholder{color:var(--s-color-text-error);opacity:.5}.form-field--text[disabled]{background-color:var(--s-color-surface-inactive);border-color:var(--s-color-border-inactive);color:var(--s-color-text-inactive)}.form-field--input-wrapper:has([aria-invalid=true]) .form-field__unit{color:var(--s-color-text-error)}}