.material-radio {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  padding: 10px;
  cursor: pointer;
  will-change: opacity, transform, border-color, color;
}

.material-radio::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #3F51B5;
  opacity: 0;
  pointer-events: none;
  border-radius: 50%;
  z-index: 1;
  transition: opacity 0.25s ease, background-color 0.25s ease;
}

.material-radio:hover:before {
  opacity: 0.04;
}

.material-radio:focus:before {
  opacity: 0.08;
}

.material-radio:active:before {
  opacity: 0.16;
}

.material-radio__inner-circle,
.material-radio__outer-circle,
.material-radio__native-control {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.material-radio__native-control {
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: inherit;
  z-index: 1;
}

.material-radio__background {
  display: inline-block;
  position: absolute;
  left: 10px;
  box-sizing: border-box;
  width: 50%;
  height: 50%;
}

.material-radio__outer-circle {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: border-color 0.25s cubic-bezier(0.4, 0, 0.6, 1) 0ms;
  border-width: 2px;
  border-style: solid;
}

.material-radio__inner-circle {
  box-sizing: border-box;
  -webkit-transform: scale(0);
          transform: scale(0);
  transition: border-color 0.25s cubic-bezier(0.4, 0, 0.6, 1) 0ms, -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.6, 1) 0ms;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.6, 1) 0ms, border-color 0.25s cubic-bezier(0.4, 0, 0.6, 1) 0ms;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.6, 1) 0ms, border-color 0.25s cubic-bezier(0.4, 0, 0.6, 1) 0ms, -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.6, 1) 0ms;
  border-width: 10px;
  border-style: solid;
  border-radius: 50%;
}

.material-radio__native-control:enabled + .material-radio__background .material-radio__inner-circle {
  border-color: #3F51B5;
}

.material-radio__native-control:enabled:checked + .material-radio__background .material-radio__outer-circle {
  border-color: #3F51B5;
}

.material-radio__native-control:enabled:not(:checked) + .material-radio__background .material-radio__outer-circle {
  border-color: rgba(0, 0, 0, 0.6);
}

.material-radio__native-control:checked + .material-radio__background .material-radio__inner-circle {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  transition: border-color 0.25s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1) 0ms;
  transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1) 0ms, border-color 0.25s cubic-bezier(0, 0, 0.2, 1) 0ms;
  transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1) 0ms, border-color 0.25s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1) 0ms;
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3Nhc3MvZWxlbWVudHMvcmFkaW8uc2FzcyIsIi4uLy4uL3Nhc3MvdXRpbGl0aWVzL19jb2xvcnMuc2FzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLQTtFQUNFLHVCQUFzQjtFQUN0Qiw4Q0FBMEM7RUFDMUMsc0JBQXFCO0VBQ3JCLG1CQUFrQjtFQUNsQixZQUFXO0VBQ1gsYUFBWTtFQUNaLGNBQWE7RUFDYixnQkFBZTtFQUNmLHFEQUFvRDtDQXVCaEM7O0FBaEN0QjtFQVlJLFlBQVc7RUFDWCxtQkFBa0I7RUFDbEIsT0FBTTtFQUNOLFFBQU87RUFDUCxZQUFXO0VBQ1gsYUFBWTtFQUNaLDBCQ3lEaUI7RUR4RGpCLFdBQVU7RUFDVixxQkFBb0I7RUFDcEIsbUJBQWtCO0VBQ2xCLFdBQVU7RUFDViw0REFBMkQ7Q0FBRzs7QUF2QmxFO0VBMEJJLGNBQWE7Q0FBRzs7QUExQnBCO0VBNkJJLGNBQWE7Q0FBRzs7QUE3QnBCO0VBZ0NJLGNBQWE7Q0FBRzs7QUFFcEI7OztFQUdFLG1CQUFrQjtFQUNsQixPQUFNO0VBQ04sUUFBTztFQUNQLFlBQVc7RUFDWCxhQUFZO0NBQUc7O0FBR2pCO0VBQ0UsVUFBUztFQUNULFdBQVU7RUFDVixXQUFVO0VBQ1YsZ0JBQWU7RUFDZixXQUFVO0NBQUc7O0FBRWY7RUFDRSxzQkFBcUI7RUFDckIsbUJBQWtCO0VBQ2xCLFdBQVU7RUFFVix1QkFBc0I7RUFDdEIsV0FBVTtFQUNWLFlBQVc7Q0FBRzs7QUFFaEI7RUFDRSx1QkFBc0I7RUFDdEIsbUJBQWtCO0VBQ2xCLE9BQU07RUFDTixRQUFPO0VBQ1AsWUFBVztFQUNYLGFBQVk7RUFDWixtQkFBa0I7RUFDbEIsZ0VBQTBEO0VBQzFELGtCQUFpQjtFQUNqQixvQkFBbUI7Q0FBRzs7QUFFeEI7RUFDRSx1QkFBc0I7RUFDdEIsNEJBQW1CO1VBQW5CLG9CQUFtQjtFQUNuQiwwSEFBdUc7RUFBdkcsa0hBQXVHO0VBQXZHLDRLQUF1RztFQUN2RyxtQkFBa0I7RUFDbEIsb0JBQW1CO0VBQ25CLG1CQUFrQjtDQUFHOztBQUlwQjtFQUtLLHNCQ1phO0NEWWdCOztBQUxsQztFQVVPLHNCQ2pCVztDRGlCa0I7O0FBVnBDO0VBYUssaUNDL0ZrQjtDRCtGd0I7O0FBYi9DO0VBa0JLLDhCQUFvQjtVQUFwQixzQkFBb0I7RUFDcEIsc0hBQXFHO0VBQXJHLDhHQUFxRztFQUFyRyxzS0FBcUc7Q0FBRyIsImZpbGUiOiJyYWRpby5jc3MifQ== */