@awsui/components-react/radio-group/styles.scoped.css

AWS UI is a collection of [React](https://reactjs.org/) components that help create intuitive, responsive, and accessible user experiences for web applications. It is developed by Amazon Web Services (AWS). This work is available under the terms of the [A

._root_1mabk_ugboh_3:not(#\9){
  border-collapse:separate;
  border-spacing:0;
  caption-side:top;
  cursor:auto;
  direction:ltr;
  empty-cells:show;
  font-family:serif;
  font-size:medium;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  font-stretch:normal;
  line-height:normal;
  hyphens:none;
  letter-spacing:normal;
  list-style:disc outside none;
  tab-size:8;
  text-align:left;
  text-align-last:auto;
  text-indent:0;
  text-shadow:none;
  text-transform:none;
  visibility:visible;
  white-space:normal;
  widows:2;
  word-spacing:normal;
  box-sizing:border-box;
  font-size:1.4rem;
  font-size:var(--size-font-body-100-1S0qZw, 1.4rem);
  line-height:2.2rem;
  line-height:var(--size-lineHeight-body-100-2aIKVt, 2.2rem);
  color:#16191f;
  color:var(--color-text-body-default-2ZjSsg, #16191f);
  font-weight:400;
  font-family:"Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
  display:block;
}

._radio_1mabk_ugboh_14 + ._radio_1mabk_ugboh_14:not(#\9){
  margin-top:0.4rem;
  margin-top:var(--space-scaled-xxs-wz9S8K, 0.4rem);
}

._radio--has-description_1mabk_ugboh_22 + ._radio_1mabk_ugboh_14:not(#\9){
  margin-top:0.8rem;
  margin-top:var(--space-scaled-xs-19adjU, 0.8rem);
}

._radio-control_1mabk_ugboh_26:not(#\9){
  margin-top:calc((2.2rem - 1.4rem) / 2);
  margin-top:calc((var(--size-lineHeight-body-100-2aIKVt, 2.2rem) - 1.4rem) / 2);
  min-height:1.4rem;
  min-width:1.4rem;
  height:1.4rem;
  width:1.4rem;
}

._input_1mabk_ugboh_34[data-awsui-focus-visible=true]:not(#\9):focus + div{
  position:relative;
}
._input_1mabk_ugboh_34[data-awsui-focus-visible=true]:not(#\9):focus + div{
  outline:2px dotted transparent;
  outline-offset:calc(2px - 1px);
}
._input_1mabk_ugboh_34[data-awsui-focus-visible=true]:not(#\9):focus + div::before{
  content:" ";
  display:block;
  position:absolute;
  left:-2px;
  top:-2px;
  width:calc(100% + 2 * 2px);
  height:calc(100% + 2 * 2px);
  border-radius:50%;
  box-shadow:0 0 0 2px #00a1c9;
  box-shadow:0 0 0 2px var(--color-border-item-focused-RH7L5U, #00a1c9);
}

._styled-circle-border_1mabk_ugboh_53:not(#\9){
  stroke:#aab7b8;
  stroke:var(--color-border-control-default-2xktd9, #aab7b8);
  fill:#ffffff;
  fill:var(--color-background-control-default-2k-l2Z, #ffffff);
}
._styled-circle-border_1mabk_ugboh_53._styled-circle-disabled_1mabk_ugboh_57:not(#\9){
  fill:#d5dbdb;
  fill:var(--color-background-control-disabled-1Theti, #d5dbdb);
  stroke:#d5dbdb;
  stroke:var(--color-background-control-disabled-1Theti, #d5dbdb);
}

._styled-circle-fill_1mabk_ugboh_62:not(#\9){
  stroke:#0073bb;
  stroke:var(--color-background-control-checked-3H8Hch, #0073bb);
  fill:#ffffff;
  fill:var(--color-foreground-control-default-2k-l2Z, #ffffff);
  opacity:0;
  transition:opacity 90ms linear;
  transition:opacity var(--motion-duration-transition-quick-2hvSaJ, 90ms) var(--motion-easing-transition-quick-2nchNs, linear);
}
._styled-circle-fill_1mabk_ugboh_62._styled-circle-checked_1mabk_ugboh_68:not(#\9){
  opacity:1;
}
._styled-circle-fill_1mabk_ugboh_62._styled-circle-disabled_1mabk_ugboh_57:not(#\9){
  fill:#ffffff;
  fill:var(--color-foreground-control-disabled-2k-l2Z, #ffffff);
  stroke:#d5dbdb;
  stroke:var(--color-background-control-disabled-1Theti, #d5dbdb);
}
@media (prefers-reduced-motion: reduce){
  ._styled-circle-fill_1mabk_ugboh_62:not(#\9){
    animation:none;
    transition:none;
  }
}
.awsui-motion-disabled ._styled-circle-fill_1mabk_ugboh_62:not(#\9){
  animation:none;
  transition:none;
}