.input{background-color:var(--surface-2);border:1px solid #0000;border-radius:.75rem;align-items:center;width:100%;transition:border-color .2s;display:flex;position:relative}.input_size_s{height:2.5rem}.input_size_l{height:2.75rem}.input_size_xl{height:3.25rem}.input__icon{pointer-events:none;margin-left:.75rem;margin-right:-.25rem}.input__icon,.input__info{width:1.5rem;height:1.5rem}.input__info{justify-content:center;align-items:center;margin-right:.875rem;font-size:1.25rem;display:flex;right:.875rem}.input__info-icon{color:var(--icon-3);font-size:1.5rem}.input__error{white-space:pre-line;grid-template-rows:0fr;transition:grid-template-rows .2s;display:grid;overflow:hidden}.input__error_show{grid-template-rows:1fr}.input__error_show .input__error-message{margin-top:.25rem}.input__error-message{min-height:0;color:var(--error);font-size:.75rem;font-weight:400;line-height:1rem;transition:margin-top .2s}.input_error{border-color:var(--error)}.input_disabled{background-color:var(--surface-3)}.input_disabled .input__field::-moz-placeholder{color:var(--text-3)}.input_disabled .input__field,.input_disabled .input__field::placeholder,.input_disabled .input__placeholder{color:var(--text-3)}.input__field{width:100%;color:var(--text-1);background:0 0;flex:1;padding:1.5625rem .75rem .5625rem;font-size:.875rem;font-weight:500;line-height:1.125rem}.input__field::placeholder{color:var(--text-2);font-size:.875rem;font-weight:500;line-height:1.125rem}.input__field_full-size{padding:1.0625rem .75rem}.input div.input__field{overflow:hidden}.input div.input__field span{text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.input_readonly{cursor:pointer}.input_readonly *{pointer-events:none}.input__placeholder{color:var(--text-2);pointer-events:none;font-size:.875rem;font-weight:500;line-height:1.125rem;transition:top .2s,font-size .2s,color .2s;position:absolute;top:1.0625rem;left:.75rem}.input__placeholder_size_l{top:.8125rem;left:.75rem}.input__placeholder_size_xl{top:1.0625rem;left:.75rem}.input__placeholder_top{color:var(--text-3);font-size:.75rem;font-weight:400;line-height:1rem;top:.5625rem}.input__placeholder_top span{opacity:1}.input__placeholder_top.input__placeholder_size_l,.input__placeholder_top.input__placeholder_size_s{top:.3125rem}.input__placeholder_top.input__placeholder_size_xl{top:.5625rem}.input__placeholder_required:after{color:var(--error);content:"*"}.input__label{color:var(--text-1);margin-bottom:.375rem;font-size:.875rem;font-weight:500;line-height:1.125rem}.input__label span{color:var(--error)}.input__description{color:var(--text-3);margin-top:.25rem;font-size:.75rem;font-weight:400;line-height:1rem}.input__right-content{z-index:1;pointer-events:auto;align-items:center;display:flex;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.form-item{isolation:isolate;position:relative}.form-item__debug-icon{z-index:9;color:var(--icon-blue);cursor:help;opacity:.75;padding:.375rem;font-size:.875rem;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.form-item__debug-icon:hover{opacity:1}.form-item__debug-item{font-size:.75rem}.form-item__debug-item-wrapper{min-height:2rem;padding:.75rem 0}.form-item__debug-item-wrapper:not(:last-child){border-bottom:1px solid #fff2}.form-item__debug-item-meta:not(:last-child){border-bottom:1px solid #fff8;padding:.25rem 0}.form-item__debug-item span{margin-right:.25rem;line-height:1em}.form-item__debug-item b{word-break:break-word;line-height:1em}