.form-radio {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.form-radio i {
  width: 22px;
  height: 22px;
  position: relative;
  border-radius: 4px;
  border: 1px solid #c7c7cc;
  box-sizing: border-box;
  display: block;
}
label.label-radio,
.form-radio {
  cursor: pointer;
}
label.label-radio input[type="checkbox"],
.form-radio input[type="checkbox"],
label.label-radio input[type="radio"],
.form-radio input[type="radio"] {
  display: none;
}
.form-radio input[type="radio"]:checked ~ i,
label.label-radio input[type="checkbox"]:checked ~ .item-inner,
label.label-radio input[type="radio"]:checked ~ .item-inner {
  background: no-repeat center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23007aff'%20points%3D'11.6,0%204.4,7.2%201.4,4.2%200,5.6%204.4,10%204.4,10%204.4,10%2013,1.4%20'/%3E%3C/svg%3E");
  -webkit-background-size: 13px 10px;
  background-size: 13px 10px;
}
label.label-radio input[type="checkbox"],
label.label-radio input[type="radio"] {
  display: none;
}
label.label-radio input[type="checkbox"] ~ .item-inner,
label.label-radio input[type="radio"] ~ .item-inner {
  padding-right: 35px;
}
label.label-radio input[type="checkbox"]:checked ~ .item-inner,
label.label-radio input[type="radio"]:checked ~ .item-inner {
  background-position: 90% center;
  background-position: -webkit-calc(100% - 15px) center;
  background-position: calc(100% - 15px) center;
}
label.label-checkbox,
label.label-radio {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
html:not(.watch-active-state) label.label-checkbox:active,
html:not(.watch-active-state) label.label-radio:active,
label.label-checkbox.active-state,
label.label-radio.active-state {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
  background-color: #d9d9d9;
}
html:not(.watch-active-state) label.label-checkbox:active .item-inner:after,
html:not(.watch-active-state) label.label-radio:active .item-inner:after,
label.label-checkbox.active-state .item-inner:after,
label.label-radio.active-state .item-inner:after {
  background-color: transparent;
}