/* OPINIONATED RESET FOR CSS: SOURCE = https://vale.rocks/posts/css-reset */
/* reset from https://www.joshwcomeau.com/css/custom-css-reset/ */
#root, #__next {
  isolation: isolate;
}
*,
*::before,
*::after {
	box-sizing: border-box;
	background-repeat: no-repeat;
}

* {
	padding: 0;
	margin: 0;
}

html {
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
    block-size: 100%;
    scrollbar-gutter: stable;
}

body {
	min-block-size: 100%;
}

img,
iframe,
audio,
video,
canvas {
	display: block;
	max-inline-size: 100%;
	block-size: auto;
}

/* img reset from https://gist.github.com/palashmon/35bda7887eb4bc45459d71eca3dda7a5 */
img {
max-width: 100%;
height: auto;
vertical-align: middle;
font-style: italic;
background-repeat: no-repeat;
background-size: cover;
shape-margin: 1rem;
}

svg {
	max-inline-size: 100%;
}

svg:not([fill]) {
	fill: currentColor;
}

input,
button,
textarea,
select {
	font: inherit;
}

textarea {
	resize: vertical;
}

fieldset,
iframe {
	border: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	overflow-wrap: break-word;
}

p {
	text-wrap: pretty;
	font-variant-numeric: proportional-nums;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-variant-numeric: lining-nums;
		text-wrap: balance;
}

p,
blockquote,
q,
figcaption,
li {
    hanging-punctuation: first allow-end last;
}

input,
label,
button,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.1;
}

math,
time,
table {
	font-variant-numeric: tabular-nums lining-nums slashed-zero;
}

code {
	font-variant-numeric: slashed-zero;
}

table {
	border-collapse: collapse;
}

abbr {
	font-variant-caps: all-small-caps;
	text-decoration: none;
}

abbr &[title] {
	cursor: help;
	text-decoration: underline dotted;
}

sup,
sub {
	line-height: 0;
}

:disabled {
	opacity: 0.8;
	cursor: not-allowed;
}

:focus-visible {
	outline-offset: 0.2rem;
}

/* reset from https://www.joshwcomeau.com/css/custom-css-reset/ */
@media (prefers-reduced-motion: no-preference) {
  html {
    interpolate-size: allow-keywords;
  }
}