html {
  margin: 0;
  padding: 0;
  background: #eef9f3;
}

body {
  margin: 0;
  min-width: 320px;
  background: #eef9f3;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  background: #eef9f3;
}

.lp-canvas {
  position: relative;
  width: min(100%, calc(var(--lp-width) * 1px));
  line-height: 0;
  background: #fff;
}

.lp-canvas img {
  display: block;
  width: 100%;
  height: auto;
}

.hotspot {
  position: absolute;
  display: block;
  z-index: 2;
  border-radius: 999px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.hotspot:focus-visible {
  outline: 3px solid rgba(0, 180, 90, 0.9);
  outline-offset: 3px;
}