/* https://necolas.github.io/normalize.css/8.0.1/normalize.css */
html, body, div, span, a, button,
header, footer, main, nav, section, dialog,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, iframe
abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

/* size */
html, body, #approot {
	width: 100%;
	/* height: 100%; */
	max-width: 100%;
	/* min-height: 100vh; */
	overflow-x: hidden;
}
/* TODO telgram pwa height */
#approot { min-height: 100vh; }
body { width: 100vw; height: 100vh; }
/* common */
html, body, div, form, button,
header, footer, main, nav, section, dialog {
	box-sizing: border-box;
}

button, input {
	outline: none;
}

div, button {
	/* chrome button blue blinking + For some Androids */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}

* ::-webkit-scrollbar {
	width: 0;
	height: 0;
	/* background: unset; */
}

/* * { scrollbar-width: 0px; } */

/*
	TODO
	https://www.bram.us/2020/05/06/100vh-in-safari-on-ios/
	https://css-tricks.com/css-fix-for-100vh-in-mobile-webkit/
*/
/* @supports (-webkit-touch-callout: none) {
	body {
		height: -webkit-fill-available;
	}
} */

[data-debug] { background: rgba(255,0,0,.1); }