.input-class{display:flex;flex-direction:column;position:relative;width:100%}.input-class span{color:var(--main-color)}.input-class input+label,.input-class textarea+label{font-size:.9rem;color:var(--primary-font);font-weight:600;position:absolute;left:18px;top:50%;transform:translateY(-50%);pointer-events:none;transition:.3s ease}.input-class input:not(:placeholder-shown),.input-class textarea:not(:placeholder-shown){border-bottom:1px solid var(--main-color)}.input-class input:not(:placeholder-shown)+label,.input-class textarea:not(:placeholder-shown)+label{transition:.3s ease;color:var(--main-color);font-size:.8rem;top:-20px;transform:translate(-10px)}.input-class input:focus+label,.input-class textarea:focus+label{font-size:.8rem;transition:.3s ease;color:var(--main-color);top:-20px;transform:translate(-10px)}.input-class input::placeholder,.input-class textarea::placeholder{visibility:hidden}.input-class textarea+label{top:20px}.input-class .primary{background-color:var(--primary-bg)}.input-class .secondary{background-color:var(--secondary-bg)}.input-class .white{background-color:#e4e4e4;color:#000}.input-class .white:not(:placeholder-shown)+label{color:var(--main-color)}.input-class .white:focus{color:#000;background-color:rgba(0,0,0,0)}.input-class .white:focus+label{color:var(--main-color)}.input-class .white+label{color:#000;font-size:.9rem;font-weight:400}.input-class .error{position:absolute;color:red;font-size:.8rem!important;bottom:-20px;left:50%;transform:translateX(-50%);white-space:nowrap;font-weight:600}.input-class svg{position:absolute;top:50%;transform:translateY(-50%);right:20px;font-size:1.4rem;cursor:pointer}.input-class svg:hover{opacity:.67}