.input{outline:none;color:inherit;box-shadow:none;display:block;box-sizing:border-box;width:100%;cursor:pointer;margin:.25rem 0}.input:focus{outline:none;color:inherit;box-shadow:none}.input,input[type=checkbox]+label::before{padding:.75rem 1rem;width:100%;transition-property:color border-color}.input:focus{border-color:#8f5902;color:inherit}.input:focus+label{color:#8f5902}.input:focus:valid{border-color:#228b22}.input:focus:valid+label,.input:valid+label>span{color:#228b22}.input:focus:invalid{border-color:brown}.input:focus:invalid+label{color:brown}input[type=checkbox]+label{margin:.5rem 0}input[type=checkbox]+label::before{display:inline-block;content:"✔";font-size:.75rem;padding:0;width:1rem;height:1rem;line-height:1rem;margin-right:.5rem;vertical-align:middle;text-align:center;color:#fff;cursor:pointer}input[type=checkbox]:checked+label::before{color:gray}