.pn-tabs-wrapper {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: var(--padding-smd);
	border: var(--border-with-sm) solid var(--border-light-primary);
	border-radius: var(--border-radius-md);
	background: var(--surface-light-primary);
}

.pn-tabs-wrapper--spaced {
	margin-bottom: var(--gap-xlg);
}

.pn-tabs-toolbar {
	display: flex;
	align-items: center;
	gap: var(--gap-md);
	justify-content: space-between;
	width: 100%;
}

.pn-tabs {
	display: flex;
	align-items: center;
	gap: var(--gap-xsm);
}

.pn-tabs--wrap {
	flex-wrap: wrap;
}

.pn-tabs__item:hover {
	background: var(--surface-light-quinteary);
}

.pn-tabs__item.active,
.pn-tabs__item.is-active,
.pn-tabs__item[aria-current="page"],
.pn-tabs__item[aria-selected="true"] {
	background: var(--surface-action-blue-default);
	color: var(--text-action-light-fixed);
}

@media (max-width: 991px) {
	.pn-tabs-toolbar {
		flex-direction: column;
		align-items: stretch;
	}

	.pn-tabs--mobile-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: 100%;
	}

	.pn-tabs--mobile-grid .pn-tabs__item {
		width: 100%;
	}
}