.signify-ribbon-stage {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  width: min(1440px, 100vw);
  height: clamp(180px, 22vw, 320px);
  overflow: hidden;
  pointer-events: auto;
  background: rgba(255, 254, 250, 0.01);
  transform: translateX(-50%);
}

.signify-ribbon-canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.signify-ribbon-stage.is-ribbon-fallback .signify-ribbon-canvas {
  display: none;
}

.signify-ribbon-fallback {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.signify-ribbon-stage.is-ribbon-fallback .signify-ribbon-fallback {
  display: block;
}

@media (max-width: 760px) {
  .signify-ribbon-stage {
    bottom: 0;
    width: 132vw;
    height: clamp(160px, 48vw, 280px);
  }
}