/* Qichang Zheng — light, quiet, scene by scene. */
:root {
  --bg: #fbfbfd;
  --ink: #1d1d1f;
  --ink2: #424245;
  --mute: #6e6e73;
  --faint: #737378;          /* 4.56:1 on --bg, the lightest colour used for meaningful text */
  --accent: #3f5bd0;
  --line: #c4c5cb;
  --label: #9a9aa0;          /* decorative diagram labels only */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --gutter: max(20px, 7vw);
  /* Latin faces first so Latin punctuation (’ “ ”) never falls into a full-width CJK glyph. */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Segoe UI", Roboto, "Noto Sans",
    Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --font-zh: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
    "Noto Sans CJK SC", "Source Han Sans SC", "Helvetica Neue", "Segoe UI", sans-serif;
  color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }

html {
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: auto;
}
html[data-lang="zh"] { font-family: var(--font-zh); }

body {
  margin: 0;
  background: var(--bg);
  font-size: 17px;
  line-height: 1.6;
  overflow-x: hidden;
}

html[data-lang="zh"] .en,
html:not([data-lang="zh"]) .zh { display: none !important; }

a { color: inherit; }
img { display: block; max-width: 100%; height: auto; }
p, ul, ol, h1, h2, h3 { margin: 0; }
h1, h3, .sec, .lede, .line, .contact h2 { text-wrap: balance; }
p, li { text-wrap: pretty; }
.nw { white-space: nowrap; }

:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
  border-radius: 6px;
}
main:focus, .scene:focus { outline: none; }

.sr {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}

.skip {
  position: fixed; left: 16px; top: -60px; z-index: 50;
  padding: 8px 14px; border-radius: 999px;
  background: var(--ink); color: #fff; font-size: 14px; text-decoration: none;
  transition: top .2s var(--ease);
}
.skip:focus { top: 12px; }

/* ---------- Navigation ---------- */
.nav {
  position: fixed; z-index: 30;
  top: 14px; left: 50%;
  transform: translateX(-50%);
  display: flex; align-items: center; gap: 2px;
  height: 42px; padding: 0 5px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .74);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 10px 30px -12px rgba(0, 0, 0, .12);
}
.nav a, .nav button {
  font: inherit; font-size: 13px; line-height: 1;
  color: var(--ink2);
  text-decoration: none;
  padding: 9px 12px;
  border: 0; border-radius: 999px;
  background: transparent;
  cursor: pointer;
  white-space: nowrap;
  transition: color .3s var(--ease), background-color .3s var(--ease);
}
.nav a:hover, .nav button:hover { color: var(--ink); }
.nav .mark { font-weight: 600; letter-spacing: .02em; color: var(--ink); padding-left: 13px; }
.links { display: flex; align-items: center; justify-content: center; gap: 2px; }
.links a[aria-current="true"] { color: var(--ink); background: rgba(0, 0, 0, .05); }
.lang { display: flex; align-items: center; margin-left: 2px; padding-left: 4px; position: relative; }
.lang::before { content: ""; position: absolute; left: 0; top: 50%; height: 14px; width: 1px; background: rgba(0, 0, 0, .1); transform: translateY(-50%); }
.lang button { color: var(--mute); padding-left: 9px; padding-right: 9px; }
.lang button[aria-pressed="true"] { color: var(--ink); }
.menu { display: none; }
html:not(.js) .lang { display: none; }

@media (min-width: 721px) {
  /* same pill width in both languages, so the language toggle never moves under the cursor */
  html:not(.pinned) .nav { width: 440px; justify-content: space-between; }
  html:not(.pinned) .links { flex: 1; }
}

/* the side index's parts (only the pinned desktop layout shows them, below) */
.links a.sub, .links .thumb { display: none; }

/* ---------- Pinned desktop: the navigation is a slim glass bar on the left edge ----------
   Its words run top to bottom, like the page (vertical writing: upright in Chinese, turned in English), with the
   four chapters under Work as their numbers (hover one for its title). A blue-tinted glass slider sits behind the
   current scene and glides to the next one with a little spring as the page steps from scene to scene (site.js
   placeThumb). The mark sits top left, the language switch top right; the chapter pill gives way to the bar. */
html.pinned .nav {
  top: 0; left: 0; width: auto; height: auto; padding: 0;
  transform: none; border-radius: 0;
  background: none; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none;
  pointer-events: none;
}
html.pinned .nav .mark { position: fixed; top: 22px; left: 22px; pointer-events: auto; font-size: 14px; }
html.pinned .lang {
  position: fixed; top: 16px; right: 20px; margin: 0; padding: 3px;
  border-radius: 999px; pointer-events: auto;
  background: rgba(255, 255, 255, .74);
  -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 10px 30px -12px rgba(0, 0, 0, .12);
}
html.pinned .lang::before { display: none; }
html.pinned .lang button { padding: 8px 11px; }
html.pinned .links {
  position: fixed; left: 18px; top: 50%; transform: translateY(-50%);
  flex-direction: column; align-items: center; gap: 2px;
  width: 42px; padding: 5px 0; border-radius: 999px; pointer-events: auto;
  background: rgba(255, 255, 255, .72);
  -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 10px 30px -12px rgba(0, 0, 0, .12);
}
html.pinned .links a {
  position: relative; z-index: 1;
  display: flex; align-items: center; justify-content: center;
  width: 32px; padding: 12px 0; border-radius: 999px;
  font-size: 13px; letter-spacing: .12em; color: var(--mute); background: none;
  transition: color .45s var(--ease);
}
html[data-lang="en"].pinned .links a { letter-spacing: .03em; }
html.pinned .links .t { writing-mode: vertical-rl; white-space: nowrap; }
html.pinned .links a.sub { display: flex; padding: 7px 0; font-size: 11px; letter-spacing: 0; }
html.pinned .links .n { display: inline-block; text-combine-upright: all; -webkit-text-combine: horizontal; font-variant-numeric: tabular-nums; }
html.pinned .links a:hover { color: var(--ink); }
html.pinned .links a[aria-current="true"] { color: var(--ink); background: none; }
html.pinned .links a.is-thumb { color: #2e46b3; }
/* a chapter's title, beside the bar while the pointer (or focus) is on its number */
html.pinned .links .full {
  position: absolute; left: calc(100% + 14px); top: 50%;
  transform: translate(-4px, -50%);
  padding: 7px 11px; border-radius: 10px;
  font-size: 12.5px; letter-spacing: 0; white-space: nowrap; color: var(--ink);
  background: rgba(255, 255, 255, .9);
  -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 10px 26px -12px rgba(0, 0, 0, .16);
  opacity: 0; pointer-events: none;
  transition: opacity .2s var(--ease), transform .25s var(--ease-out);
}
html.pinned .links a:is(:hover, :focus-visible) .full { opacity: 1; transform: translate(0, -50%); }
/* the slider: blue-tinted glass, lit along its top edge, behind the current scene's word */
html.pinned .links .thumb {
  display: block; position: absolute; left: 5px; top: 0; z-index: 0;
  width: 32px; height: 40px; border-radius: 999px;
  background: linear-gradient(180deg, rgba(110, 136, 240, .22), rgba(63, 91, 208, .13));
  border: 1px solid rgba(63, 91, 208, .2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), inset 0 -1px 1px rgba(63, 91, 208, .1), 0 6px 16px -8px rgba(63, 91, 208, .6);
  -webkit-backdrop-filter: blur(4px) saturate(160%); backdrop-filter: blur(4px) saturate(160%);
  opacity: 0;
  transition: transform .7s cubic-bezier(.3, 1.3, .5, 1), height .7s cubic-bezier(.3, 1.3, .5, 1), opacity .4s var(--ease);
}
html.pinned .links .thumb.on { opacity: 1; }
html.pinned .links .thumb.jump { transition: opacity .4s var(--ease); }
html.pinned .chapter { display: none; }
@media (max-width: 1279px) {
  /* the gutter is narrower here: a narrower bar, closer to the edge */
  html.pinned .links { left: 10px; width: 38px; }
  html.pinned .links a, html.pinned .links .thumb { width: 30px; }
  html.pinned .nav .mark { left: 16px; }
}

.chapter {
  position: fixed; z-index: 29;
  top: 66px; left: 50%;
  transform: translate(-50%, -4px);
  font-size: 12px; line-height: 1;
  color: var(--mute);
  padding: 7px 13px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .7);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .6s var(--ease), transform .6s var(--ease-out);
}
.chapter.show { opacity: 1; transform: translate(-50%, 0); }
.chapter-t { display: inline-block; transition: opacity .28s var(--ease), filter .28s var(--ease); }
.chapter.swap .chapter-t { opacity: 0; filter: blur(3px); }
.chapter .num { color: var(--faint); margin-right: 8px; font-variant-numeric: tabular-nums; }
.chapter .part { color: var(--faint); margin-right: 10px; }
.nav.open ~ .chapter { opacity: 0; transition-duration: .15s; }

/* Content fades and softens as it reaches the top edge. */
.veil {
  position: fixed; z-index: 20;
  top: 0; left: 0; right: 0;
  height: 112px;
  pointer-events: none;
}
.veil::before {
  content: ""; position: absolute; inset: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-mask-image: linear-gradient(to bottom, #000 40%, transparent);
  mask-image: linear-gradient(to bottom, #000 40%, transparent);
}
.veil::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(to bottom, var(--bg) 30%, rgba(251, 251, 253, .8) 55%, rgba(251, 251, 253, 0));
}

/* ---------- Architecture drawing ---------- */
.backdrop {
  position: fixed; inset: 0; z-index: 0;
  pointer-events: none;
  overflow: hidden;
  view-transition-name: backdrop;
  /* the drawing fades out softly before it reaches the text column */
  --text-edge: calc(var(--gutter) + min(35rem, 36vw));
  /* ... and softly under the nav, where the pinned layout has no veil */
  -webkit-mask-image: linear-gradient(to right, transparent calc(var(--text-edge) + 12px), #000 calc(var(--text-edge) + 110px)),
    linear-gradient(to bottom, transparent 40px, #000 120px);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, transparent calc(var(--text-edge) + 12px), #000 calc(var(--text-edge) + 110px)),
    linear-gradient(to bottom, transparent 40px, #000 120px);
  mask-composite: intersect;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .backdrop { --text-edge: calc(var(--gutter) + 40vw); }
}
.backdrop .diagram {
  position: absolute;
  right: 2.5vw; top: 50%;
  width: min(50vw, 860px);
  height: auto; max-height: 76vh;
  transform: translateY(-47%);
  transform-origin: 50% 50%;
  overflow: visible;
  /* ease-in-out: the camera follows the text instead of whipping away in the first frames */
  transition: opacity 1.1s var(--ease), transform 1.3s cubic-bezier(.65, 0, .35, 1);
}
.diagram { font-family: var(--font); }
/* three levels of fill say what is inside what: product panel > container > node */
.diagram .n, .diagram .e {
  fill: none;
  stroke: var(--line);
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke .9s var(--ease), fill .9s var(--ease), stroke-width .9s var(--ease), stroke-dashoffset var(--dur, 1.6s) var(--pen, var(--ease-out)) var(--dd, 0s);
}
.diagram .n { fill: #fff; }
.diagram .tint { fill: rgba(29, 29, 31, .03); stroke: #d4d5da; }
.diagram .bound { fill: rgba(29, 29, 31, .016); stroke: #dfe0e4; stroke-dasharray: none; }
.diagram .dash { stroke-dasharray: 3 4; }
.diagram .route { stroke-dasharray: 1 4; }
.diagram .bound { stroke-dasharray: none; }
.diagram .slot { fill: #fff; }
.diagram .slot.busy { fill: rgba(142, 142, 147, .16); }
.diagram .lbl {
  fill: var(--label);
  font-size: 13px;
  text-anchor: middle;
  dominant-baseline: central;
  letter-spacing: .01em;
  transition: fill .9s var(--ease), opacity 1s var(--ease);
}
.diagram .lbl.cap { text-anchor: start; font-size: 12px; fill: #a1a1a6; }
.diagram .lbl.prod { font-weight: 600; letter-spacing: 0; fill: #8e8e93; }
.diagram .lbl.end { text-anchor: end; font-size: 12px; }
.diagram .lbl.st { text-anchor: start; }
/* Tracing's waterfall: a trace's spans as short bars (chapter 01's loop fills them in, in blue) */
.diagram .span { fill: none; stroke: #e1e2e6; stroke-width: 3; stroke-linecap: round; transition: stroke .9s var(--ease), opacity .8s var(--ease) var(--ld, .9s); }
[data-scene="w1"] .backdrop .g-nac .span { stroke: #d6dbef; }
.js :is(.backdrop, .hero-mini) .span { opacity: 0; }
.js.drawn :is(.backdrop, .hero-mini) .span { opacity: 1; }
.diagram .grp { transition: opacity .9s var(--ease); }

/* first paint: lines draw themselves, then labels and fills arrive */
.js :is(.backdrop, .hero-mini) .draw { stroke-dasharray: 1; stroke-dashoffset: 1; }
.js.drawn :is(.backdrop, .hero-mini) .draw { stroke-dashoffset: 0; }
/* node fills arrive with their outlines, not before them */
.js :is(.backdrop, .hero-mini) .n { fill-opacity: 0; }
.js.drawn :is(.backdrop, .hero-mini) .n { fill-opacity: 1; transition: fill-opacity .7s var(--ease) var(--fd, calc(var(--dd, .6s) + .35s)), stroke .9s var(--ease), fill .9s var(--ease), stroke-width .9s var(--ease), stroke-dashoffset var(--dur, 1.6s) var(--pen, var(--ease-out)) var(--dd, 0s); }
.js :is(.backdrop, .hero-mini) :is(.lbl, .dash) { opacity: 0; }
.js :is(.backdrop, .hero-mini) :is(.slot.busy, .tint, .bound) { fill: transparent; }
.js.drawn :is(.backdrop, .hero-mini) :is(.lbl, .dash) { opacity: 1; transition: opacity .8s var(--ease) var(--ld, .9s), fill .9s var(--ease), stroke .9s var(--ease); }
.js.drawn :is(.backdrop, .hero-mini) .slot.busy { fill: rgba(142, 142, 147, .16); transition: fill .8s var(--ease) var(--fd, calc(var(--dd, .65s) + .35s)), stroke-dashoffset var(--dur, 1.6s) var(--pen, var(--ease-out)) var(--dd, 0s); }
.js.drawn :is(.backdrop, .hero-mini) .tint { fill: rgba(29, 29, 31, .03); transition: fill 1s var(--ease) var(--fd, calc(var(--dd, .25s) + .35s)), stroke .9s var(--ease), stroke-dashoffset var(--dur, 1.6s) var(--pen, var(--ease-out)) var(--dd, 0s); }
/* the Agent Team panel draws after the platform: its labels and route wait for their outlines */
.js.drawn :is(.backdrop, .hero-mini) .g-team :is(.lbl, .dash:not(.bound)) { transition: opacity .8s var(--ease) var(--ld, 1.9s), fill .9s var(--ease), stroke .9s var(--ease); }
.js :is(.backdrop, .hero-mini) :is(.leds, .acct-name) { opacity: 0; }
.js.drawn :is(.backdrop, .hero-mini) :is(.leds, .acct-name) { opacity: 1; transition: opacity .8s var(--ease) var(--ld, 2.8s), stroke .9s var(--ease); }
.js.settled :is(.backdrop, .hero-mini) :is(.leds, .acct-name) { transition: opacity .6s var(--ease), stroke .9s var(--ease); }
.js.drawn :is(.backdrop, .hero-mini) .bound { fill: rgba(29, 29, 31, .016); transition: fill 1.4s var(--ease) var(--fd, .3s), stroke .9s var(--ease), opacity .8s var(--ease) var(--ld, .9s), stroke-dashoffset var(--dur, 1.6s) var(--pen, var(--ease-out)) var(--dd, 0s); }
.js.settled :is(.backdrop, .hero-mini) .draw { stroke-dasharray: none; }
/* first paint, the pen: a bright dot at the tip of each stroke as it is drawn (site.js sketch() adds one per stroke,
   with that stroke's delay, duration and easing, and removes them once the drawing has settled) */
.diagram .pen { fill: none; stroke: var(--accent); stroke-width: 3.4; stroke-linecap: round; stroke-dasharray: .0001 2; opacity: 0; pointer-events: none; }
.js.drawn :is(.backdrop, .hero-mini) .pen { animation-name: pen; animation-fill-mode: forwards; }
@keyframes pen {
  0% { opacity: 1; stroke-dashoffset: 0; }
  94% { opacity: 1; }
  100% { opacity: 0; stroke-dashoffset: -1; }
}
/* after first paint, a scene change recolours fills together with strokes (the delays above are for first paint only) */
.js.settled :is(.backdrop, .hero-mini) :is(.tint, .slot.busy, .bound) { transition: fill .9s var(--ease), stroke .9s var(--ease); }

/* scene states of the backdrop drawing */
[data-scene="about"] .backdrop .diagram,
[data-scene="exp"] .backdrop .diagram,
[data-scene="contact"] .backdrop .diagram { opacity: 0; transform: translateY(-47%) scale(.94); }

[data-scene^="w"] .backdrop .grp { opacity: .32; }
[data-scene="w1"] .backdrop .g-nac,
[data-scene="w2"] .backdrop .g-sbx,
[data-scene="w3"] .backdrop .g-fw,
[data-scene="w4"] .backdrop .g-team { opacity: 1; }
[data-scene="w1"] .backdrop .g-nac :is(.n, .e),
[data-scene="w2"] .backdrop .g-sbx :is(.n, .e),
[data-scene="w3"] .backdrop .g-fw :is(.n, .e),
[data-scene="w4"] .backdrop .g-team :is(.n, .e) { stroke: var(--accent); }
/* the highlighted path is drawn a touch heavier than the hairline structure */
[data-scene="w1"] .backdrop .g-nac .e.draw,
[data-scene="w2"] .backdrop .g-sbx .e.draw,
[data-scene="w3"] .backdrop .g-fw .e.draw,
[data-scene="w4"] .backdrop .g-team .e.draw { stroke-width: 1.5; }
[data-scene="w1"] .backdrop .g-nac .tint,
[data-scene="w2"] .backdrop .g-sbx .tint { fill: rgba(63, 91, 208, .05); stroke: rgba(63, 91, 208, .7); }
[data-scene="w1"] .backdrop .g-nac .bound,
[data-scene="w4"] .backdrop .g-team .bound { fill: rgba(63, 91, 208, .022); stroke: rgba(63, 91, 208, .38); }
[data-scene="w1"] .backdrop .g-nac .lbl,
[data-scene="w2"] .backdrop .g-sbx .lbl,
[data-scene="w3"] .backdrop .g-fw .lbl,
[data-scene="w4"] .backdrop .g-team .lbl { fill: var(--ink); }
[data-scene="w1"] .backdrop .g-nac .lbl.cap,
[data-scene="w2"] .backdrop .g-sbx .lbl.cap,
[data-scene="w4"] .backdrop .g-team .lbl.cap { fill: var(--mute); }
[data-scene="w2"] .backdrop .g-sbx .slot.busy { fill: rgba(63, 91, 208, .14); }
[data-scene="w4"] .backdrop .g-team .tint { fill: rgba(63, 91, 208, .05); stroke: rgba(63, 91, 208, .7); }
[data-scene="w4"] .backdrop .g-team .slot.busy { fill: rgba(63, 91, 208, .14); }
/* the camera moves in on the part of the drawing each chapter is about: one zoom (1.3x) from the hero,
   then pans between chapters. Values come from tools/camera18103.js: the highlighted part stays whole on screen,
   clear of the text by 40px or more and past the soft edge of the side mask, below the chapter pill and
   24px above the bottom, at 1024-1920px wide (the product panels themselves may leave the frame).
   Chapter 04 (the widest part) is the exception: its whole panel stays in frame with about 50px to spare on the right
   (owner: it sat too close to the edge), at 1.175x, 1x below 1280px (tools/cam4.js). */
[data-scene="w1"] .backdrop .diagram { transform: translate(24%, -20%) scale(1.3); }
[data-scene="w2"] .backdrop .diagram { transform: translate(-16%, -26%) scale(1.3); }
[data-scene="w3"] .backdrop .diagram { transform: translate(-48%, -12%) scale(1.3); }
/* (when a short window caps the drawing's height, it sits letterboxed in a wider box and the panel would drift in from
   the edge: the second term puts it back. 0.4301 = the panel's right edge from the drawing's centre, as a share of its
   width; 90.645vh = 76vh times the drawing's aspect ratio 916 / 768) */
[data-scene="w4"] .backdrop .diagram { transform: translate(calc(-3% + 1.175 * 0.4301 * max(0px, min(50vw, 860px) - 90.645vh)), -84%) scale(1.175); }
@media (min-width: 1024px) and (max-width: 1279px) {
  [data-scene="w4"] .backdrop .diagram { transform: translate(calc(-2.5% + 0.4301 * max(0px, 50vw - 90.645vh)), -82%) scale(1); }
  html[data-scene="hero"] .backdrop .diagram { transform: translate(-5%, -47%); }
}
/* leaving the drawing for a text-only scene: fade quickly so it never shows through the arriving block */
[data-scene="about"] .backdrop .diagram,
[data-scene="exp"] .backdrop .diagram,
[data-scene="contact"] .backdrop .diagram { transition: opacity .45s var(--ease), transform 1.3s cubic-bezier(.65, 0, .35, 1); }
/* the drawing was invisible when the scene changed: it takes its new framing at once,
   and fades in only after the leaving text block has gone */
html.dg-cut .backdrop .diagram { transition: opacity 1s var(--ease) .3s, transform 0s; }
html:not(.js) .backdrop { display: none; }
@media (min-width: 1280px) {
  html.pinned .work .col { max-width: min(35rem, 36vw); }
}

/* ---------- Agent Team: the continuous animation ----------
   One 18 s loop, one message at a time with real rests, blue only. A message is a beam of light from one agent
   through the control plane to another: the sender's card vibrates as a ring leaves it, a soft comet runs out of the
   card, up the gap beside it into the control plane, along it and down into the receiver's card (the control plane's
   edge pings where it goes in and out), and the receiver vibrates, ripples and lights as the beam lands. Beats and
   geometry live in gen.py (MESSAGES / PORT / COMET / SHAKE / POOL_EVENTS; it writes the keyframes at the FX marker
   below); the table is in DESIGN.md. It runs only where it can be seen: the hero, chapter 04, and the chapter-04 phone
   crop while most of that crop is on screen (site.js adds .run). It pauses everywhere else, and is absent under
   prefers-reduced-motion (the pool's status lights then simply stay lit). Only paint and geometry properties are
   animated (fill-opacity, stroke-opacity, stroke-dasharray / -dashoffset, a ring's x / y / width / height / rx or r);
   the vibration is not an animation but a transform attribute site.js sets from the loop's clock (no layer). */
.diagram .fx {
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  animation-play-state: paused;
}
html[data-scene="hero"] .backdrop .g-team .fx,
html[data-scene="w4"] .backdrop .g-team .fx,
.mini[data-hl="w4"].run .g-team .fx { animation-play-state: running; }
/* chapters 01-03: each has a short loop of its own (gen.py, "chapters 01-03"), shown and running only while its
   chapter is on screen, on wide screens and in the chapter's phone crop; the hero has one of its own too, a request's
   journey through the whole platform */
.diagram .cl { opacity: 0; transition: opacity .6s var(--ease); }
html[data-scene="w1"] .backdrop .cl-w1, html[data-scene="w2"] .backdrop .cl-w2, html[data-scene="w3"] .backdrop .cl-w3,
.mini[data-hl="w1"].run .cl-w1, .mini[data-hl="w2"].run .cl-w2, .mini[data-hl="w3"].run .cl-w3,
html[data-scene="hero"] .backdrop .cl-hero, .mini[data-hl="hero"].run .cl-hero { opacity: 1; }
html[data-scene="w1"] .backdrop .cl-w1 .fx, html[data-scene="w2"] .backdrop .cl-w2 .fx,
html[data-scene="w3"] .backdrop .cl-w3 .fx, html[data-scene="hero"] .backdrop .cl-hero .fx,
.mini[data-hl="w1"].run .cl-w1 .fx, .mini[data-hl="w2"].run .cl-w2 .fx, .mini[data-hl="w3"].run .cl-w3 .fx,
.mini[data-hl="hero"].run .cl-hero .fx { animation-play-state: running; }
/* chapters 01-03's messenger: a bead of light (a round head, a soft halo, a short tail; widths inline, gen.py BEAD) */
.diagram .bead { fill: none; stroke: #3454f5; stroke-linecap: round; stroke-opacity: 0; }
/* a claimed sandbox slot fills with blue; a trace's span is drawn in blue over its grey bar */
.diagram .claim { fill: var(--accent); stroke: var(--accent); stroke-width: 1.25; fill-opacity: 0; stroke-opacity: 0; }
.diagram .span-fx { fill: none; stroke: var(--accent); stroke-width: 3; stroke-linecap: round; stroke-opacity: 0; }
/* the sender's and the receiver's cards light */
.diagram .lit { fill: rgba(63, 91, 208, .08); stroke: var(--accent); stroke-width: 1.5; }
/* a card's ring (leaving the sender, rippling off the receiver) and a junction's ping */
.diagram .wave { fill: var(--accent); stroke: var(--accent); stroke-width: 1.25; }
.diagram .hop-ring { fill: var(--accent); stroke: var(--accent); stroke-width: 1.25; }
.diagram :is(.lit, .wave, .hop-ring) { fill-opacity: 0; stroke-opacity: 0; }
/* the beam: a comet of overlapping round-capped dashes of one path (gen.py writes their widths and colours below the
   FX marker, a more luminous blue at the head cooling along the tail, and their strengths in the keyframes) */
.diagram .beam { fill: none; stroke: var(--accent); stroke-linecap: round; stroke-linejoin: round; }
/* the account pool: a live account's status light (blue where the Agent Team is in view, grey where it is dimmed);
   an idle account is dashed with a hollow light */
.diagram .led { fill: #b4b5bb; stroke: none; transition: fill .9s var(--ease); }
.diagram .led.off { fill: #fff; stroke: #b4b5bb; stroke-width: 1.25; }
html[data-scene="hero"] .backdrop .led:not(.off),
html[data-scene="w4"] .backdrop .led:not(.off),
.mini[data-hl="w4"] .led:not(.off) { fill: var(--accent); }
/* dimmed with the team in chapters 01-03, where the loop is paused: a light never stays frozen mid-blink */
html[data-scene^="w"]:not([data-scene="w4"]) .backdrop .led { fill-opacity: 1 !important; }
.diagram .slot.acct.off { stroke-dasharray: 3 3; }
/* each account chip: its status light, then a short line standing for the account's name */
.diagram .acct-name { fill: none; stroke: #dcdde2; stroke-width: 2.5; stroke-linecap: round; transition: stroke .9s var(--ease); }
.diagram .acct-name.off { stroke: #e6e7eb; }
[data-scene="w4"] .backdrop .acct-name, .mini[data-hl="w4"] .acct-name { stroke: #d0d5ea; }
[data-scene="w4"] .backdrop .acct-name.off, .mini[data-hl="w4"] .acct-name.off { stroke: #e2e5f1; }
/* quieter in the hero than in chapter 04; the moving parts leave the other chapters */
.diagram .live { transition: opacity .6s var(--ease); }
html[data-scene="hero"] .backdrop .live { opacity: .55; }
/* (only once the drawing is drawn: before that the first-paint rules keep the lights out, see above) */
html.js.drawn[data-scene="hero"] .backdrop .leds { opacity: .6; }
html[data-scene^="w"]:not([data-scene="w4"]) .backdrop .live { opacity: 0; }
/* entering chapter 04 the moving parts fade for a moment while site.js restarts the story (restartStory) */
html.js.fx-reset .backdrop .diagram .live { opacity: 0; transition: opacity .2s var(--ease); }
/* the phone crop draws lines at a fixed 1.1-1.5 px; the rings, the beam and the card outlines are thickened to keep
   their weight over them, and the status lights are larger */
.mini[data-hl="w4"] .lit { stroke-width: 2.25; }
.mini[data-hl="w4"] .wave { stroke-width: 2; }
.mini[data-hl="w4"] .hop-ring { stroke-width: 1.75; }
.mini[data-hl="w4"] .led { r: 5px; }
/* the phone crop stops when less than 60 % of it is on screen: its moving parts fade out rather than stand frozen
   mid-message (a still comet in the control plane would read as a progress bar), and its lights are held full; it
   starts again from the story's start (site.js) */
.mini[data-hl="w4"]:not(.run) .live { opacity: 0; transition: opacity .25s var(--ease); }
.mini[data-hl="w4"]:not(.run) .led { fill-opacity: 1 !important; }
.diagram .fx { animation-duration: 25.2s; }
.js.settled .diagram .fx-wave-a1 { animation-name: fx-wave-a1; }
@keyframes fx-wave-a1 { 0% { x: 326px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 1.865% { x: 326px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 1.984% { x: 326px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.8; fill-opacity: 0.112; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 5.556% { x: 317px; y: 652px; width: 142px; height: 44px; rx: 15px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 5.675% { x: 326px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 96.472% { x: 326px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 96.591% { x: 326px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.525; fill-opacity: 0.073; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 99.567% { x: 318.8px; y: 653.2px; width: 138.4px; height: 41.6px; rx: 13.8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 99.687% { x: 326px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 326px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
@keyframes fx-wave-a1-phone { 0% { x: 326px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 1.865% { x: 326px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 1.984% { x: 326px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.8; fill-opacity: 0.112; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 5.556% { x: 318px; y: 654px; width: 140px; height: 40px; rx: 13px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 5.675% { x: 326px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 96.472% { x: 326px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 96.591% { x: 326px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.525; fill-opacity: 0.073; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 99.567% { x: 319.6px; y: 654.8px; width: 136.8px; height: 38.4px; rx: 12.2px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 99.687% { x: 326px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 326px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .mini .diagram .fx-wave-a1 { animation-name: fx-wave-a1-phone; }
.js.settled .diagram .fx-wave-a0 { animation-name: fx-wave-a0; }
@keyframes fx-wave-a0 { 0% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 8.456% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 8.575% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.7; fill-opacity: 0.098; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 11.552% { x: 318.8px; y: 613.2px; width: 138.4px; height: 41.6px; rx: 13.8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 11.671% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 12.222% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 12.341% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.8; fill-opacity: 0.112; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 15.913% { x: 317px; y: 612px; width: 142px; height: 44px; rx: 15px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 16.032% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 86.389% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 86.508% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.525; fill-opacity: 0.073; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 89.484% { x: 318.8px; y: 613.2px; width: 138.4px; height: 41.6px; rx: 13.8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 89.603% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 89.881% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 90% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.6; fill-opacity: 0.084; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 93.571% { x: 317px; y: 612px; width: 142px; height: 44px; rx: 15px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 93.69% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
@keyframes fx-wave-a0-phone { 0% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 8.456% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 8.575% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.7; fill-opacity: 0.098; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 11.552% { x: 319.6px; y: 614.8px; width: 136.8px; height: 38.4px; rx: 12.2px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 11.671% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 12.222% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 12.341% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.8; fill-opacity: 0.112; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 15.913% { x: 318px; y: 614px; width: 140px; height: 40px; rx: 13px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 16.032% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 86.389% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 86.508% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.525; fill-opacity: 0.073; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 89.484% { x: 319.6px; y: 614.8px; width: 136.8px; height: 38.4px; rx: 12.2px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 89.603% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 89.881% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 90% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.6; fill-opacity: 0.084; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 93.571% { x: 318px; y: 614px; width: 140px; height: 40px; rx: 13px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 93.69% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 326px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .mini .diagram .fx-wave-a0 { animation-name: fx-wave-a0-phone; }
.js.settled .diagram .fx-wave-b0 { animation-name: fx-wave-b0; }
@keyframes fx-wave-b0 { 0% { x: 498px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 18.714% { x: 498px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 18.833% { x: 498px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.7; fill-opacity: 0.098; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 21.81% { x: 490.8px; y: 613.2px; width: 138.4px; height: 41.6px; rx: 13.8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 21.929% { x: 498px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 22.302% { x: 498px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 22.421% { x: 498px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.8; fill-opacity: 0.112; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 25.992% { x: 489px; y: 612px; width: 142px; height: 44px; rx: 15px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 26.111% { x: 498px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 498px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
@keyframes fx-wave-b0-phone { 0% { x: 498px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 18.714% { x: 498px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 18.833% { x: 498px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.7; fill-opacity: 0.098; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 21.81% { x: 491.6px; y: 614.8px; width: 136.8px; height: 38.4px; rx: 12.2px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 21.929% { x: 498px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 22.302% { x: 498px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 22.421% { x: 498px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.8; fill-opacity: 0.112; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 25.992% { x: 490px; y: 614px; width: 140px; height: 40px; rx: 13px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 26.111% { x: 498px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 498px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .mini .diagram .fx-wave-b0 { animation-name: fx-wave-b0-phone; }
.js.settled .diagram .fx-wave-b1 { animation-name: fx-wave-b1; }
@keyframes fx-wave-b1 { 0% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 28.893% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 29.012% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.7; fill-opacity: 0.098; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 31.988% { x: 490.8px; y: 653.2px; width: 138.4px; height: 41.6px; rx: 13.8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 32.107% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 32.857% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 32.976% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.8; fill-opacity: 0.112; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 36.548% { x: 489px; y: 652px; width: 142px; height: 44px; rx: 15px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 36.667% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 74.262% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 74.381% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.525; fill-opacity: 0.073; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 77.357% { x: 490.8px; y: 653.2px; width: 138.4px; height: 41.6px; rx: 13.8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 77.476% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 78.135% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 78.254% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.6; fill-opacity: 0.084; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 81.825% { x: 489px; y: 652px; width: 142px; height: 44px; rx: 15px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 81.944% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
@keyframes fx-wave-b1-phone { 0% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 28.893% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 29.012% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.7; fill-opacity: 0.098; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 31.988% { x: 491.6px; y: 654.8px; width: 136.8px; height: 38.4px; rx: 12.2px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 32.107% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 32.857% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 32.976% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.8; fill-opacity: 0.112; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 36.548% { x: 490px; y: 654px; width: 140px; height: 40px; rx: 13px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 36.667% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 74.262% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 74.381% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.525; fill-opacity: 0.073; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 77.357% { x: 491.6px; y: 654.8px; width: 136.8px; height: 38.4px; rx: 12.2px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 77.476% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 78.135% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 78.254% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.6; fill-opacity: 0.084; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 81.825% { x: 490px; y: 654px; width: 140px; height: 40px; rx: 13px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 81.944% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 498px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .mini .diagram .fx-wave-b1 { animation-name: fx-wave-b1-phone; }
.js.settled .diagram .fx-wave-c1 { animation-name: fx-wave-c1; }
@keyframes fx-wave-c1 { 0% { x: 670px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 40.671% { x: 670px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 40.79% { x: 670px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.7; fill-opacity: 0.098; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 43.766% { x: 662.8px; y: 653.2px; width: 138.4px; height: 41.6px; rx: 13.8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 43.885% { x: 670px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 44.325% { x: 670px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 44.444% { x: 670px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.8; fill-opacity: 0.112; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 48.016% { x: 661px; y: 652px; width: 142px; height: 44px; rx: 15px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 48.135% { x: 670px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 670px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
@keyframes fx-wave-c1-phone { 0% { x: 670px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 40.671% { x: 670px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 40.79% { x: 670px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.7; fill-opacity: 0.098; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 43.766% { x: 663.6px; y: 654.8px; width: 136.8px; height: 38.4px; rx: 12.2px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 43.885% { x: 670px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 44.325% { x: 670px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 44.444% { x: 670px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.8; fill-opacity: 0.112; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 48.016% { x: 662px; y: 654px; width: 140px; height: 40px; rx: 13px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 48.135% { x: 670px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 670px; y: 658px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .mini .diagram .fx-wave-c1 { animation-name: fx-wave-c1-phone; }
.js.settled .diagram .fx-wave-c0 { animation-name: fx-wave-c0; }
@keyframes fx-wave-c0 { 0% { x: 670px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 50.917% { x: 670px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 51.036% { x: 670px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.7; fill-opacity: 0.098; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 54.012% { x: 662.8px; y: 613.2px; width: 138.4px; height: 41.6px; rx: 13.8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 54.131% { x: 670px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 54.96% { x: 670px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 55.079% { x: 670px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.8; fill-opacity: 0.112; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 58.651% { x: 661px; y: 612px; width: 142px; height: 44px; rx: 15px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 58.77% { x: 670px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 670px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
@keyframes fx-wave-c0-phone { 0% { x: 670px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 50.917% { x: 670px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 51.036% { x: 670px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.7; fill-opacity: 0.098; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 54.012% { x: 663.6px; y: 614.8px; width: 136.8px; height: 38.4px; rx: 12.2px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 54.131% { x: 670px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 54.96% { x: 670px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 55.079% { x: 670px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.8; fill-opacity: 0.112; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 58.651% { x: 662px; y: 614px; width: 140px; height: 40px; rx: 13px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 58.77% { x: 670px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 670px; y: 618px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .mini .diagram .fx-wave-c0 { animation-name: fx-wave-c0-phone; }
.js.settled .diagram .fx-wave-b2 { animation-name: fx-wave-b2; }
@keyframes fx-wave-b2 { 0% { x: 498px; y: 698px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 62.774% { x: 498px; y: 698px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 62.893% { x: 498px; y: 698px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.7; fill-opacity: 0.098; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 65.869% { x: 490.8px; y: 693.2px; width: 138.4px; height: 41.6px; rx: 13.8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 65.988% { x: 498px; y: 698px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 66.349% { x: 498px; y: 698px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 66.468% { x: 498px; y: 698px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.6; fill-opacity: 0.084; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 70.04% { x: 489px; y: 692px; width: 142px; height: 44px; rx: 15px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 70.159% { x: 498px; y: 698px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 498px; y: 698px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
@keyframes fx-wave-b2-phone { 0% { x: 498px; y: 698px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 62.774% { x: 498px; y: 698px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 62.893% { x: 498px; y: 698px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.7; fill-opacity: 0.098; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 65.869% { x: 491.6px; y: 694.8px; width: 136.8px; height: 38.4px; rx: 12.2px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 65.988% { x: 498px; y: 698px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 66.349% { x: 498px; y: 698px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 66.468% { x: 498px; y: 698px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0.6; fill-opacity: 0.084; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 70.04% { x: 490px; y: 694px; width: 140px; height: 40px; rx: 13px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 70.159% { x: 498px; y: 698px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 498px; y: 698px; width: 124px; height: 32px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .mini .diagram .fx-wave-b2 { animation-name: fx-wave-b2-phone; }
.js.settled .diagram .fx-hopring-x457 { animation-name: fx-hopring-x457; }
@keyframes fx-hopring-x457 { 0% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 4.651% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 4.73% { r: 3px; stroke-opacity: 0.7; fill-opacity: 0.147; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 7.706% { r: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 7.786% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 94.238% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 94.317% { r: 3px; stroke-opacity: 0.525; fill-opacity: 0.11; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 97.294% { r: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 97.373% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
@keyframes fx-hopring-x457-phone { 0% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 4.651% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 4.73% { r: 3px; stroke-opacity: 0.7; fill-opacity: 0.147; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 7.706% { r: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 7.786% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 94.238% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 94.317% { r: 3px; stroke-opacity: 0.525; fill-opacity: 0.11; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 97.294% { r: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 97.373% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .mini .diagram .fx-hopring-x457 { animation-name: fx-hopring-x457-phone; }
.js.settled .diagram .fx-hopring-x319 { animation-name: fx-hopring-x319; }
@keyframes fx-hopring-x319 { 0% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 6.817% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 6.897% { r: 3px; stroke-opacity: 0.7; fill-opacity: 0.147; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 9.873% { r: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 9.952% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 14.397% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 14.476% { r: 3px; stroke-opacity: 0.7; fill-opacity: 0.147; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 17.452% { r: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 17.532% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 84.905% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 84.984% { r: 3px; stroke-opacity: 0.525; fill-opacity: 0.11; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 87.96% { r: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 88.04% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 92.06% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 92.139% { r: 3px; stroke-opacity: 0.525; fill-opacity: 0.11; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 95.115% { r: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 95.194% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
@keyframes fx-hopring-x319-phone { 0% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 6.817% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 6.897% { r: 3px; stroke-opacity: 0.7; fill-opacity: 0.147; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 9.873% { r: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 9.952% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 14.397% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 14.476% { r: 3px; stroke-opacity: 0.7; fill-opacity: 0.147; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 17.452% { r: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 17.532% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 84.905% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 84.984% { r: 3px; stroke-opacity: 0.525; fill-opacity: 0.11; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 87.96% { r: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 88.04% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 92.06% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 92.139% { r: 3px; stroke-opacity: 0.525; fill-opacity: 0.11; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 95.115% { r: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 95.194% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .mini .diagram .fx-hopring-x319 { animation-name: fx-hopring-x319-phone; }
.js.settled .diagram .fx-hopring-x491 { animation-name: fx-hopring-x491; }
@keyframes fx-hopring-x491 { 0% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 17.083% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 17.163% { r: 3px; stroke-opacity: 0.7; fill-opacity: 0.147; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 20.139% { r: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 20.218% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 24.472% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 24.552% { r: 3px; stroke-opacity: 0.7; fill-opacity: 0.147; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 27.528% { r: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 27.607% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 59.901% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 59.98% { r: 3px; stroke-opacity: 0.7; fill-opacity: 0.147; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 62.956% { r: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 63.036% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 69.817% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 69.897% { r: 3px; stroke-opacity: 0.525; fill-opacity: 0.11; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 72.873% { r: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 72.952% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
@keyframes fx-hopring-x491-phone { 0% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 17.083% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 17.163% { r: 3px; stroke-opacity: 0.7; fill-opacity: 0.147; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 20.139% { r: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 20.218% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 24.472% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 24.552% { r: 3px; stroke-opacity: 0.7; fill-opacity: 0.147; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 27.528% { r: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 27.607% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 59.901% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 59.98% { r: 3px; stroke-opacity: 0.7; fill-opacity: 0.147; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 62.956% { r: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 63.036% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 69.817% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 69.897% { r: 3px; stroke-opacity: 0.525; fill-opacity: 0.11; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 72.873% { r: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 72.952% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .mini .diagram .fx-hopring-x491 { animation-name: fx-hopring-x491-phone; }
.js.settled .diagram .fx-hopring-x629 { animation-name: fx-hopring-x629; }
@keyframes fx-hopring-x629 { 0% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 26.659% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 26.738% { r: 3px; stroke-opacity: 0.7; fill-opacity: 0.147; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 29.714% { r: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 29.794% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 35.722% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 35.802% { r: 3px; stroke-opacity: 0.7; fill-opacity: 0.147; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 38.778% { r: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 38.857% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 71.968% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 72.048% { r: 3px; stroke-opacity: 0.525; fill-opacity: 0.11; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 75.024% { r: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 75.103% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 80.75% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 80.829% { r: 3px; stroke-opacity: 0.525; fill-opacity: 0.11; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 83.806% { r: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 83.885% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
@keyframes fx-hopring-x629-phone { 0% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 26.659% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 26.738% { r: 3px; stroke-opacity: 0.7; fill-opacity: 0.147; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 29.714% { r: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 29.794% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 35.722% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 35.802% { r: 3px; stroke-opacity: 0.7; fill-opacity: 0.147; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 38.778% { r: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 38.857% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 71.968% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 72.048% { r: 3px; stroke-opacity: 0.525; fill-opacity: 0.11; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 75.024% { r: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 75.103% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 80.75% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 80.829% { r: 3px; stroke-opacity: 0.525; fill-opacity: 0.11; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 83.806% { r: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 83.885% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .mini .diagram .fx-hopring-x629 { animation-name: fx-hopring-x629-phone; }
.js.settled .diagram .fx-hopring-x801 { animation-name: fx-hopring-x801; }
@keyframes fx-hopring-x801 { 0% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 38.377% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 38.456% { r: 3px; stroke-opacity: 0.7; fill-opacity: 0.147; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 41.433% { r: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 41.512% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 47.119% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 47.198% { r: 3px; stroke-opacity: 0.7; fill-opacity: 0.147; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 50.175% { r: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 50.254% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
@keyframes fx-hopring-x801-phone { 0% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 38.377% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 38.456% { r: 3px; stroke-opacity: 0.7; fill-opacity: 0.147; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 41.433% { r: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 41.512% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 47.119% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 47.198% { r: 3px; stroke-opacity: 0.7; fill-opacity: 0.147; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 50.175% { r: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 50.254% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .mini .diagram .fx-hopring-x801 { animation-name: fx-hopring-x801-phone; }
.js.settled .diagram .fx-hopring-x663 { animation-name: fx-hopring-x663; }
@keyframes fx-hopring-x663 { 0% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 49.282% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 49.361% { r: 3px; stroke-opacity: 0.7; fill-opacity: 0.147; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 52.337% { r: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 52.417% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 57.183% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 57.262% { r: 3px; stroke-opacity: 0.7; fill-opacity: 0.147; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 60.238% { r: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 60.317% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
@keyframes fx-hopring-x663-phone { 0% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 49.282% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 49.361% { r: 3px; stroke-opacity: 0.7; fill-opacity: 0.147; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 52.337% { r: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 52.417% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 57.183% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 57.262% { r: 3px; stroke-opacity: 0.7; fill-opacity: 0.147; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 60.238% { r: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 60.317% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { r: 3px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .mini .diagram .fx-hopring-x663 { animation-name: fx-hopring-x663-phone; }
.js.settled .diagram .fx-lit-a1 { animation-name: fx-lit-a1; }
@keyframes fx-lit-a1 { 0% { fill-opacity: 0.8; stroke-opacity: 0.8; animation-timing-function: linear; } 0.397% { fill-opacity: 0.8; stroke-opacity: 0.8; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 1.786% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 4.96% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 6.944% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 96.433% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 97.464% { fill-opacity: 0.8; stroke-opacity: 0.8; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 0.8; stroke-opacity: 0.8; animation-timing-function: linear; } }
.js.settled .diagram .fx-lit-a0 { animation-name: fx-lit-a0; }
@keyframes fx-lit-a0 { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 8.417% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 9.448% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 15.317% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 17.302% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 86.349% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 87.381% { fill-opacity: 0.8; stroke-opacity: 0.8; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 92.976% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 94.96% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-lit-b0 { animation-name: fx-lit-b0; }
@keyframes fx-lit-b0 { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 18.675% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 19.706% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 25.397% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 27.381% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-lit-b1 { animation-name: fx-lit-b1; }
@keyframes fx-lit-b1 { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 28.853% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 29.885% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 35.952% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 37.937% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 74.222% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 75.254% { fill-opacity: 0.8; stroke-opacity: 0.8; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 81.23% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 83.214% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-lit-c1 { animation-name: fx-lit-c1; }
@keyframes fx-lit-c1 { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 40.631% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 41.663% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 47.421% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 49.405% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-lit-c0 { animation-name: fx-lit-c0; }
@keyframes fx-lit-c0 { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 50.877% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 51.909% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 58.056% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 60.04% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-lit-b2 { animation-name: fx-lit-b2; }
@keyframes fx-lit-b2 { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 62.734% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 63.766% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 69.444% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 71.429% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-led0 { animation-name: fx-led0; }
@keyframes fx-led0 { 0% { fill-opacity: 1; animation-timing-function: linear; } 0.397% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 1.587% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 2.183% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 3.968% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 15.04% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 16.23% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 16.825% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 18.611% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 29.643% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 30.833% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 31.429% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 33.214% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 44.286% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 45.476% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 46.071% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 47.857% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 58.929% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 60.119% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 60.714% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 62.5% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 73.532% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 74.722% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 75.317% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 77.103% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 88.175% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 89.365% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 89.96% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 91.746% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 1; animation-timing-function: linear; } }
.js.settled .diagram .fx-led1 { animation-name: fx-led1; }
@keyframes fx-led1 { 0% { fill-opacity: 1; animation-timing-function: linear; } 10.833% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 11.825% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 12.222% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 13.214% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 14.206% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 14.603% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 15.992% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 25.476% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 26.667% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 27.262% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 29.048% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 40.119% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 41.31% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 41.905% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 43.69% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 54.722% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 55.913% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 56.508% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 58.294% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 69.365% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 70.556% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 71.151% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 72.937% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 84.008% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 85.198% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 85.794% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 87.579% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 1; animation-timing-function: linear; } }
.js.settled .diagram .fx-led2 { animation-name: fx-led2; }
@keyframes fx-led2 { 0% { fill-opacity: 1; animation-timing-function: linear; } 4.563% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 5.754% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 6.349% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 8.135% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 19.206% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 20.397% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 20.992% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 22.778% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 33.849% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 34.841% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 35.238% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 36.23% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 37.222% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 37.619% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 39.008% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 48.452% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 49.643% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 50.238% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 52.024% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 63.095% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 64.286% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 64.881% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 66.667% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 77.738% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 78.929% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 79.524% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 81.31% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 92.341% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 93.532% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 94.127% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 95.913% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 1; animation-timing-function: linear; } }
.js.settled .diagram .fx-led4 { animation-name: fx-led4; }
@keyframes fx-led4 { 0% { fill-opacity: 1; animation-timing-function: linear; } 8.77% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 9.96% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 10.556% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 12.341% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 23.373% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 24.563% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 25.159% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 26.944% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 38.016% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 39.206% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 39.802% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 41.587% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 52.659% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 53.849% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 54.444% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 56.23% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 67.262% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 68.452% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 69.048% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 70.833% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 81.905% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 83.095% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 83.69% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 85.476% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 1; animation-timing-function: linear; } }
.js.settled .diagram .fx-led5 { animation-name: fx-led5; }
@keyframes fx-led5 { 0% { fill-opacity: 1; animation-timing-function: linear; } 2.5% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 3.69% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 4.286% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 6.071% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 17.103% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 18.294% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 18.889% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 20.675% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 31.746% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 32.937% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 33.532% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 35.317% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 46.389% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 47.579% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 48.175% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 49.96% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 60.992% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 62.183% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 62.778% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 64.563% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 75.635% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 76.825% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 77.421% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 79.206% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 90.278% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 91.468% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 92.063% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 93.849% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 1; animation-timing-function: linear; } }
.js.settled .diagram .fx-led7 { animation-name: fx-led7; }
@keyframes fx-led7 { 0% { fill-opacity: 1; animation-timing-function: linear; } 6.667% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 7.857% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 8.452% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 10.238% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 21.31% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 22.5% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 23.095% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 24.881% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 35.913% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 37.103% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 37.698% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 39.484% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 50.556% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 51.746% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 52.341% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 54.127% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 65.198% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 66.389% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 66.984% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 68.77% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 79.802% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 80.794% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 81.19% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 82.183% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 83.175% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 83.571% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 84.96% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 94.444% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 95.635% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 96.23% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 98.016% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 1; animation-timing-function: linear; } }
.js.settled .diagram .fx-led8 { animation-name: fx-led8; }
@keyframes fx-led8 { 0% { fill-opacity: 1; animation-timing-function: linear; } 12.937% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 14.127% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 14.722% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 16.508% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 27.579% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 28.77% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 29.365% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 31.151% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 42.183% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 43.373% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 43.968% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 45.754% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 56.825% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 57.817% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 58.214% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 59.206% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 60.198% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 60.595% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 61.984% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 71.468% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 72.659% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 73.254% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 75.04% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 86.071% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 87.262% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 87.857% { fill-opacity: 0.35; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 89.643% { fill-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 1; animation-timing-function: linear; } }
.diagram .beam.l0 { stroke-width: 3.5; stroke: #3958f5; }
.mini[data-hl="w4"] .beam.l0 { stroke-width: 4.5; }
.diagram .beam.l1 { stroke-width: 3.39; stroke: #415ff5; }
.mini[data-hl="w4"] .beam.l1 { stroke-width: 4.359; }
.diagram .beam.l2 { stroke-width: 3.27; stroke: #4966f5; }
.mini[data-hl="w4"] .beam.l2 { stroke-width: 4.204; }
.diagram .beam.l3 { stroke-width: 3.14; stroke: #506bf5; }
.mini[data-hl="w4"] .beam.l3 { stroke-width: 4.037; }
.diagram .beam.l4 { stroke-width: 3.02; stroke: #5671f5; }
.mini[data-hl="w4"] .beam.l4 { stroke-width: 3.883; }
.diagram .beam.l5 { stroke-width: 2.89; stroke: #5c76f5; }
.mini[data-hl="w4"] .beam.l5 { stroke-width: 3.716; }
.diagram .beam.l6 { stroke-width: 2.75; stroke: #627bf6; }
.mini[data-hl="w4"] .beam.l6 { stroke-width: 3.536; }
.diagram .beam.l7 { stroke-width: 2.62; stroke: #687ff6; }
.mini[data-hl="w4"] .beam.l7 { stroke-width: 3.369; }
.diagram .beam.l8 { stroke-width: 2.47; stroke: #6d84f6; }
.mini[data-hl="w4"] .beam.l8 { stroke-width: 3.176; }
.diagram .beam.l9 { stroke-width: 2.33; stroke: #7389f6; }
.mini[data-hl="w4"] .beam.l9 { stroke-width: 2.996; }
.diagram .beam.l10 { stroke-width: 2.18; stroke: #788df6; }
.mini[data-hl="w4"] .beam.l10 { stroke-width: 2.803; }
.diagram .beam.l11 { stroke-width: 2.02; stroke: #7d91f6; }
.mini[data-hl="w4"] .beam.l11 { stroke-width: 2.597; }
.diagram .beam.l12 { stroke-width: 1.85; stroke: #8296f6; }
.mini[data-hl="w4"] .beam.l12 { stroke-width: 2.379; }
.diagram .beam.l13 { stroke-width: 1.66; stroke: #889af6; }
.mini[data-hl="w4"] .beam.l13 { stroke-width: 2.134; }
.js.settled .diagram .fx-beam0-0 { animation-name: fx-beam0-0; }
@keyframes fx-beam0-0 { 0% { stroke-dasharray: 1.4px 648px; stroke-dashoffset: 4.4px; stroke-opacity: 0.687; animation-timing-function: linear; } 1.581% { stroke-dasharray: 1.4px 648px; stroke-dashoffset: 4.4px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 2.302% { stroke-dasharray: 1.4px 648px; stroke-dashoffset: -10.85px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 2.836% { stroke-dasharray: 1.4px 648px; stroke-dashoffset: -34.85px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 5.597% { stroke-dasharray: 7px 648px; stroke-dashoffset: -200.324px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 8.575% { stroke-dasharray: 5.6px 648px; stroke-dashoffset: -386.092px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 10.349% { stroke-dasharray: 5.6px 648px; stroke-dashoffset: -490.692px; stroke-opacity: 0.687; animation-timing-function: linear; } 89.597% { stroke-dasharray: 1.4px 648px; stroke-dashoffset: -406.692px; stroke-opacity: 0.515; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 90.317% { stroke-dasharray: 1.4px 648px; stroke-dashoffset: -391.442px; stroke-opacity: 0.515; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 90.851% { stroke-dasharray: 1.4px 648px; stroke-dashoffset: -367.442px; stroke-opacity: 0.515; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 93.613% { stroke-dasharray: 7px 648px; stroke-dashoffset: -196.369px; stroke-opacity: 0.515; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 96.591% { stroke-dasharray: 5.6px 648px; stroke-dashoffset: -12px; stroke-opacity: 0.515; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 98.365% { stroke-dasharray: 5.6px 648px; stroke-dashoffset: 92.6px; stroke-opacity: 0.515; animation-timing-function: step-end; } 98.445% { stroke-dasharray: 1.4px 648px; stroke-dashoffset: 4.4px; stroke-opacity: 0.687; animation-timing-function: linear; } 100% { stroke-dasharray: 1.4px 648px; stroke-dashoffset: 4.4px; stroke-opacity: 0.687; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam0-1 { animation-name: fx-beam0-1; }
@keyframes fx-beam0-1 { 0% { stroke-dasharray: 3.02px 648px; stroke-dashoffset: 6.02px; stroke-opacity: 0.43; animation-timing-function: linear; } 1.581% { stroke-dasharray: 3.02px 648px; stroke-dashoffset: 6.02px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 2.302% { stroke-dasharray: 3.02px 648px; stroke-dashoffset: -9.23px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 2.836% { stroke-dasharray: 3.02px 648px; stroke-dashoffset: -33.23px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 5.597% { stroke-dasharray: 15.1px 648px; stroke-dashoffset: -192.224px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 8.575% { stroke-dasharray: 12.08px 648px; stroke-dashoffset: -379.612px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 10.349% { stroke-dasharray: 12.08px 648px; stroke-dashoffset: -484.212px; stroke-opacity: 0.43; animation-timing-function: linear; } 89.597% { stroke-dasharray: 3.02px 648px; stroke-dashoffset: -406.692px; stroke-opacity: 0.323; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 90.317% { stroke-dasharray: 3.02px 648px; stroke-dashoffset: -391.442px; stroke-opacity: 0.323; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 90.851% { stroke-dasharray: 3.02px 648px; stroke-dashoffset: -367.442px; stroke-opacity: 0.323; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 93.613% { stroke-dasharray: 15.1px 648px; stroke-dashoffset: -196.369px; stroke-opacity: 0.323; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 96.591% { stroke-dasharray: 12.08px 648px; stroke-dashoffset: -12px; stroke-opacity: 0.323; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 98.365% { stroke-dasharray: 12.08px 648px; stroke-dashoffset: 92.6px; stroke-opacity: 0.323; animation-timing-function: step-end; } 98.445% { stroke-dasharray: 3.02px 648px; stroke-dashoffset: 6.02px; stroke-opacity: 0.43; animation-timing-function: linear; } 100% { stroke-dasharray: 3.02px 648px; stroke-dashoffset: 6.02px; stroke-opacity: 0.43; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam0-2 { animation-name: fx-beam0-2; }
@keyframes fx-beam0-2 { 0% { stroke-dasharray: 4.64px 648px; stroke-dashoffset: 7.64px; stroke-opacity: 0.305; animation-timing-function: linear; } 1.581% { stroke-dasharray: 4.64px 648px; stroke-dashoffset: 7.64px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 2.302% { stroke-dasharray: 4.64px 648px; stroke-dashoffset: -7.61px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 2.836% { stroke-dasharray: 4.64px 648px; stroke-dashoffset: -31.61px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 5.597% { stroke-dasharray: 23.2px 648px; stroke-dashoffset: -184.124px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 8.575% { stroke-dasharray: 18.56px 648px; stroke-dashoffset: -373.132px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 10.349% { stroke-dasharray: 18.56px 648px; stroke-dashoffset: -477.732px; stroke-opacity: 0.305; animation-timing-function: linear; } 89.597% { stroke-dasharray: 4.64px 648px; stroke-dashoffset: -406.692px; stroke-opacity: 0.229; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 90.317% { stroke-dasharray: 4.64px 648px; stroke-dashoffset: -391.442px; stroke-opacity: 0.229; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 90.851% { stroke-dasharray: 4.64px 648px; stroke-dashoffset: -367.442px; stroke-opacity: 0.229; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 93.613% { stroke-dasharray: 23.2px 648px; stroke-dashoffset: -196.369px; stroke-opacity: 0.229; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 96.591% { stroke-dasharray: 18.56px 648px; stroke-dashoffset: -12px; stroke-opacity: 0.229; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 98.365% { stroke-dasharray: 18.56px 648px; stroke-dashoffset: 92.6px; stroke-opacity: 0.229; animation-timing-function: step-end; } 98.445% { stroke-dasharray: 4.64px 648px; stroke-dashoffset: 7.64px; stroke-opacity: 0.305; animation-timing-function: linear; } 100% { stroke-dasharray: 4.64px 648px; stroke-dashoffset: 7.64px; stroke-opacity: 0.305; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam0-3 { animation-name: fx-beam0-3; }
@keyframes fx-beam0-3 { 0% { stroke-dasharray: 6.24px 648px; stroke-dashoffset: 9.24px; stroke-opacity: 0.239; animation-timing-function: linear; } 1.581% { stroke-dasharray: 6.24px 648px; stroke-dashoffset: 9.24px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 2.302% { stroke-dasharray: 6.24px 648px; stroke-dashoffset: -6.01px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 2.836% { stroke-dasharray: 6.24px 648px; stroke-dashoffset: -30.01px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 5.597% { stroke-dasharray: 31.2px 648px; stroke-dashoffset: -176.124px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 8.575% { stroke-dasharray: 24.96px 648px; stroke-dashoffset: -366.732px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 10.349% { stroke-dasharray: 24.96px 648px; stroke-dashoffset: -471.332px; stroke-opacity: 0.239; animation-timing-function: linear; } 89.597% { stroke-dasharray: 6.24px 648px; stroke-dashoffset: -406.692px; stroke-opacity: 0.179; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 90.317% { stroke-dasharray: 6.24px 648px; stroke-dashoffset: -391.442px; stroke-opacity: 0.179; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 90.851% { stroke-dasharray: 6.24px 648px; stroke-dashoffset: -367.442px; stroke-opacity: 0.179; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 93.613% { stroke-dasharray: 31.2px 648px; stroke-dashoffset: -196.369px; stroke-opacity: 0.179; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 96.591% { stroke-dasharray: 24.96px 648px; stroke-dashoffset: -12px; stroke-opacity: 0.179; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 98.365% { stroke-dasharray: 24.96px 648px; stroke-dashoffset: 92.6px; stroke-opacity: 0.179; animation-timing-function: step-end; } 98.445% { stroke-dasharray: 6.24px 648px; stroke-dashoffset: 9.24px; stroke-opacity: 0.239; animation-timing-function: linear; } 100% { stroke-dasharray: 6.24px 648px; stroke-dashoffset: 9.24px; stroke-opacity: 0.239; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam0-4 { animation-name: fx-beam0-4; }
@keyframes fx-beam0-4 { 0% { stroke-dasharray: 7.86px 648px; stroke-dashoffset: 10.86px; stroke-opacity: 0.199; animation-timing-function: linear; } 1.581% { stroke-dasharray: 7.86px 648px; stroke-dashoffset: 10.86px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 2.302% { stroke-dasharray: 7.86px 648px; stroke-dashoffset: -4.39px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 2.836% { stroke-dasharray: 7.86px 648px; stroke-dashoffset: -28.39px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 5.597% { stroke-dasharray: 39.3px 648px; stroke-dashoffset: -168.024px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 8.575% { stroke-dasharray: 31.44px 648px; stroke-dashoffset: -360.252px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 10.349% { stroke-dasharray: 31.44px 648px; stroke-dashoffset: -464.852px; stroke-opacity: 0.199; animation-timing-function: linear; } 89.597% { stroke-dasharray: 7.86px 648px; stroke-dashoffset: -406.692px; stroke-opacity: 0.149; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 90.317% { stroke-dasharray: 7.86px 648px; stroke-dashoffset: -391.442px; stroke-opacity: 0.149; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 90.851% { stroke-dasharray: 7.86px 648px; stroke-dashoffset: -367.442px; stroke-opacity: 0.149; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 93.613% { stroke-dasharray: 39.3px 648px; stroke-dashoffset: -196.369px; stroke-opacity: 0.149; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 96.591% { stroke-dasharray: 31.44px 648px; stroke-dashoffset: -12px; stroke-opacity: 0.149; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 98.365% { stroke-dasharray: 31.44px 648px; stroke-dashoffset: 92.6px; stroke-opacity: 0.149; animation-timing-function: step-end; } 98.445% { stroke-dasharray: 7.86px 648px; stroke-dashoffset: 10.86px; stroke-opacity: 0.199; animation-timing-function: linear; } 100% { stroke-dasharray: 7.86px 648px; stroke-dashoffset: 10.86px; stroke-opacity: 0.199; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam0-5 { animation-name: fx-beam0-5; }
@keyframes fx-beam0-5 { 0% { stroke-dasharray: 9.48px 648px; stroke-dashoffset: 12.48px; stroke-opacity: 0.171; animation-timing-function: linear; } 1.581% { stroke-dasharray: 9.48px 648px; stroke-dashoffset: 12.48px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 2.302% { stroke-dasharray: 9.48px 648px; stroke-dashoffset: -2.77px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 2.836% { stroke-dasharray: 9.48px 648px; stroke-dashoffset: -26.77px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 5.597% { stroke-dasharray: 47.4px 648px; stroke-dashoffset: -159.924px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 8.575% { stroke-dasharray: 37.92px 648px; stroke-dashoffset: -353.772px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 10.349% { stroke-dasharray: 37.92px 648px; stroke-dashoffset: -458.372px; stroke-opacity: 0.171; animation-timing-function: linear; } 89.597% { stroke-dasharray: 9.48px 648px; stroke-dashoffset: -406.692px; stroke-opacity: 0.128; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 90.317% { stroke-dasharray: 9.48px 648px; stroke-dashoffset: -391.442px; stroke-opacity: 0.128; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 90.851% { stroke-dasharray: 9.48px 648px; stroke-dashoffset: -367.442px; stroke-opacity: 0.128; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 93.613% { stroke-dasharray: 47.4px 648px; stroke-dashoffset: -196.369px; stroke-opacity: 0.128; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 96.591% { stroke-dasharray: 37.92px 648px; stroke-dashoffset: -12px; stroke-opacity: 0.128; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 98.365% { stroke-dasharray: 37.92px 648px; stroke-dashoffset: 92.6px; stroke-opacity: 0.128; animation-timing-function: step-end; } 98.445% { stroke-dasharray: 9.48px 648px; stroke-dashoffset: 12.48px; stroke-opacity: 0.171; animation-timing-function: linear; } 100% { stroke-dasharray: 9.48px 648px; stroke-dashoffset: 12.48px; stroke-opacity: 0.171; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam0-6 { animation-name: fx-beam0-6; }
@keyframes fx-beam0-6 { 0% { stroke-dasharray: 11.1px 648px; stroke-dashoffset: 14.1px; stroke-opacity: 0.15; animation-timing-function: linear; } 1.581% { stroke-dasharray: 11.1px 648px; stroke-dashoffset: 14.1px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 2.302% { stroke-dasharray: 11.1px 648px; stroke-dashoffset: -1.15px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 2.836% { stroke-dasharray: 11.1px 648px; stroke-dashoffset: -25.15px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 5.597% { stroke-dasharray: 55.5px 648px; stroke-dashoffset: -151.824px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 8.575% { stroke-dasharray: 44.4px 648px; stroke-dashoffset: -347.292px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 10.349% { stroke-dasharray: 44.4px 648px; stroke-dashoffset: -451.892px; stroke-opacity: 0.15; animation-timing-function: linear; } 89.597% { stroke-dasharray: 11.1px 648px; stroke-dashoffset: -406.692px; stroke-opacity: 0.112; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 90.317% { stroke-dasharray: 11.1px 648px; stroke-dashoffset: -391.442px; stroke-opacity: 0.112; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 90.851% { stroke-dasharray: 11.1px 648px; stroke-dashoffset: -367.442px; stroke-opacity: 0.112; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 93.613% { stroke-dasharray: 55.5px 648px; stroke-dashoffset: -196.369px; stroke-opacity: 0.112; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 96.591% { stroke-dasharray: 44.4px 648px; stroke-dashoffset: -12px; stroke-opacity: 0.112; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 98.365% { stroke-dasharray: 44.4px 648px; stroke-dashoffset: 92.6px; stroke-opacity: 0.112; animation-timing-function: step-end; } 98.445% { stroke-dasharray: 11.1px 648px; stroke-dashoffset: 14.1px; stroke-opacity: 0.15; animation-timing-function: linear; } 100% { stroke-dasharray: 11.1px 648px; stroke-dashoffset: 14.1px; stroke-opacity: 0.15; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam0-7 { animation-name: fx-beam0-7; }
@keyframes fx-beam0-7 { 0% { stroke-dasharray: 12.7px 648px; stroke-dashoffset: 15.7px; stroke-opacity: 0.136; animation-timing-function: linear; } 1.581% { stroke-dasharray: 12.7px 648px; stroke-dashoffset: 15.7px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 2.302% { stroke-dasharray: 12.7px 648px; stroke-dashoffset: 0.45px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 2.836% { stroke-dasharray: 12.7px 648px; stroke-dashoffset: -23.55px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 5.597% { stroke-dasharray: 63.5px 648px; stroke-dashoffset: -143.824px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 8.575% { stroke-dasharray: 50.8px 648px; stroke-dashoffset: -340.892px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 10.349% { stroke-dasharray: 50.8px 648px; stroke-dashoffset: -445.492px; stroke-opacity: 0.136; animation-timing-function: linear; } 89.597% { stroke-dasharray: 12.7px 648px; stroke-dashoffset: -406.692px; stroke-opacity: 0.102; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 90.317% { stroke-dasharray: 12.7px 648px; stroke-dashoffset: -391.442px; stroke-opacity: 0.102; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 90.851% { stroke-dasharray: 12.7px 648px; stroke-dashoffset: -367.442px; stroke-opacity: 0.102; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 93.613% { stroke-dasharray: 63.5px 648px; stroke-dashoffset: -196.369px; stroke-opacity: 0.102; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 96.591% { stroke-dasharray: 50.8px 648px; stroke-dashoffset: -12px; stroke-opacity: 0.102; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 98.365% { stroke-dasharray: 50.8px 648px; stroke-dashoffset: 92.6px; stroke-opacity: 0.102; animation-timing-function: step-end; } 98.445% { stroke-dasharray: 12.7px 648px; stroke-dashoffset: 15.7px; stroke-opacity: 0.136; animation-timing-function: linear; } 100% { stroke-dasharray: 12.7px 648px; stroke-dashoffset: 15.7px; stroke-opacity: 0.136; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam0-8 { animation-name: fx-beam0-8; }
@keyframes fx-beam0-8 { 0% { stroke-dasharray: 14.32px 648px; stroke-dashoffset: 17.32px; stroke-opacity: 0.126; animation-timing-function: linear; } 1.581% { stroke-dasharray: 14.32px 648px; stroke-dashoffset: 17.32px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 2.302% { stroke-dasharray: 14.32px 648px; stroke-dashoffset: 2.07px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 2.836% { stroke-dasharray: 14.32px 648px; stroke-dashoffset: -21.93px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 5.597% { stroke-dasharray: 71.6px 648px; stroke-dashoffset: -135.724px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 8.575% { stroke-dasharray: 57.28px 648px; stroke-dashoffset: -334.412px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 10.349% { stroke-dasharray: 57.28px 648px; stroke-dashoffset: -439.012px; stroke-opacity: 0.126; animation-timing-function: linear; } 89.597% { stroke-dasharray: 14.32px 648px; stroke-dashoffset: -406.692px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 90.317% { stroke-dasharray: 14.32px 648px; stroke-dashoffset: -391.442px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 90.851% { stroke-dasharray: 14.32px 648px; stroke-dashoffset: -367.442px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 93.613% { stroke-dasharray: 71.6px 648px; stroke-dashoffset: -196.369px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 96.591% { stroke-dasharray: 57.28px 648px; stroke-dashoffset: -12px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 98.365% { stroke-dasharray: 57.28px 648px; stroke-dashoffset: 92.6px; stroke-opacity: 0.095; animation-timing-function: step-end; } 98.445% { stroke-dasharray: 14.32px 648px; stroke-dashoffset: 17.32px; stroke-opacity: 0.126; animation-timing-function: linear; } 100% { stroke-dasharray: 14.32px 648px; stroke-dashoffset: 17.32px; stroke-opacity: 0.126; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam0-9 { animation-name: fx-beam0-9; }
@keyframes fx-beam0-9 { 0% { stroke-dasharray: 15.94px 648px; stroke-dashoffset: 18.94px; stroke-opacity: 0.119; animation-timing-function: linear; } 1.581% { stroke-dasharray: 15.94px 648px; stroke-dashoffset: 18.94px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 2.302% { stroke-dasharray: 15.94px 648px; stroke-dashoffset: 3.69px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 2.836% { stroke-dasharray: 15.94px 648px; stroke-dashoffset: -20.31px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 5.597% { stroke-dasharray: 79.7px 648px; stroke-dashoffset: -127.624px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 8.575% { stroke-dasharray: 63.76px 648px; stroke-dashoffset: -327.932px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 10.349% { stroke-dasharray: 63.76px 648px; stroke-dashoffset: -432.532px; stroke-opacity: 0.119; animation-timing-function: linear; } 89.597% { stroke-dasharray: 15.94px 648px; stroke-dashoffset: -406.692px; stroke-opacity: 0.089; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 90.317% { stroke-dasharray: 15.94px 648px; stroke-dashoffset: -391.442px; stroke-opacity: 0.089; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 90.851% { stroke-dasharray: 15.94px 648px; stroke-dashoffset: -367.442px; stroke-opacity: 0.089; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 93.613% { stroke-dasharray: 79.7px 648px; stroke-dashoffset: -196.369px; stroke-opacity: 0.089; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 96.591% { stroke-dasharray: 63.76px 648px; stroke-dashoffset: -12px; stroke-opacity: 0.089; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 98.365% { stroke-dasharray: 63.76px 648px; stroke-dashoffset: 92.6px; stroke-opacity: 0.089; animation-timing-function: step-end; } 98.445% { stroke-dasharray: 15.94px 648px; stroke-dashoffset: 18.94px; stroke-opacity: 0.119; animation-timing-function: linear; } 100% { stroke-dasharray: 15.94px 648px; stroke-dashoffset: 18.94px; stroke-opacity: 0.119; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam0-10 { animation-name: fx-beam0-10; }
@keyframes fx-beam0-10 { 0% { stroke-dasharray: 17.56px 648px; stroke-dashoffset: 20.56px; stroke-opacity: 0.114; animation-timing-function: linear; } 1.581% { stroke-dasharray: 17.56px 648px; stroke-dashoffset: 20.56px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 2.302% { stroke-dasharray: 17.56px 648px; stroke-dashoffset: 5.31px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 2.836% { stroke-dasharray: 17.56px 648px; stroke-dashoffset: -18.69px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 5.597% { stroke-dasharray: 87.8px 648px; stroke-dashoffset: -119.524px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 8.575% { stroke-dasharray: 70.24px 648px; stroke-dashoffset: -321.452px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 10.349% { stroke-dasharray: 70.24px 648px; stroke-dashoffset: -426.052px; stroke-opacity: 0.114; animation-timing-function: linear; } 89.597% { stroke-dasharray: 17.56px 648px; stroke-dashoffset: -406.692px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 90.317% { stroke-dasharray: 17.56px 648px; stroke-dashoffset: -391.442px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 90.851% { stroke-dasharray: 17.56px 648px; stroke-dashoffset: -367.442px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 93.613% { stroke-dasharray: 87.8px 648px; stroke-dashoffset: -196.369px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 96.591% { stroke-dasharray: 70.24px 648px; stroke-dashoffset: -12px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 98.365% { stroke-dasharray: 70.24px 648px; stroke-dashoffset: 92.6px; stroke-opacity: 0.086; animation-timing-function: step-end; } 98.445% { stroke-dasharray: 17.56px 648px; stroke-dashoffset: 20.56px; stroke-opacity: 0.114; animation-timing-function: linear; } 100% { stroke-dasharray: 17.56px 648px; stroke-dashoffset: 20.56px; stroke-opacity: 0.114; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam0-11 { animation-name: fx-beam0-11; }
@keyframes fx-beam0-11 { 0% { stroke-dasharray: 19.16px 648px; stroke-dashoffset: 22.16px; stroke-opacity: 0.114; animation-timing-function: linear; } 1.581% { stroke-dasharray: 19.16px 648px; stroke-dashoffset: 22.16px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 2.302% { stroke-dasharray: 19.16px 648px; stroke-dashoffset: 6.91px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 2.836% { stroke-dasharray: 19.16px 648px; stroke-dashoffset: -17.09px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 5.597% { stroke-dasharray: 95.8px 648px; stroke-dashoffset: -111.524px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 8.575% { stroke-dasharray: 76.64px 648px; stroke-dashoffset: -315.052px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 10.349% { stroke-dasharray: 76.64px 648px; stroke-dashoffset: -419.652px; stroke-opacity: 0.114; animation-timing-function: linear; } 89.597% { stroke-dasharray: 19.16px 648px; stroke-dashoffset: -406.692px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 90.317% { stroke-dasharray: 19.16px 648px; stroke-dashoffset: -391.442px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 90.851% { stroke-dasharray: 19.16px 648px; stroke-dashoffset: -367.442px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 93.613% { stroke-dasharray: 95.8px 648px; stroke-dashoffset: -196.369px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 96.591% { stroke-dasharray: 76.64px 648px; stroke-dashoffset: -12px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 98.365% { stroke-dasharray: 76.64px 648px; stroke-dashoffset: 92.6px; stroke-opacity: 0.086; animation-timing-function: step-end; } 98.445% { stroke-dasharray: 19.16px 648px; stroke-dashoffset: 22.16px; stroke-opacity: 0.114; animation-timing-function: linear; } 100% { stroke-dasharray: 19.16px 648px; stroke-dashoffset: 22.16px; stroke-opacity: 0.114; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam0-12 { animation-name: fx-beam0-12; }
@keyframes fx-beam0-12 { 0% { stroke-dasharray: 20.78px 648px; stroke-dashoffset: 23.78px; stroke-opacity: 0.126; animation-timing-function: linear; } 1.581% { stroke-dasharray: 20.78px 648px; stroke-dashoffset: 23.78px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 2.302% { stroke-dasharray: 20.78px 648px; stroke-dashoffset: 8.53px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 2.836% { stroke-dasharray: 20.78px 648px; stroke-dashoffset: -15.47px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 5.597% { stroke-dasharray: 103.9px 648px; stroke-dashoffset: -103.424px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 8.575% { stroke-dasharray: 83.12px 648px; stroke-dashoffset: -308.572px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 10.349% { stroke-dasharray: 83.12px 648px; stroke-dashoffset: -413.172px; stroke-opacity: 0.126; animation-timing-function: linear; } 89.597% { stroke-dasharray: 20.78px 648px; stroke-dashoffset: -406.692px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 90.317% { stroke-dasharray: 20.78px 648px; stroke-dashoffset: -391.442px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 90.851% { stroke-dasharray: 20.78px 648px; stroke-dashoffset: -367.442px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 93.613% { stroke-dasharray: 103.9px 648px; stroke-dashoffset: -196.369px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 96.591% { stroke-dasharray: 83.12px 648px; stroke-dashoffset: -12px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 98.365% { stroke-dasharray: 83.12px 648px; stroke-dashoffset: 92.6px; stroke-opacity: 0.095; animation-timing-function: step-end; } 98.445% { stroke-dasharray: 20.78px 648px; stroke-dashoffset: 23.78px; stroke-opacity: 0.126; animation-timing-function: linear; } 100% { stroke-dasharray: 20.78px 648px; stroke-dashoffset: 23.78px; stroke-opacity: 0.126; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam0-13 { animation-name: fx-beam0-13; }
@keyframes fx-beam0-13 { 0% { stroke-dasharray: 22.4px 648px; stroke-dashoffset: 25.4px; stroke-opacity: 0.098; animation-timing-function: linear; } 1.581% { stroke-dasharray: 22.4px 648px; stroke-dashoffset: 25.4px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 2.302% { stroke-dasharray: 22.4px 648px; stroke-dashoffset: 10.15px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 2.836% { stroke-dasharray: 22.4px 648px; stroke-dashoffset: -13.85px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 5.597% { stroke-dasharray: 112px 648px; stroke-dashoffset: -95.324px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 8.575% { stroke-dasharray: 89.6px 648px; stroke-dashoffset: -302.092px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 10.349% { stroke-dasharray: 89.6px 648px; stroke-dashoffset: -406.692px; stroke-opacity: 0.098; animation-timing-function: linear; } 89.597% { stroke-dasharray: 22.4px 648px; stroke-dashoffset: -406.692px; stroke-opacity: 0.074; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 90.317% { stroke-dasharray: 22.4px 648px; stroke-dashoffset: -391.442px; stroke-opacity: 0.074; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 90.851% { stroke-dasharray: 22.4px 648px; stroke-dashoffset: -367.442px; stroke-opacity: 0.074; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 93.613% { stroke-dasharray: 112px 648px; stroke-dashoffset: -196.369px; stroke-opacity: 0.074; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 96.591% { stroke-dasharray: 89.6px 648px; stroke-dashoffset: -12px; stroke-opacity: 0.074; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 98.365% { stroke-dasharray: 89.6px 648px; stroke-dashoffset: 92.6px; stroke-opacity: 0.074; animation-timing-function: step-end; } 98.445% { stroke-dasharray: 22.4px 648px; stroke-dashoffset: 25.4px; stroke-opacity: 0.098; animation-timing-function: linear; } 100% { stroke-dasharray: 22.4px 648px; stroke-dashoffset: 25.4px; stroke-opacity: 0.098; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam1-0 { animation-name: fx-beam1-0; }
@keyframes fx-beam1-0 { 0% { stroke-dasharray: 1.4px 642px; stroke-dashoffset: 4.4px; stroke-opacity: 0.687; animation-timing-function: linear; } 11.938% { stroke-dasharray: 1.4px 642px; stroke-dashoffset: 4.4px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 12.659% { stroke-dasharray: 1.4px 642px; stroke-dashoffset: -10.85px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.348, 0.327, 0.681, 0.661); } 13.192% { stroke-dasharray: 1.4px 642px; stroke-dashoffset: -34.85px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 15.902% { stroke-dasharray: 7px 642px; stroke-dashoffset: -197.239px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 18.833% { stroke-dasharray: 5.6px 642px; stroke-dashoffset: -380.092px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 20.607% { stroke-dasharray: 5.6px 642px; stroke-dashoffset: -484.692px; stroke-opacity: 0.687; animation-timing-function: step-end; } 20.687% { stroke-dasharray: 1.4px 642px; stroke-dashoffset: 4.4px; stroke-opacity: 0.687; animation-timing-function: linear; } 100% { stroke-dasharray: 1.4px 642px; stroke-dashoffset: 4.4px; stroke-opacity: 0.687; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam1-1 { animation-name: fx-beam1-1; }
@keyframes fx-beam1-1 { 0% { stroke-dasharray: 3.02px 642px; stroke-dashoffset: 6.02px; stroke-opacity: 0.43; animation-timing-function: linear; } 11.938% { stroke-dasharray: 3.02px 642px; stroke-dashoffset: 6.02px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 12.659% { stroke-dasharray: 3.02px 642px; stroke-dashoffset: -9.23px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.348, 0.327, 0.681, 0.661); } 13.192% { stroke-dasharray: 3.02px 642px; stroke-dashoffset: -33.23px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 15.902% { stroke-dasharray: 15.1px 642px; stroke-dashoffset: -189.139px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 18.833% { stroke-dasharray: 12.08px 642px; stroke-dashoffset: -373.612px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 20.607% { stroke-dasharray: 12.08px 642px; stroke-dashoffset: -478.212px; stroke-opacity: 0.43; animation-timing-function: step-end; } 20.687% { stroke-dasharray: 3.02px 642px; stroke-dashoffset: 6.02px; stroke-opacity: 0.43; animation-timing-function: linear; } 100% { stroke-dasharray: 3.02px 642px; stroke-dashoffset: 6.02px; stroke-opacity: 0.43; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam1-2 { animation-name: fx-beam1-2; }
@keyframes fx-beam1-2 { 0% { stroke-dasharray: 4.64px 642px; stroke-dashoffset: 7.64px; stroke-opacity: 0.305; animation-timing-function: linear; } 11.938% { stroke-dasharray: 4.64px 642px; stroke-dashoffset: 7.64px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 12.659% { stroke-dasharray: 4.64px 642px; stroke-dashoffset: -7.61px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.348, 0.327, 0.681, 0.661); } 13.192% { stroke-dasharray: 4.64px 642px; stroke-dashoffset: -31.61px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 15.902% { stroke-dasharray: 23.2px 642px; stroke-dashoffset: -181.039px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 18.833% { stroke-dasharray: 18.56px 642px; stroke-dashoffset: -367.132px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 20.607% { stroke-dasharray: 18.56px 642px; stroke-dashoffset: -471.732px; stroke-opacity: 0.305; animation-timing-function: step-end; } 20.687% { stroke-dasharray: 4.64px 642px; stroke-dashoffset: 7.64px; stroke-opacity: 0.305; animation-timing-function: linear; } 100% { stroke-dasharray: 4.64px 642px; stroke-dashoffset: 7.64px; stroke-opacity: 0.305; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam1-3 { animation-name: fx-beam1-3; }
@keyframes fx-beam1-3 { 0% { stroke-dasharray: 6.24px 642px; stroke-dashoffset: 9.24px; stroke-opacity: 0.239; animation-timing-function: linear; } 11.938% { stroke-dasharray: 6.24px 642px; stroke-dashoffset: 9.24px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 12.659% { stroke-dasharray: 6.24px 642px; stroke-dashoffset: -6.01px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.348, 0.327, 0.681, 0.661); } 13.192% { stroke-dasharray: 6.24px 642px; stroke-dashoffset: -30.01px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 15.902% { stroke-dasharray: 31.2px 642px; stroke-dashoffset: -173.039px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 18.833% { stroke-dasharray: 24.96px 642px; stroke-dashoffset: -360.732px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 20.607% { stroke-dasharray: 24.96px 642px; stroke-dashoffset: -465.332px; stroke-opacity: 0.239; animation-timing-function: step-end; } 20.687% { stroke-dasharray: 6.24px 642px; stroke-dashoffset: 9.24px; stroke-opacity: 0.239; animation-timing-function: linear; } 100% { stroke-dasharray: 6.24px 642px; stroke-dashoffset: 9.24px; stroke-opacity: 0.239; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam1-4 { animation-name: fx-beam1-4; }
@keyframes fx-beam1-4 { 0% { stroke-dasharray: 7.86px 642px; stroke-dashoffset: 10.86px; stroke-opacity: 0.199; animation-timing-function: linear; } 11.938% { stroke-dasharray: 7.86px 642px; stroke-dashoffset: 10.86px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 12.659% { stroke-dasharray: 7.86px 642px; stroke-dashoffset: -4.39px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.348, 0.327, 0.681, 0.661); } 13.192% { stroke-dasharray: 7.86px 642px; stroke-dashoffset: -28.39px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 15.902% { stroke-dasharray: 39.3px 642px; stroke-dashoffset: -164.939px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 18.833% { stroke-dasharray: 31.44px 642px; stroke-dashoffset: -354.252px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 20.607% { stroke-dasharray: 31.44px 642px; stroke-dashoffset: -458.852px; stroke-opacity: 0.199; animation-timing-function: step-end; } 20.687% { stroke-dasharray: 7.86px 642px; stroke-dashoffset: 10.86px; stroke-opacity: 0.199; animation-timing-function: linear; } 100% { stroke-dasharray: 7.86px 642px; stroke-dashoffset: 10.86px; stroke-opacity: 0.199; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam1-5 { animation-name: fx-beam1-5; }
@keyframes fx-beam1-5 { 0% { stroke-dasharray: 9.48px 642px; stroke-dashoffset: 12.48px; stroke-opacity: 0.171; animation-timing-function: linear; } 11.938% { stroke-dasharray: 9.48px 642px; stroke-dashoffset: 12.48px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 12.659% { stroke-dasharray: 9.48px 642px; stroke-dashoffset: -2.77px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.348, 0.327, 0.681, 0.661); } 13.192% { stroke-dasharray: 9.48px 642px; stroke-dashoffset: -26.77px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 15.902% { stroke-dasharray: 47.4px 642px; stroke-dashoffset: -156.839px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 18.833% { stroke-dasharray: 37.92px 642px; stroke-dashoffset: -347.772px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 20.607% { stroke-dasharray: 37.92px 642px; stroke-dashoffset: -452.372px; stroke-opacity: 0.171; animation-timing-function: step-end; } 20.687% { stroke-dasharray: 9.48px 642px; stroke-dashoffset: 12.48px; stroke-opacity: 0.171; animation-timing-function: linear; } 100% { stroke-dasharray: 9.48px 642px; stroke-dashoffset: 12.48px; stroke-opacity: 0.171; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam1-6 { animation-name: fx-beam1-6; }
@keyframes fx-beam1-6 { 0% { stroke-dasharray: 11.1px 642px; stroke-dashoffset: 14.1px; stroke-opacity: 0.15; animation-timing-function: linear; } 11.938% { stroke-dasharray: 11.1px 642px; stroke-dashoffset: 14.1px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 12.659% { stroke-dasharray: 11.1px 642px; stroke-dashoffset: -1.15px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.348, 0.327, 0.681, 0.661); } 13.192% { stroke-dasharray: 11.1px 642px; stroke-dashoffset: -25.15px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 15.902% { stroke-dasharray: 55.5px 642px; stroke-dashoffset: -148.739px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 18.833% { stroke-dasharray: 44.4px 642px; stroke-dashoffset: -341.292px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 20.607% { stroke-dasharray: 44.4px 642px; stroke-dashoffset: -445.892px; stroke-opacity: 0.15; animation-timing-function: step-end; } 20.687% { stroke-dasharray: 11.1px 642px; stroke-dashoffset: 14.1px; stroke-opacity: 0.15; animation-timing-function: linear; } 100% { stroke-dasharray: 11.1px 642px; stroke-dashoffset: 14.1px; stroke-opacity: 0.15; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam1-7 { animation-name: fx-beam1-7; }
@keyframes fx-beam1-7 { 0% { stroke-dasharray: 12.7px 642px; stroke-dashoffset: 15.7px; stroke-opacity: 0.136; animation-timing-function: linear; } 11.938% { stroke-dasharray: 12.7px 642px; stroke-dashoffset: 15.7px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 12.659% { stroke-dasharray: 12.7px 642px; stroke-dashoffset: 0.45px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.348, 0.327, 0.681, 0.661); } 13.192% { stroke-dasharray: 12.7px 642px; stroke-dashoffset: -23.55px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 15.902% { stroke-dasharray: 63.5px 642px; stroke-dashoffset: -140.739px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 18.833% { stroke-dasharray: 50.8px 642px; stroke-dashoffset: -334.892px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 20.607% { stroke-dasharray: 50.8px 642px; stroke-dashoffset: -439.492px; stroke-opacity: 0.136; animation-timing-function: step-end; } 20.687% { stroke-dasharray: 12.7px 642px; stroke-dashoffset: 15.7px; stroke-opacity: 0.136; animation-timing-function: linear; } 100% { stroke-dasharray: 12.7px 642px; stroke-dashoffset: 15.7px; stroke-opacity: 0.136; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam1-8 { animation-name: fx-beam1-8; }
@keyframes fx-beam1-8 { 0% { stroke-dasharray: 14.32px 642px; stroke-dashoffset: 17.32px; stroke-opacity: 0.126; animation-timing-function: linear; } 11.938% { stroke-dasharray: 14.32px 642px; stroke-dashoffset: 17.32px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 12.659% { stroke-dasharray: 14.32px 642px; stroke-dashoffset: 2.07px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.348, 0.327, 0.681, 0.661); } 13.192% { stroke-dasharray: 14.32px 642px; stroke-dashoffset: -21.93px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 15.902% { stroke-dasharray: 71.6px 642px; stroke-dashoffset: -132.639px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 18.833% { stroke-dasharray: 57.28px 642px; stroke-dashoffset: -328.412px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 20.607% { stroke-dasharray: 57.28px 642px; stroke-dashoffset: -433.012px; stroke-opacity: 0.126; animation-timing-function: step-end; } 20.687% { stroke-dasharray: 14.32px 642px; stroke-dashoffset: 17.32px; stroke-opacity: 0.126; animation-timing-function: linear; } 100% { stroke-dasharray: 14.32px 642px; stroke-dashoffset: 17.32px; stroke-opacity: 0.126; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam1-9 { animation-name: fx-beam1-9; }
@keyframes fx-beam1-9 { 0% { stroke-dasharray: 15.94px 642px; stroke-dashoffset: 18.94px; stroke-opacity: 0.119; animation-timing-function: linear; } 11.938% { stroke-dasharray: 15.94px 642px; stroke-dashoffset: 18.94px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 12.659% { stroke-dasharray: 15.94px 642px; stroke-dashoffset: 3.69px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.348, 0.327, 0.681, 0.661); } 13.192% { stroke-dasharray: 15.94px 642px; stroke-dashoffset: -20.31px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 15.902% { stroke-dasharray: 79.7px 642px; stroke-dashoffset: -124.539px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 18.833% { stroke-dasharray: 63.76px 642px; stroke-dashoffset: -321.932px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 20.607% { stroke-dasharray: 63.76px 642px; stroke-dashoffset: -426.532px; stroke-opacity: 0.119; animation-timing-function: step-end; } 20.687% { stroke-dasharray: 15.94px 642px; stroke-dashoffset: 18.94px; stroke-opacity: 0.119; animation-timing-function: linear; } 100% { stroke-dasharray: 15.94px 642px; stroke-dashoffset: 18.94px; stroke-opacity: 0.119; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam1-10 { animation-name: fx-beam1-10; }
@keyframes fx-beam1-10 { 0% { stroke-dasharray: 17.56px 642px; stroke-dashoffset: 20.56px; stroke-opacity: 0.114; animation-timing-function: linear; } 11.938% { stroke-dasharray: 17.56px 642px; stroke-dashoffset: 20.56px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 12.659% { stroke-dasharray: 17.56px 642px; stroke-dashoffset: 5.31px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.348, 0.327, 0.681, 0.661); } 13.192% { stroke-dasharray: 17.56px 642px; stroke-dashoffset: -18.69px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 15.902% { stroke-dasharray: 87.8px 642px; stroke-dashoffset: -116.439px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 18.833% { stroke-dasharray: 70.24px 642px; stroke-dashoffset: -315.452px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 20.607% { stroke-dasharray: 70.24px 642px; stroke-dashoffset: -420.052px; stroke-opacity: 0.114; animation-timing-function: step-end; } 20.687% { stroke-dasharray: 17.56px 642px; stroke-dashoffset: 20.56px; stroke-opacity: 0.114; animation-timing-function: linear; } 100% { stroke-dasharray: 17.56px 642px; stroke-dashoffset: 20.56px; stroke-opacity: 0.114; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam1-11 { animation-name: fx-beam1-11; }
@keyframes fx-beam1-11 { 0% { stroke-dasharray: 19.16px 642px; stroke-dashoffset: 22.16px; stroke-opacity: 0.114; animation-timing-function: linear; } 11.938% { stroke-dasharray: 19.16px 642px; stroke-dashoffset: 22.16px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 12.659% { stroke-dasharray: 19.16px 642px; stroke-dashoffset: 6.91px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.348, 0.327, 0.681, 0.661); } 13.192% { stroke-dasharray: 19.16px 642px; stroke-dashoffset: -17.09px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 15.902% { stroke-dasharray: 95.8px 642px; stroke-dashoffset: -108.439px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 18.833% { stroke-dasharray: 76.64px 642px; stroke-dashoffset: -309.052px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 20.607% { stroke-dasharray: 76.64px 642px; stroke-dashoffset: -413.652px; stroke-opacity: 0.114; animation-timing-function: step-end; } 20.687% { stroke-dasharray: 19.16px 642px; stroke-dashoffset: 22.16px; stroke-opacity: 0.114; animation-timing-function: linear; } 100% { stroke-dasharray: 19.16px 642px; stroke-dashoffset: 22.16px; stroke-opacity: 0.114; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam1-12 { animation-name: fx-beam1-12; }
@keyframes fx-beam1-12 { 0% { stroke-dasharray: 20.78px 642px; stroke-dashoffset: 23.78px; stroke-opacity: 0.126; animation-timing-function: linear; } 11.938% { stroke-dasharray: 20.78px 642px; stroke-dashoffset: 23.78px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 12.659% { stroke-dasharray: 20.78px 642px; stroke-dashoffset: 8.53px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.348, 0.327, 0.681, 0.661); } 13.192% { stroke-dasharray: 20.78px 642px; stroke-dashoffset: -15.47px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 15.902% { stroke-dasharray: 103.9px 642px; stroke-dashoffset: -100.339px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 18.833% { stroke-dasharray: 83.12px 642px; stroke-dashoffset: -302.572px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 20.607% { stroke-dasharray: 83.12px 642px; stroke-dashoffset: -407.172px; stroke-opacity: 0.126; animation-timing-function: step-end; } 20.687% { stroke-dasharray: 20.78px 642px; stroke-dashoffset: 23.78px; stroke-opacity: 0.126; animation-timing-function: linear; } 100% { stroke-dasharray: 20.78px 642px; stroke-dashoffset: 23.78px; stroke-opacity: 0.126; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam1-13 { animation-name: fx-beam1-13; }
@keyframes fx-beam1-13 { 0% { stroke-dasharray: 22.4px 642px; stroke-dashoffset: 25.4px; stroke-opacity: 0.098; animation-timing-function: linear; } 11.938% { stroke-dasharray: 22.4px 642px; stroke-dashoffset: 25.4px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 12.659% { stroke-dasharray: 22.4px 642px; stroke-dashoffset: 10.15px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.348, 0.327, 0.681, 0.661); } 13.192% { stroke-dasharray: 22.4px 642px; stroke-dashoffset: -13.85px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 15.902% { stroke-dasharray: 112px 642px; stroke-dashoffset: -92.239px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 18.833% { stroke-dasharray: 89.6px 642px; stroke-dashoffset: -296.092px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 20.607% { stroke-dasharray: 89.6px 642px; stroke-dashoffset: -400.692px; stroke-opacity: 0.098; animation-timing-function: step-end; } 20.687% { stroke-dasharray: 22.4px 642px; stroke-dashoffset: 25.4px; stroke-opacity: 0.098; animation-timing-function: linear; } 100% { stroke-dasharray: 22.4px 642px; stroke-dashoffset: 25.4px; stroke-opacity: 0.098; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam2-0 { animation-name: fx-beam2-0; }
@keyframes fx-beam2-0 { 0% { stroke-dasharray: 1.4px 648px; stroke-dashoffset: 4.4px; stroke-opacity: 0.687; animation-timing-function: linear; } 22.018% { stroke-dasharray: 1.4px 648px; stroke-dashoffset: 4.4px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 22.738% { stroke-dasharray: 1.4px 648px; stroke-dashoffset: -10.85px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 23.272% { stroke-dasharray: 1.4px 648px; stroke-dashoffset: -34.85px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 26.033% { stroke-dasharray: 7px 648px; stroke-dashoffset: -200.324px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 29.012% { stroke-dasharray: 5.6px 648px; stroke-dashoffset: -386.092px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 30.786% { stroke-dasharray: 5.6px 648px; stroke-dashoffset: -490.692px; stroke-opacity: 0.687; animation-timing-function: step-end; } 30.865% { stroke-dasharray: 1.4px 648px; stroke-dashoffset: 4.4px; stroke-opacity: 0.687; animation-timing-function: linear; } 100% { stroke-dasharray: 1.4px 648px; stroke-dashoffset: 4.4px; stroke-opacity: 0.687; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam2-1 { animation-name: fx-beam2-1; }
@keyframes fx-beam2-1 { 0% { stroke-dasharray: 3.02px 648px; stroke-dashoffset: 6.02px; stroke-opacity: 0.43; animation-timing-function: linear; } 22.018% { stroke-dasharray: 3.02px 648px; stroke-dashoffset: 6.02px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 22.738% { stroke-dasharray: 3.02px 648px; stroke-dashoffset: -9.23px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 23.272% { stroke-dasharray: 3.02px 648px; stroke-dashoffset: -33.23px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 26.033% { stroke-dasharray: 15.1px 648px; stroke-dashoffset: -192.224px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 29.012% { stroke-dasharray: 12.08px 648px; stroke-dashoffset: -379.612px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 30.786% { stroke-dasharray: 12.08px 648px; stroke-dashoffset: -484.212px; stroke-opacity: 0.43; animation-timing-function: step-end; } 30.865% { stroke-dasharray: 3.02px 648px; stroke-dashoffset: 6.02px; stroke-opacity: 0.43; animation-timing-function: linear; } 100% { stroke-dasharray: 3.02px 648px; stroke-dashoffset: 6.02px; stroke-opacity: 0.43; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam2-2 { animation-name: fx-beam2-2; }
@keyframes fx-beam2-2 { 0% { stroke-dasharray: 4.64px 648px; stroke-dashoffset: 7.64px; stroke-opacity: 0.305; animation-timing-function: linear; } 22.018% { stroke-dasharray: 4.64px 648px; stroke-dashoffset: 7.64px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 22.738% { stroke-dasharray: 4.64px 648px; stroke-dashoffset: -7.61px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 23.272% { stroke-dasharray: 4.64px 648px; stroke-dashoffset: -31.61px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 26.033% { stroke-dasharray: 23.2px 648px; stroke-dashoffset: -184.124px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 29.012% { stroke-dasharray: 18.56px 648px; stroke-dashoffset: -373.132px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 30.786% { stroke-dasharray: 18.56px 648px; stroke-dashoffset: -477.732px; stroke-opacity: 0.305; animation-timing-function: step-end; } 30.865% { stroke-dasharray: 4.64px 648px; stroke-dashoffset: 7.64px; stroke-opacity: 0.305; animation-timing-function: linear; } 100% { stroke-dasharray: 4.64px 648px; stroke-dashoffset: 7.64px; stroke-opacity: 0.305; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam2-3 { animation-name: fx-beam2-3; }
@keyframes fx-beam2-3 { 0% { stroke-dasharray: 6.24px 648px; stroke-dashoffset: 9.24px; stroke-opacity: 0.239; animation-timing-function: linear; } 22.018% { stroke-dasharray: 6.24px 648px; stroke-dashoffset: 9.24px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 22.738% { stroke-dasharray: 6.24px 648px; stroke-dashoffset: -6.01px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 23.272% { stroke-dasharray: 6.24px 648px; stroke-dashoffset: -30.01px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 26.033% { stroke-dasharray: 31.2px 648px; stroke-dashoffset: -176.124px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 29.012% { stroke-dasharray: 24.96px 648px; stroke-dashoffset: -366.732px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 30.786% { stroke-dasharray: 24.96px 648px; stroke-dashoffset: -471.332px; stroke-opacity: 0.239; animation-timing-function: step-end; } 30.865% { stroke-dasharray: 6.24px 648px; stroke-dashoffset: 9.24px; stroke-opacity: 0.239; animation-timing-function: linear; } 100% { stroke-dasharray: 6.24px 648px; stroke-dashoffset: 9.24px; stroke-opacity: 0.239; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam2-4 { animation-name: fx-beam2-4; }
@keyframes fx-beam2-4 { 0% { stroke-dasharray: 7.86px 648px; stroke-dashoffset: 10.86px; stroke-opacity: 0.199; animation-timing-function: linear; } 22.018% { stroke-dasharray: 7.86px 648px; stroke-dashoffset: 10.86px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 22.738% { stroke-dasharray: 7.86px 648px; stroke-dashoffset: -4.39px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 23.272% { stroke-dasharray: 7.86px 648px; stroke-dashoffset: -28.39px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 26.033% { stroke-dasharray: 39.3px 648px; stroke-dashoffset: -168.024px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 29.012% { stroke-dasharray: 31.44px 648px; stroke-dashoffset: -360.252px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 30.786% { stroke-dasharray: 31.44px 648px; stroke-dashoffset: -464.852px; stroke-opacity: 0.199; animation-timing-function: step-end; } 30.865% { stroke-dasharray: 7.86px 648px; stroke-dashoffset: 10.86px; stroke-opacity: 0.199; animation-timing-function: linear; } 100% { stroke-dasharray: 7.86px 648px; stroke-dashoffset: 10.86px; stroke-opacity: 0.199; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam2-5 { animation-name: fx-beam2-5; }
@keyframes fx-beam2-5 { 0% { stroke-dasharray: 9.48px 648px; stroke-dashoffset: 12.48px; stroke-opacity: 0.171; animation-timing-function: linear; } 22.018% { stroke-dasharray: 9.48px 648px; stroke-dashoffset: 12.48px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 22.738% { stroke-dasharray: 9.48px 648px; stroke-dashoffset: -2.77px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 23.272% { stroke-dasharray: 9.48px 648px; stroke-dashoffset: -26.77px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 26.033% { stroke-dasharray: 47.4px 648px; stroke-dashoffset: -159.924px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 29.012% { stroke-dasharray: 37.92px 648px; stroke-dashoffset: -353.772px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 30.786% { stroke-dasharray: 37.92px 648px; stroke-dashoffset: -458.372px; stroke-opacity: 0.171; animation-timing-function: step-end; } 30.865% { stroke-dasharray: 9.48px 648px; stroke-dashoffset: 12.48px; stroke-opacity: 0.171; animation-timing-function: linear; } 100% { stroke-dasharray: 9.48px 648px; stroke-dashoffset: 12.48px; stroke-opacity: 0.171; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam2-6 { animation-name: fx-beam2-6; }
@keyframes fx-beam2-6 { 0% { stroke-dasharray: 11.1px 648px; stroke-dashoffset: 14.1px; stroke-opacity: 0.15; animation-timing-function: linear; } 22.018% { stroke-dasharray: 11.1px 648px; stroke-dashoffset: 14.1px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 22.738% { stroke-dasharray: 11.1px 648px; stroke-dashoffset: -1.15px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 23.272% { stroke-dasharray: 11.1px 648px; stroke-dashoffset: -25.15px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 26.033% { stroke-dasharray: 55.5px 648px; stroke-dashoffset: -151.824px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 29.012% { stroke-dasharray: 44.4px 648px; stroke-dashoffset: -347.292px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 30.786% { stroke-dasharray: 44.4px 648px; stroke-dashoffset: -451.892px; stroke-opacity: 0.15; animation-timing-function: step-end; } 30.865% { stroke-dasharray: 11.1px 648px; stroke-dashoffset: 14.1px; stroke-opacity: 0.15; animation-timing-function: linear; } 100% { stroke-dasharray: 11.1px 648px; stroke-dashoffset: 14.1px; stroke-opacity: 0.15; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam2-7 { animation-name: fx-beam2-7; }
@keyframes fx-beam2-7 { 0% { stroke-dasharray: 12.7px 648px; stroke-dashoffset: 15.7px; stroke-opacity: 0.136; animation-timing-function: linear; } 22.018% { stroke-dasharray: 12.7px 648px; stroke-dashoffset: 15.7px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 22.738% { stroke-dasharray: 12.7px 648px; stroke-dashoffset: 0.45px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 23.272% { stroke-dasharray: 12.7px 648px; stroke-dashoffset: -23.55px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 26.033% { stroke-dasharray: 63.5px 648px; stroke-dashoffset: -143.824px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 29.012% { stroke-dasharray: 50.8px 648px; stroke-dashoffset: -340.892px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 30.786% { stroke-dasharray: 50.8px 648px; stroke-dashoffset: -445.492px; stroke-opacity: 0.136; animation-timing-function: step-end; } 30.865% { stroke-dasharray: 12.7px 648px; stroke-dashoffset: 15.7px; stroke-opacity: 0.136; animation-timing-function: linear; } 100% { stroke-dasharray: 12.7px 648px; stroke-dashoffset: 15.7px; stroke-opacity: 0.136; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam2-8 { animation-name: fx-beam2-8; }
@keyframes fx-beam2-8 { 0% { stroke-dasharray: 14.32px 648px; stroke-dashoffset: 17.32px; stroke-opacity: 0.126; animation-timing-function: linear; } 22.018% { stroke-dasharray: 14.32px 648px; stroke-dashoffset: 17.32px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 22.738% { stroke-dasharray: 14.32px 648px; stroke-dashoffset: 2.07px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 23.272% { stroke-dasharray: 14.32px 648px; stroke-dashoffset: -21.93px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 26.033% { stroke-dasharray: 71.6px 648px; stroke-dashoffset: -135.724px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 29.012% { stroke-dasharray: 57.28px 648px; stroke-dashoffset: -334.412px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 30.786% { stroke-dasharray: 57.28px 648px; stroke-dashoffset: -439.012px; stroke-opacity: 0.126; animation-timing-function: step-end; } 30.865% { stroke-dasharray: 14.32px 648px; stroke-dashoffset: 17.32px; stroke-opacity: 0.126; animation-timing-function: linear; } 100% { stroke-dasharray: 14.32px 648px; stroke-dashoffset: 17.32px; stroke-opacity: 0.126; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam2-9 { animation-name: fx-beam2-9; }
@keyframes fx-beam2-9 { 0% { stroke-dasharray: 15.94px 648px; stroke-dashoffset: 18.94px; stroke-opacity: 0.119; animation-timing-function: linear; } 22.018% { stroke-dasharray: 15.94px 648px; stroke-dashoffset: 18.94px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 22.738% { stroke-dasharray: 15.94px 648px; stroke-dashoffset: 3.69px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 23.272% { stroke-dasharray: 15.94px 648px; stroke-dashoffset: -20.31px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 26.033% { stroke-dasharray: 79.7px 648px; stroke-dashoffset: -127.624px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 29.012% { stroke-dasharray: 63.76px 648px; stroke-dashoffset: -327.932px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 30.786% { stroke-dasharray: 63.76px 648px; stroke-dashoffset: -432.532px; stroke-opacity: 0.119; animation-timing-function: step-end; } 30.865% { stroke-dasharray: 15.94px 648px; stroke-dashoffset: 18.94px; stroke-opacity: 0.119; animation-timing-function: linear; } 100% { stroke-dasharray: 15.94px 648px; stroke-dashoffset: 18.94px; stroke-opacity: 0.119; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam2-10 { animation-name: fx-beam2-10; }
@keyframes fx-beam2-10 { 0% { stroke-dasharray: 17.56px 648px; stroke-dashoffset: 20.56px; stroke-opacity: 0.114; animation-timing-function: linear; } 22.018% { stroke-dasharray: 17.56px 648px; stroke-dashoffset: 20.56px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 22.738% { stroke-dasharray: 17.56px 648px; stroke-dashoffset: 5.31px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 23.272% { stroke-dasharray: 17.56px 648px; stroke-dashoffset: -18.69px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 26.033% { stroke-dasharray: 87.8px 648px; stroke-dashoffset: -119.524px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 29.012% { stroke-dasharray: 70.24px 648px; stroke-dashoffset: -321.452px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 30.786% { stroke-dasharray: 70.24px 648px; stroke-dashoffset: -426.052px; stroke-opacity: 0.114; animation-timing-function: step-end; } 30.865% { stroke-dasharray: 17.56px 648px; stroke-dashoffset: 20.56px; stroke-opacity: 0.114; animation-timing-function: linear; } 100% { stroke-dasharray: 17.56px 648px; stroke-dashoffset: 20.56px; stroke-opacity: 0.114; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam2-11 { animation-name: fx-beam2-11; }
@keyframes fx-beam2-11 { 0% { stroke-dasharray: 19.16px 648px; stroke-dashoffset: 22.16px; stroke-opacity: 0.114; animation-timing-function: linear; } 22.018% { stroke-dasharray: 19.16px 648px; stroke-dashoffset: 22.16px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 22.738% { stroke-dasharray: 19.16px 648px; stroke-dashoffset: 6.91px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 23.272% { stroke-dasharray: 19.16px 648px; stroke-dashoffset: -17.09px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 26.033% { stroke-dasharray: 95.8px 648px; stroke-dashoffset: -111.524px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 29.012% { stroke-dasharray: 76.64px 648px; stroke-dashoffset: -315.052px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 30.786% { stroke-dasharray: 76.64px 648px; stroke-dashoffset: -419.652px; stroke-opacity: 0.114; animation-timing-function: step-end; } 30.865% { stroke-dasharray: 19.16px 648px; stroke-dashoffset: 22.16px; stroke-opacity: 0.114; animation-timing-function: linear; } 100% { stroke-dasharray: 19.16px 648px; stroke-dashoffset: 22.16px; stroke-opacity: 0.114; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam2-12 { animation-name: fx-beam2-12; }
@keyframes fx-beam2-12 { 0% { stroke-dasharray: 20.78px 648px; stroke-dashoffset: 23.78px; stroke-opacity: 0.126; animation-timing-function: linear; } 22.018% { stroke-dasharray: 20.78px 648px; stroke-dashoffset: 23.78px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 22.738% { stroke-dasharray: 20.78px 648px; stroke-dashoffset: 8.53px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 23.272% { stroke-dasharray: 20.78px 648px; stroke-dashoffset: -15.47px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 26.033% { stroke-dasharray: 103.9px 648px; stroke-dashoffset: -103.424px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 29.012% { stroke-dasharray: 83.12px 648px; stroke-dashoffset: -308.572px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 30.786% { stroke-dasharray: 83.12px 648px; stroke-dashoffset: -413.172px; stroke-opacity: 0.126; animation-timing-function: step-end; } 30.865% { stroke-dasharray: 20.78px 648px; stroke-dashoffset: 23.78px; stroke-opacity: 0.126; animation-timing-function: linear; } 100% { stroke-dasharray: 20.78px 648px; stroke-dashoffset: 23.78px; stroke-opacity: 0.126; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam2-13 { animation-name: fx-beam2-13; }
@keyframes fx-beam2-13 { 0% { stroke-dasharray: 22.4px 648px; stroke-dashoffset: 25.4px; stroke-opacity: 0.098; animation-timing-function: linear; } 22.018% { stroke-dasharray: 22.4px 648px; stroke-dashoffset: 25.4px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 22.738% { stroke-dasharray: 22.4px 648px; stroke-dashoffset: 10.15px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 23.272% { stroke-dasharray: 22.4px 648px; stroke-dashoffset: -13.85px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 26.033% { stroke-dasharray: 112px 648px; stroke-dashoffset: -95.324px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 29.012% { stroke-dasharray: 89.6px 648px; stroke-dashoffset: -302.092px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 30.786% { stroke-dasharray: 89.6px 648px; stroke-dashoffset: -406.692px; stroke-opacity: 0.098; animation-timing-function: step-end; } 30.865% { stroke-dasharray: 22.4px 648px; stroke-dashoffset: 25.4px; stroke-opacity: 0.098; animation-timing-function: linear; } 100% { stroke-dasharray: 22.4px 648px; stroke-dashoffset: 25.4px; stroke-opacity: 0.098; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam3-0 { animation-name: fx-beam3-0; }
@keyframes fx-beam3-0 { 0% { stroke-dasharray: 1.4px 722px; stroke-dashoffset: 4.4px; stroke-opacity: 0.687; animation-timing-function: linear; } 32.573% { stroke-dasharray: 1.4px 722px; stroke-dashoffset: 4.4px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 33.294% { stroke-dasharray: 1.4px 722px; stroke-dashoffset: -10.85px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 33.833% { stroke-dasharray: 1.4px 722px; stroke-dashoffset: -34.85px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 37.232% { stroke-dasharray: 7px 722px; stroke-dashoffset: -238.368px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 40.79% { stroke-dasharray: 5.6px 722px; stroke-dashoffset: -460.092px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 42.565% { stroke-dasharray: 5.6px 722px; stroke-dashoffset: -564.692px; stroke-opacity: 0.687; animation-timing-function: step-end; } 42.644% { stroke-dasharray: 1.4px 722px; stroke-dashoffset: 4.4px; stroke-opacity: 0.687; animation-timing-function: linear; } 100% { stroke-dasharray: 1.4px 722px; stroke-dashoffset: 4.4px; stroke-opacity: 0.687; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam3-1 { animation-name: fx-beam3-1; }
@keyframes fx-beam3-1 { 0% { stroke-dasharray: 3.02px 722px; stroke-dashoffset: 6.02px; stroke-opacity: 0.43; animation-timing-function: linear; } 32.573% { stroke-dasharray: 3.02px 722px; stroke-dashoffset: 6.02px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 33.294% { stroke-dasharray: 3.02px 722px; stroke-dashoffset: -9.23px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 33.833% { stroke-dasharray: 3.02px 722px; stroke-dashoffset: -33.23px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 37.232% { stroke-dasharray: 15.1px 722px; stroke-dashoffset: -230.268px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 40.79% { stroke-dasharray: 12.08px 722px; stroke-dashoffset: -453.612px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 42.565% { stroke-dasharray: 12.08px 722px; stroke-dashoffset: -558.212px; stroke-opacity: 0.43; animation-timing-function: step-end; } 42.644% { stroke-dasharray: 3.02px 722px; stroke-dashoffset: 6.02px; stroke-opacity: 0.43; animation-timing-function: linear; } 100% { stroke-dasharray: 3.02px 722px; stroke-dashoffset: 6.02px; stroke-opacity: 0.43; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam3-2 { animation-name: fx-beam3-2; }
@keyframes fx-beam3-2 { 0% { stroke-dasharray: 4.64px 722px; stroke-dashoffset: 7.64px; stroke-opacity: 0.305; animation-timing-function: linear; } 32.573% { stroke-dasharray: 4.64px 722px; stroke-dashoffset: 7.64px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 33.294% { stroke-dasharray: 4.64px 722px; stroke-dashoffset: -7.61px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 33.833% { stroke-dasharray: 4.64px 722px; stroke-dashoffset: -31.61px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 37.232% { stroke-dasharray: 23.2px 722px; stroke-dashoffset: -222.168px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 40.79% { stroke-dasharray: 18.56px 722px; stroke-dashoffset: -447.132px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 42.565% { stroke-dasharray: 18.56px 722px; stroke-dashoffset: -551.732px; stroke-opacity: 0.305; animation-timing-function: step-end; } 42.644% { stroke-dasharray: 4.64px 722px; stroke-dashoffset: 7.64px; stroke-opacity: 0.305; animation-timing-function: linear; } 100% { stroke-dasharray: 4.64px 722px; stroke-dashoffset: 7.64px; stroke-opacity: 0.305; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam3-3 { animation-name: fx-beam3-3; }
@keyframes fx-beam3-3 { 0% { stroke-dasharray: 6.24px 722px; stroke-dashoffset: 9.24px; stroke-opacity: 0.239; animation-timing-function: linear; } 32.573% { stroke-dasharray: 6.24px 722px; stroke-dashoffset: 9.24px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 33.294% { stroke-dasharray: 6.24px 722px; stroke-dashoffset: -6.01px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 33.833% { stroke-dasharray: 6.24px 722px; stroke-dashoffset: -30.01px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 37.232% { stroke-dasharray: 31.2px 722px; stroke-dashoffset: -214.168px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 40.79% { stroke-dasharray: 24.96px 722px; stroke-dashoffset: -440.732px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 42.565% { stroke-dasharray: 24.96px 722px; stroke-dashoffset: -545.332px; stroke-opacity: 0.239; animation-timing-function: step-end; } 42.644% { stroke-dasharray: 6.24px 722px; stroke-dashoffset: 9.24px; stroke-opacity: 0.239; animation-timing-function: linear; } 100% { stroke-dasharray: 6.24px 722px; stroke-dashoffset: 9.24px; stroke-opacity: 0.239; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam3-4 { animation-name: fx-beam3-4; }
@keyframes fx-beam3-4 { 0% { stroke-dasharray: 7.86px 722px; stroke-dashoffset: 10.86px; stroke-opacity: 0.199; animation-timing-function: linear; } 32.573% { stroke-dasharray: 7.86px 722px; stroke-dashoffset: 10.86px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 33.294% { stroke-dasharray: 7.86px 722px; stroke-dashoffset: -4.39px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 33.833% { stroke-dasharray: 7.86px 722px; stroke-dashoffset: -28.39px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 37.232% { stroke-dasharray: 39.3px 722px; stroke-dashoffset: -206.068px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 40.79% { stroke-dasharray: 31.44px 722px; stroke-dashoffset: -434.252px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 42.565% { stroke-dasharray: 31.44px 722px; stroke-dashoffset: -538.852px; stroke-opacity: 0.199; animation-timing-function: step-end; } 42.644% { stroke-dasharray: 7.86px 722px; stroke-dashoffset: 10.86px; stroke-opacity: 0.199; animation-timing-function: linear; } 100% { stroke-dasharray: 7.86px 722px; stroke-dashoffset: 10.86px; stroke-opacity: 0.199; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam3-5 { animation-name: fx-beam3-5; }
@keyframes fx-beam3-5 { 0% { stroke-dasharray: 9.48px 722px; stroke-dashoffset: 12.48px; stroke-opacity: 0.171; animation-timing-function: linear; } 32.573% { stroke-dasharray: 9.48px 722px; stroke-dashoffset: 12.48px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 33.294% { stroke-dasharray: 9.48px 722px; stroke-dashoffset: -2.77px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 33.833% { stroke-dasharray: 9.48px 722px; stroke-dashoffset: -26.77px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 37.232% { stroke-dasharray: 47.4px 722px; stroke-dashoffset: -197.968px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 40.79% { stroke-dasharray: 37.92px 722px; stroke-dashoffset: -427.772px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 42.565% { stroke-dasharray: 37.92px 722px; stroke-dashoffset: -532.372px; stroke-opacity: 0.171; animation-timing-function: step-end; } 42.644% { stroke-dasharray: 9.48px 722px; stroke-dashoffset: 12.48px; stroke-opacity: 0.171; animation-timing-function: linear; } 100% { stroke-dasharray: 9.48px 722px; stroke-dashoffset: 12.48px; stroke-opacity: 0.171; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam3-6 { animation-name: fx-beam3-6; }
@keyframes fx-beam3-6 { 0% { stroke-dasharray: 11.1px 722px; stroke-dashoffset: 14.1px; stroke-opacity: 0.15; animation-timing-function: linear; } 32.573% { stroke-dasharray: 11.1px 722px; stroke-dashoffset: 14.1px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 33.294% { stroke-dasharray: 11.1px 722px; stroke-dashoffset: -1.15px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 33.833% { stroke-dasharray: 11.1px 722px; stroke-dashoffset: -25.15px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 37.232% { stroke-dasharray: 55.5px 722px; stroke-dashoffset: -189.868px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 40.79% { stroke-dasharray: 44.4px 722px; stroke-dashoffset: -421.292px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 42.565% { stroke-dasharray: 44.4px 722px; stroke-dashoffset: -525.892px; stroke-opacity: 0.15; animation-timing-function: step-end; } 42.644% { stroke-dasharray: 11.1px 722px; stroke-dashoffset: 14.1px; stroke-opacity: 0.15; animation-timing-function: linear; } 100% { stroke-dasharray: 11.1px 722px; stroke-dashoffset: 14.1px; stroke-opacity: 0.15; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam3-7 { animation-name: fx-beam3-7; }
@keyframes fx-beam3-7 { 0% { stroke-dasharray: 12.7px 722px; stroke-dashoffset: 15.7px; stroke-opacity: 0.136; animation-timing-function: linear; } 32.573% { stroke-dasharray: 12.7px 722px; stroke-dashoffset: 15.7px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 33.294% { stroke-dasharray: 12.7px 722px; stroke-dashoffset: 0.45px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 33.833% { stroke-dasharray: 12.7px 722px; stroke-dashoffset: -23.55px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 37.232% { stroke-dasharray: 63.5px 722px; stroke-dashoffset: -181.868px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 40.79% { stroke-dasharray: 50.8px 722px; stroke-dashoffset: -414.892px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 42.565% { stroke-dasharray: 50.8px 722px; stroke-dashoffset: -519.492px; stroke-opacity: 0.136; animation-timing-function: step-end; } 42.644% { stroke-dasharray: 12.7px 722px; stroke-dashoffset: 15.7px; stroke-opacity: 0.136; animation-timing-function: linear; } 100% { stroke-dasharray: 12.7px 722px; stroke-dashoffset: 15.7px; stroke-opacity: 0.136; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam3-8 { animation-name: fx-beam3-8; }
@keyframes fx-beam3-8 { 0% { stroke-dasharray: 14.32px 722px; stroke-dashoffset: 17.32px; stroke-opacity: 0.126; animation-timing-function: linear; } 32.573% { stroke-dasharray: 14.32px 722px; stroke-dashoffset: 17.32px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 33.294% { stroke-dasharray: 14.32px 722px; stroke-dashoffset: 2.07px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 33.833% { stroke-dasharray: 14.32px 722px; stroke-dashoffset: -21.93px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 37.232% { stroke-dasharray: 71.6px 722px; stroke-dashoffset: -173.768px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 40.79% { stroke-dasharray: 57.28px 722px; stroke-dashoffset: -408.412px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 42.565% { stroke-dasharray: 57.28px 722px; stroke-dashoffset: -513.012px; stroke-opacity: 0.126; animation-timing-function: step-end; } 42.644% { stroke-dasharray: 14.32px 722px; stroke-dashoffset: 17.32px; stroke-opacity: 0.126; animation-timing-function: linear; } 100% { stroke-dasharray: 14.32px 722px; stroke-dashoffset: 17.32px; stroke-opacity: 0.126; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam3-9 { animation-name: fx-beam3-9; }
@keyframes fx-beam3-9 { 0% { stroke-dasharray: 15.94px 722px; stroke-dashoffset: 18.94px; stroke-opacity: 0.119; animation-timing-function: linear; } 32.573% { stroke-dasharray: 15.94px 722px; stroke-dashoffset: 18.94px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 33.294% { stroke-dasharray: 15.94px 722px; stroke-dashoffset: 3.69px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 33.833% { stroke-dasharray: 15.94px 722px; stroke-dashoffset: -20.31px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 37.232% { stroke-dasharray: 79.7px 722px; stroke-dashoffset: -165.668px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 40.79% { stroke-dasharray: 63.76px 722px; stroke-dashoffset: -401.932px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 42.565% { stroke-dasharray: 63.76px 722px; stroke-dashoffset: -506.532px; stroke-opacity: 0.119; animation-timing-function: step-end; } 42.644% { stroke-dasharray: 15.94px 722px; stroke-dashoffset: 18.94px; stroke-opacity: 0.119; animation-timing-function: linear; } 100% { stroke-dasharray: 15.94px 722px; stroke-dashoffset: 18.94px; stroke-opacity: 0.119; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam3-10 { animation-name: fx-beam3-10; }
@keyframes fx-beam3-10 { 0% { stroke-dasharray: 17.56px 722px; stroke-dashoffset: 20.56px; stroke-opacity: 0.114; animation-timing-function: linear; } 32.573% { stroke-dasharray: 17.56px 722px; stroke-dashoffset: 20.56px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 33.294% { stroke-dasharray: 17.56px 722px; stroke-dashoffset: 5.31px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 33.833% { stroke-dasharray: 17.56px 722px; stroke-dashoffset: -18.69px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 37.232% { stroke-dasharray: 87.8px 722px; stroke-dashoffset: -157.568px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 40.79% { stroke-dasharray: 70.24px 722px; stroke-dashoffset: -395.452px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 42.565% { stroke-dasharray: 70.24px 722px; stroke-dashoffset: -500.052px; stroke-opacity: 0.114; animation-timing-function: step-end; } 42.644% { stroke-dasharray: 17.56px 722px; stroke-dashoffset: 20.56px; stroke-opacity: 0.114; animation-timing-function: linear; } 100% { stroke-dasharray: 17.56px 722px; stroke-dashoffset: 20.56px; stroke-opacity: 0.114; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam3-11 { animation-name: fx-beam3-11; }
@keyframes fx-beam3-11 { 0% { stroke-dasharray: 19.16px 722px; stroke-dashoffset: 22.16px; stroke-opacity: 0.114; animation-timing-function: linear; } 32.573% { stroke-dasharray: 19.16px 722px; stroke-dashoffset: 22.16px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 33.294% { stroke-dasharray: 19.16px 722px; stroke-dashoffset: 6.91px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 33.833% { stroke-dasharray: 19.16px 722px; stroke-dashoffset: -17.09px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 37.232% { stroke-dasharray: 95.8px 722px; stroke-dashoffset: -149.568px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 40.79% { stroke-dasharray: 76.64px 722px; stroke-dashoffset: -389.052px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 42.565% { stroke-dasharray: 76.64px 722px; stroke-dashoffset: -493.652px; stroke-opacity: 0.114; animation-timing-function: step-end; } 42.644% { stroke-dasharray: 19.16px 722px; stroke-dashoffset: 22.16px; stroke-opacity: 0.114; animation-timing-function: linear; } 100% { stroke-dasharray: 19.16px 722px; stroke-dashoffset: 22.16px; stroke-opacity: 0.114; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam3-12 { animation-name: fx-beam3-12; }
@keyframes fx-beam3-12 { 0% { stroke-dasharray: 20.78px 722px; stroke-dashoffset: 23.78px; stroke-opacity: 0.126; animation-timing-function: linear; } 32.573% { stroke-dasharray: 20.78px 722px; stroke-dashoffset: 23.78px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 33.294% { stroke-dasharray: 20.78px 722px; stroke-dashoffset: 8.53px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 33.833% { stroke-dasharray: 20.78px 722px; stroke-dashoffset: -15.47px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 37.232% { stroke-dasharray: 103.9px 722px; stroke-dashoffset: -141.468px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 40.79% { stroke-dasharray: 83.12px 722px; stroke-dashoffset: -382.572px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 42.565% { stroke-dasharray: 83.12px 722px; stroke-dashoffset: -487.172px; stroke-opacity: 0.126; animation-timing-function: step-end; } 42.644% { stroke-dasharray: 20.78px 722px; stroke-dashoffset: 23.78px; stroke-opacity: 0.126; animation-timing-function: linear; } 100% { stroke-dasharray: 20.78px 722px; stroke-dashoffset: 23.78px; stroke-opacity: 0.126; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam3-13 { animation-name: fx-beam3-13; }
@keyframes fx-beam3-13 { 0% { stroke-dasharray: 22.4px 722px; stroke-dashoffset: 25.4px; stroke-opacity: 0.098; animation-timing-function: linear; } 32.573% { stroke-dasharray: 22.4px 722px; stroke-dashoffset: 25.4px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 33.294% { stroke-dasharray: 22.4px 722px; stroke-dashoffset: 10.15px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 33.833% { stroke-dasharray: 22.4px 722px; stroke-dashoffset: -13.85px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 37.232% { stroke-dasharray: 112px 722px; stroke-dashoffset: -133.368px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 40.79% { stroke-dasharray: 89.6px 722px; stroke-dashoffset: -376.092px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 42.565% { stroke-dasharray: 89.6px 722px; stroke-dashoffset: -480.692px; stroke-opacity: 0.098; animation-timing-function: step-end; } 42.644% { stroke-dasharray: 22.4px 722px; stroke-dashoffset: 25.4px; stroke-opacity: 0.098; animation-timing-function: linear; } 100% { stroke-dasharray: 22.4px 722px; stroke-dashoffset: 25.4px; stroke-opacity: 0.098; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam4-0 { animation-name: fx-beam4-0; }
@keyframes fx-beam4-0 { 0% { stroke-dasharray: 1.4px 648px; stroke-dashoffset: 4.4px; stroke-opacity: 0.687; animation-timing-function: linear; } 44.041% { stroke-dasharray: 1.4px 648px; stroke-dashoffset: 4.4px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 44.762% { stroke-dasharray: 1.4px 648px; stroke-dashoffset: -10.85px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 45.296% { stroke-dasharray: 1.4px 648px; stroke-dashoffset: -34.85px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 48.057% { stroke-dasharray: 7px 648px; stroke-dashoffset: -200.324px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 51.036% { stroke-dasharray: 5.6px 648px; stroke-dashoffset: -386.092px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 52.81% { stroke-dasharray: 5.6px 648px; stroke-dashoffset: -490.692px; stroke-opacity: 0.687; animation-timing-function: step-end; } 52.889% { stroke-dasharray: 1.4px 648px; stroke-dashoffset: 4.4px; stroke-opacity: 0.687; animation-timing-function: linear; } 100% { stroke-dasharray: 1.4px 648px; stroke-dashoffset: 4.4px; stroke-opacity: 0.687; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam4-1 { animation-name: fx-beam4-1; }
@keyframes fx-beam4-1 { 0% { stroke-dasharray: 3.02px 648px; stroke-dashoffset: 6.02px; stroke-opacity: 0.43; animation-timing-function: linear; } 44.041% { stroke-dasharray: 3.02px 648px; stroke-dashoffset: 6.02px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 44.762% { stroke-dasharray: 3.02px 648px; stroke-dashoffset: -9.23px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 45.296% { stroke-dasharray: 3.02px 648px; stroke-dashoffset: -33.23px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 48.057% { stroke-dasharray: 15.1px 648px; stroke-dashoffset: -192.224px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 51.036% { stroke-dasharray: 12.08px 648px; stroke-dashoffset: -379.612px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 52.81% { stroke-dasharray: 12.08px 648px; stroke-dashoffset: -484.212px; stroke-opacity: 0.43; animation-timing-function: step-end; } 52.889% { stroke-dasharray: 3.02px 648px; stroke-dashoffset: 6.02px; stroke-opacity: 0.43; animation-timing-function: linear; } 100% { stroke-dasharray: 3.02px 648px; stroke-dashoffset: 6.02px; stroke-opacity: 0.43; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam4-2 { animation-name: fx-beam4-2; }
@keyframes fx-beam4-2 { 0% { stroke-dasharray: 4.64px 648px; stroke-dashoffset: 7.64px; stroke-opacity: 0.305; animation-timing-function: linear; } 44.041% { stroke-dasharray: 4.64px 648px; stroke-dashoffset: 7.64px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 44.762% { stroke-dasharray: 4.64px 648px; stroke-dashoffset: -7.61px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 45.296% { stroke-dasharray: 4.64px 648px; stroke-dashoffset: -31.61px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 48.057% { stroke-dasharray: 23.2px 648px; stroke-dashoffset: -184.124px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 51.036% { stroke-dasharray: 18.56px 648px; stroke-dashoffset: -373.132px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 52.81% { stroke-dasharray: 18.56px 648px; stroke-dashoffset: -477.732px; stroke-opacity: 0.305; animation-timing-function: step-end; } 52.889% { stroke-dasharray: 4.64px 648px; stroke-dashoffset: 7.64px; stroke-opacity: 0.305; animation-timing-function: linear; } 100% { stroke-dasharray: 4.64px 648px; stroke-dashoffset: 7.64px; stroke-opacity: 0.305; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam4-3 { animation-name: fx-beam4-3; }
@keyframes fx-beam4-3 { 0% { stroke-dasharray: 6.24px 648px; stroke-dashoffset: 9.24px; stroke-opacity: 0.239; animation-timing-function: linear; } 44.041% { stroke-dasharray: 6.24px 648px; stroke-dashoffset: 9.24px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 44.762% { stroke-dasharray: 6.24px 648px; stroke-dashoffset: -6.01px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 45.296% { stroke-dasharray: 6.24px 648px; stroke-dashoffset: -30.01px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 48.057% { stroke-dasharray: 31.2px 648px; stroke-dashoffset: -176.124px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 51.036% { stroke-dasharray: 24.96px 648px; stroke-dashoffset: -366.732px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 52.81% { stroke-dasharray: 24.96px 648px; stroke-dashoffset: -471.332px; stroke-opacity: 0.239; animation-timing-function: step-end; } 52.889% { stroke-dasharray: 6.24px 648px; stroke-dashoffset: 9.24px; stroke-opacity: 0.239; animation-timing-function: linear; } 100% { stroke-dasharray: 6.24px 648px; stroke-dashoffset: 9.24px; stroke-opacity: 0.239; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam4-4 { animation-name: fx-beam4-4; }
@keyframes fx-beam4-4 { 0% { stroke-dasharray: 7.86px 648px; stroke-dashoffset: 10.86px; stroke-opacity: 0.199; animation-timing-function: linear; } 44.041% { stroke-dasharray: 7.86px 648px; stroke-dashoffset: 10.86px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 44.762% { stroke-dasharray: 7.86px 648px; stroke-dashoffset: -4.39px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 45.296% { stroke-dasharray: 7.86px 648px; stroke-dashoffset: -28.39px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 48.057% { stroke-dasharray: 39.3px 648px; stroke-dashoffset: -168.024px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 51.036% { stroke-dasharray: 31.44px 648px; stroke-dashoffset: -360.252px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 52.81% { stroke-dasharray: 31.44px 648px; stroke-dashoffset: -464.852px; stroke-opacity: 0.199; animation-timing-function: step-end; } 52.889% { stroke-dasharray: 7.86px 648px; stroke-dashoffset: 10.86px; stroke-opacity: 0.199; animation-timing-function: linear; } 100% { stroke-dasharray: 7.86px 648px; stroke-dashoffset: 10.86px; stroke-opacity: 0.199; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam4-5 { animation-name: fx-beam4-5; }
@keyframes fx-beam4-5 { 0% { stroke-dasharray: 9.48px 648px; stroke-dashoffset: 12.48px; stroke-opacity: 0.171; animation-timing-function: linear; } 44.041% { stroke-dasharray: 9.48px 648px; stroke-dashoffset: 12.48px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 44.762% { stroke-dasharray: 9.48px 648px; stroke-dashoffset: -2.77px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 45.296% { stroke-dasharray: 9.48px 648px; stroke-dashoffset: -26.77px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 48.057% { stroke-dasharray: 47.4px 648px; stroke-dashoffset: -159.924px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 51.036% { stroke-dasharray: 37.92px 648px; stroke-dashoffset: -353.772px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 52.81% { stroke-dasharray: 37.92px 648px; stroke-dashoffset: -458.372px; stroke-opacity: 0.171; animation-timing-function: step-end; } 52.889% { stroke-dasharray: 9.48px 648px; stroke-dashoffset: 12.48px; stroke-opacity: 0.171; animation-timing-function: linear; } 100% { stroke-dasharray: 9.48px 648px; stroke-dashoffset: 12.48px; stroke-opacity: 0.171; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam4-6 { animation-name: fx-beam4-6; }
@keyframes fx-beam4-6 { 0% { stroke-dasharray: 11.1px 648px; stroke-dashoffset: 14.1px; stroke-opacity: 0.15; animation-timing-function: linear; } 44.041% { stroke-dasharray: 11.1px 648px; stroke-dashoffset: 14.1px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 44.762% { stroke-dasharray: 11.1px 648px; stroke-dashoffset: -1.15px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 45.296% { stroke-dasharray: 11.1px 648px; stroke-dashoffset: -25.15px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 48.057% { stroke-dasharray: 55.5px 648px; stroke-dashoffset: -151.824px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 51.036% { stroke-dasharray: 44.4px 648px; stroke-dashoffset: -347.292px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 52.81% { stroke-dasharray: 44.4px 648px; stroke-dashoffset: -451.892px; stroke-opacity: 0.15; animation-timing-function: step-end; } 52.889% { stroke-dasharray: 11.1px 648px; stroke-dashoffset: 14.1px; stroke-opacity: 0.15; animation-timing-function: linear; } 100% { stroke-dasharray: 11.1px 648px; stroke-dashoffset: 14.1px; stroke-opacity: 0.15; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam4-7 { animation-name: fx-beam4-7; }
@keyframes fx-beam4-7 { 0% { stroke-dasharray: 12.7px 648px; stroke-dashoffset: 15.7px; stroke-opacity: 0.136; animation-timing-function: linear; } 44.041% { stroke-dasharray: 12.7px 648px; stroke-dashoffset: 15.7px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 44.762% { stroke-dasharray: 12.7px 648px; stroke-dashoffset: 0.45px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 45.296% { stroke-dasharray: 12.7px 648px; stroke-dashoffset: -23.55px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 48.057% { stroke-dasharray: 63.5px 648px; stroke-dashoffset: -143.824px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 51.036% { stroke-dasharray: 50.8px 648px; stroke-dashoffset: -340.892px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 52.81% { stroke-dasharray: 50.8px 648px; stroke-dashoffset: -445.492px; stroke-opacity: 0.136; animation-timing-function: step-end; } 52.889% { stroke-dasharray: 12.7px 648px; stroke-dashoffset: 15.7px; stroke-opacity: 0.136; animation-timing-function: linear; } 100% { stroke-dasharray: 12.7px 648px; stroke-dashoffset: 15.7px; stroke-opacity: 0.136; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam4-8 { animation-name: fx-beam4-8; }
@keyframes fx-beam4-8 { 0% { stroke-dasharray: 14.32px 648px; stroke-dashoffset: 17.32px; stroke-opacity: 0.126; animation-timing-function: linear; } 44.041% { stroke-dasharray: 14.32px 648px; stroke-dashoffset: 17.32px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 44.762% { stroke-dasharray: 14.32px 648px; stroke-dashoffset: 2.07px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 45.296% { stroke-dasharray: 14.32px 648px; stroke-dashoffset: -21.93px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 48.057% { stroke-dasharray: 71.6px 648px; stroke-dashoffset: -135.724px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 51.036% { stroke-dasharray: 57.28px 648px; stroke-dashoffset: -334.412px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 52.81% { stroke-dasharray: 57.28px 648px; stroke-dashoffset: -439.012px; stroke-opacity: 0.126; animation-timing-function: step-end; } 52.889% { stroke-dasharray: 14.32px 648px; stroke-dashoffset: 17.32px; stroke-opacity: 0.126; animation-timing-function: linear; } 100% { stroke-dasharray: 14.32px 648px; stroke-dashoffset: 17.32px; stroke-opacity: 0.126; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam4-9 { animation-name: fx-beam4-9; }
@keyframes fx-beam4-9 { 0% { stroke-dasharray: 15.94px 648px; stroke-dashoffset: 18.94px; stroke-opacity: 0.119; animation-timing-function: linear; } 44.041% { stroke-dasharray: 15.94px 648px; stroke-dashoffset: 18.94px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 44.762% { stroke-dasharray: 15.94px 648px; stroke-dashoffset: 3.69px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 45.296% { stroke-dasharray: 15.94px 648px; stroke-dashoffset: -20.31px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 48.057% { stroke-dasharray: 79.7px 648px; stroke-dashoffset: -127.624px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 51.036% { stroke-dasharray: 63.76px 648px; stroke-dashoffset: -327.932px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 52.81% { stroke-dasharray: 63.76px 648px; stroke-dashoffset: -432.532px; stroke-opacity: 0.119; animation-timing-function: step-end; } 52.889% { stroke-dasharray: 15.94px 648px; stroke-dashoffset: 18.94px; stroke-opacity: 0.119; animation-timing-function: linear; } 100% { stroke-dasharray: 15.94px 648px; stroke-dashoffset: 18.94px; stroke-opacity: 0.119; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam4-10 { animation-name: fx-beam4-10; }
@keyframes fx-beam4-10 { 0% { stroke-dasharray: 17.56px 648px; stroke-dashoffset: 20.56px; stroke-opacity: 0.114; animation-timing-function: linear; } 44.041% { stroke-dasharray: 17.56px 648px; stroke-dashoffset: 20.56px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 44.762% { stroke-dasharray: 17.56px 648px; stroke-dashoffset: 5.31px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 45.296% { stroke-dasharray: 17.56px 648px; stroke-dashoffset: -18.69px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 48.057% { stroke-dasharray: 87.8px 648px; stroke-dashoffset: -119.524px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 51.036% { stroke-dasharray: 70.24px 648px; stroke-dashoffset: -321.452px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 52.81% { stroke-dasharray: 70.24px 648px; stroke-dashoffset: -426.052px; stroke-opacity: 0.114; animation-timing-function: step-end; } 52.889% { stroke-dasharray: 17.56px 648px; stroke-dashoffset: 20.56px; stroke-opacity: 0.114; animation-timing-function: linear; } 100% { stroke-dasharray: 17.56px 648px; stroke-dashoffset: 20.56px; stroke-opacity: 0.114; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam4-11 { animation-name: fx-beam4-11; }
@keyframes fx-beam4-11 { 0% { stroke-dasharray: 19.16px 648px; stroke-dashoffset: 22.16px; stroke-opacity: 0.114; animation-timing-function: linear; } 44.041% { stroke-dasharray: 19.16px 648px; stroke-dashoffset: 22.16px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 44.762% { stroke-dasharray: 19.16px 648px; stroke-dashoffset: 6.91px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 45.296% { stroke-dasharray: 19.16px 648px; stroke-dashoffset: -17.09px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 48.057% { stroke-dasharray: 95.8px 648px; stroke-dashoffset: -111.524px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 51.036% { stroke-dasharray: 76.64px 648px; stroke-dashoffset: -315.052px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 52.81% { stroke-dasharray: 76.64px 648px; stroke-dashoffset: -419.652px; stroke-opacity: 0.114; animation-timing-function: step-end; } 52.889% { stroke-dasharray: 19.16px 648px; stroke-dashoffset: 22.16px; stroke-opacity: 0.114; animation-timing-function: linear; } 100% { stroke-dasharray: 19.16px 648px; stroke-dashoffset: 22.16px; stroke-opacity: 0.114; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam4-12 { animation-name: fx-beam4-12; }
@keyframes fx-beam4-12 { 0% { stroke-dasharray: 20.78px 648px; stroke-dashoffset: 23.78px; stroke-opacity: 0.126; animation-timing-function: linear; } 44.041% { stroke-dasharray: 20.78px 648px; stroke-dashoffset: 23.78px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 44.762% { stroke-dasharray: 20.78px 648px; stroke-dashoffset: 8.53px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 45.296% { stroke-dasharray: 20.78px 648px; stroke-dashoffset: -15.47px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 48.057% { stroke-dasharray: 103.9px 648px; stroke-dashoffset: -103.424px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 51.036% { stroke-dasharray: 83.12px 648px; stroke-dashoffset: -308.572px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 52.81% { stroke-dasharray: 83.12px 648px; stroke-dashoffset: -413.172px; stroke-opacity: 0.126; animation-timing-function: step-end; } 52.889% { stroke-dasharray: 20.78px 648px; stroke-dashoffset: 23.78px; stroke-opacity: 0.126; animation-timing-function: linear; } 100% { stroke-dasharray: 20.78px 648px; stroke-dashoffset: 23.78px; stroke-opacity: 0.126; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam4-13 { animation-name: fx-beam4-13; }
@keyframes fx-beam4-13 { 0% { stroke-dasharray: 22.4px 648px; stroke-dashoffset: 25.4px; stroke-opacity: 0.098; animation-timing-function: linear; } 44.041% { stroke-dasharray: 22.4px 648px; stroke-dashoffset: 25.4px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 44.762% { stroke-dasharray: 22.4px 648px; stroke-dashoffset: 10.15px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.348, 0.328, 0.68, 0.661); } 45.296% { stroke-dasharray: 22.4px 648px; stroke-dashoffset: -13.85px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.402, 0.309, 0.697, 0.651); } 48.057% { stroke-dasharray: 112px 648px; stroke-dashoffset: -95.324px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 51.036% { stroke-dasharray: 89.6px 648px; stroke-dashoffset: -302.092px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 52.81% { stroke-dasharray: 89.6px 648px; stroke-dashoffset: -406.692px; stroke-opacity: 0.098; animation-timing-function: step-end; } 52.889% { stroke-dasharray: 22.4px 648px; stroke-dashoffset: 25.4px; stroke-opacity: 0.098; animation-timing-function: linear; } 100% { stroke-dasharray: 22.4px 648px; stroke-dashoffset: 25.4px; stroke-opacity: 0.098; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam5-0 { animation-name: fx-beam5-0; }
@keyframes fx-beam5-0 { 0% { stroke-dasharray: 1.4px 722px; stroke-dashoffset: 4.4px; stroke-opacity: 0.687; animation-timing-function: linear; } 54.676% { stroke-dasharray: 1.4px 722px; stroke-dashoffset: 4.4px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 55.397% { stroke-dasharray: 1.4px 722px; stroke-dashoffset: -10.85px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 55.936% { stroke-dasharray: 1.4px 722px; stroke-dashoffset: -34.85px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 59.335% { stroke-dasharray: 7px 722px; stroke-dashoffset: -238.368px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 62.893% { stroke-dasharray: 5.6px 722px; stroke-dashoffset: -460.092px; stroke-opacity: 0.687; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 64.668% { stroke-dasharray: 5.6px 722px; stroke-dashoffset: -564.692px; stroke-opacity: 0.687; animation-timing-function: step-end; } 64.747% { stroke-dasharray: 1.4px 722px; stroke-dashoffset: 4.4px; stroke-opacity: 0.687; animation-timing-function: linear; } 100% { stroke-dasharray: 1.4px 722px; stroke-dashoffset: 4.4px; stroke-opacity: 0.687; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam5-1 { animation-name: fx-beam5-1; }
@keyframes fx-beam5-1 { 0% { stroke-dasharray: 3.02px 722px; stroke-dashoffset: 6.02px; stroke-opacity: 0.43; animation-timing-function: linear; } 54.676% { stroke-dasharray: 3.02px 722px; stroke-dashoffset: 6.02px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 55.397% { stroke-dasharray: 3.02px 722px; stroke-dashoffset: -9.23px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 55.936% { stroke-dasharray: 3.02px 722px; stroke-dashoffset: -33.23px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 59.335% { stroke-dasharray: 15.1px 722px; stroke-dashoffset: -230.268px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 62.893% { stroke-dasharray: 12.08px 722px; stroke-dashoffset: -453.612px; stroke-opacity: 0.43; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 64.668% { stroke-dasharray: 12.08px 722px; stroke-dashoffset: -558.212px; stroke-opacity: 0.43; animation-timing-function: step-end; } 64.747% { stroke-dasharray: 3.02px 722px; stroke-dashoffset: 6.02px; stroke-opacity: 0.43; animation-timing-function: linear; } 100% { stroke-dasharray: 3.02px 722px; stroke-dashoffset: 6.02px; stroke-opacity: 0.43; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam5-2 { animation-name: fx-beam5-2; }
@keyframes fx-beam5-2 { 0% { stroke-dasharray: 4.64px 722px; stroke-dashoffset: 7.64px; stroke-opacity: 0.305; animation-timing-function: linear; } 54.676% { stroke-dasharray: 4.64px 722px; stroke-dashoffset: 7.64px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 55.397% { stroke-dasharray: 4.64px 722px; stroke-dashoffset: -7.61px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 55.936% { stroke-dasharray: 4.64px 722px; stroke-dashoffset: -31.61px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 59.335% { stroke-dasharray: 23.2px 722px; stroke-dashoffset: -222.168px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 62.893% { stroke-dasharray: 18.56px 722px; stroke-dashoffset: -447.132px; stroke-opacity: 0.305; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 64.668% { stroke-dasharray: 18.56px 722px; stroke-dashoffset: -551.732px; stroke-opacity: 0.305; animation-timing-function: step-end; } 64.747% { stroke-dasharray: 4.64px 722px; stroke-dashoffset: 7.64px; stroke-opacity: 0.305; animation-timing-function: linear; } 100% { stroke-dasharray: 4.64px 722px; stroke-dashoffset: 7.64px; stroke-opacity: 0.305; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam5-3 { animation-name: fx-beam5-3; }
@keyframes fx-beam5-3 { 0% { stroke-dasharray: 6.24px 722px; stroke-dashoffset: 9.24px; stroke-opacity: 0.239; animation-timing-function: linear; } 54.676% { stroke-dasharray: 6.24px 722px; stroke-dashoffset: 9.24px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 55.397% { stroke-dasharray: 6.24px 722px; stroke-dashoffset: -6.01px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 55.936% { stroke-dasharray: 6.24px 722px; stroke-dashoffset: -30.01px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 59.335% { stroke-dasharray: 31.2px 722px; stroke-dashoffset: -214.168px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 62.893% { stroke-dasharray: 24.96px 722px; stroke-dashoffset: -440.732px; stroke-opacity: 0.239; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 64.668% { stroke-dasharray: 24.96px 722px; stroke-dashoffset: -545.332px; stroke-opacity: 0.239; animation-timing-function: step-end; } 64.747% { stroke-dasharray: 6.24px 722px; stroke-dashoffset: 9.24px; stroke-opacity: 0.239; animation-timing-function: linear; } 100% { stroke-dasharray: 6.24px 722px; stroke-dashoffset: 9.24px; stroke-opacity: 0.239; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam5-4 { animation-name: fx-beam5-4; }
@keyframes fx-beam5-4 { 0% { stroke-dasharray: 7.86px 722px; stroke-dashoffset: 10.86px; stroke-opacity: 0.199; animation-timing-function: linear; } 54.676% { stroke-dasharray: 7.86px 722px; stroke-dashoffset: 10.86px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 55.397% { stroke-dasharray: 7.86px 722px; stroke-dashoffset: -4.39px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 55.936% { stroke-dasharray: 7.86px 722px; stroke-dashoffset: -28.39px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 59.335% { stroke-dasharray: 39.3px 722px; stroke-dashoffset: -206.068px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 62.893% { stroke-dasharray: 31.44px 722px; stroke-dashoffset: -434.252px; stroke-opacity: 0.199; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 64.668% { stroke-dasharray: 31.44px 722px; stroke-dashoffset: -538.852px; stroke-opacity: 0.199; animation-timing-function: step-end; } 64.747% { stroke-dasharray: 7.86px 722px; stroke-dashoffset: 10.86px; stroke-opacity: 0.199; animation-timing-function: linear; } 100% { stroke-dasharray: 7.86px 722px; stroke-dashoffset: 10.86px; stroke-opacity: 0.199; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam5-5 { animation-name: fx-beam5-5; }
@keyframes fx-beam5-5 { 0% { stroke-dasharray: 9.48px 722px; stroke-dashoffset: 12.48px; stroke-opacity: 0.171; animation-timing-function: linear; } 54.676% { stroke-dasharray: 9.48px 722px; stroke-dashoffset: 12.48px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 55.397% { stroke-dasharray: 9.48px 722px; stroke-dashoffset: -2.77px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 55.936% { stroke-dasharray: 9.48px 722px; stroke-dashoffset: -26.77px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 59.335% { stroke-dasharray: 47.4px 722px; stroke-dashoffset: -197.968px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 62.893% { stroke-dasharray: 37.92px 722px; stroke-dashoffset: -427.772px; stroke-opacity: 0.171; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 64.668% { stroke-dasharray: 37.92px 722px; stroke-dashoffset: -532.372px; stroke-opacity: 0.171; animation-timing-function: step-end; } 64.747% { stroke-dasharray: 9.48px 722px; stroke-dashoffset: 12.48px; stroke-opacity: 0.171; animation-timing-function: linear; } 100% { stroke-dasharray: 9.48px 722px; stroke-dashoffset: 12.48px; stroke-opacity: 0.171; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam5-6 { animation-name: fx-beam5-6; }
@keyframes fx-beam5-6 { 0% { stroke-dasharray: 11.1px 722px; stroke-dashoffset: 14.1px; stroke-opacity: 0.15; animation-timing-function: linear; } 54.676% { stroke-dasharray: 11.1px 722px; stroke-dashoffset: 14.1px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 55.397% { stroke-dasharray: 11.1px 722px; stroke-dashoffset: -1.15px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 55.936% { stroke-dasharray: 11.1px 722px; stroke-dashoffset: -25.15px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 59.335% { stroke-dasharray: 55.5px 722px; stroke-dashoffset: -189.868px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 62.893% { stroke-dasharray: 44.4px 722px; stroke-dashoffset: -421.292px; stroke-opacity: 0.15; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 64.668% { stroke-dasharray: 44.4px 722px; stroke-dashoffset: -525.892px; stroke-opacity: 0.15; animation-timing-function: step-end; } 64.747% { stroke-dasharray: 11.1px 722px; stroke-dashoffset: 14.1px; stroke-opacity: 0.15; animation-timing-function: linear; } 100% { stroke-dasharray: 11.1px 722px; stroke-dashoffset: 14.1px; stroke-opacity: 0.15; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam5-7 { animation-name: fx-beam5-7; }
@keyframes fx-beam5-7 { 0% { stroke-dasharray: 12.7px 722px; stroke-dashoffset: 15.7px; stroke-opacity: 0.136; animation-timing-function: linear; } 54.676% { stroke-dasharray: 12.7px 722px; stroke-dashoffset: 15.7px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 55.397% { stroke-dasharray: 12.7px 722px; stroke-dashoffset: 0.45px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 55.936% { stroke-dasharray: 12.7px 722px; stroke-dashoffset: -23.55px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 59.335% { stroke-dasharray: 63.5px 722px; stroke-dashoffset: -181.868px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 62.893% { stroke-dasharray: 50.8px 722px; stroke-dashoffset: -414.892px; stroke-opacity: 0.136; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 64.668% { stroke-dasharray: 50.8px 722px; stroke-dashoffset: -519.492px; stroke-opacity: 0.136; animation-timing-function: step-end; } 64.747% { stroke-dasharray: 12.7px 722px; stroke-dashoffset: 15.7px; stroke-opacity: 0.136; animation-timing-function: linear; } 100% { stroke-dasharray: 12.7px 722px; stroke-dashoffset: 15.7px; stroke-opacity: 0.136; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam5-8 { animation-name: fx-beam5-8; }
@keyframes fx-beam5-8 { 0% { stroke-dasharray: 14.32px 722px; stroke-dashoffset: 17.32px; stroke-opacity: 0.126; animation-timing-function: linear; } 54.676% { stroke-dasharray: 14.32px 722px; stroke-dashoffset: 17.32px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 55.397% { stroke-dasharray: 14.32px 722px; stroke-dashoffset: 2.07px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 55.936% { stroke-dasharray: 14.32px 722px; stroke-dashoffset: -21.93px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 59.335% { stroke-dasharray: 71.6px 722px; stroke-dashoffset: -173.768px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 62.893% { stroke-dasharray: 57.28px 722px; stroke-dashoffset: -408.412px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 64.668% { stroke-dasharray: 57.28px 722px; stroke-dashoffset: -513.012px; stroke-opacity: 0.126; animation-timing-function: step-end; } 64.747% { stroke-dasharray: 14.32px 722px; stroke-dashoffset: 17.32px; stroke-opacity: 0.126; animation-timing-function: linear; } 100% { stroke-dasharray: 14.32px 722px; stroke-dashoffset: 17.32px; stroke-opacity: 0.126; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam5-9 { animation-name: fx-beam5-9; }
@keyframes fx-beam5-9 { 0% { stroke-dasharray: 15.94px 722px; stroke-dashoffset: 18.94px; stroke-opacity: 0.119; animation-timing-function: linear; } 54.676% { stroke-dasharray: 15.94px 722px; stroke-dashoffset: 18.94px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 55.397% { stroke-dasharray: 15.94px 722px; stroke-dashoffset: 3.69px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 55.936% { stroke-dasharray: 15.94px 722px; stroke-dashoffset: -20.31px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 59.335% { stroke-dasharray: 79.7px 722px; stroke-dashoffset: -165.668px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 62.893% { stroke-dasharray: 63.76px 722px; stroke-dashoffset: -401.932px; stroke-opacity: 0.119; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 64.668% { stroke-dasharray: 63.76px 722px; stroke-dashoffset: -506.532px; stroke-opacity: 0.119; animation-timing-function: step-end; } 64.747% { stroke-dasharray: 15.94px 722px; stroke-dashoffset: 18.94px; stroke-opacity: 0.119; animation-timing-function: linear; } 100% { stroke-dasharray: 15.94px 722px; stroke-dashoffset: 18.94px; stroke-opacity: 0.119; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam5-10 { animation-name: fx-beam5-10; }
@keyframes fx-beam5-10 { 0% { stroke-dasharray: 17.56px 722px; stroke-dashoffset: 20.56px; stroke-opacity: 0.114; animation-timing-function: linear; } 54.676% { stroke-dasharray: 17.56px 722px; stroke-dashoffset: 20.56px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 55.397% { stroke-dasharray: 17.56px 722px; stroke-dashoffset: 5.31px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 55.936% { stroke-dasharray: 17.56px 722px; stroke-dashoffset: -18.69px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 59.335% { stroke-dasharray: 87.8px 722px; stroke-dashoffset: -157.568px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 62.893% { stroke-dasharray: 70.24px 722px; stroke-dashoffset: -395.452px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 64.668% { stroke-dasharray: 70.24px 722px; stroke-dashoffset: -500.052px; stroke-opacity: 0.114; animation-timing-function: step-end; } 64.747% { stroke-dasharray: 17.56px 722px; stroke-dashoffset: 20.56px; stroke-opacity: 0.114; animation-timing-function: linear; } 100% { stroke-dasharray: 17.56px 722px; stroke-dashoffset: 20.56px; stroke-opacity: 0.114; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam5-11 { animation-name: fx-beam5-11; }
@keyframes fx-beam5-11 { 0% { stroke-dasharray: 19.16px 722px; stroke-dashoffset: 22.16px; stroke-opacity: 0.114; animation-timing-function: linear; } 54.676% { stroke-dasharray: 19.16px 722px; stroke-dashoffset: 22.16px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 55.397% { stroke-dasharray: 19.16px 722px; stroke-dashoffset: 6.91px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 55.936% { stroke-dasharray: 19.16px 722px; stroke-dashoffset: -17.09px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 59.335% { stroke-dasharray: 95.8px 722px; stroke-dashoffset: -149.568px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 62.893% { stroke-dasharray: 76.64px 722px; stroke-dashoffset: -389.052px; stroke-opacity: 0.114; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 64.668% { stroke-dasharray: 76.64px 722px; stroke-dashoffset: -493.652px; stroke-opacity: 0.114; animation-timing-function: step-end; } 64.747% { stroke-dasharray: 19.16px 722px; stroke-dashoffset: 22.16px; stroke-opacity: 0.114; animation-timing-function: linear; } 100% { stroke-dasharray: 19.16px 722px; stroke-dashoffset: 22.16px; stroke-opacity: 0.114; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam5-12 { animation-name: fx-beam5-12; }
@keyframes fx-beam5-12 { 0% { stroke-dasharray: 20.78px 722px; stroke-dashoffset: 23.78px; stroke-opacity: 0.126; animation-timing-function: linear; } 54.676% { stroke-dasharray: 20.78px 722px; stroke-dashoffset: 23.78px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 55.397% { stroke-dasharray: 20.78px 722px; stroke-dashoffset: 8.53px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 55.936% { stroke-dasharray: 20.78px 722px; stroke-dashoffset: -15.47px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 59.335% { stroke-dasharray: 103.9px 722px; stroke-dashoffset: -141.468px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 62.893% { stroke-dasharray: 83.12px 722px; stroke-dashoffset: -382.572px; stroke-opacity: 0.126; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 64.668% { stroke-dasharray: 83.12px 722px; stroke-dashoffset: -487.172px; stroke-opacity: 0.126; animation-timing-function: step-end; } 64.747% { stroke-dasharray: 20.78px 722px; stroke-dashoffset: 23.78px; stroke-opacity: 0.126; animation-timing-function: linear; } 100% { stroke-dasharray: 20.78px 722px; stroke-dashoffset: 23.78px; stroke-opacity: 0.126; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam5-13 { animation-name: fx-beam5-13; }
@keyframes fx-beam5-13 { 0% { stroke-dasharray: 22.4px 722px; stroke-dashoffset: 25.4px; stroke-opacity: 0.098; animation-timing-function: linear; } 54.676% { stroke-dasharray: 22.4px 722px; stroke-dashoffset: 25.4px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 55.397% { stroke-dasharray: 22.4px 722px; stroke-dashoffset: 10.15px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.345, 0.328, 0.678, 0.662); } 55.936% { stroke-dasharray: 22.4px 722px; stroke-dashoffset: -13.85px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.405, 0.308, 0.699, 0.65); } 59.335% { stroke-dasharray: 112px 722px; stroke-dashoffset: -133.368px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 62.893% { stroke-dasharray: 89.6px 722px; stroke-dashoffset: -376.092px; stroke-opacity: 0.098; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 64.668% { stroke-dasharray: 89.6px 722px; stroke-dashoffset: -480.692px; stroke-opacity: 0.098; animation-timing-function: step-end; } 64.747% { stroke-dasharray: 22.4px 722px; stroke-dashoffset: 25.4px; stroke-opacity: 0.098; animation-timing-function: linear; } 100% { stroke-dasharray: 22.4px 722px; stroke-dashoffset: 25.4px; stroke-opacity: 0.098; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam6-0 { animation-name: fx-beam6-0; }
@keyframes fx-beam6-0 { 0% { stroke-dasharray: 1.4px 728px; stroke-dashoffset: 4.4px; stroke-opacity: 0.515; animation-timing-function: linear; } 66.065% { stroke-dasharray: 1.4px 728px; stroke-dashoffset: 4.4px; stroke-opacity: 0.515; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 66.786% { stroke-dasharray: 1.4px 728px; stroke-dashoffset: -10.85px; stroke-opacity: 0.515; animation-timing-function: cubic-bezier(0.345, 0.329, 0.678, 0.662); } 67.325% { stroke-dasharray: 1.4px 728px; stroke-dashoffset: -34.85px; stroke-opacity: 0.515; animation-timing-function: cubic-bezier(0.406, 0.308, 0.699, 0.65); } 70.776% { stroke-dasharray: 7px 728px; stroke-dashoffset: -241.452px; stroke-opacity: 0.515; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 74.381% { stroke-dasharray: 5.6px 728px; stroke-dashoffset: -466.092px; stroke-opacity: 0.515; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 76.156% { stroke-dasharray: 5.6px 728px; stroke-dashoffset: -570.692px; stroke-opacity: 0.515; animation-timing-function: step-end; } 76.236% { stroke-dasharray: 1.4px 728px; stroke-dashoffset: 4.4px; stroke-opacity: 0.515; animation-timing-function: linear; } 100% { stroke-dasharray: 1.4px 728px; stroke-dashoffset: 4.4px; stroke-opacity: 0.515; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam6-1 { animation-name: fx-beam6-1; }
@keyframes fx-beam6-1 { 0% { stroke-dasharray: 3.02px 728px; stroke-dashoffset: 6.02px; stroke-opacity: 0.323; animation-timing-function: linear; } 66.065% { stroke-dasharray: 3.02px 728px; stroke-dashoffset: 6.02px; stroke-opacity: 0.323; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 66.786% { stroke-dasharray: 3.02px 728px; stroke-dashoffset: -9.23px; stroke-opacity: 0.323; animation-timing-function: cubic-bezier(0.345, 0.329, 0.678, 0.662); } 67.325% { stroke-dasharray: 3.02px 728px; stroke-dashoffset: -33.23px; stroke-opacity: 0.323; animation-timing-function: cubic-bezier(0.406, 0.308, 0.699, 0.65); } 70.776% { stroke-dasharray: 15.1px 728px; stroke-dashoffset: -233.352px; stroke-opacity: 0.323; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 74.381% { stroke-dasharray: 12.08px 728px; stroke-dashoffset: -459.612px; stroke-opacity: 0.323; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 76.156% { stroke-dasharray: 12.08px 728px; stroke-dashoffset: -564.212px; stroke-opacity: 0.323; animation-timing-function: step-end; } 76.236% { stroke-dasharray: 3.02px 728px; stroke-dashoffset: 6.02px; stroke-opacity: 0.323; animation-timing-function: linear; } 100% { stroke-dasharray: 3.02px 728px; stroke-dashoffset: 6.02px; stroke-opacity: 0.323; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam6-2 { animation-name: fx-beam6-2; }
@keyframes fx-beam6-2 { 0% { stroke-dasharray: 4.64px 728px; stroke-dashoffset: 7.64px; stroke-opacity: 0.229; animation-timing-function: linear; } 66.065% { stroke-dasharray: 4.64px 728px; stroke-dashoffset: 7.64px; stroke-opacity: 0.229; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 66.786% { stroke-dasharray: 4.64px 728px; stroke-dashoffset: -7.61px; stroke-opacity: 0.229; animation-timing-function: cubic-bezier(0.345, 0.329, 0.678, 0.662); } 67.325% { stroke-dasharray: 4.64px 728px; stroke-dashoffset: -31.61px; stroke-opacity: 0.229; animation-timing-function: cubic-bezier(0.406, 0.308, 0.699, 0.65); } 70.776% { stroke-dasharray: 23.2px 728px; stroke-dashoffset: -225.252px; stroke-opacity: 0.229; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 74.381% { stroke-dasharray: 18.56px 728px; stroke-dashoffset: -453.132px; stroke-opacity: 0.229; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 76.156% { stroke-dasharray: 18.56px 728px; stroke-dashoffset: -557.732px; stroke-opacity: 0.229; animation-timing-function: step-end; } 76.236% { stroke-dasharray: 4.64px 728px; stroke-dashoffset: 7.64px; stroke-opacity: 0.229; animation-timing-function: linear; } 100% { stroke-dasharray: 4.64px 728px; stroke-dashoffset: 7.64px; stroke-opacity: 0.229; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam6-3 { animation-name: fx-beam6-3; }
@keyframes fx-beam6-3 { 0% { stroke-dasharray: 6.24px 728px; stroke-dashoffset: 9.24px; stroke-opacity: 0.179; animation-timing-function: linear; } 66.065% { stroke-dasharray: 6.24px 728px; stroke-dashoffset: 9.24px; stroke-opacity: 0.179; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 66.786% { stroke-dasharray: 6.24px 728px; stroke-dashoffset: -6.01px; stroke-opacity: 0.179; animation-timing-function: cubic-bezier(0.345, 0.329, 0.678, 0.662); } 67.325% { stroke-dasharray: 6.24px 728px; stroke-dashoffset: -30.01px; stroke-opacity: 0.179; animation-timing-function: cubic-bezier(0.406, 0.308, 0.699, 0.65); } 70.776% { stroke-dasharray: 31.2px 728px; stroke-dashoffset: -217.252px; stroke-opacity: 0.179; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 74.381% { stroke-dasharray: 24.96px 728px; stroke-dashoffset: -446.732px; stroke-opacity: 0.179; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 76.156% { stroke-dasharray: 24.96px 728px; stroke-dashoffset: -551.332px; stroke-opacity: 0.179; animation-timing-function: step-end; } 76.236% { stroke-dasharray: 6.24px 728px; stroke-dashoffset: 9.24px; stroke-opacity: 0.179; animation-timing-function: linear; } 100% { stroke-dasharray: 6.24px 728px; stroke-dashoffset: 9.24px; stroke-opacity: 0.179; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam6-4 { animation-name: fx-beam6-4; }
@keyframes fx-beam6-4 { 0% { stroke-dasharray: 7.86px 728px; stroke-dashoffset: 10.86px; stroke-opacity: 0.149; animation-timing-function: linear; } 66.065% { stroke-dasharray: 7.86px 728px; stroke-dashoffset: 10.86px; stroke-opacity: 0.149; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 66.786% { stroke-dasharray: 7.86px 728px; stroke-dashoffset: -4.39px; stroke-opacity: 0.149; animation-timing-function: cubic-bezier(0.345, 0.329, 0.678, 0.662); } 67.325% { stroke-dasharray: 7.86px 728px; stroke-dashoffset: -28.39px; stroke-opacity: 0.149; animation-timing-function: cubic-bezier(0.406, 0.308, 0.699, 0.65); } 70.776% { stroke-dasharray: 39.3px 728px; stroke-dashoffset: -209.152px; stroke-opacity: 0.149; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 74.381% { stroke-dasharray: 31.44px 728px; stroke-dashoffset: -440.252px; stroke-opacity: 0.149; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 76.156% { stroke-dasharray: 31.44px 728px; stroke-dashoffset: -544.852px; stroke-opacity: 0.149; animation-timing-function: step-end; } 76.236% { stroke-dasharray: 7.86px 728px; stroke-dashoffset: 10.86px; stroke-opacity: 0.149; animation-timing-function: linear; } 100% { stroke-dasharray: 7.86px 728px; stroke-dashoffset: 10.86px; stroke-opacity: 0.149; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam6-5 { animation-name: fx-beam6-5; }
@keyframes fx-beam6-5 { 0% { stroke-dasharray: 9.48px 728px; stroke-dashoffset: 12.48px; stroke-opacity: 0.128; animation-timing-function: linear; } 66.065% { stroke-dasharray: 9.48px 728px; stroke-dashoffset: 12.48px; stroke-opacity: 0.128; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 66.786% { stroke-dasharray: 9.48px 728px; stroke-dashoffset: -2.77px; stroke-opacity: 0.128; animation-timing-function: cubic-bezier(0.345, 0.329, 0.678, 0.662); } 67.325% { stroke-dasharray: 9.48px 728px; stroke-dashoffset: -26.77px; stroke-opacity: 0.128; animation-timing-function: cubic-bezier(0.406, 0.308, 0.699, 0.65); } 70.776% { stroke-dasharray: 47.4px 728px; stroke-dashoffset: -201.052px; stroke-opacity: 0.128; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 74.381% { stroke-dasharray: 37.92px 728px; stroke-dashoffset: -433.772px; stroke-opacity: 0.128; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 76.156% { stroke-dasharray: 37.92px 728px; stroke-dashoffset: -538.372px; stroke-opacity: 0.128; animation-timing-function: step-end; } 76.236% { stroke-dasharray: 9.48px 728px; stroke-dashoffset: 12.48px; stroke-opacity: 0.128; animation-timing-function: linear; } 100% { stroke-dasharray: 9.48px 728px; stroke-dashoffset: 12.48px; stroke-opacity: 0.128; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam6-6 { animation-name: fx-beam6-6; }
@keyframes fx-beam6-6 { 0% { stroke-dasharray: 11.1px 728px; stroke-dashoffset: 14.1px; stroke-opacity: 0.112; animation-timing-function: linear; } 66.065% { stroke-dasharray: 11.1px 728px; stroke-dashoffset: 14.1px; stroke-opacity: 0.112; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 66.786% { stroke-dasharray: 11.1px 728px; stroke-dashoffset: -1.15px; stroke-opacity: 0.112; animation-timing-function: cubic-bezier(0.345, 0.329, 0.678, 0.662); } 67.325% { stroke-dasharray: 11.1px 728px; stroke-dashoffset: -25.15px; stroke-opacity: 0.112; animation-timing-function: cubic-bezier(0.406, 0.308, 0.699, 0.65); } 70.776% { stroke-dasharray: 55.5px 728px; stroke-dashoffset: -192.952px; stroke-opacity: 0.112; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 74.381% { stroke-dasharray: 44.4px 728px; stroke-dashoffset: -427.292px; stroke-opacity: 0.112; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 76.156% { stroke-dasharray: 44.4px 728px; stroke-dashoffset: -531.892px; stroke-opacity: 0.112; animation-timing-function: step-end; } 76.236% { stroke-dasharray: 11.1px 728px; stroke-dashoffset: 14.1px; stroke-opacity: 0.112; animation-timing-function: linear; } 100% { stroke-dasharray: 11.1px 728px; stroke-dashoffset: 14.1px; stroke-opacity: 0.112; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam6-7 { animation-name: fx-beam6-7; }
@keyframes fx-beam6-7 { 0% { stroke-dasharray: 12.7px 728px; stroke-dashoffset: 15.7px; stroke-opacity: 0.102; animation-timing-function: linear; } 66.065% { stroke-dasharray: 12.7px 728px; stroke-dashoffset: 15.7px; stroke-opacity: 0.102; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 66.786% { stroke-dasharray: 12.7px 728px; stroke-dashoffset: 0.45px; stroke-opacity: 0.102; animation-timing-function: cubic-bezier(0.345, 0.329, 0.678, 0.662); } 67.325% { stroke-dasharray: 12.7px 728px; stroke-dashoffset: -23.55px; stroke-opacity: 0.102; animation-timing-function: cubic-bezier(0.406, 0.308, 0.699, 0.65); } 70.776% { stroke-dasharray: 63.5px 728px; stroke-dashoffset: -184.952px; stroke-opacity: 0.102; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 74.381% { stroke-dasharray: 50.8px 728px; stroke-dashoffset: -420.892px; stroke-opacity: 0.102; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 76.156% { stroke-dasharray: 50.8px 728px; stroke-dashoffset: -525.492px; stroke-opacity: 0.102; animation-timing-function: step-end; } 76.236% { stroke-dasharray: 12.7px 728px; stroke-dashoffset: 15.7px; stroke-opacity: 0.102; animation-timing-function: linear; } 100% { stroke-dasharray: 12.7px 728px; stroke-dashoffset: 15.7px; stroke-opacity: 0.102; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam6-8 { animation-name: fx-beam6-8; }
@keyframes fx-beam6-8 { 0% { stroke-dasharray: 14.32px 728px; stroke-dashoffset: 17.32px; stroke-opacity: 0.095; animation-timing-function: linear; } 66.065% { stroke-dasharray: 14.32px 728px; stroke-dashoffset: 17.32px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 66.786% { stroke-dasharray: 14.32px 728px; stroke-dashoffset: 2.07px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.345, 0.329, 0.678, 0.662); } 67.325% { stroke-dasharray: 14.32px 728px; stroke-dashoffset: -21.93px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.406, 0.308, 0.699, 0.65); } 70.776% { stroke-dasharray: 71.6px 728px; stroke-dashoffset: -176.852px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 74.381% { stroke-dasharray: 57.28px 728px; stroke-dashoffset: -414.412px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 76.156% { stroke-dasharray: 57.28px 728px; stroke-dashoffset: -519.012px; stroke-opacity: 0.095; animation-timing-function: step-end; } 76.236% { stroke-dasharray: 14.32px 728px; stroke-dashoffset: 17.32px; stroke-opacity: 0.095; animation-timing-function: linear; } 100% { stroke-dasharray: 14.32px 728px; stroke-dashoffset: 17.32px; stroke-opacity: 0.095; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam6-9 { animation-name: fx-beam6-9; }
@keyframes fx-beam6-9 { 0% { stroke-dasharray: 15.94px 728px; stroke-dashoffset: 18.94px; stroke-opacity: 0.089; animation-timing-function: linear; } 66.065% { stroke-dasharray: 15.94px 728px; stroke-dashoffset: 18.94px; stroke-opacity: 0.089; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 66.786% { stroke-dasharray: 15.94px 728px; stroke-dashoffset: 3.69px; stroke-opacity: 0.089; animation-timing-function: cubic-bezier(0.345, 0.329, 0.678, 0.662); } 67.325% { stroke-dasharray: 15.94px 728px; stroke-dashoffset: -20.31px; stroke-opacity: 0.089; animation-timing-function: cubic-bezier(0.406, 0.308, 0.699, 0.65); } 70.776% { stroke-dasharray: 79.7px 728px; stroke-dashoffset: -168.752px; stroke-opacity: 0.089; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 74.381% { stroke-dasharray: 63.76px 728px; stroke-dashoffset: -407.932px; stroke-opacity: 0.089; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 76.156% { stroke-dasharray: 63.76px 728px; stroke-dashoffset: -512.532px; stroke-opacity: 0.089; animation-timing-function: step-end; } 76.236% { stroke-dasharray: 15.94px 728px; stroke-dashoffset: 18.94px; stroke-opacity: 0.089; animation-timing-function: linear; } 100% { stroke-dasharray: 15.94px 728px; stroke-dashoffset: 18.94px; stroke-opacity: 0.089; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam6-10 { animation-name: fx-beam6-10; }
@keyframes fx-beam6-10 { 0% { stroke-dasharray: 17.56px 728px; stroke-dashoffset: 20.56px; stroke-opacity: 0.086; animation-timing-function: linear; } 66.065% { stroke-dasharray: 17.56px 728px; stroke-dashoffset: 20.56px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 66.786% { stroke-dasharray: 17.56px 728px; stroke-dashoffset: 5.31px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.345, 0.329, 0.678, 0.662); } 67.325% { stroke-dasharray: 17.56px 728px; stroke-dashoffset: -18.69px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.406, 0.308, 0.699, 0.65); } 70.776% { stroke-dasharray: 87.8px 728px; stroke-dashoffset: -160.652px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 74.381% { stroke-dasharray: 70.24px 728px; stroke-dashoffset: -401.452px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 76.156% { stroke-dasharray: 70.24px 728px; stroke-dashoffset: -506.052px; stroke-opacity: 0.086; animation-timing-function: step-end; } 76.236% { stroke-dasharray: 17.56px 728px; stroke-dashoffset: 20.56px; stroke-opacity: 0.086; animation-timing-function: linear; } 100% { stroke-dasharray: 17.56px 728px; stroke-dashoffset: 20.56px; stroke-opacity: 0.086; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam6-11 { animation-name: fx-beam6-11; }
@keyframes fx-beam6-11 { 0% { stroke-dasharray: 19.16px 728px; stroke-dashoffset: 22.16px; stroke-opacity: 0.086; animation-timing-function: linear; } 66.065% { stroke-dasharray: 19.16px 728px; stroke-dashoffset: 22.16px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 66.786% { stroke-dasharray: 19.16px 728px; stroke-dashoffset: 6.91px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.345, 0.329, 0.678, 0.662); } 67.325% { stroke-dasharray: 19.16px 728px; stroke-dashoffset: -17.09px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.406, 0.308, 0.699, 0.65); } 70.776% { stroke-dasharray: 95.8px 728px; stroke-dashoffset: -152.652px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 74.381% { stroke-dasharray: 76.64px 728px; stroke-dashoffset: -395.052px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 76.156% { stroke-dasharray: 76.64px 728px; stroke-dashoffset: -499.652px; stroke-opacity: 0.086; animation-timing-function: step-end; } 76.236% { stroke-dasharray: 19.16px 728px; stroke-dashoffset: 22.16px; stroke-opacity: 0.086; animation-timing-function: linear; } 100% { stroke-dasharray: 19.16px 728px; stroke-dashoffset: 22.16px; stroke-opacity: 0.086; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam6-12 { animation-name: fx-beam6-12; }
@keyframes fx-beam6-12 { 0% { stroke-dasharray: 20.78px 728px; stroke-dashoffset: 23.78px; stroke-opacity: 0.095; animation-timing-function: linear; } 66.065% { stroke-dasharray: 20.78px 728px; stroke-dashoffset: 23.78px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 66.786% { stroke-dasharray: 20.78px 728px; stroke-dashoffset: 8.53px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.345, 0.329, 0.678, 0.662); } 67.325% { stroke-dasharray: 20.78px 728px; stroke-dashoffset: -15.47px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.406, 0.308, 0.699, 0.65); } 70.776% { stroke-dasharray: 103.9px 728px; stroke-dashoffset: -144.552px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 74.381% { stroke-dasharray: 83.12px 728px; stroke-dashoffset: -388.572px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 76.156% { stroke-dasharray: 83.12px 728px; stroke-dashoffset: -493.172px; stroke-opacity: 0.095; animation-timing-function: step-end; } 76.236% { stroke-dasharray: 20.78px 728px; stroke-dashoffset: 23.78px; stroke-opacity: 0.095; animation-timing-function: linear; } 100% { stroke-dasharray: 20.78px 728px; stroke-dashoffset: 23.78px; stroke-opacity: 0.095; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam6-13 { animation-name: fx-beam6-13; }
@keyframes fx-beam6-13 { 0% { stroke-dasharray: 22.4px 728px; stroke-dashoffset: 25.4px; stroke-opacity: 0.074; animation-timing-function: linear; } 66.065% { stroke-dasharray: 22.4px 728px; stroke-dashoffset: 25.4px; stroke-opacity: 0.074; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 66.786% { stroke-dasharray: 22.4px 728px; stroke-dashoffset: 10.15px; stroke-opacity: 0.074; animation-timing-function: cubic-bezier(0.345, 0.329, 0.678, 0.662); } 67.325% { stroke-dasharray: 22.4px 728px; stroke-dashoffset: -13.85px; stroke-opacity: 0.074; animation-timing-function: cubic-bezier(0.406, 0.308, 0.699, 0.65); } 70.776% { stroke-dasharray: 112px 728px; stroke-dashoffset: -136.452px; stroke-opacity: 0.074; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 74.381% { stroke-dasharray: 89.6px 728px; stroke-dashoffset: -382.092px; stroke-opacity: 0.074; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 76.156% { stroke-dasharray: 89.6px 728px; stroke-dashoffset: -486.692px; stroke-opacity: 0.074; animation-timing-function: step-end; } 76.236% { stroke-dasharray: 22.4px 728px; stroke-dashoffset: 25.4px; stroke-opacity: 0.074; animation-timing-function: linear; } 100% { stroke-dasharray: 22.4px 728px; stroke-dashoffset: 25.4px; stroke-opacity: 0.074; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam7-0 { animation-name: fx-beam7-0; }
@keyframes fx-beam7-0 { 0% { stroke-dasharray: 1.4px 820px; stroke-dashoffset: 4.4px; stroke-opacity: 0.515; animation-timing-function: linear; } 77.944% { stroke-dasharray: 1.4px 820px; stroke-dashoffset: 4.4px; stroke-opacity: 0.515; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 78.571% { stroke-dasharray: 1.4px 820px; stroke-dashoffset: -10.85px; stroke-opacity: 0.515; animation-timing-function: cubic-bezier(0.343, 0.329, 0.676, 0.663); } 79.045% { stroke-dasharray: 1.4px 820px; stroke-dashoffset: -34.85px; stroke-opacity: 0.515; animation-timing-function: cubic-bezier(0.408, 0.307, 0.7, 0.649); } 82.74% { stroke-dasharray: 7px 820px; stroke-dashoffset: -288.75px; stroke-opacity: 0.515; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 86.508% { stroke-dasharray: 5.6px 820px; stroke-dashoffset: -558.092px; stroke-opacity: 0.515; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 88.052% { stroke-dasharray: 5.6px 820px; stroke-dashoffset: -662.692px; stroke-opacity: 0.515; animation-timing-function: step-end; } 88.131% { stroke-dasharray: 1.4px 820px; stroke-dashoffset: 4.4px; stroke-opacity: 0.515; animation-timing-function: linear; } 100% { stroke-dasharray: 1.4px 820px; stroke-dashoffset: 4.4px; stroke-opacity: 0.515; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam7-1 { animation-name: fx-beam7-1; }
@keyframes fx-beam7-1 { 0% { stroke-dasharray: 3.02px 820px; stroke-dashoffset: 6.02px; stroke-opacity: 0.323; animation-timing-function: linear; } 77.944% { stroke-dasharray: 3.02px 820px; stroke-dashoffset: 6.02px; stroke-opacity: 0.323; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 78.571% { stroke-dasharray: 3.02px 820px; stroke-dashoffset: -9.23px; stroke-opacity: 0.323; animation-timing-function: cubic-bezier(0.343, 0.329, 0.676, 0.663); } 79.045% { stroke-dasharray: 3.02px 820px; stroke-dashoffset: -33.23px; stroke-opacity: 0.323; animation-timing-function: cubic-bezier(0.408, 0.307, 0.7, 0.649); } 82.74% { stroke-dasharray: 15.1px 820px; stroke-dashoffset: -280.65px; stroke-opacity: 0.323; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 86.508% { stroke-dasharray: 12.08px 820px; stroke-dashoffset: -551.612px; stroke-opacity: 0.323; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 88.052% { stroke-dasharray: 12.08px 820px; stroke-dashoffset: -656.212px; stroke-opacity: 0.323; animation-timing-function: step-end; } 88.131% { stroke-dasharray: 3.02px 820px; stroke-dashoffset: 6.02px; stroke-opacity: 0.323; animation-timing-function: linear; } 100% { stroke-dasharray: 3.02px 820px; stroke-dashoffset: 6.02px; stroke-opacity: 0.323; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam7-2 { animation-name: fx-beam7-2; }
@keyframes fx-beam7-2 { 0% { stroke-dasharray: 4.64px 820px; stroke-dashoffset: 7.64px; stroke-opacity: 0.229; animation-timing-function: linear; } 77.944% { stroke-dasharray: 4.64px 820px; stroke-dashoffset: 7.64px; stroke-opacity: 0.229; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 78.571% { stroke-dasharray: 4.64px 820px; stroke-dashoffset: -7.61px; stroke-opacity: 0.229; animation-timing-function: cubic-bezier(0.343, 0.329, 0.676, 0.663); } 79.045% { stroke-dasharray: 4.64px 820px; stroke-dashoffset: -31.61px; stroke-opacity: 0.229; animation-timing-function: cubic-bezier(0.408, 0.307, 0.7, 0.649); } 82.74% { stroke-dasharray: 23.2px 820px; stroke-dashoffset: -272.55px; stroke-opacity: 0.229; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 86.508% { stroke-dasharray: 18.56px 820px; stroke-dashoffset: -545.132px; stroke-opacity: 0.229; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 88.052% { stroke-dasharray: 18.56px 820px; stroke-dashoffset: -649.732px; stroke-opacity: 0.229; animation-timing-function: step-end; } 88.131% { stroke-dasharray: 4.64px 820px; stroke-dashoffset: 7.64px; stroke-opacity: 0.229; animation-timing-function: linear; } 100% { stroke-dasharray: 4.64px 820px; stroke-dashoffset: 7.64px; stroke-opacity: 0.229; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam7-3 { animation-name: fx-beam7-3; }
@keyframes fx-beam7-3 { 0% { stroke-dasharray: 6.24px 820px; stroke-dashoffset: 9.24px; stroke-opacity: 0.179; animation-timing-function: linear; } 77.944% { stroke-dasharray: 6.24px 820px; stroke-dashoffset: 9.24px; stroke-opacity: 0.179; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 78.571% { stroke-dasharray: 6.24px 820px; stroke-dashoffset: -6.01px; stroke-opacity: 0.179; animation-timing-function: cubic-bezier(0.343, 0.329, 0.676, 0.663); } 79.045% { stroke-dasharray: 6.24px 820px; stroke-dashoffset: -30.01px; stroke-opacity: 0.179; animation-timing-function: cubic-bezier(0.408, 0.307, 0.7, 0.649); } 82.74% { stroke-dasharray: 31.2px 820px; stroke-dashoffset: -264.55px; stroke-opacity: 0.179; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 86.508% { stroke-dasharray: 24.96px 820px; stroke-dashoffset: -538.732px; stroke-opacity: 0.179; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 88.052% { stroke-dasharray: 24.96px 820px; stroke-dashoffset: -643.332px; stroke-opacity: 0.179; animation-timing-function: step-end; } 88.131% { stroke-dasharray: 6.24px 820px; stroke-dashoffset: 9.24px; stroke-opacity: 0.179; animation-timing-function: linear; } 100% { stroke-dasharray: 6.24px 820px; stroke-dashoffset: 9.24px; stroke-opacity: 0.179; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam7-4 { animation-name: fx-beam7-4; }
@keyframes fx-beam7-4 { 0% { stroke-dasharray: 7.86px 820px; stroke-dashoffset: 10.86px; stroke-opacity: 0.149; animation-timing-function: linear; } 77.944% { stroke-dasharray: 7.86px 820px; stroke-dashoffset: 10.86px; stroke-opacity: 0.149; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 78.571% { stroke-dasharray: 7.86px 820px; stroke-dashoffset: -4.39px; stroke-opacity: 0.149; animation-timing-function: cubic-bezier(0.343, 0.329, 0.676, 0.663); } 79.045% { stroke-dasharray: 7.86px 820px; stroke-dashoffset: -28.39px; stroke-opacity: 0.149; animation-timing-function: cubic-bezier(0.408, 0.307, 0.7, 0.649); } 82.74% { stroke-dasharray: 39.3px 820px; stroke-dashoffset: -256.45px; stroke-opacity: 0.149; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 86.508% { stroke-dasharray: 31.44px 820px; stroke-dashoffset: -532.252px; stroke-opacity: 0.149; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 88.052% { stroke-dasharray: 31.44px 820px; stroke-dashoffset: -636.852px; stroke-opacity: 0.149; animation-timing-function: step-end; } 88.131% { stroke-dasharray: 7.86px 820px; stroke-dashoffset: 10.86px; stroke-opacity: 0.149; animation-timing-function: linear; } 100% { stroke-dasharray: 7.86px 820px; stroke-dashoffset: 10.86px; stroke-opacity: 0.149; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam7-5 { animation-name: fx-beam7-5; }
@keyframes fx-beam7-5 { 0% { stroke-dasharray: 9.48px 820px; stroke-dashoffset: 12.48px; stroke-opacity: 0.128; animation-timing-function: linear; } 77.944% { stroke-dasharray: 9.48px 820px; stroke-dashoffset: 12.48px; stroke-opacity: 0.128; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 78.571% { stroke-dasharray: 9.48px 820px; stroke-dashoffset: -2.77px; stroke-opacity: 0.128; animation-timing-function: cubic-bezier(0.343, 0.329, 0.676, 0.663); } 79.045% { stroke-dasharray: 9.48px 820px; stroke-dashoffset: -26.77px; stroke-opacity: 0.128; animation-timing-function: cubic-bezier(0.408, 0.307, 0.7, 0.649); } 82.74% { stroke-dasharray: 47.4px 820px; stroke-dashoffset: -248.35px; stroke-opacity: 0.128; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 86.508% { stroke-dasharray: 37.92px 820px; stroke-dashoffset: -525.772px; stroke-opacity: 0.128; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 88.052% { stroke-dasharray: 37.92px 820px; stroke-dashoffset: -630.372px; stroke-opacity: 0.128; animation-timing-function: step-end; } 88.131% { stroke-dasharray: 9.48px 820px; stroke-dashoffset: 12.48px; stroke-opacity: 0.128; animation-timing-function: linear; } 100% { stroke-dasharray: 9.48px 820px; stroke-dashoffset: 12.48px; stroke-opacity: 0.128; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam7-6 { animation-name: fx-beam7-6; }
@keyframes fx-beam7-6 { 0% { stroke-dasharray: 11.1px 820px; stroke-dashoffset: 14.1px; stroke-opacity: 0.112; animation-timing-function: linear; } 77.944% { stroke-dasharray: 11.1px 820px; stroke-dashoffset: 14.1px; stroke-opacity: 0.112; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 78.571% { stroke-dasharray: 11.1px 820px; stroke-dashoffset: -1.15px; stroke-opacity: 0.112; animation-timing-function: cubic-bezier(0.343, 0.329, 0.676, 0.663); } 79.045% { stroke-dasharray: 11.1px 820px; stroke-dashoffset: -25.15px; stroke-opacity: 0.112; animation-timing-function: cubic-bezier(0.408, 0.307, 0.7, 0.649); } 82.74% { stroke-dasharray: 55.5px 820px; stroke-dashoffset: -240.25px; stroke-opacity: 0.112; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 86.508% { stroke-dasharray: 44.4px 820px; stroke-dashoffset: -519.292px; stroke-opacity: 0.112; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 88.052% { stroke-dasharray: 44.4px 820px; stroke-dashoffset: -623.892px; stroke-opacity: 0.112; animation-timing-function: step-end; } 88.131% { stroke-dasharray: 11.1px 820px; stroke-dashoffset: 14.1px; stroke-opacity: 0.112; animation-timing-function: linear; } 100% { stroke-dasharray: 11.1px 820px; stroke-dashoffset: 14.1px; stroke-opacity: 0.112; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam7-7 { animation-name: fx-beam7-7; }
@keyframes fx-beam7-7 { 0% { stroke-dasharray: 12.7px 820px; stroke-dashoffset: 15.7px; stroke-opacity: 0.102; animation-timing-function: linear; } 77.944% { stroke-dasharray: 12.7px 820px; stroke-dashoffset: 15.7px; stroke-opacity: 0.102; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 78.571% { stroke-dasharray: 12.7px 820px; stroke-dashoffset: 0.45px; stroke-opacity: 0.102; animation-timing-function: cubic-bezier(0.343, 0.329, 0.676, 0.663); } 79.045% { stroke-dasharray: 12.7px 820px; stroke-dashoffset: -23.55px; stroke-opacity: 0.102; animation-timing-function: cubic-bezier(0.408, 0.307, 0.7, 0.649); } 82.74% { stroke-dasharray: 63.5px 820px; stroke-dashoffset: -232.25px; stroke-opacity: 0.102; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 86.508% { stroke-dasharray: 50.8px 820px; stroke-dashoffset: -512.892px; stroke-opacity: 0.102; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 88.052% { stroke-dasharray: 50.8px 820px; stroke-dashoffset: -617.492px; stroke-opacity: 0.102; animation-timing-function: step-end; } 88.131% { stroke-dasharray: 12.7px 820px; stroke-dashoffset: 15.7px; stroke-opacity: 0.102; animation-timing-function: linear; } 100% { stroke-dasharray: 12.7px 820px; stroke-dashoffset: 15.7px; stroke-opacity: 0.102; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam7-8 { animation-name: fx-beam7-8; }
@keyframes fx-beam7-8 { 0% { stroke-dasharray: 14.32px 820px; stroke-dashoffset: 17.32px; stroke-opacity: 0.095; animation-timing-function: linear; } 77.944% { stroke-dasharray: 14.32px 820px; stroke-dashoffset: 17.32px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 78.571% { stroke-dasharray: 14.32px 820px; stroke-dashoffset: 2.07px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.343, 0.329, 0.676, 0.663); } 79.045% { stroke-dasharray: 14.32px 820px; stroke-dashoffset: -21.93px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.408, 0.307, 0.7, 0.649); } 82.74% { stroke-dasharray: 71.6px 820px; stroke-dashoffset: -224.15px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 86.508% { stroke-dasharray: 57.28px 820px; stroke-dashoffset: -506.412px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 88.052% { stroke-dasharray: 57.28px 820px; stroke-dashoffset: -611.012px; stroke-opacity: 0.095; animation-timing-function: step-end; } 88.131% { stroke-dasharray: 14.32px 820px; stroke-dashoffset: 17.32px; stroke-opacity: 0.095; animation-timing-function: linear; } 100% { stroke-dasharray: 14.32px 820px; stroke-dashoffset: 17.32px; stroke-opacity: 0.095; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam7-9 { animation-name: fx-beam7-9; }
@keyframes fx-beam7-9 { 0% { stroke-dasharray: 15.94px 820px; stroke-dashoffset: 18.94px; stroke-opacity: 0.089; animation-timing-function: linear; } 77.944% { stroke-dasharray: 15.94px 820px; stroke-dashoffset: 18.94px; stroke-opacity: 0.089; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 78.571% { stroke-dasharray: 15.94px 820px; stroke-dashoffset: 3.69px; stroke-opacity: 0.089; animation-timing-function: cubic-bezier(0.343, 0.329, 0.676, 0.663); } 79.045% { stroke-dasharray: 15.94px 820px; stroke-dashoffset: -20.31px; stroke-opacity: 0.089; animation-timing-function: cubic-bezier(0.408, 0.307, 0.7, 0.649); } 82.74% { stroke-dasharray: 79.7px 820px; stroke-dashoffset: -216.05px; stroke-opacity: 0.089; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 86.508% { stroke-dasharray: 63.76px 820px; stroke-dashoffset: -499.932px; stroke-opacity: 0.089; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 88.052% { stroke-dasharray: 63.76px 820px; stroke-dashoffset: -604.532px; stroke-opacity: 0.089; animation-timing-function: step-end; } 88.131% { stroke-dasharray: 15.94px 820px; stroke-dashoffset: 18.94px; stroke-opacity: 0.089; animation-timing-function: linear; } 100% { stroke-dasharray: 15.94px 820px; stroke-dashoffset: 18.94px; stroke-opacity: 0.089; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam7-10 { animation-name: fx-beam7-10; }
@keyframes fx-beam7-10 { 0% { stroke-dasharray: 17.56px 820px; stroke-dashoffset: 20.56px; stroke-opacity: 0.086; animation-timing-function: linear; } 77.944% { stroke-dasharray: 17.56px 820px; stroke-dashoffset: 20.56px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 78.571% { stroke-dasharray: 17.56px 820px; stroke-dashoffset: 5.31px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.343, 0.329, 0.676, 0.663); } 79.045% { stroke-dasharray: 17.56px 820px; stroke-dashoffset: -18.69px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.408, 0.307, 0.7, 0.649); } 82.74% { stroke-dasharray: 87.8px 820px; stroke-dashoffset: -207.95px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 86.508% { stroke-dasharray: 70.24px 820px; stroke-dashoffset: -493.452px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 88.052% { stroke-dasharray: 70.24px 820px; stroke-dashoffset: -598.052px; stroke-opacity: 0.086; animation-timing-function: step-end; } 88.131% { stroke-dasharray: 17.56px 820px; stroke-dashoffset: 20.56px; stroke-opacity: 0.086; animation-timing-function: linear; } 100% { stroke-dasharray: 17.56px 820px; stroke-dashoffset: 20.56px; stroke-opacity: 0.086; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam7-11 { animation-name: fx-beam7-11; }
@keyframes fx-beam7-11 { 0% { stroke-dasharray: 19.16px 820px; stroke-dashoffset: 22.16px; stroke-opacity: 0.086; animation-timing-function: linear; } 77.944% { stroke-dasharray: 19.16px 820px; stroke-dashoffset: 22.16px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 78.571% { stroke-dasharray: 19.16px 820px; stroke-dashoffset: 6.91px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.343, 0.329, 0.676, 0.663); } 79.045% { stroke-dasharray: 19.16px 820px; stroke-dashoffset: -17.09px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.408, 0.307, 0.7, 0.649); } 82.74% { stroke-dasharray: 95.8px 820px; stroke-dashoffset: -199.95px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 86.508% { stroke-dasharray: 76.64px 820px; stroke-dashoffset: -487.052px; stroke-opacity: 0.086; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 88.052% { stroke-dasharray: 76.64px 820px; stroke-dashoffset: -591.652px; stroke-opacity: 0.086; animation-timing-function: step-end; } 88.131% { stroke-dasharray: 19.16px 820px; stroke-dashoffset: 22.16px; stroke-opacity: 0.086; animation-timing-function: linear; } 100% { stroke-dasharray: 19.16px 820px; stroke-dashoffset: 22.16px; stroke-opacity: 0.086; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam7-12 { animation-name: fx-beam7-12; }
@keyframes fx-beam7-12 { 0% { stroke-dasharray: 20.78px 820px; stroke-dashoffset: 23.78px; stroke-opacity: 0.095; animation-timing-function: linear; } 77.944% { stroke-dasharray: 20.78px 820px; stroke-dashoffset: 23.78px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 78.571% { stroke-dasharray: 20.78px 820px; stroke-dashoffset: 8.53px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.343, 0.329, 0.676, 0.663); } 79.045% { stroke-dasharray: 20.78px 820px; stroke-dashoffset: -15.47px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.408, 0.307, 0.7, 0.649); } 82.74% { stroke-dasharray: 103.9px 820px; stroke-dashoffset: -191.85px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 86.508% { stroke-dasharray: 83.12px 820px; stroke-dashoffset: -480.572px; stroke-opacity: 0.095; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 88.052% { stroke-dasharray: 83.12px 820px; stroke-dashoffset: -585.172px; stroke-opacity: 0.095; animation-timing-function: step-end; } 88.131% { stroke-dasharray: 20.78px 820px; stroke-dashoffset: 23.78px; stroke-opacity: 0.095; animation-timing-function: linear; } 100% { stroke-dasharray: 20.78px 820px; stroke-dashoffset: 23.78px; stroke-opacity: 0.095; animation-timing-function: linear; } }
.js.settled .diagram .fx-beam7-13 { animation-name: fx-beam7-13; }
@keyframes fx-beam7-13 { 0% { stroke-dasharray: 22.4px 820px; stroke-dashoffset: 25.4px; stroke-opacity: 0.074; animation-timing-function: linear; } 77.944% { stroke-dasharray: 22.4px 820px; stroke-dashoffset: 25.4px; stroke-opacity: 0.074; animation-timing-function: cubic-bezier(0.333, 0, 0.667, 0.333); } 78.571% { stroke-dasharray: 22.4px 820px; stroke-dashoffset: 10.15px; stroke-opacity: 0.074; animation-timing-function: cubic-bezier(0.343, 0.329, 0.676, 0.663); } 79.045% { stroke-dasharray: 22.4px 820px; stroke-dashoffset: -13.85px; stroke-opacity: 0.074; animation-timing-function: cubic-bezier(0.408, 0.307, 0.7, 0.649); } 82.74% { stroke-dasharray: 112px 820px; stroke-dashoffset: -183.75px; stroke-opacity: 0.074; animation-timing-function: cubic-bezier(0.288, 0.333, 0.583, 0.674); } 86.508% { stroke-dasharray: 89.6px 820px; stroke-dashoffset: -474.092px; stroke-opacity: 0.074; animation-timing-function: cubic-bezier(0.333, 0.274, 0.667, 0.607); } 88.052% { stroke-dasharray: 89.6px 820px; stroke-dashoffset: -578.692px; stroke-opacity: 0.074; animation-timing-function: step-end; } 88.131% { stroke-dasharray: 22.4px 820px; stroke-dashoffset: 25.4px; stroke-opacity: 0.074; animation-timing-function: linear; } 100% { stroke-dasharray: 22.4px 820px; stroke-dashoffset: 25.4px; stroke-opacity: 0.074; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1cg-0 { animation-name: fx-c1cg-0; animation-duration: 7.6s; }
@keyframes fx-c1cg-0 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: linear; } 4.605% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 17.285% { stroke-dashoffset: -102.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 17.548% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1cg-1 { animation-name: fx-c1cg-1; animation-duration: 7.6s; }
@keyframes fx-c1cg-1 { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: linear; } 4.605% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 17.285% { stroke-dashoffset: -79px; stroke-opacity: 0.22; animation-timing-function: step-end; } 17.548% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1cg-2 { animation-name: fx-c1cg-2; animation-duration: 7.6s; }
@keyframes fx-c1cg-2 { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: linear; } 4.605% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 17.285% { stroke-dashoffset: -87px; stroke-opacity: 0.3; animation-timing-function: step-end; } 17.548% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1cg-3 { animation-name: fx-c1cg-3; animation-duration: 7.6s; }
@keyframes fx-c1cg-3 { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: linear; } 4.605% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 17.285% { stroke-dashoffset: -94px; stroke-opacity: 0.45; animation-timing-function: step-end; } 17.548% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1cg-4 { animation-name: fx-c1cg-4; animation-duration: 7.6s; }
@keyframes fx-c1cg-4 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: linear; } 4.605% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 17.285% { stroke-dashoffset: -102.99px; stroke-opacity: 1; animation-timing-function: step-end; } 17.548% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1gr-0 { animation-name: fx-c1gr-0; animation-duration: 7.6s; }
@keyframes fx-c1gr-0 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: linear; } 14.941% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 29.379% { stroke-dashoffset: -117.695px; stroke-opacity: 0.13; animation-timing-function: step-end; } 29.642% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1gr-1 { animation-name: fx-c1gr-1; animation-duration: 7.6s; }
@keyframes fx-c1gr-1 { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: linear; } 14.941% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 29.379% { stroke-dashoffset: -93.705px; stroke-opacity: 0.22; animation-timing-function: step-end; } 29.642% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1gr-2 { animation-name: fx-c1gr-2; animation-duration: 7.6s; }
@keyframes fx-c1gr-2 { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: linear; } 14.941% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 29.379% { stroke-dashoffset: -101.705px; stroke-opacity: 0.3; animation-timing-function: step-end; } 29.642% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1gr-3 { animation-name: fx-c1gr-3; animation-duration: 7.6s; }
@keyframes fx-c1gr-3 { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: linear; } 14.941% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 29.379% { stroke-dashoffset: -108.705px; stroke-opacity: 0.45; animation-timing-function: step-end; } 29.642% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1gr-4 { animation-name: fx-c1gr-4; animation-duration: 7.6s; }
@keyframes fx-c1gr-4 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: linear; } 14.941% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 29.379% { stroke-dashoffset: -117.695px; stroke-opacity: 1; animation-timing-function: step-end; } 29.642% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1rg-0 { animation-name: fx-c1rg-0; animation-duration: 7.6s; }
@keyframes fx-c1rg-0 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.104; animation-timing-function: linear; } 60.526% { stroke-dashoffset: 3.01px; stroke-opacity: 0.104; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 74.965% { stroke-dashoffset: -117.695px; stroke-opacity: 0.104; animation-timing-function: step-end; } 75.228% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1rg-1 { animation-name: fx-c1rg-1; animation-duration: 7.6s; }
@keyframes fx-c1rg-1 { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.176; animation-timing-function: linear; } 60.526% { stroke-dashoffset: 27px; stroke-opacity: 0.176; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 74.965% { stroke-dashoffset: -93.705px; stroke-opacity: 0.176; animation-timing-function: step-end; } 75.228% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1rg-2 { animation-name: fx-c1rg-2; animation-duration: 7.6s; }
@keyframes fx-c1rg-2 { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.24; animation-timing-function: linear; } 60.526% { stroke-dashoffset: 19px; stroke-opacity: 0.24; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 74.965% { stroke-dashoffset: -101.705px; stroke-opacity: 0.24; animation-timing-function: step-end; } 75.228% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1rg-3 { animation-name: fx-c1rg-3; animation-duration: 7.6s; }
@keyframes fx-c1rg-3 { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.36; animation-timing-function: linear; } 60.526% { stroke-dashoffset: 12px; stroke-opacity: 0.36; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 74.965% { stroke-dashoffset: -108.705px; stroke-opacity: 0.36; animation-timing-function: step-end; } 75.228% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1rg-4 { animation-name: fx-c1rg-4; animation-duration: 7.6s; }
@keyframes fx-c1rg-4 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.8; animation-timing-function: linear; } 60.526% { stroke-dashoffset: 3.01px; stroke-opacity: 0.8; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 74.965% { stroke-dashoffset: -117.695px; stroke-opacity: 0.8; animation-timing-function: step-end; } 75.228% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1gc-0 { animation-name: fx-c1gc-0; animation-duration: 7.6s; }
@keyframes fx-c1gc-0 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.104; animation-timing-function: linear; } 71.618% { stroke-dashoffset: 3.01px; stroke-opacity: 0.104; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 84.297% { stroke-dashoffset: -102.99px; stroke-opacity: 0.104; animation-timing-function: step-end; } 84.56% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1gc-1 { animation-name: fx-c1gc-1; animation-duration: 7.6s; }
@keyframes fx-c1gc-1 { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.176; animation-timing-function: linear; } 71.618% { stroke-dashoffset: 27px; stroke-opacity: 0.176; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 84.297% { stroke-dashoffset: -79px; stroke-opacity: 0.176; animation-timing-function: step-end; } 84.56% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1gc-2 { animation-name: fx-c1gc-2; animation-duration: 7.6s; }
@keyframes fx-c1gc-2 { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.24; animation-timing-function: linear; } 71.618% { stroke-dashoffset: 19px; stroke-opacity: 0.24; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 84.297% { stroke-dashoffset: -87px; stroke-opacity: 0.24; animation-timing-function: step-end; } 84.56% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1gc-3 { animation-name: fx-c1gc-3; animation-duration: 7.6s; }
@keyframes fx-c1gc-3 { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.36; animation-timing-function: linear; } 71.618% { stroke-dashoffset: 12px; stroke-opacity: 0.36; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 84.297% { stroke-dashoffset: -94px; stroke-opacity: 0.36; animation-timing-function: step-end; } 84.56% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1gc-4 { animation-name: fx-c1gc-4; animation-duration: 7.6s; }
@keyframes fx-c1gc-4 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.8; animation-timing-function: linear; } 71.618% { stroke-dashoffset: 3.01px; stroke-opacity: 0.8; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 84.297% { stroke-dashoffset: -102.99px; stroke-opacity: 0.8; animation-timing-function: step-end; } 84.56% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1cli { animation-name: fx-c1cli; animation-duration: 7.6s; }
@keyframes fx-c1cli { 0% { x: 8px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 3.816% { x: 8px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 4.211% { x: 8px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0.8; fill-opacity: 0.112; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 16.053% { x: 0px; y: 177px; width: 104px; height: 46px; rx: 15px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 16.447% { x: 8px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 78.927% { x: 8px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 79.322% { x: 8px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0.75; fill-opacity: 0.105; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 89.19% { x: 1.6px; y: 178px; width: 100.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 89.585% { x: 8px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 8px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1gw { animation-name: fx-c1gw; animation-duration: 7.6s; }
@keyframes fx-c1gw { 0% { x: 160px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 11.915% { x: 160px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 12.309% { x: 160px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0.8; fill-opacity: 0.112; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 22.178% { x: 153.6px; y: 178px; width: 100.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 22.572% { x: 160px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 69.249% { x: 160px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 69.644% { x: 160px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0.6; fill-opacity: 0.084; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 79.512% { x: 153.6px; y: 178px; width: 100.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 79.907% { x: 160px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 160px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1rt { animation-name: fx-c1rt; animation-duration: 7.6s; }
@keyframes fx-c1rt { 0% { x: 300px; y: 154px; width: 104px; height: 30px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 23.664% { x: 300px; y: 154px; width: 104px; height: 30px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 24.059% { x: 300px; y: 154px; width: 104px; height: 30px; rx: 9px; stroke-opacity: 1; fill-opacity: 0.14; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 33.927% { x: 293.6px; y: 150px; width: 116.8px; height: 38px; rx: 13px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 34.322% { x: 300px; y: 154px; width: 104px; height: 30px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 59.737% { x: 300px; y: 154px; width: 104px; height: 30px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 60.132% { x: 300px; y: 154px; width: 104px; height: 30px; rx: 9px; stroke-opacity: 0.64; fill-opacity: 0.09; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 71.974% { x: 292px; y: 149px; width: 120px; height: 40px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 72.368% { x: 300px; y: 154px; width: 104px; height: 30px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 300px; y: 154px; width: 104px; height: 30px; rx: 9px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1gwlit { animation-name: fx-c1gwlit; animation-duration: 7.6s; }
@keyframes fx-c1gwlit { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 11.783% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 14.941% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 19.546% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 25.467% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 69.118% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 72.276% { fill-opacity: 0.8; stroke-opacity: 0.8; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 74.907% { fill-opacity: 0.8; stroke-opacity: 0.8; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 80.828% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1rtlit { animation-name: fx-c1rtlit; animation-duration: 7.6s; }
@keyframes fx-c1rtlit { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 23.532% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 26.953% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 63.158% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 71.053% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1scale { animation-name: fx-c1scale; animation-duration: 7.6s; }
@keyframes fx-c1scale { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 28.664% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 36.559% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 82.895% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 92.105% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1spg-0 { animation-name: fx-c1spg-0; animation-duration: 7.6s; }
@keyframes fx-c1spg-0 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.111; animation-timing-function: linear; } 13.625% { stroke-dashoffset: 3.01px; stroke-opacity: 0.111; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 29.415% { stroke-dashoffset: -128.99px; stroke-opacity: 0.111; animation-timing-function: step-end; } 29.678% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1spg-1 { animation-name: fx-c1spg-1; animation-duration: 7.6s; }
@keyframes fx-c1spg-1 { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.187; animation-timing-function: linear; } 13.625% { stroke-dashoffset: 27px; stroke-opacity: 0.187; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 29.415% { stroke-dashoffset: -105px; stroke-opacity: 0.187; animation-timing-function: step-end; } 29.678% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1spg-2 { animation-name: fx-c1spg-2; animation-duration: 7.6s; }
@keyframes fx-c1spg-2 { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.255; animation-timing-function: linear; } 13.625% { stroke-dashoffset: 19px; stroke-opacity: 0.255; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 29.415% { stroke-dashoffset: -113px; stroke-opacity: 0.255; animation-timing-function: step-end; } 29.678% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1spg-3 { animation-name: fx-c1spg-3; animation-duration: 7.6s; }
@keyframes fx-c1spg-3 { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.383; animation-timing-function: linear; } 13.625% { stroke-dashoffset: 12px; stroke-opacity: 0.383; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 29.415% { stroke-dashoffset: -120px; stroke-opacity: 0.383; animation-timing-function: step-end; } 29.678% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1spg-4 { animation-name: fx-c1spg-4; animation-duration: 7.6s; }
@keyframes fx-c1spg-4 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.85; animation-timing-function: linear; } 13.625% { stroke-dashoffset: 3.01px; stroke-opacity: 0.85; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 29.415% { stroke-dashoffset: -128.99px; stroke-opacity: 0.85; animation-timing-function: step-end; } 29.678% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1spr-0 { animation-name: fx-c1spr-0; animation-duration: 7.6s; }
@keyframes fx-c1spr-0 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.111; animation-timing-function: linear; } 27.348% { stroke-dashoffset: 3.01px; stroke-opacity: 0.111; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 37.157% { stroke-dashoffset: -78.99px; stroke-opacity: 0.111; animation-timing-function: step-end; } 37.42% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1spr-1 { animation-name: fx-c1spr-1; animation-duration: 7.6s; }
@keyframes fx-c1spr-1 { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.187; animation-timing-function: linear; } 27.348% { stroke-dashoffset: 27px; stroke-opacity: 0.187; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 37.157% { stroke-dashoffset: -55px; stroke-opacity: 0.187; animation-timing-function: step-end; } 37.42% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1spr-2 { animation-name: fx-c1spr-2; animation-duration: 7.6s; }
@keyframes fx-c1spr-2 { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.255; animation-timing-function: linear; } 27.348% { stroke-dashoffset: 19px; stroke-opacity: 0.255; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 37.157% { stroke-dashoffset: -63px; stroke-opacity: 0.255; animation-timing-function: step-end; } 37.42% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1spr-3 { animation-name: fx-c1spr-3; animation-duration: 7.6s; }
@keyframes fx-c1spr-3 { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.383; animation-timing-function: linear; } 27.348% { stroke-dashoffset: 12px; stroke-opacity: 0.383; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 37.157% { stroke-dashoffset: -70px; stroke-opacity: 0.383; animation-timing-function: step-end; } 37.42% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1spr-4 { animation-name: fx-c1spr-4; animation-duration: 7.6s; }
@keyframes fx-c1spr-4 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.85; animation-timing-function: linear; } 27.348% { stroke-dashoffset: 3.01px; stroke-opacity: 0.85; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 37.157% { stroke-dashoffset: -78.99px; stroke-opacity: 0.85; animation-timing-function: step-end; } 37.42% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1span0 { animation-name: fx-c1span0; animation-duration: 7.6s; }
@keyframes fx-c1span0 { 0% { stroke-dashoffset: 200px; stroke-opacity: 1; animation-timing-function: linear; } 23.84% { stroke-dashoffset: 200px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 78.006% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 88.158% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 94.737% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 95.395% { stroke-dashoffset: 200px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 200px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1span1 { animation-name: fx-c1span1; animation-duration: 7.6s; }
@keyframes fx-c1span1 { 0% { stroke-dashoffset: 158px; stroke-opacity: 1; animation-timing-function: linear; } 32.784% { stroke-dashoffset: 158px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 61.842% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 88.158% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 94.737% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 95.395% { stroke-dashoffset: 158px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 158px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c1span2 { animation-name: fx-c1span2; animation-duration: 7.6s; }
@keyframes fx-c1span2 { 0% { stroke-dashoffset: 72px; stroke-opacity: 1; animation-timing-function: linear; } 43.421% { stroke-dashoffset: 72px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 53.947% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 88.158% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 94.737% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 95.395% { stroke-dashoffset: 72px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 72px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c2call-0 { animation-name: fx-c2call-0; animation-duration: 7.2s; }
@keyframes fx-c2call-0 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: linear; } 4.861% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 23.89% { stroke-dashoffset: -147.695px; stroke-opacity: 0.13; animation-timing-function: step-end; } 24.167% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 48.611% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 67.64% { stroke-dashoffset: -147.695px; stroke-opacity: 0.13; animation-timing-function: step-end; } 67.917% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c2call-1 { animation-name: fx-c2call-1; animation-duration: 7.2s; }
@keyframes fx-c2call-1 { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: linear; } 4.861% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 23.89% { stroke-dashoffset: -123.705px; stroke-opacity: 0.22; animation-timing-function: step-end; } 24.167% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 48.611% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 67.64% { stroke-dashoffset: -123.705px; stroke-opacity: 0.22; animation-timing-function: step-end; } 67.917% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c2call-2 { animation-name: fx-c2call-2; animation-duration: 7.2s; }
@keyframes fx-c2call-2 { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: linear; } 4.861% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 23.89% { stroke-dashoffset: -131.705px; stroke-opacity: 0.3; animation-timing-function: step-end; } 24.167% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 48.611% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 67.64% { stroke-dashoffset: -131.705px; stroke-opacity: 0.3; animation-timing-function: step-end; } 67.917% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c2call-3 { animation-name: fx-c2call-3; animation-duration: 7.2s; }
@keyframes fx-c2call-3 { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: linear; } 4.861% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 23.89% { stroke-dashoffset: -138.705px; stroke-opacity: 0.45; animation-timing-function: step-end; } 24.167% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 48.611% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 67.64% { stroke-dashoffset: -138.705px; stroke-opacity: 0.45; animation-timing-function: step-end; } 67.917% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c2call-4 { animation-name: fx-c2call-4; animation-duration: 7.2s; }
@keyframes fx-c2call-4 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: linear; } 4.861% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 23.89% { stroke-dashoffset: -147.695px; stroke-opacity: 1; animation-timing-function: step-end; } 24.167% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 48.611% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 67.64% { stroke-dashoffset: -147.695px; stroke-opacity: 1; animation-timing-function: step-end; } 67.917% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c2slot0 { animation-name: fx-c2slot0; animation-duration: 7.2s; }
@keyframes fx-c2slot0 { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 18.97% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 20.914% { fill-opacity: 0.32; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 83.333% { fill-opacity: 0.32; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 90.278% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c2ring0 { animation-name: fx-c2ring0; animation-duration: 7.2s; }
@keyframes fx-c2ring0 { 0% { x: 581px; y: 198px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 18.831% { x: 581px; y: 198px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 19.248% { x: 581px; y: 198px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0.85; fill-opacity: 0.119; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 31.748% { x: 576px; y: 193px; width: 34px; height: 30px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 32.164% { x: 581px; y: 198px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 581px; y: 198px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c2slot1 { animation-name: fx-c2slot1; animation-duration: 7.2s; }
@keyframes fx-c2slot1 { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 62.72% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 64.664% { fill-opacity: 0.32; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 90.278% { fill-opacity: 0.32; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 97.222% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c2ring1 { animation-name: fx-c2ring1; animation-duration: 7.2s; }
@keyframes fx-c2ring1 { 0% { x: 513px; y: 228px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 62.581% { x: 513px; y: 228px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 62.998% { x: 513px; y: 228px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0.85; fill-opacity: 0.119; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 75.498% { x: 508px; y: 223px; width: 34px; height: 30px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 75.914% { x: 513px; y: 228px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 513px; y: 228px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c2sbx { animation-name: fx-c2sbx; animation-duration: 7.2s; }
@keyframes fx-c2sbx { 0% { x: 496px; y: 116px; width: 160px; height: 152px; rx: 16px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 17.164% { x: 496px; y: 116px; width: 160px; height: 152px; rx: 16px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 17.581% { x: 496px; y: 116px; width: 160px; height: 152px; rx: 16px; stroke-opacity: 0.5; fill-opacity: 0.07; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 27.998% { x: 491.2px; y: 111.2px; width: 169.6px; height: 161.6px; rx: 20.8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 28.414% { x: 496px; y: 116px; width: 160px; height: 152px; rx: 16px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 60.914% { x: 496px; y: 116px; width: 160px; height: 152px; rx: 16px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 61.331% { x: 496px; y: 116px; width: 160px; height: 152px; rx: 16px; stroke-opacity: 0.5; fill-opacity: 0.07; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 71.748% { x: 491.2px; y: 111.2px; width: 169.6px; height: 161.6px; rx: 20.8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 72.164% { x: 496px; y: 116px; width: 160px; height: 152px; rx: 16px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 496px; y: 116px; width: 160px; height: 152px; rx: 16px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c2data-0 { animation-name: fx-c2data-0; animation-duration: 7.2s; }
@keyframes fx-c2data-0 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.117; animation-timing-function: linear; } 25.22% { stroke-dashoffset: 3.01px; stroke-opacity: 0.117; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 35.573% { stroke-dashoffset: -78.99px; stroke-opacity: 0.117; animation-timing-function: step-end; } 35.851% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 37.025% { stroke-dashoffset: 3.01px; stroke-opacity: 0.117; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 47.379% { stroke-dashoffset: -78.99px; stroke-opacity: 0.117; animation-timing-function: step-end; } 47.657% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 68.97% { stroke-dashoffset: 3.01px; stroke-opacity: 0.117; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 79.323% { stroke-dashoffset: -78.99px; stroke-opacity: 0.117; animation-timing-function: step-end; } 79.601% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c2data-1 { animation-name: fx-c2data-1; animation-duration: 7.2s; }
@keyframes fx-c2data-1 { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.198; animation-timing-function: linear; } 25.22% { stroke-dashoffset: 27px; stroke-opacity: 0.198; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 35.573% { stroke-dashoffset: -55px; stroke-opacity: 0.198; animation-timing-function: step-end; } 35.851% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 37.025% { stroke-dashoffset: 27px; stroke-opacity: 0.198; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 47.379% { stroke-dashoffset: -55px; stroke-opacity: 0.198; animation-timing-function: step-end; } 47.657% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 68.97% { stroke-dashoffset: 27px; stroke-opacity: 0.198; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 79.323% { stroke-dashoffset: -55px; stroke-opacity: 0.198; animation-timing-function: step-end; } 79.601% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c2data-2 { animation-name: fx-c2data-2; animation-duration: 7.2s; }
@keyframes fx-c2data-2 { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.27; animation-timing-function: linear; } 25.22% { stroke-dashoffset: 19px; stroke-opacity: 0.27; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 35.573% { stroke-dashoffset: -63px; stroke-opacity: 0.27; animation-timing-function: step-end; } 35.851% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 37.025% { stroke-dashoffset: 19px; stroke-opacity: 0.27; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 47.379% { stroke-dashoffset: -63px; stroke-opacity: 0.27; animation-timing-function: step-end; } 47.657% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 68.97% { stroke-dashoffset: 19px; stroke-opacity: 0.27; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 79.323% { stroke-dashoffset: -63px; stroke-opacity: 0.27; animation-timing-function: step-end; } 79.601% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c2data-3 { animation-name: fx-c2data-3; animation-duration: 7.2s; }
@keyframes fx-c2data-3 { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.405; animation-timing-function: linear; } 25.22% { stroke-dashoffset: 12px; stroke-opacity: 0.405; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 35.573% { stroke-dashoffset: -70px; stroke-opacity: 0.405; animation-timing-function: step-end; } 35.851% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 37.025% { stroke-dashoffset: 12px; stroke-opacity: 0.405; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 47.379% { stroke-dashoffset: -70px; stroke-opacity: 0.405; animation-timing-function: step-end; } 47.657% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 68.97% { stroke-dashoffset: 12px; stroke-opacity: 0.405; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 79.323% { stroke-dashoffset: -70px; stroke-opacity: 0.405; animation-timing-function: step-end; } 79.601% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c2data-4 { animation-name: fx-c2data-4; animation-duration: 7.2s; }
@keyframes fx-c2data-4 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.9; animation-timing-function: linear; } 25.22% { stroke-dashoffset: 3.01px; stroke-opacity: 0.9; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 35.573% { stroke-dashoffset: -78.99px; stroke-opacity: 0.9; animation-timing-function: step-end; } 35.851% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 37.025% { stroke-dashoffset: 3.01px; stroke-opacity: 0.9; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 47.379% { stroke-dashoffset: -78.99px; stroke-opacity: 0.9; animation-timing-function: step-end; } 47.657% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 68.97% { stroke-dashoffset: 3.01px; stroke-opacity: 0.9; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 79.323% { stroke-dashoffset: -78.99px; stroke-opacity: 0.9; animation-timing-function: step-end; } 79.601% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c2store { animation-name: fx-c2store; animation-duration: 7.2s; }
@keyframes fx-c2store { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 30.263% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 34.43% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 49.707% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 58.041% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 74.013% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 78.18% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 85.818% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 94.152% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c2st { animation-name: fx-c2st; animation-duration: 7.2s; }
@keyframes fx-c2st { 0% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 30.541% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 30.957% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0.7; fill-opacity: 0.098; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 41.374% { x: 489.6px; y: 304px; width: 172.8px; height: 80px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 41.791% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 42.346% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 42.763% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0.7; fill-opacity: 0.098; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 53.18% { x: 489.6px; y: 304px; width: 172.8px; height: 80px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 53.596% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 74.291% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 74.707% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0.7; fill-opacity: 0.098; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 85.124% { x: 489.6px; y: 304px; width: 172.8px; height: 80px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 85.541% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c3out-0 { animation-name: fx-c3out-0; animation-duration: 7.6s; }
@keyframes fx-c3out-0 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: linear; } 4.605% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 14.414% { stroke-dashoffset: -78.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 14.677% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 52.632% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 62.44% { stroke-dashoffset: -78.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 62.703% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c3out-1 { animation-name: fx-c3out-1; animation-duration: 7.6s; }
@keyframes fx-c3out-1 { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: linear; } 4.605% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 14.414% { stroke-dashoffset: -55px; stroke-opacity: 0.22; animation-timing-function: step-end; } 14.677% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 52.632% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 62.44% { stroke-dashoffset: -55px; stroke-opacity: 0.22; animation-timing-function: step-end; } 62.703% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c3out-2 { animation-name: fx-c3out-2; animation-duration: 7.6s; }
@keyframes fx-c3out-2 { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: linear; } 4.605% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 14.414% { stroke-dashoffset: -63px; stroke-opacity: 0.3; animation-timing-function: step-end; } 14.677% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 52.632% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 62.44% { stroke-dashoffset: -63px; stroke-opacity: 0.3; animation-timing-function: step-end; } 62.703% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c3out-3 { animation-name: fx-c3out-3; animation-duration: 7.6s; }
@keyframes fx-c3out-3 { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: linear; } 4.605% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 14.414% { stroke-dashoffset: -70px; stroke-opacity: 0.45; animation-timing-function: step-end; } 14.677% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 52.632% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 62.44% { stroke-dashoffset: -70px; stroke-opacity: 0.45; animation-timing-function: step-end; } 62.703% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c3out-4 { animation-name: fx-c3out-4; animation-duration: 7.6s; }
@keyframes fx-c3out-4 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: linear; } 4.605% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 14.414% { stroke-dashoffset: -78.99px; stroke-opacity: 1; animation-timing-function: step-end; } 14.677% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 52.632% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 62.44% { stroke-dashoffset: -78.99px; stroke-opacity: 1; animation-timing-function: step-end; } 62.703% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c3cred-0 { animation-name: fx-c3cred-0; animation-duration: 7.6s; }
@keyframes fx-c3cred-0 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.123; animation-timing-function: linear; } 15.962% { stroke-dashoffset: 3.01px; stroke-opacity: 0.123; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 31.751% { stroke-dashoffset: -128.99px; stroke-opacity: 0.123; animation-timing-function: step-end; } 32.015% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c3cred-1 { animation-name: fx-c3cred-1; animation-duration: 7.6s; }
@keyframes fx-c3cred-1 { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.209; animation-timing-function: linear; } 15.962% { stroke-dashoffset: 27px; stroke-opacity: 0.209; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 31.751% { stroke-dashoffset: -105px; stroke-opacity: 0.209; animation-timing-function: step-end; } 32.015% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c3cred-2 { animation-name: fx-c3cred-2; animation-duration: 7.6s; }
@keyframes fx-c3cred-2 { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.285; animation-timing-function: linear; } 15.962% { stroke-dashoffset: 19px; stroke-opacity: 0.285; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 31.751% { stroke-dashoffset: -113px; stroke-opacity: 0.285; animation-timing-function: step-end; } 32.015% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c3cred-3 { animation-name: fx-c3cred-3; animation-duration: 7.6s; }
@keyframes fx-c3cred-3 { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.427; animation-timing-function: linear; } 15.962% { stroke-dashoffset: 12px; stroke-opacity: 0.427; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 31.751% { stroke-dashoffset: -120px; stroke-opacity: 0.427; animation-timing-function: step-end; } 32.015% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c3cred-4 { animation-name: fx-c3cred-4; animation-duration: 7.6s; }
@keyframes fx-c3cred-4 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.95; animation-timing-function: linear; } 15.962% { stroke-dashoffset: 3.01px; stroke-opacity: 0.95; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 31.751% { stroke-dashoffset: -128.99px; stroke-opacity: 0.95; animation-timing-function: step-end; } 32.015% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c3app-0 { animation-name: fx-c3app-0; animation-duration: 7.6s; }
@keyframes fx-c3app-0 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: linear; } 30.124% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 50.698% { stroke-dashoffset: -168.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 50.961% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c3app-1 { animation-name: fx-c3app-1; animation-duration: 7.6s; }
@keyframes fx-c3app-1 { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: linear; } 30.124% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 50.698% { stroke-dashoffset: -145px; stroke-opacity: 0.22; animation-timing-function: step-end; } 50.961% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c3app-2 { animation-name: fx-c3app-2; animation-duration: 7.6s; }
@keyframes fx-c3app-2 { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: linear; } 30.124% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 50.698% { stroke-dashoffset: -153px; stroke-opacity: 0.3; animation-timing-function: step-end; } 50.961% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c3app-3 { animation-name: fx-c3app-3; animation-duration: 7.6s; }
@keyframes fx-c3app-3 { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: linear; } 30.124% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 50.698% { stroke-dashoffset: -160px; stroke-opacity: 0.45; animation-timing-function: step-end; } 50.961% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c3app-4 { animation-name: fx-c3app-4; animation-duration: 7.6s; }
@keyframes fx-c3app-4 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: linear; } 30.124% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 50.698% { stroke-dashoffset: -168.99px; stroke-opacity: 1; animation-timing-function: step-end; } 50.961% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c3net-0 { animation-name: fx-c3net-0; animation-duration: 7.6s; }
@keyframes fx-c3net-0 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: linear; } 62.672% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 77.983% { stroke-dashoffset: -124.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 78.247% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c3net-1 { animation-name: fx-c3net-1; animation-duration: 7.6s; }
@keyframes fx-c3net-1 { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: linear; } 62.672% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 77.983% { stroke-dashoffset: -101px; stroke-opacity: 0.22; animation-timing-function: step-end; } 78.247% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c3net-2 { animation-name: fx-c3net-2; animation-duration: 7.6s; }
@keyframes fx-c3net-2 { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: linear; } 62.672% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 77.983% { stroke-dashoffset: -109px; stroke-opacity: 0.3; animation-timing-function: step-end; } 78.247% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c3net-3 { animation-name: fx-c3net-3; animation-duration: 7.6s; }
@keyframes fx-c3net-3 { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: linear; } 62.672% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 77.983% { stroke-dashoffset: -116px; stroke-opacity: 0.45; animation-timing-function: step-end; } 78.247% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c3net-4 { animation-name: fx-c3net-4; animation-duration: 7.6s; }
@keyframes fx-c3net-4 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: linear; } 62.672% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 77.983% { stroke-dashoffset: -124.99px; stroke-opacity: 1; animation-timing-function: step-end; } 78.247% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c3fw { animation-name: fx-c3fw; animation-duration: 7.6s; }
@keyframes fx-c3fw { 0% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 9.646% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 10.041% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 1; fill-opacity: 0.14; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 19.909% { x: 689.6px; y: 178px; width: 124.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 20.304% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 25.782% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 26.176% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0.7; fill-opacity: 0.098; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 36.045% { x: 689.6px; y: 178px; width: 124.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 36.44% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 57.672% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 58.067% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 1; fill-opacity: 0.14; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 67.936% { x: 689.6px; y: 178px; width: 124.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 68.33% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c3vault { animation-name: fx-c3vault; animation-duration: 7.6s; }
@keyframes fx-c3vault { 0% { x: 696px; y: 308px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 15.172% { x: 696px; y: 308px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 15.567% { x: 696px; y: 308px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0.72; fill-opacity: 0.101; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 27.409% { x: 688px; y: 303px; width: 128px; height: 46px; rx: 15px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 27.804% { x: 696px; y: 308px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 696px; y: 308px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c3app { animation-name: fx-c3app; animation-duration: 7.6s; }
@keyframes fx-c3app { 0% { x: 696px; y: 16px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 43.895% { x: 696px; y: 16px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 44.29% { x: 696px; y: 16px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 1; fill-opacity: 0.14; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 54.158% { x: 689.6px; y: 12px; width: 124.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 54.553% { x: 696px; y: 16px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 696px; y: 16px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c3fwlit { animation-name: fx-c3fwlit; animation-duration: 7.6s; }
@keyframes fx-c3fwlit { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 9.515% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 12.936% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 35.387% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 43.282% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 57.541% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 60.962% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 75.172% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 83.067% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c3vlit { animation-name: fx-c3vlit; animation-duration: 7.6s; }
@keyframes fx-c3vlit { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 12.672% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 16.62% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 31.44% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 39.334% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-c3alit { animation-name: fx-c3alit; animation-duration: 7.6s; }
@keyframes fx-c3alit { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 43.763% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 47.184% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 60.079% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 67.974% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hcg-0 { animation-name: fx-hcg-0; animation-duration: 12s; }
@keyframes fx-hcg-0 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: linear; } 1.667% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 9.697% { stroke-dashoffset: -102.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 9.864% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 21.667% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 29.697% { stroke-dashoffset: -102.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 29.864% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 41.667% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 49.697% { stroke-dashoffset: -102.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 49.864% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 61.667% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 69.697% { stroke-dashoffset: -102.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 69.864% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 81.667% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 89.697% { stroke-dashoffset: -102.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 89.864% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hcg-1 { animation-name: fx-hcg-1; animation-duration: 12s; }
@keyframes fx-hcg-1 { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: linear; } 1.667% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 9.697% { stroke-dashoffset: -79px; stroke-opacity: 0.22; animation-timing-function: step-end; } 9.864% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 21.667% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 29.697% { stroke-dashoffset: -79px; stroke-opacity: 0.22; animation-timing-function: step-end; } 29.864% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 41.667% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 49.697% { stroke-dashoffset: -79px; stroke-opacity: 0.22; animation-timing-function: step-end; } 49.864% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 61.667% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 69.697% { stroke-dashoffset: -79px; stroke-opacity: 0.22; animation-timing-function: step-end; } 69.864% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 81.667% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 89.697% { stroke-dashoffset: -79px; stroke-opacity: 0.22; animation-timing-function: step-end; } 89.864% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hcg-2 { animation-name: fx-hcg-2; animation-duration: 12s; }
@keyframes fx-hcg-2 { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: linear; } 1.667% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 9.697% { stroke-dashoffset: -87px; stroke-opacity: 0.3; animation-timing-function: step-end; } 9.864% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 21.667% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 29.697% { stroke-dashoffset: -87px; stroke-opacity: 0.3; animation-timing-function: step-end; } 29.864% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 41.667% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 49.697% { stroke-dashoffset: -87px; stroke-opacity: 0.3; animation-timing-function: step-end; } 49.864% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 61.667% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 69.697% { stroke-dashoffset: -87px; stroke-opacity: 0.3; animation-timing-function: step-end; } 69.864% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 81.667% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 89.697% { stroke-dashoffset: -87px; stroke-opacity: 0.3; animation-timing-function: step-end; } 89.864% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hcg-3 { animation-name: fx-hcg-3; animation-duration: 12s; }
@keyframes fx-hcg-3 { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: linear; } 1.667% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 9.697% { stroke-dashoffset: -94px; stroke-opacity: 0.45; animation-timing-function: step-end; } 9.864% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 21.667% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 29.697% { stroke-dashoffset: -94px; stroke-opacity: 0.45; animation-timing-function: step-end; } 29.864% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 41.667% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 49.697% { stroke-dashoffset: -94px; stroke-opacity: 0.45; animation-timing-function: step-end; } 49.864% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 61.667% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 69.697% { stroke-dashoffset: -94px; stroke-opacity: 0.45; animation-timing-function: step-end; } 69.864% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 81.667% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 89.697% { stroke-dashoffset: -94px; stroke-opacity: 0.45; animation-timing-function: step-end; } 89.864% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hcg-4 { animation-name: fx-hcg-4; animation-duration: 12s; }
@keyframes fx-hcg-4 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: linear; } 1.667% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 9.697% { stroke-dashoffset: -102.99px; stroke-opacity: 1; animation-timing-function: step-end; } 9.864% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 21.667% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 29.697% { stroke-dashoffset: -102.99px; stroke-opacity: 1; animation-timing-function: step-end; } 29.864% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 41.667% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 49.697% { stroke-dashoffset: -102.99px; stroke-opacity: 1; animation-timing-function: step-end; } 49.864% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 61.667% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 69.697% { stroke-dashoffset: -102.99px; stroke-opacity: 1; animation-timing-function: step-end; } 69.864% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 81.667% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 89.697% { stroke-dashoffset: -102.99px; stroke-opacity: 1; animation-timing-function: step-end; } 89.864% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hgr0-0 { animation-name: fx-hgr0-0; animation-duration: 12s; }
@keyframes fx-hgr0-0 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: linear; } 7.796% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 16.94% { stroke-dashoffset: -117.695px; stroke-opacity: 0.13; animation-timing-function: step-end; } 17.107% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 47.796% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 56.94% { stroke-dashoffset: -117.695px; stroke-opacity: 0.13; animation-timing-function: step-end; } 57.107% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hgr0-1 { animation-name: fx-hgr0-1; animation-duration: 12s; }
@keyframes fx-hgr0-1 { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: linear; } 7.796% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 16.94% { stroke-dashoffset: -93.705px; stroke-opacity: 0.22; animation-timing-function: step-end; } 17.107% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 47.796% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 56.94% { stroke-dashoffset: -93.705px; stroke-opacity: 0.22; animation-timing-function: step-end; } 57.107% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hgr0-2 { animation-name: fx-hgr0-2; animation-duration: 12s; }
@keyframes fx-hgr0-2 { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: linear; } 7.796% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 16.94% { stroke-dashoffset: -101.705px; stroke-opacity: 0.3; animation-timing-function: step-end; } 17.107% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 47.796% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 56.94% { stroke-dashoffset: -101.705px; stroke-opacity: 0.3; animation-timing-function: step-end; } 57.107% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hgr0-3 { animation-name: fx-hgr0-3; animation-duration: 12s; }
@keyframes fx-hgr0-3 { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: linear; } 7.796% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 16.94% { stroke-dashoffset: -108.705px; stroke-opacity: 0.45; animation-timing-function: step-end; } 17.107% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 47.796% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 56.94% { stroke-dashoffset: -108.705px; stroke-opacity: 0.45; animation-timing-function: step-end; } 57.107% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hgr0-4 { animation-name: fx-hgr0-4; animation-duration: 12s; }
@keyframes fx-hgr0-4 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: linear; } 7.796% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 16.94% { stroke-dashoffset: -117.695px; stroke-opacity: 1; animation-timing-function: step-end; } 17.107% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 47.796% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 56.94% { stroke-dashoffset: -117.695px; stroke-opacity: 1; animation-timing-function: step-end; } 57.107% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hrs0-0 { animation-name: fx-hrs0-0; animation-duration: 12s; }
@keyframes fx-hrs0-0 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: linear; } 17.32% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 28.737% { stroke-dashoffset: -147.695px; stroke-opacity: 0.13; animation-timing-function: step-end; } 28.904% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 57.32% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 68.737% { stroke-dashoffset: -147.695px; stroke-opacity: 0.13; animation-timing-function: step-end; } 68.904% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hrs0-1 { animation-name: fx-hrs0-1; animation-duration: 12s; }
@keyframes fx-hrs0-1 { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: linear; } 17.32% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 28.737% { stroke-dashoffset: -123.705px; stroke-opacity: 0.22; animation-timing-function: step-end; } 28.904% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 57.32% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 68.737% { stroke-dashoffset: -123.705px; stroke-opacity: 0.22; animation-timing-function: step-end; } 68.904% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hrs0-2 { animation-name: fx-hrs0-2; animation-duration: 12s; }
@keyframes fx-hrs0-2 { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: linear; } 17.32% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 28.737% { stroke-dashoffset: -131.705px; stroke-opacity: 0.3; animation-timing-function: step-end; } 28.904% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 57.32% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 68.737% { stroke-dashoffset: -131.705px; stroke-opacity: 0.3; animation-timing-function: step-end; } 68.904% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hrs0-3 { animation-name: fx-hrs0-3; animation-duration: 12s; }
@keyframes fx-hrs0-3 { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: linear; } 17.32% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 28.737% { stroke-dashoffset: -138.705px; stroke-opacity: 0.45; animation-timing-function: step-end; } 28.904% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 57.32% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 68.737% { stroke-dashoffset: -138.705px; stroke-opacity: 0.45; animation-timing-function: step-end; } 68.904% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hrs0-4 { animation-name: fx-hrs0-4; animation-duration: 12s; }
@keyframes fx-hrs0-4 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: linear; } 17.32% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 28.737% { stroke-dashoffset: -147.695px; stroke-opacity: 1; animation-timing-function: step-end; } 28.904% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 57.32% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 68.737% { stroke-dashoffset: -147.695px; stroke-opacity: 1; animation-timing-function: step-end; } 68.904% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hgr1-0 { animation-name: fx-hgr1-0; animation-duration: 12s; }
@keyframes fx-hgr1-0 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: linear; } 27.796% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 36.334% { stroke-dashoffset: -109.695px; stroke-opacity: 0.13; animation-timing-function: step-end; } 36.501% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 67.796% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 76.334% { stroke-dashoffset: -109.695px; stroke-opacity: 0.13; animation-timing-function: step-end; } 76.501% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 87.796% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 96.334% { stroke-dashoffset: -109.695px; stroke-opacity: 0.13; animation-timing-function: step-end; } 96.501% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hgr1-1 { animation-name: fx-hgr1-1; animation-duration: 12s; }
@keyframes fx-hgr1-1 { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: linear; } 27.796% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 36.334% { stroke-dashoffset: -85.705px; stroke-opacity: 0.22; animation-timing-function: step-end; } 36.501% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 67.796% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 76.334% { stroke-dashoffset: -85.705px; stroke-opacity: 0.22; animation-timing-function: step-end; } 76.501% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 87.796% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 96.334% { stroke-dashoffset: -85.705px; stroke-opacity: 0.22; animation-timing-function: step-end; } 96.501% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hgr1-2 { animation-name: fx-hgr1-2; animation-duration: 12s; }
@keyframes fx-hgr1-2 { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: linear; } 27.796% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 36.334% { stroke-dashoffset: -93.705px; stroke-opacity: 0.3; animation-timing-function: step-end; } 36.501% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 67.796% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 76.334% { stroke-dashoffset: -93.705px; stroke-opacity: 0.3; animation-timing-function: step-end; } 76.501% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 87.796% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 96.334% { stroke-dashoffset: -93.705px; stroke-opacity: 0.3; animation-timing-function: step-end; } 96.501% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hgr1-3 { animation-name: fx-hgr1-3; animation-duration: 12s; }
@keyframes fx-hgr1-3 { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: linear; } 27.796% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 36.334% { stroke-dashoffset: -100.705px; stroke-opacity: 0.45; animation-timing-function: step-end; } 36.501% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 67.796% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 76.334% { stroke-dashoffset: -100.705px; stroke-opacity: 0.45; animation-timing-function: step-end; } 76.501% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 87.796% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 96.334% { stroke-dashoffset: -100.705px; stroke-opacity: 0.45; animation-timing-function: step-end; } 96.501% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hgr1-4 { animation-name: fx-hgr1-4; animation-duration: 12s; }
@keyframes fx-hgr1-4 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: linear; } 27.796% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 36.334% { stroke-dashoffset: -109.695px; stroke-opacity: 1; animation-timing-function: step-end; } 36.501% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 67.796% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 76.334% { stroke-dashoffset: -109.695px; stroke-opacity: 1; animation-timing-function: step-end; } 76.501% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 87.796% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 96.334% { stroke-dashoffset: -109.695px; stroke-opacity: 1; animation-timing-function: step-end; } 96.501% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hrs1-0 { animation-name: fx-hrs1-0-first, fx-hrs1-0; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hrs1-0-first { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: linear; } 36.832% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 47.643% { stroke-dashoffset: -139.695px; stroke-opacity: 0.13; animation-timing-function: step-end; } 47.81% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 76.832% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 87.643% { stroke-dashoffset: -139.695px; stroke-opacity: 0.13; animation-timing-function: step-end; } 87.81% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 96.832% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.4, 0, 0.72, 0.403); } 100% { stroke-dashoffset: -21.038px; stroke-opacity: 0.13; animation-timing-function: linear; } }
@keyframes fx-hrs1-0 { 0% { stroke-dashoffset: -21.038px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.329, 0.343, 0.529, 1); } 7.643% { stroke-dashoffset: -139.695px; stroke-opacity: 0.13; animation-timing-function: step-end; } 7.81% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 36.832% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 47.643% { stroke-dashoffset: -139.695px; stroke-opacity: 0.13; animation-timing-function: step-end; } 47.81% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 76.832% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 87.643% { stroke-dashoffset: -139.695px; stroke-opacity: 0.13; animation-timing-function: step-end; } 87.81% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 96.832% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.4, 0, 0.72, 0.403); } 100% { stroke-dashoffset: -21.038px; stroke-opacity: 0.13; animation-timing-function: linear; } }
.js.settled .diagram .fx-hrs1-1 { animation-name: fx-hrs1-1-first, fx-hrs1-1; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hrs1-1-first { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: linear; } 36.832% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 47.643% { stroke-dashoffset: -115.705px; stroke-opacity: 0.22; animation-timing-function: step-end; } 47.81% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 76.832% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 87.643% { stroke-dashoffset: -115.705px; stroke-opacity: 0.22; animation-timing-function: step-end; } 87.81% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 96.832% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.4, 0, 0.72, 0.403); } 100% { stroke-dashoffset: 2.952px; stroke-opacity: 0.22; animation-timing-function: linear; } }
@keyframes fx-hrs1-1 { 0% { stroke-dashoffset: 2.952px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.329, 0.343, 0.529, 1); } 7.643% { stroke-dashoffset: -115.705px; stroke-opacity: 0.22; animation-timing-function: step-end; } 7.81% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 36.832% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 47.643% { stroke-dashoffset: -115.705px; stroke-opacity: 0.22; animation-timing-function: step-end; } 47.81% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 76.832% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 87.643% { stroke-dashoffset: -115.705px; stroke-opacity: 0.22; animation-timing-function: step-end; } 87.81% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 96.832% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.4, 0, 0.72, 0.403); } 100% { stroke-dashoffset: 2.952px; stroke-opacity: 0.22; animation-timing-function: linear; } }
.js.settled .diagram .fx-hrs1-2 { animation-name: fx-hrs1-2-first, fx-hrs1-2; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hrs1-2-first { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: linear; } 36.832% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 47.643% { stroke-dashoffset: -123.705px; stroke-opacity: 0.3; animation-timing-function: step-end; } 47.81% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 76.832% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 87.643% { stroke-dashoffset: -123.705px; stroke-opacity: 0.3; animation-timing-function: step-end; } 87.81% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 96.832% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.4, 0, 0.72, 0.403); } 100% { stroke-dashoffset: -5.048px; stroke-opacity: 0.3; animation-timing-function: linear; } }
@keyframes fx-hrs1-2 { 0% { stroke-dashoffset: -5.048px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.329, 0.343, 0.529, 1); } 7.643% { stroke-dashoffset: -123.705px; stroke-opacity: 0.3; animation-timing-function: step-end; } 7.81% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 36.832% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 47.643% { stroke-dashoffset: -123.705px; stroke-opacity: 0.3; animation-timing-function: step-end; } 47.81% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 76.832% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 87.643% { stroke-dashoffset: -123.705px; stroke-opacity: 0.3; animation-timing-function: step-end; } 87.81% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 96.832% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.4, 0, 0.72, 0.403); } 100% { stroke-dashoffset: -5.048px; stroke-opacity: 0.3; animation-timing-function: linear; } }
.js.settled .diagram .fx-hrs1-3 { animation-name: fx-hrs1-3-first, fx-hrs1-3; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hrs1-3-first { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: linear; } 36.832% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 47.643% { stroke-dashoffset: -130.705px; stroke-opacity: 0.45; animation-timing-function: step-end; } 47.81% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 76.832% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 87.643% { stroke-dashoffset: -130.705px; stroke-opacity: 0.45; animation-timing-function: step-end; } 87.81% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 96.832% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.4, 0, 0.72, 0.403); } 100% { stroke-dashoffset: -12.048px; stroke-opacity: 0.45; animation-timing-function: linear; } }
@keyframes fx-hrs1-3 { 0% { stroke-dashoffset: -12.048px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.329, 0.343, 0.529, 1); } 7.643% { stroke-dashoffset: -130.705px; stroke-opacity: 0.45; animation-timing-function: step-end; } 7.81% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 36.832% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 47.643% { stroke-dashoffset: -130.705px; stroke-opacity: 0.45; animation-timing-function: step-end; } 47.81% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 76.832% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 87.643% { stroke-dashoffset: -130.705px; stroke-opacity: 0.45; animation-timing-function: step-end; } 87.81% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 96.832% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.4, 0, 0.72, 0.403); } 100% { stroke-dashoffset: -12.048px; stroke-opacity: 0.45; animation-timing-function: linear; } }
.js.settled .diagram .fx-hrs1-4 { animation-name: fx-hrs1-4-first, fx-hrs1-4; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hrs1-4-first { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: linear; } 36.832% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 47.643% { stroke-dashoffset: -139.695px; stroke-opacity: 1; animation-timing-function: step-end; } 47.81% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 76.832% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 87.643% { stroke-dashoffset: -139.695px; stroke-opacity: 1; animation-timing-function: step-end; } 87.81% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 96.832% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.4, 0, 0.72, 0.403); } 100% { stroke-dashoffset: -21.038px; stroke-opacity: 1; animation-timing-function: linear; } }
@keyframes fx-hrs1-4 { 0% { stroke-dashoffset: -21.038px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.329, 0.343, 0.529, 1); } 7.643% { stroke-dashoffset: -139.695px; stroke-opacity: 1; animation-timing-function: step-end; } 7.81% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 36.832% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 47.643% { stroke-dashoffset: -139.695px; stroke-opacity: 1; animation-timing-function: step-end; } 47.81% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 76.832% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 87.643% { stroke-dashoffset: -139.695px; stroke-opacity: 1; animation-timing-function: step-end; } 87.81% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 96.832% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.4, 0, 0.72, 0.403); } 100% { stroke-dashoffset: -21.038px; stroke-opacity: 1; animation-timing-function: linear; } }
.js.settled .diagram .fx-hst-0 { animation-name: fx-hst-0-first, fx-hst-0; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hst-0-first { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.117; animation-timing-function: linear; } 27.869% { stroke-dashoffset: 3.01px; stroke-opacity: 0.117; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 34.081% { stroke-dashoffset: -78.99px; stroke-opacity: 0.117; animation-timing-function: step-end; } 34.248% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 46.882% { stroke-dashoffset: 3.01px; stroke-opacity: 0.117; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 53.094% { stroke-dashoffset: -78.99px; stroke-opacity: 0.117; animation-timing-function: step-end; } 53.26% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 67.869% { stroke-dashoffset: 3.01px; stroke-opacity: 0.117; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 74.081% { stroke-dashoffset: -78.99px; stroke-opacity: 0.117; animation-timing-function: step-end; } 74.248% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 86.882% { stroke-dashoffset: 3.01px; stroke-opacity: 0.117; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 93.094% { stroke-dashoffset: -78.99px; stroke-opacity: 0.117; animation-timing-function: step-end; } 93.26% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0.058; animation-timing-function: linear; } }
@keyframes fx-hst-0 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.058; animation-timing-function: linear; } 6.882% { stroke-dashoffset: 3.01px; stroke-opacity: 0.117; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 13.094% { stroke-dashoffset: -78.99px; stroke-opacity: 0.117; animation-timing-function: step-end; } 13.26% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 27.869% { stroke-dashoffset: 3.01px; stroke-opacity: 0.117; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 34.081% { stroke-dashoffset: -78.99px; stroke-opacity: 0.117; animation-timing-function: step-end; } 34.248% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 46.882% { stroke-dashoffset: 3.01px; stroke-opacity: 0.117; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 53.094% { stroke-dashoffset: -78.99px; stroke-opacity: 0.117; animation-timing-function: step-end; } 53.26% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 67.869% { stroke-dashoffset: 3.01px; stroke-opacity: 0.117; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 74.081% { stroke-dashoffset: -78.99px; stroke-opacity: 0.117; animation-timing-function: step-end; } 74.248% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 86.882% { stroke-dashoffset: 3.01px; stroke-opacity: 0.117; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 93.094% { stroke-dashoffset: -78.99px; stroke-opacity: 0.117; animation-timing-function: step-end; } 93.26% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0.058; animation-timing-function: linear; } }
.js.settled .diagram .fx-hst-1 { animation-name: fx-hst-1-first, fx-hst-1; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hst-1-first { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.198; animation-timing-function: linear; } 27.869% { stroke-dashoffset: 27px; stroke-opacity: 0.198; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 34.081% { stroke-dashoffset: -55px; stroke-opacity: 0.198; animation-timing-function: step-end; } 34.248% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 46.882% { stroke-dashoffset: 27px; stroke-opacity: 0.198; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 53.094% { stroke-dashoffset: -55px; stroke-opacity: 0.198; animation-timing-function: step-end; } 53.26% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 67.869% { stroke-dashoffset: 27px; stroke-opacity: 0.198; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 74.081% { stroke-dashoffset: -55px; stroke-opacity: 0.198; animation-timing-function: step-end; } 74.248% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 86.882% { stroke-dashoffset: 27px; stroke-opacity: 0.198; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 93.094% { stroke-dashoffset: -55px; stroke-opacity: 0.198; animation-timing-function: step-end; } 93.26% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 27px; stroke-opacity: 0.098; animation-timing-function: linear; } }
@keyframes fx-hst-1 { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.098; animation-timing-function: linear; } 6.882% { stroke-dashoffset: 27px; stroke-opacity: 0.198; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 13.094% { stroke-dashoffset: -55px; stroke-opacity: 0.198; animation-timing-function: step-end; } 13.26% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 27.869% { stroke-dashoffset: 27px; stroke-opacity: 0.198; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 34.081% { stroke-dashoffset: -55px; stroke-opacity: 0.198; animation-timing-function: step-end; } 34.248% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 46.882% { stroke-dashoffset: 27px; stroke-opacity: 0.198; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 53.094% { stroke-dashoffset: -55px; stroke-opacity: 0.198; animation-timing-function: step-end; } 53.26% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 67.869% { stroke-dashoffset: 27px; stroke-opacity: 0.198; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 74.081% { stroke-dashoffset: -55px; stroke-opacity: 0.198; animation-timing-function: step-end; } 74.248% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 86.882% { stroke-dashoffset: 27px; stroke-opacity: 0.198; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 93.094% { stroke-dashoffset: -55px; stroke-opacity: 0.198; animation-timing-function: step-end; } 93.26% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 27px; stroke-opacity: 0.098; animation-timing-function: linear; } }
.js.settled .diagram .fx-hst-2 { animation-name: fx-hst-2-first, fx-hst-2; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hst-2-first { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.27; animation-timing-function: linear; } 27.869% { stroke-dashoffset: 19px; stroke-opacity: 0.27; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 34.081% { stroke-dashoffset: -63px; stroke-opacity: 0.27; animation-timing-function: step-end; } 34.248% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 46.882% { stroke-dashoffset: 19px; stroke-opacity: 0.27; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 53.094% { stroke-dashoffset: -63px; stroke-opacity: 0.27; animation-timing-function: step-end; } 53.26% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 67.869% { stroke-dashoffset: 19px; stroke-opacity: 0.27; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 74.081% { stroke-dashoffset: -63px; stroke-opacity: 0.27; animation-timing-function: step-end; } 74.248% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 86.882% { stroke-dashoffset: 19px; stroke-opacity: 0.27; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 93.094% { stroke-dashoffset: -63px; stroke-opacity: 0.27; animation-timing-function: step-end; } 93.26% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 19px; stroke-opacity: 0.134; animation-timing-function: linear; } }
@keyframes fx-hst-2 { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.134; animation-timing-function: linear; } 6.882% { stroke-dashoffset: 19px; stroke-opacity: 0.27; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 13.094% { stroke-dashoffset: -63px; stroke-opacity: 0.27; animation-timing-function: step-end; } 13.26% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 27.869% { stroke-dashoffset: 19px; stroke-opacity: 0.27; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 34.081% { stroke-dashoffset: -63px; stroke-opacity: 0.27; animation-timing-function: step-end; } 34.248% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 46.882% { stroke-dashoffset: 19px; stroke-opacity: 0.27; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 53.094% { stroke-dashoffset: -63px; stroke-opacity: 0.27; animation-timing-function: step-end; } 53.26% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 67.869% { stroke-dashoffset: 19px; stroke-opacity: 0.27; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 74.081% { stroke-dashoffset: -63px; stroke-opacity: 0.27; animation-timing-function: step-end; } 74.248% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 86.882% { stroke-dashoffset: 19px; stroke-opacity: 0.27; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 93.094% { stroke-dashoffset: -63px; stroke-opacity: 0.27; animation-timing-function: step-end; } 93.26% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 19px; stroke-opacity: 0.134; animation-timing-function: linear; } }
.js.settled .diagram .fx-hst-3 { animation-name: fx-hst-3-first, fx-hst-3; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hst-3-first { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.405; animation-timing-function: linear; } 27.869% { stroke-dashoffset: 12px; stroke-opacity: 0.405; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 34.081% { stroke-dashoffset: -70px; stroke-opacity: 0.405; animation-timing-function: step-end; } 34.248% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 46.882% { stroke-dashoffset: 12px; stroke-opacity: 0.405; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 53.094% { stroke-dashoffset: -70px; stroke-opacity: 0.405; animation-timing-function: step-end; } 53.26% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 67.869% { stroke-dashoffset: 12px; stroke-opacity: 0.405; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 74.081% { stroke-dashoffset: -70px; stroke-opacity: 0.405; animation-timing-function: step-end; } 74.248% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 86.882% { stroke-dashoffset: 12px; stroke-opacity: 0.405; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 93.094% { stroke-dashoffset: -70px; stroke-opacity: 0.405; animation-timing-function: step-end; } 93.26% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 12px; stroke-opacity: 0.2; animation-timing-function: linear; } }
@keyframes fx-hst-3 { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.2; animation-timing-function: linear; } 6.882% { stroke-dashoffset: 12px; stroke-opacity: 0.405; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 13.094% { stroke-dashoffset: -70px; stroke-opacity: 0.405; animation-timing-function: step-end; } 13.26% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 27.869% { stroke-dashoffset: 12px; stroke-opacity: 0.405; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 34.081% { stroke-dashoffset: -70px; stroke-opacity: 0.405; animation-timing-function: step-end; } 34.248% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 46.882% { stroke-dashoffset: 12px; stroke-opacity: 0.405; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 53.094% { stroke-dashoffset: -70px; stroke-opacity: 0.405; animation-timing-function: step-end; } 53.26% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 67.869% { stroke-dashoffset: 12px; stroke-opacity: 0.405; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 74.081% { stroke-dashoffset: -70px; stroke-opacity: 0.405; animation-timing-function: step-end; } 74.248% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 86.882% { stroke-dashoffset: 12px; stroke-opacity: 0.405; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 93.094% { stroke-dashoffset: -70px; stroke-opacity: 0.405; animation-timing-function: step-end; } 93.26% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 12px; stroke-opacity: 0.2; animation-timing-function: linear; } }
.js.settled .diagram .fx-hst-4 { animation-name: fx-hst-4-first, fx-hst-4; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hst-4-first { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.9; animation-timing-function: linear; } 27.869% { stroke-dashoffset: 3.01px; stroke-opacity: 0.9; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 34.081% { stroke-dashoffset: -78.99px; stroke-opacity: 0.9; animation-timing-function: step-end; } 34.248% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 46.882% { stroke-dashoffset: 3.01px; stroke-opacity: 0.9; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 53.094% { stroke-dashoffset: -78.99px; stroke-opacity: 0.9; animation-timing-function: step-end; } 53.26% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 67.869% { stroke-dashoffset: 3.01px; stroke-opacity: 0.9; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 74.081% { stroke-dashoffset: -78.99px; stroke-opacity: 0.9; animation-timing-function: step-end; } 74.248% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 86.882% { stroke-dashoffset: 3.01px; stroke-opacity: 0.9; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 93.094% { stroke-dashoffset: -78.99px; stroke-opacity: 0.9; animation-timing-function: step-end; } 93.26% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0.445; animation-timing-function: linear; } }
@keyframes fx-hst-4 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.445; animation-timing-function: linear; } 6.882% { stroke-dashoffset: 3.01px; stroke-opacity: 0.9; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 13.094% { stroke-dashoffset: -78.99px; stroke-opacity: 0.9; animation-timing-function: step-end; } 13.26% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 27.869% { stroke-dashoffset: 3.01px; stroke-opacity: 0.9; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 34.081% { stroke-dashoffset: -78.99px; stroke-opacity: 0.9; animation-timing-function: step-end; } 34.248% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 46.882% { stroke-dashoffset: 3.01px; stroke-opacity: 0.9; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 53.094% { stroke-dashoffset: -78.99px; stroke-opacity: 0.9; animation-timing-function: step-end; } 53.26% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 67.869% { stroke-dashoffset: 3.01px; stroke-opacity: 0.9; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 74.081% { stroke-dashoffset: -78.99px; stroke-opacity: 0.9; animation-timing-function: step-end; } 74.248% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 86.882% { stroke-dashoffset: 3.01px; stroke-opacity: 0.9; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 93.094% { stroke-dashoffset: -78.99px; stroke-opacity: 0.9; animation-timing-function: step-end; } 93.26% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0.445; animation-timing-function: linear; } }
.js.settled .diagram .fx-hsf-0 { animation-name: fx-hsf-0-first, fx-hsf-0; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hsf-0-first { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: linear; } 29.536% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 35.748% { stroke-dashoffset: -78.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 35.914% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 48.548% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 54.76% { stroke-dashoffset: -78.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 54.927% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 69.536% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 75.748% { stroke-dashoffset: -78.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 75.914% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 88.548% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 94.76% { stroke-dashoffset: -78.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 94.927% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0.048; animation-timing-function: linear; } }
@keyframes fx-hsf-0 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.048; animation-timing-function: linear; } 8.548% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 14.76% { stroke-dashoffset: -78.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 14.927% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 29.536% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 35.748% { stroke-dashoffset: -78.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 35.914% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 48.548% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 54.76% { stroke-dashoffset: -78.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 54.927% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 69.536% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 75.748% { stroke-dashoffset: -78.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 75.914% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 88.548% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 94.76% { stroke-dashoffset: -78.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 94.927% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0.048; animation-timing-function: linear; } }
.js.settled .diagram .fx-hsf-1 { animation-name: fx-hsf-1-first, fx-hsf-1; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hsf-1-first { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: linear; } 29.536% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 35.748% { stroke-dashoffset: -55px; stroke-opacity: 0.22; animation-timing-function: step-end; } 35.914% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 48.548% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 54.76% { stroke-dashoffset: -55px; stroke-opacity: 0.22; animation-timing-function: step-end; } 54.927% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 69.536% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 75.748% { stroke-dashoffset: -55px; stroke-opacity: 0.22; animation-timing-function: step-end; } 75.914% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 88.548% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 94.76% { stroke-dashoffset: -55px; stroke-opacity: 0.22; animation-timing-function: step-end; } 94.927% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 27px; stroke-opacity: 0.082; animation-timing-function: linear; } }
@keyframes fx-hsf-1 { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.082; animation-timing-function: linear; } 8.548% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 14.76% { stroke-dashoffset: -55px; stroke-opacity: 0.22; animation-timing-function: step-end; } 14.927% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 29.536% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 35.748% { stroke-dashoffset: -55px; stroke-opacity: 0.22; animation-timing-function: step-end; } 35.914% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 48.548% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 54.76% { stroke-dashoffset: -55px; stroke-opacity: 0.22; animation-timing-function: step-end; } 54.927% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 69.536% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 75.748% { stroke-dashoffset: -55px; stroke-opacity: 0.22; animation-timing-function: step-end; } 75.914% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 88.548% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 94.76% { stroke-dashoffset: -55px; stroke-opacity: 0.22; animation-timing-function: step-end; } 94.927% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 27px; stroke-opacity: 0.082; animation-timing-function: linear; } }
.js.settled .diagram .fx-hsf-2 { animation-name: fx-hsf-2-first, fx-hsf-2; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hsf-2-first { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: linear; } 29.536% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 35.748% { stroke-dashoffset: -63px; stroke-opacity: 0.3; animation-timing-function: step-end; } 35.914% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 48.548% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 54.76% { stroke-dashoffset: -63px; stroke-opacity: 0.3; animation-timing-function: step-end; } 54.927% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 69.536% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 75.748% { stroke-dashoffset: -63px; stroke-opacity: 0.3; animation-timing-function: step-end; } 75.914% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 88.548% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 94.76% { stroke-dashoffset: -63px; stroke-opacity: 0.3; animation-timing-function: step-end; } 94.927% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 19px; stroke-opacity: 0.112; animation-timing-function: linear; } }
@keyframes fx-hsf-2 { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.112; animation-timing-function: linear; } 8.548% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 14.76% { stroke-dashoffset: -63px; stroke-opacity: 0.3; animation-timing-function: step-end; } 14.927% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 29.536% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 35.748% { stroke-dashoffset: -63px; stroke-opacity: 0.3; animation-timing-function: step-end; } 35.914% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 48.548% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 54.76% { stroke-dashoffset: -63px; stroke-opacity: 0.3; animation-timing-function: step-end; } 54.927% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 69.536% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 75.748% { stroke-dashoffset: -63px; stroke-opacity: 0.3; animation-timing-function: step-end; } 75.914% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 88.548% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 94.76% { stroke-dashoffset: -63px; stroke-opacity: 0.3; animation-timing-function: step-end; } 94.927% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 19px; stroke-opacity: 0.112; animation-timing-function: linear; } }
.js.settled .diagram .fx-hsf-3 { animation-name: fx-hsf-3-first, fx-hsf-3; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hsf-3-first { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: linear; } 29.536% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 35.748% { stroke-dashoffset: -70px; stroke-opacity: 0.45; animation-timing-function: step-end; } 35.914% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 48.548% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 54.76% { stroke-dashoffset: -70px; stroke-opacity: 0.45; animation-timing-function: step-end; } 54.927% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 69.536% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 75.748% { stroke-dashoffset: -70px; stroke-opacity: 0.45; animation-timing-function: step-end; } 75.914% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 88.548% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 94.76% { stroke-dashoffset: -70px; stroke-opacity: 0.45; animation-timing-function: step-end; } 94.927% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 12px; stroke-opacity: 0.168; animation-timing-function: linear; } }
@keyframes fx-hsf-3 { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.168; animation-timing-function: linear; } 8.548% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 14.76% { stroke-dashoffset: -70px; stroke-opacity: 0.45; animation-timing-function: step-end; } 14.927% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 29.536% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 35.748% { stroke-dashoffset: -70px; stroke-opacity: 0.45; animation-timing-function: step-end; } 35.914% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 48.548% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 54.76% { stroke-dashoffset: -70px; stroke-opacity: 0.45; animation-timing-function: step-end; } 54.927% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 69.536% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 75.748% { stroke-dashoffset: -70px; stroke-opacity: 0.45; animation-timing-function: step-end; } 75.914% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 88.548% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 94.76% { stroke-dashoffset: -70px; stroke-opacity: 0.45; animation-timing-function: step-end; } 94.927% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 12px; stroke-opacity: 0.168; animation-timing-function: linear; } }
.js.settled .diagram .fx-hsf-4 { animation-name: fx-hsf-4-first, fx-hsf-4; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hsf-4-first { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: linear; } 29.536% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 35.748% { stroke-dashoffset: -78.99px; stroke-opacity: 1; animation-timing-function: step-end; } 35.914% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 48.548% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 54.76% { stroke-dashoffset: -78.99px; stroke-opacity: 1; animation-timing-function: step-end; } 54.927% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 69.536% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 75.748% { stroke-dashoffset: -78.99px; stroke-opacity: 1; animation-timing-function: step-end; } 75.914% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 88.548% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 94.76% { stroke-dashoffset: -78.99px; stroke-opacity: 1; animation-timing-function: step-end; } 94.927% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0.372; animation-timing-function: linear; } }
@keyframes fx-hsf-4 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.372; animation-timing-function: linear; } 8.548% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 14.76% { stroke-dashoffset: -78.99px; stroke-opacity: 1; animation-timing-function: step-end; } 14.927% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 29.536% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 35.748% { stroke-dashoffset: -78.99px; stroke-opacity: 1; animation-timing-function: step-end; } 35.914% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 48.548% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 54.76% { stroke-dashoffset: -78.99px; stroke-opacity: 1; animation-timing-function: step-end; } 54.927% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 69.536% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 75.748% { stroke-dashoffset: -78.99px; stroke-opacity: 1; animation-timing-function: step-end; } 75.914% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 88.548% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 94.76% { stroke-dashoffset: -78.99px; stroke-opacity: 1; animation-timing-function: step-end; } 94.927% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0.372; animation-timing-function: linear; } }
.js.settled .diagram .fx-hvf-0 { animation-name: fx-hvf-0-first, fx-hvf-0; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hvf-0-first { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.123; animation-timing-function: linear; } 54.491% { stroke-dashoffset: 3.01px; stroke-opacity: 0.123; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 64.491% { stroke-dashoffset: -128.99px; stroke-opacity: 0.123; animation-timing-function: step-end; } 64.657% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 94.491% { stroke-dashoffset: 3.01px; stroke-opacity: 0.123; animation-timing-function: cubic-bezier(0.459, 0, 0.717, 0.533); } 100% { stroke-dashoffset: -75.111px; stroke-opacity: 0.123; animation-timing-function: linear; } }
@keyframes fx-hvf-0 { 0% { stroke-dashoffset: -75.111px; stroke-opacity: 0.123; animation-timing-function: cubic-bezier(0.271, 0.529, 0.561, 1); } 4.491% { stroke-dashoffset: -128.99px; stroke-opacity: 0.123; animation-timing-function: step-end; } 4.657% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 54.491% { stroke-dashoffset: 3.01px; stroke-opacity: 0.123; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 64.491% { stroke-dashoffset: -128.99px; stroke-opacity: 0.123; animation-timing-function: step-end; } 64.657% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 94.491% { stroke-dashoffset: 3.01px; stroke-opacity: 0.123; animation-timing-function: cubic-bezier(0.459, 0, 0.717, 0.533); } 100% { stroke-dashoffset: -75.111px; stroke-opacity: 0.123; animation-timing-function: linear; } }
.js.settled .diagram .fx-hvf-1 { animation-name: fx-hvf-1-first, fx-hvf-1; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hvf-1-first { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.209; animation-timing-function: linear; } 54.491% { stroke-dashoffset: 27px; stroke-opacity: 0.209; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 64.491% { stroke-dashoffset: -105px; stroke-opacity: 0.209; animation-timing-function: step-end; } 64.657% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 94.491% { stroke-dashoffset: 27px; stroke-opacity: 0.209; animation-timing-function: cubic-bezier(0.459, 0, 0.717, 0.533); } 100% { stroke-dashoffset: -51.121px; stroke-opacity: 0.209; animation-timing-function: linear; } }
@keyframes fx-hvf-1 { 0% { stroke-dashoffset: -51.121px; stroke-opacity: 0.209; animation-timing-function: cubic-bezier(0.271, 0.529, 0.561, 1); } 4.491% { stroke-dashoffset: -105px; stroke-opacity: 0.209; animation-timing-function: step-end; } 4.657% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 54.491% { stroke-dashoffset: 27px; stroke-opacity: 0.209; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 64.491% { stroke-dashoffset: -105px; stroke-opacity: 0.209; animation-timing-function: step-end; } 64.657% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 94.491% { stroke-dashoffset: 27px; stroke-opacity: 0.209; animation-timing-function: cubic-bezier(0.459, 0, 0.717, 0.533); } 100% { stroke-dashoffset: -51.121px; stroke-opacity: 0.209; animation-timing-function: linear; } }
.js.settled .diagram .fx-hvf-2 { animation-name: fx-hvf-2-first, fx-hvf-2; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hvf-2-first { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.285; animation-timing-function: linear; } 54.491% { stroke-dashoffset: 19px; stroke-opacity: 0.285; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 64.491% { stroke-dashoffset: -113px; stroke-opacity: 0.285; animation-timing-function: step-end; } 64.657% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 94.491% { stroke-dashoffset: 19px; stroke-opacity: 0.285; animation-timing-function: cubic-bezier(0.459, 0, 0.717, 0.533); } 100% { stroke-dashoffset: -59.121px; stroke-opacity: 0.285; animation-timing-function: linear; } }
@keyframes fx-hvf-2 { 0% { stroke-dashoffset: -59.121px; stroke-opacity: 0.285; animation-timing-function: cubic-bezier(0.271, 0.529, 0.561, 1); } 4.491% { stroke-dashoffset: -113px; stroke-opacity: 0.285; animation-timing-function: step-end; } 4.657% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 54.491% { stroke-dashoffset: 19px; stroke-opacity: 0.285; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 64.491% { stroke-dashoffset: -113px; stroke-opacity: 0.285; animation-timing-function: step-end; } 64.657% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 94.491% { stroke-dashoffset: 19px; stroke-opacity: 0.285; animation-timing-function: cubic-bezier(0.459, 0, 0.717, 0.533); } 100% { stroke-dashoffset: -59.121px; stroke-opacity: 0.285; animation-timing-function: linear; } }
.js.settled .diagram .fx-hvf-3 { animation-name: fx-hvf-3-first, fx-hvf-3; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hvf-3-first { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.427; animation-timing-function: linear; } 54.491% { stroke-dashoffset: 12px; stroke-opacity: 0.427; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 64.491% { stroke-dashoffset: -120px; stroke-opacity: 0.427; animation-timing-function: step-end; } 64.657% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 94.491% { stroke-dashoffset: 12px; stroke-opacity: 0.427; animation-timing-function: cubic-bezier(0.459, 0, 0.717, 0.533); } 100% { stroke-dashoffset: -66.121px; stroke-opacity: 0.427; animation-timing-function: linear; } }
@keyframes fx-hvf-3 { 0% { stroke-dashoffset: -66.121px; stroke-opacity: 0.427; animation-timing-function: cubic-bezier(0.271, 0.529, 0.561, 1); } 4.491% { stroke-dashoffset: -120px; stroke-opacity: 0.427; animation-timing-function: step-end; } 4.657% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 54.491% { stroke-dashoffset: 12px; stroke-opacity: 0.427; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 64.491% { stroke-dashoffset: -120px; stroke-opacity: 0.427; animation-timing-function: step-end; } 64.657% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 94.491% { stroke-dashoffset: 12px; stroke-opacity: 0.427; animation-timing-function: cubic-bezier(0.459, 0, 0.717, 0.533); } 100% { stroke-dashoffset: -66.121px; stroke-opacity: 0.427; animation-timing-function: linear; } }
.js.settled .diagram .fx-hvf-4 { animation-name: fx-hvf-4-first, fx-hvf-4; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hvf-4-first { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.95; animation-timing-function: linear; } 54.491% { stroke-dashoffset: 3.01px; stroke-opacity: 0.95; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 64.491% { stroke-dashoffset: -128.99px; stroke-opacity: 0.95; animation-timing-function: step-end; } 64.657% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 94.491% { stroke-dashoffset: 3.01px; stroke-opacity: 0.95; animation-timing-function: cubic-bezier(0.459, 0, 0.717, 0.533); } 100% { stroke-dashoffset: -75.111px; stroke-opacity: 0.95; animation-timing-function: linear; } }
@keyframes fx-hvf-4 { 0% { stroke-dashoffset: -75.111px; stroke-opacity: 0.95; animation-timing-function: cubic-bezier(0.271, 0.529, 0.561, 1); } 4.491% { stroke-dashoffset: -128.99px; stroke-opacity: 0.95; animation-timing-function: step-end; } 4.657% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 54.491% { stroke-dashoffset: 3.01px; stroke-opacity: 0.95; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 64.491% { stroke-dashoffset: -128.99px; stroke-opacity: 0.95; animation-timing-function: step-end; } 64.657% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 94.491% { stroke-dashoffset: 3.01px; stroke-opacity: 0.95; animation-timing-function: cubic-bezier(0.459, 0, 0.717, 0.533); } 100% { stroke-dashoffset: -75.111px; stroke-opacity: 0.95; animation-timing-function: linear; } }
.js.settled .diagram .fx-hfa-0 { animation-name: fx-hfa-0-first, fx-hfa-0; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hfa-0-first { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: linear; } 63.46% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 76.49% { stroke-dashoffset: -168.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 76.657% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0.113; animation-timing-function: linear; } }
@keyframes fx-hfa-0 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.113; animation-timing-function: linear; } 3.46% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 16.49% { stroke-dashoffset: -168.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 16.657% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 63.46% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 76.49% { stroke-dashoffset: -168.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 76.657% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0.113; animation-timing-function: linear; } }
.js.settled .diagram .fx-hfa-1 { animation-name: fx-hfa-1-first, fx-hfa-1; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hfa-1-first { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: linear; } 63.46% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 76.49% { stroke-dashoffset: -145px; stroke-opacity: 0.22; animation-timing-function: step-end; } 76.657% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 27px; stroke-opacity: 0.192; animation-timing-function: linear; } }
@keyframes fx-hfa-1 { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.192; animation-timing-function: linear; } 3.46% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 16.49% { stroke-dashoffset: -145px; stroke-opacity: 0.22; animation-timing-function: step-end; } 16.657% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 63.46% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 76.49% { stroke-dashoffset: -145px; stroke-opacity: 0.22; animation-timing-function: step-end; } 76.657% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 27px; stroke-opacity: 0.192; animation-timing-function: linear; } }
.js.settled .diagram .fx-hfa-2 { animation-name: fx-hfa-2-first, fx-hfa-2; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hfa-2-first { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: linear; } 63.46% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 76.49% { stroke-dashoffset: -153px; stroke-opacity: 0.3; animation-timing-function: step-end; } 76.657% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 19px; stroke-opacity: 0.261; animation-timing-function: linear; } }
@keyframes fx-hfa-2 { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.261; animation-timing-function: linear; } 3.46% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 16.49% { stroke-dashoffset: -153px; stroke-opacity: 0.3; animation-timing-function: step-end; } 16.657% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 63.46% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 76.49% { stroke-dashoffset: -153px; stroke-opacity: 0.3; animation-timing-function: step-end; } 76.657% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 19px; stroke-opacity: 0.261; animation-timing-function: linear; } }
.js.settled .diagram .fx-hfa-3 { animation-name: fx-hfa-3-first, fx-hfa-3; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hfa-3-first { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: linear; } 63.46% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 76.49% { stroke-dashoffset: -160px; stroke-opacity: 0.45; animation-timing-function: step-end; } 76.657% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 12px; stroke-opacity: 0.392; animation-timing-function: linear; } }
@keyframes fx-hfa-3 { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.392; animation-timing-function: linear; } 3.46% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 16.49% { stroke-dashoffset: -160px; stroke-opacity: 0.45; animation-timing-function: step-end; } 16.657% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 63.46% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 76.49% { stroke-dashoffset: -160px; stroke-opacity: 0.45; animation-timing-function: step-end; } 76.657% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 12px; stroke-opacity: 0.392; animation-timing-function: linear; } }
.js.settled .diagram .fx-hfa-4 { animation-name: fx-hfa-4-first, fx-hfa-4; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hfa-4-first { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: linear; } 63.46% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 76.49% { stroke-dashoffset: -168.99px; stroke-opacity: 1; animation-timing-function: step-end; } 76.657% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0.871; animation-timing-function: linear; } }
@keyframes fx-hfa-4 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.871; animation-timing-function: linear; } 3.46% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 16.49% { stroke-dashoffset: -168.99px; stroke-opacity: 1; animation-timing-function: step-end; } 16.657% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 63.46% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 76.49% { stroke-dashoffset: -168.99px; stroke-opacity: 1; animation-timing-function: step-end; } 76.657% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0.871; animation-timing-function: linear; } }
.js.settled .diagram .fx-hfi-0 { animation-name: fx-hfi-0-first, fx-hfi-0; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hfi-0-first { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: linear; } 35.895% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 45.592% { stroke-dashoffset: -124.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 45.758% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 75.895% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 85.592% { stroke-dashoffset: -124.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 85.758% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0.064; animation-timing-function: linear; } }
@keyframes fx-hfi-0 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.064; animation-timing-function: linear; } 14.907% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 24.604% { stroke-dashoffset: -124.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 24.771% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 35.895% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 45.592% { stroke-dashoffset: -124.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 45.758% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 75.895% { stroke-dashoffset: 3.01px; stroke-opacity: 0.13; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 85.592% { stroke-dashoffset: -124.99px; stroke-opacity: 0.13; animation-timing-function: step-end; } 85.758% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0.064; animation-timing-function: linear; } }
.js.settled .diagram .fx-hfi-1 { animation-name: fx-hfi-1-first, fx-hfi-1; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hfi-1-first { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: linear; } 35.895% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 45.592% { stroke-dashoffset: -101px; stroke-opacity: 0.22; animation-timing-function: step-end; } 45.758% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 75.895% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 85.592% { stroke-dashoffset: -101px; stroke-opacity: 0.22; animation-timing-function: step-end; } 85.758% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 27px; stroke-opacity: 0.107; animation-timing-function: linear; } }
@keyframes fx-hfi-1 { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.107; animation-timing-function: linear; } 14.907% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 24.604% { stroke-dashoffset: -101px; stroke-opacity: 0.22; animation-timing-function: step-end; } 24.771% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 35.895% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 45.592% { stroke-dashoffset: -101px; stroke-opacity: 0.22; animation-timing-function: step-end; } 45.758% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 75.895% { stroke-dashoffset: 27px; stroke-opacity: 0.22; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 85.592% { stroke-dashoffset: -101px; stroke-opacity: 0.22; animation-timing-function: step-end; } 85.758% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 27px; stroke-opacity: 0.107; animation-timing-function: linear; } }
.js.settled .diagram .fx-hfi-2 { animation-name: fx-hfi-2-first, fx-hfi-2; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hfi-2-first { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: linear; } 35.895% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 45.592% { stroke-dashoffset: -109px; stroke-opacity: 0.3; animation-timing-function: step-end; } 45.758% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 75.895% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 85.592% { stroke-dashoffset: -109px; stroke-opacity: 0.3; animation-timing-function: step-end; } 85.758% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 19px; stroke-opacity: 0.147; animation-timing-function: linear; } }
@keyframes fx-hfi-2 { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.147; animation-timing-function: linear; } 14.907% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 24.604% { stroke-dashoffset: -109px; stroke-opacity: 0.3; animation-timing-function: step-end; } 24.771% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 35.895% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 45.592% { stroke-dashoffset: -109px; stroke-opacity: 0.3; animation-timing-function: step-end; } 45.758% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 75.895% { stroke-dashoffset: 19px; stroke-opacity: 0.3; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 85.592% { stroke-dashoffset: -109px; stroke-opacity: 0.3; animation-timing-function: step-end; } 85.758% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 19px; stroke-opacity: 0.147; animation-timing-function: linear; } }
.js.settled .diagram .fx-hfi-3 { animation-name: fx-hfi-3-first, fx-hfi-3; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hfi-3-first { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: linear; } 35.895% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 45.592% { stroke-dashoffset: -116px; stroke-opacity: 0.45; animation-timing-function: step-end; } 45.758% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 75.895% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 85.592% { stroke-dashoffset: -116px; stroke-opacity: 0.45; animation-timing-function: step-end; } 85.758% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 12px; stroke-opacity: 0.22; animation-timing-function: linear; } }
@keyframes fx-hfi-3 { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.22; animation-timing-function: linear; } 14.907% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 24.604% { stroke-dashoffset: -116px; stroke-opacity: 0.45; animation-timing-function: step-end; } 24.771% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 35.895% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 45.592% { stroke-dashoffset: -116px; stroke-opacity: 0.45; animation-timing-function: step-end; } 45.758% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 75.895% { stroke-dashoffset: 12px; stroke-opacity: 0.45; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 85.592% { stroke-dashoffset: -116px; stroke-opacity: 0.45; animation-timing-function: step-end; } 85.758% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 12px; stroke-opacity: 0.22; animation-timing-function: linear; } }
.js.settled .diagram .fx-hfi-4 { animation-name: fx-hfi-4-first, fx-hfi-4; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hfi-4-first { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: linear; } 35.895% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 45.592% { stroke-dashoffset: -124.99px; stroke-opacity: 1; animation-timing-function: step-end; } 45.758% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 75.895% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 85.592% { stroke-dashoffset: -124.99px; stroke-opacity: 1; animation-timing-function: step-end; } 85.758% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0.489; animation-timing-function: linear; } }
@keyframes fx-hfi-4 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.489; animation-timing-function: linear; } 14.907% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 24.604% { stroke-dashoffset: -124.99px; stroke-opacity: 1; animation-timing-function: step-end; } 24.771% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 35.895% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 45.592% { stroke-dashoffset: -124.99px; stroke-opacity: 1; animation-timing-function: step-end; } 45.758% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 75.895% { stroke-dashoffset: 3.01px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 85.592% { stroke-dashoffset: -124.99px; stroke-opacity: 1; animation-timing-function: step-end; } 85.758% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0.489; animation-timing-function: linear; } }
.js.settled .diagram .fx-hspg-0 { animation-name: fx-hspg-0; animation-duration: 12s; }
@keyframes fx-hspg-0 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.111; animation-timing-function: linear; } 6.963% { stroke-dashoffset: 3.01px; stroke-opacity: 0.111; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 16.963% { stroke-dashoffset: -128.99px; stroke-opacity: 0.111; animation-timing-function: step-end; } 17.129% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 26.963% { stroke-dashoffset: 3.01px; stroke-opacity: 0.111; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 36.963% { stroke-dashoffset: -128.99px; stroke-opacity: 0.111; animation-timing-function: step-end; } 37.129% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 46.963% { stroke-dashoffset: 3.01px; stroke-opacity: 0.111; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 56.963% { stroke-dashoffset: -128.99px; stroke-opacity: 0.111; animation-timing-function: step-end; } 57.129% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 66.963% { stroke-dashoffset: 3.01px; stroke-opacity: 0.111; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 76.963% { stroke-dashoffset: -128.99px; stroke-opacity: 0.111; animation-timing-function: step-end; } 77.129% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 86.963% { stroke-dashoffset: 3.01px; stroke-opacity: 0.111; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 96.963% { stroke-dashoffset: -128.99px; stroke-opacity: 0.111; animation-timing-function: step-end; } 97.129% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hspg-1 { animation-name: fx-hspg-1; animation-duration: 12s; }
@keyframes fx-hspg-1 { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.187; animation-timing-function: linear; } 6.963% { stroke-dashoffset: 27px; stroke-opacity: 0.187; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 16.963% { stroke-dashoffset: -105px; stroke-opacity: 0.187; animation-timing-function: step-end; } 17.129% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 26.963% { stroke-dashoffset: 27px; stroke-opacity: 0.187; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 36.963% { stroke-dashoffset: -105px; stroke-opacity: 0.187; animation-timing-function: step-end; } 37.129% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 46.963% { stroke-dashoffset: 27px; stroke-opacity: 0.187; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 56.963% { stroke-dashoffset: -105px; stroke-opacity: 0.187; animation-timing-function: step-end; } 57.129% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 66.963% { stroke-dashoffset: 27px; stroke-opacity: 0.187; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 76.963% { stroke-dashoffset: -105px; stroke-opacity: 0.187; animation-timing-function: step-end; } 77.129% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 86.963% { stroke-dashoffset: 27px; stroke-opacity: 0.187; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 96.963% { stroke-dashoffset: -105px; stroke-opacity: 0.187; animation-timing-function: step-end; } 97.129% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hspg-2 { animation-name: fx-hspg-2; animation-duration: 12s; }
@keyframes fx-hspg-2 { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.255; animation-timing-function: linear; } 6.963% { stroke-dashoffset: 19px; stroke-opacity: 0.255; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 16.963% { stroke-dashoffset: -113px; stroke-opacity: 0.255; animation-timing-function: step-end; } 17.129% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 26.963% { stroke-dashoffset: 19px; stroke-opacity: 0.255; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 36.963% { stroke-dashoffset: -113px; stroke-opacity: 0.255; animation-timing-function: step-end; } 37.129% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 46.963% { stroke-dashoffset: 19px; stroke-opacity: 0.255; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 56.963% { stroke-dashoffset: -113px; stroke-opacity: 0.255; animation-timing-function: step-end; } 57.129% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 66.963% { stroke-dashoffset: 19px; stroke-opacity: 0.255; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 76.963% { stroke-dashoffset: -113px; stroke-opacity: 0.255; animation-timing-function: step-end; } 77.129% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 86.963% { stroke-dashoffset: 19px; stroke-opacity: 0.255; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 96.963% { stroke-dashoffset: -113px; stroke-opacity: 0.255; animation-timing-function: step-end; } 97.129% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hspg-3 { animation-name: fx-hspg-3; animation-duration: 12s; }
@keyframes fx-hspg-3 { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.383; animation-timing-function: linear; } 6.963% { stroke-dashoffset: 12px; stroke-opacity: 0.383; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 16.963% { stroke-dashoffset: -120px; stroke-opacity: 0.383; animation-timing-function: step-end; } 17.129% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 26.963% { stroke-dashoffset: 12px; stroke-opacity: 0.383; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 36.963% { stroke-dashoffset: -120px; stroke-opacity: 0.383; animation-timing-function: step-end; } 37.129% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 46.963% { stroke-dashoffset: 12px; stroke-opacity: 0.383; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 56.963% { stroke-dashoffset: -120px; stroke-opacity: 0.383; animation-timing-function: step-end; } 57.129% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 66.963% { stroke-dashoffset: 12px; stroke-opacity: 0.383; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 76.963% { stroke-dashoffset: -120px; stroke-opacity: 0.383; animation-timing-function: step-end; } 77.129% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 86.963% { stroke-dashoffset: 12px; stroke-opacity: 0.383; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 96.963% { stroke-dashoffset: -120px; stroke-opacity: 0.383; animation-timing-function: step-end; } 97.129% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hspg-4 { animation-name: fx-hspg-4; animation-duration: 12s; }
@keyframes fx-hspg-4 { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.85; animation-timing-function: linear; } 6.963% { stroke-dashoffset: 3.01px; stroke-opacity: 0.85; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 16.963% { stroke-dashoffset: -128.99px; stroke-opacity: 0.85; animation-timing-function: step-end; } 17.129% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 26.963% { stroke-dashoffset: 3.01px; stroke-opacity: 0.85; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 36.963% { stroke-dashoffset: -128.99px; stroke-opacity: 0.85; animation-timing-function: step-end; } 37.129% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 46.963% { stroke-dashoffset: 3.01px; stroke-opacity: 0.85; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 56.963% { stroke-dashoffset: -128.99px; stroke-opacity: 0.85; animation-timing-function: step-end; } 57.129% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 66.963% { stroke-dashoffset: 3.01px; stroke-opacity: 0.85; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 76.963% { stroke-dashoffset: -128.99px; stroke-opacity: 0.85; animation-timing-function: step-end; } 77.129% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 86.963% { stroke-dashoffset: 3.01px; stroke-opacity: 0.85; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 96.963% { stroke-dashoffset: -128.99px; stroke-opacity: 0.85; animation-timing-function: step-end; } 97.129% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 100% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hspr-0 { animation-name: fx-hspr-0-first, fx-hspr-0; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hspr-0-first { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.111; animation-timing-function: linear; } 14.404% { stroke-dashoffset: 3.01px; stroke-opacity: 0.111; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 20.616% { stroke-dashoffset: -78.99px; stroke-opacity: 0.111; animation-timing-function: step-end; } 20.783% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 33.915% { stroke-dashoffset: 3.01px; stroke-opacity: 0.111; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 40.127% { stroke-dashoffset: -78.99px; stroke-opacity: 0.111; animation-timing-function: step-end; } 40.294% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 54.404% { stroke-dashoffset: 3.01px; stroke-opacity: 0.111; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 60.616% { stroke-dashoffset: -78.99px; stroke-opacity: 0.111; animation-timing-function: step-end; } 60.783% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 73.915% { stroke-dashoffset: 3.01px; stroke-opacity: 0.111; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 80.127% { stroke-dashoffset: -78.99px; stroke-opacity: 0.111; animation-timing-function: step-end; } 80.294% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 93.915% { stroke-dashoffset: 3.01px; stroke-opacity: 0.111; animation-timing-function: cubic-bezier(0.452, 0, 0.558, 0.97); } 100% { stroke-dashoffset: -78.932px; stroke-opacity: 0.111; animation-timing-function: linear; } }
@keyframes fx-hspr-0 { 0% { stroke-dashoffset: -78.932px; stroke-opacity: 0.111; animation-timing-function: cubic-bezier(0.329, 0.663, 0.663, 1); } 0.127% { stroke-dashoffset: -78.99px; stroke-opacity: 0.111; animation-timing-function: step-end; } 0.294% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 14.404% { stroke-dashoffset: 3.01px; stroke-opacity: 0.111; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 20.616% { stroke-dashoffset: -78.99px; stroke-opacity: 0.111; animation-timing-function: step-end; } 20.783% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 33.915% { stroke-dashoffset: 3.01px; stroke-opacity: 0.111; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 40.127% { stroke-dashoffset: -78.99px; stroke-opacity: 0.111; animation-timing-function: step-end; } 40.294% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 54.404% { stroke-dashoffset: 3.01px; stroke-opacity: 0.111; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 60.616% { stroke-dashoffset: -78.99px; stroke-opacity: 0.111; animation-timing-function: step-end; } 60.783% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 73.915% { stroke-dashoffset: 3.01px; stroke-opacity: 0.111; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 80.127% { stroke-dashoffset: -78.99px; stroke-opacity: 0.111; animation-timing-function: step-end; } 80.294% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 93.915% { stroke-dashoffset: 3.01px; stroke-opacity: 0.111; animation-timing-function: cubic-bezier(0.452, 0, 0.558, 0.97); } 100% { stroke-dashoffset: -78.932px; stroke-opacity: 0.111; animation-timing-function: linear; } }
.js.settled .diagram .fx-hspr-1 { animation-name: fx-hspr-1-first, fx-hspr-1; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hspr-1-first { 0% { stroke-dashoffset: 27px; stroke-opacity: 0.187; animation-timing-function: linear; } 14.404% { stroke-dashoffset: 27px; stroke-opacity: 0.187; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 20.616% { stroke-dashoffset: -55px; stroke-opacity: 0.187; animation-timing-function: step-end; } 20.783% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 33.915% { stroke-dashoffset: 27px; stroke-opacity: 0.187; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 40.127% { stroke-dashoffset: -55px; stroke-opacity: 0.187; animation-timing-function: step-end; } 40.294% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 54.404% { stroke-dashoffset: 27px; stroke-opacity: 0.187; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 60.616% { stroke-dashoffset: -55px; stroke-opacity: 0.187; animation-timing-function: step-end; } 60.783% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 73.915% { stroke-dashoffset: 27px; stroke-opacity: 0.187; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 80.127% { stroke-dashoffset: -55px; stroke-opacity: 0.187; animation-timing-function: step-end; } 80.294% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 93.915% { stroke-dashoffset: 27px; stroke-opacity: 0.187; animation-timing-function: cubic-bezier(0.452, 0, 0.558, 0.97); } 100% { stroke-dashoffset: -54.942px; stroke-opacity: 0.187; animation-timing-function: linear; } }
@keyframes fx-hspr-1 { 0% { stroke-dashoffset: -54.942px; stroke-opacity: 0.187; animation-timing-function: cubic-bezier(0.329, 0.663, 0.663, 1); } 0.127% { stroke-dashoffset: -55px; stroke-opacity: 0.187; animation-timing-function: step-end; } 0.294% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 14.404% { stroke-dashoffset: 27px; stroke-opacity: 0.187; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 20.616% { stroke-dashoffset: -55px; stroke-opacity: 0.187; animation-timing-function: step-end; } 20.783% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 33.915% { stroke-dashoffset: 27px; stroke-opacity: 0.187; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 40.127% { stroke-dashoffset: -55px; stroke-opacity: 0.187; animation-timing-function: step-end; } 40.294% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 54.404% { stroke-dashoffset: 27px; stroke-opacity: 0.187; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 60.616% { stroke-dashoffset: -55px; stroke-opacity: 0.187; animation-timing-function: step-end; } 60.783% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 73.915% { stroke-dashoffset: 27px; stroke-opacity: 0.187; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 80.127% { stroke-dashoffset: -55px; stroke-opacity: 0.187; animation-timing-function: step-end; } 80.294% { stroke-dashoffset: 27px; stroke-opacity: 0; animation-timing-function: linear; } 93.915% { stroke-dashoffset: 27px; stroke-opacity: 0.187; animation-timing-function: cubic-bezier(0.452, 0, 0.558, 0.97); } 100% { stroke-dashoffset: -54.942px; stroke-opacity: 0.187; animation-timing-function: linear; } }
.js.settled .diagram .fx-hspr-2 { animation-name: fx-hspr-2-first, fx-hspr-2; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hspr-2-first { 0% { stroke-dashoffset: 19px; stroke-opacity: 0.255; animation-timing-function: linear; } 14.404% { stroke-dashoffset: 19px; stroke-opacity: 0.255; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 20.616% { stroke-dashoffset: -63px; stroke-opacity: 0.255; animation-timing-function: step-end; } 20.783% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 33.915% { stroke-dashoffset: 19px; stroke-opacity: 0.255; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 40.127% { stroke-dashoffset: -63px; stroke-opacity: 0.255; animation-timing-function: step-end; } 40.294% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 54.404% { stroke-dashoffset: 19px; stroke-opacity: 0.255; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 60.616% { stroke-dashoffset: -63px; stroke-opacity: 0.255; animation-timing-function: step-end; } 60.783% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 73.915% { stroke-dashoffset: 19px; stroke-opacity: 0.255; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 80.127% { stroke-dashoffset: -63px; stroke-opacity: 0.255; animation-timing-function: step-end; } 80.294% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 93.915% { stroke-dashoffset: 19px; stroke-opacity: 0.255; animation-timing-function: cubic-bezier(0.452, 0, 0.558, 0.97); } 100% { stroke-dashoffset: -62.942px; stroke-opacity: 0.255; animation-timing-function: linear; } }
@keyframes fx-hspr-2 { 0% { stroke-dashoffset: -62.942px; stroke-opacity: 0.255; animation-timing-function: cubic-bezier(0.329, 0.663, 0.663, 1); } 0.127% { stroke-dashoffset: -63px; stroke-opacity: 0.255; animation-timing-function: step-end; } 0.294% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 14.404% { stroke-dashoffset: 19px; stroke-opacity: 0.255; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 20.616% { stroke-dashoffset: -63px; stroke-opacity: 0.255; animation-timing-function: step-end; } 20.783% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 33.915% { stroke-dashoffset: 19px; stroke-opacity: 0.255; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 40.127% { stroke-dashoffset: -63px; stroke-opacity: 0.255; animation-timing-function: step-end; } 40.294% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 54.404% { stroke-dashoffset: 19px; stroke-opacity: 0.255; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 60.616% { stroke-dashoffset: -63px; stroke-opacity: 0.255; animation-timing-function: step-end; } 60.783% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 73.915% { stroke-dashoffset: 19px; stroke-opacity: 0.255; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 80.127% { stroke-dashoffset: -63px; stroke-opacity: 0.255; animation-timing-function: step-end; } 80.294% { stroke-dashoffset: 19px; stroke-opacity: 0; animation-timing-function: linear; } 93.915% { stroke-dashoffset: 19px; stroke-opacity: 0.255; animation-timing-function: cubic-bezier(0.452, 0, 0.558, 0.97); } 100% { stroke-dashoffset: -62.942px; stroke-opacity: 0.255; animation-timing-function: linear; } }
.js.settled .diagram .fx-hspr-3 { animation-name: fx-hspr-3-first, fx-hspr-3; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hspr-3-first { 0% { stroke-dashoffset: 12px; stroke-opacity: 0.383; animation-timing-function: linear; } 14.404% { stroke-dashoffset: 12px; stroke-opacity: 0.383; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 20.616% { stroke-dashoffset: -70px; stroke-opacity: 0.383; animation-timing-function: step-end; } 20.783% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 33.915% { stroke-dashoffset: 12px; stroke-opacity: 0.383; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 40.127% { stroke-dashoffset: -70px; stroke-opacity: 0.383; animation-timing-function: step-end; } 40.294% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 54.404% { stroke-dashoffset: 12px; stroke-opacity: 0.383; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 60.616% { stroke-dashoffset: -70px; stroke-opacity: 0.383; animation-timing-function: step-end; } 60.783% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 73.915% { stroke-dashoffset: 12px; stroke-opacity: 0.383; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 80.127% { stroke-dashoffset: -70px; stroke-opacity: 0.383; animation-timing-function: step-end; } 80.294% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 93.915% { stroke-dashoffset: 12px; stroke-opacity: 0.383; animation-timing-function: cubic-bezier(0.452, 0, 0.558, 0.97); } 100% { stroke-dashoffset: -69.942px; stroke-opacity: 0.383; animation-timing-function: linear; } }
@keyframes fx-hspr-3 { 0% { stroke-dashoffset: -69.942px; stroke-opacity: 0.383; animation-timing-function: cubic-bezier(0.329, 0.663, 0.663, 1); } 0.127% { stroke-dashoffset: -70px; stroke-opacity: 0.383; animation-timing-function: step-end; } 0.294% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 14.404% { stroke-dashoffset: 12px; stroke-opacity: 0.383; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 20.616% { stroke-dashoffset: -70px; stroke-opacity: 0.383; animation-timing-function: step-end; } 20.783% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 33.915% { stroke-dashoffset: 12px; stroke-opacity: 0.383; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 40.127% { stroke-dashoffset: -70px; stroke-opacity: 0.383; animation-timing-function: step-end; } 40.294% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 54.404% { stroke-dashoffset: 12px; stroke-opacity: 0.383; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 60.616% { stroke-dashoffset: -70px; stroke-opacity: 0.383; animation-timing-function: step-end; } 60.783% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 73.915% { stroke-dashoffset: 12px; stroke-opacity: 0.383; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 80.127% { stroke-dashoffset: -70px; stroke-opacity: 0.383; animation-timing-function: step-end; } 80.294% { stroke-dashoffset: 12px; stroke-opacity: 0; animation-timing-function: linear; } 93.915% { stroke-dashoffset: 12px; stroke-opacity: 0.383; animation-timing-function: cubic-bezier(0.452, 0, 0.558, 0.97); } 100% { stroke-dashoffset: -69.942px; stroke-opacity: 0.383; animation-timing-function: linear; } }
.js.settled .diagram .fx-hspr-4 { animation-name: fx-hspr-4-first, fx-hspr-4; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hspr-4-first { 0% { stroke-dashoffset: 3.01px; stroke-opacity: 0.85; animation-timing-function: linear; } 14.404% { stroke-dashoffset: 3.01px; stroke-opacity: 0.85; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 20.616% { stroke-dashoffset: -78.99px; stroke-opacity: 0.85; animation-timing-function: step-end; } 20.783% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 33.915% { stroke-dashoffset: 3.01px; stroke-opacity: 0.85; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 40.127% { stroke-dashoffset: -78.99px; stroke-opacity: 0.85; animation-timing-function: step-end; } 40.294% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 54.404% { stroke-dashoffset: 3.01px; stroke-opacity: 0.85; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 60.616% { stroke-dashoffset: -78.99px; stroke-opacity: 0.85; animation-timing-function: step-end; } 60.783% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 73.915% { stroke-dashoffset: 3.01px; stroke-opacity: 0.85; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 80.127% { stroke-dashoffset: -78.99px; stroke-opacity: 0.85; animation-timing-function: step-end; } 80.294% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 93.915% { stroke-dashoffset: 3.01px; stroke-opacity: 0.85; animation-timing-function: cubic-bezier(0.452, 0, 0.558, 0.97); } 100% { stroke-dashoffset: -78.932px; stroke-opacity: 0.85; animation-timing-function: linear; } }
@keyframes fx-hspr-4 { 0% { stroke-dashoffset: -78.932px; stroke-opacity: 0.85; animation-timing-function: cubic-bezier(0.329, 0.663, 0.663, 1); } 0.127% { stroke-dashoffset: -78.99px; stroke-opacity: 0.85; animation-timing-function: step-end; } 0.294% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 14.404% { stroke-dashoffset: 3.01px; stroke-opacity: 0.85; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 20.616% { stroke-dashoffset: -78.99px; stroke-opacity: 0.85; animation-timing-function: step-end; } 20.783% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 33.915% { stroke-dashoffset: 3.01px; stroke-opacity: 0.85; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 40.127% { stroke-dashoffset: -78.99px; stroke-opacity: 0.85; animation-timing-function: step-end; } 40.294% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 54.404% { stroke-dashoffset: 3.01px; stroke-opacity: 0.85; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 60.616% { stroke-dashoffset: -78.99px; stroke-opacity: 0.85; animation-timing-function: step-end; } 60.783% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 73.915% { stroke-dashoffset: 3.01px; stroke-opacity: 0.85; animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } 80.127% { stroke-dashoffset: -78.99px; stroke-opacity: 0.85; animation-timing-function: step-end; } 80.294% { stroke-dashoffset: 3.01px; stroke-opacity: 0; animation-timing-function: linear; } 93.915% { stroke-dashoffset: 3.01px; stroke-opacity: 0.85; animation-timing-function: cubic-bezier(0.452, 0, 0.558, 0.97); } 100% { stroke-dashoffset: -78.932px; stroke-opacity: 0.85; animation-timing-function: linear; } }
.js.settled .diagram .fx-hcli { animation-name: fx-hcli; animation-duration: 12s; }
@keyframes fx-hcli { 0% { x: 8px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 1.167% { x: 8px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 1.417% { x: 8px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0.8; fill-opacity: 0.112; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 8.917% { x: 0px; y: 177px; width: 104px; height: 46px; rx: 15px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 9.167% { x: 8px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 21.167% { x: 8px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 21.417% { x: 8px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0.8; fill-opacity: 0.112; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 28.917% { x: 0px; y: 177px; width: 104px; height: 46px; rx: 15px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 29.167% { x: 8px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 41.167% { x: 8px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 41.417% { x: 8px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0.8; fill-opacity: 0.112; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 48.917% { x: 0px; y: 177px; width: 104px; height: 46px; rx: 15px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 49.167% { x: 8px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 61.167% { x: 8px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 61.417% { x: 8px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0.8; fill-opacity: 0.112; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 68.917% { x: 0px; y: 177px; width: 104px; height: 46px; rx: 15px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 69.167% { x: 8px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 81.167% { x: 8px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 81.417% { x: 8px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0.8; fill-opacity: 0.112; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 88.917% { x: 0px; y: 177px; width: 104px; height: 46px; rx: 15px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 89.167% { x: 8px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 8px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hgw { animation-name: fx-hgw; animation-duration: 12s; }
@keyframes fx-hgw { 0% { x: 160px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 6.296% { x: 160px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 6.546% { x: 160px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0.8; fill-opacity: 0.112; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 12.796% { x: 153.6px; y: 178px; width: 100.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 13.046% { x: 160px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 26.296% { x: 160px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 26.546% { x: 160px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0.8; fill-opacity: 0.112; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 32.796% { x: 153.6px; y: 178px; width: 100.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 33.046% { x: 160px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 46.296% { x: 160px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 46.546% { x: 160px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0.8; fill-opacity: 0.112; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 52.796% { x: 153.6px; y: 178px; width: 100.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 53.046% { x: 160px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 66.296% { x: 160px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 66.546% { x: 160px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0.8; fill-opacity: 0.112; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 72.796% { x: 153.6px; y: 178px; width: 100.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 73.046% { x: 160px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 86.296% { x: 160px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 86.546% { x: 160px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0.8; fill-opacity: 0.112; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 92.796% { x: 153.6px; y: 178px; width: 100.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 93.046% { x: 160px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 160px; y: 182px; width: 88px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hst { animation-name: fx-hst-first, fx-hst; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hst-first { 0% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 31.062% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 31.312% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0.7; fill-opacity: 0.098; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 37.562% { x: 489.6px; y: 304px; width: 172.8px; height: 80px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 37.812% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 50.074% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 50.324% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0.7; fill-opacity: 0.098; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 56.574% { x: 489.6px; y: 304px; width: 172.8px; height: 80px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 56.824% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 71.062% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 71.312% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0.7; fill-opacity: 0.098; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 77.562% { x: 489.6px; y: 304px; width: 172.8px; height: 80px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 77.812% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 90.074% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 90.324% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0.7; fill-opacity: 0.098; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 96.574% { x: 489.6px; y: 304px; width: 172.8px; height: 80px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 96.824% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
@keyframes fx-hst { 0% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 10.074% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 10.324% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0.7; fill-opacity: 0.098; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 16.574% { x: 489.6px; y: 304px; width: 172.8px; height: 80px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 16.824% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 31.062% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 31.312% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0.7; fill-opacity: 0.098; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 37.562% { x: 489.6px; y: 304px; width: 172.8px; height: 80px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 37.812% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 50.074% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 50.324% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0.7; fill-opacity: 0.098; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 56.574% { x: 489.6px; y: 304px; width: 172.8px; height: 80px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 56.824% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 71.062% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 71.312% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0.7; fill-opacity: 0.098; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 77.562% { x: 489.6px; y: 304px; width: 172.8px; height: 80px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 77.812% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 90.074% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 90.324% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0.7; fill-opacity: 0.098; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 96.574% { x: 489.6px; y: 304px; width: 172.8px; height: 80px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 96.824% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 496px; y: 308px; width: 160px; height: 72px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hfw { animation-name: fx-hfw-first, fx-hfw; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hfw-first { 0% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 32.728% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 32.978% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 1; fill-opacity: 0.14; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 39.228% { x: 689.6px; y: 178px; width: 124.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 39.478% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 51.741% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 51.991% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 1; fill-opacity: 0.14; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 58.241% { x: 689.6px; y: 178px; width: 124.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 58.491% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 72.728% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 72.978% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 1; fill-opacity: 0.14; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 79.228% { x: 689.6px; y: 178px; width: 124.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 79.478% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 91.741% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 91.991% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 1; fill-opacity: 0.14; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 98.241% { x: 689.6px; y: 178px; width: 124.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 98.491% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
@keyframes fx-hfw { 0% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 11.741% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 11.991% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 1; fill-opacity: 0.14; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 18.241% { x: 689.6px; y: 178px; width: 124.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 18.491% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 32.728% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 32.978% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 1; fill-opacity: 0.14; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 39.228% { x: 689.6px; y: 178px; width: 124.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 39.478% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 51.741% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 51.991% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 1; fill-opacity: 0.14; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 58.241% { x: 689.6px; y: 178px; width: 124.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 58.491% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 72.728% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 72.978% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 1; fill-opacity: 0.14; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 79.228% { x: 689.6px; y: 178px; width: 124.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 79.478% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 91.741% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 91.991% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 1; fill-opacity: 0.14; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 98.241% { x: 689.6px; y: 178px; width: 124.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 98.491% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 696px; y: 182px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hvault { animation-name: fx-hvault-first, fx-hvault; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hvault-first { 0% { x: 696px; y: 308px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 53.991% { x: 696px; y: 308px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 54.241% { x: 696px; y: 308px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0.72; fill-opacity: 0.101; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 61.741% { x: 688px; y: 303px; width: 128px; height: 46px; rx: 15px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 61.991% { x: 696px; y: 308px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 93.991% { x: 696px; y: 308px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 94.241% { x: 696px; y: 308px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0.72; fill-opacity: 0.101; animation-timing-function: cubic-bezier(0, 0, 0.209, 0.827); } 100% { x: 688.245px; y: 303.153px; width: 127.51px; height: 45.694px; rx: 14.847px; stroke-opacity: 0.022; fill-opacity: 0.003; animation-timing-function: linear; } }
@keyframes fx-hvault { 0% { x: 688.245px; y: 303.153px; width: 127.51px; height: 45.694px; rx: 14.847px; stroke-opacity: 0.022; fill-opacity: 0.003; animation-timing-function: cubic-bezier(0.306, 0.642, 0.639, 1); } 1.741% { x: 688px; y: 303px; width: 128px; height: 46px; rx: 15px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 1.991% { x: 696px; y: 308px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 53.991% { x: 696px; y: 308px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 54.241% { x: 696px; y: 308px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0.72; fill-opacity: 0.101; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 61.741% { x: 688px; y: 303px; width: 128px; height: 46px; rx: 15px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 61.991% { x: 696px; y: 308px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 93.991% { x: 696px; y: 308px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 94.241% { x: 696px; y: 308px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0.72; fill-opacity: 0.101; animation-timing-function: cubic-bezier(0, 0, 0.209, 0.827); } 100% { x: 688.245px; y: 303.153px; width: 127.51px; height: 45.694px; rx: 14.847px; stroke-opacity: 0.022; fill-opacity: 0.003; animation-timing-function: linear; } }
.js.settled .diagram .fx-happ { animation-name: fx-happ-first, fx-happ; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-happ-first { 0% { x: 696px; y: 16px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 72.182% { x: 696px; y: 16px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 72.432% { x: 696px; y: 16px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 1; fill-opacity: 0.14; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 78.682% { x: 689.6px; y: 12px; width: 124.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 78.932% { x: 696px; y: 16px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 696px; y: 16px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
@keyframes fx-happ { 0% { x: 696px; y: 16px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 12.182% { x: 696px; y: 16px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 12.432% { x: 696px; y: 16px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 1; fill-opacity: 0.14; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 18.682% { x: 689.6px; y: 12px; width: 124.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 18.932% { x: 696px; y: 16px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 72.182% { x: 696px; y: 16px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 72.432% { x: 696px; y: 16px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 1; fill-opacity: 0.14; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 78.682% { x: 689.6px; y: 12px; width: 124.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 78.932% { x: 696px; y: 16px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 696px; y: 16px; width: 112px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-htr { animation-name: fx-htr; animation-duration: 12s; }
@keyframes fx-htr { 0% { x: 160px; y: 308px; width: 296px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 13.182% { x: 160px; y: 308px; width: 296px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 13.432% { x: 160px; y: 308px; width: 296px; height: 36px; rx: 10px; stroke-opacity: 0.6; fill-opacity: 0.084; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 19.682% { x: 153.6px; y: 304px; width: 308.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 19.932% { x: 160px; y: 308px; width: 296px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 33.182% { x: 160px; y: 308px; width: 296px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 33.432% { x: 160px; y: 308px; width: 296px; height: 36px; rx: 10px; stroke-opacity: 0.6; fill-opacity: 0.084; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 39.682% { x: 153.6px; y: 304px; width: 308.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 39.932% { x: 160px; y: 308px; width: 296px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 53.182% { x: 160px; y: 308px; width: 296px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 53.432% { x: 160px; y: 308px; width: 296px; height: 36px; rx: 10px; stroke-opacity: 0.6; fill-opacity: 0.084; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 59.682% { x: 153.6px; y: 304px; width: 308.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 59.932% { x: 160px; y: 308px; width: 296px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 73.182% { x: 160px; y: 308px; width: 296px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 73.432% { x: 160px; y: 308px; width: 296px; height: 36px; rx: 10px; stroke-opacity: 0.6; fill-opacity: 0.084; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 79.682% { x: 153.6px; y: 304px; width: 308.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 79.932% { x: 160px; y: 308px; width: 296px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 93.182% { x: 160px; y: 308px; width: 296px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 93.432% { x: 160px; y: 308px; width: 296px; height: 36px; rx: 10px; stroke-opacity: 0.6; fill-opacity: 0.084; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 99.682% { x: 153.6px; y: 304px; width: 308.8px; height: 44px; rx: 14px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 99.932% { x: 160px; y: 308px; width: 296px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 160px; y: 308px; width: 296px; height: 36px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hgwlit { animation-name: fx-hgwlit; animation-duration: 12s; }
@keyframes fx-hgwlit { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 6.379% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 8.213% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 12.379% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 17.796% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 26.379% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 28.213% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 32.379% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 37.796% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 46.379% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 48.213% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 52.379% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 57.796% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 66.379% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 68.213% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 72.379% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 77.796% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 86.379% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 88.213% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 92.379% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 97.796% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hstlit { animation-name: fx-hstlit-first, fx-hstlit; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hstlit-first { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 31.145% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 32.978% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 37.145% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 42.562% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 50.157% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 51.991% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 56.157% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 61.574% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 71.145% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 72.978% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 77.145% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 82.562% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 90.157% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 91.991% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 96.157% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.482, 0, 0.346, 0.775); } 100% { fill-opacity: 0.057; stroke-opacity: 0.057; animation-timing-function: linear; } }
@keyframes fx-hstlit { 0% { fill-opacity: 0.057; stroke-opacity: 0.057; animation-timing-function: cubic-bezier(0.272, 0.631, 0.599, 1); } 1.574% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 10.157% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 11.991% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 16.157% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 21.574% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 31.145% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 32.978% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 37.145% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 42.562% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 50.157% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 51.991% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 56.157% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 61.574% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 71.145% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 72.978% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 77.145% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 82.562% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 90.157% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 91.991% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 96.157% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.482, 0, 0.346, 0.775); } 100% { fill-opacity: 0.057; stroke-opacity: 0.057; animation-timing-function: linear; } }
.js.settled .diagram .fx-hfwlit { animation-name: fx-hfwlit-first, fx-hfwlit; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hfwlit-first { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 32.812% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 34.645% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 38.812% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 44.228% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 51.824% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 53.657% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 63.46% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 68.877% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 72.812% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 74.645% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 78.812% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 84.228% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 91.824% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 93.657% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.503, 0, 0.392, 0.729); } 100% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: linear; } }
@keyframes fx-hfwlit { 0% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.255, 0.619, 0.578, 1); } 3.46% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 8.877% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 11.824% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 13.657% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 17.824% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 23.241% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 32.812% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 34.645% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 38.812% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 44.228% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 51.824% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 53.657% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 63.46% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 68.877% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 72.812% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 74.645% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 78.812% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 84.228% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 91.824% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 93.657% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.503, 0, 0.392, 0.729); } 100% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: linear; } }
.js.settled .diagram .fx-hvlit { animation-name: fx-hvlit-first, fx-hvlit; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hvlit-first { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 53.491% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 55.324% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 62.627% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 68.043% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 93.491% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 95.324% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.506, 0, 0.397, 0.724); } 100% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: linear; } }
@keyframes fx-hvlit { 0% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.253, 0.618, 0.576, 1); } 2.627% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 8.043% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 53.491% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 55.324% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 62.627% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 68.043% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 93.491% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 95.324% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.506, 0, 0.397, 0.724); } 100% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: linear; } }
.js.settled .diagram .fx-halit { animation-name: fx-halit-first, fx-halit; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-halit-first { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 72.265% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 74.098% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 78.265% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 83.682% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(0.53, 0, 0.459, 0.673); } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
@keyframes fx-halit { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(0.231, 0.602, 0.547, 1); } 12.265% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 14.098% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 18.265% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 23.682% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 72.265% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 74.098% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 78.265% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 83.682% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(0.53, 0, 0.459, 0.673); } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-htrlit { animation-name: fx-htrlit-first, fx-htrlit; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-htrlit-first { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 13.265% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 15.098% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 24.265% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 29.682% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 33.265% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 35.098% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 44.265% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 49.682% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 53.265% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 55.098% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 64.265% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 69.682% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 73.265% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 75.098% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 84.265% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 89.682% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 93.265% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 95.098% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.543, 0, 0.495, 0.646); } 100% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: linear; } }
@keyframes fx-htrlit { 0% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.219, 0.592, 0.529, 1); } 4.265% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 9.682% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 13.265% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 15.098% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 24.265% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 29.682% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 33.265% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 35.098% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 44.265% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 49.682% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 53.265% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 55.098% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 64.265% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 69.682% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 73.265% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 75.098% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 84.265% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 89.682% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 93.265% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 95.098% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.543, 0, 0.495, 0.646); } 100% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: linear; } }
.js.settled .diagram .fx-hrt00 { animation-name: fx-hrt00; animation-duration: 12s; }
@keyframes fx-hrt00 { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 53.404% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 55.237% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 64.404% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 69.404% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hrtring00 { animation-name: fx-hrtring00; animation-duration: 12s; }
@keyframes fx-hrtring00 { 0% { x: 300px; y: 154px; width: 104px; height: 30px; rx: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 53.32% { x: 300px; y: 154px; width: 104px; height: 30px; rx: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 53.57% { x: 300px; y: 154px; width: 104px; height: 30px; rx: 8px; stroke-opacity: 1; fill-opacity: 0.14; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 59.82% { x: 293.6px; y: 150px; width: 116.8px; height: 38px; rx: 12px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 60.07% { x: 300px; y: 154px; width: 104px; height: 30px; rx: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 300px; y: 154px; width: 104px; height: 30px; rx: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hrt01 { animation-name: fx-hrt01; animation-duration: 12s; }
@keyframes fx-hrt01 { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 13.404% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 15.237% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 24.404% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 29.404% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hrtring01 { animation-name: fx-hrtring01; animation-duration: 12s; }
@keyframes fx-hrtring01 { 0% { x: 305px; y: 159px; width: 104px; height: 30px; rx: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 13.32% { x: 305px; y: 159px; width: 104px; height: 30px; rx: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 13.57% { x: 305px; y: 159px; width: 104px; height: 30px; rx: 8px; stroke-opacity: 1; fill-opacity: 0.14; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 19.82% { x: 298.6px; y: 155px; width: 116.8px; height: 38px; rx: 12px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 20.07% { x: 305px; y: 159px; width: 104px; height: 30px; rx: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 305px; y: 159px; width: 104px; height: 30px; rx: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hrt10 { animation-name: fx-hrt10; animation-duration: 12s; }
@keyframes fx-hrt10 { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 32.915% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 34.749% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 43.915% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 48.915% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hrtring10 { animation-name: fx-hrtring10; animation-duration: 12s; }
@keyframes fx-hrtring10 { 0% { x: 300px; y: 208px; width: 104px; height: 30px; rx: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 32.832% { x: 300px; y: 208px; width: 104px; height: 30px; rx: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 33.082% { x: 300px; y: 208px; width: 104px; height: 30px; rx: 8px; stroke-opacity: 1; fill-opacity: 0.14; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 39.332% { x: 293.6px; y: 204px; width: 116.8px; height: 38px; rx: 12px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 39.582% { x: 300px; y: 208px; width: 104px; height: 30px; rx: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 300px; y: 208px; width: 104px; height: 30px; rx: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hrt11 { animation-name: fx-hrt11-first, fx-hrt11; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hrt11-first { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 92.915% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 94.749% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.53, 0, 0.457, 0.674); } 100% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: linear; } }
@keyframes fx-hrt11 { 0% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.232, 0.603, 0.548, 1); } 3.915% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 8.915% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 92.915% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 94.749% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.53, 0, 0.457, 0.674); } 100% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: linear; } }
.js.settled .diagram .fx-hrtring11 { animation-name: fx-hrtring11; animation-duration: 12s; }
@keyframes fx-hrtring11 { 0% { x: 305px; y: 213px; width: 104px; height: 30px; rx: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 92.832% { x: 305px; y: 213px; width: 104px; height: 30px; rx: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 93.082% { x: 305px; y: 213px; width: 104px; height: 30px; rx: 8px; stroke-opacity: 1; fill-opacity: 0.14; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 99.332% { x: 298.6px; y: 209px; width: 116.8px; height: 38px; rx: 12px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 99.582% { x: 305px; y: 213px; width: 104px; height: 30px; rx: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 305px; y: 213px; width: 104px; height: 30px; rx: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hrt12 { animation-name: fx-hrt12; animation-duration: 12s; }
@keyframes fx-hrt12 { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 72.915% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 74.749% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 83.915% { fill-opacity: 1; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 88.915% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hrtring12 { animation-name: fx-hrtring12; animation-duration: 12s; }
@keyframes fx-hrtring12 { 0% { x: 310px; y: 218px; width: 104px; height: 30px; rx: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 72.832% { x: 310px; y: 218px; width: 104px; height: 30px; rx: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 73.082% { x: 310px; y: 218px; width: 104px; height: 30px; rx: 8px; stroke-opacity: 1; fill-opacity: 0.14; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 79.332% { x: 303.6px; y: 214px; width: 116.8px; height: 38px; rx: 12px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 79.582% { x: 310px; y: 218px; width: 104px; height: 30px; rx: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 310px; y: 218px; width: 104px; height: 30px; rx: 8px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hslot0 { animation-name: fx-hslot0; animation-duration: 12s; }
@keyframes fx-hslot0 { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 25.786% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 27.202% { fill-opacity: 0.32; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 50.952% { fill-opacity: 0.32; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 55.952% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hslotring0 { animation-name: fx-hslotring0; animation-duration: 12s; }
@keyframes fx-hslotring0 { 0% { x: 547px; y: 168px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 25.702% { x: 547px; y: 168px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 25.952% { x: 547px; y: 168px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0.85; fill-opacity: 0.119; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 33.452% { x: 542px; y: 163px; width: 34px; height: 30px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 33.702% { x: 547px; y: 168px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 547px; y: 168px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hslot1 { animation-name: fx-hslot1; animation-duration: 12s; }
@keyframes fx-hslot1 { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 44.798% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 46.215% { fill-opacity: 0.32; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 69.965% { fill-opacity: 0.32; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 74.965% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hslotring1 { animation-name: fx-hslotring1; animation-duration: 12s; }
@keyframes fx-hslotring1 { 0% { x: 513px; y: 198px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 44.715% { x: 513px; y: 198px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 44.965% { x: 513px; y: 198px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0.85; fill-opacity: 0.119; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 52.465% { x: 508px; y: 193px; width: 34px; height: 30px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 52.715% { x: 513px; y: 198px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 513px; y: 198px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hslot2 { animation-name: fx-hslot2; animation-duration: 12s; }
@keyframes fx-hslot2 { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 65.786% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 67.202% { fill-opacity: 0.32; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 90.952% { fill-opacity: 0.32; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 95.952% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hslotring2 { animation-name: fx-hslotring2; animation-duration: 12s; }
@keyframes fx-hslotring2 { 0% { x: 615px; y: 168px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 65.702% { x: 615px; y: 168px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 65.952% { x: 615px; y: 168px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0.85; fill-opacity: 0.119; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 73.452% { x: 610px; y: 163px; width: 34px; height: 30px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 73.702% { x: 615px; y: 168px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 615px; y: 168px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hslot3 { animation-name: fx-hslot3-first, fx-hslot3; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hslot3-first { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 84.798% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 86.215% { fill-opacity: 0.32; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.527, 0, 0.45, 0.68); } 100% { fill-opacity: 0.32; stroke-opacity: 1; animation-timing-function: linear; } }
@keyframes fx-hslot3 { 0% { fill-opacity: 0.32; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.234, 0.605, 0.551, 1); } 9.965% { fill-opacity: 0.32; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 14.965% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 84.798% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 86.215% { fill-opacity: 0.32; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.527, 0, 0.45, 0.68); } 100% { fill-opacity: 0.32; stroke-opacity: 1; animation-timing-function: linear; } }
.js.settled .diagram .fx-hslotring3 { animation-name: fx-hslotring3; animation-duration: 12s; }
@keyframes fx-hslotring3 { 0% { x: 547px; y: 228px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 84.715% { x: 547px; y: 228px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 84.965% { x: 547px; y: 228px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0.85; fill-opacity: 0.119; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 92.465% { x: 542px; y: 223px; width: 34px; height: 30px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 92.715% { x: 547px; y: 228px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 547px; y: 228px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hslot4 { animation-name: fx-hslot4-first, fx-hslot4; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hslot4-first { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 104.798% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 106.215% { fill-opacity: 0.32; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 129.965% { fill-opacity: 0.32; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 134.965% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
@keyframes fx-hslot4 { 0% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 4.798% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 6.215% { fill-opacity: 0.32; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 29.965% { fill-opacity: 0.32; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 34.965% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 104.798% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 106.215% { fill-opacity: 0.32; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 129.965% { fill-opacity: 0.32; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 134.965% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } 100% { fill-opacity: 0; stroke-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hslotring4 { animation-name: fx-hslotring4-first, fx-hslotring4; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hslotring4-first { 0% { x: 615px; y: 198px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 104.715% { x: 615px; y: 198px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 104.965% { x: 615px; y: 198px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0.85; fill-opacity: 0.119; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 112.465% { x: 610px; y: 193px; width: 34px; height: 30px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 112.715% { x: 615px; y: 198px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 615px; y: 198px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
@keyframes fx-hslotring4 { 0% { x: 615px; y: 198px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 4.715% { x: 615px; y: 198px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 4.965% { x: 615px; y: 198px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0.85; fill-opacity: 0.119; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 12.465% { x: 610px; y: 193px; width: 34px; height: 30px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 12.715% { x: 615px; y: 198px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 104.715% { x: 615px; y: 198px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 104.965% { x: 615px; y: 198px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0.85; fill-opacity: 0.119; animation-timing-function: cubic-bezier(0, 0, .2, 1); } 112.465% { x: 610px; y: 193px; width: 34px; height: 30px; rx: 10px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 112.715% { x: 615px; y: 198px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } 100% { x: 615px; y: 198px; width: 24px; height: 20px; rx: 5px; stroke-opacity: 0; fill-opacity: 0; animation-timing-function: linear; } }
.js.settled .diagram .fx-hspan0 { animation-name: fx-hspan0-first, fx-hspan0; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hspan0-first { 0% { stroke-dashoffset: 200px; stroke-opacity: 1; animation-timing-function: linear; } 13.848% { stroke-dashoffset: 200px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 21.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 24.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 29.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 30.098% { stroke-dashoffset: 200px; stroke-opacity: 0; animation-timing-function: linear; } 33.848% { stroke-dashoffset: 200px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 41.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 44.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 49.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 50.098% { stroke-dashoffset: 200px; stroke-opacity: 0; animation-timing-function: linear; } 53.848% { stroke-dashoffset: 200px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 61.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 64.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 69.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 70.098% { stroke-dashoffset: 200px; stroke-opacity: 0; animation-timing-function: linear; } 73.848% { stroke-dashoffset: 200px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 81.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 84.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 89.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 90.098% { stroke-dashoffset: 200px; stroke-opacity: 0; animation-timing-function: linear; } 93.848% { stroke-dashoffset: 200px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.336, 0, 0.261, 0.859); } 100% { stroke-dashoffset: 3.834px; stroke-opacity: 1; animation-timing-function: linear; } }
@keyframes fx-hspan0 { 0% { stroke-dashoffset: 3.834px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.302, 0.647, 0.634, 1); } 1.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 4.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 9.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 10.098% { stroke-dashoffset: 200px; stroke-opacity: 0; animation-timing-function: linear; } 13.848% { stroke-dashoffset: 200px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 21.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 24.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 29.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 30.098% { stroke-dashoffset: 200px; stroke-opacity: 0; animation-timing-function: linear; } 33.848% { stroke-dashoffset: 200px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 41.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 44.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 49.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 50.098% { stroke-dashoffset: 200px; stroke-opacity: 0; animation-timing-function: linear; } 53.848% { stroke-dashoffset: 200px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 61.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 64.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 69.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 70.098% { stroke-dashoffset: 200px; stroke-opacity: 0; animation-timing-function: linear; } 73.848% { stroke-dashoffset: 200px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 81.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 84.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 89.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 90.098% { stroke-dashoffset: 200px; stroke-opacity: 0; animation-timing-function: linear; } 93.848% { stroke-dashoffset: 200px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.336, 0, 0.261, 0.859); } 100% { stroke-dashoffset: 3.834px; stroke-opacity: 1; animation-timing-function: linear; } }
.js.settled .diagram .fx-hspan1 { animation-name: fx-hspan1-first, fx-hspan1; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hspan1-first { 0% { stroke-dashoffset: 158px; stroke-opacity: 1; animation-timing-function: linear; } 13.848% { stroke-dashoffset: 158px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 21.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 24.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 29.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 30.098% { stroke-dashoffset: 158px; stroke-opacity: 0; animation-timing-function: linear; } 33.848% { stroke-dashoffset: 158px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 41.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 44.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 49.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 50.098% { stroke-dashoffset: 158px; stroke-opacity: 0; animation-timing-function: linear; } 53.848% { stroke-dashoffset: 158px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 61.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 64.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 69.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 70.098% { stroke-dashoffset: 158px; stroke-opacity: 0; animation-timing-function: linear; } 73.848% { stroke-dashoffset: 158px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 81.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 84.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 89.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 90.098% { stroke-dashoffset: 158px; stroke-opacity: 0; animation-timing-function: linear; } 93.848% { stroke-dashoffset: 158px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.336, 0, 0.261, 0.859); } 100% { stroke-dashoffset: 3.029px; stroke-opacity: 1; animation-timing-function: linear; } }
@keyframes fx-hspan1 { 0% { stroke-dashoffset: 3.029px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.302, 0.647, 0.634, 1); } 1.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 4.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 9.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 10.098% { stroke-dashoffset: 158px; stroke-opacity: 0; animation-timing-function: linear; } 13.848% { stroke-dashoffset: 158px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 21.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 24.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 29.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 30.098% { stroke-dashoffset: 158px; stroke-opacity: 0; animation-timing-function: linear; } 33.848% { stroke-dashoffset: 158px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 41.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 44.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 49.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 50.098% { stroke-dashoffset: 158px; stroke-opacity: 0; animation-timing-function: linear; } 53.848% { stroke-dashoffset: 158px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 61.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 64.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 69.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 70.098% { stroke-dashoffset: 158px; stroke-opacity: 0; animation-timing-function: linear; } 73.848% { stroke-dashoffset: 158px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 81.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 84.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 89.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 90.098% { stroke-dashoffset: 158px; stroke-opacity: 0; animation-timing-function: linear; } 93.848% { stroke-dashoffset: 158px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.336, 0, 0.261, 0.859); } 100% { stroke-dashoffset: 3.029px; stroke-opacity: 1; animation-timing-function: linear; } }
.js.settled .diagram .fx-hspan2 { animation-name: fx-hspan2-first, fx-hspan2; animation-duration: 12s; animation-delay: 0s, 12s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
@keyframes fx-hspan2-first { 0% { stroke-dashoffset: 72px; stroke-opacity: 1; animation-timing-function: linear; } 13.848% { stroke-dashoffset: 72px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 21.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 24.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 29.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 30.098% { stroke-dashoffset: 72px; stroke-opacity: 0; animation-timing-function: linear; } 33.848% { stroke-dashoffset: 72px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 41.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 44.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 49.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 50.098% { stroke-dashoffset: 72px; stroke-opacity: 0; animation-timing-function: linear; } 53.848% { stroke-dashoffset: 72px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 61.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 64.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 69.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 70.098% { stroke-dashoffset: 72px; stroke-opacity: 0; animation-timing-function: linear; } 73.848% { stroke-dashoffset: 72px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 81.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 84.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 89.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 90.098% { stroke-dashoffset: 72px; stroke-opacity: 0; animation-timing-function: linear; } 93.848% { stroke-dashoffset: 72px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.336, 0, 0.261, 0.859); } 100% { stroke-dashoffset: 1.38px; stroke-opacity: 1; animation-timing-function: linear; } }
@keyframes fx-hspan2 { 0% { stroke-dashoffset: 1.38px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.302, 0.647, 0.634, 1); } 1.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 4.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 9.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 10.098% { stroke-dashoffset: 72px; stroke-opacity: 0; animation-timing-function: linear; } 13.848% { stroke-dashoffset: 72px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 21.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 24.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 29.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 30.098% { stroke-dashoffset: 72px; stroke-opacity: 0; animation-timing-function: linear; } 33.848% { stroke-dashoffset: 72px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 41.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 44.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 49.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 50.098% { stroke-dashoffset: 72px; stroke-opacity: 0; animation-timing-function: linear; } 53.848% { stroke-dashoffset: 72px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 61.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 64.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 69.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 70.098% { stroke-dashoffset: 72px; stroke-opacity: 0; animation-timing-function: linear; } 73.848% { stroke-dashoffset: 72px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.3, 0, .2, 1); } 81.348% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: linear; } 84.682% { stroke-dashoffset: 0px; stroke-opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } 89.682% { stroke-dashoffset: 0px; stroke-opacity: 0; animation-timing-function: step-end; } 90.098% { stroke-dashoffset: 72px; stroke-opacity: 0; animation-timing-function: linear; } 93.848% { stroke-dashoffset: 72px; stroke-opacity: 1; animation-timing-function: cubic-bezier(0.336, 0, 0.261, 0.859); } 100% { stroke-dashoffset: 1.38px; stroke-opacity: 1; animation-timing-function: linear; } }

/* per-chapter drawing inside the text flow (narrow screens only, built by JS) */
.mini { display: none; overflow: hidden; }
.mini .diagram { display: block; width: 100%; height: 100%; overflow: hidden; }
.mini :is(.n, .e) { vector-effect: non-scaling-stroke; stroke-width: 1.1; }
.mini:not(.hero-mini) .draw { stroke-dasharray: none !important; stroke-dashoffset: 0 !important; }
.mini .lbl { font-size: var(--lbl, 15px); }
.mini .lbl:is(.cap, .end) { font-size: calc(var(--lbl, 15px) * .92); }
.mini:not(.hero-mini) .grp { opacity: .12; }
.hero-mini .ph-x { display: none; }
.mini[data-hl="w1"] .g-nac, .mini[data-hl="w2"] .g-sbx, .mini[data-hl="w3"] .g-fw, .mini[data-hl="w4"] .g-team { opacity: 1; }
.mini[data-hl="w1"] .g-nac :is(.n, .e), .mini[data-hl="w2"] .g-sbx :is(.n, .e),
.mini[data-hl="w3"] .g-fw :is(.n, .e), .mini[data-hl="w4"] .g-team :is(.n, .e) { stroke: var(--accent); }
.mini[data-hl="w1"] .g-nac .e.draw, .mini[data-hl="w2"] .g-sbx .e.draw,
.mini[data-hl="w3"] .g-fw .e.draw, .mini[data-hl="w4"] .g-team .e.draw { stroke-width: 1.5; }
.mini[data-hl="w1"] .g-nac .tint, .mini[data-hl="w2"] .g-sbx .tint { fill: rgba(63, 91, 208, .05); stroke: rgba(63, 91, 208, .7); }
.mini[data-hl="w1"] .g-nac .bound, .mini[data-hl="w4"] .g-team .bound { fill: rgba(63, 91, 208, .022); stroke: rgba(63, 91, 208, .38); }
.mini[data-hl="w1"] .g-nac .lbl, .mini[data-hl="w2"] .g-sbx .lbl,
.mini[data-hl="w3"] .g-fw .lbl, .mini[data-hl="w4"] .g-team .lbl { fill: var(--ink); }
.mini[data-hl="w1"] .g-nac .lbl.cap, .mini[data-hl="w2"] .g-sbx .lbl.cap, .mini[data-hl="w4"] .g-team .lbl.cap { fill: var(--mute); }
.mini[data-hl="w2"] .slot.busy { fill: rgba(63, 91, 208, .14); }
.mini[data-hl="w4"] .g-team .tint { fill: rgba(63, 91, 208, .05); stroke: rgba(63, 91, 208, .7); }
.mini[data-hl="w4"] .g-team .slot.busy { fill: rgba(63, 91, 208, .14); }

/* ---------- Scenes (flowing layout: no JS, print, phones, short screens) ---------- */
main { position: relative; z-index: 1; }

.scene { position: relative; }
.layer {
  position: relative;
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  align-content: center;
  padding: 150px var(--gutter) 110px;
}
.col { max-width: min(35rem, 38vw); }

/* entrance: hidden until the scene arrives (only when JS runs) */
.js .scene:not(.is-in) .r { opacity: 0; }

.hero h1 {
  font-size: clamp(46px, 6.4vw, 88px);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -.035em;
}
html[data-lang="zh"] .hero h1 { letter-spacing: .02em; }
.hero .alt {
  display: block;
  margin-top: .5em;
  font-size: max(17px, .3em);
  font-weight: 500;
  letter-spacing: .01em;
  color: var(--faint);
}
html[data-lang="zh"] .hero .alt { letter-spacing: -.01em; }
.lede {
  margin-top: 40px;
  max-width: 24em;
  font-size: clamp(20px, 1.75vw, 25px);
  line-height: 1.45;
  letter-spacing: -.012em;
  color: var(--ink);
}
html[data-lang="zh"] .lede { letter-spacing: .01em; line-height: 1.6; }
.role { margin-top: 18px; font-size: 15px; color: var(--mute); }

.about .layer {
  grid-template-columns: minmax(0, 35rem) 1fr;
  column-gap: 6vw;
  align-items: center;
}
.about .col { max-width: 35rem; }
.about p + p { margin-top: 18px; }
.about p { color: var(--ink2); }
.about .big {
  margin-bottom: 30px;
  font-size: clamp(20px, 1.65vw, 24px);
  line-height: 1.5;
  letter-spacing: -.012em;
  color: var(--ink);
}
html[data-lang="zh"] .about .big { letter-spacing: .01em; line-height: 1.6; }
.portrait { justify-self: center; width: clamp(200px, 17vw, 260px); }
.portrait img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 28px; }

.meta { display: flex; align-items: baseline; gap: 14px; margin-bottom: 18px; font-size: 14px; color: var(--faint); }
.meta .num { font-variant-numeric: tabular-nums; letter-spacing: .04em; }
.work h3 {
  font-size: clamp(36px, 4.2vw, 56px);
  line-height: 1.06;
  font-weight: 600;
  letter-spacing: -.03em;
}
.work .line {
  margin-top: 14px;
  font-size: clamp(19px, 1.6vw, 22px);
  line-height: 1.45;
  color: var(--mute);
}
.work ul { list-style: none; padding: 0; margin-top: 36px; display: grid; gap: 16px; }
.work li { position: relative; padding-left: 20px; color: var(--ink2); }
.work li::before {
  content: ""; position: absolute; left: 0; top: .82em;
  width: 7px; height: 1px; background: var(--faint);
}
html[data-lang="zh"] .work li { line-height: 1.75; }

.exp .col.cv { max-width: min(76rem, 100%); display: grid; grid-template-columns: 1.1fr 1fr; column-gap: 6vw; align-items: start; }
.exp .row { grid-template-columns: 10.5rem minmax(0, 1fr); }
.row .when { white-space: nowrap; }
.sec { font-size: clamp(34px, 3.6vw, 48px); line-height: 1.08; font-weight: 600; letter-spacing: -.03em; }
html[data-lang="zh"] .sec { letter-spacing: .02em; }
.sec + .rows { margin-top: 34px; }
.rows { list-style: none; padding: 0; }
.row {
  display: grid;
  grid-template-columns: 11rem minmax(0, 1fr);
  column-gap: 24px;
  padding: 20px 0;
  border-top: 1px solid rgba(0, 0, 0, .08);
}
.row .when { grid-row: span 2; color: var(--faint); font-size: 15px; font-variant-numeric: tabular-nums; padding-top: 2px; }
.row .org { font-weight: 600; color: var(--ink); }
.row .title { color: var(--mute); }
.earlier { margin-top: 22px; font-size: 15px; color: var(--mute); }

.contact h2 { font-size: clamp(40px, 5vw, 68px); line-height: 1.04; font-weight: 600; letter-spacing: -.035em; }
html[data-lang="zh"] .contact h2 { letter-spacing: .02em; }
.email {
  display: inline-block;
  margin-top: 30px;
  font-size: clamp(20px, 2vw, 26px);
  letter-spacing: -.01em;
  text-decoration: none;
  background: linear-gradient(currentColor, currentColor) 0 100% / 100% 1px no-repeat;
  padding-bottom: 3px;
  transition: color .3s var(--ease);
}
.email:hover { color: var(--accent); }
.elsewhere, .phones { list-style: none; padding: 0; display: flex; flex-wrap: wrap; column-gap: 26px; row-gap: 6px; }
.elsewhere { margin-top: 30px; }
.elsewhere a, .phones a { text-decoration: none; transition: color .3s var(--ease); }
.elsewhere a { color: var(--ink); }
.elsewhere a:hover, .phones a:hover { color: var(--accent); }
.phones { margin-top: 14px; font-size: 14px; color: var(--mute); font-variant-numeric: tabular-nums; }
.where { margin-top: 10px; font-size: 14px; color: var(--mute); }
/* the CV: one quiet dark pill under the address, the only button on the page */
.cv { margin-top: 26px; }
.cv-btn {
  display: inline-flex; align-items: center; gap: 9px;
  padding: 12px 20px 12px 17px; border-radius: 999px;
  font-size: 15px; line-height: 1; color: #fff; text-decoration: none;
  background: var(--ink);
  box-shadow: 0 10px 24px -14px rgba(0, 0, 0, .45);
  transition: background-color .3s var(--ease), transform .3s var(--ease-out), box-shadow .3s var(--ease);
}
.cv-btn svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.cv-btn:hover { background: #000; transform: translateY(-1px); box-shadow: 0 14px 28px -14px rgba(0, 0, 0, .5); }
.cv-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.foot { position: absolute; left: var(--gutter); bottom: 28px; color: var(--faint); }
.foot small { font-size: 12px; }

/* ---------- Intro: greetings, then the name travels into the hero ---------- */
.intro { display: none; }
html.intro-on .intro {
  display: grid; place-items: center;
  position: fixed; inset: 0; z-index: 60;
  padding: 0 var(--gutter);
  pointer-events: none;
}
.intro .curtain { position: absolute; inset: 0; background: var(--bg); }
#name .w { display: inline-block; }   /* the same box as the typed name words, so the hand-over lands exactly */
html.intro-on .hero h1 { visibility: hidden; }
html.intro-on :is(.hero .lede, .hero .role, .hero-mini, .nav) { opacity: 0; }
html.intro-on .nav { pointer-events: none; visibility: hidden; }
html.intro-on.intro-out .nav { visibility: visible; }
html.intro-on.intro-out :is(.hero .lede, .hero .role, .hero-mini, .nav) { opacity: 1; transition: opacity .9s var(--ease) .6s; }
/* if the script never runs, the intro gets out of the way on its own */
html.intro-on:not(.intro-run) .intro { animation: intro-bail .4s 4s forwards; }
html.intro-on:not(.intro-run) .hero h1 { animation: intro-show 0s 4.2s forwards; }
html.intro-on:not(.intro-run) :is(.hero .lede, .hero .role, .hero-mini, .nav) { animation: intro-show .4s 4.2s forwards; }
@keyframes intro-bail { to { opacity: 0; visibility: hidden; } }
@keyframes intro-show { to { opacity: 1; visibility: visible; } }

/* three typed lines, close in size; the name then travels into the hero title */
.typer { position: relative; max-width: 100%; }
.typer p { margin: 0; }
.typer .ty1 { font-size: clamp(30px, 3.4vw, 48px); line-height: 1.2; font-weight: 600; letter-spacing: -.035em; color: var(--ink); }
/* lines 2 and 3 share one size and one weight; only their colours differ */
.typer :is(.ty2, .ty3) { font-size: clamp(22px, 2.5vw, 35px); line-height: 1.35; letter-spacing: -.02em; font-weight: 400; }
.typer .ty2 { margin-top: .55em; color: var(--ink2); }
.typer .ty3 { margin-top: .12em; color: var(--mute); }
.typer .hl { color: var(--accent); }   /* the same blue as the moving parts of the drawing */
html[data-lang="zh"] .typer .ty1 { letter-spacing: .02em; }   /* same tracking as the hero name it becomes */
html[data-lang="zh"] .typer :is(.ty2, .ty3) { letter-spacing: .03em; }
.typer .w { display: inline-block; transform-origin: 0 0; }
.typer .nm { white-space: nowrap; }
.typer .c { opacity: 0; transition: opacity .16s linear; }
.typer .c.on { opacity: 1; }
.typer .caret {
  display: inline-block;
  width: 2px; height: 1em;
  margin-left: .06em;
  vertical-align: -.12em;
  border-radius: 1px;
  background: var(--accent);
  animation: caret 1.05s steps(1) infinite;
}
.typer.typing .caret { animation: none; }
@keyframes caret { 50% { opacity: 0; } }


/* ---------- Pinned scenes: content stays put, scenes change in place ---------- */
html.pinned .scene { height: 100vh; height: 100svh; }
html.pinned .layer {
  position: fixed; inset: 0; z-index: 2;
  min-height: 0;
  padding: 120px var(--gutter) 64px;
  opacity: 0;
  pointer-events: none;
  /* scenes zoom as one block: forward = the old one grows past you, the new one arrives from the distance */
  transform-origin: 36% 50%;
}
html.pinned .scene.is-active .layer { opacity: 1; }
html.pinned .scene.is-live .layer > * { pointer-events: auto; }
.mode-switch .layer, .mode-switch .backdrop .diagram { transition: none !important; }
html.pinned .veil { display: none; }

/* ---------- Language change: blur cross-fade ---------- */
html::view-transition { pointer-events: none; }
::view-transition-old(root) { animation: vt-out .3s var(--ease) both; }
::view-transition-new(root) { animation: vt-in .45s var(--ease) .22s both; }
::view-transition-old(backdrop) { display: none; }
::view-transition-new(backdrop) { animation: none; }
@keyframes vt-out { to { opacity: 0; filter: blur(4px); } }
@keyframes vt-in { from { opacity: 0; filter: blur(4px); } }

/* fallback when View Transitions are not available */
main { transition: opacity .3s var(--ease); }
.nav .links, .chapter-t { transition: opacity .3s var(--ease), filter .3s var(--ease); }
/* no filter on <main>: it would become the containing block of the pinned (fixed) layers */
.swapping main { opacity: 0; }
.swapping .nav .links, .swapping .chapter-t { opacity: 0; filter: blur(4px); }

/* ---------- Narrow screens: flowing layout, one drawing per chapter ---------- */
@media (max-width: 1023px) {
  .col, .about .col, .exp .col, .edu .col { max-width: 36rem; }
  .backdrop { display: none; }
  .hero .layer { padding-top: 88px; padding-bottom: 8vh; }
  .js .hero-mini { display: block; aspect-ratio: 784 / 420; max-height: max(0px, calc(100svh - 520px)); margin: 0 0 28px; }
  .scene:not(.hero) .layer { min-height: 0; padding: 104px var(--gutter) 56px; }
  .scene.contact:not(.hero) .layer { min-height: 100vh; min-height: 100svh; align-content: center; }
  .exp .col.cv { grid-template-columns: 1fr; row-gap: 64px; }
  .about .layer { grid-template-columns: 1fr; }
  .portrait { justify-self: start; order: -1; width: 132px; margin-bottom: 30px; }
  .portrait img { border-radius: 22px; }
  .js .mini:not(.hero-mini) { display: block; margin: 30px 0 4px; aspect-ratio: 16 / 10; width: min(100%, calc(min(30svh, 230px) * 1.6)); }
  /* chapter 04 shows the whole team, all three projects: a wider crop (site.js CROPS), no taller than the others */
  .js .mini[data-hl="w4"] { aspect-ratio: 744 / 322.5; width: min(100%, calc(min(30svh, 230px) * 744 / 322.5)); }
}
@media (max-width: 1023px) and (max-height: 500px) {
  .js .mini:not(.hero-mini) { display: none; }
}

/* short laptop screens: keep the scene-by-scene layout by tightening it */
@media (min-width: 1024px) and (max-height: 760px) {
  html.pinned .layer { padding: 96px var(--gutter) 40px; }
  .work h3 { font-size: clamp(32px, 3.4vw, 44px); }
  .work .line { margin-top: 10px; }
  .work ul { margin-top: 22px; gap: 10px; }
  .work li { font-size: 16px; line-height: 1.5; }
  .meta { margin-bottom: 10px; }
  .hero .lede { margin-top: 28px; }
  .about .big { margin-bottom: 20px; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .col { max-width: 40vw; }
  .work li { font-size: 16px; line-height: 1.5; }
  .backdrop .diagram { width: 50vw; right: -1vw; top: 52%; }
}
@media (min-width: 721px) {
  html[data-lang="zh"]:not(.pinned) .nav { width: 404px; }
  html[data-lang="zh"]:not(.pinned) .links a { padding-left: 15px; padding-right: 15px; }
}

@media (max-width: 720px) {
  body { font-size: 16px; }
  .nav { width: calc(100% - 32px); justify-content: space-between; }
  .js .menu { display: block; }
  .js .nav .links {
    position: absolute; top: calc(100% + 8px); left: 0; right: 0;
    flex-direction: column; align-items: stretch; gap: 0;
    padding: 6px;
    border-radius: 20px;
    background: rgba(251, 251, 253, .97);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 16px 40px -16px rgba(0, 0, 0, .18);
    opacity: 0; visibility: hidden;
    transform: translateY(-6px);
    transition: opacity .3s var(--ease), transform .3s var(--ease-out), visibility 0s .3s;
  }
  .js .nav.open .links { opacity: 1; visibility: visible; transform: none; transition: opacity .3s var(--ease), transform .4s var(--ease-out); }
  .js .nav .links a { padding: 14px 16px; font-size: 16px; border-radius: 14px; }
  html:not(.js) .nav a { padding-left: 8px; padding-right: 8px; }
  .lang { margin-left: auto; }
  .lang::before { display: none; }
  .chapter { top: 64px; }
  .veil { height: 100px; }
  .row, .exp .row { grid-template-columns: 1fr; row-gap: 2px; }
  .row .when { grid-row: auto; font-size: 14px; }
  .foot { bottom: 22px; }
}

/* ---------- Reduced motion: everything visible, nothing moves ---------- */
@media (prefers-reduced-motion: reduce) {
  .js .scene:not(.is-in) .r { opacity: 1; }
  .js .backdrop .draw { stroke-dasharray: none; stroke-dashoffset: 0; }
  .js .backdrop :is(.lbl, .dash) { opacity: 1; }
  .js .backdrop .n { fill-opacity: 1; }
  .js .backdrop :is(.leds, .acct-name) { opacity: 1; }
  .diagram .fx { animation: none !important; }
  .diagram :is(.live, .cl, .pen) { display: none; }
  .veil::before { display: none; }
  *, *::before, *::after { transition-duration: .01ms !important; transition-delay: 0s !important; animation-duration: .01ms !important; }
  ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
}

/* ---------- Print / Save as PDF ---------- */
@media print {
  .backdrop, .nav, .veil, .chapter, .skip, .mini, .intro { display: none !important; }
  html.intro-on .hero h1 { visibility: visible; }
  html.pinned .scene { height: auto; }
  .layer, html.pinned .layer { position: static; min-height: 0; padding: 24px 0; opacity: 1 !important; filter: none !important; transform: none !important; }
  .js .scene .r { opacity: 1 !important; filter: none !important; transform: none !important; }
  .col, .about .col, .exp .col, .edu .col { max-width: none; }
  .foot { position: static; margin-top: 24px; }
  h1, h2, h3, .meta { break-after: avoid; }
  .row, li, .block { break-inside: avoid; }
  .exp .col.cv { display: block; }
}