.switch[type=checkbox].bbr-switch {
  outline: 0;
  user-select: none;
  display: inline-block;
  position: absolute;
  opacity: 0;
}
.switch[type=checkbox].bbr-switch:focus + label::before {
  outline: 1px dotted var(--bulma-grey-light, #b5b5b5);
}
.switch[type=checkbox].bbr-switch[disabled] {
  cursor: not-allowed;
}
.switch[type=checkbox].bbr-switch[disabled] + label {
  opacity: 0.5;
}
.switch[type=checkbox].bbr-switch[disabled] + label::before {
  opacity: 0.5;
}
.switch[type=checkbox].bbr-switch[disabled] + label::after {
  opacity: 0.5;
}
.switch[type=checkbox].bbr-switch[disabled] + label:hover {
  cursor: not-allowed;
}
.switch[type=checkbox].bbr-switch + label {
  position: relative;
  display: initial;
  font-size: 1rem;
  line-height: initial;
  padding-left: 3.5rem;
  padding-top: 0.2rem;
  cursor: pointer;
}
.switch[type=checkbox].bbr-switch + label::before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 3rem;
  height: 1.5rem;
  border: 0.1rem solid transparent;
  border-radius: var(--bulma-radius, 4px);
  background: var(--bulma-grey-light, #b5b5b5);
  content: "";
}
.switch[type=checkbox].bbr-switch + label::after {
  display: block;
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 1rem;
  height: 1rem;
  transform: translate3d(0, 0, 0);
  border-radius: var(--bulma-radius, 4px);
  background: var(--bulma-white, #fff);
  transition: all 0.25s ease-out;
  content: "";
}
.switch[type=checkbox].bbr-switch + label.is-empty {
  padding-left: 3rem;
  margin: 0 !important;
}
.switch[type=checkbox].bbr-switch.is-rtl + label {
  padding-left: 0;
  padding-right: 3.5rem;
}
.switch[type=checkbox].bbr-switch.is-rtl + label::before {
  left: auto;
  right: 0;
}
.switch[type=checkbox].bbr-switch.is-rtl + label::after {
  left: auto;
  right: 1.625rem;
}
.switch[type=checkbox].bbr-switch:checked + label::before {
  background: var(--bulma-primary, #00d1b2);
}
.switch[type=checkbox].bbr-switch:checked + label::after {
  left: 1.625rem;
}
.switch[type=checkbox].bbr-switch.is-rtl:checked + label::after {
  left: auto;
  right: 0.25rem;
}
.switch[type=checkbox].bbr-switch.is-outlined + label::before {
  background-color: transparent;
  border-color: var(--bulma-grey-light, #b5b5b5);
}
.switch[type=checkbox].bbr-switch.is-outlined + label::after {
  background: var(--bulma-grey-light, #b5b5b5);
}
.switch[type=checkbox].bbr-switch.is-outlined:checked + label::before {
  background-color: transparent;
  border-color: var(--bulma-primary, #00d1b2);
}
.switch[type=checkbox].bbr-switch.is-outlined:checked + label::after {
  background: var(--bulma-primary, #00d1b2);
}
.switch[type=checkbox].bbr-switch.is-thin + label::before {
  top: 0.375rem;
  height: 0.75rem;
}
.switch[type=checkbox].bbr-switch.is-rounded + label::before {
  border-radius: 0.75rem;
}
.switch[type=checkbox].bbr-switch.is-rounded + label::after {
  border-radius: 50%;
}
.switch[type=checkbox].bbr-switch.is-small + label {
  position: relative;
  display: initial;
  font-size: 0.75rem;
  line-height: initial;
  padding-left: 2.75rem;
  padding-top: 0.2rem;
  cursor: pointer;
}
.switch[type=checkbox].bbr-switch.is-small + label::before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 2.25rem;
  height: 1.125rem;
  border: 0.1rem solid transparent;
  border-radius: var(--bulma-radius, 4px);
  background: var(--bulma-grey-light, #b5b5b5);
  content: "";
}
.switch[type=checkbox].bbr-switch.is-small + label::after {
  display: block;
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 0.625rem;
  height: 0.625rem;
  transform: translate3d(0, 0, 0);
  border-radius: var(--bulma-radius, 4px);
  background: var(--bulma-white, #fff);
  transition: all 0.25s ease-out;
  content: "";
}
.switch[type=checkbox].bbr-switch.is-small + label.is-empty {
  padding-left: 2.25rem;
  margin: 0 !important;
}
.switch[type=checkbox].bbr-switch.is-small.is-rtl + label {
  padding-left: 0;
  padding-right: 2.75rem;
}
.switch[type=checkbox].bbr-switch.is-small.is-rtl + label::before {
  left: auto;
  right: 0;
}
.switch[type=checkbox].bbr-switch.is-small.is-rtl + label::after {
  left: auto;
  right: 1.25rem;
}
.switch[type=checkbox].bbr-switch.is-small:checked + label::before {
  background: var(--bulma-primary, #00d1b2);
}
.switch[type=checkbox].bbr-switch.is-small:checked + label::after {
  left: 1.25rem;
}
.switch[type=checkbox].bbr-switch.is-small.is-rtl:checked + label::after {
  left: auto;
  right: 0.25rem;
}
.switch[type=checkbox].bbr-switch.is-small.is-outlined + label::before {
  background-color: transparent;
  border-color: var(--bulma-grey-light, #b5b5b5);
}
.switch[type=checkbox].bbr-switch.is-small.is-outlined + label::after {
  background: var(--bulma-grey-light, #b5b5b5);
}
.switch[type=checkbox].bbr-switch.is-small.is-outlined:checked + label::before {
  background-color: transparent;
  border-color: var(--bulma-primary, #00d1b2);
}
.switch[type=checkbox].bbr-switch.is-small.is-outlined:checked + label::after {
  background: var(--bulma-primary, #00d1b2);
}
.switch[type=checkbox].bbr-switch.is-small.is-thin + label::before {
  top: 0.28125rem;
  height: 0.5625rem;
}
.switch[type=checkbox].bbr-switch.is-small.is-rounded + label::before {
  border-radius: 0.5625rem;
}
.switch[type=checkbox].bbr-switch.is-small.is-rounded + label::after {
  border-radius: 50%;
}
.switch[type=checkbox].bbr-switch.is-medium + label {
  position: relative;
  display: initial;
  font-size: 1.25rem;
  line-height: initial;
  padding-left: 4.25rem;
  padding-top: 0.2rem;
  cursor: pointer;
}
.switch[type=checkbox].bbr-switch.is-medium + label::before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 3.75rem;
  height: 1.875rem;
  border: 0.1rem solid transparent;
  border-radius: var(--bulma-radius, 4px);
  background: var(--bulma-grey-light, #b5b5b5);
  content: "";
}
.switch[type=checkbox].bbr-switch.is-medium + label::after {
  display: block;
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 1.375rem;
  height: 1.375rem;
  transform: translate3d(0, 0, 0);
  border-radius: var(--bulma-radius, 4px);
  background: var(--bulma-white, #fff);
  transition: all 0.25s ease-out;
  content: "";
}
.switch[type=checkbox].bbr-switch.is-medium + label.is-empty {
  padding-left: 3.75rem;
  margin: 0 !important;
}
.switch[type=checkbox].bbr-switch.is-medium.is-rtl + label {
  padding-left: 0;
  padding-right: 4.25rem;
}
.switch[type=checkbox].bbr-switch.is-medium.is-rtl + label::before {
  left: auto;
  right: 0;
}
.switch[type=checkbox].bbr-switch.is-medium.is-rtl + label::after {
  left: auto;
  right: 2rem;
}
.switch[type=checkbox].bbr-switch.is-medium:checked + label::before {
  background: var(--bulma-primary, #00d1b2);
}
.switch[type=checkbox].bbr-switch.is-medium:checked + label::after {
  left: 2rem;
}
.switch[type=checkbox].bbr-switch.is-medium.is-rtl:checked + label::after {
  left: auto;
  right: 0.25rem;
}
.switch[type=checkbox].bbr-switch.is-medium.is-outlined + label::before {
  background-color: transparent;
  border-color: var(--bulma-grey-light, #b5b5b5);
}
.switch[type=checkbox].bbr-switch.is-medium.is-outlined + label::after {
  background: var(--bulma-grey-light, #b5b5b5);
}
.switch[type=checkbox].bbr-switch.is-medium.is-outlined:checked + label::before {
  background-color: transparent;
  border-color: var(--bulma-primary, #00d1b2);
}
.switch[type=checkbox].bbr-switch.is-medium.is-outlined:checked + label::after {
  background: var(--bulma-primary, #00d1b2);
}
.switch[type=checkbox].bbr-switch.is-medium.is-thin + label::before {
  top: 0.46875rem;
  height: 0.9375rem;
}
.switch[type=checkbox].bbr-switch.is-medium.is-rounded + label::before {
  border-radius: 0.9375rem;
}
.switch[type=checkbox].bbr-switch.is-medium.is-rounded + label::after {
  border-radius: 50%;
}
.switch[type=checkbox].bbr-switch.is-large + label {
  position: relative;
  display: initial;
  font-size: 1.5rem;
  line-height: initial;
  padding-left: 5rem;
  padding-top: 0.2rem;
  cursor: pointer;
}
.switch[type=checkbox].bbr-switch.is-large + label::before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 4.5rem;
  height: 2.25rem;
  border: 0.1rem solid transparent;
  border-radius: var(--bulma-radius, 4px);
  background: var(--bulma-grey-light, #b5b5b5);
  content: "";
}
.switch[type=checkbox].bbr-switch.is-large + label::after {
  display: block;
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 1.75rem;
  height: 1.75rem;
  transform: translate3d(0, 0, 0);
  border-radius: var(--bulma-radius, 4px);
  background: var(--bulma-white, #fff);
  transition: all 0.25s ease-out;
  content: "";
}
.switch[type=checkbox].bbr-switch.is-large + label.is-empty {
  padding-left: 4.5rem;
  margin: 0 !important;
}
.switch[type=checkbox].bbr-switch.is-large.is-rtl + label {
  padding-left: 0;
  padding-right: 5rem;
}
.switch[type=checkbox].bbr-switch.is-large.is-rtl + label::before {
  left: auto;
  right: 0;
}
.switch[type=checkbox].bbr-switch.is-large.is-rtl + label::after {
  left: auto;
  right: 2.375rem;
}
.switch[type=checkbox].bbr-switch.is-large:checked + label::before {
  background: var(--bulma-primary, #00d1b2);
}
.switch[type=checkbox].bbr-switch.is-large:checked + label::after {
  left: 2.375rem;
}
.switch[type=checkbox].bbr-switch.is-large.is-rtl:checked + label::after {
  left: auto;
  right: 0.25rem;
}
.switch[type=checkbox].bbr-switch.is-large.is-outlined + label::before {
  background-color: transparent;
  border-color: var(--bulma-grey-light, #b5b5b5);
}
.switch[type=checkbox].bbr-switch.is-large.is-outlined + label::after {
  background: var(--bulma-grey-light, #b5b5b5);
}
.switch[type=checkbox].bbr-switch.is-large.is-outlined:checked + label::before {
  background-color: transparent;
  border-color: var(--bulma-primary, #00d1b2);
}
.switch[type=checkbox].bbr-switch.is-large.is-outlined:checked + label::after {
  background: var(--bulma-primary, #00d1b2);
}
.switch[type=checkbox].bbr-switch.is-large.is-thin + label::before {
  top: 0.5625rem;
  height: 1.125rem;
}
.switch[type=checkbox].bbr-switch.is-large.is-rounded + label::before {
  border-radius: 1.125rem;
}
.switch[type=checkbox].bbr-switch.is-large.is-rounded + label::after {
  border-radius: 50%;
}
.switch[type=checkbox].bbr-switch.is-primary:checked + label::before {
  background: var(--bulma-primary, #00d1b2);
}
.switch[type=checkbox].bbr-switch.is-primary.is-outlined:checked + label::before {
  background-color: transparent;
  border-color: var(--bulma-primary, #00d1b2) !important;
}
.switch[type=checkbox].bbr-switch.is-primary.is-outlined:checked + label::after {
  background: var(--bulma-primary, #00d1b2);
}
.switch[type=checkbox].bbr-switch.is-primary.is-thin.is-outlined:checked + label::after {
  box-shadow: none;
}
.switch[type=checkbox].bbr-switch.is-link:checked + label::before {
  background: var(--bulma-link, #485fc7);
}
.switch[type=checkbox].bbr-switch.is-link.is-outlined:checked + label::before {
  background-color: transparent;
  border-color: var(--bulma-link, #485fc7) !important;
}
.switch[type=checkbox].bbr-switch.is-link.is-outlined:checked + label::after {
  background: var(--bulma-link, #485fc7);
}
.switch[type=checkbox].bbr-switch.is-link.is-thin.is-outlined:checked + label::after {
  box-shadow: none;
}
.switch[type=checkbox].bbr-switch.is-info:checked + label::before {
  background: var(--bulma-info, #3e8ed0);
}
.switch[type=checkbox].bbr-switch.is-info.is-outlined:checked + label::before {
  background-color: transparent;
  border-color: var(--bulma-info, #3e8ed0) !important;
}
.switch[type=checkbox].bbr-switch.is-info.is-outlined:checked + label::after {
  background: var(--bulma-info, #3e8ed0);
}
.switch[type=checkbox].bbr-switch.is-info.is-thin.is-outlined:checked + label::after {
  box-shadow: none;
}
.switch[type=checkbox].bbr-switch.is-success:checked + label::before {
  background: var(--bulma-success, #48c78e);
}
.switch[type=checkbox].bbr-switch.is-success.is-outlined:checked + label::before {
  background-color: transparent;
  border-color: var(--bulma-success, #48c78e) !important;
}
.switch[type=checkbox].bbr-switch.is-success.is-outlined:checked + label::after {
  background: var(--bulma-success, #48c78e);
}
.switch[type=checkbox].bbr-switch.is-success.is-thin.is-outlined:checked + label::after {
  box-shadow: none;
}
.switch[type=checkbox].bbr-switch.is-warning:checked + label::before {
  background: var(--bulma-warning, #ffe08a);
}
.switch[type=checkbox].bbr-switch.is-warning.is-outlined:checked + label::before {
  background-color: transparent;
  border-color: var(--bulma-warning, #ffe08a) !important;
}
.switch[type=checkbox].bbr-switch.is-warning.is-outlined:checked + label::after {
  background: var(--bulma-warning, #ffe08a);
}
.switch[type=checkbox].bbr-switch.is-warning.is-thin.is-outlined:checked + label::after {
  box-shadow: none;
}
.switch[type=checkbox].bbr-switch.is-danger:checked + label::before {
  background: var(--bulma-danger, #f14668);
}
.switch[type=checkbox].bbr-switch.is-danger.is-outlined:checked + label::before {
  background-color: transparent;
  border-color: var(--bulma-danger, #f14668) !important;
}
.switch[type=checkbox].bbr-switch.is-danger.is-outlined:checked + label::after {
  background: var(--bulma-danger, #f14668);
}
.switch[type=checkbox].bbr-switch.is-danger.is-thin.is-outlined:checked + label::after {
  box-shadow: none;
}