/* WTS v3 animated illustrations. Generated from site-v3/anim/. Do not edit by hand. */
.wt .wt-anim--serve-gift-boxes { --cycle: 16s; }
.wt .wt-anim--serve-gift-boxes .s-seal, .wt .wt-anim--serve-gift-boxes .s-hop, .wt .wt-anim--serve-gift-boxes .s-lid { opacity: 0; }
.wt .wt-anim--serve-gift-boxes .s-rib { transform: scaleY(0); }
.wt .wt-anim--serve-gift-boxes .s-bow, .wt .wt-anim--serve-gift-boxes .s-sp { transform: scale(0); }
.wt .wt-anim--serve-gift-boxes .s-fl1 { transform-box: fill-box; transform-origin: 100% 100%; }
.wt .wt-anim--serve-gift-boxes .s-fl2 { transform-box: fill-box; transform-origin: 0% 100%; }
.wt .wt-anim--serve-gift-boxes .s-nestb, .wt .wt-anim--serve-gift-boxes .s-nestf, .wt .wt-anim--serve-gift-boxes .s-lid, .wt .wt-anim--serve-gift-boxes .s-fsq, .wt .wt-anim--serve-gift-boxes .s-nbase { transform-box: fill-box; transform-origin: 50% 100%; }
.wt .wt-anim--serve-gift-boxes .s-rib { transform-box: fill-box; transform-origin: 50% 0%; }
.wt .wt-anim--serve-gift-boxes .s-bow, .wt .wt-anim--serve-gift-boxes .s-sp { transform-box: fill-box; transform-origin: 50% 50%; }
.wt .wt-anim--serve-gift-boxes .s-sheet { transform-box: fill-box; transform-origin: 50% 0%; }
.wt .wt-anim--serve-gift-boxes .s-card { transform-box: fill-box; transform-origin: 50% 100%; }
.wt .wt-anim--serve-gift-boxes .s-gbox { transform-box: view-box; transform-origin: 308px 416px; }
.wt .wt-anim--serve-gift-boxes .s-c1, .wt .wt-anim--serve-gift-boxes .s-c2 { transform-box: fill-box; transform-origin: 50% 100%; }
.wt .wt-anim--serve-gift-boxes .s-st3 { animation: serve-gift-boxes-st3 var(--cycle) linear infinite both; }
.wt .wt-anim--serve-gift-boxes .s-seal { animation: serve-gift-boxes-seal var(--cycle) linear infinite both; }
.wt .wt-anim--serve-gift-boxes .s-fl1 { animation: serve-gift-boxes-fl1 var(--cycle) linear infinite both; }
.wt .wt-anim--serve-gift-boxes .s-fl2 { animation: serve-gift-boxes-fl2 var(--cycle) linear infinite both; }
.wt .wt-anim--serve-gift-boxes .s-sbars { animation: serve-gift-boxes-sbars var(--cycle) linear infinite both; }
.wt .wt-anim--serve-gift-boxes .s-hop { animation: serve-gift-boxes-hop var(--cycle) linear infinite both; }
.wt .wt-anim--serve-gift-boxes .s-sheet { animation: serve-gift-boxes-sheet var(--cycle) linear infinite both; }
.wt .wt-anim--serve-gift-boxes .s-nestb { animation: serve-gift-boxes-nestb var(--cycle) linear infinite both; }
.wt .wt-anim--serve-gift-boxes .s-nestf { animation: serve-gift-boxes-nestf var(--cycle) linear infinite both; }
.wt .wt-anim--serve-gift-boxes .s-fx { animation: serve-gift-boxes-fx var(--cycle) linear infinite both; }
.wt .wt-anim--serve-gift-boxes .s-fy { animation: serve-gift-boxes-fy var(--cycle) linear infinite both; }
.wt .wt-anim--serve-gift-boxes .s-fsq { animation: serve-gift-boxes-fsq var(--cycle) linear infinite both; }
.wt .wt-anim--serve-gift-boxes .s-card { animation: serve-gift-boxes-card var(--cycle) linear infinite both; }
.wt .wt-anim--serve-gift-boxes .s-lid { animation: serve-gift-boxes-lid var(--cycle) linear infinite both; }
.wt .wt-anim--serve-gift-boxes .s-rib { animation: serve-gift-boxes-rib var(--cycle) linear infinite both; }
.wt .wt-anim--serve-gift-boxes .s-bow { animation: serve-gift-boxes-bow var(--cycle) linear infinite both; }
.wt .wt-anim--serve-gift-boxes .s-sp1 { animation: serve-gift-boxes-sp1 var(--cycle) linear infinite both; }
.wt .wt-anim--serve-gift-boxes .s-sp2 { animation: serve-gift-boxes-sp2 var(--cycle) linear infinite both; }
.wt .wt-anim--serve-gift-boxes .s-gbox { animation: serve-gift-boxes-gbox var(--cycle) linear infinite both; }
.wt .wt-anim--serve-gift-boxes .s-nbase { animation: serve-gift-boxes-nbase var(--cycle) linear infinite both; }
.wt .wt-anim--serve-gift-boxes .s-sp3 { animation: serve-gift-boxes-sp3 var(--cycle) linear infinite both; }
.wt .wt-anim--serve-gift-boxes .s-c1 { animation: serve-gift-boxes-c1 var(--cycle) linear infinite both; }
.wt .wt-anim--serve-gift-boxes .s-c2 { animation: serve-gift-boxes-c2 var(--cycle) linear infinite both; }
@keyframes serve-gift-boxes-st3 {
  0%,100% { opacity:0 }
}
@keyframes serve-gift-boxes-seal {
  0%,3.4% { opacity:1 }
  5%,93.6% { opacity:0 }
  95.4%,100% { opacity:1 }
}
@keyframes serve-gift-boxes-fl1 {
  0% { transform:scale(0) }
  3.8% { transform:scale(0);animation-timing-function:cubic-bezier(.34,1.56,.64,1) }
  6.2% { transform:none }
  92.4% { transform:none;animation-timing-function:cubic-bezier(.5,0,.75,0) }
  94.4%,100% { transform:scale(0) }
}
@keyframes serve-gift-boxes-fl2 {
  0% { transform:scale(0) }
  4.3% { transform:scale(0);animation-timing-function:cubic-bezier(.34,1.56,.64,1) }
  6.7% { transform:none }
  92.4% { transform:none;animation-timing-function:cubic-bezier(.5,0,.75,0) }
  94.4%,100% { transform:scale(0) }
}
@keyframes serve-gift-boxes-sbars {
  0% { transform:translateY(30px) }
  4.8% { transform:translateY(30px);animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  7.8% { transform:none }
  91% { transform:none;animation-timing-function:cubic-bezier(.5,0,.75,0) }
  93.4%,100% { transform:translateY(30px) }
}
@keyframes serve-gift-boxes-hop {
  0% { transform:none;opacity:1 }
  15% { transform:none;opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  16.4%,16.5% { transform:translateY(-36px);opacity:1 }
  16.51%,93% { transform:translateY(-36px);opacity:0 }
  93.1%,100% { transform:none;opacity:1 }
}
@keyframes serve-gift-boxes-sheet {
  0% { transform:none;opacity:1 }
  7.6% { transform:none;opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  8.4% { transform:translate(2px,8px) rotate(4deg);opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1) }
  10.2% { transform:translate(-1.6px,73.4px) rotate(14deg);opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1) }
  11.9% { transform:translate(-6px,151.2px) rotate(-10deg);opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1) }
  13.3% { transform:translate(-8px,216px) rotate(-2deg);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  13.9% { transform:translate(-8px,216px) scale(1.1,.55);opacity:1 }
  14.5% { transform:translate(-8px,216px) scale(1.1,.55);opacity:0 }
  93.2% { transform:scaleY(0);opacity:0 }
  93.3% { transform:scaleY(0);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  96.4%,100% { transform:none;opacity:1 }
}
@keyframes serve-gift-boxes-nestb {
  0% { transform:scaleY(0) }
  13.5% { transform:scaleY(0);animation-timing-function:cubic-bezier(.34,1.56,.64,1) }
  15.6%,92.5% { transform:none }
  92.6%,100% { transform:scaleY(0) }
}
@keyframes serve-gift-boxes-nestf {
  0% { transform:scaleY(0) }
  13.5% { transform:scaleY(0);animation-timing-function:cubic-bezier(.34,1.56,.64,1) }
  15.6%,92.5% { transform:none }
  92.6%,100% { transform:scaleY(0) }
}
@keyframes serve-gift-boxes-fx {
  0% { transform:translateX(-176.3px) }
  16.7% { transform:translateX(-176.3px);animation-timing-function:cubic-bezier(.37,0,.63,1) }
  19.5%,100% { transform:none }
}
@keyframes serve-gift-boxes-fy {
  0% { transform:translateY(-75.7px) }
  16.7% { transform:translateY(-75.7px);animation-timing-function:cubic-bezier(.33,.67,.67,1) }
  18.1% { transform:translateY(-115.7px);animation-timing-function:cubic-bezier(.37,0,.63,1) }
  19.5% { transform:translateY(-46px);animation-timing-function:cubic-bezier(.5,0,.75,0) }
  20.9%,100% { transform:none }
}
@keyframes serve-gift-boxes-fsq {
  0%,16.49% { transform:scale(0.8485);opacity:0 }
  16.5% { transform:scale(0.8485);opacity:1 }
  16.7% { transform:scale(0.8485);opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1) }
  19.5% { transform:none;opacity:1 }
  20.9% { transform:none;opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  21.6% { transform:scale(1.1,.88);opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1) }
  22.7% { transform:scale(.97,1.04);opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1) }
  23.7%,92.5% { transform:none;opacity:1 }
  92.6%,100% { transform:scale(0.8485);opacity:0 }
}
@keyframes serve-gift-boxes-card {
  0% { transform:translate(30px,-130px) rotate(4deg) scale(.78) }
  25.5% { transform:translate(30px,-130px) rotate(4deg) scale(.78);animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  26.3% { transform:translate(34px,-152px) rotate(-6deg) scale(.82);animation-timing-function:cubic-bezier(.37,0,.63,1) }
  28.7% { transform:translate(6px,-44px) rotate(-12deg);animation-timing-function:cubic-bezier(.5,0,.75,0) }
  29.9% { transform:none;animation-timing-function:cubic-bezier(.37,0,.63,1) }
  30.7% { transform:rotate(3deg);animation-timing-function:cubic-bezier(.37,0,.63,1) }
  31.5%,92.5% { transform:none }
  92.6%,100% { transform:translate(30px,-130px) rotate(4deg) scale(.78) }
}
@keyframes serve-gift-boxes-lid {
  0%,33% { transform:translateY(-340px);opacity:0 }
  33.1% { transform:translateY(-340px);opacity:1;animation-timing-function:cubic-bezier(.5,0,.75,0) }
  38.4% { transform:none;opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  39% { transform:scale(1.02,.84);opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1) }
  40% { transform:scale(.99,1.05);opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1) }
  41%,92.5% { transform:none;opacity:1 }
  92.6%,100% { transform:translateY(-340px);opacity:0 }
}
@keyframes serve-gift-boxes-rib {
  0% { transform:scaleY(0) }
  42% { transform:scaleY(0);animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  44.2%,92.5% { transform:none }
  92.6%,100% { transform:scaleY(0) }
}
@keyframes serve-gift-boxes-bow {
  0% { transform:scale(0) rotate(-24deg) }
  43.8% { transform:scale(0) rotate(-24deg);animation-timing-function:cubic-bezier(.34,1.56,.64,1) }
  46.4%,92.5% { transform:none }
  92.6%,100% { transform:scale(0) rotate(-24deg) }
}
@keyframes serve-gift-boxes-sp1 {
  0% { transform:scale(0) }
  46.2% { transform:scale(0) rotate(0deg);animation-timing-function:cubic-bezier(.34,1.56,.64,1) }
  47.8% { transform:scale(1) rotate(45deg);animation-timing-function:cubic-bezier(.37,0,.63,1) }
  50.2% { transform:scale(0) rotate(90deg) }
  100% { transform:scale(0) }
}
@keyframes serve-gift-boxes-sp2 {
  0% { transform:scale(0) }
  47% { transform:scale(0) rotate(0deg);animation-timing-function:cubic-bezier(.34,1.56,.64,1) }
  48.6% { transform:scale(1) rotate(45deg);animation-timing-function:cubic-bezier(.37,0,.63,1) }
  51% { transform:scale(0) rotate(90deg) }
  100% { transform:scale(0) }
}
@keyframes serve-gift-boxes-gbox {
  0% { transform:none;opacity:1 }
  48.3% { transform:none;opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1) }
  49.5% { transform:translateY(4px) scale(1.03,.95);opacity:1;animation-timing-function:cubic-bezier(.33,.67,.67,1) }
  51.9% { transform:translate(93.6px,-180px);opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1) }
  55.5% { transform:translate(208px,-136px);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
  56.2% { transform:translate(208px,-136px) scale(1.04,.92);opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1) }
  57.4% { transform:translate(208px,-136px) scale(.99,1.03);opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1) }
  58.5% { transform:translate(208px,-136px);opacity:1 }
  89.6% { transform:translate(208px,-136px);opacity:1;animation-timing-function:cubic-bezier(.5,0,.75,0) }
  92.4% { transform:translate(208px,-150px);opacity:0 }
  92.6% { transform:none;opacity:0 }
  94% { transform:none;opacity:0;animation-timing-function:cubic-bezier(.37,0,.63,1) }
  96.6%,100% { transform:none;opacity:1 }
}
@keyframes serve-gift-boxes-nbase {
  0%,1.5% { transform:none;opacity:1 }
  1.6% { transform:scale(.9);opacity:0 }
  56.3% { transform:scale(.9);opacity:0;animation-timing-function:cubic-bezier(.34,1.56,.64,1) }
  59.1%,100% { transform:none;opacity:1 }
}
@keyframes serve-gift-boxes-sp3 {
  0% { transform:scale(0) }
  56.9% { transform:scale(0) rotate(0deg);animation-timing-function:cubic-bezier(.34,1.56,.64,1) }
  58.5% { transform:scale(1) rotate(45deg);animation-timing-function:cubic-bezier(.37,0,.63,1) }
  60.9% { transform:scale(0) rotate(90deg) }
  100% { transform:scale(0) }
}
@keyframes serve-gift-boxes-c1 {
  0% { transform:translateY(10px) scale(.7);opacity:0 }
  58.5% { transform:translateY(10px) scale(.7);opacity:0;animation-timing-function:cubic-bezier(.34,1.56,.64,1) }
  60.9% { transform:none;opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1) }
  75% { transform:translateY(-3px);opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1) }
  85% { transform:none;opacity:1;animation-timing-function:cubic-bezier(.5,0,.75,0) }
  89%,100% { transform:translateY(-10px);opacity:0 }
}
@keyframes serve-gift-boxes-c2 {
  0% { transform:translateY(10px) scale(.7);opacity:0 }
  61% { transform:translateY(10px) scale(.7);opacity:0;animation-timing-function:cubic-bezier(.34,1.56,.64,1) }
  63.4% { transform:none;opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1) }
  75% { transform:translateY(-3px);opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1) }
  85% { transform:none;opacity:1;animation-timing-function:cubic-bezier(.5,0,.75,0) }
  89%,100% { transform:translateY(-10px);opacity:0 }
}