/* 立ち上げの画面（スプラッシュ）。tools/splash-motion.mjs が書き出す（手で直さない）。
   動きは Motion Prompt（MIT License (c) 2026 Shohei Ohtaki · https://showheyohtaki.github.io/motion-prompt/）の
   #005 マスクリビール・#003 バースト・#008 キネティックタイポグラフィを移したもの。くわしくは道具の頭の説明 */
.splash {
  --bw: clamp(140px, min(56vw, 32vh), 300px);
  --fs0: clamp(32px, min(10.5vw, 7.6vh), 76px);
  --fs: var(--fs0);
  --sp-bg: #fbcd03;
  --sp-coral: #ff6b5c;
  --sp-blue: #2f6bff;
  --sp-navy: #1f2a44;
  --sp-red: #ec2a22;
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(var(--bw) * 0.16 + var(--fs) * 0.3);
  overflow: hidden;
  background: var(--sp-bg);
  transition: opacity 0.6s ease, visibility 0s linear 0.6s;
  animation: sp-auto 0.6s ease 7s forwards;
}
.sp-stage { position: relative; width: var(--bw); aspect-ratio: 560 / 624; }
.sp-stage > * { position: absolute; }
/* バースト（スコップの後ろ）。中心はスコップの真ん中 */
.sp-burst { left: 50%; top: 50%; width: 0; height: 0; }
.sp-burst > * { position: absolute; left: 0; top: 0; }
.sp-ring { width: calc(var(--bw) * 1.3333); height: calc(var(--bw) * 1.3333); margin: calc(var(--bw) * -0.6667) 0 0 calc(var(--bw) * -0.6667); border-radius: 50%; opacity: 0; transform: scale(0); }
.sp-ring.o { background: #fff; animation: sp-ring-out 0.75s linear 1.35s both; }
.sp-ring.i { background: var(--sp-bg); animation: sp-ring-in 0.75s linear 1.35s both; }
.sp-rays, .sp-dots, .sp-ray, .sp-dot { position: absolute; left: 0; top: 0; width: 0; height: 0; }
.sp-ray i { position: absolute; left: 0; top: calc(var(--bw) * -0.03); width: calc(var(--bw) * 0.24); height: calc(var(--bw) * 0.06); border-radius: calc(var(--bw) * 0.03); transform-origin: 0 50%; opacity: 0; animation: sp-ray 0.75s linear 1.35s both; }
.sp-dot i { position: absolute; left: calc(var(--bw) * -0.0533); top: calc(var(--bw) * -0.0533); width: calc(var(--bw) * 0.1067); height: calc(var(--bw) * 0.1067); border-radius: 50%; opacity: 0; animation: sp-dot 0.75s linear 1.35s both; }
.sp-ray:nth-of-type(1) { transform: rotate(-90deg) scaleX(0.82); } .sp-ray:nth-of-type(1) i { background: #fff; }
.sp-ray:nth-of-type(2) { transform: rotate(-48.4582deg) scaleX(0.8863); } .sp-ray:nth-of-type(2) i { background: var(--sp-coral); }
.sp-ray:nth-of-type(3) { transform: rotate(-14.919deg) scaleX(0.9842); } .sp-ray:nth-of-type(3) i { background: #fff; }
.sp-ray:nth-of-type(4) { transform: rotate(14.919deg) scaleX(0.9842); } .sp-ray:nth-of-type(4) i { background: var(--sp-coral); }
.sp-ray:nth-of-type(5) { transform: rotate(48.4582deg) scaleX(0.8863); } .sp-ray:nth-of-type(5) i { background: #fff; }
.sp-ray:nth-of-type(6) { transform: rotate(90deg) scaleX(0.82); } .sp-ray:nth-of-type(6) i { background: var(--sp-coral); }
.sp-ray:nth-of-type(7) { transform: rotate(131.5418deg) scaleX(0.8863); } .sp-ray:nth-of-type(7) i { background: #fff; }
.sp-ray:nth-of-type(8) { transform: rotate(165.081deg) scaleX(0.9842); } .sp-ray:nth-of-type(8) i { background: var(--sp-coral); }
.sp-ray:nth-of-type(9) { transform: rotate(-165.081deg) scaleX(0.9842); } .sp-ray:nth-of-type(9) i { background: #fff; }
.sp-ray:nth-of-type(10) { transform: rotate(-131.5418deg) scaleX(0.8863); } .sp-ray:nth-of-type(10) i { background: var(--sp-coral); }
.sp-dot:nth-of-type(1) { transform: rotate(-58.8673deg); --m: 0.8666; } .sp-dot:nth-of-type(1) i { background: var(--sp-blue); }
.sp-dot:nth-of-type(2) { transform: rotate(-21.347deg); --m: 1.2595; } .sp-dot:nth-of-type(2) i { background: var(--sp-coral); }
.sp-dot:nth-of-type(3) { transform: rotate(0deg); --m: 1.45; } .sp-dot:nth-of-type(3) i { background: var(--sp-blue); }
.sp-dot:nth-of-type(4) { transform: rotate(21.347deg); --m: 1.2595; } .sp-dot:nth-of-type(4) i { background: var(--sp-coral); }
.sp-dot:nth-of-type(5) { transform: rotate(58.8673deg); --m: 0.8666; } .sp-dot:nth-of-type(5) i { background: var(--sp-blue); }
.sp-dot:nth-of-type(6) { transform: rotate(121.1327deg); --m: 0.8666; } .sp-dot:nth-of-type(6) i { background: var(--sp-coral); }
.sp-dot:nth-of-type(7) { transform: rotate(158.653deg); --m: 1.2595; } .sp-dot:nth-of-type(7) i { background: var(--sp-blue); }
.sp-dot:nth-of-type(8) { transform: rotate(180deg); --m: 1.45; } .sp-dot:nth-of-type(8) i { background: var(--sp-coral); }
.sp-dot:nth-of-type(9) { transform: rotate(-158.653deg); --m: 1.2595; } .sp-dot:nth-of-type(9) i { background: var(--sp-blue); }
.sp-dot:nth-of-type(10) { transform: rotate(-121.1327deg); --m: 0.8666; } .sp-dot:nth-of-type(10) i { background: var(--sp-coral); }
/* マスクリビール: 切り抜きの下端は線の 5px 上（スコップの下端の 9px 下）。上と横は、ばねで大きくなっても切れないよう広く */
.sp-clip { left: calc(var(--bw) * -0.4); right: calc(var(--bw) * -0.4); top: calc(var(--bw) * -0.4); bottom: calc(var(--bw) * -0.06); overflow: hidden; }
.sp-float { position: absolute; left: calc(var(--bw) * 0.4); top: calc(var(--bw) * 0.4); width: var(--bw); animation: sp-float 2.6s ease-in-out 2.7s infinite; }
.sp-rise { animation: sp-rise 1s linear 0s both; }
.sp-pop { animation: sp-pop 1.6s linear 0.85s both; }
.sp-pop img { display: block; width: 100%; height: auto; filter: drop-shadow(0 calc(var(--bw) * 0.02) calc(var(--bw) * 0.0333) rgba(120, 70, 0, 0.28)); }
.sp-line { left: 50%; top: calc(100% + calc(var(--bw) * 0.0133)); width: calc(var(--bw) * 2.5333); height: calc(var(--bw) * 0.04); margin-left: calc(var(--bw) * -1.2667); border-radius: calc(var(--bw) * 0.02); background: var(--sp-coral); transform: scaleX(0); animation: sp-line 2.3s linear 0s both; }
/* ロゴ: 「ANIMAL WORLD」の下に、大きな「LIVE」（中央揃え） */
.splash-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 96vw;
  font-family: 'Baloo 2', 'Zen Maru Gothic', 'Hiragino Maru Gothic ProN', system-ui, sans-serif;
  font-weight: 800;
  font-size: var(--fs);
  line-height: 1;
  letter-spacing: 0.01em;
  white-space: nowrap;
  color: #fff;
  -webkit-text-stroke: 0.18em var(--sp-navy);
  paint-order: stroke fill;
  text-shadow: 0 0.1em 0 var(--sp-navy);
}
.sp-row { display: flex; column-gap: 0.32em; }
.sp-word { position: relative; display: inline-flex; }
.sp-word > i { display: inline-block; font-style: normal; }
.sp-w1 > i { transform-origin: 50% 100%; animation: sp-hop 1.7s linear both; }
.sp-w2 > i { transform-origin: 50% 55%; animation: sp-spin 0.62s linear both; }
.sp-w1 > i:nth-child(1) { animation-delay: 1.51s; }
.sp-w1 > i:nth-child(2) { animation-delay: 1.61s; }
.sp-w1 > i:nth-child(3) { animation-delay: 1.71s; }
.sp-w1 > i:nth-child(4) { animation-delay: 1.81s; }
.sp-w1 > i:nth-child(5) { animation-delay: 1.91s; }
.sp-w1 > i:nth-child(6) { animation-delay: 2.01s; }
.sp-w2 > i:nth-child(1) { animation-delay: 1.77s; }
.sp-w2 > i:nth-child(2) { animation-delay: 1.89s; }
.sp-w2 > i:nth-child(3) { animation-delay: 2.01s; }
.sp-w2 > i:nth-child(4) { animation-delay: 2.13s; }
.sp-w2 > i:nth-child(5) { animation-delay: 2.25s; }
.sp-live {
  /* LIVE は上の行の 2.6 倍。放射の線などの長さもこの大きさに合わせる（--fs）。線は叩きつける動きと別に（見本も文字とは別に描く） */
  --fs: calc(var(--fs0) * 2.6);
  position: relative;
  font-size: var(--fs);
  margin-top: -0.04em;
}
.sp-w3 {
  /* 赤に黒いふち */
  color: var(--sp-red);
  -webkit-text-stroke: 0.15em #000;
  text-shadow: 0 0.07em 0 #000;
  transform-origin: 50% 100%;
  animation: sp-slam 0.8s linear 2.15s both;
}
.sp-live .sp-sray { position: absolute; left: 50%; top: 50%; width: 0; height: 0; }
.sp-live .sp-sray i { position: absolute; left: 0; top: calc(var(--fs) * -0.0398); width: calc(var(--fs) * 0.2955); height: calc(var(--fs) * 0.0795); border-radius: calc(var(--fs) * 0.0398); background: var(--sp-red); opacity: 0; animation: sp-slam-ray 0.4s linear 2.35s both; }
.sp-sray:nth-of-type(1) { transform: rotate(4.2936deg) scaleX(1.3268); }
.sp-sray:nth-of-type(2) { transform: rotate(29.1922deg) scaleX(0.8544); }
.sp-sray:nth-of-type(3) { transform: rotate(118.6926deg) scaleX(0.5586); }
.sp-sray:nth-of-type(4) { transform: rotate(166.2055deg) scaleX(1.1586); }
.sp-sray:nth-of-type(5) { transform: rotate(-175.7064deg) scaleX(1.3268); }
.sp-sray:nth-of-type(6) { transform: rotate(-150.8078deg) scaleX(0.8544); }
.sp-sray:nth-of-type(7) { transform: rotate(-61.3074deg) scaleX(0.5586); }
.sp-sray:nth-of-type(8) { transform: rotate(-13.7945deg) scaleX(1.1586); }
/* 消える時: 少し大きくなりながら、ふわっと */
/* スコップの吹き出し「画面を タップして はじめよう！」。縦長の画面は頭の上、横長の画面は右どなり */
.sp-bubble {
  left: 50%;
  bottom: calc(100% + var(--fs0) * 0.55);
  z-index: 2;
  width: max-content;
  max-width: 88vw;
  translate: -50% 0;
  pointer-events: none;
}
.sp-bubble > div {
  position: relative;
  padding: 0.5em 0.95em 0.55em;
  isolation: isolate;
  font-family: 'Hiragino Maru Gothic ProN', 'Zen Maru Gothic', system-ui, sans-serif;
  font-weight: 800;
  font-size: calc(var(--fs0) * 0.5);
  line-height: 1.45;
  text-align: center;
  color: var(--sp-navy);
  white-space: nowrap;
  transform: scale(0);
  transform-origin: 50% 120%;
}
.sp-bubble rt { font-size: 0.5em; font-weight: 700; }
.sp-bubble b { color: var(--sp-red); }
/* 地とふちは別の層。地（白・しっぽごと）だけを半透明にし、紺のふちは透かさない */
.sp-bub-bg, .sp-bub-line { position: absolute; inset: 0; z-index: -1; border: 0.16em solid; border-radius: 1.1em; }
.sp-bub-bg { border-color: #fff; background: #fff; opacity: 0.62; }
.sp-bub-line { border-color: var(--sp-navy); }
.sp-bub-bg::after, .sp-bubble > div::after { content: ''; position: absolute; z-index: -1; left: 50%; top: 100%; width: 1.24em; height: 0.8em; margin-left: -0.62em; }
/* ふちのしっぽは、ふちの層（口を切り抜いている）の外に出るので、吹き出しの本体に付ける。位置は地の層のしっぽと同じ（ふちの内側から） */
.sp-bubble > div::after { top: calc(100% - 0.16em); }
/* しっぽ: 地は三角、ふちは三角の 2 辺だけ（V の形）。ふちの下の辺は、しっぽの口のところだけ切る */
.sp-bub-bg::after { background: #fff; clip-path: polygon(0 0, 50% 100%, 100% 0); }
.sp-bubble > div::after { background: var(--sp-navy); clip-path: polygon(0 0, 50% 100%, 100% 0, 0.976em 0, 50% 0.49em, 0.264em 0); }
.sp-bub-line {
  -webkit-mask: linear-gradient(#000 0 0) top / 100% calc(100% - 0.2em) no-repeat, linear-gradient(to right, #000 calc(50% - 0.38em), transparent 0 calc(50% + 0.38em), #000 0) bottom / 100% 0.2em no-repeat;
  mask: linear-gradient(#000 0 0) top / 100% calc(100% - 0.2em) no-repeat, linear-gradient(to right, #000 calc(50% - 0.38em), transparent 0 calc(50% + 0.38em), #000 0) bottom / 100% 0.2em no-repeat;
}
/* 脈打つ時に広がる白い輪 */
.sp-bub-ring { position: absolute; inset: 0; z-index: -2; border: 0.14em solid #fff; border-radius: 1.1em; opacity: 0; }
/* 字は 1 つずつ（出る時と、波で跳ねる時） */
.sp-bubble i { display: inline-block; font-style: normal; transform-origin: 50% 100%; }
.sp-bubble .sp-en { display: none; }
html:lang(en) .sp-bubble .sp-en { display: inline; }
html:lang(en) .sp-bubble .sp-ja { display: none; }
.splash.is-wait .sp-bubble > div { animation: sp-bub-in 1.2s linear both, sp-bub-beat 2.35s linear 1.7s infinite; }
.splash.is-wait .sp-bubble i { animation: sp-ch-in 0.5s linear calc(0.16s + var(--i) * 0.045s) both, sp-ch-wave 2.35s linear calc(2.475s + var(--i) * 0.06s) infinite; }
.splash.is-wait .sp-bub-ring { animation: sp-bub-ring 2.35s linear 1.86s infinite; }
.splash.is-wait .sp-bub-ring + .sp-bub-ring { border-width: 0.1em; animation-delay: 2.1s; }
.splash.is-wait .sp-pop { transform-origin: 50% 100%; animation: sp-scop-hop 2.35s linear 1.3s infinite; }
.splash.is-wait { cursor: pointer; }
@media (min-aspect-ratio: 4/3) {
  .sp-bubble { left: calc(100% + var(--fs0) * 0.3); bottom: auto; top: 4%; translate: 0 0; }
  .sp-bubble > div { transform-origin: -10% 70%; }
  .sp-bub-bg::after, .sp-bubble > div::after { left: auto; right: 100%; top: 62%; width: 0.8em; height: 1.24em; margin: -0.62em 0 0; }
  .sp-bubble > div::after { right: calc(100% - 0.16em); top: calc(0.16em + (100% - 0.32em) * 0.62); }
  .sp-bub-bg::after { clip-path: polygon(100% 0, 0 50%, 100% 100%); }
  .sp-bubble > div::after { clip-path: polygon(100% 0, 0 50%, 100% 100%, 100% 0.976em, 0.31em 50%, 100% 0.264em); }
  .sp-bub-line {
    -webkit-mask: linear-gradient(#000 0 0) right / calc(100% - 0.2em) 100% no-repeat, linear-gradient(#000 calc(62% - 0.38em), transparent 0 calc(62% + 0.38em), #000 0) left / 0.2em 100% no-repeat;
    mask: linear-gradient(#000 0 0) right / calc(100% - 0.2em) 100% no-repeat, linear-gradient(#000 calc(62% - 0.38em), transparent 0 calc(62% + 0.38em), #000 0) left / 0.2em 100% no-repeat;
  }
}
/* 吹き出しを待っている間は、JS が動かない時の保険（7 秒で消える）を止める */
.splash.is-wait { animation: none; }
.splash.is-out { opacity: 0; visibility: hidden; }
.splash.is-out .sp-stage { scale: 1.06; transition: scale 0.6s ease; }
/* 動きをへらす: 見本の動きはやめて、フェードだけ */
.splash.is-still * { animation: none !important; }
.splash.is-still .sp-stage, .splash.is-still .splash-logo { animation: sp-fade 0.5s ease both !important; }
.splash.is-still.is-out .sp-stage { scale: 1; }
.splash.is-still.is-wait .sp-bubble > div { transform: none; animation: sp-fade 0.4s ease both !important; }
@keyframes sp-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -6px; } }
@keyframes sp-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes sp-auto { to { opacity: 0; visibility: hidden; } }
/* スプラッシュが出ている間は、ホームのボタンの出てくる動きを止めておく（消えてから「ぽん」と出る） */
.is-splash .home, .is-splash .home * { animation-play-state: paused !important; }
@keyframes sp-line {
  0% { transform: scaleX(0); }
  4.3478% { transform: scaleX(0); }
  5.0725% { transform: scaleX(0.0003); }
  5.7971% { transform: scaleX(0.0023); }
  6.5217% { transform: scaleX(0.0078); }
  7.2464% { transform: scaleX(0.0185); }
  7.971% { transform: scaleX(0.0362); }
  8.6957% { transform: scaleX(0.0625); }
  9.4203% { transform: scaleX(0.0992); }
  10.1449% { transform: scaleX(0.1481); }
  10.8696% { transform: scaleX(0.2109); }
  11.5942% { transform: scaleX(0.2894); }
  12.3188% { transform: scaleX(0.3851); }
  13.0435% { transform: scaleX(0.5); }
  13.7681% { transform: scaleX(0.6149); }
  14.4928% { transform: scaleX(0.7106); }
  15.2174% { transform: scaleX(0.7891); }
  15.942% { transform: scaleX(0.8519); }
  16.6667% { transform: scaleX(0.9008); }
  17.3913% { transform: scaleX(0.9375); }
  18.1159% { transform: scaleX(0.9638); }
  18.8406% { transform: scaleX(0.9815); }
  19.5652% { transform: scaleX(0.9922); }
  20.2899% { transform: scaleX(0.9977); }
  21.0145% { transform: scaleX(0.9997); }
  21.7391% { transform: scaleX(1); }
  89.1304% { transform: scaleX(1); }
  89.8551% { transform: scaleX(0.9988); }
  90.5797% { transform: scaleX(0.9905); }
  91.3043% { transform: scaleX(0.968); }
  92.029% { transform: scaleX(0.9241); }
  92.7536% { transform: scaleX(0.8519); }
  93.4783% { transform: scaleX(0.744); }
  94.2029% { transform: scaleX(0.5935); }
  94.9275% { transform: scaleX(0.4065); }
  95.6522% { transform: scaleX(0.256); }
  96.3768% { transform: scaleX(0.1481); }
  97.1014% { transform: scaleX(0.0759); }
  97.8261% { transform: scaleX(0.032); }
  98.5507% { transform: scaleX(0.0095); }
  99.2754% { transform: scaleX(0.0012); }
  100% { transform: scaleX(0); }
}
@keyframes sp-rise {
  0% { transform: translateY(122.449%); }
  35% { transform: translateY(122.449%); }
  36.6667% { transform: translateY(107.5351%); }
  38.3333% { transform: translateY(94.1111%); }
  40% { transform: translateY(82.0625%); }
  41.6667% { transform: translateY(71.2808%); }
  43.3333% { transform: translateY(61.6633%); }
  45% { transform: translateY(53.1131%); }
  46.6667% { transform: translateY(45.5388%); }
  48.3333% { transform: translateY(38.8544%); }
  50% { transform: translateY(32.9791%); }
  51.6667% { transform: translateY(27.837%); }
  53.3333% { transform: translateY(23.3573%); }
  55% { transform: translateY(19.4738%); }
  56.6667% { transform: translateY(16.125%); }
  58.3333% { transform: translateY(13.2535%); }
  60% { transform: translateY(10.8066%); }
  61.6667% { transform: translateY(8.7352%); }
  63.3333% { transform: translateY(6.9943%); }
  65% { transform: translateY(5.5428%); }
  66.6667% { transform: translateY(4.3429%); }
  68.3333% { transform: translateY(3.3605%); }
  70% { transform: translateY(2.5645%); }
  71.6667% { transform: translateY(1.927%); }
  73.3333% { transform: translateY(1.4231%); }
  75% { transform: translateY(1.0306%); }
  76.6667% { transform: translateY(0.7299%); }
  78.3333% { transform: translateY(0.5039%); }
  80% { transform: translateY(0.3377%); }
  81.6667% { transform: translateY(0.2186%); }
  83.3333% { transform: translateY(0.1357%); }
  85% { transform: translateY(0.0801%); }
  86.6667% { transform: translateY(0.0445%); }
  88.3333% { transform: translateY(0.0228%); }
  90% { transform: translateY(0.0106%); }
  91.6667% { transform: translateY(0.0042%); }
  93.3333% { transform: translateY(0.0014%); }
  95% { transform: translateY(0.0003%); }
  96.6667% { transform: translateY(0%); }
  100% { transform: translateY(0%); }
}
@keyframes sp-pop {
  0% { transform: scale(1); }
  18.75% { transform: scale(1); }
  19.7917% { transform: scale(0.9958); }
  20.8333% { transform: scale(0.9833); }
  21.875% { transform: scale(0.9625); }
  22.9167% { transform: scale(0.9333); }
  23.9583% { transform: scale(0.8958); }
  25% { transform: scale(0.85); }
  26.0417% { transform: scale(0.8042); }
  27.0833% { transform: scale(0.7667); }
  28.125% { transform: scale(0.7375); }
  29.1667% { transform: scale(0.7167); }
  30.2083% { transform: scale(0.7042); }
  31.25% { transform: scale(0.7); }
  32.2917% { transform: scale(0.7403); }
  33.3333% { transform: scale(0.792); }
  34.375% { transform: scale(0.849); }
  35.4167% { transform: scale(0.906); }
  36.4583% { transform: scale(0.9589); }
  37.5% { transform: scale(1.0046); }
  38.5417% { transform: scale(1.041); }
  39.5833% { transform: scale(1.0673); }
  40.625% { transform: scale(1.0834); }
  41.6667% { transform: scale(1.0903); }
  42.7083% { transform: scale(1.0891); }
  43.75% { transform: scale(1.0816); }
  44.7917% { transform: scale(1.0695); }
  45.8333% { transform: scale(1.0546); }
  46.875% { transform: scale(1.0386); }
  47.9167% { transform: scale(1.0229); }
  48.9583% { transform: scale(1.0085); }
  50% { transform: scale(0.9963); }
  51.0417% { transform: scale(0.9867); }
  52.0833% { transform: scale(0.98); }
  53.125% { transform: scale(0.9761); }
  54.1667% { transform: scale(0.9747); }
  55.2083% { transform: scale(0.9754); }
  56.25% { transform: scale(0.9779); }
  57.2917% { transform: scale(0.9815); }
  58.3333% { transform: scale(0.9857); }
  59.375% { transform: scale(0.9902); }
  60.4167% { transform: scale(0.9945); }
  61.4583% { transform: scale(0.9984); }
  62.5% { transform: scale(1.0017); }
  63.5417% { transform: scale(1.0042); }
  64.5833% { transform: scale(1.0059); }
  65.625% { transform: scale(1.0068); }
  66.6667% { transform: scale(1.0071); }
  67.7083% { transform: scale(1.0067); }
  68.75% { transform: scale(1.006); }
  69.7917% { transform: scale(1.0049); }
  70.8333% { transform: scale(1.0037); }
  71.875% { transform: scale(1.0025); }
  72.9167% { transform: scale(1.0013); }
  73.9583% { transform: scale(1.0002); }
  75% { transform: scale(0.9994); }
  76.0417% { transform: scale(0.9987); }
  77.0833% { transform: scale(0.9983); }
  78.125% { transform: scale(0.9981); }
  79.1667% { transform: scale(0.998); }
  80.2083% { transform: scale(0.9982); }
  81.25% { transform: scale(0.9984); }
  82.2917% { transform: scale(0.9987); }
  83.3333% { transform: scale(0.999); }
  84.375% { transform: scale(0.9994); }
  85.4167% { transform: scale(0.9997); }
  86.4583% { transform: scale(1); }
  87.5% { transform: scale(1.0002); }
  88.5417% { transform: scale(1.0004); }
  89.5833% { transform: scale(1.0005); }
  92.7083% { transform: scale(1.0005); }
  93.75% { transform: scale(1.0004); }
  94.7917% { transform: scale(1.0003); }
  95.8333% { transform: scale(1.0002); }
  96.875% { transform: scale(1.0002); }
  97.9167% { transform: scale(1.0001); }
  98.9583% { transform: scale(1); }
  100% { transform: scale(0.9999); }
}
@keyframes sp-ring-out {
  0% { transform: scale(0); opacity: 0; }
  2.2222% { transform: scale(0.5699); opacity: 1; }
  4.4444% { transform: scale(0.6145); opacity: 1; }
  6.6667% { transform: scale(0.6541); opacity: 1; }
  8.8889% { transform: scale(0.6891); opacity: 1; }
  11.1111% { transform: scale(0.7201); opacity: 1; }
  13.3333% { transform: scale(0.7473); opacity: 1; }
  15.5556% { transform: scale(0.7711); opacity: 1; }
  17.7778% { transform: scale(0.7918); opacity: 1; }
  20% { transform: scale(0.8098); opacity: 1; }
  22.2222% { transform: scale(0.8253); opacity: 1; }
  24.4444% { transform: scale(0.8386); opacity: 1; }
  26.6667% { transform: scale(0.85); opacity: 1; }
  28.8889% { transform: scale(0.8596); opacity: 1; }
  31.1111% { transform: scale(0.8676); opacity: 1; }
  33.3333% { transform: scale(0.8743); opacity: 1; }
  35.5556% { transform: scale(0.8799); opacity: 1; }
  37.7778% { transform: scale(0.8844); opacity: 1; }
  40% { transform: scale(0.8881); opacity: 1; }
  42.2222% { transform: scale(0.8911); opacity: 1; }
  44.4444% { transform: scale(0.8934); opacity: 1; }
  46.6667% { transform: scale(0.8952); opacity: 1; }
  48.8889% { transform: scale(0.8966); opacity: 1; }
  51.1111% { transform: scale(0.8977); opacity: 1; }
  53.3333% { transform: scale(0.8984); opacity: 1; }
  55.5556% { transform: scale(0.899); opacity: 1; }
  57.7778% { transform: scale(0.8994); opacity: 1; }
  60% { transform: scale(0.8996); opacity: 1; }
  62.2222% { transform: scale(0.8998); opacity: 1; }
  64.4444% { transform: scale(0.8999); opacity: 1; }
  66.6667% { transform: scale(0.9); opacity: 1; }
  77.7778% { transform: scale(0.9); opacity: 1; }
  80% { transform: scale(0); opacity: 0; }
  100% { transform: scale(0); opacity: 0; }
}
@keyframes sp-ring-in {
  0% { transform: scale(0); opacity: 0; }
  2.2222% { transform: scale(0.4309); opacity: 1; }
  4.4444% { transform: scale(0.4942); opacity: 1; }
  6.6667% { transform: scale(0.5505); opacity: 1; }
  8.8889% { transform: scale(0.6003); opacity: 1; }
  11.1111% { transform: scale(0.6443); opacity: 1; }
  13.3333% { transform: scale(0.683); opacity: 1; }
  15.5556% { transform: scale(0.7168); opacity: 1; }
  17.7778% { transform: scale(0.7463); opacity: 1; }
  20% { transform: scale(0.7719); opacity: 1; }
  22.2222% { transform: scale(0.7939); opacity: 1; }
  24.4444% { transform: scale(0.8128); opacity: 1; }
  26.6667% { transform: scale(0.8289); opacity: 1; }
  28.8889% { transform: scale(0.8425); opacity: 1; }
  31.1111% { transform: scale(0.854); opacity: 1; }
  33.3333% { transform: scale(0.8635); opacity: 1; }
  35.5556% { transform: scale(0.8714); opacity: 1; }
  37.7778% { transform: scale(0.8779); opacity: 1; }
  40% { transform: scale(0.8831); opacity: 1; }
  42.2222% { transform: scale(0.8873); opacity: 1; }
  44.4444% { transform: scale(0.8906); opacity: 1; }
  46.6667% { transform: scale(0.8932); opacity: 1; }
  48.8889% { transform: scale(0.8952); opacity: 1; }
  51.1111% { transform: scale(0.8967); opacity: 1; }
  53.3333% { transform: scale(0.8978); opacity: 1; }
  55.5556% { transform: scale(0.8986); opacity: 1; }
  57.7778% { transform: scale(0.8991); opacity: 1; }
  60% { transform: scale(0.8995); opacity: 1; }
  62.2222% { transform: scale(0.8997); opacity: 1; }
  64.4444% { transform: scale(0.8998); opacity: 1; }
  66.6667% { transform: scale(0.8999); opacity: 1; }
  68.8889% { transform: scale(0.9); opacity: 1; }
  77.7778% { transform: scale(0.9); opacity: 1; }
  80% { transform: scale(0); opacity: 0; }
  100% { transform: scale(0); opacity: 0; }
}
@keyframes sp-ray {
  0% { opacity: 0; }
  2.2222% { opacity: 1; transform: translateX(calc(var(--bw) * 0.2445)) scaleX(1); }
  4.4444% { opacity: 1; transform: translateX(calc(var(--bw) * 0.296)) scaleX(1); }
  6.6667% { opacity: 1; transform: translateX(calc(var(--bw) * 0.3419)) scaleX(1); }
  8.8889% { opacity: 1; transform: translateX(calc(var(--bw) * 0.3825)) scaleX(1); }
  11.1111% { opacity: 1; transform: translateX(calc(var(--bw) * 0.4183)) scaleX(1); }
  13.3333% { opacity: 1; transform: translateX(calc(var(--bw) * 0.4498)) scaleX(1); }
  15.5556% { opacity: 1; transform: translateX(calc(var(--bw) * 0.4774)) scaleX(1); }
  17.7778% { opacity: 1; transform: translateX(calc(var(--bw) * 0.5014)) scaleX(1); }
  20% { opacity: 1; transform: translateX(calc(var(--bw) * 0.5223)) scaleX(1); }
  22.2222% { opacity: 1; transform: translateX(calc(var(--bw) * 0.5402)) scaleX(1); }
  24.4444% { opacity: 1; transform: translateX(calc(var(--bw) * 0.5556)) scaleX(1); }
  26.6667% { opacity: 1; transform: translateX(calc(var(--bw) * 0.5687)) scaleX(1); }
  28.8889% { opacity: 1; transform: translateX(calc(var(--bw) * 0.5798)) scaleX(1); }
  31.1111% { opacity: 1; transform: translateX(calc(var(--bw) * 0.5958)) scaleX(0.9722); }
  33.3333% { opacity: 1; transform: translateX(calc(var(--bw) * 0.6119)) scaleX(0.9375); }
  35.5556% { opacity: 1; transform: translateX(calc(var(--bw) * 0.6267)) scaleX(0.9028); }
  37.7778% { opacity: 1; transform: translateX(calc(var(--bw) * 0.6403)) scaleX(0.8681); }
  40% { opacity: 1; transform: translateX(calc(var(--bw) * 0.6529)) scaleX(0.8333); }
  42.2222% { opacity: 1; transform: translateX(calc(var(--bw) * 0.6647)) scaleX(0.7986); }
  44.4444% { opacity: 1; transform: translateX(calc(var(--bw) * 0.6757)) scaleX(0.7639); }
  46.6667% { opacity: 1; transform: translateX(calc(var(--bw) * 0.6861)) scaleX(0.7292); }
  48.8889% { opacity: 1; transform: translateX(calc(var(--bw) * 0.6961)) scaleX(0.6944); }
  51.1111% { opacity: 1; transform: translateX(calc(var(--bw) * 0.7056)) scaleX(0.6597); }
  53.3333% { opacity: 1; transform: translateX(calc(var(--bw) * 0.7149)) scaleX(0.625); }
  55.5556% { opacity: 1; transform: translateX(calc(var(--bw) * 0.7238)) scaleX(0.5903); }
  57.7778% { opacity: 1; transform: translateX(calc(var(--bw) * 0.7326)) scaleX(0.5556); }
  60% { opacity: 1; transform: translateX(calc(var(--bw) * 0.7412)) scaleX(0.5208); }
  62.2222% { opacity: 1; transform: translateX(calc(var(--bw) * 0.7498)) scaleX(0.4861); }
  64.4444% { opacity: 1; transform: translateX(calc(var(--bw) * 0.7582)) scaleX(0.4514); }
  66.6667% { opacity: 1; transform: translateX(calc(var(--bw) * 0.7666)) scaleX(0.4167); }
  68.8889% { opacity: 1; transform: translateX(calc(var(--bw) * 0.775)) scaleX(0.3819); }
  71.1111% { opacity: 1; transform: translateX(calc(var(--bw) * 0.7833)) scaleX(0.3472); }
  73.3333% { opacity: 1; transform: translateX(calc(var(--bw) * 0.7917)) scaleX(0.3125); }
  75.5556% { opacity: 1; transform: translateX(calc(var(--bw) * 0.8)) scaleX(0.2778); }
  77.7778% { opacity: 1; transform: translateX(calc(var(--bw) * 0.8083)) scaleX(0.2431); }
  80% { opacity: 1; transform: translateX(calc(var(--bw) * 0.8167)) scaleX(0.2083); }
  82.2222% { opacity: 1; transform: translateX(calc(var(--bw) * 0.825)) scaleX(0.1736); }
  84.4444% { opacity: 1; transform: translateX(calc(var(--bw) * 0.8333)) scaleX(0.1389); }
  86.6667% { opacity: 1; transform: translateX(calc(var(--bw) * 0.8417)) scaleX(0.1042); }
  88.8889% { opacity: 1; transform: translateX(calc(var(--bw) * 0.85)) scaleX(0.0694); }
  91.1111% { opacity: 1; transform: translateX(calc(var(--bw) * 0.8583)) scaleX(0.0347); }
  93.3333% { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes sp-dot {
  0% { opacity: 0; }
  2.2222% { opacity: 1; transform: translateX(calc(var(--bw) * 0.4672 * var(--m))) scale(0.9474); }
  4.4444% { opacity: 1; transform: translateX(calc(var(--bw) * 0.5391 * var(--m))) scale(0.9006); }
  6.6667% { opacity: 1; transform: translateX(calc(var(--bw) * 0.603 * var(--m))) scale(0.8589); }
  8.8889% { opacity: 1; transform: translateX(calc(var(--bw) * 0.6596 * var(--m))) scale(0.822); }
  11.1111% { opacity: 1; transform: translateX(calc(var(--bw) * 0.7096 * var(--m))) scale(0.7894); }
  13.3333% { opacity: 1; transform: translateX(calc(var(--bw) * 0.7535 * var(--m))) scale(0.7608); }
  15.5556% { opacity: 1; transform: translateX(calc(var(--bw) * 0.7919 * var(--m))) scale(0.7357); }
  17.7778% { opacity: 1; transform: translateX(calc(var(--bw) * 0.8254 * var(--m))) scale(0.7139); }
  20% { opacity: 1; transform: translateX(calc(var(--bw) * 0.8545 * var(--m))) scale(0.6949); }
  22.2222% { opacity: 1; transform: translateX(calc(var(--bw) * 0.8795 * var(--m))) scale(0.6786); }
  24.4444% { opacity: 1; transform: translateX(calc(var(--bw) * 0.9009 * var(--m))) scale(0.6646); }
  26.6667% { opacity: 1; transform: translateX(calc(var(--bw) * 0.9192 * var(--m))) scale(0.6527); }
  28.8889% { opacity: 1; transform: translateX(calc(var(--bw) * 0.9347 * var(--m))) scale(0.6426); }
  31.1111% { opacity: 1; transform: translateX(calc(var(--bw) * 0.9477 * var(--m))) scale(0.6341); }
  33.3333% { opacity: 1; transform: translateX(calc(var(--bw) * 0.9586 * var(--m))) scale(0.627); }
  35.5556% { opacity: 1; transform: translateX(calc(var(--bw) * 0.9675 * var(--m))) scale(0.6212); }
  37.7778% { opacity: 1; transform: translateX(calc(var(--bw) * 0.9749 * var(--m))) scale(0.6164); }
  40% { opacity: 1; transform: translateX(calc(var(--bw) * 0.9808 * var(--m))) scale(0.6125); }
  42.2222% { opacity: 0.9603; transform: translateX(calc(var(--bw) * 0.9856 * var(--m))) scale(0.6094); }
  44.4444% { opacity: 0.9206; transform: translateX(calc(var(--bw) * 0.9894 * var(--m))) scale(0.6069); }
  46.6667% { opacity: 0.881; transform: translateX(calc(var(--bw) * 0.9923 * var(--m))) scale(0.605); }
  48.8889% { opacity: 0.8413; transform: translateX(calc(var(--bw) * 0.9945 * var(--m))) scale(0.6036); }
  51.1111% { opacity: 0.8016; transform: translateX(calc(var(--bw) * 0.9962 * var(--m))) scale(0.6025); }
  53.3333% { opacity: 0.7619; transform: translateX(calc(var(--bw) * 0.9975 * var(--m))) scale(0.6016); }
  55.5556% { opacity: 0.7222; transform: translateX(calc(var(--bw) * 0.9984 * var(--m))) scale(0.6011); }
  57.7778% { opacity: 0.6825; transform: translateX(calc(var(--bw) * 0.999 * var(--m))) scale(0.6007); }
  60% { opacity: 0.6429; transform: translateX(calc(var(--bw) * 0.9994 * var(--m))) scale(0.6004); }
  62.2222% { opacity: 0.6032; transform: translateX(calc(var(--bw) * 0.9997 * var(--m))) scale(0.6002); }
  64.4444% { opacity: 0.5635; transform: translateX(calc(var(--bw) * 0.9998 * var(--m))) scale(0.6001); }
  66.6667% { opacity: 0.5238; transform: translateX(calc(var(--bw) * 0.9999 * var(--m))) scale(0.6001); }
  68.8889% { opacity: 0.4841; transform: translateX(calc(var(--bw) * 1 * var(--m))) scale(0.6); }
  71.1111% { opacity: 0.4444; transform: translateX(calc(var(--bw) * 1 * var(--m))) scale(0.6); }
  73.3333% { opacity: 0.4048; transform: translateX(calc(var(--bw) * 1 * var(--m))) scale(0.6); }
  75.5556% { opacity: 0.3651; transform: translateX(calc(var(--bw) * 1 * var(--m))) scale(0.6); }
  77.7778% { opacity: 0.3254; transform: translateX(calc(var(--bw) * 1 * var(--m))) scale(0.6); }
  80% { opacity: 0.2857; transform: translateX(calc(var(--bw) * 1 * var(--m))) scale(0.6); }
  82.2222% { opacity: 0.246; transform: translateX(calc(var(--bw) * 1 * var(--m))) scale(0.6); }
  84.4444% { opacity: 0.2063; transform: translateX(calc(var(--bw) * 1 * var(--m))) scale(0.6); }
  86.6667% { opacity: 0.1667; transform: translateX(calc(var(--bw) * 1 * var(--m))) scale(0.6); }
  88.8889% { opacity: 0.127; transform: translateX(calc(var(--bw) * 1 * var(--m))) scale(0.6); }
  91.1111% { opacity: 0.0873; transform: translateX(calc(var(--bw) * 1 * var(--m))) scale(0.6); }
  93.3333% { opacity: 0.0476; transform: translateX(calc(var(--bw) * 1 * var(--m))) scale(0.6); }
  95.5556% { opacity: 0.0079; transform: translateX(calc(var(--bw) * 1 * var(--m))) scale(0.6); }
  97.7778% { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes sp-hop {
  0% { opacity: 0; transform: translateY(calc(var(--fs) * 0)) scale(1.16, 0.84); }
  0.9804% { opacity: 0.2083; transform: translateY(calc(var(--fs) * -0.1108)) scale(1.1532, 0.8468); }
  1.9608% { opacity: 0.4167; transform: translateY(calc(var(--fs) * -0.2104)) scale(1, 1); }
  2.9412% { opacity: 0.625; transform: translateY(calc(var(--fs) * -0.2978)) scale(1, 1); }
  3.9216% { opacity: 0.8333; transform: translateY(calc(var(--fs) * -0.3727)) scale(1, 1); }
  4.902% { opacity: 1; transform: translateY(calc(var(--fs) * -0.4345)) scale(1, 1); }
  5.8824% { opacity: 1; transform: translateY(calc(var(--fs) * -0.4833)) scale(1, 1); }
  6.8627% { opacity: 1; transform: translateY(calc(var(--fs) * -0.5192)) scale(1, 1); }
  7.8431% { opacity: 1; transform: translateY(calc(var(--fs) * -0.5427)) scale(1, 1); }
  8.8235% { opacity: 1; transform: translateY(calc(var(--fs) * -0.5544)) scale(1, 1); }
  9.8039% { opacity: 1; transform: translateY(calc(var(--fs) * -0.5551)) scale(1, 1); }
  10.7843% { opacity: 1; transform: translateY(calc(var(--fs) * -0.5456)) scale(1, 1); }
  11.7647% { opacity: 1; transform: translateY(calc(var(--fs) * -0.527)) scale(1, 1); }
  12.7451% { opacity: 1; transform: translateY(calc(var(--fs) * -0.5003)) scale(1, 1); }
  13.7255% { opacity: 1; transform: translateY(calc(var(--fs) * -0.4667)) scale(1, 1); }
  14.7059% { opacity: 1; transform: translateY(calc(var(--fs) * -0.4275)) scale(1, 1); }
  15.6863% { opacity: 1; transform: translateY(calc(var(--fs) * -0.3837)) scale(1, 1); }
  16.6667% { opacity: 1; transform: translateY(calc(var(--fs) * -0.3366)) scale(1, 1); }
  17.6471% { opacity: 1; transform: translateY(calc(var(--fs) * -0.2873)) scale(1, 1); }
  18.6275% { opacity: 1; transform: translateY(calc(var(--fs) * -0.2369)) scale(1, 1); }
  19.6078% { opacity: 1; transform: translateY(calc(var(--fs) * -0.1863)) scale(1, 1); }
  20.5882% { opacity: 1; transform: translateY(calc(var(--fs) * -0.1365)) scale(1, 1); }
  21.5686% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0884)) scale(1, 1); }
  22.549% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0427)) scale(1.0591, 0.9409); }
  23.5294% { opacity: 1; transform: translateY(calc(var(--fs) * 0)) scale(1.0566, 0.9434); }
  24.5098% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0392)) scale(1.0542, 0.9458); }
  25.4902% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0744)) scale(1, 1); }
  26.4706% { opacity: 1; transform: translateY(calc(var(--fs) * -0.1053)) scale(1, 1); }
  27.451% { opacity: 1; transform: translateY(calc(var(--fs) * -0.1317)) scale(1, 1); }
  28.4314% { opacity: 1; transform: translateY(calc(var(--fs) * -0.1536)) scale(1, 1); }
  29.4118% { opacity: 1; transform: translateY(calc(var(--fs) * -0.1708)) scale(1, 1); }
  30.3922% { opacity: 1; transform: translateY(calc(var(--fs) * -0.1835)) scale(1, 1); }
  31.3725% { opacity: 1; transform: translateY(calc(var(--fs) * -0.1918)) scale(1, 1); }
  32.3529% { opacity: 1; transform: translateY(calc(var(--fs) * -0.196)) scale(1, 1); }
  33.3333% { opacity: 1; transform: translateY(calc(var(--fs) * -0.1962)) scale(1, 1); }
  34.3137% { opacity: 1; transform: translateY(calc(var(--fs) * -0.1928)) scale(1, 1); }
  35.2941% { opacity: 1; transform: translateY(calc(var(--fs) * -0.1863)) scale(1, 1); }
  36.2745% { opacity: 1; transform: translateY(calc(var(--fs) * -0.1768)) scale(1, 1); }
  37.2549% { opacity: 1; transform: translateY(calc(var(--fs) * -0.165)) scale(1, 1); }
  38.2353% { opacity: 1; transform: translateY(calc(var(--fs) * -0.1511)) scale(1, 1); }
  39.2157% { opacity: 1; transform: translateY(calc(var(--fs) * -0.1356)) scale(1, 1); }
  40.1961% { opacity: 1; transform: translateY(calc(var(--fs) * -0.119)) scale(1, 1); }
  41.1765% { opacity: 1; transform: translateY(calc(var(--fs) * -0.1016)) scale(1, 1); }
  42.1569% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0837)) scale(1, 1); }
  43.1373% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0658)) scale(1, 1); }
  44.1176% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0483)) scale(1, 1); }
  45.098% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0313)) scale(1, 1); }
  46.0784% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0151)) scale(1.0209, 0.9791); }
  47.0588% { opacity: 1; transform: translateY(calc(var(--fs) * 0)) scale(1.02, 0.98); }
  48.0392% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0138)) scale(1.0191, 0.9809); }
  49.0196% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0263)) scale(1, 1); }
  50% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0372)) scale(1, 1); }
  50.9804% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0466)) scale(1, 1); }
  51.9608% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0543)) scale(1, 1); }
  52.9412% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0604)) scale(1, 1); }
  53.9216% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0649)) scale(1, 1); }
  54.902% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0678)) scale(1, 1); }
  55.8824% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0693)) scale(1, 1); }
  56.8627% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0693)) scale(1, 1); }
  57.8431% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0682)) scale(1, 1); }
  58.8235% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0658)) scale(1, 1); }
  59.8039% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0625)) scale(1, 1); }
  60.7843% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0583)) scale(1, 1); }
  61.7647% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0534)) scale(1, 1); }
  62.7451% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0479)) scale(1, 1); }
  63.7255% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0421)) scale(1, 1); }
  64.7059% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0359)) scale(1, 1); }
  65.6863% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0296)) scale(1, 1); }
  66.6667% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0233)) scale(1, 1); }
  67.6471% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0171)) scale(1, 1); }
  68.6275% { opacity: 1; transform: translateY(calc(var(--fs) * -0.011)) scale(1, 1); }
  69.6078% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0053)) scale(1.0074, 0.9926); }
  70.5882% { opacity: 1; transform: translateY(calc(var(--fs) * 0)) scale(1.0071, 0.9929); }
  71.5686% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0049)) scale(1.0068, 0.9932); }
  72.549% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0093)) scale(1, 1); }
  73.5294% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0132)) scale(1, 1); }
  74.5098% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0165)) scale(1, 1); }
  75.4902% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0192)) scale(1, 1); }
  76.4706% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0213)) scale(1, 1); }
  77.451% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0229)) scale(1, 1); }
  78.4314% { opacity: 1; transform: translateY(calc(var(--fs) * -0.024)) scale(1, 1); }
  79.4118% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0245)) scale(1, 1); }
  80.3922% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0245)) scale(1, 1); }
  81.3725% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0241)) scale(1, 1); }
  82.3529% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0233)) scale(1, 1); }
  83.3333% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0221)) scale(1, 1); }
  84.3137% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0206)) scale(1, 1); }
  85.2941% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0189)) scale(1, 1); }
  86.2745% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0169)) scale(1, 1); }
  87.2549% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0149)) scale(1, 1); }
  88.2353% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0127)) scale(1, 1); }
  89.2157% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0105)) scale(1, 1); }
  90.1961% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0082)) scale(1, 1); }
  91.1765% { opacity: 1; transform: translateY(calc(var(--fs) * -0.006)) scale(1, 1); }
  92.1569% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0039)) scale(1, 1); }
  93.1373% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0019)) scale(1.0026, 0.9974); }
  94.1176% { opacity: 1; transform: translateY(calc(var(--fs) * 0)) scale(1.0025, 0.9975); }
  95.098% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0017)) scale(1.0024, 0.9976); }
  96.0784% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0033)) scale(1, 1); }
  97.0588% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0046)) scale(1, 1); }
  98.0392% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0058)) scale(1, 1); }
  99.0196% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0068)) scale(1, 1); }
  100% { opacity: 1; transform: translateY(calc(var(--fs) * -0.0075)) scale(1, 1); }
}
@keyframes sp-spin {
  0% { transform: rotate(-360deg) scale(0); }
  2.7027% { transform: rotate(-319.6184deg) scale(0.1879); }
  5.4054% { transform: rotate(-282.084deg) scale(0.3507); }
  8.1081% { transform: rotate(-247.2986deg) scale(0.4901); }
  10.8108% { transform: rotate(-215.1642deg) scale(0.608); }
  13.5135% { transform: rotate(-185.5827deg) scale(0.7061); }
  16.2162% { transform: rotate(-158.456deg) scale(0.7863); }
  18.9189% { transform: rotate(-133.6861deg) scale(0.8504); }
  21.6216% { transform: rotate(-111.1748deg) scale(0.9002); }
  24.3243% { transform: rotate(-90.8241deg) scale(0.9375); }
  27.027% { transform: rotate(-72.5359deg) scale(0.9642); }
  29.7297% { transform: rotate(-56.2121deg) scale(0.9819); }
  32.4324% { transform: rotate(-41.7547deg) scale(0.9925); }
  35.1351% { transform: rotate(-29.0655deg) scale(0.9979); }
  37.8378% { transform: rotate(-18.0466deg) scale(0.9998); }
  40.5405% { transform: rotate(-8.5997deg) scale(1); }
  43.2432% { transform: rotate(-0.6269deg) scale(1); }
  45.9459% { transform: rotate(5.97deg) scale(1); }
  48.6486% { transform: rotate(11.289deg) scale(1); }
  51.3514% { transform: rotate(15.4283deg) scale(1); }
  54.0541% { transform: rotate(18.4858deg) scale(1); }
  56.7568% { transform: rotate(20.5597deg) scale(1); }
  59.4595% { transform: rotate(21.748deg) scale(1); }
  62.1622% { transform: rotate(22.1488deg) scale(1); }
  64.8649% { transform: rotate(21.8603deg) scale(1); }
  67.5676% { transform: rotate(20.9804deg) scale(1); }
  70.2703% { transform: rotate(19.6073deg) scale(1); }
  72.973% { transform: rotate(17.839deg) scale(1); }
  75.6757% { transform: rotate(15.7737deg) scale(1); }
  78.3784% { transform: rotate(13.5093deg) scale(1); }
  81.0811% { transform: rotate(11.1441deg) scale(1); }
  83.7838% { transform: rotate(8.7759deg) scale(1); }
  86.4865% { transform: rotate(6.5031deg) scale(1); }
  89.1892% { transform: rotate(4.4235deg) scale(1); }
  91.8919% { transform: rotate(2.6353deg) scale(1); }
  94.5946% { transform: rotate(1.2366deg) scale(1); }
  97.2973% { transform: rotate(0.3255deg) scale(1); }
  100% { transform: rotate(0deg) scale(1); }
}
@keyframes sp-slam {
  0% { opacity: 0; transform: translateX(calc(var(--fs) * 0)) scale(3.4, 3.4) skewX(-7.9696deg); }
  2.0833% { opacity: 0; transform: translateX(calc(var(--fs) * 0)) scale(3.4, 3.4) skewX(-7.9696deg); }
  4.1667% { opacity: 0.1667; transform: translateX(calc(var(--fs) * 0)) scale(3.399, 3.399) skewX(-7.9696deg); }
  6.25% { opacity: 0.375; transform: translateX(calc(var(--fs) * 0)) scale(3.3889, 3.3889) skewX(-7.9696deg); }
  8.3333% { opacity: 0.5833; transform: translateX(calc(var(--fs) * 0)) scale(3.3582, 3.3582) skewX(-7.9696deg); }
  10.4167% { opacity: 0.7917; transform: translateX(calc(var(--fs) * 0)) scale(3.2955, 3.2955) skewX(-7.9696deg); }
  12.5% { opacity: 1; transform: translateX(calc(var(--fs) * 0)) scale(3.1893, 3.1893) skewX(-7.9696deg); }
  14.5833% { opacity: 1; transform: translateX(calc(var(--fs) * 0)) scale(3.0283, 3.0283) skewX(-7.9696deg); }
  16.6667% { opacity: 1; transform: translateX(calc(var(--fs) * 0)) scale(2.8009, 2.8009) skewX(-7.9696deg); }
  18.75% { opacity: 1; transform: translateX(calc(var(--fs) * 0)) scale(2.4959, 2.4959) skewX(-7.9696deg); }
  20.8333% { opacity: 1; transform: translateX(calc(var(--fs) * 0)) scale(2.1017, 2.1017) skewX(-7.9696deg); }
  22.9167% { opacity: 1; transform: translateX(calc(var(--fs) * 0)) scale(1.6068, 1.6068) skewX(-7.9696deg); }
  25% { opacity: 1; transform: translateX(calc(var(--fs) * 0)) scale(1, 1) skewX(-7.9696deg); }
  27.0833% { opacity: 1; transform: translateX(calc(var(--fs) * 0.0579)) scale(1.1665, 0.8335) skewX(-7.9696deg); }
  29.1667% { opacity: 1; transform: translateX(calc(var(--fs) * 0.0803)) scale(1.1386, 0.8614) skewX(-7.9696deg); }
  31.25% { opacity: 1; transform: translateX(calc(var(--fs) * 0.0686)) scale(1.1154, 0.8846) skewX(-7.9696deg); }
  33.3333% { opacity: 1; transform: translateX(calc(var(--fs) * 0.0356)) scale(1.0961, 0.9039) skewX(-7.9696deg); }
  35.4167% { opacity: 1; transform: translateX(calc(var(--fs) * -0.0013)) scale(1.08, 0.92) skewX(-7.9696deg); }
  37.5% { opacity: 1; transform: translateX(calc(var(--fs) * -0.0283)) scale(1.0666, 0.9334) skewX(-7.9696deg); }
  39.5833% { opacity: 1; transform: translateX(calc(var(--fs) * -0.0382)) scale(1.0554, 0.9446) skewX(-7.9696deg); }
  41.6667% { opacity: 1; transform: translateX(calc(var(--fs) * -0.0321)) scale(1.0461, 0.9539) skewX(-7.9696deg); }
  43.75% { opacity: 1; transform: translateX(calc(var(--fs) * -0.0162)) scale(1.0384, 0.9616) skewX(-7.9696deg); }
  45.8333% { opacity: 1; transform: translateX(calc(var(--fs) * 0.0013)) scale(1.032, 0.968) skewX(-7.9696deg); }
  47.9167% { opacity: 1; transform: translateX(calc(var(--fs) * 0.0138)) scale(1.0266, 0.9734) skewX(-7.9696deg); }
  50% { opacity: 1; transform: translateX(calc(var(--fs) * 0.0182)) scale(1.0222, 0.9778) skewX(-7.9696deg); }
  52.0833% { opacity: 1; transform: translateX(calc(var(--fs) * 0.015)) scale(1.0184, 0.9816) skewX(-7.9696deg); }
  54.1667% { opacity: 1; transform: translateX(calc(var(--fs) * 0.0074)) scale(1.0154, 0.9846) skewX(-7.9696deg); }
  56.25% { opacity: 1; transform: translateX(calc(var(--fs) * -0.0009)) scale(1.0128, 0.9872) skewX(-7.9696deg); }
  58.3333% { opacity: 1; transform: translateX(calc(var(--fs) * -0.0067)) scale(1.0106, 0.9894) skewX(-7.9696deg); }
  60.4167% { opacity: 1; transform: translateX(calc(var(--fs) * -0.0086)) scale(1.0089, 0.9911) skewX(-7.9696deg); }
  62.5% { opacity: 1; transform: translateX(calc(var(--fs) * -0.007)) scale(1.0074, 0.9926) skewX(-7.9696deg); }
  64.5833% { opacity: 1; transform: translateX(calc(var(--fs) * -0.0033)) scale(1.0061, 0.9939) skewX(-7.9696deg); }
  66.6667% { opacity: 1; transform: translateX(calc(var(--fs) * 0.0006)) scale(1.0051, 0.9949) skewX(-7.9696deg); }
  68.75% { opacity: 1; transform: translateX(calc(var(--fs) * 0.0033)) scale(1.0043, 0.9957) skewX(-7.9696deg); }
  70.8333% { opacity: 1; transform: translateX(calc(var(--fs) * 0.0041)) scale(1.0035, 0.9965) skewX(-7.9696deg); }
  72.9167% { opacity: 1; transform: translateX(calc(var(--fs) * 0.0033)) scale(1.0029, 0.9971) skewX(-7.9696deg); }
  75% { opacity: 1; transform: translateX(calc(var(--fs) * 0.0015)) scale(1.0025, 0.9975) skewX(-7.9696deg); }
  77.0833% { opacity: 1; transform: translateX(calc(var(--fs) * -0.0003)) scale(1.002, 0.998) skewX(-7.9696deg); }
  79.1667% { opacity: 1; transform: translateX(calc(var(--fs) * -0.0016)) scale(1.0017, 0.9983) skewX(-7.9696deg); }
  81.25% { opacity: 1; transform: translateX(calc(var(--fs) * -0.0019)) scale(1.0014, 0.9986) skewX(-7.9696deg); }
  83.3333% { opacity: 1; transform: translateX(calc(var(--fs) * -0.0015)) scale(1.0012, 0.9988) skewX(-7.9696deg); }
  85.4167% { opacity: 1; transform: translateX(calc(var(--fs) * -0.0007)) scale(1.001, 0.999) skewX(-7.9696deg); }
  87.5% { opacity: 1; transform: translateX(calc(var(--fs) * 0.0002)) scale(1.0008, 0.9992) skewX(-7.9696deg); }
  89.5833% { opacity: 1; transform: translateX(calc(var(--fs) * 0.0008)) scale(1.0007, 0.9993) skewX(-7.9696deg); }
  91.6667% { opacity: 1; transform: translateX(calc(var(--fs) * 0.0009)) scale(1.0006, 0.9994) skewX(-7.9696deg); }
  93.75% { opacity: 1; transform: translateX(calc(var(--fs) * 0.0007)) scale(1.0005, 0.9995) skewX(-7.9696deg); }
  95.8333% { opacity: 1; transform: translateX(calc(var(--fs) * 0.0003)) scale(1.0004, 0.9996) skewX(-7.9696deg); }
  97.9167% { opacity: 1; transform: translateX(calc(var(--fs) * -0.0001)) scale(1.0003, 0.9997) skewX(-7.9696deg); }
  100% { opacity: 1; transform: translateX(calc(var(--fs) * -0.0004)) scale(1.0003, 0.9997) skewX(-7.9696deg); }
}
@keyframes sp-slam-ray {
  0% { opacity: 0; }
  4.1667% { opacity: 1; transform: translateX(calc(var(--fs) * 1.4317)) scaleY(0.8801); }
  8.3333% { opacity: 1; transform: translateX(calc(var(--fs) * 1.4942)) scaleY(0.7703); }
  12.5% { opacity: 1; transform: translateX(calc(var(--fs) * 1.5512)) scaleY(0.6699); }
  16.6667% { opacity: 1; transform: translateX(calc(var(--fs) * 1.603)) scaleY(0.5787); }
  20.8333% { opacity: 1; transform: translateX(calc(var(--fs) * 1.6499)) scaleY(0.4962); }
  25% { opacity: 1; transform: translateX(calc(var(--fs) * 1.6921)) scaleY(0.4219); }
  29.1667% { opacity: 1; transform: translateX(calc(var(--fs) * 1.7299)) scaleY(0.3554); }
  33.3333% { opacity: 1; transform: translateX(calc(var(--fs) * 1.7635)) scaleY(0.2963); }
  37.5% { opacity: 1; transform: translateX(calc(var(--fs) * 1.7931)) scaleY(0.2441); }
  41.6667% { opacity: 1; transform: translateX(calc(var(--fs) * 1.819)) scaleY(0.1985); }
  45.8333% { opacity: 1; transform: translateX(calc(var(--fs) * 1.8415)) scaleY(0.1589); }
  50% { opacity: 1; transform: translateX(calc(var(--fs) * 1.8608)) scaleY(0.125); }
  54.1667% { opacity: 1; transform: translateX(calc(var(--fs) * 1.8771)) scaleY(0.0963); }
  58.3333% { opacity: 1; transform: translateX(calc(var(--fs) * 1.8907)) scaleY(0.0723); }
  62.5% { opacity: 1; transform: translateX(calc(var(--fs) * 1.9019)) scaleY(0.0527); }
  66.6667% { opacity: 1; transform: translateX(calc(var(--fs) * 1.9108)) scaleY(0.037); }
  70.8333% { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes sp-bub-in {
  0% { transform: rotate(-20.0535deg) scale(0); }
  1.3889% { transform: rotate(-17.8411deg) scale(0.1306); }
  2.7778% { transform: rotate(-15.3271deg) scale(0.2934); }
  4.1667% { transform: rotate(-12.6651deg) scale(0.4713); }
  5.5556% { transform: rotate(-9.9869deg) scale(0.6497); }
  6.9444% { transform: rotate(-7.4009deg) scale(0.8166); }
  8.3333% { transform: rotate(-4.9921deg) scale(0.9631); }
  9.7222% { transform: rotate(-2.8234deg) scale(1.0835); }
  11.1111% { transform: rotate(-0.9366deg) scale(1.1749); }
  12.5% { transform: rotate(0.6451deg) scale(1.2369); }
  13.8889% { transform: rotate(1.9146deg) scale(1.2712); }
  15.2778% { transform: rotate(2.8787deg) scale(1.2807); }
  16.6667% { transform: rotate(3.5545deg) scale(1.2698); }
  18.0556% { transform: rotate(3.9679deg) scale(1.2431); }
  19.4444% { transform: rotate(4.1501deg) scale(1.2055); }
  20.8333% { transform: rotate(4.1358deg) scale(1.1616); }
  22.2222% { transform: rotate(3.9613deg) scale(1.1155); }
  23.6111% { transform: rotate(3.6623deg) scale(1.0707); }
  25% { transform: rotate(3.2733deg) scale(1.03); }
  26.3889% { transform: rotate(2.8259deg) scale(0.9952); }
  27.7778% { transform: rotate(2.3483deg) scale(0.9675); }
  29.1667% { transform: rotate(1.8648deg) scale(0.9474); }
  30.5556% { transform: rotate(1.3955deg) scale(0.9346); }
  31.9444% { transform: rotate(0.9563deg) scale(0.9287); }
  33.3333% { transform: rotate(0.5591deg) scale(0.9287); }
  34.7222% { transform: rotate(0.2118deg) scale(0.9334); }
  36.1111% { transform: rotate(-0.0808deg) scale(0.9416); }
  37.5% { transform: rotate(-0.3172deg) scale(0.9521); }
  38.8889% { transform: rotate(-0.4983deg) scale(0.9637); }
  40.2778% { transform: rotate(-0.6269deg) scale(0.9755); }
  41.6667% { transform: rotate(-0.7075deg) scale(0.9866); }
  43.0556% { transform: rotate(-0.7457deg) scale(0.9964); }
  44.4444% { transform: rotate(-0.7475deg) scale(1.0045); }
  45.8333% { transform: rotate(-0.7196deg) scale(1.0108); }
  47.2222% { transform: rotate(-0.6684deg) scale(1.0151); }
  48.6111% { transform: rotate(-0.6002deg) scale(1.0176); }
  50% { transform: rotate(-0.5207deg) scale(1.0184); }
  51.3889% { transform: rotate(-0.4351deg) scale(1.0179); }
  52.7778% { transform: rotate(-0.3478deg) scale(1.0163); }
  54.1667% { transform: rotate(-0.2627deg) scale(1.0139); }
  55.5556% { transform: rotate(-0.1827deg) scale(1.011); }
  56.9444% { transform: rotate(-0.11deg) scale(1.008); }
  58.3333% { transform: rotate(-0.0461deg) scale(1.005); }
  59.7222% { transform: rotate(0.008deg) scale(1.0023); }
  61.1111% { transform: rotate(0.052deg) scale(1); }
  62.5% { transform: rotate(0.0859deg) scale(0.9981); }
  63.8889% { transform: rotate(0.1104deg) scale(0.9967); }
  65.2778% { transform: rotate(0.126deg) scale(0.9958); }
  66.6667% { transform: rotate(0.1339deg) scale(0.9953); }
  68.0556% { transform: rotate(0.135deg) scale(0.9953); }
  69.4444% { transform: rotate(0.1306deg) scale(0.9956); }
  70.8333% { transform: rotate(0.1219deg) scale(0.9961); }
  72.2222% { transform: rotate(0.11deg) scale(0.9968); }
  73.6111% { transform: rotate(0.0959deg) scale(0.9975); }
  75% { transform: rotate(0.0805deg) scale(0.9983); }
  76.3889% { transform: rotate(0.0648deg) scale(0.999); }
  77.7778% { transform: rotate(0.0494deg) scale(0.9997); }
  79.1667% { transform: rotate(0.0348deg) scale(1.0002); }
  80.5556% { transform: rotate(0.0215deg) scale(1.0007); }
  81.9444% { transform: rotate(0.0098deg) scale(1.001); }
  83.3333% { transform: rotate(-0.0002deg) scale(1.0011); }
  84.7222% { transform: rotate(-0.0084deg) scale(1.0012); }
  86.1111% { transform: rotate(-0.0148deg) scale(1.0012); }
  87.5% { transform: rotate(-0.0194deg) scale(1.0011); }
  88.8889% { transform: rotate(-0.0224deg) scale(1.0009); }
  90.2778% { transform: rotate(-0.024deg) scale(1.0007); }
  91.6667% { transform: rotate(-0.0244deg) scale(1.0006); }
  93.0556% { transform: rotate(-0.0237deg) scale(1.0004); }
  94.4444% { transform: rotate(-0.0222deg) scale(1.0002); }
  95.8333% { transform: rotate(-0.0201deg) scale(1); }
  97.2222% { transform: rotate(-0.0176deg) scale(0.9999); }
  98.6111% { transform: rotate(-0.0149deg) scale(0.9998); }
  100% { transform: rotate(-0.0121deg) scale(0.9997); }
}
@keyframes sp-ch-in {
  0% { opacity: 0; transform: scale(0); }
  3.3333% { opacity: 0.1389; transform: scale(0.1777); }
  6.6667% { opacity: 0.2778; transform: scale(0.338); }
  10% { opacity: 0.4167; transform: scale(0.4816); }
  13.3333% { opacity: 0.5556; transform: scale(0.6094); }
  16.6667% { opacity: 0.6944; transform: scale(0.7222); }
  20% { opacity: 0.8333; transform: scale(0.8208); }
  23.3333% { opacity: 0.9722; transform: scale(0.906); }
  26.6667% { opacity: 1; transform: scale(0.9785); }
  30% { opacity: 1; transform: scale(1.0392); }
  33.3333% { opacity: 1; transform: scale(1.0889); }
  36.6667% { opacity: 1; transform: scale(1.1284); }
  40% { opacity: 1; transform: scale(1.1584); }
  43.3333% { opacity: 1; transform: scale(1.1798); }
  46.6667% { opacity: 1; transform: scale(1.1934); }
  50% { opacity: 1; transform: scale(1.2); }
  53.3333% { opacity: 1; transform: scale(1.2004); }
  56.6667% { opacity: 1; transform: scale(1.1953); }
  60% { opacity: 1; transform: scale(1.1856); }
  63.3333% { opacity: 1; transform: scale(1.1721); }
  66.6667% { opacity: 1; transform: scale(1.1556); }
  70% { opacity: 1; transform: scale(1.1368); }
  73.3333% { opacity: 1; transform: scale(1.1166); }
  76.6667% { opacity: 1; transform: scale(1.0958); }
  80% { opacity: 1; transform: scale(1.0752); }
  83.3333% { opacity: 1; transform: scale(1.0556); }
  86.6667% { opacity: 1; transform: scale(1.0377); }
  90% { opacity: 1; transform: scale(1.0224); }
  93.3333% { opacity: 1; transform: scale(1.0105); }
  96.6667% { opacity: 1; transform: scale(1.0028); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes sp-ch-wave {
  0% { translate: 0 0em; }
  0.7092% { translate: 0 -0.0418em; }
  1.4184% { translate: 0 -0.0828em; }
  2.1277% { translate: 0 -0.1225em; }
  2.8369% { translate: 0 -0.16em; }
  3.5461% { translate: 0 -0.1948em; }
  4.2553% { translate: 0 -0.2263em; }
  4.9645% { translate: 0 -0.2539em; }
  5.6738% { translate: 0 -0.2771em; }
  6.383% { translate: 0 -0.2956em; }
  7.0922% { translate: 0 -0.3091em; }
  7.8014% { translate: 0 -0.3173em; }
  8.5106% { translate: 0 -0.32em; }
  9.2199% { translate: 0 -0.3173em; }
  9.9291% { translate: 0 -0.3091em; }
  10.6383% { translate: 0 -0.2956em; }
  11.3475% { translate: 0 -0.2771em; }
  12.0567% { translate: 0 -0.2539em; }
  12.766% { translate: 0 -0.2263em; }
  13.4752% { translate: 0 -0.1948em; }
  14.1844% { translate: 0 -0.16em; }
  14.8936% { translate: 0 -0.1225em; }
  15.6028% { translate: 0 -0.0828em; }
  16.3121% { translate: 0 -0.0418em; }
  17.0213% { translate: 0 0em; }
  100% { translate: 0 0em; }
}
@keyframes sp-bub-beat {
  0% { scale: 1; }
  0.7092% { scale: 1; }
  1.4184% { scale: 1.0001; }
  2.1277% { scale: 1.0003; }
  2.8369% { scale: 1.001; }
  3.5461% { scale: 1.0028; }
  4.2553% { scale: 1.0066; }
  4.9645% { scale: 1.0135; }
  5.6738% { scale: 1.0244; }
  6.383% { scale: 1.0387; }
  7.0922% { scale: 1.0538; }
  7.8014% { scale: 1.0655; }
  8.5106% { scale: 1.07; }
  9.2199% { scale: 1.0655; }
  9.9291% { scale: 1.0538; }
  10.6383% { scale: 1.0388; }
  11.3475% { scale: 1.0245; }
  12.0567% { scale: 1.0138; }
  12.766% { scale: 1.0073; }
  13.4752% { scale: 1.0046; }
  14.1844% { scale: 1.005; }
  14.8936% { scale: 1.008; }
  15.6028% { scale: 1.0134; }
  16.3121% { scale: 1.0208; }
  17.0213% { scale: 1.0289; }
  17.7305% { scale: 1.0358; }
  18.4397% { scale: 1.0396; }
  19.1489% { scale: 1.0392; }
  19.8582% { scale: 1.0346; }
  20.5674% { scale: 1.0273; }
  21.2766% { scale: 1.0192; }
  21.9858% { scale: 1.0121; }
  22.695% { scale: 1.0068; }
  23.4043% { scale: 1.0034; }
  24.1135% { scale: 1.0015; }
  24.8227% { scale: 1.0006; }
  25.5319% { scale: 1.0002; }
  26.2411% { scale: 1.0001; }
  26.9504% { scale: 1; }
  100% { scale: 1; }
}
@keyframes sp-bub-ring {
  0% { opacity: 0; }
  0.7092% { opacity: 0.7344; transform: scale(1.0135); }
  1.4184% { opacity: 0.7188; transform: scale(1.0264); }
  2.1277% { opacity: 0.7031; transform: scale(1.0387); }
  2.8369% { opacity: 0.6875; transform: scale(1.0505); }
  3.5461% { opacity: 0.6719; transform: scale(1.0618); }
  4.2553% { opacity: 0.6563; transform: scale(1.0726); }
  4.9645% { opacity: 0.6406; transform: scale(1.0829); }
  5.6738% { opacity: 0.625; transform: scale(1.0927); }
  6.383% { opacity: 0.6094; transform: scale(1.102); }
  7.0922% { opacity: 0.5938; transform: scale(1.1108); }
  7.8014% { opacity: 0.5781; transform: scale(1.1192); }
  8.5106% { opacity: 0.5625; transform: scale(1.1272); }
  9.2199% { opacity: 0.5469; transform: scale(1.1347); }
  9.9291% { opacity: 0.5313; transform: scale(1.1418); }
  10.6383% { opacity: 0.5156; transform: scale(1.1485); }
  11.3475% { opacity: 0.5; transform: scale(1.1548); }
  12.0567% { opacity: 0.4844; transform: scale(1.1607); }
  12.766% { opacity: 0.4688; transform: scale(1.1663); }
  13.4752% { opacity: 0.4531; transform: scale(1.1715); }
  14.1844% { opacity: 0.4375; transform: scale(1.1763); }
  14.8936% { opacity: 0.4219; transform: scale(1.1808); }
  15.6028% { opacity: 0.4063; transform: scale(1.185); }
  16.3121% { opacity: 0.3906; transform: scale(1.1889); }
  17.0213% { opacity: 0.375; transform: scale(1.1925); }
  17.7305% { opacity: 0.3594; transform: scale(1.1958); }
  18.4397% { opacity: 0.3438; transform: scale(1.1988); }
  19.1489% { opacity: 0.3281; transform: scale(1.2016); }
  19.8582% { opacity: 0.3125; transform: scale(1.2041); }
  20.5674% { opacity: 0.2969; transform: scale(1.2064); }
  21.2766% { opacity: 0.2813; transform: scale(1.2084); }
  21.9858% { opacity: 0.2656; transform: scale(1.2102); }
  22.695% { opacity: 0.25; transform: scale(1.2119); }
  23.4043% { opacity: 0.2344; transform: scale(1.2133); }
  24.1135% { opacity: 0.2188; transform: scale(1.2145); }
  24.8227% { opacity: 0.2031; transform: scale(1.2156); }
  25.5319% { opacity: 0.1875; transform: scale(1.2166); }
  26.2411% { opacity: 0.1719; transform: scale(1.2174); }
  26.9504% { opacity: 0.1563; transform: scale(1.218); }
  27.6596% { opacity: 0.1406; transform: scale(1.2185); }
  28.3688% { opacity: 0.125; transform: scale(1.219); }
  29.078% { opacity: 0.1094; transform: scale(1.2193); }
  29.7872% { opacity: 0.0938; transform: scale(1.2196); }
  30.4965% { opacity: 0.0781; transform: scale(1.2198); }
  31.2057% { opacity: 0.0625; transform: scale(1.2199); }
  31.9149% { opacity: 0.0469; transform: scale(1.2199); }
  32.6241% { opacity: 0.0312; transform: scale(1.22); }
  33.3333% { opacity: 0.0156; transform: scale(1.22); }
  34.0426% { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes sp-scop-hop {
  0% { translate: 0 calc(var(--bw) * 0); scale: 1 1; }
  0.7092% { translate: 0 calc(var(--bw) * 0); scale: 1.0531 0.9496; }
  1.4184% { translate: 0 calc(var(--bw) * 0); scale: 1.0871 0.9198; }
  2.1277% { translate: 0 calc(var(--bw) * 0); scale: 1.1046 0.9053; }
  2.8369% { translate: 0 calc(var(--bw) * 0); scale: 1.1105 0.9005; }
  3.5461% { translate: 0 calc(var(--bw) * -0.0031); scale: 0.9292 1.0763; }
  4.2553% { translate: 0 calc(var(--bw) * -0.0181); scale: 0.9441 1.0593; }
  4.9645% { translate: 0 calc(var(--bw) * -0.0319); scale: 0.957 1.045; }
  5.6738% { translate: 0 calc(var(--bw) * -0.0443); scale: 0.9679 1.0332; }
  6.383% { translate: 0 calc(var(--bw) * -0.0556); scale: 0.9768 1.0237; }
  7.0922% { translate: 0 calc(var(--bw) * -0.0655); scale: 0.9841 1.0162; }
  7.8014% { translate: 0 calc(var(--bw) * -0.0742); scale: 0.9896 1.0105; }
  8.5106% { translate: 0 calc(var(--bw) * -0.0816); scale: 0.9937 1.0063; }
  9.2199% { translate: 0 calc(var(--bw) * -0.0878); scale: 0.9966 1.0034; }
  9.9291% { translate: 0 calc(var(--bw) * -0.0927); scale: 0.9984 1.0016; }
  10.6383% { translate: 0 calc(var(--bw) * -0.0964); scale: 0.9994 1.0006; }
  11.3475% { translate: 0 calc(var(--bw) * -0.0988); scale: 0.9999 1.0001; }
  12.0567% { translate: 0 calc(var(--bw) * -0.0999); scale: 1 1; }
  12.766% { translate: 0 calc(var(--bw) * -0.0998); scale: 1 1; }
  13.4752% { translate: 0 calc(var(--bw) * -0.0984); scale: 0.9998 1.0002; }
  14.1844% { translate: 0 calc(var(--bw) * -0.0957); scale: 0.9993 1.0007; }
  14.8936% { translate: 0 calc(var(--bw) * -0.0918); scale: 0.9981 1.0019; }
  15.6028% { translate: 0 calc(var(--bw) * -0.0867); scale: 0.9961 1.0039; }
  16.3121% { translate: 0 calc(var(--bw) * -0.0802); scale: 0.993 1.007; }
  17.0213% { translate: 0 calc(var(--bw) * -0.0726); scale: 0.9886 1.0115; }
  17.7305% { translate: 0 calc(var(--bw) * -0.0636); scale: 0.9827 1.0176; }
  18.4397% { translate: 0 calc(var(--bw) * -0.0534); scale: 0.9752 1.0254; }
  19.1489% { translate: 0 calc(var(--bw) * -0.042); scale: 0.9658 1.0354; }
  19.8582% { translate: 0 calc(var(--bw) * -0.0292); scale: 0.9545 1.0476; }
  20.5674% { translate: 0 calc(var(--bw) * -0.0152); scale: 0.9412 1.0624; }
  21.2766% { translate: 0 calc(var(--bw) * 0); scale: 1 1; }
  21.9858% { translate: 0 calc(var(--bw) * 0); scale: 1.049 0.9533; }
  22.695% { translate: 0 calc(var(--bw) * 0); scale: 1.0746 0.9306; }
  23.4043% { translate: 0 calc(var(--bw) * 0); scale: 1.0596 0.9438; }
  24.1135% { translate: 0 calc(var(--bw) * 0); scale: 1.0465 0.9556; }
  24.8227% { translate: 0 calc(var(--bw) * 0); scale: 1.0352 0.966; }
  25.5319% { translate: 0 calc(var(--bw) * 0); scale: 1.0256 0.975; }
  26.2411% { translate: 0 calc(var(--bw) * 0); scale: 1.0177 0.9826; }
  26.9504% { translate: 0 calc(var(--bw) * 0); scale: 1.0112 0.9889; }
  27.6596% { translate: 0 calc(var(--bw) * 0); scale: 1.0063 0.9938; }
  28.3688% { translate: 0 calc(var(--bw) * 0); scale: 1.0028 0.9972; }
  29.078% { translate: 0 calc(var(--bw) * 0); scale: 1.0007 0.9993; }
  29.7872% { translate: 0 calc(var(--bw) * 0); scale: 1 1; }
  100% { translate: 0 calc(var(--bw) * 0); scale: 1 1; }
}