/* Original DearSoft Fantech presentation effect. */
.ft-dot-host { isolation: isolate; }
.ft-dot-positioned { position: relative; }
.ft-dot-corners,
.ft-dot-reactive {
  position: absolute;
  z-index: -1;
  pointer-events: none !important;
  user-select: none;
}
.ft-dot-corners {
  inset: 0;
  opacity: calc(var(--ft-dots-opacity, 55) / 100);
  background-image: radial-gradient(circle, var(--ft-dots-base, #b9bec8) 0.65px, transparent 1px);
  background-size: 10px 10px;
  -webkit-mask-image: radial-gradient(ellipse 110px 100px at 0 0, #000, transparent),
    radial-gradient(ellipse 110px 100px at 100% 0, #000, transparent),
    radial-gradient(ellipse 110px 100px at 0 100%, #000, transparent),
    radial-gradient(ellipse 110px 100px at 100% 100%, #000, transparent);
  mask-image: radial-gradient(ellipse 110px 100px at 0 0, #000, transparent),
    radial-gradient(ellipse 110px 100px at 100% 0, #000, transparent),
    radial-gradient(ellipse 110px 100px at 0 100%, #000, transparent),
    radial-gradient(ellipse 110px 100px at 100% 100%, #000, transparent);
}
.ft-dot-reactive { left: 0; top: 0; z-index: 1; }
.ft-dot-host > .ft-dot-reactive[hidden] { display: none !important; }
@media print {
  .ft-dot-corners, .ft-dot-reactive { display: none !important; }
}