.letterdiv,input,textarea{padding:.6rem 1.2rem;flex:1;border:1px solid var(--sec);border-radius:8px;background-color:transparent;resize:none;transition:border-color .15s}.letterdiv:focus,input:focus,textarea:focus{box-shadow:none;outline:none;border-color:var(--high)}.group{display:flex;flex:1;position:relative;height:-moz-fit-content;height:fit-content}.group>input,.group>label,.group>textarea{transition:.15s}.group>label{position:absolute;display:flex;z-index:1;border-radius:8px;background-color:var(--main);transform:translateY(-50%);top:15px;left:4px;color:var(--sec);padding:0 5px;opacity:1}.group>input:focus+label,.group>textarea:focus+label{font-size:.8rem;top:0;color:var(--sec)!important}.group>input:not(:-moz-placeholder-shown)+label,.group>textarea:not(:-moz-placeholder-shown)+label{opacity:1;font-size:.8rem;top:0;color:var(--sec)}.group>input:not(:placeholder-shown)+label,.group>textarea:not(:placeholder-shown)+label{opacity:1;font-size:.8rem;top:0;color:var(--sec)}.errormsg{position:absolute;top:100%;height:14px;font-size:.6rem;padding-left:9px;color:#c31a25}.group>input.err{border-color:#c31a25}label.err{color:#c31a25}.group>input.err:focus+label{color:#c31a25!important}.group>input.err:not(:-moz-placeholder-shown)+label{color:#c31a25}.group>input.err:not(:placeholder-shown)+label{color:#c31a25}.letterdiv>label{display:block}label span{opacity:0;transition:all .15s ease}input:checked+label span{background-color:var(--sec);color:var(--main);opacity:1}