:root {}

	/* Checking elements positions */
	*,
	*::before,
	*::after {
		/* outline: 2px solid #ccc;	*/
	}

	body {

		.info-display-mode::after {
			content: var(--info-display-mode);
		}
		.info-user-select::after {
			content: var(--info-user-select);
		}
			.info-user-select-state::after {
				content: "none";
			}
			.user-select {
				-webkit-user-select: none; /* Safari */
				user-select: none;
			}

	}

	header {}

	main {}

	footer {}

	/* App used within the browser */
	@media (display-mode: browser) {

		:root {

			--info-display-mode: "browser";
			--info-user-select: "auto";

		}

	}

	/* App used with a system icon in standalone mode */
	@media (display-mode: standalone) {

		:root {

			--info-display-mode: "standalone";
			--info-user-select: "none";

		}

		body {

			-webkit-user-select: none; /* Safari */
			user-select: none;
			.info-user-select-state::after {
				content: "text";
			}
			.user-select {
				-webkit-user-select: text; /* Safari */
				user-select: text;
			}

		}

	}

	/* App used with a system icon in all mode */
	@media (display-mode: standalone), (display-mode: fullscreen), (display-mode: minimal-ui) {}