/* Text is present without scripts. Only the aria-hidden visual copy changes. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.type-slot{display:grid;min-width:0}
.type-ghost,.type-output{grid-area:1/1;min-width:0;overflow-wrap:anywhere}
.type-ghost{visibility:hidden;pointer-events:none;user-select:none}
.type-caret,.type-caret-space{display:inline-block;width:.52em;height:1em;margin-left:.12em;vertical-align:-.12em}
.type-caret{background:var(--green)}
.typing-done .type-caret{animation:terminal-caret 1s step-end 4}
.typing-away .type-caret{animation-play-state:paused;visibility:hidden}
@keyframes terminal-caret{0%,100%{opacity:1}50%{opacity:0}}
.type-prompt{color:var(--green)}
h1>.type-slot{color:var(--text)}
h1 .name-period{color:var(--green)}
.hero-label>.type-slot{flex-shrink:0}
.hero-label .label-comment{margin-left:0}
.role-command{font:12px/1.5 var(--mono);color:var(--muted);margin-top:22px}
.role-command+.hero-role{margin-top:7px}
.profile-file .code-comment{color:var(--muted)}
@media(max-width:600px){.role-command{margin-top:18px;font-size:11px}.hero-label .label-comment{font-size:10px}.role-command+.hero-role{margin-top:6px}}
@media(prefers-reduced-motion:reduce){.type-caret{display:none}}
@media print{.type-ghost{visibility:visible}.type-output,.type-caret-space{display:none}}