/* Line gutter and token styling adapted from Uiverse.io by louloudev59. */
.code-window{min-width:0;border:2px solid var(--paper);background:#071b2b;box-shadow:7px 7px 0 var(--black);border-radius:0}
.code-window .code-top{align-items:center;gap:18px;padding:11px 15px;border-bottom:2px solid var(--paper);background:var(--paper);color:var(--navy);font-family:"FK Grotesk Mono",monospace;font-size:11px}
.code-window .code-top .window-controls{display:flex;gap:7px;letter-spacing:0;flex-shrink:0}
.window-dot{display:block;width:9px;height:9px;border:1px solid var(--navy);border-radius:50%}
.window-dot.red{background:#ff6058}
.window-dot.yellow{background:#ffbd2e}
.window-dot.green{background:#28c840}
.code-window .code-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:pre;border:0}
.code-window .whoami-code{margin:0;padding:20px 16px 20px 47px;line-height:1.65;font-size:11px;color:#e6e6df;white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:hidden;counter-reset:code-line}
.whoami-code [data-code-output]{display:block}
.whoami-code .code-line{display:block;position:relative;min-height:1.65em;white-space:pre-wrap;overflow-wrap:anywhere}
.whoami-code .code-line-reserve{visibility:hidden}
.whoami-code .code-line-content{position:absolute;inset:0}
.whoami-code .code-line::before{counter-increment:code-line;content:counter(code-line);position:absolute;left:-35px;width:26px;text-align:right;padding-right:9px;border-right:1px solid #344856;color:#879ba6;user-select:none}
.whoami-code .code-line.is-pending::before{color:#506574}
.whoami-code .code-line.is-active::before{color:#ffab66}
.whoami-code .keyword{color:#ffab80}
.whoami-code .function-name{color:#95d6f2}
.whoami-code .var{color:#e6e6df}
.whoami-code .string{color:#9ee0b2}
.whoami-code .property{color:#e8cd89}
.whoami-code .operator{color:#ffbd70}
.whoami-code .punctuation{color:#97aab5}
.whoami-code .comment{color:#8b9ca7;font-style:italic}
.whoami-code .code-cursor{display:inline-block;width:.65ch;height:1.15em;margin-left:1px;vertical-align:-.18em;background:var(--orange);animation:code-cursor-blink 1s steps(1,end) infinite}
.code-window[data-typing-state="typing"] .code-cursor,.code-window[data-typing-state="deleting"] .code-cursor{animation:none}
.code-window[data-typing-state="complete"] .code-cursor{animation:none;opacity:.65}
.code-window[data-typing-state="paused"] .code-cursor{animation:none}
@keyframes code-cursor-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(min-width:1600px){.code-window .whoami-code{font-size:12px;padding-top:24px;padding-bottom:24px}}
@media(max-width:760px){.code-window .whoami-code{font-size:10px;padding:18px 12px 18px 41px}.whoami-code .code-line::before{left:-31px;width:23px;padding-right:7px}}
@media(prefers-reduced-motion:reduce){.whoami-code .code-cursor{animation:none}}