*,
*::after,
*::before {
  box-sizing: border-box;
}

html {
  font-family: var(getCssVar(font-family));
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

textarea,
input {
  border-radius: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 1.25rem 0 0.75rem;
}
h1,
.h1 {
  font-size: $h1;
}
h2,
.h2 {
  font-size: $h2;
}
h3,
.h3 {
  font-size: $h3;
}
h4,
.h4 {
  font-size: $h4;
}
h5,
.h5 {
  font-size: $h5;
}
h6,
.h6 {
  font-size: $h6;
}

a {
  text-decoration: none;
  color: inherit;
}

p {
  line-height: 1.6rem;
}

.ax-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color ease;
  z-index: var(getCssVar(overlay-z-index));

  &.active {
    background-color: rgba(0, 0, 0, 0.4);
  }
}