/**
 * Colors helpers
 */
/**
 * Colors variables
 */
/* Get a color value */
/**
 * Global selectors and body/html rules
 */
/**
 * Fonts helpers
 */
/* Get a font family value */
/* Get a font size value */
/* Return a text style */
::selection {
  background: var(--color-secondary);
  color: var(--color-primary);
  text-shadow: none;
}

* {
  outline: none;
  box-sizing: border-box;
}

html {
  margin: 0;
  font: var(--font-weight-base) var(--font-size-base)/var(--font-height-base) var(--font-family-base);
  letter-spacing: var(--font-spacing-base);
  background-color: var(--color-secondary);
  scrollbar-width: none;
  color: var(--color-secondary);
}
html.is-scroll-blocked,
html.is-scroll-blocked body {
  height: 100lvh;
  overflow: hidden;
}

body {
  background-color: var(--color-primary);
  overflow-x: hidden;
  overflow-y: visible;
  font-family: inherit;
}

a-waves {
  --x: -0.5rem;
  --y: 50%;
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
a-waves:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  background: var(--color-secondary);
  border-radius: 50%;
  transform: translate3d(calc(var(--x) - 50%), calc(var(--y) - 50%), 0);
  will-change: transform;
  content: "";
}
a-waves svg {
  display: block;
  width: 100%;
  height: 100%;
}
a-waves svg :global(.a__line) {
  fill: none;
  stroke: var(--color-secondary);
  stroke-width: 0.5px;
  opacity: 0;
  transition: opacity 0.5s ease;
}

/*# sourceMappingURL=AWaves.scss.map */