/* WTS v3 animated illustrations. Generated from site-v3/anim/. Do not edit by hand. */
.wt .wt-anim--serve-med-spas { --cycle: 14s; }
.wt .wt-anim--serve-med-spas .s-hx { transform: translateX(106px); }
.wt .wt-anim--serve-med-spas .s-hy { transform: translateY(36px); }
.wt .wt-anim--serve-med-spas .s-card, .wt .wt-anim--serve-med-spas .s-sp1 { opacity: 0; }
.wt .wt-anim--serve-med-spas .s-lamp { transform-box: view-box; transform-origin: 596px 0; }
.wt .wt-anim--serve-med-spas .s-euc { transform-box: view-box; transform-origin: 40px 318px; }
.wt .wt-anim--serve-med-spas .s-hr, .wt .wt-anim--serve-med-spas .s-rsq, .wt .wt-anim--serve-med-spas .s-rcp, .wt .wt-anim--serve-med-spas .s-cha, .wt .wt-anim--serve-med-spas .s-chb { transform-box: fill-box; transform-origin: 50% 100%; }
.wt .wt-anim--serve-med-spas .s-halo, .wt .wt-anim--serve-med-spas .s-wash, .wt .wt-anim--serve-med-spas .s-chk, .wt .wt-anim--serve-med-spas .s-card, .wt .wt-anim--serve-med-spas .s-sp1, .wt .wt-anim--serve-med-spas .s-add { transform-box: fill-box; transform-origin: 50% 50%; }
.wt .wt-anim--serve-med-spas .s-rp1, .wt .wt-anim--serve-med-spas .s-rp2 { transform-box: view-box; transform-origin: 498px 336px; opacity: 0; }
.wt .wt-anim--serve-med-spas .s-tot { transform-box: fill-box; transform-origin: 100% 50%; }
.wt .wt-anim--serve-med-spas .s-line { transform-box: fill-box; transform-origin: 0 50%; }
.wt .wt-anim--serve-med-spas .s-lamp { animation: serve-med-spas-lamp calc(var(--cycle) / 2) linear infinite both; }
.wt .wt-anim--serve-med-spas .s-halo { animation: serve-med-spas-halo calc(var(--cycle) / 4) linear infinite both; }
.wt .wt-anim--serve-med-spas .s-wash { animation: serve-med-spas-wash var(--cycle) linear infinite both; }
.wt .wt-anim--serve-med-spas .s-euc { animation: serve-med-spas-euc calc(var(--cycle) / 2) linear infinite both; }
.wt .wt-anim--serve-med-spas .s-hx { animation: serve-med-spas-hx var(--cycle) linear infinite both; }
.wt .wt-anim--serve-med-spas .s-hy { animation: serve-med-spas-hy var(--cycle) linear infinite both; }
.wt .wt-anim--serve-med-spas .s-hr { animation: serve-med-spas-hr var(--cycle) linear infinite both; }
.wt .wt-anim--serve-med-spas .s-buy { animation: serve-med-spas-buy var(--cycle) linear infinite both; }
.wt .wt-anim--serve-med-spas .s-line { animation: serve-med-spas-line var(--cycle) linear infinite both; }
.wt .wt-anim--serve-med-spas .s-add { animation: serve-med-spas-add var(--cycle) linear infinite both; }
.wt .wt-anim--serve-med-spas .s-tot { animation: serve-med-spas-tot var(--cycle) linear infinite both; }
.wt .wt-anim--serve-med-spas .s-card { animation: serve-med-spas-card var(--cycle) linear infinite both; }
.wt .wt-anim--serve-med-spas .s-cl1 { animation: serve-med-spas-cl1 var(--cycle) linear infinite both; }
.wt .wt-anim--serve-med-spas .s-cl2 { animation: serve-med-spas-cl2 var(--cycle) linear infinite both; }
.wt .wt-anim--serve-med-spas .s-rp1 { animation: serve-med-spas-rp1 var(--cycle) linear infinite both; }
.wt .wt-anim--serve-med-spas .s-rp2 { animation: serve-med-spas-rp2 var(--cycle) linear infinite both; }
.wt .wt-anim--serve-med-spas .s-paid { animation: serve-med-spas-paid var(--cycle) linear infinite both; }
.wt .wt-anim--serve-med-spas .s-chk { animation: serve-med-spas-chk var(--cycle) linear infinite both; }
.wt .wt-anim--serve-med-spas .s-sp1 { animation: serve-med-spas-sp1 var(--cycle) linear infinite both; }
.wt .wt-anim--serve-med-spas .s-rcp { animation: serve-med-spas-rcp var(--cycle) linear infinite both; }
.wt .wt-anim--serve-med-spas .s-rst { animation: serve-med-spas-rst var(--cycle) linear infinite both; }
.wt .wt-anim--serve-med-spas .s-rsq { animation: serve-med-spas-rsq var(--cycle) linear infinite both; }
.wt .wt-anim--serve-med-spas .s-cha { animation: serve-med-spas-cha var(--cycle) linear infinite both; }
.wt .wt-anim--serve-med-spas .s-chb { animation: serve-med-spas-chb var(--cycle) linear infinite both; }
@keyframes serve-med-spas-lamp {
  0% { transform: rotate(0deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  25% { transform: rotate(1.2deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  75% { transform: rotate(-1.2deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  100% { transform: rotate(0deg); }
}
@keyframes serve-med-spas-halo {
  0% { transform: scale(1); opacity: .22; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  50% { transform: scale(1.1); opacity: .12; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  100% { transform: scale(1); opacity: .22; }
}
@keyframes serve-med-spas-wash {
  0% { transform: scale(1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  50% { transform: scale(1.05); opacity: .65; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes serve-med-spas-euc {
  0% { transform: rotate(0deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  25% { transform: rotate(-1.8deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  75% { transform: rotate(1.4deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  100% { transform: rotate(0deg); }
}
@keyframes serve-med-spas-hx {
  0% { transform: translateX(0); }
  10.5% { transform: translateX(0); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  20%, 90% { transform: translateX(106px); }
  90.1%, 100% { transform: translateX(0); }
}
@keyframes serve-med-spas-hy {
  0% { transform: translateY(0); }
  10.5% { transform: translateY(0); animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  15% { transform: translateY(-66px); animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  20% { transform: translateY(36px); }
  86% { transform: translateY(36px); animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  90% { transform: translateY(-8px); }
  90.1%, 100% { transform: translateY(0); }
}
@keyframes serve-med-spas-hr {
  0% { transform: scale(1, 1) rotate(0deg); }
  8% { transform: scale(1, 1) rotate(0deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  10.5% { transform: scale(1.05, .92) rotate(0deg); animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  12.5% { transform: scale(.97, 1.04) rotate(-5deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  18% { transform: scale(1, 1) rotate(3deg); animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  20% { transform: scale(1, 1) rotate(0deg); animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  21.2% { transform: scale(1.06, .92) rotate(0deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  23% { transform: scale(.99, 1.02) rotate(0deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  24.6% { transform: scale(1, 1) rotate(0deg); }
  86% { transform: scale(1, 1) rotate(0deg); animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  90% { transform: scale(1, 1) rotate(-4deg); }
  90.1%, 100% { transform: scale(1, 1) rotate(0deg); }
}
@keyframes serve-med-spas-buy {
  0% { opacity: 1; }
  86.5% { opacity: 1; animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  89.5%, 99.3% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes serve-med-spas-line {
  0% { transform: translateX(-8px); opacity: 0; }
  20.5% { transform: translateX(-8px); opacity: 0; animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  23.5% { transform: translateX(0); opacity: 1; }
  93% { transform: translateX(0); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  96% { transform: translateX(0); opacity: 0; }
  100% { transform: translateX(-8px); opacity: 0; }
}
@keyframes serve-med-spas-add {
  0% { transform: scale(0); opacity: 1; }
  20.6% { transform: scale(0); opacity: 1; animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  22.8% { transform: scale(1); opacity: 1; }
  93% { transform: scale(1); opacity: 1; animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  95.5%, 100% { transform: scale(0); opacity: 1; }
}
@keyframes serve-med-spas-tot {
  0% { transform: scaleX(.62); }
  21.5% { transform: scaleX(.62); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  24.5% { transform: scaleX(1); }
  93% { transform: scaleX(1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  96%, 100% { transform: scaleX(.62); }
}
@keyframes serve-med-spas-card {
  0% { transform: translate(150px, 8px) rotate(6deg); opacity: 0; }
  27% { transform: translate(150px, 8px) rotate(6deg); opacity: 0; animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  31% { transform: translate(0, 0) rotate(-3deg); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  32.2% { transform: translate(-3px, -4px) rotate(-3deg); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  33.6% { transform: translate(0, 0) rotate(-3deg); opacity: 1; }
  40.5% { transform: translate(0, 0) rotate(-3deg); opacity: 1; animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  44.5% { transform: translate(160px, 10px) rotate(4deg); opacity: 0; }
  100% { transform: translate(150px, 8px) rotate(6deg); opacity: 0; }
}
@keyframes serve-med-spas-cl1 {
  0% { opacity: 1; }
  31% { opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  32.5% { opacity: .2; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  34% { opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  35.5% { opacity: .2; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  37%, 100% { opacity: 1; }
}
@keyframes serve-med-spas-rp1 {
  0% { transform: scale(.7); opacity: 0; }
  31% { transform: scale(.7); opacity: 0; animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  32% { transform: scale(.85); opacity: .9; animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  34.5%, 100% { transform: scale(1.35); opacity: 0; }
}
@keyframes serve-med-spas-rp2 {
  0% { transform: scale(.7); opacity: 0; }
  33.4% { transform: scale(.7); opacity: 0; animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  34.4% { transform: scale(.85); opacity: .9; animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  36.9%, 100% { transform: scale(1.35); opacity: 0; }
}
@keyframes serve-med-spas-cl2 {
  0% { opacity: 1; }
  31.8% { opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  33.3% { opacity: .2; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  34.8% { opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  36.3% { opacity: .2; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  37.8%, 100% { opacity: 1; }
}
@keyframes serve-med-spas-paid {
  0% { opacity: 0; }
  36.8% { opacity: 0; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  38% { opacity: 1; }
  93% { opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  96%, 100% { opacity: 0; }
}
@keyframes serve-med-spas-chk {
  0% { transform: scale(0); }
  37.2% { transform: scale(0); animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  39.4% { transform: scale(1); }
  93% { transform: scale(1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  96% { transform: scale(.8); }
  100% { transform: scale(0); }
}
@keyframes serve-med-spas-sp1 {
  0% { transform: scale(0) rotate(0deg); opacity: 0; }
  38.4% { transform: scale(0) rotate(0deg); opacity: 0; animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  40.9% { transform: scale(1) rotate(45deg); opacity: 1; animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  44.4%, 100% { transform: scale(0) rotate(90deg); opacity: 0; }
}
@keyframes serve-med-spas-rcp {
  0% { transform: translateY(92px) rotate(0deg); opacity: 1; }
  40% { transform: translateY(92px) rotate(0deg); opacity: 1; animation-timing-function: cubic-bezier(.3,.1,.6,1); }
  50% { transform: translateY(0) rotate(0deg); opacity: 1; }
  86.5% { transform: translateY(0) rotate(0deg); opacity: 1; animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  90% { transform: translateY(-26px) rotate(-5deg); opacity: 0; }
  90.1%, 100% { transform: translateY(92px) rotate(0deg); opacity: 1; }
}
@keyframes serve-med-spas-rst {
  0%, 49% { transform: translateY(0); opacity: 0; }
  49.1% { transform: translateY(-44px); opacity: 0; animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  50.4% { transform: translateY(-36px); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  53.4%, 99.6% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(0); opacity: 0; }
}
@keyframes serve-med-spas-rsq {
  0% { transform: scale(1, 1); }
  53.4% { transform: scale(1, 1); animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  54.4% { transform: scale(1.03, .95); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  56% { transform: scale(.995, 1.01); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  57.5%, 100% { transform: scale(1, 1); }
}
@keyframes serve-med-spas-cha {
  0% { transform: translateY(10px) scale(.8); opacity: 0; }
  56% { transform: translateY(10px) scale(.8); opacity: 0; animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  57.5% { transform: translateY(4px) scale(.93); opacity: 1; animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  60% { transform: translateY(0) scale(1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  66% { 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); }
  80% { transform: translateY(-2px) scale(1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  84% { transform: translateY(0) scale(1); opacity: 1; animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  88% { transform: translateY(-10px) scale(1); opacity: 0; }
  100% { transform: translateY(10px) scale(.8); opacity: 0; }
}
@keyframes serve-med-spas-chb {
  0% { transform: translateY(10px) scale(.8); opacity: 0; }
  64% { transform: translateY(10px) scale(.8); opacity: 0; animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  65.5% { transform: translateY(4px) scale(.93); opacity: 1; animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  68% { transform: translateY(0) scale(1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  72% { transform: translateY(-3px) scale(1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  79% { transform: translateY(-1px) scale(1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  84% { transform: translateY(0) scale(1); opacity: 1; animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  88% { transform: translateY(-10px) scale(1); opacity: 0; }
  100% { transform: translateY(10px) scale(.8); opacity: 0; }
}