@use "../pages/Project.scss";

*,
*::before,
*::after {
	box-sizing: border-box;
	user-select: none;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

:root {
	font-family: "Inter", Avenir, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-synthesis: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
}

body.floating-project {
	padding: 0.5rem 0 0;
	color: var(--text-color);

	#section-telegram-ios,
	#section-telegram-android,
	#section-telegram-tdesktop,
	#section-telegram-macos,
	#section-telegram-web,
	#section-telegram-weba {
		> div {
			width: 100%;

			> header {
				> h2 {
					app-region: drag;
				}
			}
		}
	}

	#frame-iphone,
	#frame-android,
	#frame-tdesktop,
	#frame-macos,
	#frame-web,
	#frame-weba {
		width: 100% !important;
	}

	#viewport-telegram-tdesktop,
	#viewport-telegram-macos,
	#viewport-telegram-web,
	#viewport-telegram-weba {
		> section {
			> header {
				> div {
					&:nth-child(2) {
						app-region: drag;
					}
				}
			}
		}
	}
}
