.dg{--dg-ease:cubic-bezier(0.22,1,0.36,1)}.dg svg{display:block;width:100%;height:auto;overflow:visible}.dg-ink{stroke:var(--color-ink);fill:none}.dg-faint{stroke:var(--color-line-strong);fill:none}.dg-soft{stroke:var(--color-ink);stroke-opacity:.3;fill:none}.dg-hair{stroke:var(--color-line);fill:none}.dg-lime,.dg-lime-soft{fill:var(--color-accent)}.dg-lime-soft{fill-opacity:.4}.dg-white{fill:var(--color-white)}.dg-paper{fill:var(--color-paper)}.dg-metal{fill:var(--color-ink-600)}.dg-band{fill:var(--band)}.dg-solid{fill:var(--color-ink)}.dg-wind{stroke:var(--accent-text);fill:none}.dg-wind-fill{fill:var(--accent-text)}.dg-lime-line{stroke:var(--color-accent);fill:none}.dg-label{fill:var(--color-ink);font-family:var(--font-display);font-weight:600}.dg-quiet{fill:var(--color-ink-600);font-family:var(--font-body);font-weight:500}.dg-mark circle{fill:var(--color-ink)}.dg-mark text{fill:var(--color-white);font-family:var(--font-display);font-weight:600}.dg-num{background:var(--color-ink);color:var(--color-white)}.dg-drop-y,.dg-grow,.dg-pop,.dg-rise-y,.dg-sway{transform-box:fill-box}.dg-pop{transform-origin:center}.dg-grow,.dg-sway{transform-origin:left center}.dg-rise-y{transform-origin:center bottom}.dg-drop-y{transform-origin:center top}.dg-fan{transform-box:view-box;transform-origin:var(--o)}.dg-draw{stroke-dasharray:1 1}.dg-trace,.dg-walk{stroke-dasharray:0 2;stroke-linecap:round;fill:none}.dg-trace{opacity:0}.dg-fall{fill-opacity:.4}.dg[data-armed] .dg-draw{stroke-dashoffset:1}.dg[data-armed] :is(.dg-fade,.dg-pop,.dg-grow,.dg-rise-y,.dg-drop-y,.dg-slide,.dg-fan,.dg-key>li){opacity:0}.dg[data-armed] .dg-fall{fill-opacity:1}.dg[data-play] .dg-draw{animation:dg-draw var(--t,.7s) var(--e,var(--dg-ease)) var(--d,0s) both}.dg[data-play] .dg-fade{animation:dg-fade .5s ease-out var(--d,0s) both}.dg[data-play] :is(.dg-pop,.dg-fan){animation:dg-pop .42s var(--dg-ease) var(--d,0s) both}.dg[data-play] .dg-grow{animation:dg-grow .6s var(--dg-ease) var(--d,0s) both}.dg[data-play] .dg-rise-y{animation:dg-rise-y var(--t,.7s) var(--dg-ease) var(--d,0s) both}.dg[data-play] .dg-drop-y{animation:dg-drop-y .6s var(--dg-ease) var(--d,0s) both}.dg[data-play] .dg-slide{animation:dg-slide .56s var(--dg-ease) var(--d,0s) both}.dg[data-play] .dg-fall{animation:dg-fall .7s ease-out var(--d,0s) both}.dg[data-play] .dg-trace{animation:dg-trace var(--t,1.6s) linear var(--d,0s) both}.dg[data-play] .dg-key>li{animation:dg-rise .48s var(--dg-ease) var(--d,0s) both}@keyframes dg-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes dg-fade{0%{opacity:0}to{opacity:1}}@keyframes dg-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes dg-grow{0%{opacity:0;transform:scaleX(0)}30%{opacity:1}to{opacity:1;transform:scaleX(1)}}@keyframes dg-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes dg-rise-y{0%{opacity:0;transform:scaleY(0)}20%{opacity:1}to{opacity:1;transform:scaleY(1)}}@keyframes dg-drop-y{0%{opacity:0;transform:scaleY(0)}30%{opacity:1}to{opacity:1;transform:scaleY(1)}}@keyframes dg-slide{0%{opacity:0;transform:translate(var(--fx,0),var(--fy,40px))}to{opacity:1;transform:none}}@keyframes dg-fall{0%{fill-opacity:1}to{fill-opacity:.4}}@keyframes dg-trace{0%{opacity:1;stroke-dashoffset:0}92%{opacity:1}to{opacity:0;stroke-dashoffset:-1}}@media (prefers-reduced-motion:no-preference){.dg:is(:not([data-armed]),[data-play]) .dg-flow{animation:dg-flow var(--flow,1.1s) linear infinite}.dg:is(:not([data-armed]),[data-play]) .dg-sway{animation:dg-sway 2.4s ease-in-out var(--d,0s) infinite alternate}.dg:is(:not([data-armed]),[data-play]) .dg-walk{animation:dg-walk var(--walk,8s) linear var(--d,0s) infinite}.dg[data-off] :is(.dg-flow,.dg-sway,.dg-walk){animation-play-state:paused}}@keyframes dg-flow{to{stroke-dashoffset:-26}}@keyframes dg-walk{0%{stroke-dashoffset:0}to{stroke-dashoffset:-1}}@keyframes dg-sway{0%{transform:scaleX(1)}to{transform:scaleX(var(--sway,1.25))}}