/* Stable, styled HTML is visible even if the React enhancement never loads. */
.rotating-context { display:flex; align-items:center; gap:9px; }
.rotating-readable { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.rotating-label { display:inline-flex; align-items:center; gap:7px; vertical-align:middle; white-space:nowrap; font-family:inherit; letter-spacing:-.02em; font-weight:500; }
.rotating-word-slot { display:inline-grid; place-items:center; width:calc(7ch + 24px); height:36px; padding:0 12px; overflow:hidden; background:var(--lime,#baff18); color:#142006; border-radius:8px; line-height:1.4; }
.rotating-fallback,.rotating-mount { grid-area:1/1; width:100%; text-align:center; }
.rotating-mount { visibility:hidden; }
.rotating-label[data-enhanced="true"] .rotating-fallback { visibility:hidden; }
.rotating-label[data-enhanced="true"] .rotating-mount { visibility:visible; }
.rotating-word,.rotating-static { width:100%; display:flex; justify-content:center; align-items:center; }
.rotating-word.text-rotate,.rotating-word .text-rotate { flex-wrap:nowrap; white-space:nowrap; justify-content:center; }
.rotating-mask { overflow:hidden; padding-bottom:.09em; margin-bottom:-.09em; }
.rotating-pause { width:26px; height:28px; padding:0; display:inline-grid; place-items:center; border:1px solid #ffffff26; border-radius:50%; background:#08120b22; color:#a5b293; font-family:inherit; font-size:11px; cursor:pointer; }
.rotating-pause[hidden] { display:none; }
.rotating-pause:hover { color:#edf3df; border-color:#c4db9999; }
.rotating-pause:focus-visible { outline:2px solid var(--lime,#baff18); outline-offset:4px; }
.works-rotating-kind { display:flex; align-items:center; gap:15px; }
.works-rotating-kind .rotating-label { font-size:12px; }
.works-rotating-kind .rotating-word-slot { width:calc(15ch + 26px); height:34px; background:#baff1819; border:1px solid #baff1855; color:#d0eba6; border-radius:8px; }
@media(max-width:560px) {
  .rotating-context { gap:7px; }
  .rotating-word-slot { height:32px; padding-inline:10px; }
  .works-rotating-kind { gap:12px; }
  .works-rotating-kind .rotating-word-slot { height:31px; }
}