/* WTS v3 animated illustrations. Generated from site-v3/anim/. Do not edit by hand. */
.wt .wt-anim--custom-balm{--cycle:14s}
.wt .wt-anim--custom-balm .s-c{transform-box:fill-box;transform-origin:50% 50%}
.wt .wt-anim--custom-balm .s-st1{animation:custom-balm-st1 calc(var(--cycle) / 4) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-st2{animation:custom-balm-st2 calc(var(--cycle) / 4) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-st3{animation:custom-balm-st3 calc(var(--cycle) / 4) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-st{opacity:.6;transform:translateY(-10px)}
.wt .wt-anim--custom-balm .s-block{transform-box:fill-box;transform-origin:50% 100%;opacity:0;animation:custom-balm-block var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-pool{transform-box:fill-box;transform-origin:50% 50%;opacity:0;animation:custom-balm-pool var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-rip{opacity:0;animation:custom-balm-rip var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-heat{opacity:.35;animation:custom-balm-heat var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-pips{animation:custom-balm-pips var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-bulb{transform-box:fill-box;transform-origin:50% 100%;}
.wt .wt-anim--custom-balm .s-bulb1{animation:custom-balm-bulb1 var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-bulb2{animation:custom-balm-bulb2 var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-d{transform-box:fill-box;transform-origin:50% 50%;opacity:0;}
.wt .wt-anim--custom-balm .s-d1{animation:custom-balm-d1 var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-d2{animation:custom-balm-d2 var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-d3{animation:custom-balm-d3 var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-whisk{opacity:0;animation:custom-balm-whisk var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-whip{transform-box:view-box;transform-origin:0 -158px;animation:custom-balm-whip var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-mound{transform-box:fill-box;transform-origin:50% 100%;transform:scale(1,.9);animation:custom-balm-mound var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-bag{opacity:0;animation:custom-balm-bag var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-sq{transform-box:fill-box;transform-origin:50% 100%;animation:custom-balm-sq var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-swA{transform-box:fill-box;transform-origin:50% 100%;animation:custom-balm-swA var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-swB{transform-box:fill-box;transform-origin:50% 100%;transform:scale(1,.25);animation:custom-balm-swB var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-lid{transform-box:fill-box;transform-origin:50% 100%;animation:custom-balm-lid var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-rid{transform:translateX(16px);animation:custom-balm-rid var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-labA{animation:custom-balm-labA var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-labB{animation:custom-balm-labB var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-lab{transform-box:fill-box;transform-origin:0% 50%;}
.wt .wt-anim--custom-balm .s-cf{transform:scaleX(0);animation:custom-balm-cf var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-cb{animation:custom-balm-cb var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-units{animation:custom-balm-units var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-spark{opacity:0;animation:custom-balm-spark var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-balm .s-glint{opacity:0;animation:custom-balm-glint var(--cycle) ease-in-out infinite both}
@keyframes custom-balm-st1{0%,100%{transform:translateY(8px);opacity:0}30%{transform:translateY(-10px);opacity:0.9}70%{transform:translateY(-32px);opacity:0.5}99.6%{transform:translateY(-48px);opacity:0}}
@keyframes custom-balm-st2{0%,100%{transform:translateY(-28.15px);opacity:0.57}7%{transform:translateY(-32px);opacity:0.5}36.6%{transform:translateY(-48px);opacity:0}37%{transform:translateY(8px);opacity:0}67%{transform:translateY(-10px);opacity:0.9}}
@keyframes custom-balm-st3{0%,100%{transform:translateY(-11.1px);opacity:0.88}38%{transform:translateY(-32px);opacity:0.5}67.6%{transform:translateY(-48px);opacity:0}68%{transform:translateY(8px);opacity:0}98%{transform:translateY(-10px);opacity:0.9}}
@keyframes custom-balm-block{0%,5%,98.6%,100%{transform:translateY(0) scale(1,1);opacity:1}9%{transform:translateY(0) scale(1.04,.88);opacity:1}14%{transform:translateY(0) scale(1.12,.55);opacity:1}18.5%{transform:translateY(0) scale(1.2,.22);opacity:.7;animation-timing-function:linear}20.5%{transform:translateY(0) scale(1.22,.1);opacity:0}94.4%{transform:translateY(-26px) scale(1,1);opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}}
@keyframes custom-balm-pool{0%,8%,100%{transform:scaleX(.5);opacity:0}20%,37%{transform:scaleX(1);opacity:1;animation-timing-function:linear}44%{transform:scaleX(1);opacity:0}}
@keyframes custom-balm-rip{0%,21.85%,26.05%,29.65%,100%{transform:scale(.3);opacity:0;animation-timing-function:linear}22.3%,26.5%,30.1%{transform:scale(.6);opacity:.95;animation-timing-function:ease-out}24.2%,28.4%,32%{transform:scale(1.5);opacity:0}}
@keyframes custom-balm-heat{0%,48%,100%{opacity:.35}8%,24%,40%{opacity:1}16%,32%{opacity:.45}}
@keyframes custom-balm-pips{0%,30.2%,99.5%,100%{transform:translate(0,0);opacity:1;animation-timing-function:ease-in}32.8%{transform:translate(-8px,-64px);opacity:0}95%{transform:translate(0,-40px);opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}}
@keyframes custom-balm-bulb1{0%,18%,20.2%,22.2%,24.4%,100%{transform:scaleY(1)}19%,23.2%{transform:scaleY(.74);animation-timing-function:ease-out}}
@keyframes custom-balm-bulb2{0%,25.8%,28%,100%{transform:scaleY(1)}26.8%{transform:scaleY(.74);animation-timing-function:ease-out}}
@keyframes custom-balm-d1{0%,19%,100%{transform:translate(0,0) scale(.2);opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}19.6%{transform:translate(0,3px) scale(1);opacity:1}20.1%{transform:translate(0,5px) scale(1);opacity:1;animation-timing-function:ease-in}21.9%{transform:translate(0,72px) scale(1);opacity:1;animation-timing-function:linear}22.3%{transform:translate(0,78px) scale(.6);opacity:0}}
@keyframes custom-balm-d2{0%,23.2%,100%{transform:translate(0,0) scale(.2);opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}23.8%{transform:translate(0,3px) scale(1);opacity:1}24.3%{transform:translate(0,5px) scale(1);opacity:1;animation-timing-function:ease-in}26.1%{transform:translate(0,72px) scale(1);opacity:1;animation-timing-function:linear}26.5%{transform:translate(0,78px) scale(.6);opacity:0}}
@keyframes custom-balm-d3{0%,26.8%,100%{transform:translate(0,0) scale(.2);opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}27.4%{transform:translate(0,3px) scale(1);opacity:1}27.9%{transform:translate(0,5px) scale(1);opacity:1;animation-timing-function:ease-in}29.7%{transform:translate(0,86px) scale(1);opacity:1;animation-timing-function:linear}30.1%{transform:translate(0,92px) scale(.6);opacity:0}}
@keyframes custom-balm-whisk{0%,33%,100%{transform:translate(40px,-230px);opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}36.4%,45%{transform:translate(0,0);opacity:1;animation-timing-function:ease-in}48.4%{transform:translate(30px,-210px);opacity:0}}
@keyframes custom-balm-whip{0%,36.4%,45.4%,100%{transform:rotate(0)}37.4%,39.64%{transform:rotate(13deg)}38.52%,40.76%{transform:rotate(-12deg)}41.88%{transform:rotate(12deg)}43%{transform:rotate(-10deg)}44.12%{transform:rotate(7deg)}}
@keyframes custom-balm-mound{0%,36.4%,96.8%,100%{transform:scale(.6,.1);opacity:0;animation-timing-function:ease-out}40%{transform:scale(.9,.5);opacity:1}44.2%{transform:scale(1.03,1.08);opacity:1}46.6%,48.4%{transform:scale(1,1);opacity:1}51%{transform:scale(1,.86);opacity:1;animation-timing-function:ease-out}53%,94%{transform:scale(1,.9);opacity:1;animation-timing-function:ease-in}}
@keyframes custom-balm-bag{0%,47.4%,100%{transform:translate(0,26px) scale(.6);opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}50.8%{transform:translate(0,-92px) scale(1);opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1)}54.4%{transform:translate(214px,-10px) scale(1);opacity:1;animation-timing-function:linear}58.4%{transform:translate(214px,-94px) scale(1);opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1)}61.4%{transform:translate(376px,36px) scale(1);opacity:1;animation-timing-function:linear}64.4%{transform:translate(376px,-26px) scale(1);opacity:1;animation-timing-function:ease-in}67.6%{transform:translate(440px,-112px) scale(1);opacity:0}}
@keyframes custom-balm-sq{0%,54.4%,58.6%,61.4%,64.8%,100%{transform:scaleX(1)}55.4%,62.4%{transform:scaleX(.9)}57.6%,64%{transform:scaleX(.92)}}
@keyframes custom-balm-swA{0%,54.4%,96.4%,100%{transform:scale(.8,0);opacity:0;animation-timing-function:linear}54.8%{transform:scale(.8,.08);opacity:1;animation-timing-function:ease-out}58.4%{transform:scale(1,1.05);opacity:1}59.6%,93.8%{transform:scale(1,1);opacity:1;animation-timing-function:ease-in}}
@keyframes custom-balm-swB{0%,61.4%,96%,100%{transform:scale(.8,0);opacity:0;animation-timing-function:linear}61.8%{transform:scale(.8,.08);opacity:1;animation-timing-function:ease-out}64.4%{transform:scale(1,1.05);opacity:1}65.4%,68.1%{transform:scale(1,1);opacity:1;animation-timing-function:ease-in}68.5%,93.6%{transform:scale(1,.25);opacity:1;animation-timing-function:ease-in}}
@keyframes custom-balm-lid{0%,66%,100%{transform:translateY(-120px) scale(1,1);opacity:0;animation-timing-function:linear}66.6%{transform:translateY(-96px) scale(1,1);opacity:1;animation-timing-function:ease-in}68.4%{transform:translateY(0) scale(1.05,.86);opacity:1;animation-timing-function:ease-out}69.4%,93.4%{transform:translateY(0) scale(1,1);opacity:1;animation-timing-function:ease-in}95.6%{transform:translateY(-46px) scale(1,1);opacity:0}}
@keyframes custom-balm-rid{0%,69%,96.2%,100%{transform:translateX(0)}71.8%,96%{transform:translateX(16px)}}
@keyframes custom-balm-labA{0%,70%,95.4%,100%{transform:scaleX(0);opacity:0;animation-timing-function:linear}70.3%{transform:scaleX(.05);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1)}73.4%,93.4%{transform:scaleX(1);opacity:1;animation-timing-function:ease-in}}
@keyframes custom-balm-labB{0%,71.2%,95.4%,100%{transform:scaleX(0);opacity:0;animation-timing-function:linear}71.5%{transform:scaleX(.05);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1)}74.6%,93.4%{transform:scaleX(1);opacity:1;animation-timing-function:ease-in}}
@keyframes custom-balm-cf{0%,75%,96.6%,100%{transform:scaleX(1);animation-timing-function:ease-in}76.6%,94.8%{transform:scaleX(0);animation-timing-function:ease-out}}
@keyframes custom-balm-cb{0%,76.6%,94.8%,100%{transform:scaleX(0);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}78.6%,93.2%{transform:scaleX(1);animation-timing-function:ease-in}}
@keyframes custom-balm-units{0%,78.4%,95%,100%{transform:translateY(8px);opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}80.4%,94.8%{transform:translateY(0);opacity:1}}
@keyframes custom-balm-spark{0%,78.2%{transform:scale(0) rotate(0);opacity:0;animation-timing-function:ease-out}79.6%{transform:scale(1) rotate(45deg);opacity:1;animation-timing-function:ease-in}82%,100%{transform:scale(0) rotate(90deg);opacity:0}}
@keyframes custom-balm-glint{0%,83.4%,100%{transform:translateX(0);opacity:0;animation-timing-function:linear}83.6%{transform:translateX(0);opacity:1}88%{transform:translateX(230px);opacity:1;animation-timing-function:linear}88.2%{transform:translateX(230px);opacity:0}}