/* WTS v3 animated illustrations. Generated from site-v3/anim/. Do not edit by hand. */
.wt .wt-anim--private-label { --cycle: 12s; }
.wt .wt-anim--private-label .s-lk2,
.wt .wt-anim--private-label .s-lk3,
.wt .wt-anim--private-label .s-lk4,
.wt .wt-anim--private-label[data-look="2"] .s-lk1,
.wt .wt-anim--private-label[data-look="3"] .s-lk1,
.wt .wt-anim--private-label[data-look="4"] .s-lk1 { display: none; }
.wt .wt-anim--private-label[data-look="2"] .s-lk2,
.wt .wt-anim--private-label[data-look="3"] .s-lk3,
.wt .wt-anim--private-label[data-look="4"] .s-lk4 { display: inline; }
.wt .wt-anim--private-label .s-neck,
.wt .wt-anim--private-label .s-head { transform-box: view-box; transform-origin: 0 0; }
.wt .wt-anim--private-label .s-tail { transform-box: fill-box; transform-origin: 100% 0; }
.wt .wt-anim--private-label .s-lab,
.wt .wt-anim--private-label .s-sp1,
.wt .wt-anim--private-label .s-sp2,
.wt .wt-anim--private-label .s-bsh { transform-box: fill-box; transform-origin: 50% 50%; }
.wt .wt-anim--private-label .s-fold { transform-box: fill-box; transform-origin: 0 50%; }
.wt .wt-anim--private-label .s-press,
.wt .wt-anim--private-label .s-bin,
.wt .wt-anim--private-label .s-chipa,
.wt .wt-anim--private-label .s-chipb { transform-box: fill-box; transform-origin: 50% 100%; }
.wt .wt-anim--private-label .s-b,
.wt .wt-anim--private-label .s-shine,
.wt .wt-anim--private-label .s-sp1,
.wt .wt-anim--private-label .s-sp2 { opacity: 0; }
.wt .wt-anim--private-label .s-tuft { transform-box: fill-box; transform-origin: 50% 100%; animation: private-label-tuft calc(var(--cycle) / 4) linear infinite both; }
.wt .wt-anim--private-label .s-tail { animation: private-label-tail calc(var(--cycle) / 4) linear infinite both; }
.wt .wt-anim--private-label .s-neck { animation: private-label-neck var(--cycle) linear infinite both; }
.wt .wt-anim--private-label .s-head { animation: private-label-head var(--cycle) linear infinite both; }
.wt .wt-anim--private-label .s-lab { animation: private-label-lab var(--cycle) linear infinite both; }
.wt .wt-anim--private-label .s-fold { animation: private-label-fold var(--cycle) linear infinite both; }
.wt .wt-anim--private-label .s-press { animation: private-label-press var(--cycle) linear infinite both; }
.wt .wt-anim--private-label .s-shine { animation: private-label-shine var(--cycle) linear infinite both; }
.wt .wt-anim--private-label .s-sp1 { animation: private-label-sp1 var(--cycle) linear infinite both; }
.wt .wt-anim--private-label .s-sp2 { animation: private-label-sp2 var(--cycle) linear infinite both; }
.wt .wt-anim--private-label .s-chipa { animation: private-label-chipa var(--cycle) linear infinite both; }
.wt .wt-anim--private-label .s-chipb { animation: private-label-chipb var(--cycle) linear infinite both; }
.wt .wt-anim--private-label .s-a { animation: private-label-a var(--cycle) linear infinite both; }
.wt .wt-anim--private-label .s-b { animation: private-label-b var(--cycle) linear infinite both; }
.wt .wt-anim--private-label .s-bin { animation: private-label-bin var(--cycle) linear infinite both; }
.wt .wt-anim--private-label .s-bsh { animation: private-label-bsh var(--cycle) linear infinite both; }
@keyframes private-label-tuft {
  0% { transform: rotate(0); animation-timing-function: ease-in-out; }
  50% { transform: rotate(6deg); animation-timing-function: ease-in-out; }
  100% { transform: rotate(0); }
}
@keyframes private-label-tail {
  0% { transform: rotate(0); animation-timing-function: ease-in-out; }
  30% { transform: rotate(8deg); animation-timing-function: ease-in-out; }
  62% { transform: rotate(-4deg); animation-timing-function: ease-in-out; }
  100% { transform: rotate(0); }
}
@keyframes private-label-neck {
  0%, 18% { transform: rotate(0); animation-timing-function: ease-in-out; }
  22% { transform: rotate(2deg); animation-timing-function: ease-in-out; }
  26%, 35% { transform: rotate(0); animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  41.5% { transform: rotate(-15deg); animation-timing-function: ease-in-out; }
  47% { transform: rotate(-13.5deg); animation-timing-function: ease-in-out; }
  52% { transform: rotate(-15deg); animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  59%, 72% { transform: rotate(0); animation-timing-function: ease-in-out; }
  76% { transform: rotate(2deg); animation-timing-function: ease-in-out; }
  80%, 100% { transform: rotate(0); }
}
@keyframes private-label-head {
  0%, 18% { transform: rotate(0); animation-timing-function: ease-in-out; }
  22% { transform: rotate(3deg); animation-timing-function: ease-in-out; }
  26%, 36% { transform: rotate(0); animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  42.5% { transform: rotate(-11deg); animation-timing-function: ease-in-out; }
  47% { transform: rotate(-8deg); animation-timing-function: ease-in-out; }
  51.5% { transform: rotate(-11deg); animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  58.5%, 72% { transform: rotate(0); animation-timing-function: ease-in-out; }
  76% { transform: rotate(3deg); animation-timing-function: ease-in-out; }
  80%, 100% { transform: rotate(0); }
}
@keyframes private-label-lab {
  0%, 8% { opacity: 0; transform: translate(-20px, -190px) rotate(-6deg); animation-timing-function: ease-in-out; }
  11.5% { opacity: 1; }
  15% { transform: translate(10px, -140px) rotate(4deg); animation-timing-function: ease-in-out; }
  22% { transform: translate(-9px, -86px) rotate(-3deg); animation-timing-function: ease-in-out; }
  28.5% { transform: translate(5px, -30px) rotate(1.5deg); animation-timing-function: cubic-bezier(.2, .8, .2, 1); }
  32%, 92.6% { opacity: 1; transform: translate(0, 0) rotate(0); }
  93% { opacity: 0; transform: translate(0, 0) rotate(0); }
  100% { opacity: 0; transform: translate(-20px, -190px) rotate(-6deg); }
}
@keyframes private-label-fold {
  0%, 32.4% { transform: scaleX(0); animation-timing-function: cubic-bezier(.2, .8, .2, 1); }
  35.4%, 93% { transform: scaleX(1); }
  94%, 100% { transform: scaleX(0); }
}
@keyframes private-label-press {
  0%, 32% { transform: scale(1, 1); animation-timing-function: cubic-bezier(.3, 0, .3, 1); }
  33.2% { transform: scale(1.014, .968); animation-timing-function: cubic-bezier(.3, 0, .3, 1); }
  34.8% { transform: scale(.996, 1.01); animation-timing-function: cubic-bezier(.3, 0, .3, 1); }
  36.2%, 100% { transform: scale(1, 1); }
}
@keyframes private-label-shine {
  0%, 36% { opacity: 0; transform: translateX(0); }
  36.2% { opacity: .45; transform: translateX(0); animation-timing-function: cubic-bezier(.45, 0, .35, 1); }
  42% { opacity: .45; transform: translateX(292px); }
  42.2%, 100% { opacity: 0; transform: translateX(0); }
}
@keyframes private-label-sp1 {
  0%, 35% { opacity: 0; transform: scale(0) rotate(0); animation-timing-function: cubic-bezier(.2, .8, .2, 1); }
  38.5% { opacity: 1; transform: scale(1) rotate(45deg); animation-timing-function: cubic-bezier(.6, 0, .8, .2); }
  43%, 100% { opacity: 0; transform: scale(0) rotate(90deg); }
}
@keyframes private-label-sp2 {
  0%, 36.5% { opacity: 0; transform: scale(0) rotate(0); animation-timing-function: cubic-bezier(.2, .8, .2, 1); }
  40% { opacity: 1; transform: scale(1) rotate(45deg); animation-timing-function: cubic-bezier(.6, 0, .8, .2); }
  44.5%, 100% { opacity: 0; transform: scale(0) rotate(90deg); }
}
@keyframes private-label-chipa {
  0%, 43% { opacity: 0; transform: translateY(10px) scale(.8); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  44.5% { opacity: 1; }
  47% { transform: translateY(0) scale(1); animation-timing-function: ease-in-out; }
  60% { transform: translateY(-3px) scale(1); animation-timing-function: ease-in-out; }
  74% { transform: translateY(0) scale(1); animation-timing-function: ease-in-out; }
  84% { transform: translateY(-2px) scale(1); animation-timing-function: ease-in-out; }
  88% { opacity: 1; transform: translateY(0) scale(1); }
  91% { opacity: 0; transform: translateY(-8px) scale(1); }
  100% { opacity: 0; transform: translateY(10px) scale(.8); }
}
@keyframes private-label-chipb {
  0%, 60% { opacity: 0; transform: translateY(10px) scale(.8); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  61.5% { opacity: 1; }
  64.5% { transform: translateY(0) scale(1); animation-timing-function: ease-in-out; }
  76% { transform: translateY(-3px) scale(1); animation-timing-function: ease-in-out; }
  88% { opacity: 1; transform: translateY(0) scale(1); }
  91% { opacity: 0; transform: translateY(-8px) scale(1); }
  100% { opacity: 0; transform: translateY(10px) scale(.8); }
}
@keyframes private-label-a {
  0%, 88% { opacity: 1; transform: translateX(0); animation-timing-function: cubic-bezier(.2, .8, .2, 1); }
  89% { transform: translateX(-8px); animation-timing-function: cubic-bezier(.55, 0, .85, .3); }
  92.5% { opacity: 1; transform: translateX(300px); }
  92.6% { opacity: 0; transform: translateX(300px); }
  96%, 97% { opacity: 0; transform: translateX(0); }
  99.4%, 100% { opacity: 1; transform: translateX(0); }
}
@keyframes private-label-b {
  0%, 92% { opacity: 0; }
  93% { opacity: 1; }
  99.6% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes private-label-bin {
  0%, 91.4% { transform: translateY(0) scale(1, 1); }
  91.5% { transform: translateY(-64px) scale(1, 1); animation-timing-function: cubic-bezier(.5, 0, .9, .45); }
  95.4% { transform: translateY(0) scale(1, 1); animation-timing-function: cubic-bezier(.3, 0, .3, 1); }
  96.4% { transform: translateY(0) scale(1.02, .96); animation-timing-function: cubic-bezier(.3, 0, .3, 1); }
  97.6%, 100% { transform: translateY(0) scale(1, 1); }
}
@keyframes private-label-bsh {
  0%, 91.4% { opacity: 0; transform: scale(1); }
  91.5% { opacity: .14; transform: scale(.5); animation-timing-function: cubic-bezier(.5, 0, .9, .45); }
  95.4%, 97% { opacity: .14; transform: scale(1); }
  99.4%, 100% { opacity: 0; transform: scale(1); }
}
