@import url("./normalize.css");
@import url("./fonts/workSans.css");
@import url("./theme.css");
@import url("./layout.css");
@import url("./elements.css");
@import url("./controls.css");
@import url("./settings.css");
@import url("./menu.css");
@import url("./infoSection.css");

@import url("./platform.css");

body {
	font-family: var(--sl-font-sans);
	font-size: 16px;

	background: var(--color-background);
	color: var(--color-neutral);
}

sl-include.alert-modal {
	position: fixed;
	z-index: 50;
	bottom: 24px;
	left: 50%;
	transform: translate(-50%);
	width: max-content;
}

drag {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	app-region: drag;
	z-index: 1;
}

.no-tabs-exist {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;

	img {
		width: 54px;
		margin: auto;
	}

	h2 {
		margin: var(--sl-spacing-medium) auto var(--sl-spacing-small);
	}
	p {
		margin: var(--sl-spacing-small) auto;
	}

	sl-button {
		margin: var(--sl-spacing-medium) auto var(--sl-spacing-small);
	}
}
