.howto .hw-title{font-family:var(--font-heading),sans-serif;font-size:15px;font-weight:700;fill:#0a0a0a}.howto .hw-mono{font-family:var(--font-mono),monospace;font-size:11.5px;fill:#1a1a1a}.howto .code-panel{background:#14110e;border:1px solid #2a2724}.howto .code-panel pre{color:#d8d2c8}.howto .tok-key{color:#e88b93}.howto .tok-str{color:#a8c99a}.howto .tok-num{color:#e3b778}.howto .tok-lit{color:#8fb8d9}.howto .tok-comment,.howto .tok-punc{color:#7a736a}@keyframes hw-request{0%{left:0;opacity:0}6%{opacity:1}38%{left:calc(100% - 12px);opacity:1}44%,to{left:calc(100% - 12px);opacity:0}}@keyframes hw-response{0%,48%{left:calc(100% - 12px);opacity:0}54%{opacity:1}86%{left:0;opacity:1}92%,to{left:0;opacity:0}}@keyframes hw-work{0%,38%{opacity:.25}42%,50%{opacity:1}54%,to{opacity:.25}}.howto .hw-request{animation:hw-request 6s ease-in-out infinite}.howto .hw-response{animation:hw-response 6s ease-in-out infinite}.howto .hw-work{animation:hw-work 6s ease-in-out infinite}@keyframes hw-line-flow{to{stroke-dashoffset:-24}}@keyframes hw-phase-a{0%,4%{opacity:0}10%,34%{opacity:1}40%,to{opacity:0}}@keyframes hw-phase-b{0%,44%{opacity:0}50%,88%{opacity:1}94%,to{opacity:0}}@keyframes hw-discover-card{0%,4%{box-shadow:0 0 0 0 rgba(193,18,31,0)}10%,34%{box-shadow:0 0 0 3px rgba(193,18,31,.16)}40%,to{box-shadow:0 0 0 0 rgba(193,18,31,0)}}@keyframes hw-call-card{0%,44%{background-color:#ffffff;border-color:#e5e7eb}50%,88%{background-color:#fdf0f1;border-color:#c1121f}94%,to{background-color:#ffffff;border-color:#e5e7eb}}.howto .hw-line{stroke-dasharray:6 6}.howto .hw-line-discover{animation:hw-line-flow 1s linear infinite,hw-phase-a 8s ease-in-out infinite}.howto .hw-line-call{animation:hw-line-flow 1s linear infinite,hw-phase-b 8s ease-in-out infinite}.howto .hw-phase-a{animation:hw-phase-a 8s ease-in-out infinite}.howto .hw-phase-b{animation:hw-phase-b 8s ease-in-out infinite}.howto .hw-discover-card{animation:hw-discover-card 8s ease-in-out infinite}.howto .hw-call-card{animation:hw-discover-card 8s ease-in-out infinite,hw-call-card 8s ease-in-out infinite}@keyframes hw-s1{0%,2%{opacity:0;transform:translateY(4px)}6%,92%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes hw-s2{0%,14%{opacity:0;transform:translateY(4px)}18%,92%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes hw-s3{0%,26%{opacity:0;transform:translateY(4px)}30%,92%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes hw-s4{0%,38%{opacity:0;transform:translateY(4px)}42%,92%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes hw-s5{0%,52%{opacity:0;transform:translateY(4px)}56%,92%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes hw-s6{0%,66%{opacity:0;transform:translateY(4px)}70%,92%{opacity:1;transform:none}97%,to{opacity:0}}.howto .hw-s1{animation:hw-s1 12s ease-out infinite}.howto .hw-s2{animation:hw-s2 12s ease-out infinite}.howto .hw-s3{animation:hw-s3 12s ease-out infinite}.howto .hw-s4{animation:hw-s4 12s ease-out infinite}.howto .hw-s5{animation:hw-s5 12s ease-out infinite}.howto .hw-s6{animation:hw-s6 12s ease-out infinite}@keyframes hw-type-1{0%,4%{max-width:0}22%,to{max-width:var(--hw-chars)}}@keyframes hw-type-2{0%,22%{max-width:0}36%,to{max-width:var(--hw-chars)}}@keyframes hw-type-3{0%,36%{max-width:0}54%,to{max-width:var(--hw-chars)}}@keyframes hw-caret{50%{opacity:0}}@keyframes hw-after{0%,58%{opacity:0}64%,94%{opacity:1}to{opacity:0}}.howto .hw-typed{display:inline-block;overflow:hidden;vertical-align:bottom;white-space:pre;max-width:var(--hw-chars)}.howto .hw-type-1{animation:hw-type-1 10s infinite}.howto .hw-type-2{animation:hw-type-2 10s infinite}.howto .hw-type-3{animation:hw-type-3 10s infinite}.howto .hw-caret{display:inline-block;width:.55em;height:1.1em;margin-left:1px;vertical-align:text-bottom;background:#d8d2c8;animation:hw-caret 1s step-end infinite}.howto .hw-after{animation:hw-after 10s ease-out infinite}@media (prefers-reduced-motion:reduce){.howto .hw-after,.howto .hw-call-card,.howto .hw-caret,.howto .hw-discover-card,.howto .hw-line-call,.howto .hw-line-discover,.howto .hw-phase-a,.howto .hw-phase-b,.howto .hw-request,.howto .hw-response,.howto .hw-s1,.howto .hw-s2,.howto .hw-s3,.howto .hw-s4,.howto .hw-s5,.howto .hw-s6,.howto .hw-type-1,.howto .hw-type-2,.howto .hw-type-3,.howto .hw-work{animation:none;opacity:1;transform:none}.howto .hw-request,.howto .hw-response{left:calc(50% - 6px)}.howto .hw-line-discover,.howto .hw-phase-a{opacity:0}.howto .hw-call-card{background-color:#fdf0f1;border-color:#c1121f}}