.flex-layout.tabs-layout .tabs-navigation .tab-button {
	position: relative; z-index: 1;
	appearance: none; border: none; padding: 1rem 2rem;
	border-top-left-radius: 2rem; border-top-right-radius: 2rem;
	background-color: var(--brand-purple-3); color: #ffffff;
	font-weight: 600; font-size: var(--heading-xs);
	color: var(--brand-primary-beige); cursor: pointer;
}
.flex-layout.tabs-layout .tabs-navigation .tab-button.active {
	background-color: var(--brand-primary-purple); z-index: 2;
}
.flex-layout.tabs-layout .tabs-navigation .tab-button.active + .tab-button {
	background-color: var(--brand-purple-4);
}
.flex-layout.tabs-layout .tabs-navigation .tab-button:not(.active) > svg {
	display: none;
}
.flex-layout.tabs-layout .tabs-navigation .tab-button > svg {
	position: absolute; right: calc(100% - 1px); bottom: -1px; max-height: 50%; width: auto;
}
.flex-layout.tabs-layout .tabs-navigation .tab-button:nth-child(1) > .left-shape {
	display: none;
}
.flex-layout.tabs-layout .tabs-navigation .tab-button > .right-shape {
	right: auto; left: calc(100% - 1px); transform: scaleX(-1);
}

.flex-layout.tabs-layout .tabs-content {
	margin-top: -1px;
	background-color: var(--brand-primary-purple);
	color: #ffffff; padding: 1.75rem 4.5rem;
	border-radius: 2rem; border-top-left-radius: 0;
}
.flex-layout.tabs-layout .tab-content:not(.active) {
	display: none;
}
.flex-layout.tabs-layout .tabs-content .image-wrapper img {
	mask-image: url('./mask.svg'); mask-position: center;
	mask-size: contain; mask-repeat: no-repeat;
	aspect-ratio: 546/574; object-fit: cover;
}
.flex-layout.tabs-layout .tabs-content h1,
.flex-layout.tabs-layout .tabs-content h2,
.flex-layout.tabs-layout .tabs-content h3,
.flex-layout.tabs-layout .tabs-content h4,
.flex-layout.tabs-layout .tabs-content h5,
.flex-layout.tabs-layout .tabs-content h6 {
	color: inherit; margin-bottom: 0.75em;
}

.flex-layout.tabs-layout .tab-content .pk-grid-container {
	align-items: center; row-gap: var(--pk-column-gap);
}

@media screen and (max-width: 992px) {
	.flex-layout.tabs-layout .tabs-navigation {
		display: flex; align-items: center; flex-wrap: nowrap;
		gap: 0.5rem; overflow: auto; margin-bottom: 0.5rem; padding-bottom: 0.5rem;
	}
	.flex-layout.tabs-layout .tabs-navigation .tab-button {
		flex-shrink: 0; border-radius: 100px; font-size: var(--body-sm);
	}
	.flex-layout.tabs-layout .tabs-navigation .tab-button > svg {
		display: none;
	}

	.flex-layout.tabs-layout .tabs-content {
		padding: 1.5rem; border-radius: 2rem;
	}
}