/* Motion embeds for the blog: attachment snap, armour eating the damage, the Lefevre scale.
   Loads after site.css and blog.css on posts that use an embed.

   How the motion works:
   - With no JavaScript, or when the reader asks for reduced motion, the markup on its own shows
     the finished, explained state. Nothing moves.
   - embeds.js adds .is-anim when motion is allowed and .is-playing while the embed is on screen
     and not paused. Every moving part is `.an` plus `.k-<keyframes>`, all on one shared 10 s loop.
   - The keyframes and the class links at the bottom are generated by embeds/keyframes.py. */

.embed{--cycle:10s;--steel:#9AA3AE;--ball:#FFBE0B;--play:paused;position:relative;margin:1.8em 0 2.2em;background:var(--ink-deep);border-block:1px solid var(--line);color:var(--white);font-size:1.0625rem;line-height:1.4}
@media (min-width:1100px){.embed{border:1px solid var(--line);clip-path:polygon(var(--ch) 0,100% 0,100% calc(100% - var(--ch)),calc(100% - var(--ch)) 100%,0 100%,0 var(--ch))}}
.embed.is-playing{--play:running}

.embed.is-anim .an{animation-duration:var(--cycle);animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both;animation-play-state:var(--play)}
.embed.is-still .an{animation:none!important}
@media (prefers-reduced-motion:reduce){.embed .an{animation:none!important}}
.embed svg .an{transform-box:fill-box;transform-origin:center}

/* ---------- frame ---------- */
.embed-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px 12px;border-bottom:1px solid var(--line)}
.post-body .embed-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 7px;font:600 .875rem/1.2 var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.post-body .embed-kicker .badge{margin:0;vertical-align:0}
.post-body .embed-title{margin:0;font:400 clamp(1.375rem,4.4vw,1.875rem)/1 var(--f-display);text-transform:uppercase;letter-spacing:.01em;color:var(--white);text-wrap:balance}
.embed-toggle{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--line-2);background:transparent;color:var(--muted);font:600 .875rem/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}
.embed-toggle:hover{border-color:var(--white);color:var(--white);background:var(--ink-3)}
.embed-toggle:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.embed-toggle[hidden]{display:none}
.embed-toggle .ic{width:14px;height:14px;fill:currentColor;stroke:none}
.embed-toggle .ic-play,.embed-toggle.is-paused .ic-pause{display:none}
.embed-toggle.is-paused .ic-play{display:block}

.embed-stage{position:relative;padding:10px 8px 0}
.embed-stage svg{display:block;width:100%;height:auto;overflow:hidden}
.embed svg text{font-family:var(--f-body)}

.post-body .embed-steps{list-style:none;display:grid;gap:8px;margin:0;padding:12px 16px 4px}
.post-body .embed-steps li{display:flex;gap:10px;align-items:baseline;margin:0;padding:0;font-size:1.0625rem;line-height:1.35;color:var(--white)}
.post-body .embed-steps li::marker{content:none}
.embed-steps b{flex:none;display:inline-grid;place-items:center;width:1.65em;height:1.65em;border:1px solid var(--line-2);background:var(--ink-3);font:400 .875rem/1 var(--f-mono);color:var(--white)}

.post-body .embed-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding:12px 16px 0;font-size:1rem;color:var(--muted)}
.embed-legend span{display:inline-flex;align-items:center;gap:8px}
.sw{display:inline-block;width:24px;height:12px}
.sw-steel{background:var(--steel)}
.sw-ball{background:var(--ball)}

.post-body .embed figcaption{margin:0;padding:12px 16px 16px;color:var(--faint);font-size:.9375rem;line-height:1.45}
.post-body .embed figcaption strong{color:var(--muted)}

/* ---------- (a) attachment snap ---------- */
.snap-body{display:grid}
@media (min-width:860px){.snap-body{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center}}
.snap-stage{padding:10px 8px 4px}
.snap-svg .plate-txt{font-family:var(--f-plate);font-size:13px;letter-spacing:.04em;fill:var(--ink)}
.snap-card{margin:6px 16px 4px;padding:12px 14px 6px;border:1px solid var(--line);background:var(--ink-2)}
@media (min-width:860px){.snap-card{margin:16px 16px 12px 0}}
.post-body .snap-card-title{margin:0 0 6px;font:400 1.375rem/1 var(--f-display);text-transform:uppercase;letter-spacing:.01em;color:var(--white)}
.snap-table{width:100%;border-collapse:collapse}
.snap-table th,.snap-table td{padding:7px 4px;border-bottom:1px solid var(--line);text-align:left;font-weight:400;vertical-align:baseline}
.snap-table tr:last-child>*{border-bottom:0}
.snap-table thead th{padding-top:2px;font:600 .8125rem/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.snap-table tbody th{font-size:1.0625rem;color:var(--muted)}
.snap-table td{font:400 1rem/1.2 var(--f-mono);font-variant-numeric:tabular-nums;color:var(--faint);white-space:nowrap}
.snap-table td.now{color:var(--white)}
.val{display:inline-grid}
.val>.v{grid-area:1/1;white-space:nowrap;color:var(--white)}
.val>.v:not(.fin){opacity:0}
.post-body .snap-note{margin:4px 0 6px;font-size:.9375rem;color:var(--faint)}
@media (min-width:860px){.post-body .snap-steps{grid-template-columns:1fr 1fr;gap:8px 20px}}

/* ---------- (b) armour eating the damage ---------- */
.soak-body{display:grid}
@media (min-width:860px){.soak-body{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center}.soak-side{padding:8px 8px 8px 0}}
.soak-stage{max-width:560px;width:100%;justify-self:center}
.embed .soak-svg .gbar{transform-origin:0 50%}
.soak-svg .num{font-family:var(--f-mono);font-size:22px;fill:var(--white)}
.soak-svg .word{font-family:var(--f-plate);font-size:12px;letter-spacing:.08em;fill:var(--steel)}
.soak-svg .sum{font-weight:600;font-size:14px;letter-spacing:.04em;fill:var(--white)}
.soak-svg .lab{font-family:var(--f-plate);font-size:13px;letter-spacing:.06em;fill:var(--muted)}
.soak-svg .brk-word{font-family:var(--f-plate);font-size:13px;letter-spacing:.1em;fill:var(--ink)}
.soak-svg .brk-num{font-family:var(--f-display);font-size:44px;fill:var(--ball);stroke:var(--ink-deep);stroke-width:5px;paint-order:stroke;stroke-linejoin:round}
.soak-svg .tag-txt{font-family:var(--f-plate);font-size:11px;letter-spacing:.08em;fill:var(--ink)}
.hide-still{opacity:0}

/* ---------- (c) the Lefevre scale ---------- */
.scale-wrap{padding:12px 16px 4px}
.scale-head{display:grid;grid-template-columns:2.25rem minmax(0,1fr) auto;gap:10px;padding:0 10px 6px 13px;font:600 .8125rem/1.15 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.scale-head .h-bar{display:none}
.post-body .scale-list{list-style:none;display:grid;gap:6px;margin:0;padding:0}
.post-body .scale-list li{margin:0;padding:8px 10px;padding-left:10px}
.post-body .scale-list li::marker{content:none}
.sr{position:relative;display:grid;grid-template-columns:2.25rem minmax(0,1fr) auto;grid-template-areas:"n main house" "n bar bar";gap:6px 10px;align-items:center;background:var(--ink-2);border-left:3px solid var(--line-2)}
.sr-n{grid-area:n;font:400 1.5rem/1 var(--f-mono);font-variant-numeric:tabular-nums;color:var(--white);text-align:center}
.sr-main{grid-area:main;min-width:0}
.sr-name{display:block;font:400 1.3125rem/1 var(--f-display);text-transform:uppercase;letter-spacing:.015em;color:var(--white)}
.sr-line{display:block;margin-top:3px;font-size:1rem;line-height:1.25;color:var(--muted)}
.sr-house{grid-area:house;justify-self:end;padding:.38em .5em .32em;border:1px solid var(--line-2);font:600 .8125rem/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.sr-bar{grid-area:bar;position:relative;height:8px;background:var(--ink-3);overflow:hidden}
.sr-fill{position:absolute;top:0;bottom:0;left:0;background:var(--cobalt);transform-origin:0 50%}
.sr-bar::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 2px),var(--ink-2) calc(10% - 2px) 10%)}
.r1 .sr-fill{width:10%}.r2 .sr-fill{width:20%}.r3 .sr-fill{width:30%}.r4 .sr-fill{width:40%}.r5 .sr-fill{width:50%}
.r6 .sr-fill{width:60%}.r7 .sr-fill{width:70%}.r8 .sr-fill{width:80%}.r9 .sr-fill{width:90%}.r10 .sr-fill{width:100%}
.sr.is-key{border-left-color:var(--yellow);background:var(--ink-3)}
.sr.is-key .sr-name{color:var(--yellow)}
.sr.is-key .sr-fill{background:var(--yellow)}
.sr.is-key .sr-bar::after{background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 2px),var(--ink-3) calc(10% - 2px) 10%)}
.sr.is-key .sr-house{border-color:var(--yellow);color:var(--white)}
@media (min-width:760px){
  .scale-head,.sr{grid-template-columns:2.5rem minmax(0,1.35fr) minmax(0,1fr) 7rem;grid-template-areas:"n main bar house"}
  .scale-head .h-bar{display:block}
  .scale-head .h-house{text-align:right}
}

/* BEGIN GENERATED KEYFRAMES */
@keyframes snap-s01{0%{opacity:1}15.9%{opacity:1}16%{opacity:0}96.9%{opacity:0}97%{opacity:1}100%{opacity:1}}
@keyframes snap-s02{0%{opacity:1}41.9%{opacity:1}42%{opacity:0}96.9%{opacity:0}97%{opacity:1}100%{opacity:1}}
@keyframes snap-s12{0%{opacity:0}15.9%{opacity:0;color:var(--white)}16%{opacity:1;color:var(--yellow)}22%{opacity:1;color:var(--white)}41.9%{opacity:1}42%{opacity:0}100%{opacity:0}}
@keyframes snap-s13{0%{opacity:0}15.9%{opacity:0;color:var(--white)}16%{opacity:1;color:var(--yellow)}22%{opacity:1;color:var(--white)}69.9%{opacity:1}70%{opacity:0}100%{opacity:0}}
@keyframes snap-s14{0%{opacity:0}15.9%{opacity:0;color:var(--white)}16%{opacity:1;color:var(--yellow)}22%{opacity:1;color:var(--white)}96.9%{opacity:1}97%{opacity:0}100%{opacity:0}}
@keyframes snap-s23{0%{opacity:0}41.9%{opacity:0;color:var(--white)}42%{opacity:1;color:var(--yellow)}48%{opacity:1;color:var(--white)}69.9%{opacity:1}70%{opacity:0}100%{opacity:0}}
@keyframes snap-s24{0%{opacity:0}41.9%{opacity:0;color:var(--white)}42%{opacity:1;color:var(--yellow)}48%{opacity:1;color:var(--white)}96.9%{opacity:1}97%{opacity:0}100%{opacity:0}}
@keyframes snap-s34{0%{opacity:0}69.9%{opacity:0;color:var(--white)}70%{opacity:1;color:var(--yellow)}76%{opacity:1;color:var(--white)}96.9%{opacity:1}97%{opacity:0}100%{opacity:0}}
@keyframes snap-st1{0%{opacity:1}15.9%{opacity:1}16%{opacity:.4}96.9%{opacity:.4}97%{opacity:1}100%{opacity:1}}
@keyframes snap-st2{0%{opacity:.4}15.9%{opacity:.4}16%{opacity:1}41.9%{opacity:1}42%{opacity:.4}100%{opacity:.4}}
@keyframes snap-st3{0%{opacity:.4}41.9%{opacity:.4}42%{opacity:1}69.9%{opacity:1}70%{opacity:.4}100%{opacity:.4}}
@keyframes snap-st4{0%{opacity:.4}69.9%{opacity:.4}70%{opacity:1}96.9%{opacity:1}97%{opacity:.4}100%{opacity:.4}}
@keyframes snap-faint-m{0%{opacity:.75}7.9%{opacity:.75}8%{opacity:0}96.9%{opacity:0}97%{opacity:.75}100%{opacity:.75}}
@keyframes snap-hot-m{0%{opacity:0}7.9%{opacity:0}8%{opacity:1}15.9%{opacity:1}16%{opacity:0}100%{opacity:0}}
@keyframes snap-plate-m{0%{opacity:0}7.9%{opacity:0}8%{opacity:1}24.9%{opacity:1}25%{opacity:0}100%{opacity:0}}
@keyframes snap-burst-m{0%{opacity:0;transform:scale(.6)}15.9%{opacity:0;transform:scale(.6)}16%{opacity:1;transform:scale(.8)}21%{opacity:0;transform:scale(1.3)}100%{opacity:0;transform:scale(1.3)}}
@keyframes snap-part-m{0%{opacity:0;transform:translate(110px,0px)}7.9%{opacity:0;transform:translate(110px,0px)}8%{opacity:1;transform:translate(110px,0px)}13.6%{opacity:1;transform:translate(calc(110px * .12),calc(0px * .12))}15.4%{opacity:1;transform:translate(0px,0px)}16%{opacity:1;transform:translate(0px,0px) scale(1.04)}17.2%{opacity:1;transform:none}97%{opacity:1;transform:none}99.5%{opacity:0;transform:none}100%{opacity:0;transform:none}}
@keyframes snap-faint-s{0%{opacity:.75}33.9%{opacity:.75}34%{opacity:0}96.9%{opacity:0}97%{opacity:.75}100%{opacity:.75}}
@keyframes snap-hot-s{0%{opacity:0}33.9%{opacity:0}34%{opacity:1}41.9%{opacity:1}42%{opacity:0}100%{opacity:0}}
@keyframes snap-plate-s{0%{opacity:0}33.9%{opacity:0}34%{opacity:1}50.9%{opacity:1}51%{opacity:0}100%{opacity:0}}
@keyframes snap-burst-s{0%{opacity:0;transform:scale(.6)}41.9%{opacity:0;transform:scale(.6)}42%{opacity:1;transform:scale(.8)}47%{opacity:0;transform:scale(1.3)}100%{opacity:0;transform:scale(1.3)}}
@keyframes snap-part-s{0%{opacity:0;transform:translate(-70px,-50px)}33.9%{opacity:0;transform:translate(-70px,-50px)}34%{opacity:1;transform:translate(-70px,-50px)}39.6%{opacity:1;transform:translate(calc(-70px * .12),calc(-50px * .12))}41.4%{opacity:1;transform:translate(0px,0px)}42%{opacity:1;transform:translate(0px,0px) scale(1.04)}43.2%{opacity:1;transform:none}97%{opacity:1;transform:none}99.5%{opacity:0;transform:none}100%{opacity:0;transform:none}}
@keyframes snap-faint-g{0%{opacity:.75}61.9%{opacity:.75}62%{opacity:0}96.9%{opacity:0}97%{opacity:.75}100%{opacity:.75}}
@keyframes snap-hot-g{0%{opacity:0}61.9%{opacity:0}62%{opacity:1}69.9%{opacity:1}70%{opacity:0}100%{opacity:0}}
@keyframes snap-plate-g{0%{opacity:0}61.9%{opacity:0}62%{opacity:1}78.9%{opacity:1}79%{opacity:0}100%{opacity:0}}
@keyframes snap-burst-g{0%{opacity:0;transform:scale(.6)}69.9%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(.8)}75%{opacity:0;transform:scale(1.3)}100%{opacity:0;transform:scale(1.3)}}
@keyframes snap-part-g{0%{opacity:0;transform:translate(0px,60px)}61.9%{opacity:0;transform:translate(0px,60px)}62%{opacity:1;transform:translate(0px,60px)}67.6%{opacity:1;transform:translate(calc(0px * .12),calc(60px * .12))}69.4%{opacity:1;transform:translate(0px,0px)}70%{opacity:1;transform:translate(0px,0px) scale(1.04)}71.2%{opacity:1;transform:none}97%{opacity:1;transform:none}99.5%{opacity:0;transform:none}100%{opacity:0;transform:none}}
@keyframes soak-rd-1{0%{opacity:0;transform:translateX(-290px)}5.4%{opacity:0;transform:translateX(-290px)}5.5%{opacity:1;transform:translateX(-290px)}8%{opacity:1;transform:translateX(0px)}8.3%{opacity:0;transform:translateX(0px)}100%{opacity:0;transform:translateX(0px)}}
@keyframes soak-sp-1{0%{opacity:0;transform:scale(.4)}7.9%{opacity:0;transform:scale(.4)}8%{opacity:1;transform:scale(.7)}9%{opacity:1;transform:scale(1.15)}10.4%{opacity:0;transform:scale(1.3)}100%{opacity:0;transform:scale(1.3)}}
@keyframes soak-ric-1{0%{opacity:0;transform:translate(0px,0px)}7.9%{opacity:0;transform:translate(0px,0px)}8%{opacity:1;transform:translate(0px,0px)}10.6%{opacity:0;transform:translate(-40px,-30px)}100%{opacity:0;transform:translate(-40px,-30px)}}
@keyframes soak-pk-1{0%{opacity:0}7.9%{opacity:0}8%{opacity:1}97.9%{opacity:1}98%{opacity:0}100%{opacity:0}}
@keyframes soak-n1-1{0%{opacity:0}7.9%{opacity:0}8%{opacity:1}10.9%{opacity:1}11%{opacity:0}100%{opacity:0}}
@keyframes soak-rd-2{0%{opacity:0;transform:translateX(-290px)}8.4%{opacity:0;transform:translateX(-290px)}8.5%{opacity:1;transform:translateX(-290px)}11%{opacity:1;transform:translateX(0px)}11.3%{opacity:0;transform:translateX(0px)}100%{opacity:0;transform:translateX(0px)}}
@keyframes soak-sp-2{0%{opacity:0;transform:scale(.4)}10.9%{opacity:0;transform:scale(.4)}11%{opacity:1;transform:scale(.7)}12%{opacity:1;transform:scale(1.15)}13.4%{opacity:0;transform:scale(1.3)}100%{opacity:0;transform:scale(1.3)}}
@keyframes soak-ric-2{0%{opacity:0;transform:translate(0px,0px)}10.9%{opacity:0;transform:translate(0px,0px)}11%{opacity:1;transform:translate(0px,0px)}13.6%{opacity:0;transform:translate(-40px,-30px)}100%{opacity:0;transform:translate(-40px,-30px)}}
@keyframes soak-pk-2{0%{opacity:0}10.9%{opacity:0}11%{opacity:1}97.9%{opacity:1}98%{opacity:0}100%{opacity:0}}
@keyframes soak-n1-2{0%{opacity:0}10.9%{opacity:0}11%{opacity:1}13.9%{opacity:1}14%{opacity:0}100%{opacity:0}}
@keyframes soak-rd-3{0%{opacity:0;transform:translateX(-290px)}11.4%{opacity:0;transform:translateX(-290px)}11.5%{opacity:1;transform:translateX(-290px)}14%{opacity:1;transform:translateX(0px)}14.3%{opacity:0;transform:translateX(0px)}100%{opacity:0;transform:translateX(0px)}}
@keyframes soak-sp-3{0%{opacity:0;transform:scale(.4)}13.9%{opacity:0;transform:scale(.4)}14%{opacity:1;transform:scale(.7)}15%{opacity:1;transform:scale(1.15)}16.4%{opacity:0;transform:scale(1.3)}100%{opacity:0;transform:scale(1.3)}}
@keyframes soak-ric-3{0%{opacity:0;transform:translate(0px,0px)}13.9%{opacity:0;transform:translate(0px,0px)}14%{opacity:1;transform:translate(0px,0px)}16.6%{opacity:0;transform:translate(-40px,-30px)}100%{opacity:0;transform:translate(-40px,-30px)}}
@keyframes soak-pk-3{0%{opacity:0}13.9%{opacity:0}14%{opacity:1}97.9%{opacity:1}98%{opacity:0}100%{opacity:0}}
@keyframes soak-n1-3{0%{opacity:0}13.9%{opacity:0}14%{opacity:1}16.9%{opacity:1}17%{opacity:0}100%{opacity:0}}
@keyframes soak-rd-4{0%{opacity:0;transform:translateX(-290px)}14.4%{opacity:0;transform:translateX(-290px)}14.5%{opacity:1;transform:translateX(-290px)}17%{opacity:1;transform:translateX(0px)}17.3%{opacity:0;transform:translateX(0px)}100%{opacity:0;transform:translateX(0px)}}
@keyframes soak-sp-4{0%{opacity:0;transform:scale(.4)}16.9%{opacity:0;transform:scale(.4)}17%{opacity:1;transform:scale(.7)}18%{opacity:1;transform:scale(1.15)}19.4%{opacity:0;transform:scale(1.3)}100%{opacity:0;transform:scale(1.3)}}
@keyframes soak-ric-4{0%{opacity:0;transform:translate(0px,0px)}16.9%{opacity:0;transform:translate(0px,0px)}17%{opacity:1;transform:translate(0px,0px)}19.6%{opacity:0;transform:translate(-40px,-30px)}100%{opacity:0;transform:translate(-40px,-30px)}}
@keyframes soak-pk-4{0%{opacity:0}16.9%{opacity:0}17%{opacity:1}97.9%{opacity:1}98%{opacity:0}100%{opacity:0}}
@keyframes soak-n1-4{0%{opacity:0}16.9%{opacity:0}17%{opacity:1}19.9%{opacity:1}20%{opacity:0}100%{opacity:0}}
@keyframes soak-rd-5{0%{opacity:0;transform:translateX(-290px)}17.4%{opacity:0;transform:translateX(-290px)}17.5%{opacity:1;transform:translateX(-290px)}20%{opacity:1;transform:translateX(0px)}20.3%{opacity:0;transform:translateX(0px)}100%{opacity:0;transform:translateX(0px)}}
@keyframes soak-sp-5{0%{opacity:0;transform:scale(.4)}19.9%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(.7)}21%{opacity:1;transform:scale(1.15)}22.4%{opacity:0;transform:scale(1.3)}100%{opacity:0;transform:scale(1.3)}}
@keyframes soak-ric-5{0%{opacity:0;transform:translate(0px,0px)}19.9%{opacity:0;transform:translate(0px,0px)}20%{opacity:1;transform:translate(0px,0px)}22.6%{opacity:0;transform:translate(-40px,-30px)}100%{opacity:0;transform:translate(-40px,-30px)}}
@keyframes soak-pk-5{0%{opacity:0}19.9%{opacity:0}20%{opacity:1}97.9%{opacity:1}98%{opacity:0}100%{opacity:0}}
@keyframes soak-n1-5{0%{opacity:0}19.9%{opacity:0}20%{opacity:1}46.9%{opacity:1}47%{opacity:0}100%{opacity:0}}
@keyframes soak-rr{0%{opacity:0;transform:translateX(-300px)}58.3%{opacity:0;transform:translateX(-300px)}58.4%{opacity:1;transform:translateX(-300px)}60%{opacity:1;transform:translateX(0px)}60.3%{opacity:0;transform:translateX(0px)}100%{opacity:0;transform:translateX(0px)}}
@keyframes soak-hole{0%{opacity:0}59.9%{opacity:0}60%{opacity:1}97.9%{opacity:1}98%{opacity:0}100%{opacity:0}}
@keyframes soak-puff{0%{opacity:0;transform:scale(.3)}59.9%{opacity:0;transform:scale(.3)}60%{opacity:.95;transform:scale(.5)}62%{opacity:.8;transform:scale(1.1)}67%{opacity:0;transform:scale(1.6)}100%{opacity:0;transform:scale(1.6)}}
@keyframes soak-flinch{0%{transform:none}60%{transform:none}60.7%{transform:translateX(8px) rotate(1.5deg)}64%{transform:none}100%{transform:none}}
@keyframes soak-g1{0%{opacity:0}6.4%{opacity:0}6.5%{opacity:1}46.9%{opacity:1}47%{opacity:0}100%{opacity:0}}
@keyframes soak-t1{0%{transform:scaleX(0)}8%{transform:scaleX(0)}8.8%{transform:scaleX(0.2)}11%{transform:scaleX(0.2)}11.8%{transform:scaleX(0.4)}14%{transform:scaleX(0.4)}14.8%{transform:scaleX(0.6)}17%{transform:scaleX(0.6)}17.8%{transform:scaleX(0.8)}20%{transform:scaleX(0.8)}20.8%{transform:scaleX(1)}100%{transform:scaleX(1)}}
@keyframes soak-s1{0%{transform:translateX(-30.625px) scaleX(0)}8%{transform:translateX(-30.625px) scaleX(0)}8.8%{transform:translateX(-24.5px) scaleX(0.2)}11%{transform:translateX(-24.5px) scaleX(0.2)}11.8%{transform:translateX(-18.375px) scaleX(0.4)}14%{transform:translateX(-18.375px) scaleX(0.4)}14.8%{transform:translateX(-12.25px) scaleX(0.6)}17%{transform:translateX(-12.25px) scaleX(0.6)}17.8%{transform:translateX(-6.125px) scaleX(0.8)}20%{transform:translateX(-6.125px) scaleX(0.8)}20.8%{transform:translateX(0px) scaleX(1)}100%{transform:translateX(0px) scaleX(1)}}
@keyframes soak-w1{0%{opacity:0}7.9%{opacity:0}8%{opacity:1}46.9%{opacity:1}47%{opacity:0}100%{opacity:0}}
@keyframes soak-sum1{0%{opacity:0}23.9%{opacity:0}24%{opacity:1}46.9%{opacity:1}47%{opacity:0}100%{opacity:0}}
@keyframes soak-g2{0%{opacity:0}58.4%{opacity:0}58.5%{opacity:1}94.9%{opacity:1}95%{opacity:0}100%{opacity:0}}
@keyframes soak-t2{0%{transform:scaleX(0)}60%{transform:scaleX(0)}61.2%{transform:scaleX(1)}100%{transform:scaleX(1)}}
@keyframes soak-s2{0%{transform:translateX(-50.4px) scaleX(0)}60%{transform:translateX(-50.4px) scaleX(0)}61.2%{transform:translateX(0px) scaleX(1)}100%{transform:translateX(0px) scaleX(1)}}
@keyframes soak-sum2{0%{opacity:0}65.9%{opacity:0}66%{opacity:1}94.9%{opacity:1}95%{opacity:0}100%{opacity:0}}
@keyframes soak-breach{0%{opacity:0;transform:scale(.5) rotate(-6deg)}59.9%{opacity:0;transform:scale(.5) rotate(-6deg)}60.8%{opacity:1;transform:scale(1.12) rotate(-2deg)}62%{opacity:1;transform:none}84%{opacity:1;transform:none}87%{opacity:0;transform:none}100%{opacity:0;transform:none}}
@keyframes soak-lab1{0%{opacity:1}49.9%{opacity:1}50%{opacity:0}100%{opacity:0}}
@keyframes soak-lab2{0%{opacity:0}49.9%{opacity:0}50%{opacity:1}100%{opacity:1}}
@keyframes soak-st1{0%{opacity:1}49.9%{opacity:1}50%{opacity:.4}100%{opacity:.4}}
@keyframes soak-st2{0%{opacity:.4}49.9%{opacity:.4}50%{opacity:1}100%{opacity:1}}
@keyframes scale-row-1{0%{opacity:0;transform:translateY(6px)}2%{opacity:0;transform:translateY(6px)}4%{opacity:1;transform:none}93%{opacity:1;transform:none}97%{opacity:0;transform:none}100%{opacity:0;transform:none}}
@keyframes scale-fill-1{0%{transform:scaleX(0)}2%{transform:scaleX(0)}5%{transform:scaleX(1)}100%{transform:scaleX(1)}}
@keyframes scale-row-2{0%{opacity:0;transform:translateY(6px)}7.5%{opacity:0;transform:translateY(6px)}9.5%{opacity:1;transform:none}93%{opacity:1;transform:none}97%{opacity:0;transform:none}100%{opacity:0;transform:none}}
@keyframes scale-fill-2{0%{transform:scaleX(0)}7.5%{transform:scaleX(0)}10.5%{transform:scaleX(1)}100%{transform:scaleX(1)}}
@keyframes scale-row-3{0%{opacity:0;transform:translateY(6px)}13%{opacity:0;transform:translateY(6px)}15%{opacity:1;transform:none}93%{opacity:1;transform:none}97%{opacity:0;transform:none}100%{opacity:0;transform:none}}
@keyframes scale-fill-3{0%{transform:scaleX(0)}13%{transform:scaleX(0)}16%{transform:scaleX(1)}100%{transform:scaleX(1)}}
@keyframes scale-row-4{0%{opacity:0;transform:translateY(6px)}18.5%{opacity:0;transform:translateY(6px)}20.5%{opacity:1;transform:none}93%{opacity:1;transform:none}97%{opacity:0;transform:none}100%{opacity:0;transform:none}}
@keyframes scale-fill-4{0%{transform:scaleX(0)}18.5%{transform:scaleX(0)}21.5%{transform:scaleX(1)}100%{transform:scaleX(1)}}
@keyframes scale-row-5{0%{opacity:0;transform:translateY(6px)}24%{opacity:0;transform:translateY(6px)}26%{opacity:1;transform:none}93%{opacity:1;transform:none}97%{opacity:0;transform:none}100%{opacity:0;transform:none}}
@keyframes scale-fill-5{0%{transform:scaleX(0)}24%{transform:scaleX(0)}27%{transform:scaleX(1)}100%{transform:scaleX(1)}}
@keyframes scale-row-6{0%{opacity:0;transform:translateY(6px)}29.5%{opacity:0;transform:translateY(6px)}31.5%{opacity:1;transform:none}93%{opacity:1;transform:none}97%{opacity:0;transform:none}100%{opacity:0;transform:none}}
@keyframes scale-fill-6{0%{transform:scaleX(0)}29.5%{transform:scaleX(0)}32.5%{transform:scaleX(1)}100%{transform:scaleX(1)}}
@keyframes scale-row-7{0%{opacity:0;transform:translateY(6px)}35%{opacity:0;transform:translateY(6px)}37%{opacity:1;transform:none}37.5%{opacity:1;transform:none}39%{opacity:1;transform:scale(1.035)}41%{opacity:1;transform:none}93%{opacity:1;transform:none}97%{opacity:0;transform:none}100%{opacity:0;transform:none}}
@keyframes scale-fill-7{0%{transform:scaleX(0)}35%{transform:scaleX(0)}38%{transform:scaleX(1)}100%{transform:scaleX(1)}}
@keyframes scale-row-8{0%{opacity:0;transform:translateY(6px)}40.5%{opacity:0;transform:translateY(6px)}42.5%{opacity:1;transform:none}93%{opacity:1;transform:none}97%{opacity:0;transform:none}100%{opacity:0;transform:none}}
@keyframes scale-fill-8{0%{transform:scaleX(0)}40.5%{transform:scaleX(0)}43.5%{transform:scaleX(1)}100%{transform:scaleX(1)}}
@keyframes scale-row-9{0%{opacity:0;transform:translateY(6px)}46%{opacity:0;transform:translateY(6px)}48%{opacity:1;transform:none}93%{opacity:1;transform:none}97%{opacity:0;transform:none}100%{opacity:0;transform:none}}
@keyframes scale-fill-9{0%{transform:scaleX(0)}46%{transform:scaleX(0)}49%{transform:scaleX(1)}100%{transform:scaleX(1)}}
@keyframes scale-row-10{0%{opacity:0;transform:translateY(6px)}51.5%{opacity:0;transform:translateY(6px)}53.5%{opacity:1;transform:none}93%{opacity:1;transform:none}97%{opacity:0;transform:none}100%{opacity:0;transform:none}}
@keyframes scale-fill-10{0%{transform:scaleX(0)}51.5%{transform:scaleX(0)}54.5%{transform:scaleX(1)}100%{transform:scaleX(1)}}
.embed.is-anim .k-snap-s01{animation-name:snap-s01}
.embed.is-anim .k-snap-s02{animation-name:snap-s02}
.embed.is-anim .k-snap-s12{animation-name:snap-s12}
.embed.is-anim .k-snap-s13{animation-name:snap-s13}
.embed.is-anim .k-snap-s14{animation-name:snap-s14}
.embed.is-anim .k-snap-s23{animation-name:snap-s23}
.embed.is-anim .k-snap-s24{animation-name:snap-s24}
.embed.is-anim .k-snap-s34{animation-name:snap-s34}
.embed.is-anim .k-snap-st1{animation-name:snap-st1}
.embed.is-anim .k-snap-st2{animation-name:snap-st2}
.embed.is-anim .k-snap-st3{animation-name:snap-st3}
.embed.is-anim .k-snap-st4{animation-name:snap-st4}
.embed.is-anim .k-snap-faint-m{animation-name:snap-faint-m}
.embed.is-anim .k-snap-hot-m{animation-name:snap-hot-m}
.embed.is-anim .k-snap-plate-m{animation-name:snap-plate-m}
.embed.is-anim .k-snap-burst-m{animation-name:snap-burst-m}
.embed.is-anim .k-snap-part-m{animation-name:snap-part-m}
.embed.is-anim .k-snap-faint-s{animation-name:snap-faint-s}
.embed.is-anim .k-snap-hot-s{animation-name:snap-hot-s}
.embed.is-anim .k-snap-plate-s{animation-name:snap-plate-s}
.embed.is-anim .k-snap-burst-s{animation-name:snap-burst-s}
.embed.is-anim .k-snap-part-s{animation-name:snap-part-s}
.embed.is-anim .k-snap-faint-g{animation-name:snap-faint-g}
.embed.is-anim .k-snap-hot-g{animation-name:snap-hot-g}
.embed.is-anim .k-snap-plate-g{animation-name:snap-plate-g}
.embed.is-anim .k-snap-burst-g{animation-name:snap-burst-g}
.embed.is-anim .k-snap-part-g{animation-name:snap-part-g}
.embed.is-anim .k-soak-rd-1{animation-name:soak-rd-1}
.embed.is-anim .k-soak-sp-1{animation-name:soak-sp-1}
.embed.is-anim .k-soak-ric-1{animation-name:soak-ric-1}
.embed.is-anim .k-soak-pk-1{animation-name:soak-pk-1}
.embed.is-anim .k-soak-n1-1{animation-name:soak-n1-1}
.embed.is-anim .k-soak-rd-2{animation-name:soak-rd-2}
.embed.is-anim .k-soak-sp-2{animation-name:soak-sp-2}
.embed.is-anim .k-soak-ric-2{animation-name:soak-ric-2}
.embed.is-anim .k-soak-pk-2{animation-name:soak-pk-2}
.embed.is-anim .k-soak-n1-2{animation-name:soak-n1-2}
.embed.is-anim .k-soak-rd-3{animation-name:soak-rd-3}
.embed.is-anim .k-soak-sp-3{animation-name:soak-sp-3}
.embed.is-anim .k-soak-ric-3{animation-name:soak-ric-3}
.embed.is-anim .k-soak-pk-3{animation-name:soak-pk-3}
.embed.is-anim .k-soak-n1-3{animation-name:soak-n1-3}
.embed.is-anim .k-soak-rd-4{animation-name:soak-rd-4}
.embed.is-anim .k-soak-sp-4{animation-name:soak-sp-4}
.embed.is-anim .k-soak-ric-4{animation-name:soak-ric-4}
.embed.is-anim .k-soak-pk-4{animation-name:soak-pk-4}
.embed.is-anim .k-soak-n1-4{animation-name:soak-n1-4}
.embed.is-anim .k-soak-rd-5{animation-name:soak-rd-5}
.embed.is-anim .k-soak-sp-5{animation-name:soak-sp-5}
.embed.is-anim .k-soak-ric-5{animation-name:soak-ric-5}
.embed.is-anim .k-soak-pk-5{animation-name:soak-pk-5}
.embed.is-anim .k-soak-n1-5{animation-name:soak-n1-5}
.embed.is-anim .k-soak-rr{animation-name:soak-rr}
.embed.is-anim .k-soak-hole{animation-name:soak-hole}
.embed.is-anim .k-soak-puff{animation-name:soak-puff}
.embed.is-anim .k-soak-flinch{animation-name:soak-flinch}
.embed.is-anim .k-soak-g1{animation-name:soak-g1}
.embed.is-anim .k-soak-t1{animation-name:soak-t1}
.embed.is-anim .k-soak-s1{animation-name:soak-s1}
.embed.is-anim .k-soak-w1{animation-name:soak-w1}
.embed.is-anim .k-soak-sum1{animation-name:soak-sum1}
.embed.is-anim .k-soak-g2{animation-name:soak-g2}
.embed.is-anim .k-soak-t2{animation-name:soak-t2}
.embed.is-anim .k-soak-s2{animation-name:soak-s2}
.embed.is-anim .k-soak-sum2{animation-name:soak-sum2}
.embed.is-anim .k-soak-breach{animation-name:soak-breach}
.embed.is-anim .k-soak-lab1{animation-name:soak-lab1}
.embed.is-anim .k-soak-lab2{animation-name:soak-lab2}
.embed.is-anim .k-soak-st1{animation-name:soak-st1}
.embed.is-anim .k-soak-st2{animation-name:soak-st2}
.embed.is-anim .k-scale-row-1{animation-name:scale-row-1}
.embed.is-anim .k-scale-fill-1{animation-name:scale-fill-1}
.embed.is-anim .k-scale-row-2{animation-name:scale-row-2}
.embed.is-anim .k-scale-fill-2{animation-name:scale-fill-2}
.embed.is-anim .k-scale-row-3{animation-name:scale-row-3}
.embed.is-anim .k-scale-fill-3{animation-name:scale-fill-3}
.embed.is-anim .k-scale-row-4{animation-name:scale-row-4}
.embed.is-anim .k-scale-fill-4{animation-name:scale-fill-4}
.embed.is-anim .k-scale-row-5{animation-name:scale-row-5}
.embed.is-anim .k-scale-fill-5{animation-name:scale-fill-5}
.embed.is-anim .k-scale-row-6{animation-name:scale-row-6}
.embed.is-anim .k-scale-fill-6{animation-name:scale-fill-6}
.embed.is-anim .k-scale-row-7{animation-name:scale-row-7}
.embed.is-anim .k-scale-fill-7{animation-name:scale-fill-7}
.embed.is-anim .k-scale-row-8{animation-name:scale-row-8}
.embed.is-anim .k-scale-fill-8{animation-name:scale-fill-8}
.embed.is-anim .k-scale-row-9{animation-name:scale-row-9}
.embed.is-anim .k-scale-fill-9{animation-name:scale-fill-9}
.embed.is-anim .k-scale-row-10{animation-name:scale-row-10}
.embed.is-anim .k-scale-fill-10{animation-name:scale-fill-10}
/* END GENERATED KEYFRAMES */