body{
  @apply font-base
}
.control--radio {
    @apply flex cursor-pointer font-medium relative overflow-hidden mb-1;
  }
  .control--radio input {
      @apply absolute;
      left: -9999px;
  }
  .control--radio input:checked + span:before {
    @apply shadow-[inset_0_0_0_0.4375em_#C92C73];
  }
  .control--radio span:before {
    @apply flex bg-white w-6 h-6 rounded-full mr-[0.375em] shadow-[inset_0_0_0_0.125em_#2C2738];
    flex-shrink: 0;
    content: "";
  transition: 0.25s ease;
}
  .control--radio span {
      @apply flex items-center py-[0.375em] pt-[0.375em] pr-[0.75em] rounded-full;
    transition: 0.25s ease;
  }



/* default */
.default.control--radio input:checked + span:before {
    @apply shadow-[inset_0_0_0_0.4375em_#C92C73];
  }
  .default.control--radio span:before {
    @apply flex bg-white w-6 h-6 rounded-full mr-[0.375em] shadow-[inset_0_0_0_0.125em_#2C2738];
    flex-shrink: 0;
    content: "";
  transition: 0.25s ease;
}

/* Primary */
.primary.control--radio input:checked + span:before {
  @apply shadow-[inset_0_0_0_0.4375em_#5F227B];
}
.primary.control--radio span:before {
  @apply flex bg-white w-6 h-6 rounded-full mr-[0.375em] shadow-[inset_0_0_0_0.125em_#5F227B];
  flex-shrink: 0;
  content: "";
transition: 0.25s ease;
}

/* Secondary */
.secondary.control--radio input:checked + span:before {
  @apply shadow-[inset_0_0_0_0.4375em_#C92C73];
}
.secondary.control--radio span:before {
  @apply flex bg-white w-6 h-6 rounded-full mr-[0.375em] shadow-[inset_0_0_0_0.125em_#C92C73];
  flex-shrink: 0;
  content: "";
transition: 0.25s ease;
}

/* default */
.default.control--radio span:before {
  @apply w-6 h-6;
}
.default.control--radio span{
  @apply text-base;
}
/* small */
.small.control--radio span:before {
  @apply w-5 h-5 text-sm;
}
.small.control--radio span{
  @apply text-sm;
}
/* medium */
.medium.control--radio span:before {
  @apply w-8 h-8;
}
.medium.control--radio span{
  @apply text-lg;
}
/* large */
.large.control--radio span:before {
  @apply w-10 h-10 ;
}
.large.control--radio span{
  @apply text-2xl;
}