/* React Bits adaptations; see react-bits-license.txt. No effect hides static content. */
.bits-word {
  display:inline-block;
  vertical-align:baseline;
}
.hero-intro>.bits-word {
  display:inline-block;
  margin:0;
  font:inherit;
  color:inherit;
}
.lua-copy h3>.bits-word,.workbench-heading>p>.bits-word {
  color:inherit;
}

/* Keep a stable grid cell for the portrait; the print itself moves inside it. */
.bits-portrait-slot {
  min-width:0;
  width:100%;
  max-width:240px;
  align-self:start;
}
.bits-portrait-slot .portrait {
  max-width:100%;
  backface-visibility:hidden;
}
.bits-film-surface {
  position:absolute;
  inset:0;
  overflow:hidden;
  background:#3b352f;
  backface-visibility:hidden;
  transform-origin:50% 50%;
}
.bits-tilt,.bits-magnet {
  transition:none!important;
}
.bits-magnet {display:inline-block}
.bits-shine {display:inline-block}
@supports (background-clip:text) {
  html[data-motion=playing] .bits-shining {
    background-image:linear-gradient(110deg,#eeeee3 0%,#eeeee3 35%,#ff815c 47%,#ffffff 51%,#eeeee3 65%,#eeeee3 100%);
    background-size:200% auto;
    background-position:150% center;
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
  }
}

html[data-motion=paused] .bits-word {
  opacity:1!important;
  filter:none!important;
  transform:none!important;
}
html[data-motion=paused] .bits-magnet {translate:none!important}
html[data-motion=paused] .bits-film-surface {transform:none!important}
html[data-motion=paused] .bits-portrait-slot .portrait {transform:rotate(-3deg)!important}

@media(max-width:1050px) {
  .bits-portrait-slot {max-width:220px;justify-self:center}
}
@media(max-width:700px) {
  .bits-portrait-slot {max-width:200px;justify-self:start;margin-left:12px}
  .bits-portrait-slot .portrait {margin-left:0}
}
@media(prefers-reduced-motion:reduce) {
  html:not([data-motion=playing]) .bits-word {opacity:1!important;transform:none!important;filter:none!important}
}
@media(forced-colors:active) {
  .bits-shining {-webkit-text-fill-color:CanvasText!important;background:none!important}
  .bits-word {opacity:1!important}
}
@media print {
  .bits-portrait-slot {max-width:140px}
  .bits-word {opacity:1!important;filter:none!important;transform:none!important}
  .bits-shining {-webkit-text-fill-color:currentColor!important;background:none!important}
}