/* WTS v3 animated illustrations. Generated from site-v3/anim/. Do not edit by hand. */
.wt .wt-anim--custom-soap{--cycle:16s}
.wt .wt-anim--custom-soap .s-c{transform-box:fill-box;transform-origin:50% 50%}
.wt .wt-anim--custom-soap .s-tallow{animation:custom-soap-tallow var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-oil{animation:custom-soap-oil var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-leaf{animation:custom-soap-leaf var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-vial{animation:custom-soap-vial var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-sdrop{opacity:0;animation:custom-soap-sdrop var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-mix{animation:custom-soap-mix var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-ripple{opacity:0;animation:custom-soap-ripple var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-paddle{opacity:0;animation:custom-soap-paddle var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-stir{transform-box:view-box;transform-origin:0 0;animation:custom-soap-stir var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-tilt{transform-box:view-box;transform-origin:0 0;animation:custom-soap-tilt var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-ribbon{stroke-dasharray:100 100;stroke-dashoffset:100;opacity:0;animation:custom-soap-ribbon var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-loaf{animation:custom-soap-loaf var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-whole{opacity:0;animation:custom-soap-whole var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-sl0{transform:translateX(-10px);animation:custom-soap-sl0 var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-sl1{transform:translateX(-6px);animation:custom-soap-sl1 var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-sl2{transform:translateX(-2px);animation:custom-soap-sl2 var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-sl3{transform:translateX(2px);animation:custom-soap-sl3 var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-sl4{transform:translateX(6px);animation:custom-soap-sl4 var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-sl5{transform:translateX(10px);animation:custom-soap-sl5 var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-sl{transform-box:fill-box;transform-origin:50% 100%}
.wt .wt-anim--custom-soap .s-mold{opacity:0;animation:custom-soap-mold var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-cutter{opacity:0;animation:custom-soap-cutter var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-chk0{animation:custom-soap-chk0 var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-chk1{animation:custom-soap-chk1 var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-chk2{animation:custom-soap-chk2 var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-appr{animation:custom-soap-appr var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-rb{transform-box:fill-box;transform-origin:50% 100%;animation:custom-soap-rb00 var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-rb00{animation-name:custom-soap-rb00}
.wt .wt-anim--custom-soap .s-rb01{animation-name:custom-soap-rb01}
.wt .wt-anim--custom-soap .s-rb02{animation-name:custom-soap-rb02}
.wt .wt-anim--custom-soap .s-rb10{animation-name:custom-soap-rb10}
.wt .wt-anim--custom-soap .s-rb11{animation-name:custom-soap-rb11}
.wt .wt-anim--custom-soap .s-rb12{animation-name:custom-soap-rb12}
.wt .wt-anim--custom-soap .s-rb20{animation-name:custom-soap-rb20}
.wt .wt-anim--custom-soap .s-rb21{animation-name:custom-soap-rb21}
.wt .wt-anim--custom-soap .s-rb22{animation-name:custom-soap-rb22}
.wt .wt-anim--custom-soap .s-rb30{animation-name:custom-soap-rb30}
.wt .wt-anim--custom-soap .s-rb31{animation-name:custom-soap-rb31}
.wt .wt-anim--custom-soap .s-rb32{animation-name:custom-soap-rb32}
.wt .wt-anim--custom-soap .s-tally{animation:custom-soap-tally var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-roll{transform:translateY(-144px);animation:custom-soap-roll var(--cycle) ease-in-out infinite both}
.wt .wt-anim--custom-soap .s-spark{opacity:0;animation:custom-soap-spark var(--cycle) ease-in-out infinite both}
@keyframes custom-soap-tallow{0%,97.9%,100%{transform:none;opacity:1}1.6%{transform:translate(0,-4px);opacity:1}3.4%{transform:none;opacity:1;animation-timing-function:ease-out}5%{transform:translate(8px,-12px) rotate(-6deg);opacity:1;animation-timing-function:ease-in}8%{transform:translate(40px,66px) rotate(10deg);opacity:1;animation-timing-function:linear}8.8%{transform:translate(40px,80px) rotate(12deg) scale(.7);opacity:0}93.4%{transform:translate(0,-26px);opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}}
@keyframes custom-soap-oil{0%,98.7%,100%{transform:none;opacity:1}2.6%{transform:translate(0,-4px);opacity:1}6.4%{transform:none;opacity:1;animation-timing-function:ease-out}8.2%{transform:translate(4px,-10px);opacity:1;animation-timing-function:ease-in}11.4%{transform:translate(32px,130px);opacity:1;animation-timing-function:linear}12.2%{transform:translate(32px,144px) scale(.7);opacity:0}94.2%{transform:translate(0,-26px);opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}}
@keyframes custom-soap-leaf{0%,99.5%,100%{transform:none;opacity:1}4%{transform:translate(0,-4px) rotate(-3deg);opacity:1}9%{transform:translate(0,0) rotate(2deg);opacity:1;animation-timing-function:ease-out}11%{transform:translate(-2px,-8px) rotate(-8deg);opacity:1}12.6%{transform:translate(-12px,38px) rotate(16deg);opacity:1}14%{transform:translate(4px,88px) rotate(-12deg);opacity:1}15.4%{transform:translate(-8px,139px) rotate(10deg);opacity:1;animation-timing-function:linear}16.2%{transform:translate(-8px,155px) rotate(14deg) scale(.7);opacity:0}95%{transform:translate(0,-26px);opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}}
@keyframes custom-soap-vial{0%,8%,99.8%,100%{transform:none;opacity:1}3.4%{transform:translate(0,-4px);opacity:1}11.8%{transform:translate(0,-3px);opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1)}13.8%{transform:translate(-47px,-35px) rotate(-40deg);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1)}15.2%,17.4%{transform:translate(-47px,-29px) rotate(-115deg);opacity:1}19.2%{transform:translate(-43px,-41px) rotate(-20deg);opacity:0.8;animation-timing-function:linear}20.8%{transform:translate(-39px,-51px);opacity:0}95.8%{transform:translate(0,-26px);opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}}
@keyframes custom-soap-sdrop{0%,15.4%,100%{transform:translate(0,0) scale(.3);opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}16.2%{transform:translate(0,2px) scale(1);opacity:1}16.7%{transform:translate(0,4px) scale(1);opacity:1;animation-timing-function:ease-in}18.6%{transform:translate(0,102px) scale(1);opacity:1;animation-timing-function:linear}19.1%{transform:translate(0,112px) scale(.6);opacity:0}}
@keyframes custom-soap-mix{0%,7.6%,98%,100%{opacity:0;animation-timing-function:linear}20%,94%{opacity:1;animation-timing-function:linear}}
@keyframes custom-soap-ripple{0%,7.85%,11.25%,15.25%,18.45%,100%{transform:scale(.3);opacity:0;animation-timing-function:linear}8.3%,11.7%,15.7%,18.9%{transform:scale(.55);opacity:.95;animation-timing-function:ease-out}10%,13.4%,17.4%,20.6%{transform:scale(1.45);opacity:0}}
@keyframes custom-soap-paddle{0%,16%,100%{transform:translate(-30px,-60px);opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}19%,27.6%,62.6%,89.6%{transform:translate(0,0);opacity:1;animation-timing-function:ease-in}30%,59.4%{transform:translate(-26px,-58px);opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}92.2%{transform:translate(-26px,-58px);opacity:0}}
@keyframes custom-soap-stir{0%,19%,27.8%,63%,89.6%,100%{transform:rotate(0)}21.2%{transform:rotate(8deg)}23.4%{transform:rotate(-7deg)}25.6%{transform:rotate(6deg)}70%{transform:rotate(4deg)}78%{transform:rotate(-3deg)}85%{transform:rotate(3deg)}}
@keyframes custom-soap-tilt{0%,29.4%,43.6%,100%{transform:rotate(0)}31%{transform:rotate(-3deg);animation-timing-function:cubic-bezier(.65,0,.35,1)}33.6%,39.4%{transform:rotate(32deg)}42%{transform:rotate(-2.5deg)}}
@keyframes custom-soap-ribbon{0%,33%,100%{stroke-dashoffset:100;opacity:0;animation-timing-function:linear}33.2%{stroke-dashoffset:100;opacity:1;animation-timing-function:ease-in}34.8%,39.2%{stroke-dashoffset:0;opacity:1;animation-timing-function:ease-in}40.8%{stroke-dashoffset:-100;opacity:1;animation-timing-function:linear}41%{stroke-dashoffset:-100;opacity:0}}
@keyframes custom-soap-loaf{0%,34.2%,95%,100%{opacity:0;animation-timing-function:linear}38.8%,93.4%{opacity:1}}
@keyframes custom-soap-whole{0%,47.6%,97.2%,100%{opacity:1;animation-timing-function:linear}48.2%,97%{opacity:0}}
@keyframes custom-soap-sl0{0%,48.8%,97%,100%{transform:translateX(0) rotate(0);animation-timing-function:ease-out}50.6%{transform:translateX(-13px) rotate(-4.5deg)}52.2%,96.6%{transform:translateX(-10px) rotate(0)}}
@keyframes custom-soap-sl1{0%,48.8%,97%,100%{transform:translateX(0) rotate(0);animation-timing-function:ease-out}50.6%{transform:translateX(-7.8px) rotate(-2.7deg)}52.2%,96.6%{transform:translateX(-6px) rotate(0)}}
@keyframes custom-soap-sl2{0%,48.8%,97%,100%{transform:translateX(0) rotate(0);animation-timing-function:ease-out}50.6%{transform:translateX(-2.6px) rotate(-0.9deg)}52.2%,96.6%{transform:translateX(-2px) rotate(0)}}
@keyframes custom-soap-sl3{0%,48.8%,97%,100%{transform:translateX(0) rotate(0);animation-timing-function:ease-out}50.6%{transform:translateX(2.6px) rotate(0.9deg)}52.2%,96.6%{transform:translateX(2px) rotate(0)}}
@keyframes custom-soap-sl4{0%,48.8%,97%,100%{transform:translateX(0) rotate(0);animation-timing-function:ease-out}50.6%{transform:translateX(7.8px) rotate(2.7deg)}52.2%,96.6%{transform:translateX(6px) rotate(0)}}
@keyframes custom-soap-sl5{0%,48.8%,97%,100%{transform:translateX(0) rotate(0);animation-timing-function:ease-out}50.6%{transform:translateX(13px) rotate(4.5deg)}52.2%,96.6%{transform:translateX(10px) rotate(0)}}
@keyframes custom-soap-mold{0%,42.2%,99.2%,100%{transform:translate(0,0);opacity:1}43%{transform:translate(0,-3px);opacity:1;animation-timing-function:ease-in}45.2%,95.2%{transform:translate(0,28px);opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}}
@keyframes custom-soap-cutter{0%,44.2%,100%{transform:translate(0,-112px);opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}46%{transform:translate(0,-66px);opacity:1}47%{transform:translate(0,-73px);opacity:1;animation-timing-function:ease-in}48.2%,48.8%{transform:translate(0,0);opacity:1;animation-timing-function:ease-out}50.6%{transform:translate(0,-40px);opacity:0}}
@keyframes custom-soap-chk0{0%,51.4%,100%{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}52.6%,93.4%{transform:scale(1);opacity:1}95.4%{transform:scale(.5);opacity:0}}
@keyframes custom-soap-chk1{0%,53%,100%{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}54.2%,93.4%{transform:scale(1);opacity:1}95.4%{transform:scale(.5);opacity:0}}
@keyframes custom-soap-chk2{0%,54.6%,100%{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}55.8%,93.4%{transform:scale(1);opacity:1}95.4%{transform:scale(.5);opacity:0}}
@keyframes custom-soap-appr{0%,56.2%,100%{transform:scale(.7);opacity:0;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}57.8%,93.4%{transform:scale(1);opacity:1}95.6%{transform:scale(.9);opacity:0}}
@keyframes custom-soap-rb00{0%,58.6%,100%{transform:translateY(-16px);opacity:0;animation-timing-function:ease-in}59.4%{transform:translateY(0) scale(1.06,.9);opacity:1;animation-timing-function:ease-out}60.2%,93%{transform:none;opacity:1}95.2%{transform:translateY(-5px);opacity:0}}
@keyframes custom-soap-rb01{0%,59.7%,100%{transform:translateY(-16px);opacity:0;animation-timing-function:ease-in}60.5%{transform:translateY(0) scale(1.06,.9);opacity:1;animation-timing-function:ease-out}61.3%,93%{transform:none;opacity:1}95.2%{transform:translateY(-5px);opacity:0}}
@keyframes custom-soap-rb02{0%,60.8%,100%{transform:translateY(-16px);opacity:0;animation-timing-function:ease-in}61.6%{transform:translateY(0) scale(1.06,.9);opacity:1;animation-timing-function:ease-out}62.4%,93%{transform:none;opacity:1}95.2%{transform:translateY(-5px);opacity:0}}
@keyframes custom-soap-rb10{0%,63.2%,100%{transform:translateY(-16px);opacity:0;animation-timing-function:ease-in}64%{transform:translateY(0) scale(1.06,.9);opacity:1;animation-timing-function:ease-out}64.8%,93%{transform:none;opacity:1}95.2%{transform:translateY(-5px);opacity:0}}
@keyframes custom-soap-rb11{0%,64.3%,100%{transform:translateY(-16px);opacity:0;animation-timing-function:ease-in}65.1%{transform:translateY(0) scale(1.06,.9);opacity:1;animation-timing-function:ease-out}65.9%,93%{transform:none;opacity:1}95.2%{transform:translateY(-5px);opacity:0}}
@keyframes custom-soap-rb12{0%,65.4%,100%{transform:translateY(-16px);opacity:0;animation-timing-function:ease-in}66.2%{transform:translateY(0) scale(1.06,.9);opacity:1;animation-timing-function:ease-out}67%,93%{transform:none;opacity:1}95.2%{transform:translateY(-5px);opacity:0}}
@keyframes custom-soap-rb20{0%,67.8%,100%{transform:translateY(-16px);opacity:0;animation-timing-function:ease-in}68.6%{transform:translateY(0) scale(1.06,.9);opacity:1;animation-timing-function:ease-out}69.4%,93%{transform:none;opacity:1}95.2%{transform:translateY(-5px);opacity:0}}
@keyframes custom-soap-rb21{0%,68.9%,100%{transform:translateY(-16px);opacity:0;animation-timing-function:ease-in}69.7%{transform:translateY(0) scale(1.06,.9);opacity:1;animation-timing-function:ease-out}70.5%,93%{transform:none;opacity:1}95.2%{transform:translateY(-5px);opacity:0}}
@keyframes custom-soap-rb22{0%,70%,100%{transform:translateY(-16px);opacity:0;animation-timing-function:ease-in}70.8%{transform:translateY(0) scale(1.06,.9);opacity:1;animation-timing-function:ease-out}71.6%,93%{transform:none;opacity:1}95.2%{transform:translateY(-5px);opacity:0}}
@keyframes custom-soap-rb30{0%,72.4%,100%{transform:translateY(-16px);opacity:0;animation-timing-function:ease-in}73.2%{transform:translateY(0) scale(1.06,.9);opacity:1;animation-timing-function:ease-out}74%,93%{transform:none;opacity:1}95.2%{transform:translateY(-5px);opacity:0}}
@keyframes custom-soap-rb31{0%,73.5%,100%{transform:translateY(-16px);opacity:0;animation-timing-function:ease-in}74.3%{transform:translateY(0) scale(1.06,.9);opacity:1;animation-timing-function:ease-out}75.1%,93%{transform:none;opacity:1}95.2%{transform:translateY(-5px);opacity:0}}
@keyframes custom-soap-rb32{0%,74.6%,100%{transform:translateY(-16px);opacity:0;animation-timing-function:ease-in}75.4%{transform:translateY(0) scale(1.06,.9);opacity:1;animation-timing-function:ease-out}76.2%,93%{transform:none;opacity:1}95.2%{transform:translateY(-5px);opacity:0}}
@keyframes custom-soap-tally{0%,61.2%,100%{transform:translateY(8px) scale(.8);opacity:0;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}62.8%,76.6%,79%,89%,93%{transform:translateY(0) scale(1);opacity:1}77.6%{transform:translateY(0) scale(1.1);opacity:1}84.5%{transform:translateY(-3px) scale(1);opacity:1}95.4%{transform:translateY(4px) scale(.9);opacity:0}}
@keyframes custom-soap-roll{0%,66.4%,96.4%,100%{transform:translateY(0);animation-timing-function:cubic-bezier(.34,1.35,.64,1)}67.2%,71%{transform:translateY(-48px);animation-timing-function:cubic-bezier(.34,1.35,.64,1)}71.8%,75.6%{transform:translateY(-96px);animation-timing-function:cubic-bezier(.34,1.35,.64,1)}76.4%,96%{transform:translateY(-144px)}}
@keyframes custom-soap-spark{0%,77%{transform:scale(0) rotate(0);opacity:0;animation-timing-function:ease-out}78.2%{transform:scale(1) rotate(45deg);opacity:1;animation-timing-function:ease-in}80.4%,100%{transform:scale(0) rotate(90deg);opacity:0}}