/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/

*,
*::before,
*::after {
  box-sizing: border-box;
}
:root {
  color-scheme: light dark;
  color-scheme: light;
}

* {
  margin: 0;
}
html,
body {
  height: 100%;
}
html[color-scheme='dark'] {
  color-scheme: dark;
}
html[color-scheme='light'] {
  color-scheme: light;
}
body {
  background-color: var(--oc-surface-background);
  font-family: var(--oc-font-family-default);
  font-weight: var(--oc-font-weight-default);
  line-height: var(--oc-line-height-default);
  font-size: var(--oc-font-size-body);
  -webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

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

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

p {
  text-wrap: pretty;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
}

#root,
#__next {
  isolation: isolate;
}