.base {
  composes: inflex from "../../commoncss/flex.module.css";
  composes: align_center_both from "../../commoncss/flex.module.css";
  position: relative
}
.radioGroup{
  composes: inflex from "../../commoncss/flex.module.css";
}
.label {
  cursor: pointer
}
[dir=ltr] .label {
  padding: 0 0 0 var(--lib_size_10)
}
[dir=rtl] .label {
  padding: 0 var(--lib_size_10) 0 0
}
.inputradio {
  position: absolute;
  opacity: 0;
  composes: cover from "../../commoncss/flex.module.css";
  top: 0;
  z-index: 1;
  cursor: pointer;
  margin: 0;
  padding: 0
}
[dir=ltr] .inputradio {
  left: 0
}
[dir=rtl] .inputradio {
  right: 0
}
.primary.focusVisible{
  outline: 1px solid var(--lib_base_radio_primary_outline);
  outline-offset: 3px
}
.danger.focusVisible{
  outline: 1px solid var(--lib_base_radio_danger_outline);
  outline-offset: 3px
}
.button {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  border-radius: 50%;
  border: 1px solid var(--lib_base_radio_button_border);
  background-color: var(--lib_base_radio_button_bg)
}
.button::before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  transition: all 0.3s ease;
  border-radius: inherit;
  transform: scale(0)
}
/*direction*/
.vertical {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: flex-start
}
.horizontal {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: center
}
/*sizes*/
.small {
  width: var(--lib_size_13);
  height: var(--lib_size_13)
}
.medium {
  width: var(--lib_size_16);
  height: var(--lib_size_16)
}
.large {
  width: var(--lib_size_19);
  height: var(--lib_size_19)
}
/*Colors*/
.primary.outer {
  --local_outer_bg_color: var(--lib_base_radio_primary_outer_bg);
  --local_outer_border_color: var(--lib_base_radio_primary_outer_border);
}
.primary.outer::before {
  --local_outer_before_bg_color: var(--lib_base_radio_primary_outer_before_bg);
  --local_outer_before_tf_scale: scale(0.5);
}
.primary.outer:hover {
  --local_outer_border_color: var(--lib_base_radio_primary_outer_hover_border);
}
.primary.inner,
.primary.inner:hover {
  --local_inner_border_color: var(--lib_base_radio_primary_inner_border);
}
.primary.inner::before {
  --local_inner_before_bg_color: var(--lib_base_radio_primary_inner_before_bg);
  --local_inner_before_tf_scale: scale(0.6);
}
.danger.outer {
  --local_outer_bg_color: var(--lib_base_radio_danger_outer_bg);
  --local_outer_border_color: var(--lib_base_radio_danger_outer_border);
}
.danger.outer::before {
  --local_outer_before_bg_color: var(--lib_base_radio_danger_outer_before_bg);
  --local_outer_before_tf_scale: scale(0.5);
}
.danger.outer:hover {
  --local_outer_border_color: var(--lib_base_radio_danger_outer_hover_border);
}
.danger.inner,
.danger.inner:hover {
  --local_inner_border_color: var(--lib_base_radio_danger_inner_border);
}
.danger.inner::before {
  --local_inner_before_bg_color: var(--lib_base_radio_danger_inner_before_bg);
  --local_inner_before_tf_scale: scale(0.6);
}
/*ui variant*/
.outer {
  background-color: var(--local_outer_bg_color);
  border-color: var(--local_outer_border_color);
}
.outer::before {
  background-color: var(--local_outer_before_bg_color);
  transform: var(--local_outer_before_tf_scale);
}
.outer:hover {
  border-color: var(--local_outer_border_color);
}
.inner, .inner:hover {
  border-color: var(--local_inner_border_color);
}
.inner::before {
  background-color: var(--local_inner_before_bg_color);
  transform: var(--local_inner_before_tf_scale)
}
/* Disable Styles  */
.disabledRadio {
  opacity: 0.5;
  cursor: not-allowed;
}
.disabledInputRadio, .disabledLabel {
  cursor: not-allowed;
}
