.toggle .gchoice, .toggle-switch .gchoice {
  position: relative; }
.toggle input[type="checkbox"], .toggle-switch input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  z-index: 3; }
  .toggle input[type="checkbox"] + label, .toggle-switch input[type="checkbox"] + label {
    content: none;
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
    border-radius: 15px;
    border: 1px solid #CCC; }
    .toggle input[type="checkbox"] + label::after, .toggle-switch input[type="checkbox"] + label::after {
      content: url(../img/unchecked.svg);
      position: absolute;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background-color: white;
      top: -1px;
      left: -1px;
      transition: all 0.3s; }
  .toggle input[type="checkbox"]:checked + label, .toggle-switch input[type="checkbox"]:checked + label {
    background-color: #eee; }
    .toggle input[type="checkbox"]:checked + label::after, .toggle-switch input[type="checkbox"]:checked + label::after {
      content: url(../img/checked.svg);
      left: 30px; }

/*# sourceMappingURL=switch.css.map */