.fs-tabs.fs-flex {
	width: 100%;
	min-width: 0;
	flex-wrap: nowrap;
	align-items: stretch;
}

.fs-tabs__list.fs-flex {
	position: relative;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	flex-wrap: nowrap;
	align-items: stretch;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: contain;
	scrollbar-width: thin;
	/* Inset shadow stays on the scrollport; tab indicators scroll on top. */
	box-shadow: inset 0 calc(0px - var(--fs-tabs-line-width, 0px)) 0 var(--fs-tabs-line-color, transparent);
}

.fs-tabs__tab {
	flex: 0 0 auto;
	white-space: nowrap;
	margin: 0;
	border: 0;
	box-sizing: border-box;
	background-clip: padding-box;
	font: inherit;
	letter-spacing: inherit;
	text-align: inherit;
	text-transform: inherit;
	text-decoration: none;
	cursor: pointer;
	appearance: none;
	position: relative;
	z-index: 1;
	background-color: var(--fs-tabs-tab-bg, transparent);
	color: var(--fs-heading-color, inherit);
	box-shadow: inset 0 calc(0px - var(--fs-tabs-line-width, 0px)) 0 transparent;
}

button.fs-tabs__tab:hover:not([aria-selected="true"]),
a.fs-tabs__tab:hover:not([aria-current="page"]) {
	background-color: var(--fs-tabs-tab-hover-bg, var(--fs-tabs-tab-bg, transparent));
	color: var(--fs-tabs-tab-hover-color, var(--fs-heading-color, inherit));
	box-shadow: inset 0 calc(0px - var(--fs-tabs-line-width, 0px)) 0 var(--fs-tabs-tab-hover-color, var(--fs-heading-color, currentColor));
}

button.fs-tabs__tab[aria-selected="true"],
a.fs-tabs__tab[aria-current="page"] {
	background-color: var(--fs-tabs-tab-active-bg, var(--fs-tabs-tab-bg, transparent));
	color: var(--fs-tabs-tab-active-color, var(--fs-heading-color, inherit));
	box-shadow: inset 0 calc(0px - var(--fs-tabs-line-width, 0px)) 0 var(--fs-tabs-tab-active-color, var(--fs-heading-color, currentColor));
}

body.woocommerce button.fs-tabs__tab,
body.woocommerce-page button.fs-tabs__tab,
body.woocommerce a.fs-tabs__tab,
body.woocommerce-page a.fs-tabs__tab {
	background-color: var(--fs-tabs-tab-bg, transparent);
	background-image: none;
	background-clip: padding-box;
	color: var(--fs-heading-color, inherit);
	box-shadow: inset 0 calc(0px - var(--fs-tabs-line-width, 0px)) 0 transparent;
	text-shadow: none;
	text-decoration: none;
	border: 0;
}

body.woocommerce button.fs-tabs__tab:hover:not([aria-selected="true"]),
body.woocommerce-page button.fs-tabs__tab:hover:not([aria-selected="true"]),
body.woocommerce a.fs-tabs__tab:hover:not([aria-current="page"]),
body.woocommerce-page a.fs-tabs__tab:hover:not([aria-current="page"]) {
	background-color: var(--fs-tabs-tab-hover-bg, var(--fs-tabs-tab-bg, transparent));
	background-image: none;
	color: var(--fs-tabs-tab-hover-color, var(--fs-heading-color, inherit));
	box-shadow: inset 0 calc(0px - var(--fs-tabs-line-width, 0px)) 0 var(--fs-tabs-tab-hover-color, var(--fs-heading-color, currentColor));
}

body.woocommerce button.fs-tabs__tab[aria-selected="true"],
body.woocommerce-page button.fs-tabs__tab[aria-selected="true"],
body.woocommerce a.fs-tabs__tab[aria-current="page"],
body.woocommerce-page a.fs-tabs__tab[aria-current="page"] {
	background-color: var(--fs-tabs-tab-active-bg, var(--fs-tabs-tab-bg, transparent));
	background-image: none;
	color: var(--fs-tabs-tab-active-color, var(--fs-heading-color, inherit));
	box-shadow: inset 0 calc(0px - var(--fs-tabs-line-width, 0px)) 0 var(--fs-tabs-tab-active-color, var(--fs-heading-color, currentColor));
}

.fs-tabs__tab:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.fs-tabs__panel {
	min-width: 0;
	width: 100%;
}

.fs-tabs__panel[hidden] {
	display: none;
}

.fs-tabs__panel > *:first-child {
	margin-top: 0;
}

.fs-tabs__panel > *:last-child {
	margin-bottom: 0;
}

.fs-tabs--placeholder {
	opacity: 0.5;
}
