.text-input{display:flex;flex-direction:column;gap:.25rem;width:100%}.text-input__field{align-items:center;background-color:var(--background-color-main);border:.0625rem solid var(--border-color-secondary);border-radius:.625rem;cursor:pointer;display:flex;flex-grow:1;font-size:.875rem;font-weight:500;gap:.8125rem;line-height:150%;padding:0 1.25rem;position:relative;transition:border-color .2s ease-in-out}@media(pointer:fine){.text-input__field:hover{background-color:var(--gray-color);border-color:var(--border-color-active)}html.dark-mode .text-input__field:hover{background-color:var(--background-color-secondary)}}@media(pointer:fine)and (prefers-color-scheme:dark){html:not(.light-mode) .text-input__field:hover{background-color:var(--background-color-secondary)}}.text-input__field:focus-within{border-color:var(--border-color-active)}.text-input__field:focus-within .text-input__label{font-size:.75rem;top:31%}.text-input__field[data-has-value] .text-input__label{font-size:.75rem;top:31%}.text-input__field[data-has-label] .text-input__input{padding:1.375rem 0 .375rem!important}.text-input__field[data-error]{border-color:var(--error-color)}.text-input__field[data-error]:focus-within{border-color:var(--error-color)}@media(pointer:fine){.text-input__field[data-error]:hover{border-color:var(--error-color)}}.text-input__field[data-disabled]{cursor:not-allowed;opacity:.6}.text-input__icon{flex-shrink:0}.text-input__icon:empty{display:none}.text-input__input-wrapper{align-items:center;display:flex;flex-grow:1;gap:.5rem;position:relative}.text-input__input[data-part=input]{background-color:transparent!important;border:none!important;color:var(--text-color-secondary)!important;font-size:1rem!important;font-weight:500;height:auto!important;line-height:130%;min-width:0;outline:none;padding:.5625rem 0!important;width:100%;z-index:1}.text-input__input[data-part=input]:focus{background-color:transparent!important;border:none!important;box-shadow:none!important}.text-input__input[data-part=input]::-moz-placeholder{color:var(--text-color-disabled);font-size:.875rem;font-weight:400;line-height:150%}.text-input__input[data-part=input]::placeholder{color:var(--text-color-disabled);font-size:.875rem;font-weight:400;line-height:150%}.text-input__input[data-part=input]:-moz-read-only{color:inherit!important}.text-input__input[data-part=input]:read-only{color:inherit!important}.text-input__input[data-part=input]:disabled{cursor:not-allowed}.text-input__icon:not(:empty)~.text-input__label{left:3.375rem}.text-input__label{color:var(--text-color-disabled);font-size:.875rem;font-weight:600;line-height:100%;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition-duration:.2s;transition-property:font-size,top;transition-timing-function:ease-in-out;z-index:0}.text-input__label:empty{display:none}.text-input__error{color:var(--error-color);cursor:auto;font-size:.75rem;font-weight:600;line-height:100%;min-height:1.1875rem;pointer-events:none}.text-input__error--hidden{display:none}.text-input__clear{background-color:transparent;border:none;cursor:pointer;flex:0 0 .75rem;height:.75rem;padding:0;position:relative;width:.75rem}.text-input__clear:after,.text-input__clear:before{background-color:#d9d9d9;content:"";height:25%;left:50%;position:absolute;top:50%;transition:background-color .2s ease-in-out;width:80%}.text-input__clear:before{transform:translate(-50%,-50%) rotate(-45deg)}.text-input__clear:after{transform:translate(-50%,-50%) rotate(45deg)}.text-input__clear:focus:after,.text-input__clear:focus:before,.text-input__clear:hover:after,.text-input__clear:hover:before{background-color:var(--icon-color-active)}