.inputWithLabelStyles .inputWithLabelStyles__label{color:var(--color-foreground-de-emp);font-size:.75rem;font-weight:500;line-height:1.5}.inputWithLabelStyles .inputWithLabelStyles__label-required{color:var(--color-error-text)}.inputWithLabelStyles .inputWithLabelStyles__input-wrapper{width:100%;position:relative}.inputWithLabelStyles .inputWithLabelStyles__input{border:solid 1px var(--color-border);width:100%;color:var(--color-foreground);background:var(--color-background);border-radius:4px;height:40px;padding:10px 12px;font-size:.875rem}.inputWithLabelStyles .inputWithLabelStyles__input--max-length{padding:10px 56px 10px 12px}.inputWithLabelStyles .inputWithLabelStyles__length-limit{color:var(--color-foreground-disable);font-size:11px;transition:all .5s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.inputWithLabelStyles .inputWithLabelStyles__length-limit--hit{color:var(--color-error-text);animation:.3s InputTextWithLabel__length-limit--hit-anm}@keyframes InputTextWithLabel__length-limit--hit-anm{0%{transform:translateY(-50%)rotate(0)scale(1)}33%{transform:translateY(-45%)rotate(-5deg)scale(1.2)}66%{transform:translateY(-55%)rotate(5deg)scale(1.2)}to{transform:translateY(-50%)rotate(0)scale(1)}}.inputWithLabelStyles .inputWithLabelStyles__error{color:var(--color-error-text);font-size:12px}