/* Homepage in the new brand (boomerang seal, ink line art, Docket and Seal screens). Ported from the
   design-language mockup: no JavaScript, so the flick and confetti moments are CSS loops. The
   drawings and phone screens keep their own pixel sizes; every colour is a design-system token. */
/* Layout: the live loylpay.com order (hero, customers, merchants, tap-earn-redeem, every kind of business, getting started, close), redrawn with ink-line art and Docket and Seal product screens */
:root {
  --ink: var(--lp-mango-ink);
  --mango: var(--lp-mango-ground);
  --tap: var(--lp-mango-tap);
  --cream: var(--lp-mango-paper);
  --pink: var(--lp-hot-pink-ground);
  --pink-ink: var(--lp-hot-pink-ink);
  --pink-paper: var(--lp-hot-pink-paper);
  --lime: var(--lp-lime-ground);
  --lime-ink: var(--lp-lime-ink);
  --lime-paper: var(--lp-lime-paper);
  --electric: var(--lp-electric-ground);
  --chilli: var(--lp-chilli-ground);
  --page: var(--lp-neutral-page);
  --surface: var(--lp-neutral-white);
  --text: var(--lp-mango-ink);
  --body: var(--lp-neutral-text);
  --muted: var(--lp-neutral-muted);
  --line: color-mix(in srgb, var(--lp-mango-ink) 10%, transparent);
  --art-paper: var(--lp-neutral-art-paper);
  --art-line: var(--lp-mango-ink);
  --display: 'Haskoy', 'Inter Variable', 'Inter', ui-sans-serif, system-ui, sans-serif;
  --sans:
    'Inter Variable', 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --shadow: 0 16px 36px color-mix(in srgb, var(--lp-mango-ink) 10%, transparent);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --page: var(--lp-dark-neutral-page);
    --surface: var(--lp-dark-neutral-surface);
    --text: var(--lp-mango-paper);
    --body: var(--lp-dark-neutral-text);
    --muted: var(--lp-dark-neutral-muted);
    --line: color-mix(in srgb, var(--lp-mango-paper) 12%, transparent);
    --art-paper: var(--lp-mango-paper);
    --shadow: 0 16px 36px rgba(0, 0, 0, 0.35);
    color-scheme: dark;
  }
}
:root[data-theme='dark'] {
  --page: var(--lp-dark-neutral-page);
  --surface: var(--lp-dark-neutral-surface);
  --text: var(--lp-mango-paper);
  --body: var(--lp-dark-neutral-text);
  --muted: var(--lp-dark-neutral-muted);
  --line: color-mix(in srgb, var(--lp-mango-paper) 12%, transparent);
  --art-paper: var(--lp-mango-paper);
  --shadow: 0 16px 36px rgba(0, 0, 0, 0.35);
  color-scheme: dark;
}
/* The boomerangs inside any seal and the rim of the logo seal: one size everywhere, from the
   design system (lp.logo.mark-scale, lp.logo.ring-scale). For a <g> inside a 40 x 40 viewBox. */
.lp-mark,
.lp-ring {
  transform-origin: 20px 20px;
}
.lp-mark {
  transform: scale(var(--lp-logo-mark-scale));
}
.lp-ring {
  transform: scale(var(--lp-logo-ring-scale));
}
/* SVG artwork colours: classes instead of fill/stroke attributes, so the drawings take their colours from the design system.
   :where() keeps them as weak as the attributes they replace, so any rule below still wins. */
:where(.f-chilli-ground) {
  fill: var(--lp-chilli-ground);
}
:where(.f-electric-ground) {
  fill: var(--lp-electric-ground);
}
:where(.f-eucalyptus-paper) {
  fill: var(--lp-eucalyptus-paper);
}
:where(.f-hot-pink-ground) {
  fill: var(--lp-hot-pink-ground);
}
:where(.f-hot-pink-ink) {
  fill: var(--lp-hot-pink-ink);
}
:where(.f-lime-ground) {
  fill: var(--lp-lime-ground);
}
:where(.f-lime-ink) {
  fill: var(--lp-lime-ink);
}
:where(.f-mango-ground) {
  fill: var(--lp-mango-ground);
}
:where(.f-mango-ink) {
  fill: var(--lp-mango-ink);
}
:where(.f-mango-paper) {
  fill: var(--lp-mango-paper);
}
:where(.f-neutral-art-paper) {
  fill: var(--lp-neutral-art-paper);
}
:where(.f-neutral-white) {
  fill: var(--lp-neutral-white);
}
:where(.s-chilli-ground) {
  stroke: var(--lp-chilli-ground);
}
:where(.s-hot-pink-ground) {
  stroke: var(--lp-hot-pink-ground);
}
:where(.s-mango-ink) {
  stroke: var(--lp-mango-ink);
}
:where(.s-mango-paper) {
  stroke: var(--lp-mango-paper);
}

* {
  box-sizing: border-box;
}
body {
  background: var(--page);
  color: var(--body);
  font: 16px/1.55 var(--sans);
}
.wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding-left: max(16px, env(safe-area-inset-left, 0px));
  padding-right: max(16px, env(safe-area-inset-right, 0px));
}
h1,
h2,
h3 {
  font-family: var(--display);
  font-weight: 650;
  letter-spacing: -0.04em;
  color: var(--text);
  margin: 0;
  text-wrap: balance;
}
h1 {
  font-size: clamp(2.8rem, 7.4vw, 5.6rem);
  line-height: 0.95;
}
h2 {
  font-size: clamp(2rem, 4.6vw, 3.4rem);
  line-height: 1;
}
h3 {
  font-size: 1.3rem;
  line-height: 1.15;
  letter-spacing: -0.02em;
}
p {
  margin: 0;
  max-width: 60ch;
}
a {
  color: inherit;
}
.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 22px;
  border-radius: 999px;
  font: 600 15px/1 var(--sans);
  text-decoration: none;
  background: var(--ink);
  color: var(--cream);
}
.btn.mango {
  background: var(--mango);
  color: var(--ink);
}
.btn.pink {
  background: var(--pink-ink);
  color: var(--pink-paper);
}
.btn.lime {
  background: var(--lime-ink);
  color: var(--lime-paper);
}
.btn.ghost {
  background: transparent;
  color: inherit;
  box-shadow: inset 0 0 0 1.5px currentColor;
}
.btn:focus-visible {
  outline: 3px solid var(--electric);
  outline-offset: 3px;
}
.hero .btn.pink,
.header .btn:not(.ghost) {
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) .hero .btn.pink {
    background: var(--pink);
    color: var(--pink-ink);
  }
  :root:not([data-theme='light']) .hero .btn.lime {
    background: var(--lime);
    color: var(--lime-ink);
  }
  :root:not([data-theme='light']) .header .btn:not(.ghost) {
    background: var(--mango);
    color: var(--ink);
  }
}
:root[data-theme='dark'] .hero .btn.pink {
  background: var(--pink);
  color: var(--pink-ink);
}
:root[data-theme='dark'] .hero .btn.lime {
  background: var(--lime);
  color: var(--lime-ink);
}
:root[data-theme='dark'] .header .btn:not(.ghost) {
  background: var(--mango);
  color: var(--ink);
}
.eyebrow {
  font: 600 12px/1 var(--sans);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* mockup bar */
.mockbar {
  background: var(--ink);
  color: var(--cream);
  font-size: 13px;
}
.mockbar .wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  justify-content: space-between;
  padding-block: 10px;
}
.mockbar b {
  color: var(--mango);
}
.announce {
  background: var(--mango);
  color: var(--ink);
  font-size: 14px;
  text-align: center;
  padding-block: 9px;
}
.announce a {
  font-weight: 600;
}
.header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: color-mix(in srgb, var(--page) 94%, transparent);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid color-mix(in srgb, var(--ink) 8%, transparent);
}
html {
  scroll-padding-top: 88px;
}
.header .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-block: 16px;
}
.logo {
  display: flex;
  align-items: center;
  gap: 10px;
  font: 650 1.5rem/1 var(--display);
  letter-spacing: -0.04em;
  color: var(--text);
  text-decoration: none;
}
.logo img {
  width: 40px;
  height: 40px;
}
.nav {
  display: flex;
  gap: 22px;
  font-size: 15px;
  color: var(--text);
}
.nav a {
  text-decoration: none;
}
.hdr-cta {
  display: flex;
  gap: 10px;
  align-items: center;
}
.hdr-cta .btn {
  padding: 11px 18px;
  font-size: 14px;
}
@media (max-width: 860px) {
  .nav {
    display: none;
  }
}
@media (max-width: 480px) {
  .hdr-cta .login {
    display: none;
  }
}

/* ink-line art */
.art {
  display: block;
  width: 100%;
  height: auto;
}
.art .l {
  fill: none;
  stroke: var(--art-line);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.art .lt {
  fill: none;
  stroke: var(--art-line);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.art .f {
  fill: var(--art-paper);
}
.art .k {
  fill: var(--art-line);
}

/* hero */
.hero .wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  gap: 32px;
  align-items: center;
  padding-block: 28px 56px;
}
@media (max-width: 900px) {
  .hero .wrap {
    grid-template-columns: minmax(0, 1fr);
  }
}
.taglines {
  display: inline-flex;
  gap: 8px;
  padding: 7px 14px;
  border-radius: 999px;
  background: var(--surface);
  box-shadow: inset 0 0 0 1.5px var(--line);
  font: 600 13px/1 var(--sans);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--text);
}
.taglines i {
  font-style: normal;
  color: var(--muted);
}
.hero h1 {
  margin: 18px 0 calc(18px + 0.3em);
}
.hero h1 .hl {
  position: relative;
  white-space: nowrap;
}
.hero h1 .hl svg {
  position: absolute;
  left: -2%;
  bottom: -0.12em;
  width: 104%;
  height: 0.32em;
  z-index: -1;
}
.hero .lede {
  font-size: 1.15rem;
}
.ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}
.fine {
  font-size: 13.5px;
  color: var(--muted);
  margin-top: 14px;
}
.hero-art {
  position: relative;
  min-width: 0;
}

/* bands */
.band {
  padding-block: 72px;
}
.band.pink {
  background: var(--pink-paper);
  color: var(--lp-hot-pink-ink-soft);
}
.band.lime {
  background: var(--lime-paper);
  color: var(--lp-lime-ink-soft);
}
.band.pink h2,
.band.pink h3 {
  color: var(--pink-ink);
}
.band.lime h2,
.band.lime h3 {
  color: var(--lime-ink);
}
.band .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.band .eyebrow svg {
  width: 22px;
  height: 22px;
}
.split {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 40px;
  align-items: start;
}
@media (max-width: 960px) {
  .split {
    grid-template-columns: minmax(0, 1fr);
  }
}
.steps {
  list-style: none;
  padding: 0;
  margin: 26px 0;
  display: grid;
  gap: 14px;
}
.steps li {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}
.steps .n {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
}
.steps .n svg {
  width: 40px;
  height: 40px;
}
.steps b {
  display: block;
  font-family: var(--display);
  font-size: 1.12rem;
  letter-spacing: -0.02em;
}
.band.pink .steps b {
  color: var(--pink-ink);
}
.band.lime .steps b {
  color: var(--lime-ink);
}

/* product screens (direction C) */
.screens {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 18px;
  padding: 8px 4px 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
}
.screens > figure {
  scroll-snap-align: start;
  flex: none;
  margin: 0;
  width: 248px;
}
.screens figcaption {
  font-size: 13px;
  margin-top: 10px;
  text-align: center;
}
.phone {
  border-radius: 38px;
  padding: 8px;
  background: var(--ink);
  box-shadow: 0 20px 40px color-mix(in srgb, var(--lp-mango-ink) 22%, transparent);
}
.ps {
  position: relative;
  border-radius: 31px;
  height: 500px;
  overflow: hidden;
  background: var(--lp-neutral-art-paper);
  color: var(--lp-mango-ink);
  font-size: 13px;
  display: flex;
  flex-direction: column;
}
.ps .sb {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px 0;
  font: 600 11px var(--sans);
  position: relative;
  z-index: 2;
}
.pband {
  position: relative;
  padding: 8px 16px 26px;
  margin-top: -28px;
  padding-top: 40px;
  overflow: hidden;
}
.pband > .pat {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.pband .t {
  position: relative;
  font: 650 1.2rem/1.05 var(--display);
  letter-spacing: -0.03em;
}
.pband .s {
  position: relative;
  font-size: 11.5px;
  opacity: 0.85;
  margin-top: 2px;
}
.pband .edge {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 14px;
}
.bars {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
}
.bars i {
  height: 4px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--lp-mango-ink) 15%, transparent);
}
.bars i.on {
  background: var(--c);
}
.row {
  margin: 10px 12px 0;
}
.chip {
  padding: 10px 12px;
  border-radius: 16px;
  background: var(--lp-neutral-white);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--lp-mango-ink) 6%, transparent);
}
.chip b {
  display: block;
  font-size: 13px;
  margin-top: 6px;
}
.chip small {
  color: var(--lp-neutral-muted);
  font-size: 11.5px;
}
.pts {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 68px;
  gap: 6px;
  align-items: center;
  padding: 12px 12px 12px 16px;
  border-radius: 20px;
  background: var(--lp-neutral-white);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--lp-mango-ink) 6%, transparent);
}
.pts .big {
  font: 650 1.85rem/1 var(--display);
  letter-spacing: -0.04em;
  white-space: nowrap;
}
.pts .big .cur {
  font-size: 0.55em;
  letter-spacing: -0.02em;
  vertical-align: 0.55em;
  margin-right: 1px;
}
.pts small {
  display: block;
  color: var(--lp-neutral-muted);
  font-size: 11.5px;
  margin-top: 4px;
}
.ticket {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 62px;
  border-radius: 18px;
  background: var(--ink);
  color: var(--cream);
  overflow: hidden;
}
.ticket .main {
  padding: 12px 14px;
}
.ticket .main b {
  font: 650 1.05rem/1.1 var(--display);
  letter-spacing: -0.02em;
  display: block;
}
.ticket .main small {
  opacity: 0.75;
  font-size: 11.5px;
}
.ticket .stub {
  display: grid;
  place-items: center;
  border-left: 2px dashed color-mix(in srgb, var(--lp-mango-ground) 70%, transparent);
}
.ticket::before,
.ticket::after {
  content: '';
  position: absolute;
  right: 54px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--lp-neutral-art-paper);
}
.ticket::before {
  top: -8px;
}
.ticket::after {
  bottom: -8px;
}
.switch {
  width: 38px;
  height: 22px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--lp-mango-paper) 30%, transparent);
  position: relative;
}
.switch::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--cream);
}
.switch.on {
  background: var(--mango);
}
.switch.on::after {
  left: 19px;
  background: var(--ink);
}
.undo {
  margin: auto 12px 12px;
  padding: 10px 14px;
  border-radius: 16px;
  background: var(--ink);
  color: var(--cream);
  display: flex;
  justify-content: space-between;
  font-size: 12px;
}
.undo b {
  color: var(--mango);
}
.showstaff {
  position: absolute;
  inset: 0;
  background: var(--mango);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 22px;
  gap: 10px;
  overflow: hidden;
}
.showstaff > .pat {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.25;
}
.showstaff > * {
  position: relative;
}
.showstaff .tk {
  background: var(--lp-neutral-white);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 14px 30px color-mix(in srgb, var(--lp-mango-ink) 18%, transparent);
}
.showstaff .tk .amt {
  font: 650 3.2rem/1 var(--display);
  letter-spacing: -0.05em;
}
.showstaff .perf {
  border-top: 2px dashed color-mix(in srgb, var(--lp-mango-ink) 25%, transparent);
  margin: 14px -18px 0;
  padding: 12px 18px 0;
  font-size: 12px;
  color: var(--lp-neutral-text);
}
.receipt {
  position: relative;
  margin: 10px 12px 0;
  padding: 14px 16px 22px;
  background: var(--lp-neutral-white);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--lp-mango-ink) 6%, transparent);
  border-radius: 16px 16px 0 0;
  font-family: var(--mono);
  font-size: 11.5px;
}
.receipt .ln {
  display: flex;
  justify-content: space-between;
  padding: 3px 0;
}
.receipt .tot {
  border-top: 1.5px dashed color-mix(in srgb, var(--lp-mango-ink) 20%, transparent);
  margin-top: 6px;
  padding-top: 6px;
  font-weight: 700;
}
.receipt .zz {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  height: 12px;
}
.receipt {
  padding-bottom: 92px;
}
.receipt .rstamp {
  position: absolute;
  right: 14px;
  bottom: 14px;
  width: 72px;
  height: 72px;
  transform: rotate(-12deg);
  mix-blend-mode: multiply;
  opacity: 0.92;
}
.receipt .rnote {
  position: absolute;
  left: 16px;
  bottom: 30px;
  font: 600 10.5px/1.35 var(--sans);
  color: var(--lp-neutral-muted);
  max-width: 110px;
}

.tablet {
  border-radius: 28px;
  padding: 10px;
  background: var(--ink);
  box-shadow: 0 20px 40px color-mix(in srgb, var(--lp-mango-ink) 22%, transparent);
}
.ts {
  border-radius: 19px;
  background: var(--lp-eucalyptus-paper);
  color: var(--lp-eucalyptus-ink);
  overflow: hidden;
  font-size: 13px;
}
.ts .top {
  position: relative;
  padding: 12px 16px 18px;
  color: var(--lp-eucalyptus-ink);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.ts .top > .pat {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.ts .top > * {
  position: relative;
}
.ts .top b {
  font: 650 1.05rem/1 var(--display);
  letter-spacing: -0.02em;
}
.ts .live {
  font: 600 11px var(--sans);
  background: var(--lp-eucalyptus-ink);
  color: var(--lime);
  padding: 4px 9px;
  border-radius: 999px;
}
.ts .body {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: 12px;
  padding: 12px;
}
@media (max-width: 560px) {
  .ts .body {
    grid-template-columns: minmax(0, 1fr);
  }
  .ts .q {
    display: none;
  }
}
.q {
  display: grid;
  gap: 8px;
  align-content: start;
}
.q .it {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 8px;
  border-radius: 14px;
  background: var(--lp-neutral-white);
}
.q .it.cur {
  box-shadow: inset 0 0 0 2px var(--lp-eucalyptus-ink);
}
.av {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font: 700 11px var(--sans);
  color: var(--lp-mango-ink);
  flex: none;
}
.q small {
  display: block;
  color: var(--lp-eucalyptus-ink-soft);
  font-size: 11px;
}
.q .lbl {
  font: 600 10.5px var(--sans);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--lp-eucalyptus-ink-soft);
  margin-top: 4px;
}
.detail {
  background: var(--lp-neutral-white);
  border-radius: 18px;
  padding: 14px;
  min-width: 0;
}
.detail .who {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}
.detail .who .av {
  width: 42px;
  height: 42px;
  font-size: 14px;
}
.detail .nm {
  font: 650 1.15rem/1.1 var(--display);
  letter-spacing: -0.02em;
}
.detail small {
  color: var(--lp-eucalyptus-ink-soft);
  font-size: 11.5px;
}
.cells {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 10px;
}
.cell {
  border-radius: 14px;
  padding: 10px 12px;
  background: var(--lp-eucalyptus-paper);
}
.cell .lbl {
  font: 600 10px var(--sans);
  letter-spacing: 0.1em;
  color: var(--lp-eucalyptus-ink-soft);
}
.cell b {
  display: block;
  font: 650 1.05rem/1.15 var(--display);
  margin-top: 3px;
}
.cell.take {
  background: var(--chilli);
  color: var(--lp-mango-ink);
  position: relative;
  overflow: hidden;
}
.cell.take .lbl {
  color: var(--lp-mango-ink);
}
.cell.take b {
  font-size: 1.5rem;
  letter-spacing: -0.03em;
}
.cell.take::before,
.cell.take::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  border-radius: 50%;
  background: var(--lp-neutral-white);
}
.cell.take::before {
  left: -7px;
}
.cell.take::after {
  right: -7px;
}
.paidrow {
  margin-top: 10px;
  border-radius: 14px;
  padding: 10px 12px;
  background: var(--lime-paper);
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 12px;
}

/* confetti moment */
.unlock {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 24px;
  text-align: center;
  background: var(--lp-mango-ground);
  overflow: hidden;
}
.unlock > .pat {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.unlock > * {
  position: relative;
}
.unlock .eyebrow {
  color: var(--lp-mango-ink);
}
/* the full seal sits on a cream sticker backing so it stands off the mango screen */
.unlock .sticker {
  display: grid;
  place-items: center;
  width: 148px;
  height: 148px;
  background: var(--lp-mango-paper);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20.00 1.65L20.32 1.70L20.63 1.84L20.94 2.06L21.23 2.34L21.52 2.67L21.79 3.01L22.04 3.36L22.30 3.67L22.55 3.93L22.80 4.13L23.06 4.24L23.34 4.28L23.64 4.23L23.96 4.11L24.30 3.94L24.66 3.73L25.04 3.51L25.42 3.30L25.81 3.13L26.18 3.01L26.54 2.96L26.87 3.00L27.17 3.12L27.42 3.33L27.64 3.61L27.82 3.96L27.97 4.36L28.09 4.78L28.20 5.20L28.31 5.60L28.43 5.97L28.58 6.27L28.76 6.52L28.98 6.69L29.25 6.80L29.56 6.84L29.93 6.83L30.32 6.79L30.75 6.73L31.18 6.67L31.61 6.64L32.02 6.65L32.40 6.71L32.72 6.83L32.98 7.02L33.17 7.28L33.29 7.60L33.35 7.98L33.36 8.39L33.33 8.82L33.27 9.25L33.21 9.68L33.17 10.07L33.16 10.44L33.20 10.75L33.31 11.02L33.48 11.24L33.73 11.42L34.03 11.57L34.40 11.69L34.80 11.80L35.22 11.91L35.64 12.03L36.04 12.18L36.39 12.36L36.67 12.58L36.88 12.83L37.00 13.13L37.04 13.46L36.99 13.82L36.87 14.19L36.70 14.58L36.49 14.96L36.27 15.34L36.06 15.70L35.89 16.04L35.77 16.36L35.72 16.66L35.76 16.94L35.87 17.20L36.07 17.45L36.33 17.70L36.64 17.96L36.99 18.21L37.33 18.48L37.66 18.77L37.94 19.06L38.16 19.37L38.30 19.68L38.35 20.00L38.30 20.32L38.16 20.63L37.94 20.94L37.66 21.23L37.33 21.52L36.99 21.79L36.64 22.04L36.33 22.30L36.07 22.55L35.87 22.80L35.76 23.06L35.72 23.34L35.77 23.64L35.89 23.96L36.06 24.30L36.27 24.66L36.49 25.04L36.70 25.42L36.87 25.81L36.99 26.18L37.04 26.54L37.00 26.87L36.88 27.17L36.67 27.42L36.39 27.64L36.04 27.82L35.64 27.97L35.22 28.09L34.80 28.20L34.40 28.31L34.03 28.43L33.73 28.58L33.48 28.76L33.31 28.98L33.20 29.25L33.16 29.56L33.17 29.93L33.21 30.32L33.27 30.75L33.33 31.18L33.36 31.61L33.35 32.02L33.29 32.40L33.17 32.72L32.98 32.98L32.72 33.17L32.40 33.29L32.02 33.35L31.61 33.36L31.18 33.33L30.75 33.27L30.32 33.21L29.93 33.17L29.56 33.16L29.25 33.20L28.98 33.31L28.76 33.48L28.58 33.73L28.43 34.03L28.31 34.40L28.20 34.80L28.09 35.22L27.97 35.64L27.82 36.04L27.64 36.39L27.42 36.67L27.17 36.88L26.87 37.00L26.54 37.04L26.18 36.99L25.81 36.87L25.42 36.70L25.04 36.49L24.66 36.27L24.30 36.06L23.96 35.89L23.64 35.77L23.34 35.72L23.06 35.76L22.80 35.87L22.55 36.07L22.30 36.33L22.04 36.64L21.79 36.99L21.52 37.33L21.23 37.66L20.94 37.94L20.63 38.16L20.32 38.30L20.00 38.35L19.68 38.30L19.37 38.16L19.06 37.94L18.77 37.66L18.48 37.33L18.21 36.99L17.96 36.64L17.70 36.33L17.45 36.07L17.20 35.87L16.94 35.76L16.66 35.72L16.36 35.77L16.04 35.89L15.70 36.06L15.34 36.27L14.96 36.49L14.58 36.70L14.19 36.87L13.82 36.99L13.46 37.04L13.13 37.00L12.83 36.88L12.58 36.67L12.36 36.39L12.18 36.04L12.03 35.64L11.91 35.22L11.80 34.80L11.69 34.40L11.57 34.03L11.42 33.73L11.24 33.48L11.02 33.31L10.75 33.20L10.44 33.16L10.07 33.17L9.68 33.21L9.25 33.27L8.82 33.33L8.39 33.36L7.98 33.35L7.60 33.29L7.28 33.17L7.02 32.98L6.83 32.72L6.71 32.40L6.65 32.02L6.64 31.61L6.67 31.18L6.73 30.75L6.79 30.32L6.83 29.93L6.84 29.56L6.80 29.25L6.69 28.98L6.52 28.76L6.27 28.58L5.97 28.43L5.60 28.31L5.20 28.20L4.78 28.09L4.36 27.97L3.96 27.82L3.61 27.64L3.33 27.42L3.12 27.17L3.00 26.87L2.96 26.54L3.01 26.18L3.13 25.81L3.30 25.42L3.51 25.04L3.73 24.66L3.94 24.30L4.11 23.96L4.23 23.64L4.28 23.34L4.24 23.06L4.13 22.80L3.93 22.55L3.67 22.30L3.36 22.04L3.01 21.79L2.67 21.52L2.34 21.23L2.06 20.94L1.84 20.63L1.70 20.32L1.65 20.00L1.70 19.68L1.84 19.37L2.06 19.06L2.34 18.77L2.67 18.48L3.01 18.21L3.36 17.96L3.67 17.70L3.93 17.45L4.13 17.20L4.24 16.94L4.28 16.66L4.23 16.36L4.11 16.04L3.94 15.70L3.73 15.34L3.51 14.96L3.30 14.58L3.13 14.19L3.01 13.82L2.96 13.46L3.00 13.13L3.12 12.83L3.33 12.58L3.61 12.36L3.96 12.18L4.36 12.03L4.78 11.91L5.20 11.80L5.60 11.69L5.97 11.57L6.27 11.42L6.52 11.24L6.69 11.02L6.80 10.75L6.84 10.44L6.83 10.07L6.79 9.68L6.73 9.25L6.67 8.82L6.64 8.39L6.65 7.98L6.71 7.60L6.83 7.28L7.02 7.02L7.28 6.83L7.60 6.71L7.98 6.65L8.39 6.64L8.82 6.67L9.25 6.73L9.68 6.79L10.07 6.83L10.44 6.84L10.75 6.80L11.02 6.69L11.24 6.52L11.42 6.27L11.57 5.97L11.69 5.60L11.80 5.20L11.91 4.78L12.03 4.36L12.18 3.96L12.36 3.61L12.58 3.33L12.83 3.12L13.13 3.00L13.46 2.96L13.82 3.01L14.19 3.13L14.58 3.30L14.96 3.51L15.34 3.73L15.70 3.94L16.04 4.11L16.36 4.23L16.66 4.28L16.94 4.24L17.20 4.13L17.45 3.93L17.70 3.67L17.96 3.36L18.21 3.01L18.48 2.67L18.77 2.34L19.06 2.06L19.37 1.84L19.68 1.70Z'/%3E%3C/svg%3E")
    center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20.00 1.65L20.32 1.70L20.63 1.84L20.94 2.06L21.23 2.34L21.52 2.67L21.79 3.01L22.04 3.36L22.30 3.67L22.55 3.93L22.80 4.13L23.06 4.24L23.34 4.28L23.64 4.23L23.96 4.11L24.30 3.94L24.66 3.73L25.04 3.51L25.42 3.30L25.81 3.13L26.18 3.01L26.54 2.96L26.87 3.00L27.17 3.12L27.42 3.33L27.64 3.61L27.82 3.96L27.97 4.36L28.09 4.78L28.20 5.20L28.31 5.60L28.43 5.97L28.58 6.27L28.76 6.52L28.98 6.69L29.25 6.80L29.56 6.84L29.93 6.83L30.32 6.79L30.75 6.73L31.18 6.67L31.61 6.64L32.02 6.65L32.40 6.71L32.72 6.83L32.98 7.02L33.17 7.28L33.29 7.60L33.35 7.98L33.36 8.39L33.33 8.82L33.27 9.25L33.21 9.68L33.17 10.07L33.16 10.44L33.20 10.75L33.31 11.02L33.48 11.24L33.73 11.42L34.03 11.57L34.40 11.69L34.80 11.80L35.22 11.91L35.64 12.03L36.04 12.18L36.39 12.36L36.67 12.58L36.88 12.83L37.00 13.13L37.04 13.46L36.99 13.82L36.87 14.19L36.70 14.58L36.49 14.96L36.27 15.34L36.06 15.70L35.89 16.04L35.77 16.36L35.72 16.66L35.76 16.94L35.87 17.20L36.07 17.45L36.33 17.70L36.64 17.96L36.99 18.21L37.33 18.48L37.66 18.77L37.94 19.06L38.16 19.37L38.30 19.68L38.35 20.00L38.30 20.32L38.16 20.63L37.94 20.94L37.66 21.23L37.33 21.52L36.99 21.79L36.64 22.04L36.33 22.30L36.07 22.55L35.87 22.80L35.76 23.06L35.72 23.34L35.77 23.64L35.89 23.96L36.06 24.30L36.27 24.66L36.49 25.04L36.70 25.42L36.87 25.81L36.99 26.18L37.04 26.54L37.00 26.87L36.88 27.17L36.67 27.42L36.39 27.64L36.04 27.82L35.64 27.97L35.22 28.09L34.80 28.20L34.40 28.31L34.03 28.43L33.73 28.58L33.48 28.76L33.31 28.98L33.20 29.25L33.16 29.56L33.17 29.93L33.21 30.32L33.27 30.75L33.33 31.18L33.36 31.61L33.35 32.02L33.29 32.40L33.17 32.72L32.98 32.98L32.72 33.17L32.40 33.29L32.02 33.35L31.61 33.36L31.18 33.33L30.75 33.27L30.32 33.21L29.93 33.17L29.56 33.16L29.25 33.20L28.98 33.31L28.76 33.48L28.58 33.73L28.43 34.03L28.31 34.40L28.20 34.80L28.09 35.22L27.97 35.64L27.82 36.04L27.64 36.39L27.42 36.67L27.17 36.88L26.87 37.00L26.54 37.04L26.18 36.99L25.81 36.87L25.42 36.70L25.04 36.49L24.66 36.27L24.30 36.06L23.96 35.89L23.64 35.77L23.34 35.72L23.06 35.76L22.80 35.87L22.55 36.07L22.30 36.33L22.04 36.64L21.79 36.99L21.52 37.33L21.23 37.66L20.94 37.94L20.63 38.16L20.32 38.30L20.00 38.35L19.68 38.30L19.37 38.16L19.06 37.94L18.77 37.66L18.48 37.33L18.21 36.99L17.96 36.64L17.70 36.33L17.45 36.07L17.20 35.87L16.94 35.76L16.66 35.72L16.36 35.77L16.04 35.89L15.70 36.06L15.34 36.27L14.96 36.49L14.58 36.70L14.19 36.87L13.82 36.99L13.46 37.04L13.13 37.00L12.83 36.88L12.58 36.67L12.36 36.39L12.18 36.04L12.03 35.64L11.91 35.22L11.80 34.80L11.69 34.40L11.57 34.03L11.42 33.73L11.24 33.48L11.02 33.31L10.75 33.20L10.44 33.16L10.07 33.17L9.68 33.21L9.25 33.27L8.82 33.33L8.39 33.36L7.98 33.35L7.60 33.29L7.28 33.17L7.02 32.98L6.83 32.72L6.71 32.40L6.65 32.02L6.64 31.61L6.67 31.18L6.73 30.75L6.79 30.32L6.83 29.93L6.84 29.56L6.80 29.25L6.69 28.98L6.52 28.76L6.27 28.58L5.97 28.43L5.60 28.31L5.20 28.20L4.78 28.09L4.36 27.97L3.96 27.82L3.61 27.64L3.33 27.42L3.12 27.17L3.00 26.87L2.96 26.54L3.01 26.18L3.13 25.81L3.30 25.42L3.51 25.04L3.73 24.66L3.94 24.30L4.11 23.96L4.23 23.64L4.28 23.34L4.24 23.06L4.13 22.80L3.93 22.55L3.67 22.30L3.36 22.04L3.01 21.79L2.67 21.52L2.34 21.23L2.06 20.94L1.84 20.63L1.70 20.32L1.65 20.00L1.70 19.68L1.84 19.37L2.06 19.06L2.34 18.77L2.67 18.48L3.01 18.21L3.36 17.96L3.67 17.70L3.93 17.45L4.13 17.20L4.24 16.94L4.28 16.66L4.23 16.36L4.11 16.04L3.94 15.70L3.73 15.34L3.51 14.96L3.30 14.58L3.13 14.19L3.01 13.82L2.96 13.46L3.00 13.13L3.12 12.83L3.33 12.58L3.61 12.36L3.96 12.18L4.36 12.03L4.78 11.91L5.20 11.80L5.60 11.69L5.97 11.57L6.27 11.42L6.52 11.24L6.69 11.02L6.80 10.75L6.84 10.44L6.83 10.07L6.79 9.68L6.73 9.25L6.67 8.82L6.64 8.39L6.65 7.98L6.71 7.60L6.83 7.28L7.02 7.02L7.28 6.83L7.60 6.71L7.98 6.65L8.39 6.64L8.82 6.67L9.25 6.73L9.68 6.79L10.07 6.83L10.44 6.84L10.75 6.80L11.02 6.69L11.24 6.52L11.42 6.27L11.57 5.97L11.69 5.60L11.80 5.20L11.91 4.78L12.03 4.36L12.18 3.96L12.36 3.61L12.58 3.33L12.83 3.12L13.13 3.00L13.46 2.96L13.82 3.01L14.19 3.13L14.58 3.30L14.96 3.51L15.34 3.73L15.70 3.94L16.04 4.11L16.36 4.23L16.66 4.28L16.94 4.24L17.20 4.13L17.45 3.93L17.70 3.67L17.96 3.36L18.21 3.01L18.48 2.67L18.77 2.34L19.06 2.06L19.37 1.84L19.68 1.70Z'/%3E%3C/svg%3E")
    center / contain no-repeat;
}
.unlock .sticker-wrap {
  filter: drop-shadow(0 10px 18px color-mix(in srgb, var(--lp-mango-ink) 22%, transparent));
}
.unlock h4 {
  margin: 0;
  font: 650 1.9rem/1 var(--display);
  letter-spacing: -0.04em;
}
.unlock p {
  font-size: 13px;
  color: var(--lp-mango-ink-soft);
}
.confbtn {
  border: 0;
  cursor: pointer;
  border-radius: 999px;
  padding: 14px 24px;
  font: 650 15px/1 var(--sans);
  background: var(--lp-mango-ink);
  color: var(--lp-mango-ground);
  box-shadow: 0 8px 18px color-mix(in srgb, var(--lp-mango-ink) 25%, transparent);
  transition: transform 420ms var(--spring, cubic-bezier(0.34, 1.56, 0.64, 1));
}
.confbtn:hover {
  transform: scale(1.06);
}
.confbtn:active {
  transform: scale(0.92);
  transition-duration: 120ms;
}
.confbtn:focus-visible {
  outline: 3px solid var(--lp-electric-ground);
  outline-offset: 3px;
}
.cf {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  will-change: transform, opacity;
  z-index: 5;
}

/* flick moment (mocked, auto-plays like the confetti screen) */
.fk-zone {
  position: relative;
  margin: 10px 12px 0;
  min-height: 70px;
}
.fk-zone .ticket {
  margin: 0;
  cursor: grab;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  box-shadow: 0 10px 22px color-mix(in srgb, var(--lp-mango-ink) 22%, transparent);
  will-change: transform;
}
.fk-zone .ticket:focus-visible {
  outline: 3px solid var(--lp-electric-ground);
  outline-offset: 3px;
}
.fk-zone .ticket .up {
  color: var(--mango);
  margin-right: 4px;
}
.fk-sent {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 18px;
  border: 1.5px dashed color-mix(in srgb, var(--lp-mango-ink) 22%, transparent);
  font-size: 12px;
  color: var(--lp-neutral-muted);
  opacity: 0;
}
.fk-sent b {
  color: var(--lp-mango-ink);
  display: block;
  font-size: 13px;
}
.fk-sent .ok {
  flex: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--chilli);
  color: var(--lp-mango-ink);
  font-weight: 700;
}
.fk-finger {
  position: absolute;
  width: 38px;
  height: 38px;
  margin: -19px 0 0 -19px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--lp-neutral-art-paper) 60%, transparent);
  border: 2px solid color-mix(in srgb, var(--lp-neutral-art-paper) 90%, transparent);
  box-shadow:
    0 0 0 6px color-mix(in srgb, var(--lp-mango-ground) 35%, transparent),
    0 4px 12px color-mix(in srgb, var(--lp-mango-ink) 30%, transparent);
  opacity: 0;
  pointer-events: none;
  z-index: 4;
}
.fk-pulse {
  position: absolute;
  top: 4px;
  left: 50%;
  width: 44px;
  height: 12px;
  margin-left: -22px;
  border-radius: 999px;
  background: var(--chilli);
  opacity: 0;
  z-index: 3;
}
.fk-buzz {
  position: absolute;
  top: 40px;
  right: 12px;
  font: 600 10px/1 var(--mono);
  padding: 4px 7px;
  border-radius: 999px;
  background: var(--lp-mango-ink);
  color: var(--mango);
  opacity: 0;
  z-index: 3;
}
.fk-toast {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  padding: 10px 12px;
  border-radius: 16px;
  background: var(--lp-mango-ink);
  color: var(--lp-mango-paper);
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  transform: translateY(160%);
  z-index: 3;
}
.fk-toast button {
  border: 0;
  border-radius: 999px;
  padding: 6px 11px;
  font: 600 12px var(--sans);
  background: var(--mango);
  color: var(--lp-mango-ink);
  cursor: pointer;
}
.fk-toast button:focus-visible {
  outline: 3px solid var(--lp-electric-ground);
  outline-offset: 2px;
}

/* tap earn redeem */
.ter {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 32px;
}
@media (max-width: 820px) {
  .ter {
    grid-template-columns: minmax(0, 1fr);
  }
}
.ter article {
  min-width: 0;
  border-radius: 28px;
  background: var(--surface);
  box-shadow: var(--shadow);
  overflow: hidden;
}
.ter .pic {
  background: var(--art-paper);
}
.ter .txt {
  padding: 18px 22px 22px;
}
.ter h3 {
  font-size: 1.6rem;
  margin-bottom: 6px;
}

/* shops */
.shops {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 30px;
}
@media (max-width: 860px) {
  .shops {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.shops figure {
  margin: 0;
  min-width: 0;
  border-radius: 24px;
  overflow: hidden;
  background: var(--art-paper);
  box-shadow: var(--shadow);
}
.shops figcaption {
  padding: 12px 16px 16px;
  background: var(--surface);
}
.shops figcaption b {
  display: block;
  color: var(--text);
  font-family: var(--display);
  font-size: 1.05rem;
  letter-spacing: -0.02em;
}
.shops figcaption small {
  color: var(--muted);
  font-size: 13px;
}
.shops .pat {
  height: 46px;
  display: block;
  width: 100%;
}

/* week */
.week {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}
@media (max-width: 860px) {
  .week {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 460px) {
  .week {
    grid-template-columns: minmax(0, 1fr);
  }
}
.week {
  row-gap: 20px;
}
/* each visit is a docket: rounded top, scalloped tear-off bottom */
.week div {
  min-width: 0;
  border-radius: 20px 20px 0 0;
  background: var(--lp-neutral-white);
  padding: 14px 16px 12px;
  color: var(--lp-hot-pink-ink-soft);
  font-size: 14px;
  position: relative;
}
.week div::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 6px;
  background: radial-gradient(circle at 6px 0, var(--lp-neutral-white) 5.5px, transparent 6px) 0 0 /
    12px 6px repeat-x;
}
.week time {
  display: block;
  font: 700 11px var(--mono);
  letter-spacing: 0.06em;
  color: var(--pink-ink);
}
.week b {
  display: block;
  color: var(--pink-ink);
  font-family: var(--display);
  font-size: 1.05rem;
  margin: 4px 0 2px;
  letter-spacing: -0.02em;
}

/* getting started */
.start {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 28px;
}
@media (max-width: 820px) {
  .start {
    grid-template-columns: minmax(0, 1fr);
  }
}
.start div {
  min-width: 0;
  padding: 18px;
  border-radius: 22px;
  background: var(--lp-neutral-white);
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}
.start b {
  display: block;
  font-family: var(--display);
  color: var(--lime-ink);
  font-size: 1.1rem;
  letter-spacing: -0.02em;
}
.start svg {
  width: 78px;
  height: 78px;
}

/* close */
.close {
  background: var(--mango);
  color: var(--ink);
  padding-block: 64px 0;
  overflow: hidden;
}
.close h2 {
  color: var(--ink);
  max-width: 14ch;
}
.close p {
  color: var(--lp-mango-ink-soft);
  margin-top: 14px;
}
.close .ctas .btn.ghost {
  color: var(--ink);
}
.close .street {
  margin-top: 36px;
}
footer {
  background: var(--ink);
  color: var(--lp-dark-neutral-text);
  padding-block: 34px;
  font-size: 14px;
}
footer .wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 28px;
  justify-content: space-between;
  align-items: center;
}
footer .logo {
  color: var(--cream);
}
footer nav {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
}
.wob {
  filter: url(#wobble);
}
@media (prefers-reduced-motion: no-preference) {
  .ripple {
    animation: rip 2.4s ease-out infinite;
    transform-box: fill-box;
    transform-origin: center;
  }
  .ripple.d2 {
    animation-delay: 0.8s;
  }
  @keyframes rip {
    0% {
      opacity: 0.9;
      transform: scale(0.6);
    }
    100% {
      opacity: 0;
      transform: scale(1.5);
    }
  }
}

/* converted inline styles */
.st1.st1 {
  position: absolute;
}
.st2.st2 {
  margin-top: 14px;
}
.st3.st3 {
  background: var(--lp-mango-ground);
  color: var(--lp-mango-ink);
}
.st4.st4 {
  --c: var(--lp-electric-ground);
}
.st5.st5 {
  --c: var(--lp-mango-ground);
}
.st6.st6 {
  --c: var(--lp-chilli-ground);
}
.st7.st7 {
  --c: var(--lp-lime-ground);
}
.st8.st8 {
  color: var(--lp-mango-ink);
}
.st9.st9 {
  font-size: 12px;
  color: var(--lp-neutral-text);
  margin-top: 4px;
}
.st10.st10 {
  background: var(--lp-lime-ground);
  color: var(--lp-lime-ink);
}
.st11.st11 {
  margin-top: 8px;
  color: var(--lp-neutral-muted);
}
.st12.st12 {
  background: transparent;
  color: var(--lp-neutral-muted);
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--lp-mango-ink) 15%, transparent);
}
.st13.st13 {
  background: var(--lp-eucalyptus-ground);
}
.st14.st14 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  width: 100%;
  height: 10px;
}
.st15.st15 {
  background: var(--lp-mango-ground);
}
.st16.st16 {
  background: var(--lp-electric-ground);
}
.st17.st17 {
  background: var(--lp-hot-pink-ground);
}
.st18.st18 {
  background: var(--lp-lime-ground);
}
.st19.st19 {
  color: var(--muted);
}
.st20.st20 {
  padding-top: 8px;
}
.st21.st21 {
  --art-paper: var(--lp-mango-paper);
  --art-line: var(--lp-mango-ink);
}

/* ---- site plumbing ---- */
body {
  margin: 0;
}
.skip {
  position: absolute;
  left: 16px;
  top: -60px;
  z-index: 50;
  padding: 10px 14px;
  border-radius: 999px;
  background: var(--ink);
  color: var(--cream);
  font: 600 14px/1 var(--sans);
  text-decoration: none;
}
.skip:focus {
  top: 12px;
}
img.pat {
  object-fit: cover;
}

/* ---- flick screen: a 7 s loop. Finger lands, drags the reward up, flicks it off the top; it lands as "on the counter" ---- */
#fkchip .fk-swap {
  display: grid;
}
#fkchip .fk-off,
#fkchip .fk-on {
  display: block;
  grid-area: 1 / 1;
}
#fkchip .fk-on {
  opacity: 0;
}
#fkfinger {
  left: 91px;
  top: 322px;
}
.fk-undo {
  border-radius: 999px;
  padding: 6px 11px;
  font: 600 12px var(--sans);
  background: var(--mango);
  color: var(--lp-mango-ink);
}
@media (prefers-reduced-motion: no-preference) {
  #fkfinger {
    animation: fk-finger 7s infinite;
  }
  #fkcard {
    animation: fk-card 7s infinite;
  }
  #fkpulse {
    animation: fk-pulse 7s infinite;
  }
  #fksent {
    animation: fk-sent 7s infinite;
  }
  #fktoast {
    animation: fk-toast 7s infinite;
  }
  #fkbuzz {
    animation: fk-buzz 7s infinite;
  }
  #fkchip .fk-off {
    animation: fk-off 7s infinite;
  }
  #fkchip .fk-on {
    animation: fk-on 7s infinite;
  }
  #fkchip .bars i:nth-child(3) {
    animation: fk-bar 7s infinite;
    transform-origin: left;
  }
  .cf {
    opacity: 0;
  }
  .confbtn {
    animation: cf-press 6s infinite;
  }
}
@keyframes fk-finger {
  0%,
  9% {
    opacity: 0;
    transform: scale(1.5);
    animation-timing-function: cubic-bezier(0.2, 0, 0, 1);
  }
  13% {
    opacity: 1;
    transform: scale(1);
    animation-timing-function: ease-in-out;
  }
  19% {
    opacity: 1;
    transform: translateY(-36px);
    animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
  }
  23%,
  100% {
    opacity: 0;
    transform: translateY(-120px);
  }
}
@keyframes fk-card {
  0%,
  13% {
    transform: none;
    opacity: 1;
    animation-timing-function: ease-in-out;
  }
  19% {
    transform: translateY(-36px) rotate(-1.5deg);
    animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
  }
  23%,
  85% {
    transform: translateY(-382px) rotate(-6deg) scale(0.86);
    opacity: 1;
  }
  86% {
    transform: translateY(-80px);
    opacity: 0;
    animation-timing-function: cubic-bezier(0.34, 1.4, 0.64, 1);
  }
  93%,
  100% {
    transform: none;
    opacity: 1;
  }
}
@keyframes fk-pulse {
  0%,
  23% {
    opacity: 0;
    transform: scale(0.8);
  }
  26% {
    opacity: 1;
    transform: scale(1.25);
  }
  29% {
    opacity: 1;
    transform: scale(1);
  }
  31%,
  100% {
    opacity: 0;
    transform: scale(0.8);
  }
}
@keyframes fk-sent {
  0%,
  30% {
    opacity: 0;
    transform: translateY(-16px) scale(0.96);
    animation-timing-function: cubic-bezier(0.34, 1.4, 0.64, 1);
  }
  35%,
  82% {
    opacity: 1;
    transform: none;
  }
  85%,
  100% {
    opacity: 0;
  }
}
@keyframes fk-toast {
  0%,
  31% {
    transform: translateY(160%);
    animation-timing-function: cubic-bezier(0.2, 0, 0, 1);
  }
  36%,
  82% {
    transform: none;
    animation-timing-function: cubic-bezier(0.2, 0, 0, 1);
  }
  86%,
  100% {
    transform: translateY(160%);
  }
}
@keyframes fk-buzz {
  0%,
  30% {
    opacity: 0;
  }
  32%,
  38% {
    opacity: 1;
  }
  40%,
  100% {
    opacity: 0;
  }
}
@keyframes fk-off {
  0%,
  30% {
    opacity: 1;
  }
  32%,
  83% {
    opacity: 0;
  }
  85%,
  100% {
    opacity: 1;
  }
}
@keyframes fk-on {
  0%,
  30% {
    opacity: 0;
  }
  32%,
  83% {
    opacity: 1;
  }
  85%,
  100% {
    opacity: 0;
  }
}
@keyframes fk-bar {
  0%,
  30% {
    background: color-mix(in srgb, var(--lp-mango-ink) 15%, transparent);
    transform: scaleX(1);
  }
  31% {
    background: var(--c);
    transform: scaleX(0);
  }
  35%,
  83% {
    background: var(--c);
    transform: scaleX(1);
  }
  85%,
  100% {
    background: color-mix(in srgb, var(--lp-mango-ink) 15%, transparent);
  }
}

/* ---- reward unlocked: the button presses itself and confetti bursts, every 6 s ---- */
.confbtn {
  display: inline-block;
  cursor: default;
}
.confbtn:hover,
.confbtn:active {
  transform: none;
}
.cfs {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.cf-strip {
  display: block;
  width: 7px;
  height: 13px;
  border-radius: 2px;
}
.cf-dot {
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
}
@media (prefers-reduced-motion: reduce) {
  .cf {
    display: none;
  }
}
@keyframes cf-press {
  0%,
  7% {
    transform: none;
  }
  8.5% {
    transform: scale(0.9);
  }
  12% {
    transform: scale(1.08);
  }
  15%,
  100% {
    transform: none;
  }
}

/* confetti particles (pre-computed paths) */
@keyframes cf0 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(114px, 399px) rotate(27deg) scaleY(0.85);
    opacity: 1;
  }
  13.3% {
    transform: translate(97px, 336px) rotate(34deg) scaleY(0.45);
    opacity: 1;
  }
  16.7% {
    transform: translate(92px, 344px) rotate(42deg) scaleY(1);
    opacity: 1;
  }
  20.0% {
    transform: translate(91px, 401px) rotate(50deg) scaleY(0.42);
    opacity: 1;
  }
  23.3% {
    transform: translate(84px, 492px) rotate(58deg) scaleY(0.87);
    opacity: 1;
  }
  26.7% {
    transform: translate(74px, 606px) rotate(65deg) scaleY(0.82);
    opacity: 1;
  }
  30.0% {
    transform: translate(70px, 737px) rotate(73deg) scaleY(0.5);
    opacity: 1;
  }
  33.3% {
    transform: translate(73px, 879px) rotate(81deg) scaleY(1);
    opacity: 0.95;
  }
  36.7% {
    transform: translate(78px, 1030px) rotate(89deg) scaleY(0.37);
    opacity: 0.73;
  }
  40.0% {
    transform: translate(74px, 1185px) rotate(96deg) scaleY(0.89);
    opacity: 0.51;
  }
  43.3% {
    transform: translate(67px, 1345px) rotate(104deg) scaleY(0.78);
    opacity: 0.28;
  }
  46.7% {
    transform: translate(65px, 1507px) rotate(112deg) scaleY(0.55);
    opacity: 0.06;
  }
  47.5% {
    transform: translate(66px, 1547px) rotate(114deg) scaleY(0.76);
    opacity: 0.01;
  }
  100% {
    opacity: 0;
  }
}
.cf0 {
  animation: cf0 6s linear infinite;
}
@keyframes cf1 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(120px, 399px) rotate(31deg) scaleY(0.6);
    opacity: 1;
  }
  13.3% {
    transform: translate(159px, 334px) rotate(15deg) scaleY(0.96);
    opacity: 1;
  }
  16.7% {
    transform: translate(186px, 340px) rotate(-1deg) scaleY(0.27);
    opacity: 1;
  }
  20.0% {
    transform: translate(212px, 395px) rotate(-18deg) scaleY(0.99);
    opacity: 1;
  }
  23.3% {
    transform: translate(233px, 485px) rotate(-34deg) scaleY(0.48);
    opacity: 1;
  }
  26.7% {
    transform: translate(241px, 599px) rotate(-50deg) scaleY(0.87);
    opacity: 1;
  }
  30.0% {
    transform: translate(242px, 730px) rotate(-67deg) scaleY(0.78);
    opacity: 1;
  }
  33.3% {
    transform: translate(246px, 872px) rotate(-83deg) scaleY(0.61);
    opacity: 0.77;
  }
  36.7% {
    transform: translate(255px, 1022px) rotate(-99deg) scaleY(0.96);
    opacity: 0.52;
  }
  40.0% {
    transform: translate(262px, 1177px) rotate(-115deg) scaleY(0.28);
    opacity: 0.27;
  }
  43.3% {
    transform: translate(259px, 1336px) rotate(-132deg) scaleY(0.99);
    opacity: 0.02;
  }
  43.6% {
    transform: translate(258px, 1350px) rotate(-133deg) scaleY(1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.cf1 {
  animation: cf1 6s linear infinite;
}
@keyframes cf2 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(118px, 392px) rotate(151deg) scaleY(0.84);
    opacity: 1;
  }
  13.3% {
    transform: translate(136px, 260px) rotate(254deg) scaleY(0.97);
    opacity: 1;
  }
  16.7% {
    transform: translate(144px, 220px) rotate(357deg) scaleY(0.51);
    opacity: 1;
  }
  20.0% {
    transform: translate(158px, 243px) rotate(460deg) scaleY(0.59);
    opacity: 1;
  }
  23.3% {
    transform: translate(161px, 311px) rotate(563deg) scaleY(0.99);
    opacity: 1;
  }
  26.7% {
    transform: translate(163px, 410px) rotate(666deg) scaleY(0.78);
    opacity: 1;
  }
  30.0% {
    transform: translate(172px, 529px) rotate(769deg) scaleY(0.28);
    opacity: 1;
  }
  33.3% {
    transform: translate(169px, 664px) rotate(871deg) scaleY(0.88);
    opacity: 0.81;
  }
  36.7% {
    transform: translate(170px, 809px) rotate(974deg) scaleY(0.95);
    opacity: 0.57;
  }
  40.0% {
    transform: translate(176px, 961px) rotate(1077deg) scaleY(0.44);
    opacity: 0.33;
  }
  43.3% {
    transform: translate(171px, 1117px) rotate(1180deg) scaleY(0.66);
    opacity: 0.09;
  }
  44.4% {
    transform: translate(170px, 1170px) rotate(1214deg) scaleY(0.31);
    opacity: 0.01;
  }
  100% {
    opacity: 0;
  }
}
.cf2 {
  animation: cf2 6s linear infinite;
}
@keyframes cf3 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(119px, 400px) rotate(288deg) scaleY(0.96);
    opacity: 1;
  }
  13.3% {
    transform: translate(152px, 349px) rotate(219deg) scaleY(0.27);
    opacity: 1;
  }
  16.7% {
    transform: translate(166px, 365px) rotate(150deg) scaleY(0.91);
    opacity: 1;
  }
  20.0% {
    transform: translate(178px, 427px) rotate(81deg) scaleY(0.82);
    opacity: 1;
  }
  23.3% {
    transform: translate(193px, 522px) rotate(12deg) scaleY(0.43);
    opacity: 1;
  }
  26.7% {
    transform: translate(196px, 639px) rotate(-57deg) scaleY(1);
    opacity: 1;
  }
  30.0% {
    transform: translate(198px, 772px) rotate(-126deg) scaleY(0.58);
    opacity: 1;
  }
  33.3% {
    transform: translate(207px, 915px) rotate(-195deg) scaleY(0.7);
    opacity: 0.87;
  }
  36.7% {
    transform: translate(207px, 1066px) rotate(-264deg) scaleY(0.97);
    opacity: 0.63;
  }
  40.0% {
    transform: translate(204px, 1223px) rotate(-333deg) scaleY(0.29);
    opacity: 0.4;
  }
  43.3% {
    transform: translate(210px, 1382px) rotate(-402deg) scaleY(0.9);
    opacity: 0.17;
  }
  45.6% {
    transform: translate(213px, 1490px) rotate(-448deg) scaleY(0.4);
    opacity: 0.01;
  }
  100% {
    opacity: 0;
  }
}
.cf3 {
  animation: cf3 6s linear infinite;
}
@keyframes cf4 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(115px, 400px) rotate(77deg) scaleY(0.44);
    opacity: 1;
  }
  13.3% {
    transform: translate(114px, 342px) rotate(116deg) scaleY(0.96);
    opacity: 1;
  }
  16.7% {
    transform: translate(118px, 353px) rotate(155deg) scaleY(0.43);
    opacity: 1;
  }
  20.0% {
    transform: translate(113px, 412px) rotate(194deg) scaleY(0.97);
    opacity: 1;
  }
  23.3% {
    transform: translate(106px, 504px) rotate(233deg) scaleY(0.42);
    opacity: 1;
  }
  26.7% {
    transform: translate(108px, 620px) rotate(272deg) scaleY(0.97);
    opacity: 1;
  }
  30.0% {
    transform: translate(113px, 752px) rotate(311deg) scaleY(0.41);
    opacity: 1;
  }
  33.3% {
    transform: translate(110px, 894px) rotate(350deg) scaleY(0.97);
    opacity: 0.99;
  }
  36.7% {
    transform: translate(104px, 1045px) rotate(389deg) scaleY(0.4);
    opacity: 0.78;
  }
  40.0% {
    transform: translate(107px, 1201px) rotate(428deg) scaleY(0.98);
    opacity: 0.56;
  }
  43.3% {
    transform: translate(112px, 1360px) rotate(467deg) scaleY(0.39);
    opacity: 0.35;
  }
  46.7% {
    transform: translate(109px, 1522px) rotate(506deg) scaleY(0.98);
    opacity: 0.13;
  }
  48.6% {
    transform: translate(105px, 1618px) rotate(529deg) scaleY(0.82);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.cf4 {
  animation: cf4 6s linear infinite;
}
@keyframes cf5 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(116px, 398px) rotate(247deg) scaleY(0.94);
    opacity: 1;
  }
  13.3% {
    transform: translate(117px, 319px) rotate(192deg) scaleY(0.3);
    opacity: 1;
  }
  16.7% {
    transform: translate(110px, 316px) rotate(136deg) scaleY(0.99);
    opacity: 1;
  }
  20.0% {
    transform: translate(105px, 365px) rotate(81deg) scaleY(0.51);
    opacity: 1;
  }
  23.3% {
    transform: translate(109px, 451px) rotate(26deg) scaleY(0.84);
    opacity: 1;
  }
  26.7% {
    transform: translate(108px, 562px) rotate(-29deg) scaleY(0.83);
    opacity: 1;
  }
  30.0% {
    transform: translate(102px, 690px) rotate(-85deg) scaleY(0.51);
    opacity: 1;
  }
  33.3% {
    transform: translate(104px, 831px) rotate(-140deg) scaleY(0.99);
    opacity: 1;
  }
  36.7% {
    transform: translate(108px, 980px) rotate(-195deg) scaleY(0.29);
    opacity: 0.94;
  }
  40.0% {
    transform: translate(103px, 1134px) rotate(-250deg) scaleY(0.94);
    opacity: 0.74;
  }
  43.3% {
    transform: translate(100px, 1293px) rotate(-306deg) scaleY(0.68);
    opacity: 0.55;
  }
  46.7% {
    transform: translate(107px, 1455px) rotate(-361deg) scaleY(0.7);
    opacity: 0.35;
  }
  50.0% {
    transform: translate(105px, 1618px) rotate(-416deg) scaleY(0.93);
    opacity: 0.16;
  }
  52.5% {
    transform: translate(101px, 1742px) rotate(-458deg) scaleY(0.66);
    opacity: 0.01;
  }
  100% {
    opacity: 0;
  }
}
.cf5 {
  animation: cf5 6s linear infinite;
}
@keyframes cf6 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(118px, 398px) rotate(41deg) scaleY(0.33);
    opacity: 1;
  }
  13.3% {
    transform: translate(136px, 326px) rotate(23deg) scaleY(0.95);
    opacity: 1;
  }
  16.7% {
    transform: translate(145px, 328px) rotate(6deg) scaleY(0.61);
    opacity: 1;
  }
  20.0% {
    transform: translate(155px, 380px) rotate(-12deg) scaleY(0.79);
    opacity: 1;
  }
  23.3% {
    transform: translate(169px, 468px) rotate(-30deg) scaleY(0.84);
    opacity: 1;
  }
  26.7% {
    transform: translate(176px, 580px) rotate(-47deg) scaleY(0.56);
    opacity: 1;
  }
  30.0% {
    transform: translate(173px, 710px) rotate(-65deg) scaleY(0.97);
    opacity: 1;
  }
  33.3% {
    transform: translate(171px, 851px) rotate(-83deg) scaleY(0.27);
    opacity: 0.94;
  }
  36.7% {
    transform: translate(177px, 1000px) rotate(-100deg) scaleY(1);
    opacity: 0.71;
  }
  40.0% {
    transform: translate(184px, 1155px) rotate(-118deg) scaleY(0.43);
    opacity: 0.49;
  }
  43.3% {
    transform: translate(183px, 1314px) rotate(-136deg) scaleY(0.91);
    opacity: 0.27;
  }
  46.7% {
    transform: translate(177px, 1476px) rotate(-154deg) scaleY(0.7);
    opacity: 0.05;
  }
  47.2% {
    transform: translate(176px, 1503px) rotate(-156deg) scaleY(0.54);
    opacity: 0.01;
  }
  100% {
    opacity: 0;
  }
}
.cf6 {
  animation: cf6 6s linear infinite;
}
@keyframes cf7 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(110px, 397px) rotate(213deg) scaleY(0.99);
    opacity: 1;
  }
  13.3% {
    transform: translate(56px, 315px) rotate(294deg) scaleY(0.67);
    opacity: 1;
  }
  16.7% {
    transform: translate(26px, 310px) rotate(375deg) scaleY(0.57);
    opacity: 1;
  }
  20.0% {
    transform: translate(-2px, 358px) rotate(456deg) scaleY(1);
    opacity: 1;
  }
  23.3% {
    transform: translate(-23px, 443px) rotate(537deg) scaleY(0.55);
    opacity: 1;
  }
  26.7% {
    transform: translate(-29px, 553px) rotate(619deg) scaleY(0.69);
    opacity: 1;
  }
  30.0% {
    transform: translate(-39px, 680px) rotate(700deg) scaleY(0.98);
    opacity: 1;
  }
  33.3% {
    transform: translate(-49px, 821px) rotate(781deg) scaleY(0.41);
    opacity: 1;
  }
  36.7% {
    transform: translate(-48px, 969px) rotate(862deg) scaleY(0.79);
    opacity: 0.78;
  }
  40.0% {
    transform: translate(-51px, 1124px) rotate(943deg) scaleY(0.94);
    opacity: 0.57;
  }
  43.3% {
    transform: translate(-58px, 1283px) rotate(1024deg) scaleY(0.27);
    opacity: 0.35;
  }
  46.7% {
    transform: translate(-54px, 1444px) rotate(1105deg) scaleY(0.88);
    opacity: 0.14;
  }
  48.6% {
    transform: translate(-53px, 1539px) rotate(1152deg) scaleY(0.33);
    opacity: 0.01;
  }
  100% {
    opacity: 0;
  }
}
.cf7 {
  animation: cf7 6s linear infinite;
}
@keyframes cf8 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(117px, 396px) rotate(340deg) scaleY(0.92);
    opacity: 1;
  }
  13.3% {
    transform: translate(129px, 305px) rotate(334deg) scaleY(0.33);
    opacity: 1;
  }
  16.7% {
    transform: translate(130px, 293px) rotate(328deg) scaleY(0.99);
    opacity: 1;
  }
  20.0% {
    transform: translate(128px, 336px) rotate(323deg) scaleY(0.53);
    opacity: 1;
  }
  23.3% {
    transform: translate(132px, 417px) rotate(317deg) scaleY(0.8);
    opacity: 1;
  }
  26.7% {
    transform: translate(141px, 525px) rotate(312deg) scaleY(0.88);
    opacity: 1;
  }
  30.0% {
    transform: translate(145px, 651px) rotate(306deg) scaleY(0.4);
    opacity: 1;
  }
  33.3% {
    transform: translate(141px, 790px) rotate(300deg) scaleY(1);
    opacity: 1;
  }
  36.7% {
    transform: translate(136px, 938px) rotate(295deg) scaleY(0.47);
    opacity: 0.85;
  }
  40.0% {
    transform: translate(138px, 1092px) rotate(289deg) scaleY(0.84);
    opacity: 0.64;
  }
  43.3% {
    transform: translate(145px, 1251px) rotate(284deg) scaleY(0.85);
    opacity: 0.43;
  }
  46.7% {
    transform: translate(148px, 1412px) rotate(278deg) scaleY(0.46);
    opacity: 0.23;
  }
  50.0% {
    transform: translate(142px, 1575px) rotate(272deg) scaleY(1);
    opacity: 0.02;
  }
  50.3% {
    transform: translate(142px, 1589px) rotate(272deg) scaleY(0.99);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.cf8 {
  animation: cf8 6s linear infinite;
}
@keyframes cf9 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(119px, 392px) rotate(100deg) scaleY(0.9);
    opacity: 1;
  }
  13.3% {
    transform: translate(143px, 257px) rotate(76deg) scaleY(0.33);
    opacity: 1;
  }
  16.7% {
    transform: translate(153px, 215px) rotate(51deg) scaleY(0.99);
    opacity: 1;
  }
  20.0% {
    transform: translate(157px, 237px) rotate(26deg) scaleY(0.6);
    opacity: 1;
  }
  23.3% {
    transform: translate(164px, 303px) rotate(2deg) scaleY(0.72);
    opacity: 1;
  }
  26.7% {
    transform: translate(176px, 401px) rotate(-23deg) scaleY(0.95);
    opacity: 1;
  }
  30.0% {
    transform: translate(183px, 520px) rotate(-48deg) scaleY(0.21);
    opacity: 1;
  }
  33.3% {
    transform: translate(182px, 655px) rotate(-72deg) scaleY(0.96);
    opacity: 0.92;
  }
  36.7% {
    transform: translate(177px, 799px) rotate(-97deg) scaleY(0.7);
    opacity: 0.7;
  }
  40.0% {
    transform: translate(177px, 951px) rotate(-122deg) scaleY(0.62);
    opacity: 0.47;
  }
  43.3% {
    transform: translate(184px, 1108px) rotate(-146deg) scaleY(0.98);
    opacity: 0.25;
  }
  46.7% {
    transform: translate(189px, 1268px) rotate(-171deg) scaleY(0.31);
    opacity: 0.02;
  }
  46.9% {
    transform: translate(190px, 1281px) rotate(-173deg) scaleY(0.23);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.cf9 {
  animation: cf9 6s linear infinite;
}
@keyframes cf10 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(118px, 400px) rotate(270deg) scaleY(0.89);
    opacity: 1;
  }
  13.3% {
    transform: translate(138px, 347px) rotate(190deg) scaleY(0.53);
    opacity: 1;
  }
  16.7% {
    transform: translate(158px, 362px) rotate(110deg) scaleY(0.96);
    opacity: 1;
  }
  20.0% {
    transform: translate(176px, 424px) rotate(30deg) scaleY(0.38);
    opacity: 1;
  }
  23.3% {
    transform: translate(182px, 518px) rotate(-50deg) scaleY(0.99);
    opacity: 1;
  }
  26.7% {
    transform: translate(182px, 635px) rotate(-130deg) scaleY(0.23);
    opacity: 1;
  }
  30.0% {
    transform: translate(191px, 768px) rotate(-210deg) scaleY(1);
    opacity: 1;
  }
  33.3% {
    transform: translate(198px, 911px) rotate(-291deg) scaleY(0.33);
    opacity: 1;
  }
  36.7% {
    transform: translate(195px, 1062px) rotate(-371deg) scaleY(0.97);
    opacity: 0.94;
  }
  40.0% {
    transform: translate(193px, 1218px) rotate(-451deg) scaleY(0.48);
    opacity: 0.74;
  }
  43.3% {
    transform: translate(200px, 1378px) rotate(-531deg) scaleY(0.92);
    opacity: 0.55;
  }
  46.7% {
    transform: translate(203px, 1540px) rotate(-611deg) scaleY(0.62);
    opacity: 0.35;
  }
  50.0% {
    transform: translate(197px, 1704px) rotate(-691deg) scaleY(0.84);
    opacity: 0.16;
  }
  52.5% {
    transform: translate(195px, 1828px) rotate(-751deg) scaleY(0.46);
    opacity: 0.01;
  }
  100% {
    opacity: 0;
  }
}
.cf10 {
  animation: cf10 6s linear infinite;
}
@keyframes cf11 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(111px, 398px) rotate(324deg) scaleY(0.83);
    opacity: 1;
  }
  13.3% {
    transform: translate(63px, 328px) rotate(393deg) scaleY(0.71);
    opacity: 1;
  }
  16.7% {
    transform: translate(35px, 330px) rotate(462deg) scaleY(0.8);
    opacity: 1;
  }
  20.0% {
    transform: translate(21px, 383px) rotate(531deg) scaleY(0.76);
    opacity: 1;
  }
  23.3% {
    transform: translate(8px, 471px) rotate(600deg) scaleY(0.76);
    opacity: 1;
  }
  26.7% {
    transform: translate(-8px, 584px) rotate(669deg) scaleY(0.8);
    opacity: 1;
  }
  30.0% {
    transform: translate(-16px, 713px) rotate(738deg) scaleY(0.71);
    opacity: 1;
  }
  33.3% {
    transform: translate(-14px, 855px) rotate(807deg) scaleY(0.83);
    opacity: 0.89;
  }
  36.7% {
    transform: translate(-16px, 1004px) rotate(875deg) scaleY(0.66);
    opacity: 0.66;
  }
  40.0% {
    transform: translate(-25px, 1159px) rotate(944deg) scaleY(0.87);
    opacity: 0.44;
  }
  43.3% {
    transform: translate(-28px, 1319px) rotate(1013deg) scaleY(0.62);
    opacity: 0.21;
  }
  46.1% {
    transform: translate(-24px, 1453px) rotate(1071deg) scaleY(0.97);
    opacity: 0.01;
  }
  100% {
    opacity: 0;
  }
}
.cf11 {
  animation: cf11 6s linear infinite;
}
@keyframes cf12 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(114px, 393px) rotate(49deg) scaleY(0.81);
    opacity: 1;
  }
  13.3% {
    transform: translate(88px, 267px) rotate(-21deg) scaleY(0.77);
    opacity: 1;
  }
  16.7% {
    transform: translate(74px, 231px) rotate(-91deg) scaleY(0.71);
    opacity: 1;
  }
  20.0% {
    transform: translate(71px, 257px) rotate(-161deg) scaleY(0.86);
    opacity: 1;
  }
  23.3% {
    transform: translate(67px, 327px) rotate(-231deg) scaleY(0.59);
    opacity: 1;
  }
  26.7% {
    transform: translate(56px, 427px) rotate(-301deg) scaleY(0.93);
    opacity: 1;
  }
  30.0% {
    transform: translate(50px, 547px) rotate(-371deg) scaleY(0.46);
    opacity: 1;
  }
  33.3% {
    transform: translate(53px, 683px) rotate(-441deg) scaleY(0.98);
    opacity: 0.94;
  }
  36.7% {
    transform: translate(56px, 828px) rotate(-511deg) scaleY(0.32);
    opacity: 0.71;
  }
  40.0% {
    transform: translate(50px, 980px) rotate(-581deg) scaleY(1);
    opacity: 0.49;
  }
  43.3% {
    transform: translate(45px, 1137px) rotate(-651deg) scaleY(0.23);
    opacity: 0.27;
  }
  46.7% {
    transform: translate(48px, 1297px) rotate(-721deg) scaleY(0.99);
    opacity: 0.04;
  }
  47.2% {
    transform: translate(49px, 1324px) rotate(-732deg) scaleY(0.99);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.cf12 {
  animation: cf12 6s linear infinite;
}
@keyframes cf13 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(116px, 398px) rotate(148deg) scaleY(0.93);
    opacity: 1;
  }
  13.3% {
    transform: translate(112px, 323px) rotate(120deg) scaleY(0.47);
    opacity: 1;
  }
  16.7% {
    transform: translate(101px, 323px) rotate(92deg) scaleY(0.55);
    opacity: 1;
  }
  20.0% {
    transform: translate(100px, 374px) rotate(64deg) scaleY(0.96);
    opacity: 1;
  }
  23.3% {
    transform: translate(98px, 461px) rotate(36deg) scaleY(0.91);
    opacity: 1;
  }
  26.7% {
    transform: translate(92px, 573px) rotate(7deg) scaleY(0.44);
    opacity: 1;
  }
  30.0% {
    transform: translate(96px, 702px) rotate(-21deg) scaleY(0.58);
    opacity: 1;
  }
  33.3% {
    transform: translate(92px, 843px) rotate(-49deg) scaleY(0.97);
    opacity: 1;
  }
  36.7% {
    transform: translate(90px, 992px) rotate(-77deg) scaleY(0.89);
    opacity: 0.84;
  }
  40.0% {
    transform: translate(95px, 1147px) rotate(-106deg) scaleY(0.4);
    opacity: 0.63;
  }
  43.3% {
    transform: translate(89px, 1306px) rotate(-134deg) scaleY(0.62);
    opacity: 0.42;
  }
  46.7% {
    transform: translate(92px, 1467px) rotate(-162deg) scaleY(0.98);
    opacity: 0.22;
  }
  50.0% {
    transform: translate(93px, 1631px) rotate(-190deg) scaleY(0.87);
    opacity: 0.01;
  }
  50.0% {
    transform: translate(93px, 1631px) rotate(-190deg) scaleY(0.87);
    opacity: 0.01;
  }
  100% {
    opacity: 0;
  }
}
.cf13 {
  animation: cf13 6s linear infinite;
}
@keyframes cf14 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(116px, 395px) rotate(27deg) scaleY(0.31);
    opacity: 1;
  }
  13.3% {
    transform: translate(113px, 289px) rotate(113deg) scaleY(0.75);
    opacity: 1;
  }
  16.7% {
    transform: translate(116px, 266px) rotate(199deg) scaleY(1);
    opacity: 1;
  }
  20.0% {
    transform: translate(120px, 302px) rotate(286deg) scaleY(0.65);
    opacity: 1;
  }
  23.3% {
    transform: translate(115px, 379px) rotate(372deg) scaleY(0.43);
    opacity: 1;
  }
  26.7% {
    transform: translate(119px, 483px) rotate(458deg) scaleY(0.94);
    opacity: 1;
  }
  30.0% {
    transform: translate(120px, 607px) rotate(544deg) scaleY(0.9);
    opacity: 1;
  }
  33.3% {
    transform: translate(115px, 745px) rotate(631deg) scaleY(0.34);
    opacity: 1;
  }
  36.7% {
    transform: translate(121px, 891px) rotate(717deg) scaleY(0.73);
    opacity: 0.9;
  }
  40.0% {
    transform: translate(119px, 1045px) rotate(803deg) scaleY(1);
    opacity: 0.7;
  }
  43.3% {
    transform: translate(116px, 1202px) rotate(890deg) scaleY(0.68);
    opacity: 0.5;
  }
  46.7% {
    transform: translate(122px, 1363px) rotate(976deg) scaleY(0.4);
    opacity: 0.3;
  }
  50.0% {
    transform: translate(118px, 1526px) rotate(1062deg) scaleY(0.93);
    opacity: 0.1;
  }
  51.4% {
    transform: translate(116px, 1595px) rotate(1098deg) scaleY(0.37);
    opacity: 0.01;
  }
  100% {
    opacity: 0;
  }
}
.cf14 {
  animation: cf14 6s linear infinite;
}
@keyframes cf15 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(118px, 397px) rotate(220deg) scaleY(0.76);
    opacity: 1;
  }
  13.3% {
    transform: translate(129px, 311px) rotate(126deg) scaleY(0.7);
    opacity: 1;
  }
  16.7% {
    transform: translate(130px, 303px) rotate(31deg) scaleY(0.88);
    opacity: 1;
  }
  20.0% {
    transform: translate(133px, 348px) rotate(-63deg) scaleY(0.54);
    opacity: 1;
  }
  23.3% {
    transform: translate(143px, 432px) rotate(-158deg) scaleY(0.96);
    opacity: 1;
  }
  26.7% {
    transform: translate(149px, 541px) rotate(-252deg) scaleY(0.35);
    opacity: 1;
  }
  30.0% {
    transform: translate(146px, 668px) rotate(-347deg) scaleY(1);
    opacity: 0.98;
  }
  33.3% {
    transform: translate(142px, 808px) rotate(-441deg) scaleY(0.24);
    opacity: 0.72;
  }
  36.7% {
    transform: translate(147px, 956px) rotate(-536deg) scaleY(0.99);
    opacity: 0.47;
  }
  40.0% {
    transform: translate(153px, 1110px) rotate(-631deg) scaleY(0.43);
    opacity: 0.21;
  }
  42.8% {
    transform: translate(152px, 1242px) rotate(-709deg) scaleY(0.84);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.cf15 {
  animation: cf15 6s linear infinite;
}
@keyframes cf16 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(117px, 400px) rotate(47deg) scaleY(0.86);
    opacity: 1;
  }
  13.3% {
    transform: translate(126px, 345px) rotate(-39deg) scaleY(0.4);
    opacity: 1;
  }
  16.7% {
    transform: translate(139px, 358px) rotate(-125deg) scaleY(1);
    opacity: 1;
  }
  20.0% {
    transform: translate(151px, 419px) rotate(-211deg) scaleY(0.53);
    opacity: 1;
  }
  23.3% {
    transform: translate(154px, 512px) rotate(-297deg) scaleY(0.78);
    opacity: 1;
  }
  26.7% {
    transform: translate(151px, 628px) rotate(-383deg) scaleY(0.91);
    opacity: 1;
  }
  30.0% {
    transform: translate(149px, 760px) rotate(-469deg) scaleY(0.3);
    opacity: 1;
  }
  33.3% {
    transform: translate(155px, 904px) rotate(-555deg) scaleY(0.98);
    opacity: 1;
  }
  36.7% {
    transform: translate(162px, 1054px) rotate(-641deg) scaleY(0.62);
    opacity: 0.94;
  }
  40.0% {
    transform: translate(162px, 1210px) rotate(-727deg) scaleY(0.7);
    opacity: 0.74;
  }
  43.3% {
    transform: translate(157px, 1370px) rotate(-814deg) scaleY(0.96);
    opacity: 0.55;
  }
  46.7% {
    transform: translate(153px, 1532px) rotate(-900deg) scaleY(0.2);
    opacity: 0.35;
  }
  50.0% {
    transform: translate(156px, 1696px) rotate(-986deg) scaleY(0.95);
    opacity: 0.16;
  }
  52.5% {
    transform: translate(162px, 1820px) rotate(-1050deg) scaleY(0.87);
    opacity: 0.01;
  }
  100% {
    opacity: 0;
  }
}
.cf16 {
  animation: cf16 6s linear infinite;
}
@keyframes cf17 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(115px, 399px) rotate(123deg) scaleY(0.33);
    opacity: 1;
  }
  13.3% {
    transform: translate(101px, 335px) rotate(93deg) scaleY(0.91);
    opacity: 1;
  }
  16.7% {
    transform: translate(94px, 341px) rotate(64deg) scaleY(0.93);
    opacity: 1;
  }
  20.0% {
    transform: translate(95px, 397px) rotate(35deg) scaleY(0.37);
    opacity: 1;
  }
  23.3% {
    transform: translate(86px, 488px) rotate(5deg) scaleY(0.72);
    opacity: 1;
  }
  26.7% {
    transform: translate(86px, 602px) rotate(-24deg) scaleY(1);
    opacity: 1;
  }
  30.0% {
    transform: translate(88px, 733px) rotate(-53deg) scaleY(0.64);
    opacity: 1;
  }
  33.3% {
    transform: translate(81px, 875px) rotate(-83deg) scaleY(0.46);
    opacity: 1;
  }
  36.7% {
    transform: translate(84px, 1025px) rotate(-112deg) scaleY(0.96);
    opacity: 1;
  }
  40.0% {
    transform: translate(84px, 1180px) rotate(-141deg) scaleY(0.86);
    opacity: 0.81;
  }
  43.3% {
    transform: translate(79px, 1339px) rotate(-171deg) scaleY(0.23);
    opacity: 0.62;
  }
  46.7% {
    transform: translate(84px, 1501px) rotate(-200deg) scaleY(0.82);
    opacity: 0.43;
  }
  50.0% {
    transform: translate(83px, 1665px) rotate(-229deg) scaleY(0.98);
    opacity: 0.25;
  }
  53.3% {
    transform: translate(78px, 1830px) rotate(-259deg) scaleY(0.52);
    opacity: 0.06;
  }
  54.2% {
    transform: translate(79px, 1872px) rotate(-266deg) scaleY(0.86);
    opacity: 0.01;
  }
  100% {
    opacity: 0;
  }
}
.cf17 {
  animation: cf17 6s linear infinite;
}
@keyframes cf18 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(116px, 396px) rotate(34deg) scaleY(0.96);
    opacity: 1;
  }
  13.3% {
    transform: translate(115px, 301px) rotate(-0deg) scaleY(0.45);
    opacity: 1;
  }
  16.7% {
    transform: translate(123px, 287px) rotate(-34deg) scaleY(0.67);
    opacity: 1;
  }
  20.0% {
    transform: translate(123px, 329px) rotate(-68deg) scaleY(1);
    opacity: 1;
  }
  23.3% {
    transform: translate(121px, 409px) rotate(-102deg) scaleY(0.66);
    opacity: 1;
  }
  26.7% {
    transform: translate(128px, 516px) rotate(-136deg) scaleY(0.46);
    opacity: 1;
  }
  30.0% {
    transform: translate(125px, 642px) rotate(-170deg) scaleY(0.97);
    opacity: 0.98;
  }
  33.3% {
    transform: translate(123px, 781px) rotate(-204deg) scaleY(0.83);
    opacity: 0.72;
  }
  36.7% {
    transform: translate(129px, 929px) rotate(-238deg) scaleY(0.23);
    opacity: 0.47;
  }
  40.0% {
    transform: translate(124px, 1082px) rotate(-272deg) scaleY(0.86);
    opacity: 0.21;
  }
  42.8% {
    transform: translate(124px, 1214px) rotate(-300deg) scaleY(0.8);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.cf18 {
  animation: cf18 6s linear infinite;
}
@keyframes cf19 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(110px, 396px) rotate(54deg) scaleY(0.93);
    opacity: 1;
  }
  13.3% {
    transform: translate(50px, 297px) rotate(63deg) scaleY(0.71);
    opacity: 1;
  }
  16.7% {
    transform: translate(0px, 279px) rotate(72deg) scaleY(0.67);
    opacity: 1;
  }
  20.0% {
    transform: translate(-29px, 319px) rotate(82deg) scaleY(0.95);
    opacity: 1;
  }
  23.3% {
    transform: translate(-44px, 398px) rotate(91deg) scaleY(0.28);
    opacity: 1;
  }
  26.7% {
    transform: translate(-63px, 504px) rotate(100deg) scaleY(0.99);
    opacity: 1;
  }
  30.0% {
    transform: translate(-76px, 629px) rotate(110deg) scaleY(0.53);
    opacity: 1;
  }
  33.3% {
    transform: translate(-77px, 767px) rotate(119deg) scaleY(0.82);
    opacity: 1;
  }
  36.7% {
    transform: translate(-82px, 914px) rotate(128deg) scaleY(0.85);
    opacity: 0.99;
  }
  40.0% {
    transform: translate(-91px, 1068px) rotate(137deg) scaleY(0.48);
    opacity: 0.8;
  }
  43.3% {
    transform: translate(-91px, 1226px) rotate(147deg) scaleY(1);
    opacity: 0.61;
  }
  46.7% {
    transform: translate(-88px, 1387px) rotate(156deg) scaleY(0.34);
    opacity: 0.42;
  }
  50.0% {
    transform: translate(-94px, 1550px) rotate(165deg) scaleY(0.92);
    opacity: 0.23;
  }
  53.3% {
    transform: translate(-97px, 1715px) rotate(175deg) scaleY(0.72);
    opacity: 0.05;
  }
  53.9% {
    transform: translate(-96px, 1742px) rotate(176deg) scaleY(0.88);
    opacity: 0.01;
  }
  100% {
    opacity: 0;
  }
}
.cf19 {
  animation: cf19 6s linear infinite;
}
@keyframes cf20 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(112px, 396px) rotate(126deg) scaleY(0.21);
    opacity: 1;
  }
  13.3% {
    transform: translate(64px, 301px) rotate(54deg) scaleY(0.97);
    opacity: 1;
  }
  16.7% {
    transform: translate(32px, 287px) rotate(-18deg) scaleY(0.62);
    opacity: 1;
  }
  20.0% {
    transform: translate(18px, 329px) rotate(-90deg) scaleY(0.74);
    opacity: 1;
  }
  23.3% {
    transform: translate(3px, 409px) rotate(-162deg) scaleY(0.91);
    opacity: 1;
  }
  26.7% {
    transform: translate(-13px, 516px) rotate(-234deg) scaleY(0.37);
    opacity: 1;
  }
  30.0% {
    transform: translate(-16px, 642px) rotate(-305deg) scaleY(1);
    opacity: 1;
  }
  33.3% {
    transform: translate(-17px, 781px) rotate(-377deg) scaleY(0.46);
    opacity: 1;
  }
  36.7% {
    transform: translate(-26px, 928px) rotate(-449deg) scaleY(0.86);
    opacity: 0.89;
  }
  40.0% {
    transform: translate(-29px, 1082px) rotate(-521deg) scaleY(0.81);
    opacity: 0.69;
  }
  43.3% {
    transform: translate(-25px, 1241px) rotate(-593deg) scaleY(0.54);
    opacity: 0.49;
  }
  46.7% {
    transform: translate(-28px, 1402px) rotate(-665deg) scaleY(0.99);
    opacity: 0.28;
  }
  50.0% {
    transform: translate(-34px, 1565px) rotate(-737deg) scaleY(0.28);
    opacity: 0.08;
  }
  51.1% {
    transform: translate(-33px, 1620px) rotate(-761deg) scaleY(0.72);
    opacity: 0.02;
  }
  100% {
    opacity: 0;
  }
}
.cf20 {
  animation: cf20 6s linear infinite;
}
@keyframes cf21 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(114px, 399px) rotate(361deg) scaleY(0.5);
    opacity: 1;
  }
  13.3% {
    transform: translate(94px, 329px) rotate(437deg) scaleY(0.63);
    opacity: 1;
  }
  16.7% {
    transform: translate(86px, 333px) rotate(513deg) scaleY(1);
    opacity: 1;
  }
  20.0% {
    transform: translate(82px, 387px) rotate(589deg) scaleY(0.69);
    opacity: 1;
  }
  23.3% {
    transform: translate(71px, 475px) rotate(666deg) scaleY(0.44);
    opacity: 1;
  }
  26.7% {
    transform: translate(71px, 589px) rotate(742deg) scaleY(0.96);
    opacity: 1;
  }
  30.0% {
    transform: translate(70px, 718px) rotate(818deg) scaleY(0.83);
    opacity: 1;
  }
  33.3% {
    transform: translate(63px, 860px) rotate(894deg) scaleY(0.24);
    opacity: 1;
  }
  36.7% {
    transform: translate(67px, 1010px) rotate(970deg) scaleY(0.88);
    opacity: 0.87;
  }
  40.0% {
    transform: translate(66px, 1165px) rotate(1046deg) scaleY(0.94);
    opacity: 0.66;
  }
  43.3% {
    transform: translate(60px, 1324px) rotate(1123deg) scaleY(0.37);
    opacity: 0.46;
  }
  46.7% {
    transform: translate(66px, 1486px) rotate(1199deg) scaleY(0.74);
    opacity: 0.26;
  }
  50.0% {
    transform: translate(64px, 1650px) rotate(1275deg) scaleY(0.99);
    opacity: 0.05;
  }
  50.6% {
    transform: translate(63px, 1677px) rotate(1288deg) scaleY(0.98);
    opacity: 0.02;
  }
  100% {
    opacity: 0;
  }
}
.cf21 {
  animation: cf21 6s linear infinite;
}
@keyframes cf22 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(118px, 397px) rotate(2deg) scaleY(0.98);
    opacity: 1;
  }
  13.3% {
    transform: translate(142px, 308px) rotate(-100deg) scaleY(0.42);
    opacity: 1;
  }
  16.7% {
    transform: translate(165px, 299px) rotate(-202deg) scaleY(0.95);
    opacity: 1;
  }
  20.0% {
    transform: translate(185px, 343px) rotate(-304deg) scaleY(0.51);
    opacity: 1;
  }
  23.3% {
    transform: translate(193px, 426px) rotate(-406deg) scaleY(0.92);
    opacity: 1;
  }
  26.7% {
    transform: translate(193px, 534px) rotate(-508deg) scaleY(0.6);
    opacity: 1;
  }
  30.0% {
    transform: translate(199px, 661px) rotate(-610deg) scaleY(0.87);
    opacity: 1;
  }
  33.3% {
    transform: translate(209px, 801px) rotate(-712deg) scaleY(0.68);
    opacity: 1;
  }
  36.7% {
    transform: translate(211px, 949px) rotate(-814deg) scaleY(0.81);
    opacity: 0.84;
  }
  40.0% {
    transform: translate(206px, 1103px) rotate(-916deg) scaleY(0.75);
    opacity: 0.63;
  }
  43.3% {
    transform: translate(207px, 1262px) rotate(-1018deg) scaleY(0.75);
    opacity: 0.43;
  }
  46.7% {
    transform: translate(214px, 1423px) rotate(-1120deg) scaleY(0.82);
    opacity: 0.22;
  }
  50.0% {
    transform: translate(216px, 1586px) rotate(-1222deg) scaleY(0.67);
    opacity: 0.01;
  }
  50.0% {
    transform: translate(216px, 1586px) rotate(-1222deg) scaleY(0.67);
    opacity: 0.01;
  }
  100% {
    opacity: 0;
  }
}
.cf22 {
  animation: cf22 6s linear infinite;
}
@keyframes cf23 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(120px, 399px) rotate(364deg) scaleY(0.85);
    opacity: 1;
  }
  13.3% {
    transform: translate(163px, 332px) rotate(462deg) scaleY(0.6);
    opacity: 1;
  }
  16.7% {
    transform: translate(200px, 337px) rotate(560deg) scaleY(0.93);
    opacity: 1;
  }
  20.0% {
    transform: translate(225px, 392px) rotate(659deg) scaleY(0.44);
    opacity: 1;
  }
  23.3% {
    transform: translate(234px, 481px) rotate(757deg) scaleY(0.98);
    opacity: 1;
  }
  26.7% {
    transform: translate(240px, 595px) rotate(855deg) scaleY(0.28);
    opacity: 1;
  }
  30.0% {
    transform: translate(252px, 725px) rotate(954deg) scaleY(1);
    opacity: 1;
  }
  33.3% {
    transform: translate(262px, 867px) rotate(1052deg) scaleY(0.29);
    opacity: 0.77;
  }
  36.7% {
    transform: translate(262px, 1017px) rotate(1150deg) scaleY(0.98);
    opacity: 0.52;
  }
  40.0% {
    transform: translate(259px, 1172px) rotate(1248deg) scaleY(0.46);
    opacity: 0.27;
  }
  43.3% {
    transform: translate(262px, 1331px) rotate(1347deg) scaleY(0.93);
    opacity: 0.03;
  }
  43.6% {
    transform: translate(263px, 1345px) rotate(1355deg) scaleY(0.96);
    opacity: 0.01;
  }
  100% {
    opacity: 0;
  }
}
.cf23 {
  animation: cf23 6s linear infinite;
}
@keyframes cf24 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(113px, 399px) rotate(330deg) scaleY(0.4);
    opacity: 1;
  }
  13.3% {
    transform: translate(93px, 338px) rotate(404deg) scaleY(0.83);
    opacity: 1;
  }
  16.7% {
    transform: translate(76px, 347px) rotate(477deg) scaleY(0.9);
    opacity: 1;
  }
  20.0% {
    transform: translate(58px, 405px) rotate(551deg) scaleY(0.27);
    opacity: 1;
  }
  23.3% {
    transform: translate(54px, 496px) rotate(624deg) scaleY(0.96);
    opacity: 1;
  }
  26.7% {
    transform: translate(50px, 611px) rotate(698deg) scaleY(0.74);
    opacity: 1;
  }
  30.0% {
    transform: translate(39px, 742px) rotate(771deg) scaleY(0.52);
    opacity: 1;
  }
  33.3% {
    transform: translate(39px, 884px) rotate(845deg) scaleY(1);
    opacity: 1;
  }
  36.7% {
    transform: translate(41px, 1035px) rotate(919deg) scaleY(0.52);
    opacity: 0.9;
  }
  40.0% {
    transform: translate(34px, 1190px) rotate(992deg) scaleY(0.75);
    opacity: 0.7;
  }
  43.3% {
    transform: translate(34px, 1350px) rotate(1066deg) scaleY(0.96);
    opacity: 0.5;
  }
  46.7% {
    transform: translate(38px, 1512px) rotate(1139deg) scaleY(0.26);
    opacity: 0.3;
  }
  50.0% {
    transform: translate(33px, 1676px) rotate(1213deg) scaleY(0.91);
    opacity: 0.1;
  }
  51.4% {
    transform: translate(31px, 1744px) rotate(1243deg) scaleY(0.4);
    opacity: 0.02;
  }
  100% {
    opacity: 0;
  }
}
.cf24 {
  animation: cf24 6s linear infinite;
}
@keyframes cf25 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(111px, 397px) rotate(286deg) scaleY(0.35);
    opacity: 1;
  }
  13.3% {
    transform: translate(69px, 310px) rotate(340deg) scaleY(1);
    opacity: 1;
  }
  16.7% {
    transform: translate(41px, 302px) rotate(394deg) scaleY(0.3);
    opacity: 1;
  }
  20.0% {
    transform: translate(15px, 347px) rotate(448deg) scaleY(0.97);
    opacity: 1;
  }
  23.3% {
    transform: translate(-7px, 430px) rotate(502deg) scaleY(0.54);
    opacity: 1;
  }
  26.7% {
    transform: translate(-16px, 539px) rotate(556deg) scaleY(0.86);
    opacity: 1;
  }
  30.0% {
    transform: translate(-17px, 666px) rotate(610deg) scaleY(0.75);
    opacity: 1;
  }
  33.3% {
    transform: translate(-22px, 806px) rotate(664deg) scaleY(0.69);
    opacity: 1;
  }
  36.7% {
    transform: translate(-32px, 954px) rotate(718deg) scaleY(0.9);
    opacity: 0.89;
  }
  40.0% {
    transform: translate(-37px, 1109px) rotate(772deg) scaleY(0.47);
    opacity: 0.69;
  }
  43.3% {
    transform: translate(-33px, 1267px) rotate(826deg) scaleY(0.99);
    opacity: 0.49;
  }
  46.7% {
    transform: translate(-30px, 1428px) rotate(880deg) scaleY(0.23);
    opacity: 0.29;
  }
  50.0% {
    transform: translate(-35px, 1592px) rotate(934deg) scaleY(0.99);
    opacity: 0.09;
  }
  51.4% {
    transform: translate(-38px, 1660px) rotate(957deg) scaleY(0.91);
    opacity: 0.01;
  }
  100% {
    opacity: 0;
  }
}
.cf25 {
  animation: cf25 6s linear infinite;
}
@keyframes cf26 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(113px, 394px) rotate(141deg) scaleY(0.98);
    opacity: 1;
  }
  13.3% {
    transform: translate(89px, 276px) rotate(119deg) scaleY(0.72);
    opacity: 1;
  }
  16.7% {
    transform: translate(80px, 245px) rotate(98deg) scaleY(0.48);
    opacity: 1;
  }
  20.0% {
    transform: translate(66px, 276px) rotate(77deg) scaleY(0.99);
    opacity: 1;
  }
  23.3% {
    transform: translate(56px, 348px) rotate(56deg) scaleY(0.68);
    opacity: 1;
  }
  26.7% {
    transform: translate(57px, 450px) rotate(34deg) scaleY(0.53);
    opacity: 1;
  }
  30.0% {
    transform: translate(51px, 572px) rotate(13deg) scaleY(1);
    opacity: 0.98;
  }
  33.3% {
    transform: translate(45px, 708px) rotate(-8deg) scaleY(0.63);
    opacity: 0.73;
  }
  36.7% {
    transform: translate(50px, 854px) rotate(-30deg) scaleY(0.59);
    opacity: 0.47;
  }
  40.0% {
    transform: translate(46px, 1007px) rotate(-51deg) scaleY(1);
    opacity: 0.22;
  }
  42.8% {
    transform: translate(41px, 1138px) rotate(-69deg) scaleY(0.32);
    opacity: 0.01;
  }
  100% {
    opacity: 0;
  }
}
.cf26 {
  animation: cf26 6s linear infinite;
}
@keyframes cf27 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(113px, 400px) rotate(284deg) scaleY(0.66);
    opacity: 1;
  }
  13.3% {
    transform: translate(77px, 347px) rotate(208deg) scaleY(0.32);
    opacity: 1;
  }
  16.7% {
    transform: translate(61px, 362px) rotate(131deg) scaleY(0.84);
    opacity: 1;
  }
  20.0% {
    transform: translate(46px, 424px) rotate(55deg) scaleY(0.99);
    opacity: 1;
  }
  23.3% {
    transform: translate(33px, 518px) rotate(-22deg) scaleY(0.71);
    opacity: 1;
  }
  26.7% {
    transform: translate(32px, 635px) rotate(-98deg) scaleY(0.26);
    opacity: 1;
  }
  30.0% {
    transform: translate(22px, 768px) rotate(-175deg) scaleY(0.8);
    opacity: 1;
  }
  33.3% {
    transform: translate(20px, 911px) rotate(-251deg) scaleY(1);
    opacity: 1;
  }
  36.7% {
    transform: translate(21px, 1062px) rotate(-327deg) scaleY(0.76);
    opacity: 0.82;
  }
  40.0% {
    transform: translate(14px, 1218px) rotate(-404deg) scaleY(0.2);
    opacity: 0.61;
  }
  43.3% {
    transform: translate(18px, 1378px) rotate(-480deg) scaleY(0.75);
    opacity: 0.4;
  }
  46.7% {
    transform: translate(15px, 1540px) rotate(-557deg) scaleY(1);
    opacity: 0.19;
  }
  49.4% {
    transform: translate(12px, 1677px) rotate(-620deg) scaleY(0.55);
    opacity: 0.02;
  }
  100% {
    opacity: 0;
  }
}
.cf27 {
  animation: cf27 6s linear infinite;
}
@keyframes cf28 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(118px, 396px) rotate(14deg) scaleY(0.95);
    opacity: 1;
  }
  13.3% {
    transform: translate(137px, 298px) rotate(115deg) scaleY(0.67);
    opacity: 1;
  }
  16.7% {
    transform: translate(142px, 282px) rotate(217deg) scaleY(0.7);
    opacity: 1;
  }
  20.0% {
    transform: translate(151px, 322px) rotate(319deg) scaleY(0.93);
    opacity: 1;
  }
  23.3% {
    transform: translate(163px, 402px) rotate(420deg) scaleY(0.33);
    opacity: 1;
  }
  26.7% {
    transform: translate(163px, 508px) rotate(522deg) scaleY(1);
    opacity: 1;
  }
  30.0% {
    transform: translate(162px, 634px) rotate(624deg) scaleY(0.48);
    opacity: 1;
  }
  33.3% {
    transform: translate(169px, 772px) rotate(726deg) scaleY(0.85);
    opacity: 1;
  }
  36.7% {
    transform: translate(171px, 920px) rotate(827deg) scaleY(0.82);
    opacity: 0.97;
  }
  40.0% {
    transform: translate(166px, 1073px) rotate(929deg) scaleY(0.53);
    opacity: 0.78;
  }
  43.3% {
    transform: translate(169px, 1231px) rotate(1031deg) scaleY(0.99);
    opacity: 0.59;
  }
  46.7% {
    transform: translate(174px, 1393px) rotate(1132deg) scaleY(0.28);
    opacity: 0.39;
  }
  50.0% {
    transform: translate(170px, 1556px) rotate(1234deg) scaleY(0.95);
    opacity: 0.2;
  }
  53.3% {
    transform: translate(168px, 1720px) rotate(1336deg) scaleY(0.66);
    opacity: 0.01;
  }
  53.3% {
    transform: translate(168px, 1720px) rotate(1336deg) scaleY(0.66);
    opacity: 0.01;
  }
  100% {
    opacity: 0;
  }
}
.cf28 {
  animation: cf28 6s linear infinite;
}
@keyframes cf29 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(115px, 393px) rotate(72deg) scaleY(1);
    opacity: 1;
  }
  13.3% {
    transform: translate(100px, 265px) rotate(18deg) scaleY(0.34);
    opacity: 1;
  }
  16.7% {
    transform: translate(97px, 228px) rotate(-36deg) scaleY(0.97);
    opacity: 1;
  }
  20.0% {
    transform: translate(99px, 254px) rotate(-89deg) scaleY(0.46);
    opacity: 1;
  }
  23.3% {
    transform: translate(94px, 323px) rotate(-143deg) scaleY(0.93);
    opacity: 1;
  }
  26.7% {
    transform: translate(85px, 423px) rotate(-197deg) scaleY(0.58);
    opacity: 1;
  }
  30.0% {
    transform: translate(85px, 543px) rotate(-250deg) scaleY(0.87);
    opacity: 1;
  }
  33.3% {
    transform: translate(90px, 678px) rotate(-304deg) scaleY(0.69);
    opacity: 0.99;
  }
  36.7% {
    transform: translate(90px, 823px) rotate(-357deg) scaleY(0.79);
    opacity: 0.78;
  }
  40.0% {
    transform: translate(83px, 975px) rotate(-411deg) scaleY(0.79);
    opacity: 0.56;
  }
  43.3% {
    transform: translate(81px, 1132px) rotate(-465deg) scaleY(0.69);
    opacity: 0.35;
  }
  46.7% {
    transform: translate(87px, 1293px) rotate(-518deg) scaleY(0.87);
    opacity: 0.13;
  }
  48.6% {
    transform: translate(90px, 1387px) rotate(-549deg) scaleY(0.3);
    opacity: 0.01;
  }
  100% {
    opacity: 0;
  }
}
.cf29 {
  animation: cf29 6s linear infinite;
}
@keyframes cf30 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(118px, 397px) rotate(325deg) scaleY(0.22);
    opacity: 1;
  }
  13.3% {
    transform: translate(147px, 315px) rotate(293deg) scaleY(0.95);
    opacity: 1;
  }
  16.7% {
    transform: translate(166px, 309px) rotate(262deg) scaleY(0.71);
    opacity: 1;
  }
  20.0% {
    transform: translate(172px, 357px) rotate(230deg) scaleY(0.62);
    opacity: 1;
  }
  23.3% {
    transform: translate(182px, 441px) rotate(199deg) scaleY(0.98);
    opacity: 1;
  }
  26.7% {
    transform: translate(192px, 551px) rotate(167deg) scaleY(0.28);
    opacity: 1;
  }
  30.0% {
    transform: translate(191px, 679px) rotate(135deg) scaleY(0.93);
    opacity: 1;
  }
  33.3% {
    transform: translate(192px, 819px) rotate(104deg) scaleY(0.75);
    opacity: 1;
  }
  36.7% {
    transform: translate(200px, 968px) rotate(72deg) scaleY(0.57);
    opacity: 0.95;
  }
  40.0% {
    transform: translate(199px, 1122px) rotate(41deg) scaleY(0.99);
    opacity: 0.76;
  }
  43.3% {
    transform: translate(196px, 1281px) rotate(9deg) scaleY(0.34);
    opacity: 0.57;
  }
  46.7% {
    transform: translate(202px, 1443px) rotate(-22deg) scaleY(0.9);
    opacity: 0.37;
  }
  50.0% {
    transform: translate(203px, 1606px) rotate(-54deg) scaleY(0.79);
    opacity: 0.18;
  }
  53.1% {
    transform: translate(198px, 1757px) rotate(-83deg) scaleY(0.63);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.cf30 {
  animation: cf30 6s linear infinite;
}
@keyframes cf31 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(115px, 392px) rotate(192deg) scaleY(0.96);
    opacity: 1;
  }
  13.3% {
    transform: translate(107px, 261px) rotate(197deg) scaleY(0.58);
    opacity: 1;
  }
  16.7% {
    transform: translate(94px, 222px) rotate(202deg) scaleY(0.84);
    opacity: 1;
  }
  20.0% {
    transform: translate(87px, 246px) rotate(207deg) scaleY(0.78);
    opacity: 1;
  }
  23.3% {
    transform: translate(90px, 314px) rotate(212deg) scaleY(0.66);
    opacity: 1;
  }
  26.7% {
    transform: translate(86px, 412px) rotate(217deg) scaleY(0.92);
    opacity: 1;
  }
  30.0% {
    transform: translate(79px, 532px) rotate(222deg) scaleY(0.43);
    opacity: 0.99;
  }
  33.3% {
    transform: translate(80px, 667px) rotate(227deg) scaleY(0.99);
    opacity: 0.74;
  }
  36.7% {
    transform: translate(85px, 812px) rotate(232deg) scaleY(0.22);
    opacity: 0.49;
  }
  40.0% {
    transform: translate(79px, 964px) rotate(238deg) scaleY(0.99);
    opacity: 0.23;
  }
  43.1% {
    transform: translate(75px, 1107px) rotate(242deg) scaleY(0.35);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.cf31 {
  animation: cf31 6s linear infinite;
}
@keyframes cf32 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(122px, 397px) rotate(175deg) scaleY(0.87);
    opacity: 1;
  }
  13.3% {
    transform: translate(188px, 311px) rotate(223deg) scaleY(0.63);
    opacity: 1;
  }
  16.7% {
    transform: translate(229px, 302px) rotate(272deg) scaleY(0.88);
    opacity: 1;
  }
  20.0% {
    transform: translate(251px, 348px) rotate(320deg) scaleY(0.6);
    opacity: 1;
  }
  23.3% {
    transform: translate(272px, 431px) rotate(369deg) scaleY(0.9);
    opacity: 1;
  }
  26.7% {
    transform: translate(292px, 540px) rotate(418deg) scaleY(0.57);
    opacity: 1;
  }
  30.0% {
    transform: translate(300px, 668px) rotate(466deg) scaleY(0.92);
    opacity: 1;
  }
  33.3% {
    transform: translate(301px, 807px) rotate(515deg) scaleY(0.54);
    opacity: 0.95;
  }
  36.7% {
    transform: translate(307px, 956px) rotate(564deg) scaleY(0.93);
    opacity: 0.73;
  }
  40.0% {
    transform: translate(317px, 1110px) rotate(612deg) scaleY(0.51);
    opacity: 0.51;
  }
  43.3% {
    transform: translate(317px, 1268px) rotate(661deg) scaleY(0.94);
    opacity: 0.29;
  }
  46.7% {
    transform: translate(312px, 1430px) rotate(710deg) scaleY(0.48);
    opacity: 0.07;
  }
  47.5% {
    transform: translate(312px, 1471px) rotate(722deg) scaleY(0.23);
    opacity: 0.02;
  }
  100% {
    opacity: 0;
  }
}
.cf32 {
  animation: cf32 6s linear infinite;
}
@keyframes cf33 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(115px, 393px) rotate(197deg) scaleY(0.98);
    opacity: 1;
  }
  13.3% {
    transform: translate(103px, 273px) rotate(143deg) scaleY(0.48);
    opacity: 1;
  }
  16.7% {
    transform: translate(104px, 241px) rotate(89deg) scaleY(0.69);
    opacity: 1;
  }
  20.0% {
    transform: translate(99px, 271px) rotate(34deg) scaleY(1);
    opacity: 1;
  }
  23.3% {
    transform: translate(93px, 342px) rotate(-20deg) scaleY(0.55);
    opacity: 1;
  }
  26.7% {
    transform: translate(97px, 444px) rotate(-74deg) scaleY(0.62);
    opacity: 1;
  }
  30.0% {
    transform: translate(93px, 565px) rotate(-129deg) scaleY(1);
    opacity: 1;
  }
  33.3% {
    transform: translate(89px, 701px) rotate(-183deg) scaleY(0.62);
    opacity: 0.95;
  }
  36.7% {
    transform: translate(95px, 847px) rotate(-237deg) scaleY(0.56);
    opacity: 0.73;
  }
  40.0% {
    transform: translate(91px, 999px) rotate(-292deg) scaleY(1);
    opacity: 0.51;
  }
  43.3% {
    transform: translate(88px, 1157px) rotate(-346deg) scaleY(0.69);
    opacity: 0.28;
  }
  46.7% {
    transform: translate(94px, 1317px) rotate(-400deg) scaleY(0.48);
    opacity: 0.06;
  }
  47.5% {
    transform: translate(94px, 1358px) rotate(-414deg) scaleY(0.33);
    opacity: 0.01;
  }
  100% {
    opacity: 0;
  }
}
.cf33 {
  animation: cf33 6s linear infinite;
}
@keyframes cf34 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(117px, 394px) rotate(162deg) scaleY(0.58);
    opacity: 1;
  }
  13.3% {
    transform: translate(131px, 276px) rotate(186deg) scaleY(0.79);
    opacity: 1;
  }
  16.7% {
    transform: translate(136px, 245px) rotate(210deg) scaleY(0.87);
    opacity: 1;
  }
  20.0% {
    transform: translate(134px, 276px) rotate(235deg) scaleY(0.47);
    opacity: 1;
  }
  23.3% {
    transform: translate(140px, 348px) rotate(259deg) scaleY(1);
    opacity: 1;
  }
  26.7% {
    transform: translate(146px, 450px) rotate(283deg) scaleY(0.31);
    opacity: 1;
  }
  30.0% {
    transform: translate(142px, 572px) rotate(307deg) scaleY(0.94);
    opacity: 1;
  }
  33.3% {
    transform: translate(141px, 708px) rotate(332deg) scaleY(0.67);
    opacity: 1;
  }
  36.7% {
    transform: translate(148px, 854px) rotate(356deg) scaleY(0.71);
    opacity: 0.84;
  }
  40.0% {
    transform: translate(147px, 1006px) rotate(380deg) scaleY(0.92);
    opacity: 0.63;
  }
  43.3% {
    transform: translate(142px, 1164px) rotate(405deg) scaleY(0.37);
    opacity: 0.43;
  }
  46.7% {
    transform: translate(146px, 1324px) rotate(429deg) scaleY(1);
    opacity: 0.22;
  }
  50.0% {
    transform: translate(150px, 1487px) rotate(453deg) scaleY(0.42);
    opacity: 0.01;
  }
  50.0% {
    transform: translate(150px, 1487px) rotate(453deg) scaleY(0.42);
    opacity: 0.01;
  }
  100% {
    opacity: 0;
  }
}
.cf34 {
  animation: cf34 6s linear infinite;
}
@keyframes cf35 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(116px, 396px) rotate(343deg) scaleY(0.91);
    opacity: 1;
  }
  13.3% {
    transform: translate(117px, 297px) rotate(386deg) scaleY(0.43);
    opacity: 1;
  }
  16.7% {
    transform: translate(126px, 280px) rotate(429deg) scaleY(0.59);
    opacity: 1;
  }
  20.0% {
    transform: translate(125px, 320px) rotate(472deg) scaleY(0.98);
    opacity: 1;
  }
  23.3% {
    transform: translate(126px, 398px) rotate(515deg) scaleY(0.87);
    opacity: 1;
  }
  26.7% {
    transform: translate(132px, 505px) rotate(558deg) scaleY(0.35);
    opacity: 1;
  }
  30.0% {
    transform: translate(127px, 630px) rotate(601deg) scaleY(0.66);
    opacity: 1;
  }
  33.3% {
    transform: translate(130px, 768px) rotate(644deg) scaleY(0.99);
    opacity: 0.79;
  }
  36.7% {
    transform: translate(133px, 915px) rotate(687deg) scaleY(0.83);
    opacity: 0.55;
  }
  40.0% {
    transform: translate(128px, 1069px) rotate(730deg) scaleY(0.27);
    opacity: 0.3;
  }
  43.3% {
    transform: translate(133px, 1227px) rotate(773deg) scaleY(0.73);
    opacity: 0.06;
  }
  43.9% {
    transform: translate(134px, 1254px) rotate(780deg) scaleY(0.46);
    opacity: 0.02;
  }
  100% {
    opacity: 0;
  }
}
.cf35 {
  animation: cf35 6s linear infinite;
}
@keyframes cf36 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(117px, 392px) rotate(43deg) scaleY(0.35);
    opacity: 1;
  }
  13.3% {
    transform: translate(128px, 258px) rotate(-39deg) scaleY(0.91);
    opacity: 1;
  }
  16.7% {
    transform: translate(140px, 217px) rotate(-121deg) scaleY(0.75);
    opacity: 1;
  }
  20.0% {
    transform: translate(145px, 240px) rotate(-203deg) scaleY(0.61);
    opacity: 1;
  }
  23.3% {
    transform: translate(142px, 307px) rotate(-284deg) scaleY(0.97);
    opacity: 1;
  }
  26.7% {
    transform: translate(139px, 405px) rotate(-366deg) scaleY(0.23);
    opacity: 1;
  }
  30.0% {
    transform: translate(144px, 524px) rotate(-448deg) scaleY(0.96);
    opacity: 1;
  }
  33.3% {
    transform: translate(152px, 659px) rotate(-530deg) scaleY(0.65);
    opacity: 0.78;
  }
  36.7% {
    transform: translate(152px, 803px) rotate(-611deg) scaleY(0.71);
    opacity: 0.53;
  }
  40.0% {
    transform: translate(146px, 955px) rotate(-693deg) scaleY(0.94);
    opacity: 0.29;
  }
  43.3% {
    transform: translate(143px, 1112px) rotate(-775deg) scaleY(0.3);
    opacity: 0.04;
  }
  43.9% {
    transform: translate(143px, 1138px) rotate(-788deg) scaleY(0.46);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.cf36 {
  animation: cf36 6s linear infinite;
}
@keyframes cf37 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(111px, 397px) rotate(317deg) scaleY(0.6);
    opacity: 1;
  }
  13.3% {
    transform: translate(61px, 311px) rotate(242deg) scaleY(1);
    opacity: 1;
  }
  16.7% {
    transform: translate(23px, 303px) rotate(167deg) scaleY(0.45);
    opacity: 1;
  }
  20.0% {
    transform: translate(5px, 349px) rotate(93deg) scaleY(0.79);
    opacity: 1;
  }
  23.3% {
    transform: translate(-12px, 432px) rotate(18deg) scaleY(0.93);
    opacity: 1;
  }
  26.7% {
    transform: translate(-28px, 541px) rotate(-56deg) scaleY(0.21);
    opacity: 1;
  }
  30.0% {
    transform: translate(-31px, 668px) rotate(-131deg) scaleY(0.93);
    opacity: 0.96;
  }
  33.3% {
    transform: translate(-35px, 808px) rotate(-206deg) scaleY(0.8);
    opacity: 0.71;
  }
  36.7% {
    transform: translate(-45px, 956px) rotate(-280deg) scaleY(0.43);
    opacity: 0.45;
  }
  40.0% {
    transform: translate(-44px, 1111px) rotate(-355deg) scaleY(0.99);
    opacity: 0.2;
  }
  42.5% {
    transform: translate(-42px, 1229px) rotate(-411deg) scaleY(0.24);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.cf37 {
  animation: cf37 6s linear infinite;
}
@keyframes cf38 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(111px, 394px) rotate(341deg) scaleY(0.48);
    opacity: 1;
  }
  13.3% {
    transform: translate(64px, 281px) rotate(319deg) scaleY(0.51);
    opacity: 1;
  }
  16.7% {
    transform: translate(25px, 255px) rotate(297deg) scaleY(0.93);
    opacity: 1;
  }
  20.0% {
    transform: translate(-1px, 287px) rotate(275deg) scaleY(0.96);
    opacity: 1;
  }
  23.3% {
    transform: translate(-14px, 362px) rotate(253deg) scaleY(0.57);
    opacity: 1;
  }
  26.7% {
    transform: translate(-32px, 465px) rotate(231deg) scaleY(0.41);
    opacity: 1;
  }
  30.0% {
    transform: translate(-36px, 587px) rotate(209deg) scaleY(0.88);
    opacity: 1;
  }
  33.3% {
    transform: translate(-42px, 724px) rotate(187deg) scaleY(0.98);
    opacity: 1;
  }
  36.7% {
    transform: translate(-50px, 870px) rotate(165deg) scaleY(0.66);
    opacity: 0.92;
  }
  40.0% {
    transform: translate(-47px, 1023px) rotate(143deg) scaleY(0.31);
    opacity: 0.72;
  }
  43.3% {
    transform: translate(-53px, 1181px) rotate(121deg) scaleY(0.82);
    opacity: 0.52;
  }
  46.7% {
    transform: translate(-53px, 1342px) rotate(99deg) scaleY(1);
    opacity: 0.32;
  }
  50.0% {
    transform: translate(-51px, 1505px) rotate(77deg) scaleY(0.74);
    opacity: 0.13;
  }
  51.9% {
    transform: translate(-56px, 1600px) rotate(65deg) scaleY(0.88);
    opacity: 0.01;
  }
  100% {
    opacity: 0;
  }
}
.cf38 {
  animation: cf38 6s linear infinite;
}
@keyframes cf39 {
  0%,
  10.0% {
    transform: translate(116px, 408px);
    opacity: 0;
  }
  10.0% {
    transform: translate(112px, 398px) rotate(117deg) scaleY(0.98);
    opacity: 1;
  }
  13.3% {
    transform: translate(76px, 321px) rotate(51deg) scaleY(0.72);
    opacity: 1;
  }
  16.7% {
    transform: translate(58px, 320px) rotate(-15deg) scaleY(0.48);
    opacity: 1;
  }
  20.0% {
    transform: translate(39px, 370px) rotate(-81deg) scaleY(0.99);
    opacity: 1;
  }
  23.3% {
    transform: translate(25px, 456px) rotate(-146deg) scaleY(0.67);
    opacity: 1;
  }
  26.7% {
    transform: translate(23px, 567px) rotate(-212deg) scaleY(0.55);
    opacity: 1;
  }
  30.0% {
    transform: translate(15px, 696px) rotate(-278deg) scaleY(1);
    opacity: 0.88;
  }
  33.3% {
    transform: translate(7px, 837px) rotate(-343deg) scaleY(0.61);
    opacity: 0.61;
  }
  36.7% {
    transform: translate(11px, 986px) rotate(-409deg) scaleY(0.6);
    opacity: 0.34;
  }
  40.0% {
    transform: translate(7px, 1141px) rotate(-475deg) scaleY(1);
    opacity: 0.07;
  }
  40.6% {
    transform: translate(5px, 1167px) rotate(-486deg) scaleY(0.96);
    opacity: 0.02;
  }
  100% {
    opacity: 0;
  }
}
.cf39 {
  animation: cf39 6s linear infinite;
}
.cf-strip.c0,
.cf-dot.c0 {
  background: var(--lp-electric-ground);
}
.cf-strip.c1,
.cf-dot.c1 {
  background: var(--lp-hot-pink-ground);
}
.cf-strip.c2,
.cf-dot.c2 {
  background: var(--lp-lime-ground);
}
.cf-strip.c3,
.cf-dot.c3 {
  background: var(--lp-chilli-ground);
}
.cf-strip.c4,
.cf-dot.c4 {
  background: var(--lp-mango-ink);
}
.cf-strip.c5,
.cf-dot.c5 {
  background: var(--lp-mango-paper);
}