.portrait-rotation {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
/* Scoped under the group so these outrank .ron-btn's position and padding: the
   production build links this file before ui-kit.css. */
.portrait-rotation .portrait-rotation__button {
  position: absolute;
  bottom: calc(3 * var(--gp));
  width: calc(14 * var(--gp));
  height: calc(14 * var(--gp));
  min-height: 0;
  padding: 0;
  pointer-events: auto;
}
.portrait-rotation .portrait-rotation__button[data-act='rotate-left'] {
  left: calc(3 * var(--gp));
}
.portrait-rotation .portrait-rotation__button[data-act='rotate-right'] {
  right: calc(3 * var(--gp));
}
.portrait-rotation__button img {
  width: calc(10 * var(--gp));
  height: calc(10 * var(--gp));
  image-rendering: pixelated;
}
.portrait-rotation__button[data-act='rotate-right'] img {
  transform: scaleX(-1);
}