/* Scoped decoration only. Position this box in the host page's bottom-right corner. */
.nios-leaf {
  position: relative;
  width: 300px;
  height: 200px;
  flex-shrink: 0;
  touch-action: pan-y;
}
.nios-leaf > [data-nios-leaf-art] {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}
.nios-leaf > img[data-nios-leaf-art] {
  opacity: .8;
  transform-origin: 0 40%;
  transform: translate(99%,58%) rotate(.9rad) scale(-.68,.68);
}
.nios-leaf > canvas[data-nios-leaf-art] { opacity: 0; }
.nios-leaf--ready > canvas[data-nios-leaf-art] { opacity: 1; }
.nios-leaf--ready > img[data-nios-leaf-art] { visibility: hidden; }
@media (max-width: 600px) {
  .nios-leaf { width: 240px; height: 160px; }
}