.tabbed-content {
	margin-top: 1.5rem;
}

.section-standard .tabbed-content li button:not(.active) {
	background-color: var(--color-background-standard);
}

.section-alternate .tabbed-content li button:not(.active) {
	background-color: var(--color-background-alternate);
}

.section-standard .tabbed-content li button:not(.active):hover, 
.section-alternate .tabbed-content li button:not(.active):hover {
	background-color: var(--color-accent);
}

.tabbed-section-mobile-selector {
	margin-top: 1rem;
	text-align: left;
}

.tabbed-section-mobile-selector select {
	-webkit-appearance: menulist;
	appearance: menulist;
	border: 1px solid var(--color-border);
	border-radius: 100vw;
	color: var(--color-foreground);
	display: block;
	font-family: var(--font-body);
	font-size: var(--font-size-normal);
	margin: 0 auto 0 0;
	font-family: var(--font-body);
	padding: 0.75rem;
	max-width: 100%;
}

.section-standard .tabbed-section-mobile-selector select {
	background-color: var(--color-background-alternate);
}

.section-alternate .tabbed-section-mobile-selector select {
	background-color: var(--color-background-standard);
}

.tabbed-content .tabs, 
.tabbed-content .tab-content {
	flex: none;
	width: 100%;
}

.section-tabbed .tabbed-content .tabs {
	display: none;
	margin-left: 0;
}

.section-tabbed h3 {
	margin-bottom: 0.5rem;
	text-align: center;
}

.section-tabbed h3 span {
	font-weight: var(--font-weight-semibold);
}

.tabbed-content .tab-content p {
	text-align: left;
}

.section-tabbed .tabs ul {
	display: inline-flex;
	flex-wrap: wrap;
	list-style-type: disc;
	margin: 0;
	max-width: 100%;
	text-align: center;
}

.section-tabbed .tab-content ol {
	list-style-type: decimal;
	margin-left: 1.125rem;
}

.section-tabbed .tab-content ul {
	list-style-type: disc;
	margin-left: 1.125rem;
}

.section-tabbed .tabbed-content ul li, 
.section-tabbed .tabbed-content ol li {
	margin: 0.25rem 0;
	text-align: left;
}

.section-tabbed .tabbed-section-split {
	gap: 2rem;
}

.section-tabbed .tabbed-section-split > div {
	width: 100%;
}

.section-tabbed .tabbed-section-split > div:last-child .slide-controller {
	align-items: center;
	gap: 0.75rem;
}

.section-tabbed .tabbed-section-split > div:last-child .slide-controller > button {
	aspect-ratio: 1 / 1;
	border: 2px solid var(--color-border);
	border-radius: 100vw;
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	place-content: center;
	transform-origin: center;
	width: 2rem;
}

.section-standard .tabbed-section-split > div:last-child .slide-controller > button {
	background-color: var(--color-background-alternate);
}

.section-alternate .tabbed-section-split > div:last-child .slide-controller > button {
	background-color: var(--color-background-standard);
}

.section-tabbed .tabbed-section-split > div:last-child .slide-controller > button:hover {
	transform: scale3d(1.25,1.25,1.25);
}

.section-tabbed .tabbed-section-split > div:last-child .slide-controller > button svg {
	fill: var(--color-foreground);
	transform-origin: center;
	width: 1rem;
}

.section-tabbed .tabbed-section-split > div:last-child .slide-controller > button:first-of-type svg {
	transform: rotate(90deg);
}

.section-tabbed .tabbed-section-split > div:last-child .slide-controller > button:last-of-type svg {
	transform: rotate(-90deg);
}

.section-tabbed .tabbed-section-split > div:last-child .slide-controller .tab-slides-wrapper {
	flex: 1;
	position: relative;
}


.section-tabbed .tabbed-section-split > div:last-child .slide-controller .tab-image-1-1:has(.caption):has(.tab-slide:nth-of-type(2)) {
	padding-bottom: 87%;
}

.section-tabbed .tabbed-section-split > div:last-child .slide-controller .tab-image-1-1:not(:has(.caption)):has(.tab-slide:nth-of-type(2)) {
	padding-bottom: 82.5%;
}

.section-tabbed .tabbed-section-split > div:last-child .slide-controller .tab-image-1-1:has(.caption):not(:has(.tab-slide:nth-of-type(2))) {
	padding-bottom: 103%;
}

.section-tabbed .tabbed-section-split > div:last-child .slide-controller .tab-image-1-1:not(:has(.caption)):not(:has(.tab-slide:nth-of-type(2))) {
	padding-bottom: 100%;
}

.section-tabbed .tabbed-section-split > div:last-child .slide-controller .tab-image-1-1 .tab-slide > img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: center;
}

.section-tabbed .tabbed-section-split > div:last-child .slide-controller .tab-image-4-3:has(.caption):has(.tab-slide:nth-of-type(2)) {
	padding-bottom: 67%;
}

.section-tabbed .tabbed-section-split > div:last-child .slide-controller .tab-image-4-3:not(:has(.caption)):has(.tab-slide:nth-of-type(2)) {
	padding-bottom: 62.5%;
}

.section-tabbed .tabbed-section-split > div:last-child .slide-controller .tab-image-4-3:has(.caption):not(:has(.tab-slide:nth-of-type(2))) {
	padding-bottom: 75%;
}

.section-tabbed .tabbed-section-split > div:last-child .slide-controller .tab-image-4-3:not(:has(.caption)):not(:has(.tab-slide:nth-of-type(2))) {
	padding-bottom: 75%;
}

.section-tabbed .tabbed-section-split > div:last-child .slide-controller .tab-image-4-3 .tab-slide > img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
	object-position: center;
}

.section-tabbed .tabbed-section-split > div:last-child .slide-controller .tab-image-16-9:has(.caption):has(.tab-slide:nth-of-type(2)) {
	padding-bottom: 51.5%;
}

.section-tabbed .tabbed-section-split > div:last-child .slide-controller .tab-image-16-9:not(:has(.caption)):has(.tab-slide:nth-of-type(2)) {
	padding-bottom: 47.5%;
}

.section-tabbed .tabbed-section-split > div:last-child .slide-controller .tab-image-16-9:has(.caption):not(:has(.tab-slide:nth-of-type(2))) {
	padding-bottom: 57%;
}

.section-tabbed .tabbed-section-split > div:last-child .slide-controller .tab-image-16-9:not(:has(.caption)):not(:has(.tab-slide:nth-of-type(2))) {
	padding-bottom: 56.25%;
}

.section-tabbed .tabbed-section-split > div:last-child .slide-controller .tab-image-16-9 .tab-slide > img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: center;
}

.section-tabbed .tabbed-section-split > div:last-child .slide-controller .tab-slides-wrapper .tab-slide {
	display: none;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.section-tabbed .tabbed-section-split > div:last-child .slide-controller .tab-slides-wrapper .tab-slide:first-of-type {
	display: block;
}

.section-tabbed .tabbed-section-split > div:last-child .slide-controller .tab-slides-wrapper .tab-slide img {
	border: 1px solid var(--color-border);
	border-radius: 0;
	display: block;
	max-width: 100%;
	object-fit: cover;
}

.section-tabbed .tabbed-section-split > div:last-child .slide-controller .tab-slides-wrapper .tab-slide img + p {
	text-align: center;
}

.section-tabbed .slide-controller + .tab-dots {
	display: flex;
	flex-wrap: wrap;
	margin: 0.5rem 0 0 0;
	place-content: center;
}

.section-tabbed .tabbed-section-split > div:last-child .tab-dots > span {
	background-color: var(--color-background-alternate);
	border: 2px solid var(--color-border);
	border-radius: 100vw;
	display: inline-block;
	height: 0.75rem;
	margin: 0 0.25rem;
	transition: 0.75s all;
	width: 0.75rem;
}

.section-standard .tabbed-section-split > div:last-child .tab-dots > span {
	background-color: var(--color-background-alternate);
}

.section-alternate .tabbed-section-split > div:last-child .tab-dots > span {
	background-color: var(--color-background-standard);
}

.section-tabbed .tabbed-section-split > div:last-child .tab-dots > span.active {
    background-color: var(--color-accent);
    border-color: var(--color-accent);
}

.section-tabbed .tabbed-section-split .media-video p:last-child {
	margin-top: 0.5rem;
}

.section-tabbed .tabbed-section-split .media-text h5, 
.section-tabbed .tabbed-section-split .media-text h6 {
	color: var(--color-gray-1);
	font-family: var(--font-header);
	font-weight: var(--font-weight-normal);
}

.section-tabbed .tabbed-section-split .media-text h5 {
	font-size: var(--font-size-heading-3);
}

.section-tabbed .tabbed-section-split .media-text h6 {
	font-size: var(--font-size-heading-4);
}

.section-tabbed .tabbed-section-split .media-text ol, 
.section-tabbed .tabbed-section-split .media-text ul {
	margin: 0.5rem 0 0.5rem 1.25rem;
}

.section-tabbed .tabbed-section-split .media-text ol ol, 
.section-tabbed .tabbed-section-split .media-text ol ul, 
.section-tabbed .tabbed-section-split .media-text ul ol, 
.section-tabbed .tabbed-section-split .media-text ul ul {
	padding: 0;
}

.section-tabbed .tabbed-section-split .media-link {
	text-align: left;
}

.section-tabbed .tabbed-section-split .media-link > a {
	background-color: var(--color-background-alternate);
	border: 1px solid var(--color-border);
	border-radius: 0;
	display: block;
	padding: 1rem;
	text-decoration: none;
	transform-origin: center;
}

.section-tabbed .tabbed-section-split .media-link > a:hover {
	border-color: var(--color-link-normal);
	transform: scale3d(1.05,1.05,1.05);
}

.section-tabbed .tabbed-section-split .media-link .tab-media-image {
	display: block;
	margin: 0 auto 0.75rem auto;
	max-height: 3rem;
	max-width: 10rem;
}

.section-tabbed .tabbed-section-split .media-link > a p {
	text-align: center;
}

.section-tabbed .tabbed-section-split .media-link .product-name p {
	margin-bottom: 0.25rem;
}

.section-tabbed .tabbed-section-split .media-link .product-name svg {
	display: block;
	margin: 0 auto;
	max-height: 3rem;
	max-width: 10rem;
}

.section-tabbed .tabbed-section-split .media-link .media-link-text-wrapper {
	text-align: center;
}

.section-tabbed .tabbed-section-split .media-link .media-link-text {
	background-color: var(--color-link-normal);
	border-radius: 100vw;
	color: var(--color-background-standard);
	display: inline-block;
	margin: 0 auto;
	padding: 0.75rem 1rem;
	text-align: center;
}

@media (min-width: 53.125rem) { /* 850 px */
	.tabbed-section-mobile-selector {
		display: none;
	}

	.section-tabbed .tabbed-content .tabs {
		display: block;
		text-align: left;
	}
	
	.section-tabbed .tabbed-content .tabs .tab-list {
		text-align: left;
	}

	.section-tabbed .tabbed-section-split {
		gap: 0;
		justify-content: space-between;
	}

	.section-tabbed .tab-alignment-center {
		align-items: center;
	}

	.section-tabbed .tab-alignment-top {
		align-items: flex-start;
	}

	.section-tabbed .tabbed-section-split > div {
		width: 48%;
	}

	.section-tabbed h3, 
	.tabbed-content .tab-content p {
		text-align: left;
	}
}