/* stampede logo, inline use. Mark: <svg class="stp-logo">; add .is-running to play the run once. */
.stp-logo{--logo-ink:#000000;--logo-dot:#000000;--logo-working:var(--text,#171717);--logo-waiting:#ffb547;--logo-done:var(--success,#147d50);--logo-cell-border:#000000;display:block;height:auto}
@media(prefers-color-scheme:dark){:root:not([data-theme]) .stp-logo{--logo-ink:#ffffff;--logo-dot:#ffb547;--logo-working:var(--text,#f5f5f5);--logo-done:var(--success,#3ccf8e);--logo-cell-border:transparent}}
:root[data-theme="dark"] .stp-logo{--logo-ink:#ffffff;--logo-dot:#ffb547;--logo-working:var(--text,#f5f5f5);--logo-done:var(--success,#3ccf8e);--logo-cell-border:transparent}
.stp-logo .ink{fill:var(--logo-ink)}.stp-logo .dot{fill:var(--logo-dot)}
@media(prefers-reduced-motion:no-preference){:root:not([data-motion="off"]) .stp-logo.is-running .cell{transform-box:fill-box;transform-origin:50% 100%;stroke-width:1px;vector-effect:non-scaling-stroke}:root:not([data-motion="off"]) .stp-logo.is-running .c1{animation:stp-move-1 2400ms both,stp-tone-1 2400ms both}:root:not([data-motion="off"]) .stp-logo.is-running .c2{animation:stp-move-2 2400ms both,stp-tone-2 2400ms both}:root:not([data-motion="off"]) .stp-logo.is-running .c3{animation:stp-move-3 2400ms both,stp-tone-3 2400ms both}@keyframes stp-move-1{0.000%{transform:translate(-111px,0);animation-timing-function:linear}15.476%{transform:translate(-111px,0);animation-timing-function:linear}17.083%{transform:translate(-77.7px,-14px);animation-timing-function:cubic-bezier(.5,0,1,1)}20.833%{transform:translate(0,0) scale(1.12,.82);animation-timing-function:cubic-bezier(.16,1,.3,1)}24.167%{transform:translate(0,0) scale(.97,1.04);animation-timing-function:cubic-bezier(.16,1,.3,1)}27.500%{transform:none;animation-timing-function:cubic-bezier(.16,1,.3,1)}100.000%{transform:none;animation-timing-function:cubic-bezier(.16,1,.3,1)}}@keyframes stp-tone-1{0.000%{fill:var(--logo-ink);fill-opacity:1;stroke:none;animation-timing-function:step-end}26.667%{fill:var(--logo-working);fill-opacity:1;stroke:var(--logo-cell-border);animation-timing-function:step-end}30.139%{fill:var(--logo-working);fill-opacity:0.45;stroke:var(--logo-cell-border);animation-timing-function:step-end}33.611%{fill:var(--logo-working);fill-opacity:0.45;stroke:var(--logo-cell-border);animation-timing-function:step-end}37.083%{fill:var(--logo-working);fill-opacity:1;stroke:var(--logo-cell-border);animation-timing-function:step-end}40.556%{fill:var(--logo-working);fill-opacity:0.45;stroke:var(--logo-cell-border);animation-timing-function:step-end}44.028%{fill:var(--logo-working);fill-opacity:0.45;stroke:var(--logo-cell-border);animation-timing-function:step-end}47.500%{fill:var(--logo-working);fill-opacity:1;stroke:var(--logo-cell-border);animation-timing-function:step-end}50.972%{fill:var(--logo-working);fill-opacity:0.45;stroke:var(--logo-cell-border);animation-timing-function:step-end}54.444%{fill:var(--logo-working);fill-opacity:0.45;stroke:var(--logo-cell-border);animation-timing-function:step-end}57.917%{fill:var(--logo-done);fill-opacity:1;stroke:var(--logo-cell-border);animation-timing-function:step-end}78.750%{fill:var(--logo-done);fill-opacity:1;stroke:var(--logo-cell-border);animation-timing-function:cubic-bezier(.16,1,.3,1)}93.333%{fill:var(--logo-ink);fill-opacity:1;stroke:none;animation-timing-function:step-end}100.000%{fill:var(--logo-ink);fill-opacity:1;stroke:none;animation-timing-function:step-end}}@keyframes stp-move-2{0.000%{transform:translate(-185px,0);animation-timing-function:linear}7.738%{transform:translate(-185px,0);animation-timing-function:linear}12.917%{transform:translate(-77.7px,-14px);animation-timing-function:cubic-bezier(.5,0,1,1)}16.667%{transform:translate(0,0) scale(1.12,.82);animation-timing-function:cubic-bezier(.16,1,.3,1)}20.000%{transform:translate(0,0) scale(.97,1.04);animation-timing-function:cubic-bezier(.16,1,.3,1)}23.333%{transform:none;animation-timing-function:cubic-bezier(.16,1,.3,1)}100.000%{transform:none;animation-timing-function:cubic-bezier(.16,1,.3,1)}}@keyframes stp-tone-2{0.000%{fill:var(--logo-ink);fill-opacity:1;stroke:none;animation-timing-function:step-end}26.667%{fill:var(--logo-working);fill-opacity:0.45;stroke:var(--logo-cell-border);animation-timing-function:step-end}30.139%{fill:var(--logo-working);fill-opacity:1;stroke:var(--logo-cell-border);animation-timing-function:step-end}33.611%{fill:var(--logo-working);fill-opacity:0.45;stroke:var(--logo-cell-border);animation-timing-function:step-end}37.083%{fill:var(--logo-working);fill-opacity:0.45;stroke:var(--logo-cell-border);animation-timing-function:step-end}40.556%{fill:var(--logo-working);fill-opacity:1;stroke:var(--logo-cell-border);animation-timing-function:step-end}44.028%{fill:var(--logo-working);fill-opacity:0.45;stroke:var(--logo-cell-border);animation-timing-function:step-end}47.500%{fill:var(--logo-waiting);fill-opacity:1;stroke:var(--logo-cell-border);animation-timing-function:step-end}78.750%{fill:var(--logo-waiting);fill-opacity:1;stroke:var(--logo-cell-border);animation-timing-function:cubic-bezier(.16,1,.3,1)}93.333%{fill:var(--logo-ink);fill-opacity:1;stroke:none;animation-timing-function:step-end}100.000%{fill:var(--logo-ink);fill-opacity:1;stroke:none;animation-timing-function:step-end}}@keyframes stp-move-3{0.000%{transform:translate(-259px,0);animation-timing-function:linear}0.000%{transform:translate(-259px,0);animation-timing-function:linear}8.750%{transform:translate(-77.7px,-14px);animation-timing-function:cubic-bezier(.5,0,1,1)}12.500%{transform:translate(0,0) scale(1.12,.82);animation-timing-function:cubic-bezier(.16,1,.3,1)}15.833%{transform:translate(0,0) scale(.97,1.04);animation-timing-function:cubic-bezier(.16,1,.3,1)}19.167%{transform:none;animation-timing-function:cubic-bezier(.16,1,.3,1)}100.000%{transform:none;animation-timing-function:cubic-bezier(.16,1,.3,1)}}@keyframes stp-tone-3{0.000%{fill:var(--logo-ink);fill-opacity:1;stroke:none;animation-timing-function:step-end}26.667%{fill:var(--logo-working);fill-opacity:0.45;stroke:var(--logo-cell-border);animation-timing-function:step-end}30.139%{fill:var(--logo-working);fill-opacity:0.45;stroke:var(--logo-cell-border);animation-timing-function:step-end}33.611%{fill:var(--logo-working);fill-opacity:1;stroke:var(--logo-cell-border);animation-timing-function:step-end}37.083%{fill:var(--logo-working);fill-opacity:0.45;stroke:var(--logo-cell-border);animation-timing-function:step-end}40.556%{fill:var(--logo-working);fill-opacity:0.45;stroke:var(--logo-cell-border);animation-timing-function:step-end}44.028%{fill:var(--logo-working);fill-opacity:1;stroke:var(--logo-cell-border);animation-timing-function:step-end}47.500%{fill:var(--logo-working);fill-opacity:0.45;stroke:var(--logo-cell-border);animation-timing-function:step-end}50.972%{fill:var(--logo-working);fill-opacity:0.45;stroke:var(--logo-cell-border);animation-timing-function:step-end}54.444%{fill:var(--logo-working);fill-opacity:1;stroke:var(--logo-cell-border);animation-timing-function:step-end}57.917%{fill:var(--logo-working);fill-opacity:0.45;stroke:var(--logo-cell-border);animation-timing-function:step-end}61.389%{fill:var(--logo-working);fill-opacity:0.45;stroke:var(--logo-cell-border);animation-timing-function:step-end}64.861%{fill:var(--logo-working);fill-opacity:1;stroke:var(--logo-cell-border);animation-timing-function:step-end}68.333%{fill:var(--logo-working);fill-opacity:0.45;stroke:var(--logo-cell-border);animation-timing-function:step-end}71.806%{fill:var(--logo-working);fill-opacity:0.45;stroke:var(--logo-cell-border);animation-timing-function:step-end}75.278%{fill:var(--logo-working);fill-opacity:1;stroke:var(--logo-cell-border);animation-timing-function:step-end}78.750%{fill:var(--logo-working);fill-opacity:1;stroke:var(--logo-cell-border);animation-timing-function:cubic-bezier(.16,1,.3,1)}93.333%{fill:var(--logo-ink);fill-opacity:1;stroke:none;animation-timing-function:step-end}100.000%{fill:var(--logo-ink);fill-opacity:1;stroke:none;animation-timing-function:step-end}}}
