/* ALL */

:where(*, *::before, *::after) {
  padding: unset;
  border: unset;
  margin: unset;
  text-decoration: unset;
  box-sizing: border-box;
  line-height: 1;
}

progress {
  border: revert;
}

input,
button {
  padding: revert;
  border: revert;
  margin: revert;
}

s,
u,
em,
b,
i {
  text-decoration: revert;
}

a {
  cursor: revert;
}

/* BODY  */

html,
body {
  width: 100%;
  height: 100%;
}

html {
  font-family: Arial, Helvetica, sans-serif;
  font-display: swap;
  font-size: 100%;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* MEDIA */

img,
audio,
video,
iframe {
  display: block;
  max-width: 100%;
  /* prevents broken images to break the layout*/
  overflow: hidden;
}

audio {
  min-height: 40px;
  min-width: 100%;
}

audio::-webkit-media-controls-enclosure,
video::-webkit-media-controls-enclosure {
  border-radius: 0;
}

svg {
  fill: currentColor;
  vertical-align: middle;
}

mark {
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  border-radius: 2px;
  color: inherit;
  background: inherit;
}

table {
  border-collapse: collapse;
}
td {
  vertical-align: baseline;
}

hr {
  width: 100%;
  height: 1px;
}

::-webkit-resizer,
::-webkit-resizer:window-inactive,
::-webkit-input-placeholder,
::-moz-placeholder {
  position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6,
iframe,
code,
pre,
main,
section,
ul,
li {
  width: 100%;
}

code {
  white-space: pre-wrap;
  font-family: monospace;
}