.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 {
  padding: 0 0 0 10px;
  cursor: pointer
}
.inputradio {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  composes: cover from "../../commoncss/flex.module.css";
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 1
}
.primary.focusVisible{
  outline: 1px solid var(--lib_primary_rg_border);
  outline-offset: 3px
}
.danger.focusVisible{
  outline: 1px solid var(--lib_danger_rg_border);
  outline-offset: 3px
}
.button {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  border: 1px solid #788190;
  background-color: #fff;
  flex-shrink: 0
}
.button::before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  border-radius: inherit;
  transition: all 0.3s ease;
  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: 13px;
  height: 13px
}
.medium {
  width: 16px;
  height: 16px
}
.large {
  width: 19px;
  height: 19px
}
/*Colors*/
.primary.outer {
  --local_outer_bg_color: var(--lib_primary_rg_bg);
  --local_outer_border_color: var(--lib_primary_rg_border);
}
.primary.outer::before {
  --local_outer_before_bg_color: var(--lib_primary_rg_bg1);
  --local_outer_before_tf_scale: scale(0.5);
}
.primary.outer:hover {
  --local_outer_border_color: var(--lib_primary_rg_border);
}
.primary.inner,
.primary.inner:hover {
  --local_inner_border_color: var(--lib_primary_rg_border);
}
.primary.inner::before {
  --local_inner_before_bg_color: var(--lib_primary_rg_bg);
  --local_inner_before_tf_scale: scale(0.6);
}
.danger.outer {
  --local_outer_bg_color: var(--lib_danger_rg_bg);
  --local_outer_border_color: var(--lib_danger_rg_border);
}
.danger.outer::before {
  --local_outer_before_bg_color: #fff;
  --local_outer_before_tf_scale: scale(0.5);
}
.danger.outer:hover {
  --local_outer_border_color: var(--lib_danger_rg_border);
}
.danger.inner,
.danger.inner:hover {
  --local_inner_border_color: var(--lib_danger_rg_border);
}
.danger.inner::before {
  --local_inner_before_bg_color: var(--lib_danger_rg_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 {
  cursor: not-allowed;
  opacity: 0.5;
}
.disabledInputRadio,.disabledLabel {
  cursor: not-allowed;
}
