.sketch-logo{--logo-color:currentColor;--stroke-w:3px;--start:0s;--icon-dur:.6s;--text-start:.3s;--stagger:50ms;--letter-dur:.4s;--fill-dur:.35s;--draw-ease:cubic-bezier(.25, .1, .25, 1);--fill-ease:cubic-bezier(.4, 0, .2, 1);display:block;overflow:visible}.sketch-logo path{fill:var(--logo-color);stroke:#0000;stroke-width:var(--stroke-w);stroke-linecap:butt;stroke-linejoin:round}.sketch-logo--play path{fill:#0000;stroke:var(--logo-color);stroke-dasharray:1;stroke-dashoffset:1px;animation:sketch-draw var(--dur) var(--draw-ease) calc(var(--start) + var(--delay)) both, sketch-fill var(--fill-dur) var(--fill-ease) calc(var(--start) + var(--delay) + var(--dur)) both}.sketch-logo--play .sketch-icon path{--delay:0s;--dur:var(--icon-dur)}.sketch-logo--play .sketch-word path{--dur:var(--letter-dur);--delay:calc(var(--text-start) + (var(--i) + var(--word-offset,0)) * var(--stagger))}.sketch-logo--play .sketch-word--softwares{--word-offset:5}@keyframes sketch-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes sketch-fill{0%{fill:#0000;stroke:var(--logo-color)}to{fill:var(--logo-color);stroke:#0000}}@media (prefers-reduced-motion:reduce){.sketch-logo--play path{fill:var(--logo-color);stroke:#0000;stroke-dasharray:none;stroke-dashoffset:0;animation:none}}