* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  width: 400px;
  height: 400px;
  overflow: hidden;
  background: transparent !important;
  background-color: transparent !important;
  color-scheme: normal;
}

.stage {
  width: 400px;
  height: 400px;
  overflow: hidden;
  background: transparent;
}

.deko {
  display: block;
  width: 400px;
  height: 400px;
  object-fit: contain;
  background: transparent;
  transform-origin: center center;
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: transform;
  animation: deko-rotate 28s linear infinite;
}

@keyframes deko-rotate {
  to {
    transform: translateZ(0) rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .deko {
    animation: none;
  }
}