svg.fys-doodle :is(path,rect,circle){fill:none;stroke:var(--fg-3);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;--ink-w:1.7}svg.fys-doodle .paper{fill:var(--bg)}svg.fys-doodle .ink{fill:var(--fg-3)}svg.fys-doodle .on-ink{stroke:var(--bg)}svg.fys-doodle .bold{stroke-width:3px;--ink-w:2.6}svg.fys-doodle .hatch{stroke-width:1px;--ink-w:.86}svg.fys-doodle .gap{stroke:var(--bg);stroke-width:5px;--ink-w:4.3}svg.fys-doodle .frame{stroke:var(--fg)}svg.fys-doodle .brand{fill:var(--brand);stroke:var(--brand)}svg.fys-doodle .on-brand{stroke:var(--on-brand)}svg.fys-doodle .fys-doodle__strike{stroke:var(--fg);stroke-width:2.6px;--ink-w:2.2}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){svg.fys-doodle{view-timeline-name:--fys-doodle}svg.fys-doodle :is(path,rect,circle){animation:linear backwards fys-doodle-show;animation-timeline:--fys-doodle;animation-range:cover calc(3% + var(--i,0) / var(--n,1) * 18%) cover calc(13% + var(--i,0) / var(--n,1) * 18%)}svg.fys-doodle :is(path,rect,circle)[pathLength]{animation-name:fys-doodle-draw}svg.fys-doodle .fys-doodle__strike{animation-timing-function:cubic-bezier(.55,0,.25,1);animation-range:cover 29% cover 37%}}}@keyframes fys-doodle-draw{0%{stroke-dasharray:1 2;stroke-dashoffset:1px;fill-opacity:0;vector-effect:none;stroke-width:var(--ink-w)}50%{fill-opacity:1}to{stroke-dasharray:1 2;stroke-dashoffset:0;fill-opacity:1;vector-effect:none;stroke-width:var(--ink-w)}}@keyframes fys-doodle-show{0%{opacity:0}}