/* WTS v3 animated illustrations. Generated from site-v3/anim/. Do not edit by hand. */
.wt .wt-anim--serve-spas { --cycle: 16s; }
.wt .wt-anim--serve-spas .s-flx { transform: translateX(201px); }
.wt .wt-anim--serve-spas .s-fly-y { transform: translateY(-3px); }
.wt .wt-anim--serve-spas .s-pc, .wt .wt-anim--serve-spas .s-sp1, .wt .wt-anim--serve-spas .s-sp2, .wt .wt-anim--serve-spas .s-sp3, .wt .wt-anim--serve-spas .s-shine { opacity: 0; }
.wt .wt-anim--serve-spas .s-leaves { transform-box: view-box; transform-origin: 72px 304px; }
.wt .wt-anim--serve-spas .s-pc { transform-box: view-box; transform-origin: 458px 236px; }
.wt .wt-anim--serve-spas .s-pop, .wt .wt-anim--serve-spas .s-pcx { transform-box: view-box; transform-origin: 458px 366px; }
.wt .wt-anim--serve-spas .s-frill { transform-box: view-box; transform-origin: 458px 274px; }
.wt .wt-anim--serve-spas .s-tag { transform-box: view-box; transform-origin: 476px 274px; }
.wt .wt-anim--serve-spas .s-flame, .wt .wt-anim--serve-spas .s-flr, .wt .wt-anim--serve-spas .s-rsq, .wt .wt-anim--serve-spas .s-cha, .wt .wt-anim--serve-spas .s-chb { transform-box: fill-box; transform-origin: 50% 100%; }
.wt .wt-anim--serve-spas .s-glow, .wt .wt-anim--serve-spas .s-psh, .wt .wt-anim--serve-spas .s-sp1, .wt .wt-anim--serve-spas .s-sp2, .wt .wt-anim--serve-spas .s-sp3 { transform-box: fill-box; transform-origin: 50% 50%; }
.wt .wt-anim--serve-spas .s-light { animation: serve-spas-light var(--cycle) linear infinite both; }
.wt .wt-anim--serve-spas .s-leaves { animation: serve-spas-leaves calc(var(--cycle) / 2) linear infinite both; }
.wt .wt-anim--serve-spas .s-flame { animation: serve-spas-flame calc(var(--cycle) / 8) linear infinite both; }
.wt .wt-anim--serve-spas .s-glow { animation: serve-spas-glow calc(var(--cycle) / 4) linear infinite both; }
.wt .wt-anim--serve-spas .s-flx { animation: serve-spas-flx var(--cycle) linear infinite both; }
.wt .wt-anim--serve-spas .s-fly-y { animation: serve-spas-fly-y var(--cycle) linear infinite both; }
.wt .wt-anim--serve-spas .s-flr { animation: serve-spas-flr var(--cycle) linear infinite both; }
.wt .wt-anim--serve-spas .s-fly { animation: serve-spas-fly var(--cycle) linear infinite both; }
.wt .wt-anim--serve-spas .s-po { animation: serve-spas-po var(--cycle) linear infinite both; }
.wt .wt-anim--serve-spas .s-pop { animation: serve-spas-pop var(--cycle) linear infinite both; }
.wt .wt-anim--serve-spas .s-pc { animation: serve-spas-pc var(--cycle) linear infinite both; }
.wt .wt-anim--serve-spas .s-pcx { animation: serve-spas-pcx var(--cycle) linear infinite both; }
.wt .wt-anim--serve-spas .s-frill { animation: serve-spas-frill var(--cycle) linear infinite both; }
.wt .wt-anim--serve-spas .s-tag { animation: serve-spas-tag var(--cycle) linear infinite both; }
.wt .wt-anim--serve-spas .s-psh { animation: serve-spas-psh var(--cycle) linear infinite both; }
.wt .wt-anim--serve-spas .s-sp1 { animation: serve-spas-sp1 var(--cycle) linear infinite both; }
.wt .wt-anim--serve-spas .s-sp2 { animation: serve-spas-sp2 var(--cycle) linear infinite both; }
.wt .wt-anim--serve-spas .s-rst { animation: serve-spas-rst var(--cycle) linear infinite both; }
.wt .wt-anim--serve-spas .s-rsq { animation: serve-spas-rsq var(--cycle) linear infinite both; }
.wt .wt-anim--serve-spas .s-shine { animation: serve-spas-shine var(--cycle) linear infinite both; }
.wt .wt-anim--serve-spas .s-sp3 { animation: serve-spas-sp3 var(--cycle) linear infinite both; }
.wt .wt-anim--serve-spas .s-cha { animation: serve-spas-cha var(--cycle) linear infinite both; }
.wt .wt-anim--serve-spas .s-chb { animation: serve-spas-chb var(--cycle) linear infinite both; }
@keyframes serve-spas-light {
  0% { opacity: .5; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  50% { opacity: .3; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  100% { opacity: .5; }
}
@keyframes serve-spas-leaves {
  0% { transform: rotate(0deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  25% { transform: rotate(1.6deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  75% { transform: rotate(-1.6deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  100% { transform: rotate(0deg); }
}
@keyframes serve-spas-flame {
  0% { transform: scale(1, 1) rotate(0deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  30% { transform: scale(.9, 1.1) rotate(3deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  65% { transform: scale(1.05, .93) rotate(-2deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  100% { transform: scale(1, 1) rotate(0deg); }
}
@keyframes serve-spas-glow {
  0% { transform: scale(1); opacity: .35; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  50% { transform: scale(1.14); opacity: .2; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  100% { transform: scale(1); opacity: .35; }
}
@keyframes serve-spas-flx {
  0% { transform: translateX(0); }
  10% { transform: translateX(0); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  25%, 95% { transform: translateX(201px); }
  95.1%, 100% { transform: translateX(0); }
}
@keyframes serve-spas-fly-y {
  0% { transform: translateY(0); }
  9.5% { transform: translateY(0); animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  14% { transform: translateY(-58px); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  19% { transform: translateY(-84px); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  25% { transform: translateY(-42px); animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  28.5%, 95% { transform: translateY(59px); }
  95.1%, 100% { transform: translateY(0); }
}
@keyframes serve-spas-flr {
  0% { transform: scale(1, 1) rotate(0deg); }
  7% { transform: scale(1, 1) rotate(0deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  9.5% { transform: scale(1.05, .92) rotate(0deg); animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  12% { transform: scale(.97, 1.04) rotate(-4deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  19% { transform: scale(1, 1) rotate(-2deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  25% { transform: scale(.98, 1.03) rotate(2deg); animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  28.5%, 100% { transform: scale(1, 1) rotate(0deg); }
}
@keyframes serve-spas-fly {
  0%, 31.9% { opacity: 1; }
  32%, 99.3% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes serve-spas-po {
  0% { opacity: 1; }
  32.4% { opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  33.6%, 92.1% { opacity: 0; }
  92.2%, 100% { opacity: 1; }
}
@keyframes serve-spas-pop {
  0% { transform: scale(1, 1); }
  28.5% { transform: scale(1, 1); animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  30% { transform: scale(1.04, .95); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  31.4% { transform: scale(.99, 1.02); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  32.4% { transform: scale(1, 1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  33.6%, 92.1% { transform: scale(.88, 1.03); }
  92.2% { transform: scale(1, 0); }
  94% { transform: scale(1, 0); animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  96.6% { transform: scale(1, 1.05); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  98.2% { transform: scale(1, .985); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  99.6%, 100% { transform: scale(1, 1); }
}
@keyframes serve-spas-pc {
  0% { transform: translate(0, 0) rotate(0deg); opacity: 0; }
  32.4% { transform: translate(0, 0) rotate(0deg); opacity: 0; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  33.6% { transform: translate(0, 0) rotate(0deg); opacity: 1; }
  84% { transform: translate(0, 0) rotate(0deg); opacity: 1; animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  86.5% { transform: translate(0, -26px) rotate(-3deg); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  88% { transform: translate(16px, -32px) rotate(3deg); opacity: 1; animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  92% { transform: translate(340px, -46px) rotate(-4deg); opacity: 1; }
  92.05%, 100% { transform: translate(0, 0) rotate(0deg); opacity: 0; }
}
@keyframes serve-spas-pcx {
  0% { transform: scale(1.1, .96); }
  32.4% { transform: scale(1.1, .96); animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  34.4% { transform: scale(.97, 1.02); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  36.2%, 92.05% { transform: scale(1, 1); }
  92.1%, 100% { transform: scale(1.1, .96); }
}
@keyframes serve-spas-frill {
  0% { transform: scale(1, .2); }
  32.6% { transform: scale(1, .2); animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  35.4%, 92.05% { transform: scale(1, 1); }
  92.1%, 100% { transform: scale(1, .2); }
}
@keyframes serve-spas-tag {
  0% { transform: translateY(-10px) rotate(0deg); opacity: 0; }
  34.4% { transform: translateY(-10px) rotate(0deg); opacity: 0; animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  35.8% { transform: translateY(0) rotate(14deg); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  37.6% { transform: translateY(0) rotate(-9deg); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  39.4% { transform: translateY(0) rotate(5deg); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  41.2% { transform: translateY(0) rotate(-2deg); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  43% { transform: translateY(0) rotate(0deg); opacity: 1; }
  84% { transform: translateY(0) rotate(0deg); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  86.5% { transform: translateY(0) rotate(10deg); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  88.4% { transform: translateY(0) rotate(-8deg); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  92% { transform: translateY(0) rotate(6deg); opacity: 1; }
  92.05%, 100% { transform: translateY(-10px) rotate(0deg); opacity: 0; }
}
@keyframes serve-spas-psh {
  0% { transform: scale(1); opacity: .16; }
  84% { transform: scale(1); opacity: .16; animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  86.5% { transform: scale(.72); opacity: .07; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  88.5% { transform: scale(.6); opacity: 0; }
  94.5% { transform: scale(.6); opacity: 0; animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  97%, 100% { transform: scale(1); opacity: .16; }
}
@keyframes serve-spas-sp1 {
  0% { transform: scale(0) rotate(0deg); opacity: 0; }
  34% { transform: scale(0) rotate(0deg); opacity: 0; animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  36.5% { transform: scale(1) rotate(45deg); opacity: 1; animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  40%, 100% { transform: scale(0) rotate(90deg); opacity: 0; }
}
@keyframes serve-spas-sp2 {
  0% { transform: scale(0) rotate(0deg); opacity: 0; }
  35.2% { transform: scale(0) rotate(0deg); opacity: 0; animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  37.7% { transform: scale(1) rotate(45deg); opacity: 1; animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  41.2%, 100% { transform: scale(0) rotate(90deg); opacity: 0; }
}
@keyframes serve-spas-rst {
  0%, 41% { transform: translateY(0); opacity: 0; }
  41.1% { transform: translateY(-46px); opacity: 0; animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  42.4% { transform: translateY(-38px); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  45.5%, 99.6% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(0); opacity: 0; }
}
@keyframes serve-spas-rsq {
  0% { transform: scale(1, 1); }
  45.5% { transform: scale(1, 1); animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  46.5% { transform: scale(1.03, .95); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  48.2% { transform: scale(.995, 1.01); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  49.8%, 100% { transform: scale(1, 1); }
}
@keyframes serve-spas-shine {
  0%, 48.5% { transform: translateX(0); opacity: 0; }
  48.6% { transform: translateX(0); opacity: .5; animation-timing-function: cubic-bezier(.65,0,.35,1); }
  53.5% { transform: translateX(170px); opacity: .5; }
  53.6%, 100% { transform: translateX(0); opacity: 0; }
}
@keyframes serve-spas-sp3 {
  0% { transform: scale(0) rotate(0deg); opacity: 0; }
  50% { transform: scale(0) rotate(0deg); opacity: 0; animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  52.5% { transform: scale(1) rotate(45deg); opacity: 1; animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  56%, 100% { transform: scale(0) rotate(90deg); opacity: 0; }
}
@keyframes serve-spas-cha {
  0% { transform: translateY(10px) scale(.8); opacity: 0; }
  52% { transform: translateY(10px) scale(.8); opacity: 0; animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  53.5% { transform: translateY(4px) scale(.93); opacity: 1; animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  56% { transform: translateY(0) scale(1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  64% { transform: translateY(-3px) scale(1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  76% { transform: translateY(0) scale(1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  81% { transform: translateY(-2px) scale(1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  85% { transform: translateY(0) scale(1); opacity: 1; animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  89% { transform: translateY(-10px) scale(1); opacity: 0; }
  100% { transform: translateY(10px) scale(.8); opacity: 0; }
}
@keyframes serve-spas-chb {
  0% { transform: translateY(10px) scale(.8); opacity: 0; }
  61% { transform: translateY(10px) scale(.8); opacity: 0; animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  62.5% { transform: translateY(4px) scale(.93); opacity: 1; animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  65% { transform: translateY(0) scale(1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  71% { transform: translateY(-3px) scale(1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  80% { transform: translateY(-1px) scale(1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  85% { transform: translateY(0) scale(1); opacity: 1; animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  89% { transform: translateY(-10px) scale(1); opacity: 0; }
  100% { transform: translateY(10px) scale(.8); opacity: 0; }
}