.settingsTabs {
	@media (max-width: 600px) {
		.panel {
			padding-left: 0 !important;
			height: 100%;
		}
		.list {
			padding-left: 0 !important;
			padding-top: 1rem !important;
		}
	}
	.panel {
		border-top: solid 2px var(--mantine-color-accent-0);
	}
	.tab {
		color: var(--mantine-color-primary-0);
		border-color: var(--mantine-color-accent-0);
		&:hover {
			color: var(--mantine-color-background-0);
			background-color: var(--mantine-color-accent-0);
		}
		&[data-active="true"] {
			border-color: var(--mantine-color-primary-0);
		}
	}
	.list {
		border-top: solid 2px var(--mantine-color-accent-0);
		padding-left: 2rem;
		padding-top: 2rem;
	}
	.list::before {
		border-color: var(--mantine-color-accent-0);
	}
	&.root {
		overflow: hidden;
	}
}