.bbr-radio-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.bbr-radio-group.is-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
}

.bbr-radio-item {
  display: flex;
  align-items: center;
}

.is-checkradio.bbr-radio[type=radio] {
  outline: 0;
  user-select: none;
  display: inline-block;
  position: absolute;
  opacity: 0;
}
.is-checkradio.bbr-radio[type=radio] + label {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-left: 1.75rem;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.25;
  min-height: 1.5rem;
}
.is-checkradio.bbr-radio[type=radio] + label::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25rem;
  height: 1.25rem;
  border: 0.1rem solid var(--bulma-grey-lighter, #dbdbdb);
  border-radius: var(--bulma-radius, 4px);
  background: transparent;
  content: "";
  transition: background 0.15s ease-out, border-color 0.15s ease-out;
}
.is-checkradio.bbr-radio[type=radio] + label::after {
  position: absolute;
  left: 0.3125rem;
  top: 50%;
  transform: translateY(-50%) scale(0);
  width: 0.625rem;
  height: 0.625rem;
  border-radius: var(--bulma-radius, 4px);
  background: var(--bulma-primary, #00d1b2);
  content: "";
  transition: transform 0.15s ease-out;
}
.is-checkradio.bbr-radio[type=radio]:checked + label::after {
  transform: translateY(-50%) scale(1);
}
.is-checkradio.bbr-radio[type=radio]:checked + label::before {
  border-color: var(--bulma-primary, #00d1b2);
}
.is-checkradio.bbr-radio[type=radio]:focus + label::before {
  border-color: var(--bulma-primary, #00d1b2);
  box-shadow: 0 0 0 0.125em rgba(var(--bulma-primary, #00d1b2), 0.25);
}
.is-checkradio.bbr-radio[type=radio]:hover:not(:disabled) + label::before {
  border-color: var(--bulma-grey-light, #b5b5b5);
}
.is-checkradio.bbr-radio[type=radio]:disabled {
  cursor: not-allowed;
}
.is-checkradio.bbr-radio[type=radio]:disabled + label {
  opacity: 0.5;
  cursor: not-allowed;
}
.is-checkradio.bbr-radio[type=radio].is-circle + label::before {
  border-radius: 50%;
}
.is-checkradio.bbr-radio[type=radio].is-circle + label::after {
  border-radius: 50%;
}
.is-checkradio.bbr-radio[type=radio].is-block + label {
  padding: 0.5rem 0.75rem 0.5rem 2.25rem;
  background: var(--bulma-white-bis, #fafafa);
  border-radius: var(--bulma-radius, 4px);
  width: 100%;
}
.is-checkradio.bbr-radio[type=radio].is-block + label::before {
  left: 0.5rem;
}
.is-checkradio.bbr-radio[type=radio].is-block + label::after {
  left: 0.8125rem;
}
.is-checkradio.bbr-radio[type=radio].is-block + label:hover {
  background: var(--bulma-white-ter, #f5f5f5);
}
.is-checkradio.bbr-radio[type=radio].is-block:checked + label {
  background: rgba(var(--bulma-primary, #00d1b2), 0.1);
}
.is-checkradio.bbr-radio[type=radio].has-no-border + label::before {
  border: none;
  background: var(--bulma-grey-lighter, #dbdbdb);
}
.is-checkradio.bbr-radio[type=radio].has-no-border:checked + label::before {
  background: rgba(var(--bulma-primary, #00d1b2), 0.2);
}
.is-checkradio.bbr-radio[type=radio].has-background-color + label::before {
  background: var(--bulma-white-ter, #f5f5f5);
}
.is-checkradio.bbr-radio[type=radio].has-background-color:checked + label::before {
  background: rgba(var(--bulma-primary, #00d1b2), 0.15);
  border-color: var(--bulma-primary, #00d1b2);
}
.is-checkradio.bbr-radio[type=radio].is-small + label {
  font-size: 0.75rem;
  padding-left: 1.5rem;
}
.is-checkradio.bbr-radio[type=radio].is-small + label::before {
  width: 1rem;
  height: 1rem;
}
.is-checkradio.bbr-radio[type=radio].is-small + label::after {
  width: 0.5rem;
  height: 0.5rem;
  left: 0.25rem;
}
.is-checkradio.bbr-radio[type=radio].is-small.is-block + label {
  padding-left: 2rem;
}
.is-checkradio.bbr-radio[type=radio].is-small.is-block + label::before {
  left: 0.5rem;
}
.is-checkradio.bbr-radio[type=radio].is-small.is-block + label::after {
  left: 0.75rem;
}
.is-checkradio.bbr-radio[type=radio].is-medium + label {
  font-size: 1.25rem;
  padding-left: 2rem;
}
.is-checkradio.bbr-radio[type=radio].is-medium + label::before {
  width: 1.5rem;
  height: 1.5rem;
}
.is-checkradio.bbr-radio[type=radio].is-medium + label::after {
  width: 0.75rem;
  height: 0.75rem;
  left: 0.375rem;
}
.is-checkradio.bbr-radio[type=radio].is-medium.is-block + label {
  padding-left: 2.5rem;
}
.is-checkradio.bbr-radio[type=radio].is-medium.is-block + label::before {
  left: 0.5rem;
}
.is-checkradio.bbr-radio[type=radio].is-medium.is-block + label::after {
  left: 0.875rem;
}
.is-checkradio.bbr-radio[type=radio].is-large + label {
  font-size: 1.5rem;
  padding-left: 2.25rem;
}
.is-checkradio.bbr-radio[type=radio].is-large + label::before {
  width: 1.75rem;
  height: 1.75rem;
}
.is-checkradio.bbr-radio[type=radio].is-large + label::after {
  width: 0.875rem;
  height: 0.875rem;
  left: 0.4375rem;
}
.is-checkradio.bbr-radio[type=radio].is-large.is-block + label {
  padding-left: 2.75rem;
}
.is-checkradio.bbr-radio[type=radio].is-large.is-block + label::before {
  left: 0.5rem;
}
.is-checkradio.bbr-radio[type=radio].is-large.is-block + label::after {
  left: 0.9375rem;
}
.is-checkradio.bbr-radio[type=radio].is-primary:checked + label::before {
  border-color: var(--bulma-primary, #00d1b2);
}
.is-checkradio.bbr-radio[type=radio].is-primary:checked + label::after {
  background: var(--bulma-primary, #00d1b2);
}
.is-checkradio.bbr-radio[type=radio].is-primary:focus + label::before {
  border-color: var(--bulma-primary, #00d1b2);
  box-shadow: 0 0 0 0.125em rgba(var(--bulma-primary, #00d1b2), 0.25);
}
.is-checkradio.bbr-radio[type=radio].is-primary.is-block:checked + label {
  background: rgba(var(--bulma-primary, #00d1b2), 0.1);
}
.is-checkradio.bbr-radio[type=radio].is-primary.has-background-color:checked + label::before {
  background: rgba(var(--bulma-primary, #00d1b2), 0.15);
  border-color: var(--bulma-primary, #00d1b2);
}
.is-checkradio.bbr-radio[type=radio].is-primary.has-no-border:checked + label::before {
  background: rgba(var(--bulma-primary, #00d1b2), 0.2);
}
.is-checkradio.bbr-radio[type=radio].is-link:checked + label::before {
  border-color: var(--bulma-link, #485fc7);
}
.is-checkradio.bbr-radio[type=radio].is-link:checked + label::after {
  background: var(--bulma-link, #485fc7);
}
.is-checkradio.bbr-radio[type=radio].is-link:focus + label::before {
  border-color: var(--bulma-link, #485fc7);
  box-shadow: 0 0 0 0.125em rgba(var(--bulma-link, #485fc7), 0.25);
}
.is-checkradio.bbr-radio[type=radio].is-link.is-block:checked + label {
  background: rgba(var(--bulma-link, #485fc7), 0.1);
}
.is-checkradio.bbr-radio[type=radio].is-link.has-background-color:checked + label::before {
  background: rgba(var(--bulma-link, #485fc7), 0.15);
  border-color: var(--bulma-link, #485fc7);
}
.is-checkradio.bbr-radio[type=radio].is-link.has-no-border:checked + label::before {
  background: rgba(var(--bulma-link, #485fc7), 0.2);
}
.is-checkradio.bbr-radio[type=radio].is-info:checked + label::before {
  border-color: var(--bulma-info, #3e8ed0);
}
.is-checkradio.bbr-radio[type=radio].is-info:checked + label::after {
  background: var(--bulma-info, #3e8ed0);
}
.is-checkradio.bbr-radio[type=radio].is-info:focus + label::before {
  border-color: var(--bulma-info, #3e8ed0);
  box-shadow: 0 0 0 0.125em rgba(var(--bulma-info, #3e8ed0), 0.25);
}
.is-checkradio.bbr-radio[type=radio].is-info.is-block:checked + label {
  background: rgba(var(--bulma-info, #3e8ed0), 0.1);
}
.is-checkradio.bbr-radio[type=radio].is-info.has-background-color:checked + label::before {
  background: rgba(var(--bulma-info, #3e8ed0), 0.15);
  border-color: var(--bulma-info, #3e8ed0);
}
.is-checkradio.bbr-radio[type=radio].is-info.has-no-border:checked + label::before {
  background: rgba(var(--bulma-info, #3e8ed0), 0.2);
}
.is-checkradio.bbr-radio[type=radio].is-success:checked + label::before {
  border-color: var(--bulma-success, #48c78e);
}
.is-checkradio.bbr-radio[type=radio].is-success:checked + label::after {
  background: var(--bulma-success, #48c78e);
}
.is-checkradio.bbr-radio[type=radio].is-success:focus + label::before {
  border-color: var(--bulma-success, #48c78e);
  box-shadow: 0 0 0 0.125em rgba(var(--bulma-success, #48c78e), 0.25);
}
.is-checkradio.bbr-radio[type=radio].is-success.is-block:checked + label {
  background: rgba(var(--bulma-success, #48c78e), 0.1);
}
.is-checkradio.bbr-radio[type=radio].is-success.has-background-color:checked + label::before {
  background: rgba(var(--bulma-success, #48c78e), 0.15);
  border-color: var(--bulma-success, #48c78e);
}
.is-checkradio.bbr-radio[type=radio].is-success.has-no-border:checked + label::before {
  background: rgba(var(--bulma-success, #48c78e), 0.2);
}
.is-checkradio.bbr-radio[type=radio].is-warning:checked + label::before {
  border-color: var(--bulma-warning, #ffe08a);
}
.is-checkradio.bbr-radio[type=radio].is-warning:checked + label::after {
  background: var(--bulma-warning, #ffe08a);
}
.is-checkradio.bbr-radio[type=radio].is-warning:focus + label::before {
  border-color: var(--bulma-warning, #ffe08a);
  box-shadow: 0 0 0 0.125em rgba(var(--bulma-warning, #ffe08a), 0.25);
}
.is-checkradio.bbr-radio[type=radio].is-warning.is-block:checked + label {
  background: rgba(var(--bulma-warning, #ffe08a), 0.1);
}
.is-checkradio.bbr-radio[type=radio].is-warning.has-background-color:checked + label::before {
  background: rgba(var(--bulma-warning, #ffe08a), 0.15);
  border-color: var(--bulma-warning, #ffe08a);
}
.is-checkradio.bbr-radio[type=radio].is-warning.has-no-border:checked + label::before {
  background: rgba(var(--bulma-warning, #ffe08a), 0.2);
}
.is-checkradio.bbr-radio[type=radio].is-danger:checked + label::before {
  border-color: var(--bulma-danger, #f14668);
}
.is-checkradio.bbr-radio[type=radio].is-danger:checked + label::after {
  background: var(--bulma-danger, #f14668);
}
.is-checkradio.bbr-radio[type=radio].is-danger:focus + label::before {
  border-color: var(--bulma-danger, #f14668);
  box-shadow: 0 0 0 0.125em rgba(var(--bulma-danger, #f14668), 0.25);
}
.is-checkradio.bbr-radio[type=radio].is-danger.is-block:checked + label {
  background: rgba(var(--bulma-danger, #f14668), 0.1);
}
.is-checkradio.bbr-radio[type=radio].is-danger.has-background-color:checked + label::before {
  background: rgba(var(--bulma-danger, #f14668), 0.15);
  border-color: var(--bulma-danger, #f14668);
}
.is-checkradio.bbr-radio[type=radio].is-danger.has-no-border:checked + label::before {
  background: rgba(var(--bulma-danger, #f14668), 0.2);
}