.dg{--dg-ease:cubic-bezier(.16, 1, .3, 1);--dg-dur:2s;--dg-beat:.28s}.dg-part{opacity:0;transition:opacity var(--dg-dur) var(--dg-ease), transform var(--dg-dur) var(--dg-ease);transition-delay:calc(var(--i,0) * var(--dg-beat));transform:translateY(12px)}.dg[data-shown=true] .dg-part{opacity:1;transform:none}.dg-line{transform-origin:top;transition:transform calc(var(--dg-dur) * .6) var(--dg-ease);transition-delay:calc(var(--i,0) * var(--dg-beat));transform:scaleY(0)}@media (min-width:40rem){.dg-line{transform-origin:0;transform:scaleX(0)}.dg-line.dg-line-v{transform-origin:top;transform:scaleY(0)}}.dg[data-shown=true] .dg-line{transform:none}.dg-grow{clip-path:inset(0 100% 0 0);transition:clip-path var(--dg-dur) var(--dg-ease);transition-delay:calc(var(--i,0) * var(--dg-beat))}.dg[data-shown=true] .dg-grow{clip-path:inset(0)}.dg-mark{transition:background-color calc(var(--dg-dur) * .5) var(--dg-ease);transition-delay:calc(var(--i,0) * var(--dg-beat))}.dg[data-shown=true] .dg-mark{background-color:var(--hl)}.dg-steps [data-step]{transition:opacity .3s}:is(.dg-steps:has([data-step="1"]:hover) [data-step]:not([data-step="1"]),.dg-steps:has([data-step="2"]:hover) [data-step]:not([data-step="2"]),.dg-steps:has([data-step="3"]:hover) [data-step]:not([data-step="3"]),.dg-steps:has([data-step="4"]:hover) [data-step]:not([data-step="4"]),.dg-steps:has([data-step="5"]:hover) [data-step]:not([data-step="5"]),.dg-steps:has([data-step="6"]:hover) [data-step]:not([data-step="6"])){opacity:.2}.dg-flag{color:var(--color-fg-muted);display:inline-flex}.dg-flag-cloth{transform-box:fill-box;transform-origin:0;opacity:0;transition:transform .7s cubic-bezier(.34,1.56,.64,1),opacity .2s;transition-delay:calc(var(--i,0) * var(--dg-beat));transform:translateY(9px)scaleX(.2)}.dg[data-shown=true] .dg-flag-cloth{opacity:1;animation:.5s ease-in-out 2 dg-wave;animation-delay:calc(var(--i,0) * var(--dg-beat) + .7s);transform:none}@keyframes dg-wave{50%{transform:skewY(-8deg)scaleX(.9)}}.dg-draw{stroke-dashoffset:1px;transition:stroke-dashoffset calc(var(--dg-dur) * .7) var(--dg-ease);transition-delay:calc(var(--i,0) * var(--dg-beat))}.dg-draw:not([stroke-dasharray]){stroke-dasharray:1}.dg-draw[stroke-dasharray]{stroke-dashoffset:0;opacity:0;transition:opacity var(--dg-dur) var(--dg-ease);transition-delay:calc(var(--i,0) * var(--dg-beat))}.dg[data-shown=true] .dg-draw{stroke-dashoffset:0;opacity:1}.dg-fade{opacity:0;transition:opacity var(--dg-dur) var(--dg-ease);transition-delay:calc(var(--i,0) * var(--dg-beat) + .35s)}.dg[data-shown=true] .dg-fade{opacity:1}.dg-key-sketch{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M1 7.2 C 20 5.6, 42 8.4, 60 6.6 S 88 5.8, 99 7' fill='none' stroke='%2322a34a' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:0 100%;background-repeat:no-repeat;background-size:100% .5em;padding-bottom:1px}@media (prefers-reduced-motion:reduce){.dg-draw,.dg-fade{transition:none}.dg .dg-draw{stroke-dashoffset:0;opacity:1}.dg .dg-draw:not([stroke-dasharray]){stroke-dasharray:none}.dg .dg-fade{opacity:1}.dg-part,.dg-line,.dg-grow,.dg-mark{transition:none}.dg .dg-part{opacity:1;transform:none}.dg .dg-line{transform:none}.dg .dg-grow{clip-path:none}.dg .dg-mark{background-color:var(--hl)}.dg .dg-flag-cloth{opacity:1;transition:none;animation:none;transform:none}}