:root {
	--animated-color: var(--shade-ultra-light);
	--active-tab-bg: var(--shade-ultra-light);
}

.fr-tabs {
	width: 100%;
}

.fr-tabs__list {
	position: relative;
}

.fr-tabs__link {
	position: relative;
	z-index: 1;
  cursor: pointer;
	overflow: hidden;
	/* width: 100%; */
}

.fr-tabs__link.brxe-block {
	width: auto;
}

/* Set tab link bg to transparent if animated mode is active */
.fr-tabs__link.fr-tabs__link--trans {
	background-color: transparent!important;
}

.fr-tabs__content-item-wrapper {
  display: none;
}

/* .fr-tabs__link.active {
  background-color: var(--active-tab-bg);
} */

.fr-tabs__content-wrapper.active,
.fr-tabs__content-item-wrapper.active {
  display: block;
}



.fr-tabs__animation {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% / var(--tabCount));
	transition-timing-function: ease-in-out;
  transform: translateX(calc(var(--i) * 100%));
}

.fr-tabs__list, .fr-tabs__list.brxe-div  {
	max-width: 100%;
	overflow-x: hidden;
	flex-direction: row;
	flex-wrap: nowrap;
}

/* Placeholder styles */

.fr-tabs__content-item {
	padding: var(--space-m);
	background-color: var(--shade-light);
}

.fr-tabs__content-item-wrapper {
	overflow: hidden;
}





/* FIXES AND OVERWRITES */

/* Fix default list styling */
.fr-tabs__nav ul,
.fr-tabs__content-wrapper ul,
.fr-tabs ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.fr-tabs__nav li,
.fr-tabs__content-wrapper li,
.fr-tabs li {
  list-style-type: none;
}


/* Builder overwrites  */

.fr-tabs__content-item-wrapper.brxe-block {
	display: none;
}
.fr-tabs__content-item-wrapper.brxe-block.active {
	display: block;
}


/* Hide scrollbar when tabs are smaller than window */
  .fr-tabs__list.fr-tabs__list--no-scroll {
    overflow-x: hidden;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
  }
  .fr-tabs__list.fr-tabs__list--no-scroll::-webkit-scrollbar {
    display: none; /* For Chrome, Safari and Opera */
  }


	/* Accordion way */

	.fr-tabs.fr-tabs--accordion .fr-tabs__list {
	display: flex!important;
	flex-direction: column!important;
}

.fr-tabs.fr-tabs--accordion .fr-tabs__animation {
 display: none!important;
}

.fr-tabs.fr-tabs--accordion .fr-tabs__content-wrapper {
	display: none!important;
}

.fr-tabs.fr-tabs--tabs .fr-tabs__list .fr-tabs__content-item-wrapper {
	display: none!important;
}