/* Input Group CSS */
.inputGroup {
  background-color: #fff;
  display: block;
  margin: 20px 0 0;
  position: relative; }
  .inputGroup label {
    padding: 10px 10px 10px 40px;
    width: 100%;
    display: block;
    text-align: left;
    color: #3C454C;
    margin: 0;
    cursor: pointer;
    position: relative;
    z-index: 2;
    transition: color 200ms ease-in;
    overflow: hidden; }
    .inputGroup label:before {
      width: 10px;
      height: 10px;
      content: '';
      background-color: #5562eb;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%) scale3d(1, 1, 1);
      transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
      opacity: 0;
      z-index: -1; }
    .inputGroup label:after {
      width: 20px;
      height: 20px;
      content: '';
      border: 1px solid #999999;
      background-color: #fff;
      background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
      background-repeat: no-repeat;
      background-position: -2px 0px;
      z-index: 2;
      position: absolute;
      left: 10px;
      top: 20px;
      transform: translateY(-50%);
      cursor: pointer;
      transition: all 200ms ease-in; }
  .inputGroup input {
    width: 28px;
    height: 28px;
    order: 1;
    z-index: 2;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    visibility: hidden; }
    .inputGroup input[type="radio"] ~ labelbefore, .inputGroup input[type="radio"] ~ label:after {
      border-radius: 50%; }
    .inputGroup input:checked ~ label {
      color: #fff; }
      .inputGroup input:checked ~ label:before {
        transform: translate(-50%, -50%) scale3d(56, 56, 1);
        opacity: 1; }
      .inputGroup input:checked ~ label:after {
        background-color: #54E0C7;
        border-color: #54E0C7; }

/*# sourceMappingURL=checkbox-radio.css.map */