// === Reset ===
* {
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

button,
html,
input,
textarea {
  -webkit-tap-highlight-color: transparent;
}

footer,
header,
main,
nav {
  display: block;
}

a {
  color: inherit;
  background-color: transparent;

  &:active,
  &:hover {
    outline-width: 0;
  }
}

svg {
  &:not(:root) {
    overflow: hidden;
  }
}

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}

li {
  list-style: none;
}

img {
  border-style: none;
  max-width: 100%;
}

input,
textarea {
  font-size: 100%;
  font-family: inherit;
  line-height: 1.15;
}

button {
  font-size: 100%;
  font-family: inherit;
  -webkit-appearance: button;
  cursor: pointer;
  background-color: transparent;
  outline: 0;

  &::-moz-focus-inner {
    border: 0;
  }

  &:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
}

[hidden] {
  display: none !important;
}