.poingpong2__canvas{ position: fixed; z-index: 9999; }
.poingpong2__frame{ border: none; border-radius: 10px; width: 620px; max-width: 100%; height: 600px; max-height: 100%; }
.poingpong2__floating{ cursor: pointer; position: absolute; bottom: 0; right: 0; width: 80px; height: 80px; transition: all 0s ease-out; margin: 0px; padding: 0px; background: none; border: none; }
.poingpong2__floating_icon_image{ width: 100%; height: 100%; image-rendering: -webkit-optimize-contrast; image-rendering:auto; opacity: 1; }
.poingpong2__floating_off{ width: 50px; right: 10px; }
.poingpong2__canvas[data-open="true"] .poingpong2__floating_off, .poingpong2__canvas[data-open="true"] .poingpong2__frame, .poingpong2__canvas[data-open="false"] .poingpong2__floating_on, .poingpong2__floating[data-open="true"] .poingpong2__floating_off, .poingpong2__floating[data-open="true"] .poingpong2__frame, .poingpong2__floating[data-open="false"] .poingpong2__floating_on { display: inline; z-index: 9999; }
.poingpong2__canvas[data-open="false"] .poingpong2__floating_off, .poingpong2__canvas[data-open="false"] .poingpong2__frame, .poingpong2__canvas[data-open="true"] .poingpong2__floating_on, .poingpong2__floating[data-open="false"] .poingpong2__floating_off, .poingpong2__floating[data-open="false"] .poingpong2__frame, .poingpong2__floating[data-open="true"] .poingpong2__floating_on { display: none; z-index: -1; }
@media screen and (max-width:640px) {
  .poingpong2__frame{ width: 100vw; height: 100vh;  }
  .poingpong2__frame{ border-radius: 0; }
  .poingpong2__canvas[data-open="false"] { top: auto; }
  .poingpong2__floating{ transform: scale(0.8); }
}