.squares-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: auto;
}

.squares-bg--page {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.squares-bg--page .squares-bg__canvas {
  pointer-events: none;
}

.squares-bg__canvas {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}

body.ydtm-squares-page {
  background: var(--brand-50, #f8fafc);
}

body.ydtm-squares-page > :not(.squares-bg--page):not(.back-to-top):not(.qr-modal-overlay):not(.privacy-modal-overlay) {
  position: relative;
  z-index: 1;
}

body.ydtm-squares-page > .back-to-top {
  position: fixed;
  z-index: 105;
}

body.ydtm-squares-page > .qr-modal-overlay {
  position: fixed;
  z-index: 1200;
}

body.ydtm-squares-page > .privacy-modal-overlay {
  position: fixed;
  z-index: 1300;
}