.inp-wrapper{position:relative}.inp-wrapper .inp-label{position:absolute;display:flex;align-items:center;width:100%;height:100%;top:0;left:0;padding-right:.5rem;pointer-events:none;user-select:none;transition:all .2s ease-in-out}.inp-wrapper:focus-within .inp-label{font-size:10px;transform:translateY(-22px)}.inp-wrapper .inp-input::placeholder{color:transparent}.inp-wrapper .inp-input:not(:placeholder-shown)~.inp-label{font-size:10px;transform:translateY(-22px)}.inp-wrapper .tooltip{display:none;background-color:#000;color:#fff;top:-60%;padding:4px 8px;border-radius:8px;font-size:12px;position:absolute}.inp-wrapper .inp-input:focus~.tooltip{display:block}.inp-wrapper .tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#000}