/* WTS v3 animated illustrations. Generated from site-v3/anim/. Do not edit by hand. */
.wt .wt-anim--curing { --cycle: 12s; }
.wt .wt-anim--curing .s-pc, .wt .wt-anim--curing .s-open, .wt .wt-anim--curing .s-fr, .wt .wt-anim--curing .s-w { opacity: 0; }
.wt .wt-anim--curing .s-pk, .wt .wt-anim--curing .s-pksh { transform: translateX(99.0px); }
.wt .wt-anim--curing .s-fill { stroke-dasharray: 1 1.2; }
.wt .wt-anim--curing .s-dot, .wt .wt-anim--curing .s-check, .wt .wt-anim--curing .s-ready { transform-box: fill-box; transform-origin: 50% 50%; }
.wt .wt-anim--curing .s-open, .wt .wt-anim--curing .s-bar, .wt .wt-anim--curing .s-pc { transform-box: fill-box; transform-origin: 50% 100%; }
.wt .wt-anim--curing .s-tag, .wt .wt-anim--curing .s-slabel { transform-box: fill-box; transform-origin: 50% 0; }
.wt .wt-anim--curing .s-fill { animation: curing-fill var(--cycle) linear infinite both; }
.wt .wt-anim--curing .s-dot { animation: curing-dot var(--cycle) linear infinite both; }
.wt .wt-anim--curing .s-cutter { animation: curing-cutter var(--cycle) linear infinite both; }
.wt .wt-anim--curing .s-loaf { animation: curing-loaf var(--cycle) linear infinite both; }
.wt .wt-anim--curing .s-pc1 { animation: curing-pc1 var(--cycle) linear infinite both; }
.wt .wt-anim--curing .s-pc2 { animation: curing-pc2 var(--cycle) linear infinite both; }
.wt .wt-anim--curing .s-pc3 { animation: curing-pc3 var(--cycle) linear infinite both; }
.wt .wt-anim--curing .s-pk { animation: curing-pk var(--cycle) linear infinite both; }
.wt .wt-anim--curing .s-pksh { animation: curing-pksh var(--cycle) linear infinite both; }
.wt .wt-anim--curing .s-open { animation: curing-open var(--cycle) linear infinite both; }
.wt .wt-anim--curing .s-lid { animation: curing-lid var(--cycle) linear infinite both; }
.wt .wt-anim--curing .s-slabel { animation: curing-slabel var(--cycle) linear infinite both; }
.wt .wt-anim--curing .s-b1 { animation: curing-b1 var(--cycle) linear infinite both; }
.wt .wt-anim--curing .s-b2 { animation: curing-b2 var(--cycle) linear infinite both; }
.wt .wt-anim--curing .s-b3 { animation: curing-b3 var(--cycle) linear infinite both; }
.wt .wt-anim--curing .s-fr { animation: curing-fr var(--cycle) linear infinite both; }
.wt .wt-anim--curing .s-wl1 { animation: curing-wl1 var(--cycle) linear infinite both; }
.wt .wt-anim--curing .s-wl2 { animation: curing-wl2 var(--cycle) linear infinite both; }
.wt .wt-anim--curing .s-ws1 { animation: curing-ws1 var(--cycle) linear infinite both; }
.wt .wt-anim--curing .s-ws2 { animation: curing-ws2 var(--cycle) linear infinite both; }
.wt .wt-anim--curing .s-ws3 { animation: curing-ws3 var(--cycle) linear infinite both; }
.wt .wt-anim--curing .s-tag1 { animation: curing-tag1 var(--cycle) linear infinite both; }
.wt .wt-anim--curing .s-tag2 { animation: curing-tag2 var(--cycle) linear infinite both; }
.wt .wt-anim--curing .s-tag3 { animation: curing-tag3 var(--cycle) linear infinite both; }
.wt .wt-anim--curing .s-check { animation: curing-check var(--cycle) linear infinite both; }
.wt .wt-anim--curing .s-ready { animation: curing-ready var(--cycle) linear infinite both; }
@keyframes curing-fill {
  0%, 7.6% { opacity: 1; stroke-dashoffset: 1.05; }
  80% { opacity: 1; stroke-dashoffset: 0; }
  93% { opacity: 1; stroke-dashoffset: 0; animation-timing-function: ease-in; }
  96% { opacity: 0; stroke-dashoffset: 0; }
  96.5%, 100% { opacity: 1; stroke-dashoffset: 1.05; }
}
@keyframes curing-dot {
  0%, 7.4% { transform: scale(1); animation-timing-function: ease-out; }
  8.6% { transform: scale(1.25); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  12%, 100% { transform: scale(1); }
}
@keyframes curing-cutter {
  0%, 3% { opacity: 1; transform: translateY(0); animation-timing-function: cubic-bezier(.55,0,.9,.4); }
  7.5% { transform: translateY(58px); animation-timing-function: ease-out; }
  8.4% { transform: translateY(55px); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  12.5% { opacity: 1; transform: translateY(0); animation-timing-function: ease-in; }
  15%, 95.5% { opacity: 0; transform: translateY(-24px); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  99.5%, 100% { opacity: 1; transform: translateY(0); }
}
@keyframes curing-loaf {
  0%, 7.5% { opacity: 1; transform: translateY(0); }
  7.6%, 96% { opacity: 0; transform: translateY(-12px); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  99.5%, 100% { opacity: 1; transform: translateY(0); }
}
@keyframes curing-pc3 {
  0%, 7.5% { opacity: 0; transform: translate(0, 0); }
  7.6% { opacity: 1; transform: translate(0, 0); animation-timing-function: cubic-bezier(.25,.6,.4,1); }
  10% { transform: translate(5px, 0px); }
  12% { transform: translate(5px, 0px); animation-timing-function: ease-out; }
  13.6% { transform: translate(50.7px, -30px); animation-timing-function: ease-in; }
  15.4% { opacity: 1; transform: translate(113.8px, 98px); animation-timing-function: linear; }
  16.2% { opacity: 0; transform: translate(113.8px, 124px); }
  16.3%, 100% { opacity: 0; transform: translate(0, 0); }
}
@keyframes curing-pc2 {
  0%, 7.5% { opacity: 0; transform: translate(0, 0); }
  7.6% { opacity: 1; transform: translate(0, 0); animation-timing-function: cubic-bezier(.25,.6,.4,1); }
  10% { transform: translate(0px, 0px); }
  13.6% { transform: translate(0px, 0px); animation-timing-function: ease-out; }
  15.2% { transform: translate(71.5px, -30px); animation-timing-function: ease-in; }
  17% { opacity: 1; transform: translate(170.2px, 98px); animation-timing-function: linear; }
  17.8% { opacity: 0; transform: translate(170.2px, 124px); }
  17.9%, 100% { opacity: 0; transform: translate(0, 0); }
}
@keyframes curing-pc1 {
  0%, 7.5% { opacity: 0; transform: translate(0, 0); }
  7.6% { opacity: 1; transform: translate(0, 0); animation-timing-function: cubic-bezier(.25,.6,.4,1); }
  10% { transform: translate(-5px, 0px); }
  15.2% { transform: translate(-5px, 0px); animation-timing-function: ease-out; }
  16.8% { transform: translate(92.3px, -30px); animation-timing-function: ease-in; }
  18.6% { opacity: 1; transform: translate(226.6px, 98px); animation-timing-function: linear; }
  19.4% { opacity: 0; transform: translate(226.6px, 124px); }
  19.5%, 100% { opacity: 0; transform: translate(0, 0); }
}
@keyframes curing-pk {
  0%, 22% { opacity: 1; transform: translate(0, 0); animation-timing-function: ease-out; }
  24.3% { transform: translate(33.0px, -12px); animation-timing-function: ease-in; }
  26.6% { transform: translate(66.0px, 0px); animation-timing-function: ease-out; }
  28.9% { transform: translate(99.0px, -12px); animation-timing-function: ease-in; }
  31.2% { transform: translate(132.0px, 0px); animation-timing-function: ease-out; }
  33.5% { transform: translate(165.0px, -12px); animation-timing-function: ease-in; }
  35.8% { transform: translate(198.0px, 0px); animation-timing-function: ease-out; }
  37% { transform: translate(198px, -3px); animation-timing-function: ease-in; }
  38%, 47% { opacity: 1; transform: translate(198px, 0px); animation-timing-function: ease-in; }
  51% { opacity: 0; transform: translate(220px, 0px); }
  95.9% { opacity: 0; transform: translate(220px, 0px); }
  96% { opacity: 0; transform: translate(0, -12px); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  100% { opacity: 1; transform: translate(0, 0); }
}
@keyframes curing-pksh {
  0%, 22% { opacity: 1; transform: translateX(0); }
  24.3% { transform: translateX(33.0px); }
  26.6% { transform: translateX(66.0px); }
  28.9% { transform: translateX(99.0px); }
  31.2% { transform: translateX(132.0px); }
  33.5% { transform: translateX(165.0px); }
  35.8% { transform: translateX(198.0px); }
  38%, 47% { opacity: 1; transform: translateX(198px); animation-timing-function: ease-in; }
  51% { opacity: 0; transform: translateX(220px); }
  95.9% { opacity: 0; transform: translateX(220px); }
  96% { opacity: 0; transform: translateX(0); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  100% { opacity: 1; transform: translateX(0); }
}
@keyframes curing-open {
  0%, 18.5% { opacity: 1; transform: scaleY(1); animation-timing-function: cubic-bezier(.5,0,.75,0); }
  20.5% { opacity: 1; transform: scaleY(.05); }
  20.6%, 36.4% { opacity: 0; transform: scaleY(.05); }
  36.5% { opacity: 1; transform: scaleY(.05); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  38.5%, 100% { opacity: 1; transform: scaleY(1); }
}
@keyframes curing-lid {
  0%, 20.3% { opacity: 0; }
  20.5%, 36.4% { opacity: 1; }
  36.5%, 100% { opacity: 0; }
}
@keyframes curing-slabel {
  0%, 20.8% { opacity: 0; transform: scale(.3); animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  23.5%, 50% { opacity: 1; transform: scale(1); }
  51%, 100% { opacity: 0; transform: scale(.3); }
}
@keyframes curing-b1 {
  0%, 39% { opacity: 0; transform: translate(88.6px, 142px); animation-timing-function: ease-out; }
  39.5% { opacity: 1; }
  41% { transform: translate(39.9px, -34px); animation-timing-function: ease-in; }
  43% { transform: translate(0, 0) scale(1.05, .9); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  44.5%, 93% { opacity: 1; transform: translate(0, 0) scale(1); animation-timing-function: ease-in; }
  96.5% { opacity: 0; transform: translate(24px, 0) scale(1); }
  97%, 100% { opacity: 0; transform: translate(88.6px, 142px); }
}
@keyframes curing-b2 {
  0%, 41% { opacity: 0; transform: translate(12.6px, 142px); animation-timing-function: ease-out; }
  41.5% { opacity: 1; }
  43% { transform: translate(5.7px, -34px); animation-timing-function: ease-in; }
  45% { transform: translate(0, 0) scale(1.05, .9); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  46.5%, 93% { opacity: 1; transform: translate(0, 0) scale(1); animation-timing-function: ease-in; }
  96.5% { opacity: 0; transform: translate(24px, 0) scale(1); }
  97%, 100% { opacity: 0; transform: translate(12.6px, 142px); }
}
@keyframes curing-b3 {
  0%, 43% { opacity: 0; transform: translate(-63.4px, 142px); animation-timing-function: ease-out; }
  43.5% { opacity: 1; }
  45% { transform: translate(-28.5px, -34px); animation-timing-function: ease-in; }
  47% { transform: translate(0, 0) scale(1.05, .9); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  48.5%, 93% { opacity: 1; transform: translate(0, 0) scale(1); animation-timing-function: ease-in; }
  96.5% { opacity: 0; transform: translate(24px, 0) scale(1); }
  97%, 100% { opacity: 0; transform: translate(-63.4px, 142px); }
}
@keyframes curing-fr {
  0%, 50% { opacity: 1; animation-timing-function: ease-in-out; }
  78%, 96.9% { opacity: 0; }
  97%, 100% { opacity: 1; }
}
@keyframes curing-wl1 { 0% { opacity: 0.90; transform: translateY(-2.0px); } 10% { opacity: 0; transform: translateY(-22px); } 95.9% { opacity: 0; transform: translateY(-22px); } 96% { opacity: 0; transform: translateY(6px); } 100% { opacity: 0.90; transform: translateY(-2.0px); } }
@keyframes curing-wl2 { 0% { opacity: 0.40; transform: translateY(2.0px); } 12% { opacity: 0; transform: translateY(-22px); } 97.9% { opacity: 0; transform: translateY(-22px); } 98% { opacity: 0; transform: translateY(6px); } 100% { opacity: 0.40; transform: translateY(2.0px); } }
@keyframes curing-ws1 { 0% { opacity: 0; transform: translateY(6px); } 48% { opacity: 0; transform: translateY(6px); } 52% { opacity: 0.9; } 62% { opacity: 0; transform: translateY(-22px); } 60% { opacity: 0; transform: translateY(6px); } 64% { opacity: 0.6; } 74% { opacity: 0; transform: translateY(-22px); } 70% { opacity: 0; transform: translateY(6px); } 74% { opacity: 0.3; } 84% { opacity: 0; transform: translateY(-22px); } 100% { opacity: 0; transform: translateY(6px); } }
@keyframes curing-ws2 { 0% { opacity: 0; transform: translateY(6px); } 51% { opacity: 0; transform: translateY(6px); } 55% { opacity: 0.85; } 65% { opacity: 0; transform: translateY(-22px); } 63% { opacity: 0; transform: translateY(6px); } 67% { opacity: 0.55; } 77% { opacity: 0; transform: translateY(-22px); } 73% { opacity: 0; transform: translateY(6px); } 77% { opacity: 0.25; } 87% { opacity: 0; transform: translateY(-22px); } 100% { opacity: 0; transform: translateY(6px); } }
@keyframes curing-ws3 { 0% { opacity: 0; transform: translateY(6px); } 54% { opacity: 0; transform: translateY(6px); } 58% { opacity: 0.9; } 68% { opacity: 0; transform: translateY(-22px); } 66% { opacity: 0; transform: translateY(6px); } 70% { opacity: 0.5; } 80% { opacity: 0; transform: translateY(-22px); } 100% { opacity: 0; transform: translateY(6px); } }
@keyframes curing-check {
  0%, 80% { opacity: 0; transform: scale(.3); animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  83.5%, 93% { opacity: 1; transform: scale(1); animation-timing-function: ease-in; }
  96%, 100% { opacity: 0; transform: scale(.3); }
}
@keyframes curing-ready {
  0%, 82% { opacity: 0; transform: translateY(8px); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  86%, 93% { opacity: 1; transform: translateY(0); animation-timing-function: ease-in; }
  96%, 100% { opacity: 0; transform: translateY(0); }
}
@keyframes curing-tag1 {
  0%, 84% { opacity: 0; transform: scaleY(.2); animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  87%, 93% { opacity: 1; transform: scaleY(1); animation-timing-function: ease-in; }
  96%, 100% { opacity: 0; transform: scaleY(1); }
}
@keyframes curing-tag2 {
  0%, 85.4% { opacity: 0; transform: scaleY(.2); animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  88.4%, 93% { opacity: 1; transform: scaleY(1); animation-timing-function: ease-in; }
  96%, 100% { opacity: 0; transform: scaleY(1); }
}
@keyframes curing-tag3 {
  0%, 86.8% { opacity: 0; transform: scaleY(.2); animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  89.8%, 93% { opacity: 1; transform: scaleY(1); animation-timing-function: ease-in; }
  96%, 100% { opacity: 0; transform: scaleY(1); }
}