.patch{max-width:100%;height:auto;display:block;overflow:visible}.patch[data-animated]{--patch-delay:.2s}.patch[data-animated] .pl{animation:patch-fade .7s var(--ease) backwards;animation-delay:calc(var(--patch-delay) + var(--i) * 55ms)}.patch[data-animated] [data-ring=spin],.patch[data-animated] [data-ring=sway]{transform-origin:200px 200px;animation:patch-ring 2.6s var(--ease) backwards;animation-delay:var(--patch-delay)}.patch[data-animated] .pd{stroke-dasharray:1 2;animation:patch-draw 1.5s var(--ease-cine) backwards;animation-delay:calc(var(--patch-delay) + .35s + var(--i) * 45ms)}.patch[data-animated] .pf{animation:patch-fade 1.1s var(--ease) backwards;animation-delay:calc(var(--patch-delay) + .9s + var(--i) * 45ms)}@keyframes patch-draw{0%{stroke-dashoffset:1.01px}to{stroke-dashoffset:0}}@keyframes patch-fade{0%{opacity:0}}@keyframes patch-ring{0%{opacity:0;transform:rotate(-70deg)}}@media (prefers-reduced-motion:reduce){.patch[data-animated] .pl,.patch[data-animated] .pd,.patch[data-animated] .pf,.patch[data-animated] [data-ring]{animation:none}}