.nib,.nib-panel{--_line:var(--c-nib-line,#1a1608);--_fill:var(--c-nib-fill,var(--nib-fill,#f2c53d));--_fg:#fffaf0;--_mute:var(--c-fg-mute,#9b9992);--_amber:#d98a14;--_beam:var(--c-brand,#f7c948);--_hold:var(--c-hold,#ff6b5e);--_clear:var(--c-clear,#5ccf9b);color:var(--_line);display:block}:where(svg.nib){width:var(--nib-w);height:var(--nib-h)}.nib{flex:none;overflow:visible}.nib-panel{width:100%;height:auto}:is(.nib,.nib-panel) .l{fill:none;stroke:var(--_line);stroke-width:var(--nib-sw,2.25);stroke-linecap:round;stroke-linejoin:round}:is(.nib,.nib-panel) .f{fill:var(--_fill);stroke:none}:is(.nib,.nib-panel) .b{fill:var(--_amber);stroke:none}:is(.nib,.nib-panel) .e{fill:var(--_fg);stroke:none}:is(.nib,.nib-panel) .p{fill:var(--c-nib-line,#1a1608);stroke:none}:is(.nib,.nib-panel) .l.mute{stroke:var(--_mute)}:is(.nib,.nib-panel) .l.hold{stroke:var(--_hold)}:is(.nib,.nib-panel) .l.clear{stroke:var(--_clear)}:is(.nib,.nib-panel) .l.beam{stroke:var(--_beam)}:is(.nib,.nib-panel) .beam.fl{fill:var(--_beam);stroke:none}:is(.nib,.nib-panel) .frame{fill:none;stroke:var(--c-line-strong,#4a4a52);stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round}:is(.nib,.nib-panel) .frame.heavy{stroke-width:4px;stroke:var(--_line)}:is(.nib,.nib-panel) .ground{fill:none;stroke:var(--c-line-strong,#4a4a52);stroke-width:2.25px;stroke-linecap:round}.nib-strip{margin:0}.nib-strip ol{gap:3.25rem 1.25rem;margin:0;padding:0;list-style:none;display:grid}.nib-strip li{min-width:0;margin:0}.nib-strip .cap{font-family:var(--font-hand), ui-rounded, cursive;color:var(--c-fg,inherit);margin:.625rem 2px 0;font-size:1.0625rem;line-height:1.35}@media (min-width:900px){.nib-strip.landing ol{grid-template-columns:repeat(12,1fr);gap:2.25rem 1.25rem}.nib-strip.landing li:first-child{grid-column:span 7}.nib-strip.landing li:nth-child(2){grid-column:span 5}.nib-strip.landing li:nth-child(n+3){grid-column:span 4}.nib-strip.first-run ol{grid-template-columns:repeat(3,1fr);gap:1.25rem}}.nib-state{flex-wrap:wrap;align-items:center;gap:1.25rem 1.75rem;display:flex}.nib-state>p{max-width:34ch;font-family:var(--font-hand), ui-rounded, cursive;color:var(--c-fg,inherit);margin:0;font-size:1.1875rem;line-height:1.35}.nib [class^=nib-],.nib [class*=\ nib-],.nib .steam,.nib-panel [class^=nib-],.nib-panel [class*=\ nib-]{transform-box:fill-box;transform-origin:50%}:is(.nib,.nib-panel) .nib-head{transform-origin:50% 95%}:is(.nib,.nib-panel) .nib-bell{transform-origin:50% 0}:is(.nib,.nib-panel) .nib-bobble{transform-origin:50% 100%}:is(.nib,.nib-panel) .nib-wing{transform-origin:15% 90%}:is(.nib,.nib-panel) .nib-glass{transform-origin:0}:is(.nib,.nib-panel) .nib-body{transform-origin:50% 100%}:is(.nib,.nib-panel) .steam{stroke-dasharray:3 7}@media (prefers-reduced-motion:no-preference){.nib[data-ambient] .nib-eyes{animation:6s infinite nib-blink}.nib[data-ambient] .nib-body{animation:4s ease-in-out infinite nib-breathe}.nib[data-ambient][data-pose=spy] .nib-glass,.nib[data-ambient][data-pose=squint] .nib-glass{animation:3.2s cubic-bezier(.22,.61,.36,1) infinite alternate nib-sweep}.nib[data-ambient][data-pose=quiet] .steam{animation:3s linear infinite nib-steam}.nib[data-ambient][data-pose=lantern] .nib-lantern{animation:3s ease-in-out infinite nib-flicker}.nib[data-ambient][data-pose=ring] .nib-bell{animation:.6s cubic-bezier(.34,1.56,.64,1) 3 nib-swing}.nib[data-ambient][data-pose=wave] .nib-wing{animation:.9s cubic-bezier(.22,.61,.36,1) 2 nib-flap}.nib[data-ambient][data-pose=wave] .nib-bobble{animation:.9s ease-in-out 2 nib-bob}.nib-panel .frame{stroke-dasharray:1}[data-draw]:not([data-draw=pending]) .nib-panel .frame{animation:.52s cubic-bezier(.22,.61,.36,1) both nib-draw}[data-draw=pending] .nib-panel .frame{stroke-dashoffset:1px}[data-draw]:not([data-draw=pending]) .nib-panel .nib-bell{animation:.6s cubic-bezier(.34,1.56,.64,1) 3 both nib-swing}[data-draw]:not([data-draw=pending]) .nib-panel .nib-glass{animation:.9s ease-out both nib-pulse}[data-climb] .nib-climber .nib-climb-arm-a{animation:.62s ease-in-out infinite climb-arm-a}[data-climb] .nib-climber .nib-climb-arm-b{animation:.62s ease-in-out infinite climb-arm-b}[data-climb] .nib-climber .nib-climb-foot-a{animation:.62s ease-in-out infinite climb-foot-a}[data-climb] .nib-climber .nib-climb-foot-b{animation:.62s ease-in-out infinite climb-foot-b}[data-climb] .nib-climber .nib-climb-body{animation:.31s ease-in-out infinite climb-body}[data-climb=up] .nib-climber :is(.nib-climb-arm,.nib-climb-foot){animation-direction:reverse}}@media (prefers-reduced-motion:reduce){.nib-panel .frame{stroke-dasharray:none;stroke-dashoffset:0}}@keyframes nib-blink{0%,96%,to{transform:scaleY(1)}98%{transform:scaleY(.1)}}@keyframes nib-breathe{50%{transform:scaleY(1.015)}}@keyframes nib-sweep{0%{transform:rotate(-4deg)}to{transform:rotate(5deg)}}@keyframes nib-swing{30%{transform:rotate(-14deg)}65%{transform:rotate(10deg)}}@keyframes nib-bob{50%{transform:rotate(10deg)}}@keyframes nib-flap{40%{transform:rotate(-10deg)}70%{transform:rotate(4deg)}}@keyframes nib-flicker{40%{opacity:.85}60%{opacity:1}}@keyframes nib-steam{to{stroke-dashoffset:-20px}}@keyframes nib-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes nib-pulse{40%{opacity:.55}}.nib-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nib-strip{position:relative}.nib-climb-arm{transform-box:fill-box;transform-origin:50% 100%}.nib-climb-foot,.nib-climb-body{transform-box:fill-box;transform-origin:50%}@keyframes climb-arm-a{0%,to{transform:scaleY(1)}50%{transform:scaleY(.68)}}@keyframes climb-arm-b{0%,to{transform:scaleY(.68)}50%{transform:scaleY(1)}}@keyframes climb-foot-a{0%,to{transform:translateY(3px)}50%{transform:translateY(-4px)}}@keyframes climb-foot-b{0%,to{transform:translateY(-4px)}50%{transform:translateY(3px)}}@keyframes climb-body{0%,to{transform:translateY(0)}50%{transform:translateY(1.5px)}}