.sign-up .legal{align-items:center;margin:12px 0 24px;font-size:14px;display:flex}.sign-up .legal .checkbox-element{margin:0 8px 0 0}.sign-up .referral-info{background-color:#c8c8c880;border-radius:3px;margin:12px 0 0;padding:12px}.sign-up .referral-info h4{margin:0 0 4px}.sign-up .referral-info .note{margin:0;font-size:10px}
.checkbox-element{cursor:pointer;background-color:#fff;border:1px solid #c8c8c8;border-radius:3px;width:20px;min-width:20px;height:20px;min-height:20px;position:relative}.checkbox-element:hover,.checkbox-element.checked{border-color:#1d6998}.checkbox-element .check{width:50%;height:100%;position:absolute;top:-10%;left:25%;transform:scale(.7)rotate(45deg)}.checkbox-element .check:after{content:"";background-color:#fff;width:30%;height:90%;position:absolute;bottom:0;right:0}.checkbox-element .check:before{content:"";background-color:#fff;width:100%;height:15%;position:absolute;bottom:0;left:0}.checkbox-element.checked{background-color:#1d6998}.checkbox-element.checked .check{display:block}.sandbox .checkbox-element:hover,.sandbox .checkbox-element.checked{border-color:#22aaa1}.sandbox .checkbox-element.checked{background-color:#22aaa1}.sandbox .checkbox-element.checked .check{display:block}