JSFiddle - React, Tailwind, and code Playground
by Vasiliy
HTML
<style data-uglified="true">
#adoric_smartbox_e2e9e62ccfb68 #stylizedBlueForm input::-webkit-input-placeholder {
color: #fff
}
#adoric_smartbox_e2e9e62ccfb68 #stylizedBlueForm input:-moz-placeholder {
color: #fff
}
#adoric_smartbox_e2e9e62ccfb68 #stylizedBlueForm input::-moz-placeholder {
color: #fff
}
#adoric_smartbox_e2e9e62ccfb68 #stylizedBlueForm input:-ms-input-placeholder {
color: #fff
}
#adoric_smartbox_e2e9e62ccfb68 #stylizedBlueForm input[type="checkbox"] {
display: none
}
#adoric_smartbox_e2e9e62ccfb68 #stylizedBlueForm input[type="checkbox"]+label {
color: #fff;
cursor: pointer;
font-size: 14px;
letter-spacing: 0;
font-weight: normal;
display: inline-block;
height: 24px;
padding-top: 5px;
width: auto;
line-height: 1;
vertical-align: top;
position: relative;
padding-right: 30px;
margin: 0;
overflow: visible;
background-image: none;
float: right
}
#adoric_smartbox_e2e9e62ccfb68 #stylizedBlueForm input[type="checkbox"]+label::before {
content: "";
display: inline-block;
width: 19px;
height: 19px;
position: absolute;
right: 3px;
left: auto;
top: 3px;
border-radius: 50%;
border: 2px solid #68cce8;
background-color: rgba(0, 0, 0, 0);
z-index: -1;
box-sizing: border-box;
overflow: visible
}
#adoric_smartbox_e2e9e62ccfb68 #stylizedBlueForm input[type="checkbox"]:checked+label {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAMAAADDGrRQAAAAVFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////8wXzyWAAAAG3RSTlMABbbNnotu8+3bZlhQQh0QCvfer6N/ST05LCkzrmBGAAAAYklEQVQY022PWQ6AIAxElVUF3Pe5/z0NEUWK/Wnz2sxLi6wUz5DDQlELRlFf1SVBJdcdPZtxZkpYijbIEPGj1OxVjs9+x3QPfIjKFcI3geMTbT1UMInPQLqgjNXAKylMvrwA8ZkDlqrluMkAAAAASUVORK5CYII=");
background-repeat: no-repeat;
background-color: rgba(0, 0, 0,...