/// _reset.scss - Reset/CSS baseline.

@use './common-reset';

/// Removes default margins, paddings and resets font styles on all elements.
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
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,
dialog,
meter,
progress,
data,
datalist,
template,
slot,
bdi,
wbr,
/// MathML elements.
math,
mrow,
mi,
mo,
mn,
ms,
mfrac,
msqrt,
mroot,
mtable,
mtr,
mtd,
msup,
msub,
msubsup,
mover,
munder,
munderover,
mtext,
merror,
mpadded,
mphantom,
mspace,
menclose,
mfenced,
maction {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/// Removes styles from lists.
ol,
ul,
menu {
  list-style: none;
}

/// Removes default decoration from links.
a {
  text-decoration: none;
  color: inherit;
}

/// Normalizes button and input behavior.
button,
input,
select,
textarea {
  font: inherit;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  outline: none;
}

/// Keeps the cursor of clickable buttons.
button {
  cursor: pointer;
}

/// Defines basic styles for tables.
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/// Removes the default style from the <dialog> element.
dialog {
  all: unset;
}

/// Adjustment for interactive elements.
details {
  display: block;
}
summary {
  display: list-item;
}

/// Resets default styles for <progress> and <meter> elements.
progress,
meter {
  vertical-align: baseline;
  appearance: none;
}

/// Ensures that media elements do not exceed the container boundaries.
img,
video,
canvas {
  max-width: 100%;
  height: auto;
}

/// Removes default styles from <mark>.
mark {
  background: none;
  color: inherit;
}

/// Defines predictable behavior for <form> elements.
input[type='search'] {
  appearance: none;
  border-radius: 0;
}

/// Sets direction of all editable elements from left to right.
[contenteditable],
input,
textarea,
select,
button {
  direction: ltr;
}