Template:Stonecutting/styles.css

.stonecutting-carousel {
  position: relative;
}

/* every frame sits on top of each other */
.sc-frame {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  opacity: 0;                       /* hidden by default */

}

/* instant on/off – no cross-fade */
@keyframes sc-cycle {
  0%   { opacity: 1; }   /* visible for the first step-interval       */
  99%  { opacity: 1; }   /* stays visible until its time slot ends    */
  100%  { opacity: 0; }   /* then snaps off                           */

}

/* slots are placed absolutely by the Lua module */
.sc-slot {
  position: absolute;
  width: 32px;
  height: 32px;
}