.icon {
  --scale: 1;
  --size: 1em;
  aspect-ratio: 1;
  background-color: currentColor;
  display: inline-block;
  font-size: calc(var(--scale) * var(--size));
  height: 1em;
  line-height: 1em;
  transform: translateY(var(--offset, 0));
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

[data-icon="github"] {
  -webkit-mask: url("/release-20260601/assets/icons/github-3dec1fad.svg");
  mask: url("/release-20260601/assets/icons/github-3dec1fad.svg");
}

[data-icon="hamburger"] {
  -webkit-mask: url("/release-20260601/assets/icons/hamburger-40b2d723.svg");
  mask: url("/release-20260601/assets/icons/hamburger-40b2d723.svg");
}

[data-icon="katalyst"] {
  background: url("/release-20260601/assets/icons/katalyst-5b148d3b.svg");
  aspect-ratio: 240/107;
}

[data-icon="arrow-right"] {
  -webkit-mask: url("/release-20260601/assets/icons/arrow-right-cdc5b082.svg");
  mask: url("/release-20260601/assets/icons/arrow-right-cdc5b082.svg");
  transition: transform 0.2s;
}

[href]:has(> [data-icon="arrow-right"]):hover {
  [data-icon="arrow-right"] {
    transform: translateX(0.5em);
  }
}

[data-icon="linkedin"] {
  -webkit-mask: url("/release-20260601/assets/icons/linkedin-a7afbeb2.svg");
  mask: url("/release-20260601/assets/icons/linkedin-a7afbeb2.svg");
}