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