.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(--color-text-acc);
	}
	.tab {
		color: var(--color-text-pri);
		border-color: var(--color-text-acc);
		&:hover {
			color: var(--color-background);
			background-color: var(--color-text-acc);
		}
		&[data-active="true"] {
			border-color: var(--color-text-pri);
		}
	}
	.list {
		border-top: solid 2px var(--color-text-acc);
		padding-left: 2rem;
		padding-top: 2rem;
	}
	.list::before {
		border-color: var(--color-text-acc);
	}
	&.root {
		overflow: hidden;
	}
}