.callout {
  position: fixed;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  background: var(--bg);
  padding: 17.501px;
}

.callout p {
  font-family: var(--font-impact);
  font-size: 13.44px;
  color: var(--blue);
  letter-spacing: -0.4032px;
}

.callout .tag {
  font-family: "Monomaniac One", sans-serif;
  font-size: 12.48px;
  letter-spacing: -0.3744px;
  color: var(--red);
  background: var(--bg);
  border: 0.288px solid var(--red);
  border-radius: 2.88px;
  padding: 1.92px;
  white-space: nowrap;
}

.callout--godseye {
  left: calc(var(--canvas-x) + 1040px);
  top: 120px;
  width: 280px;
  height: 80px;
  padding: 17.28px;
}

.callout--fyi {
  left: calc(var(--canvas-x) + 160px);
  top: 160px;
  width: 240px;
  height: 120px;
}

.callout--craft {
  left: calc(var(--canvas-x) + 120px);
  top: 440px;
  width: 161px;
  height: 80px;
}

.callout--tobeasnob {
  left: calc(var(--canvas-x) + 1040px);
  top: 560px;
  width: 200px;
  height: 120px;
}

.callout--presidio {
  left: calc(var(--canvas-x) + 1161px);
  top: 321px;
  width: 240px;
  height: 79px;
}

.leader {
  position: fixed;
  display: block;
}

.leader--godseye {
  left: calc(var(--canvas-x) + 919.5px);
  top: 160px;
  width: 138.5px;
  height: 40px;
}

.leader--presidio {
  left: calc(var(--canvas-x) + 998px);
  top: 321px;
  width: 177px;
  height: 39px;
}

.leader--fyi {
  left: calc(var(--canvas-x) + 372px);
  top: 199px;
  width: 148px;
  height: 39px;
}

.leader--tobeasnob {
  left: calc(var(--canvas-x) + 920px);
  top: 559.5px;
  width: 136.5px;
  height: 41px;
}

.leader--craft {
  left: calc(var(--canvas-x) + 263px);
  top: 439.6px;
  width: 137px;
  height: 40px;
}

.leader--photo {
  left: calc(var(--canvas-x) + 1038px);
  top: 360px;
  width: 184.5px;
  height: 80px;
}