/** Included _colors.scss */
/** Included _breakpoints.scss */
/** Included _typesetting.scss */
/* Included _constants.scss */
/** Included _foundation.scss */
.ds-ele.ds_radios {
  color: var(--primary-color);
}
.ds-ele.ds_radios.horizontal .radios-wrapper {
  display: flex;
  margin: 10px 0;
  flex-flow: row;
  column-gap: 15px;
  align-items: center;
  border: 1px solid #58585b;
  border-radius: 4px;
  padding: 2px;
  box-sizing: border-box;
}
.ds-ele.ds_radios.horizontal .radios-wrapper:hover, .ds-ele.ds_radios.horizontal .radios-wrapper:focus, .ds-ele.ds_radios.horizontal .radios-wrapper:active {
  border-color: #1871bd;
  border-width: 3px;
  padding: 0;
  cursor: pointer;
}
.ds-ele.ds_radios.horizontal .radios-wrapper .radio-wrapper {
  width: fit-content;
  min-width: 10%;
  max-width: 50%;
  grid-template-rows: auto;
}
.ds-ele.ds_radios.horizontal .radios-wrapper .radio-wrapper:hover, .ds-ele.ds_radios.horizontal .radios-wrapper .radio-wrapper:focus, .ds-ele.ds_radios.horizontal .radios-wrapper .radio-wrapper:active {
  background-color: #d4e8f9;
}
.ds-ele.ds_radios.vertical .radios-wrapper {
  display: flex;
  margin: 10px 0;
  flex-flow: column;
  row-gap: 5px;
}

/*# sourceMappingURL=radios.css.map */