.text-field{--text-field-border: var(--control-border-input);--text-field-border-focus: var(--control-border-focus);--text-field-border-subtle: var(--control-border-subtle);--text-field-border-accent: var(--control-border-accent);--text-field-content: var(--control-content-primary);--text-field-content-secondary: var(--control-content-secondary);--text-field-content-disabled: var(--control-content-disabled);--text-field-content-accent: var(--control-content-accent);--text-field-bg-hover: var(--bg-secondary);--text-field-scrollbar: var(--control-bg-slider);--text-field-button-min: 112px;--text-field-icon-16: 16px;--text-field-icon-20: 20px;display:flex;flex-direction:column}.text-field[data-surface=dark]{--text-field-border: var(--control-border-input-inverse);--text-field-border-focus: var(--control-border-focus-inverse);--text-field-border-subtle: var(--control-border-subtle-inverse);--text-field-border-accent: var(--control-border-accent-inverse);--text-field-content: var(--control-content-primary-inverse);--text-field-content-secondary: var(--control-content-secondary-inverse);--text-field-content-disabled: var(--control-content-disabled-inverse);--text-field-content-accent: var(--control-content-accent-inverse);--text-field-bg-hover: var(--bg-secondary-inverse);--text-field-scrollbar: var(--control-bg-slider-inverse)}.text-field__box{display:flex;padding-block:var(--space-x2);border:1px solid var(--text-field-border);border-radius:var(--radius-x2);transition:background-color .15s ease}.text-field:not([data-multiline]) .text-field__box{align-items:center;gap:var(--space-x2);block-size:var(--space-x14);padding-inline:var(--space-x4)}.text-field[data-button] .text-field__box{padding-block:calc(var(--space-x1) - 1px);padding-inline:var(--space-x4) calc(var(--space-x1) - 1px)}.text-field__button{display:flex;flex:none;min-inline-size:var(--text-field-button-min)}.text-field__button .btn{--btn-size-l: var(--space-x12);border-radius:var(--radius-x1-5)}@media(min-width:1800px){.text-field__button .btn{padding-inline:var(--space-x8)}}.text-field[data-multiline] .text-field__box{position:relative;flex-direction:column;block-size:var(--text-field-block-size, var(--space-x32));min-block-size:var(--text-field-min-block-size, var(--space-x32));max-block-size:var(--text-field-max-block-size);overflow:hidden;resize:vertical}.text-field[data-multiline] .text-field__box::-webkit-resizer{display:none}.text-field__grip{position:absolute;inset-block-end:0;inset-inline-end:0;display:flex;padding:var(--space-x1);color:var(--text-field-content-secondary);pointer-events:none}.text-field__grip-icon{display:block;inline-size:var(--text-field-icon-20);block-size:var(--text-field-icon-20)}.text-field[data-multiline]:has(.text-field__control:disabled) .text-field__grip,.text-field[data-multiline][data-resizable=false] .text-field__grip{display:none}.text-field[data-multiline]:has(.text-field__control:disabled) .text-field__box,.text-field[data-multiline][data-resizable=false] .text-field__box{resize:none}.text-field:not(:has(.text-field__control:disabled)) .text-field__box:hover:not(:has(.text-field__control:focus)),.text-field:not(:has(.text-field__control:disabled)) .text-field__box:active:not(:has(.text-field__control:focus)){background-color:var(--text-field-bg-hover)}.text-field__box:has(.text-field__control:focus){border-color:var(--text-field-border-focus)}.text-field__control:focus{outline:none}.text-field__wrap{position:relative;display:flex;flex-direction:column;gap:var(--space-x0-5);flex:1 1 auto;min-inline-size:0;min-block-size:0}.text-field:not([data-multiline]) .text-field__wrap{align-self:stretch;justify-content:center}.text-field__control{inline-size:100%;margin:0;border:0;background-color:transparent;color:var(--text-field-content);font-family:inherit}.text-field:not([data-multiline]) .text-field__control{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;text-overflow:ellipsis}.text-field:not([data-multiline]) .text-field__control:focus,.text-field:not([data-multiline]) .text-field__control:not(:placeholder-shown){position:relative;inset:auto}.text-field[data-multiline] .text-field__control{flex:1 1 auto;min-block-size:0;resize:none;padding-block:0;padding-inline:var(--space-x4);overflow-y:auto}@supports not selector(::-webkit-scrollbar){.text-field[data-multiline] .text-field__control{scrollbar-width:thin;scrollbar-color:var(--text-field-scrollbar) transparent}}.text-field[data-multiline] .text-field__control::-webkit-scrollbar{width:var(--space-x4)}.text-field[data-multiline] .text-field__control::-webkit-scrollbar-track{background-color:transparent}.text-field[data-multiline] .text-field__control::-webkit-scrollbar-thumb{min-height:var(--space-x12);border-inline-start:var(--space-x1-5) solid transparent;border-inline-end:var(--space-x2) solid transparent;border-radius:var(--radius-circle);background-color:var(--text-field-scrollbar);background-clip:content-box}.text-field__control::placeholder{color:transparent;-webkit-text-fill-color:transparent;opacity:1}.text-field__control:focus::placeholder{color:var(--text-field-content-secondary);-webkit-text-fill-color:var(--text-field-content-secondary)}.text-field__label{order:-1;flex:none;color:var(--text-field-content-secondary);cursor:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:font-size .15s ease}.text-field[data-multiline] .text-field__label{padding-block-start:var(--space-x3);padding-inline:var(--space-x4);overflow:visible;overflow-wrap:break-word;white-space:normal;transition:padding-block-start .15s ease,font-size .15s ease}.text-field[data-multiline] .text-field__control:focus~.text-field__label,.text-field[data-multiline] .text-field__control:not(:placeholder-shown)~.text-field__label{padding-block-start:var(--space-x0-5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-field__success{order:-2;margin:0;color:var(--text-field-content);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-field[data-multiline] .text-field__success{padding-block-start:var(--space-x3);padding-inline:var(--space-x4)}.text-field__success[hidden]{display:none}.text-field[data-state=success] .text-field__label{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.text-field[data-state=success] .text-field__control::placeholder{color:transparent;-webkit-text-fill-color:transparent}.text-field:not([data-multiline])[data-state=success] .text-field__control{position:absolute;top:0;right:0;bottom:0;left:0}.text-field__affix{display:flex;flex:none;color:var(--text-field-content-secondary)}.text-field__affix-icon{display:block;inline-size:var(--text-field-icon-20);block-size:var(--text-field-icon-20)}.text-field__message{display:flex;gap:var(--space-x1-5);align-items:flex-start;margin:0;margin-block-start:var(--space-x2);color:var(--text-field-content-secondary)}.text-field__message[hidden]{display:none}.text-field__message-icon{display:flex;flex:none}.text-field__icon{display:block;inline-size:var(--text-field-icon-16);block-size:var(--text-field-icon-16)}.text-field__message-icon[data-text-field-message-icon=error]{display:none}.text-field[data-state=error] .text-field__message{color:var(--text-field-content-accent)}.text-field[data-state=error] .text-field__message-icon[data-text-field-message-icon=hint]{display:none}.text-field[data-state=error] .text-field__message-icon[data-text-field-message-icon=error]{display:flex}.text-field[data-state=error] .text-field__box{border-color:var(--text-field-border-accent)}.text-field[data-state=error] .text-field__box:has(.text-field__control:focus){border-color:var(--text-field-border-focus)}.text-field:has(.text-field__control:disabled) .text-field__box{border-color:var(--text-field-border-subtle);cursor:not-allowed}.text-field:has(.text-field__control:disabled) .text-field__control,.text-field:has(.text-field__control:disabled) .text-field__label,.text-field:has(.text-field__control:disabled) .text-field__success,.text-field:has(.text-field__control:disabled) .text-field__affix,.text-field:has(.text-field__control:disabled) .text-field__message{color:var(--text-field-content-disabled)}.text-field:has(.text-field__control:disabled) .text-field__label,.text-field:has(.text-field__control:disabled) .text-field__control{cursor:not-allowed;-webkit-text-fill-color:var(--text-field-content-disabled);opacity:1}@media(prefers-reduced-motion:reduce){.text-field__box,.text-field__label{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/296/assets/rebirth-text-field.css.map */