.textBox{position:relative;input{height:40px;width:100%}textarea{height:100px;width:100%;padding:15px;resize:none}input:focus,textarea:focus{outline:none;border-color:var(--clCyan)}input:focus+.placeholder-text .text,input:not(:placeholder-shown)+.placeholder-text .text,textarea:focus+.textareaPlaceholder .text,textarea:not(:placeholder-shown)+.textareaPlaceholder .text{background:#fff;border-radius:5px 5px 0 0;transform:translateY(-25px);font-size:10px;color:var(--clCyan)}.placeholder-text{top:0;bottom:0}.placeholder-text,.textareaPlaceholder{position:absolute;left:0;right:0;background-color:transparent;pointer-events:none;display:flex;align-items:center;color:grey}.textareaPlaceholder{top:5px;border:1px solid transparent}.text{font-size:15px;padding:0 .5rem;background-color:transparent;transform:translate(0);transition:all .2s ease-in}.placeholder-text,.textareaPlaceholder,input{padding:10px}}