.br-radio {
  display: block;
}
.br-radio input[type=radio] {
  opacity: 0;
  position: absolute;
  /*** Elemento checado ***/
}
.br-radio input[type=radio]:focus:checked + label::before,
.br-radio input[type=radio]:focus + label::before, .br-radio input[type=radio]:focus-visible:checked + label::before,
.br-radio input[type=radio]:focus-visible + label::before, .br-radio input[type=radio].focus-visible:checked + label::before,
.br-radio input[type=radio].focus-visible + label::before {
  border-color: var(--focus-color);
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus-color);
  outline: none;
}
.br-radio input[type=radio]:hover:not(:disabled) + label::before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-radio input[type=radio]:disabled + label {
  cursor: not-allowed;
  opacity: var(--disabled);
}
.br-radio input[type=radio]:disabled + label * {
  pointer-events: none;
}
.br-radio input[type=radio] + label {
  align-items: flex-start;
  color: var(--color-secondary-08);
  cursor: pointer;
  display: inline-block;
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-medium);
  min-height: var(--spacing-scale-3x);
  padding: var(--spacing-scale-half) var(--spacing-scale-4x) var(--spacing-scale-base) var(--spacing-scale-4x);
  padding-bottom: 0;
  position: relative;
}
.br-radio input[type=radio] + label::before {
  background: var(--color-secondary-01);
  border: 1px solid var(--color-secondary-04);
  border-radius: 50%;
  content: "";
  height: var(--spacing-scale-3x);
  left: 0;
  padding: var(--spacing-scale-half) var(--spacing-scale-base) var(--spacing-scale-half) 0;
  position: absolute;
  width: var(--spacing-scale-3x);
}
.br-radio input[type=radio]:checked + label::after {
  background: var(--color-primary-lighten-01);
  border: 7px solid var(--color-primary-lighten-01);
  border-radius: 50%;
  bottom: 0;
  content: "";
  height: 10px;
  left: 5px;
  position: absolute;
  right: 0;
  top: 9px;
  transform: scale(0.9, 0.9);
  width: 10px;
}
.br-radio input[type=radio]:invalid + label::before {
  border-color: var(--color-danger);
  border-width: 2px;
}
.br-radio.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio] + label::before, .br-radio.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio] + label::before, .br-radio[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio] + label::before {
  border-color: #e60000;
  border-color: var(--color-danger);
  border-width: 2px;
}
.br-radio.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:checked + label::before, .br-radio.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:checked + label::before, .br-radio[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:checked + label::before {
  border-color: #e60000;
}
.br-radio.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked + label::before:focus,
.br-radio.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus + label::before:focus, .br-radio.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked + label::before:focus,
.br-radio.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus + label::before:focus, .br-radio[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked + label::before:focus,
.br-radio[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus + label::before:focus {
  outline: none;
}
.br-radio.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked + label::before.focus-visible, .br-radio.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked + label::before:focus-visible,
.br-radio.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus + label::before.focus-visible,
.br-radio.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus + label::before:focus-visible, .br-radio.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked + label::before.focus-visible, .br-radio.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked + label::before:focus-visible,
.br-radio.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus + label::before.focus-visible,
.br-radio.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus + label::before:focus-visible, .br-radio[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked + label::before.focus-visible, .br-radio[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked + label::before:focus-visible,
.br-radio[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus + label::before.focus-visible,
.br-radio[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus + label::before:focus-visible {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-radio.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:hover:not(:disabled) + label::before, .br-radio.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:hover:not(:disabled) + label::before, .br-radio[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:hover:not(:disabled) + label::before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-radio.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio] + label::before, .br-radio.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio] + label::before, .br-radio[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio] + label::before {
  border-color: #168821;
  border-color: var(--color-success);
  border-width: 2px;
}
.br-radio.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:checked + label::before, .br-radio.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:checked + label::before, .br-radio[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:checked + label::before {
  border-color: #168821;
}
.br-radio.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked + label::before:focus,
.br-radio.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus + label::before:focus, .br-radio.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked + label::before:focus,
.br-radio.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus + label::before:focus, .br-radio[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked + label::before:focus,
.br-radio[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus + label::before:focus {
  outline: none;
}
.br-radio.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked + label::before.focus-visible, .br-radio.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked + label::before:focus-visible,
.br-radio.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus + label::before.focus-visible,
.br-radio.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus + label::before:focus-visible, .br-radio.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked + label::before.focus-visible, .br-radio.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked + label::before:focus-visible,
.br-radio.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus + label::before.focus-visible,
.br-radio.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus + label::before:focus-visible, .br-radio[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked + label::before.focus-visible, .br-radio[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked + label::before:focus-visible,
.br-radio[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus + label::before.focus-visible,
.br-radio[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus + label::before:focus-visible {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-radio.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:hover:not(:disabled) + label::before, .br-radio.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:hover:not(:disabled) + label::before, .br-radio[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:hover:not(:disabled) + label::before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-radio.is-small input[type=radio] + label, .br-radio.small input[type=radio] + label, .br-radio[small] input[type=radio] + label {
  line-height: var(--spacing-scale-2xh);
  min-height: var(--spacing-scale-2xh);
}
.br-radio.is-small input[type=radio] + label::before, .br-radio.small input[type=radio] + label::before, .br-radio[small] input[type=radio] + label::before {
  height: var(--spacing-scale-2xh);
  width: var(--spacing-scale-2xh);
}
.br-radio.is-small input[type=radio]:checked + label::after, .br-radio.small input[type=radio]:checked + label::after, .br-radio[small] input[type=radio]:checked + label::after {
  border-width: 4px;
  height: 10px;
  width: 10px;
}

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