.radios-container {
  padding: 10px;
}

.radio-options-container {
  display: inline-block;
  padding-left: 15px;
}

.radio-options-container-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.radio-options-container-horizontal .icta-radio-label {
  margin: 12px;
}

.icta-radio-disabled .design {
  border-color: #C4D0D9;
}

.icta-radio-disabled .design:before {
  background: #C4D0D9;
}

.icta-radio-disabled input:hover + .design {
  border-color: #C4D0D9;
}

.icta-radio-disabled input:hover + .design:before {
  background: #C4D0D9;
}

.icta-radio-disabled {
  cursor: not-allowed;
}

.icta-radio-allowed {
  cursor: pointer;
}

.icta-radio-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 12px 0;
  position: relative;
}

/* input */
.icta-radio-input {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}

.design {
  width: 16px;
  height: 16px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 100%;
  margin-right: 16px;
  position: relative;
}

.design::before,
.design::after {
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.design:before {
  background: #003e6e;
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
}

.radio-text, .radios-label {
  color: #1E374A;
}

/* checked state */
input:checked + .design::before {
  opacity: 1;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}

/* other states */
input:hover + .design,
input:focus + .design {
  border: 1px solid #003e6e;
}

input:hover + .design:before,
input:focus + .design:before {
  background: #003e6e;
}

input:hover ~ .radio-text {
  color: #003e6e;
}

input:focus + .design::after,
input:active + .design::after {
  opacity: .1;
  -webkit-transform: scale(2.6);
          transform: scale(2.6);
}
/*# sourceMappingURL=radios-input.css.map */