@keyframes fadeIn{0%{opacity:0}to{visibility:visible;opacity:1}}.basic-input-container{position:relative}.basic-input-container .basic-input-label-container{display:flex;align-items:center}.basic-input-container .basic-input-field-container{position:relative}.basic-input-container .basic-input-field-container .basic-input-icon{position:absolute;margin:0;padding:0;left:6px;bottom:0;height:100%;width:36px;display:flex;align-items:center;justify-content:center}.basic-input-container .basic-input-field+.input-character-count-container{display:none}.basic-input-container .basic-input-field:focus+.input-character-count-container{display:block;position:absolute;top:-18px;right:0;padding:2px 4px;font-size:11px;border-radius:4px;background-color:#d9d6de}.basic-input-container .basic-input-field:focus+.input-character-count-container .input-character-count{position:relative}.basic-input-container .basic-input-field:focus+.input-character-count-container .input-character-count.show-tail:after{content:"";position:absolute;bottom:-7px;left:0;right:0;margin:0 auto;border-width:7px 7px 0;border-style:solid;border-color:#D9D6DE transparent;display:block;width:0}.basic-input-container .basic-input-field:focus+.input-character-count-container .input-character-count.show-tail.left-tail:after{left:1px;right:auto;margin:0}.basic-input-container .basic-input-field:focus+.input-character-count-container .input-character-count.show-tail.right-tail:after{right:1px;left:auto;margin:0}