/*
  1. Use a more-intuitive box-sizing model.
*/
*, *::before, *::after {
	box-sizing: border-box;
}

/*
  2. Remove default margin
*/
* {
	margin: 0;
}

/*
  3. Allow percentage-based heights in the application
*/
html, body {
	min-height: 100%;
}

/*
  Typographic tweaks!
  4. Add accessible line-height
  5. Improve text rendering
*/
body {
	line-height: 1.5;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-text-size-adjust: none;
}

/*
  6. Improve media defaults
*/
img, picture, video, canvas, svg {
	display: block;
	max-width: 100%;
}

/*
  7. Remove built-in form typography styles
*/
input, button, textarea, select {
	font: inherit;
}

/*
  8. Avoid text overflows
*/
p, h1, h2, h3, h4, h5, h6 {
	overflow-wrap: break-word;
}

/*
  9. Anchor decorations
*/
a {
	color: inherit;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}

/*
  10. Abbr style
*/
abbr {
	text-decoration: none;
	border-bottom: 1px dashed;
}

@media (hover: hover) and (pointer: fine) {
	abbr:hover {
		border-bottom-width: 2px;
	}
}

/*
  11. Address
*/
address {
	font: inherit;
}

/*
  12. Create a root stacking context
*/
.app-root {
	isolation: isolate;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
	--z-index: 0;
}

/*
	13. Utility class for various cases
 */
.display-contents {
	display: contents;
}

.invisible {
	visibility: hidden;
}

.display-none {
	display: none !important;
}

/*
	14. Lists
 */
ul, ol {
	padding: 0;
	padding-inline-start: 1rem;
}

/*
  15. Select must inherit font color so the iOS doesn't use the default blue
 */
select {
	color: inherit;
}