.illo{--hint: var(--ploy-accent-primary);--ink: #2f2c28;display:block;width:100%;height:auto;overflow:visible}.illo--teal{--hint: var(--color-ploy-brand-teal)}.illo--plum{--hint: var(--color-ploy-brand-plum)}.illo--green{--hint: var(--color-ploy-brand-green)}.illo--sky{--hint: var(--color-ploy-brand-sky-deep)}.illo--yellow{--hint: #d9a92b}.illo :is(line,path,circle,rect){fill:none;stroke-width:1.2px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.illo .is-ink{stroke:var(--ink);opacity:calc(var(--o, .85) * .85)}.illo .is-hint{stroke:var(--hint);opacity:calc(var(--o, 1) * .95)}.illo :is(.illo__draw,.illo__write,.illo__close,.illo__fill){vector-effect:none}.illo__draw{stroke-dasharray:1;stroke-dashoffset:1px}.illo.is-on .illo__draw{stroke-dashoffset:0;transition:stroke-dashoffset 1.3s cubic-bezier(.65,0,.35,1) var(--d, 0s);animation:illo-solid 0s linear calc(var(--d, 0s) + 1.35s) forwards}.illo .illo__dot{stroke:none;fill:var(--ink);opacity:1}.illo .illo__dot.is-hint{fill:var(--hint)}.illo .illo__node{fill:#fbfaf6;stroke:var(--ink)}.illo .illo__mat{stroke:var(--ink);opacity:.12}.illo .illo__wash{fill:color-mix(in srgb,var(--hint) 11%,transparent);opacity:0;stroke:none!important}.illo.is-on .illo__wash{opacity:1;transition:opacity 1s .5s}.illo__pulse,.illo__halo{transform-box:fill-box;transform-origin:50%}.illo.is-on .illo__pulse{animation:illo-pulse 2.4s ease-in-out infinite}.illo .illo__halo{stroke:none;fill:var(--hint);opacity:0}.illo.is-on .illo__halo{animation:illo-halo 2.4s ease-out 1.6s infinite}.illo__spin{transform-box:view-box;transform-origin:120px 80px;animation:illo-spin 9s linear infinite}.illo__spin--slow{animation-duration:16s}.illo .illo__dashflow{stroke-width:2.6px;stroke-dasharray:1.5 3.5;stroke-linecap:butt;opacity:0}.illo.is-on .illo__dashflow{opacity:1;transition:opacity .6s .8s;animation:illo-flow 3s linear infinite}.illo .illo__ripple{fill:none;stroke:var(--hint);transform-box:fill-box;transform-origin:50%;opacity:0}.illo.is-on .illo__ripple{animation:illo-ripple 3.3s cubic-bezier(.215,.61,.355,1) var(--d, 0s) infinite}.illo .illo__bar{transform-box:fill-box;transform-origin:50% 100%;stroke-width:2.4px;transform:scaleY(0)}.illo.is-on .illo__bar{transition:transform .9s cubic-bezier(.23,1,.32,1) var(--d, 0s);transform:none}.illo.is-on .illo__bar.is-hint{animation:illo-breathe 3s ease-in-out 1.4s infinite}.illo.is-on .illo__slide{animation:illo-slide 4s cubic-bezier(.645,.045,.355,1) 1s infinite alternate}.illo.is-on .illo__slide--long{animation-duration:2.6s}.illo .illo__track{stroke:none;fill:color-mix(in srgb,var(--hint) 12%,transparent)}.illo .illo__ride{offset-rotate:0deg;offset-distance:0%}.illo.is-on .illo__ride{animation:illo-ride 6s linear infinite}.illo.is-on .illo__ride--wave{animation:illo-ride 4.5s cubic-bezier(.645,.045,.355,1) infinite alternate}.illo .illo__faint{opacity:.3}.illo .illo__blink{opacity:.25;transform-box:fill-box;transform-origin:50%}.illo.is-on .illo__blink{animation:illo-blink 3s ease-in-out var(--d, 0s) infinite}.illo .illo__sweep{transform-box:view-box;transform-origin:120px 120px}.illo.is-on .illo__sweep{animation:illo-sweep 5s cubic-bezier(.645,.045,.355,1) infinite alternate}.illo .illo__write{stroke-dasharray:1;stroke-dashoffset:1px;stroke-width:1.6px}.illo.is-on .illo__write{animation:illo-write 4.5s cubic-bezier(.645,.045,.355,1) .4s infinite}.illo .illo__fall{transform-box:fill-box}.illo.is-on .illo__fall{animation:illo-fall 2.4s cubic-bezier(.55,.085,.68,.53) infinite}.illo .illo__close{stroke-dasharray:1;stroke-dashoffset:1px;stroke-width:1.8px}.illo.is-on .illo__close{animation:illo-close 4s cubic-bezier(.645,.045,.355,1) .4s infinite}.illo.is-on .illo__pass{animation:illo-pass 4s cubic-bezier(.645,.045,.355,1) .8s infinite}.illo.is-on .illo__arrive{animation:illo-arrive 3.2s cubic-bezier(.19,1,.22,1) .8s infinite}.illo .illo__fill{stroke-dasharray:1;stroke-dashoffset:1px;stroke-width:1.6px}.illo.is-on .illo__fill{animation:illo-fill 4.5s cubic-bezier(.645,.045,.355,1) var(--d, 0s) infinite}.illo .illo__scan{transform-box:view-box}.illo.is-on .illo__scan{animation:illo-scan 5s cubic-bezier(.645,.045,.355,1) infinite alternate}.illo .illo__trail{stroke:var(--ink);opacity:.22;stroke-dasharray:1}.illo.is-on .illo__trail{animation:none}.illo .illo__fly{offset-rotate:0deg;offset-distance:0%;opacity:0}.illo.is-on .illo__fly{animation:illo-fly 2.7s cubic-bezier(.645,.045,.355,1) calc(.8s + var(--d, 0s)) infinite}.illo .illo__catch{fill:none;stroke:var(--hint);stroke-width:1.2px;transform-box:fill-box;transform-origin:50%;opacity:0}.illo.is-on .illo__catch{animation:illo-catch .9s cubic-bezier(.215,.61,.355,1) 3.2s infinite}@media(prefers-reduced-motion:reduce){.illo *,.illo.is-on *{transition:none!important;animation:none!important}.illo__draw,.illo .illo__write,.illo .illo__close,.illo .illo__fill{stroke-dashoffset:0}.illo .illo__bar,.illo .illo__blink{transform:none}.illo .illo__ripple,.illo .illo__fly,.illo .illo__catch{opacity:0}}@keyframes illo-solid{to{stroke-dasharray:none}}@keyframes illo-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}@keyframes illo-halo{0%{opacity:.35;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}@keyframes illo-spin{to{transform:rotate(360deg)}}@keyframes illo-flow{to{stroke-dashoffset:-40px}}@keyframes illo-ripple{0%{opacity:.9;transform:scale(.08)}to{opacity:0;transform:scale(1)}}@keyframes illo-breathe{0%,to{transform:none}50%{transform:scaleY(.8)}}@keyframes illo-slide{to{transform:translate(var(--dx))}}@keyframes illo-ride{to{offset-distance:100%}}@keyframes illo-blink{0%,to{opacity:.3;transform:scale(.8)}20%,50%{opacity:1;transform:scale(1.25)}}@keyframes illo-sweep{0%{transform:rotate(-64deg)}to{transform:rotate(64deg)}}@keyframes illo-write{0%{stroke-dashoffset:1px;opacity:1}60%{stroke-dashoffset:0;opacity:1}85%,to{stroke-dashoffset:0;opacity:0}}@keyframes illo-fall{0%{opacity:0;transform:translateY(0)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(56px)}}@keyframes illo-close{0%{stroke-dashoffset:1px}55%,85%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes illo-pass{0%{opacity:0;transform:translate(0)}10%{opacity:1}70%{opacity:1;transform:translate(120px)}85%,to{opacity:0;transform:translate(120px)}}@keyframes illo-arrive{0%{opacity:0;transform:translate(0)}10%{opacity:1}50%,80%{opacity:1;transform:translate(110px)}to{opacity:0;transform:translate(110px)}}@keyframes illo-fill{0%,8%{stroke-dashoffset:1px;opacity:1}40%,85%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes illo-scan{to{transform:translate(64px)}}@keyframes illo-fly{0%{offset-distance:0%;opacity:0}8%{opacity:1}88%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes illo-catch{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(2.2)}}