.headline-rotator{display:grid}.headline-rotator .slogan{grid-area:1/1;color:var(--ink);opacity:0;visibility:hidden;transition:opacity .65s ease;pointer-events:none}.headline-rotator .slogan.is-current{opacity:1;visibility:visible;pointer-events:auto}.headline-rotator .slogan .second{color:#9298a2}.interface .headline-rotator .slogan .second{color:#7e8790}.slogan-controls{display:flex;align-items:center;gap:12px;margin:-9px 0 22px;color:var(--muted)}.slogan-counter{font:8px var(--mono);letter-spacing:1px}.slogan-toggle{font:12px var(--display);color:inherit;border:1px solid var(--line);background:transparent;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;cursor:pointer;padding:0}.slogan-toggle:hover{color:var(--ink);border-color:var(--muted)}.slogan-toggle:focus-visible{outline:2px solid #899bb7;outline-offset:4px}.slogan-toggle:disabled{opacity:.45;cursor:default}@media(prefers-reduced-motion:reduce){.headline-rotator .slogan{transition:none}}@media(max-width:700px){.headline-rotator{font-size:40px}.interface .headline-rotator{font-size:39px}.slogan-controls{margin-bottom:20px}}@media(max-width:370px){.headline-rotator,.interface .headline-rotator{font-size:35px}}