.tabs[data-v-9b30b6d9] {
	flex-direction: column;
	gap: 0.75rem;
}
.tab-nav[data-v-9b30b6d9],
.tabs[data-v-9b30b6d9] {
	display: flex;
}
.tab-nav[data-v-9b30b6d9] {
	gap: 0.5rem;
	scroll-snap-type: x var(--tw-scroll-snap-strictness);
	--tw-scroll-snap-strictness: mandatory;
	overflow: auto;
}
.tab-navitem[data-v-9b30b6d9] {
	scroll-snap-align: center;
}
.tab-button[data-v-9b30b6d9] {
	background: transparent;
	border-color: transparent;
	color: #111827;
}
.tab-button[data-v-9b30b6d9]:active,
.tab-button[data-v-9b30b6d9]:focus,
.tab-button[data-v-9b30b6d9]:hover {
	background: #8677d13d;
	border-color: transparent;
	color: #111827;
}
.tab-button[data-v-9b30b6d9] {
	font-weight: 700;
}
.tab-button[disabled][data-v-9b30b6d9] {
	background: #8677d108;
	color: #8677d13d;
	cursor: default;
}
.tab-button[disabled][data-v-9b30b6d9],
.tab-button[disabled][data-v-9b30b6d9]:active,
.tab-button[disabled][data-v-9b30b6d9]:focus,
.tab-button[disabled][data-v-9b30b6d9]:hover {
	border-color: #8677d108;
}
.button-ghost.tab-button[disabled][data-v-9b30b6d9],
.button-ghost.tab-button[disabled][data-v-9b30b6d9]:active,
.button-ghost.tab-button[disabled][data-v-9b30b6d9]:focus,
.button-ghost.tab-button[disabled][data-v-9b30b6d9]:hover {
	border-color: #8677d13d;
}
.tab-button[data-v-9b30b6d9] {
	align-items: center;
	border-radius: 2px;
	border-width: 1px;
	cursor: pointer;
	display: inline-flex;
	justify-content: center;
	text-align: center;
	white-space: nowrap;
}
.tab-button[aria-selected='true'][data-v-9b30b6d9],
.tab-button[aria-selected='true'][data-v-9b30b6d9]:active,
.tab-button[aria-selected='true'][data-v-9b30b6d9]:focus,
.tab-button[aria-selected='true'][data-v-9b30b6d9]:hover {
	background: #fff8f8;
	border-color: #8677d13d;
	color: #111827;
}
.tab-button[aria-selected='true'][data-v-9b30b6d9] {
	font-weight: 400;
}
.tab-region[data-v-9b30b6d9] {
	flex-grow: 1;
	padding: 1rem;
}
@media (min-width: 1024px) {
	.tab-region[data-v-9b30b6d9] {
		padding: 1.5rem;
	}
}
.tab-region[data-v-9b30b6d9] {
	border-radius: 0.5rem;
}