.wk-home-cat {
  position: relative;
  width: 100%;
  aspect-ratio: 413.85282 / 391.66176;
  pointer-events: none;
}
.wk-home-cat__bubble {
  position: absolute;
  top: 0;
  left: 0;
  width: 66.546%;
  height: 46.372%;
  max-width: none;
}
.wk-home-neu .wk-home-cat__figure {
  appearance: none;
  box-shadow: none;
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: 12px;
  pointer-events: auto;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  top: 33.1%;
  left: 8%;
  width: 45.4%;
  aspect-ratio: 780 / 1040;
}
.wk-home-neu .wk-home-cat__figure:focus:not(:focus-visible) { outline: none; }
.wk-home-neu .wk-home-cat__figure:focus-visible { outline: 3px solid #225b42; outline-offset: 4px; }
.wk-home-cat__fallback,
.wk-home-cat__animation {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.wk-home-cat__animation { visibility: hidden; }
.wk-home-cat__animation svg { display: block; width: 100%; height: 100%; overflow: visible; }
.wk-home-cat.is-ready .wk-home-cat__animation { visibility: visible; }
.wk-home-cat.is-ready .wk-home-cat__fallback { visibility: hidden; }
@media (max-width: 768px) {
  .wk-home-neu .wk-home-sticker-mobile { max-width: 220px; margin-inline: auto; }
  /* Centre the visible bubble and cat, rather than the original SVG's empty right half. */
  .wk-home-sticker-mobile .wk-home-cat { aspect-ratio: 220 / 435; }
  .wk-home-sticker-mobile .wk-home-cat__bubble { width: 100%; }
  .wk-home-sticker-mobile .wk-home-cat__bubble { height: auto; aspect-ratio: 1478 / 1064; }
  .wk-home-sticker-mobile .wk-home-cat__figure { width: 100%; left: 0; top: 33%; aspect-ratio: 760 / 960; }
}
@media (prefers-reduced-motion: reduce) {
  .wk-home-cat.is-ready:not(.is-replaying) .wk-home-cat__animation { visibility: hidden; }
  .wk-home-cat.is-ready:not(.is-replaying) .wk-home-cat__fallback { visibility: visible; }
}