:root {
	--cmplz_category_header_slider_active_color: #29b6f6;
	--cmplz_category_header_slider_inactive_color: #ccc;
	--cmplz_category_header_slider_bullet_color: white;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header {

  label {
	// Center slider
	display: grid;
	align-items: center;
	margin: 0;

	.cmplz-banner-checkbox {
	  input {
		display: none !important;
	  }

	  position: relative;
	  display: inline-block;
	  width: 40px;
	  height: 21px;
	}

	.cmplz-banner-slider {
	  position: absolute;
	  cursor: pointer;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background-color: var(--cmplz_category_header_slider_inactive_color);
	  -webkit-transition: .4s;
	  transition: .4s;

	  &:before {
		position: absolute;
		content: "";
		height: 15px;
		width: 15px;
		left: 4px;
		bottom: 3px;
		background-color: var(--cmplz_category_header_slider_bullet_color);
		-webkit-transition: .4s;
		transition: .4s;
	  }

	  &.cmplz-round {
		border-radius: 20px;
	  }

	  &.cmplz-round:before {
		border-radius: 50%;
	  }
	}

	input:checked + .cmplz-banner-slider {
	  background-color: var(--cmplz_category_header_slider_active_color);

	  &:before {
		-webkit-transform: translateX(17px);
		-ms-transform: translateX(17px);
		transform: translateX(17px);
	  }
	}
  }

}
