@import "/UI/Style.scss";

SettingsMenu {
	width: 100%;
	height: 700px;
	flex-direction: column;
	position: relative;

	.tabs {
		gap: 20px;
		padding: 10px 50px;
		min-height: 64;
		max-height: 64;
		overflow-x: scroll;
		overflow-y: hidden;
		background-color: $gray-brighter;

		TabButton {
			width: 200px;
		}
	}

	.scroll-panel {
		flex-direction: column;
		overflow-x: hidden;
		overflow-y: scroll;
		padding: 0px 50px;
	}

	.footer {
		position: absolute;
		padding-left: 50px;
		bottom: 0px;
		width: 100%;
		background-color: $gray;
		gap: 20px;

		> .warning {
			font-size: 20px;
			color: $white-dark;
			align-items: center;
			margin-left: 20px;
		}
	}
}