diff --git a/.gitignore b/.gitignore index c8d0dab84..cebf9f104 100644 --- a/.gitignore +++ b/.gitignore @@ -31,6 +31,11 @@ website/build/ website/i18n/ website/.docusaurus/ website/package-lock.json +website-desktop/translated_docs/ +website-desktop/build/ +website-desktop/i18n/ +website-desktop/.docusaurus/ +website-desktop/package-lock.json # Generated docs docs/contributing.md diff --git a/vuu-ui/scripts/utils.mjs b/vuu-ui/scripts/utils.mjs index ade88201f..6ec168cea 100644 --- a/vuu-ui/scripts/utils.mjs +++ b/vuu-ui/scripts/utils.mjs @@ -36,14 +36,15 @@ export const execWait = (cmd, cwd = ".") => new Promise((resolve, reject) => { // const newProcess = exec(cmd, { cwd }, (err, stdout, stderr) => { exec(cmd, { cwd }, (err, stdout, stderr) => { - if (err) { - reject(err); - } + console.log(stdout); if (stderr) { console.log(`stderr: ${stderr}`); } - console.log(stdout); - resolve(); + if (err) { + reject(err); + } else { + resolve(); + } }); // newProcess.stdout.on("data", function (data) { // console.log(data); @@ -105,6 +106,17 @@ export const assertFolderExists = (folderName, exitIfFalse) => { return true; }; +export const writeFile = async (text, path) => + new Promise((resolve, reject) => { + fs.writeFile(path, text, (err) => { + if (err) { + reject(err); + } else { + resolve(); + } + }); + }); + export const writeJsonFileFile = async (json, path) => new Promise((resolve, reject) => { fs.writeFile(path, JSON.stringify(json, null, 2), (err) => { diff --git a/website-desktop/README.md b/website-desktop/README.md new file mode 100644 index 000000000..d6a6aa9a2 --- /dev/null +++ b/website-desktop/README.md @@ -0,0 +1,30 @@ +This website was created with [Docusaurus v2](https://v2.docusaurus.io/). + +In order to start working with Docusaurus, please read the [Getting Started guide](https://docusaurus.io/docs/configuration) and browse through the following folders and files: + +- `website` - contains the Node/React code to build the website +- `website/docusaurus.config.js` - contains the Docusaurus configuration; you'll need to edit this file. +- `website/static` - contains images, PDF and other static assets used in the website; if you add a `file.pdf` in this folder, it will be served as `https:///file.pdf`. +- `docs` - contains the `.md` and `.mdx` files that are served as `https:///` ; the `file_id` is defined at the top of the file. + +## Local run + +Running Docusaurus locally is very simple, just follow these steps: + +- Make sure `node` version is 14 or higher, using `node -v` ; you can use [nvm](https://github.com/nvm-sh/nvm) to install different node versions in your system. +- `cd website ; npm install ; npm run start` + +The command should open your browser and point to `http://localhost:3000`. + +## Deployment + +[Netlify] (https://www.netlify.com/) is the default way to serve FINOS websites publicly. Find docs [here] (https://docs.netlify.com/configure-builds/get-started/). + +You can configure Netlify using your own GitHub account, pointing to a personal repository (or fork); when adding a new site, please use the following configuration: + +- Working directory: `website` +- Build command: `yarn build` +- Build directory: `website/build` + +If you want to serve your website through `https://.finos.org`, please email [help@finos.org](mailto:help@finos.org). To check a preview, visit https://project-blueprint.finos.org . +. diff --git a/website/docusaurus.config.js b/website-desktop/docusaurus.config.js similarity index 97% rename from website/docusaurus.config.js rename to website-desktop/docusaurus.config.js index 593f6fc8d..1e07c441d 100644 --- a/website/docusaurus.config.js +++ b/website-desktop/docusaurus.config.js @@ -1,4 +1,5 @@ // Docs at https://v2.docusaurus.io/docs/configuration +const fs = require("fs"); // Replace 'project-blueprint' with {project name} const projectName = "VUU"; @@ -11,7 +12,7 @@ module.exports = { title: `FINOS ${projectName}`, tagline: `FINOS ${projectName}`, url: "https://vuu.finos.org", - baseUrl: "/", + baseUrl: "/desktop/", favicon: "img/favicon/vuu-logo-favicon.png", projectName: `FINOS ${projectName}`, organizationName: "FINOS", diff --git a/website-desktop/package.json b/website-desktop/package.json new file mode 100644 index 000000000..543cf46dc --- /dev/null +++ b/website-desktop/package.json @@ -0,0 +1,20 @@ +{ + "scripts": { + "start": "docusaurus start", + "swizzle": "docusaurus swizzle", + "build": "node ./scripts/build-desktop.mjs", + "publish-gh-pages": "docusaurus deploy" + }, + "devDependencies": { + "@docusaurus/core": "^2.2.0", + "@docusaurus/preset-classic": "^2.2.0", + "classnames": "^2.2.6", + "eslint": "^7.25.0", + "eslint-plugin-react": "^7.23.2", + "react": "^16.10.2", + "react-dom": "^16.10.2" + }, + "dependencies": { + "is-promise": "2.1.0" + } +} diff --git a/website-desktop/scripts/build-desktop.mjs b/website-desktop/scripts/build-desktop.mjs new file mode 100644 index 000000000..05907c0d4 --- /dev/null +++ b/website-desktop/scripts/build-desktop.mjs @@ -0,0 +1,13 @@ +import { execWait, writeFile } from "../../vuu-ui/scripts/utils.mjs"; +import fs from "fs"; +import { execSync } from "child_process"; + +const redirectToDesktop = ``; + +console.log(`run desktop build`); +await execWait("docusaurus build --out-dir ../website/build/desktop"); +// let stdout = execSync("docusaurus build --out-dir ../website/build/desktop"); +// console.log(stdout.toString()); + +// console.log(`run desktop build`); +// await execWait(`docusaurus build`); diff --git a/website-desktop/scripts/build.js b/website-desktop/scripts/build.js new file mode 100644 index 000000000..4d9174911 --- /dev/null +++ b/website-desktop/scripts/build.js @@ -0,0 +1,3 @@ +const { build } = require("@docusaurus/core/lib"); + +build(); diff --git a/website-desktop/sidebars.js b/website-desktop/sidebars.js new file mode 100644 index 000000000..9fbbbb459 --- /dev/null +++ b/website-desktop/sidebars.js @@ -0,0 +1,138 @@ +module.exports = { + mainSidebar: [ + { + type: "category", + label: "Introduction", + items: [ + "introduction/what_is", + "introduction/how_does_it_work", + "introduction/trade-offs", + ], + link: { + type: "doc", + id: "introduction/intro", + }, + }, + { + type: "category", + label: "Getting Started", + items: [ + "getting_started/developing", + "getting_started/adding", + "getting_started/using_vuu_from_java", + "getting_started/configuration", + ], + link: { + type: "doc", + id: "getting_started/getting_started", + }, + }, + { + type: "category", + label: "Core Concepts", + items: [ + "providers_tables_viewports/lifecycle", + "providers_tables_viewports/providers", + "providers_tables_viewports/tables", + "providers_tables_viewports/viewports", + "providers_tables_viewports/filter_sort", + "providers_tables_viewports/modules", + ], + link: { + type: "doc", + id: "providers_tables_viewports/providers_tables_viewports", + }, + }, + { + type: "category", + label: "Trees and Session Tables", + items: ["trees/trees", "trees/tree_builder", "trees/aggregates"], + link: { + type: "doc", + id: "trees/trees_session_tables", + }, + }, + { + type: "category", + label: "Server Internals", + items: [ + "server_internals/tickpath", + "server_internals/viewport_thread", + "server_internals/join_manager", + ], + link: { + type: "doc", + id: "server_internals/server_internals", + }, + }, + { + type: "category", + label: "Remote Procedure Calls", + items: ["rpc/service", "rpc/Menu_items"], + link: { + type: "doc", + id: "rpc/rpc", + }, + }, + { + type: "category", + label: "Wire Protocol", + items: ["wire/viewport_ack_nack"], + link: { + type: "doc", + id: "wire/wire_protocol", + }, + }, + { + type: "category", + label: "The UI", + items: [ + "ui/vuu_data", + "ui/vuu_data_ag_grid", + "ui/vuu_data_table", + "ui/visual_linking", + "ui/custom_controls", + "ui/calculated_columns", + ], + + link: { + type: "doc", + id: "ui/ui-overview", + }, + }, + { + type: "category", + label: "Performance Optimisation", + items: ["perf/indices", "perf/query_planner"], + link: { + type: "doc", + id: "perf/performance_optimization", + }, + }, + { + type: "category", + label: "Security", + items: ["security/authentication", "security/authorisation"], + link: { + type: "doc", + id: "security/security", + }, + }, + { + type: "category", + label: "New Features - RFC", + items: ["rfc/conditional_formatting"], + }, + { + type: "category", + label: "FAQ", + items: ["faq/debugging_json_messages"], + link: { + type: "doc", + id: "faq/faq", + }, + }, + "team", + "roadmap", + ], +}; diff --git a/website-desktop/src/components/ChartMobile.tsx b/website-desktop/src/components/ChartMobile.tsx new file mode 100644 index 000000000..5635dbb70 --- /dev/null +++ b/website-desktop/src/components/ChartMobile.tsx @@ -0,0 +1,370 @@ +import React from "react"; +// import Chart from "../../static/img/vuu/Chart.svg"; + + + +export const ChartMobile = () => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) +} \ No newline at end of file diff --git a/website-desktop/src/components/DataAnimation.css b/website-desktop/src/components/DataAnimation.css new file mode 100644 index 000000000..b64db8742 --- /dev/null +++ b/website-desktop/src/components/DataAnimation.css @@ -0,0 +1,37 @@ + +#vuu-data-animation { + --vuu-animation-override: unset; + height: 400px; + opacity: 1; + shape-rendering: geometricPrecision; + transition: opacity 1.5s linear; + white-space: pre; + width: 400px; +} + +#vuu-data-animation.vuu-hidden { + opacity: 0; +} + +#vuu-data-animation g { + animation-direction: alternate; + animation-duration: var(--vuu-animation-duration, 6.4s); + animation-fill-mode: both; + animation-name: var(--vuu-animation-override, var(--vuu-animation)); + animation-iteration-count: 1; + offset-rotate: 0deg; + transform: translate(-1.5px, -1.5px); +} + +#vuu-data-animation path { + animation-direction: alternate; + animation-duration: var(--vuu-animation-duration, 6.4s); + animation-fill-mode: both; + animation-iteration-count: 1; + animation-name: var(--vuu-animation-override, var(--vuu-animation)); + fill: rgb(231, 255, 195); + fill-opacity: 1; + fill-rule: nonzero; + opacity: 1; + } + \ No newline at end of file diff --git a/website-desktop/src/components/DataAnimation.tsx b/website-desktop/src/components/DataAnimation.tsx new file mode 100644 index 000000000..8af34abb4 --- /dev/null +++ b/website-desktop/src/components/DataAnimation.tsx @@ -0,0 +1,1147 @@ +import React, { useCallback, useEffect, useRef } from "react"; + +// The @keyframe animations required by this component are deployed as a static asset and included in index.html +// using the styleSheets config attribute. If allowed to be processed by webpack build, they are stripped out. + +import "./DataAnimation.css"; + +declare module "react" { + interface CSSProperties { + [key: `--${string}`]: string | number; + } +} + +export interface DataAnimationProps { + animationState: "waiting" | "running" | "paused"; + height?: number; + interval?: number; + width?: number; +} + +export const DataAnimation = ({ + animationState = "running", + height = 700, + interval = 5, + width = 700, +}: DataAnimationProps) => { + const svgRef = useRef(null); + const [playing, setPlaying] = React.useState<"none" | "unset">("none"); + + const handleTransitionEnd = useCallback(() => { + if (svgRef.current) { + setPlaying("none"); + if (svgRef.current.classList.contains("vuu-hidden")) { + svgRef.current.classList.remove("vuu-hidden"); + } else { + setPlaying("unset"); + } + } + }, []); + + const handleAnimationEnd = React.useCallback(() => { + if (svgRef.current) { + svgRef.current.addEventListener("transitionend", handleTransitionEnd); + svgRef.current.classList.add("vuu-hidden"); + } + }, []); + + useEffect(() => { + if (animationState === "running") { + console.log("kick off data animation"); + setPlaying("unset"); + } else { + setPlaying("none"); + } + }, [animationState]); + + // prettier-ignore + return ( +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ ); +}; diff --git a/website-desktop/src/components/MdxSection.css b/website-desktop/src/components/MdxSection.css new file mode 100644 index 000000000..2eb7635db --- /dev/null +++ b/website-desktop/src/components/MdxSection.css @@ -0,0 +1,52 @@ +.vuuMdxSection { + --vuu-section-width: 100%; + --ifm-link-hover-color: var(--vuu-accent1); + --ifm-link-hover-decoration: none; + --vuu-heading5-color: var(--vuu-accent1); + display: inline-block; + margin-bottom: 32px; + width: var(--vuu-section-width); + +} + +.vuu-section-2-col-1, +.vuu-section-2-col-2 { + --vuu-section-width: calc(50% - 16px); +} + +.vuu-section-2-col-2 { + margin-left: 32px; +} + +.vuuMdxSection-heading { + align-items: center; + background: linear-gradient(180deg, #2A015F 0%, #1D0041 100%); + border-radius: 12px 12px 0 0; + display: flex; + flex-direction: column; + padding: 20px; +} + +.vuuMdxSection-icon { + background-image: var(--vuu-background-image); + background-repeat: no-repeat; + background-size: contain; + background-position: center center; + height: 64px; + width: 64px; +} + +.vuuMdxSection-title { + padding-top: 12px; + white-space: nowrap; +} + +.vuuMdxSection-subTitle { + border-color:#C7CBDE; + border-radius: 0 0 12px 12px; + border-width: 1px; + border-style: none solid solid solid; + font-size: 24px; + line-height: 34px; + padding: 20px; +} \ No newline at end of file diff --git a/website-desktop/src/components/MdxSection.tsx b/website-desktop/src/components/MdxSection.tsx new file mode 100644 index 000000000..a3f94616c --- /dev/null +++ b/website-desktop/src/components/MdxSection.tsx @@ -0,0 +1,33 @@ +import React, { HTMLAttributes } from "react"; +import cx from "classnames"; +import Link from "@docusaurus/Link"; + +import "./MdxSection.css"; + +const classBase = "vuuMdxSection"; + +export interface MdxSectionProps { + className?: "vuu-section-2-col-1" | "vuu-section-2-col-2"; + subTitle: string; + title: string; + titleLink: string; +} + +export const MdxSection = ({ + className, + subTitle, + title, + titleLink, +}: MdxSectionProps) => { + return ( +
+
+
+ + {title} + +
+
{subTitle}
+
+ ); +}; diff --git a/website-desktop/src/components/RevolvingCaption.css b/website-desktop/src/components/RevolvingCaption.css new file mode 100644 index 000000000..0529f074f --- /dev/null +++ b/website-desktop/src/components/RevolvingCaption.css @@ -0,0 +1,28 @@ +.vuuRevolvingCaption { + --vuu-revolving-caption-transform: translateY(0px); + + display: inline-block; + height: var(--vuu-heading1-lineHeight); + margin-left: 12px; + overflow: hidden; + position: relative; + vertical-align: top; +} + +.vuuRevolvingCaption-captionContainer { + transform: var(--vuu-revolving-caption-transform); + transition-property: var(--vuu-revolving-caption-transitionProperty); + transition-duration: 1s; + transition-timing-function: linear;; +} + +.vuu-revolving-caption { + color: var(--vuu-accent1); + opacity: 1; + } + + .vuu-revolving-caption-exit { + opacity: 0; + transition: opacity .6s linear; +} + \ No newline at end of file diff --git a/website-desktop/src/components/RevolvingCaption.tsx b/website-desktop/src/components/RevolvingCaption.tsx new file mode 100644 index 000000000..fefd86069 --- /dev/null +++ b/website-desktop/src/components/RevolvingCaption.tsx @@ -0,0 +1,104 @@ +import React, { + CSSProperties, + HTMLAttributes, + useEffect, + useMemo, + useRef, + useState, +} from "react"; +import cx from "classnames"; + +import "./RevolvingCaption.css"; + +export interface RevolvingCaptionProps extends HTMLAttributes { + animationState: "waiting" | "running" | "paused"; + captions: string[]; + intervals?: number[]; + loopInterval?: number; +} + +export const RevolvingCaption = ({ + animationState = "running", + captions: captionsProp, + intervals = Array(captionsProp.length).fill(5), + loopInterval = 5, + style, + ...htmlAttributes +}: RevolvingCaptionProps) => { + const captions = useMemo( + () => captionsProp.concat([captionsProp[0]]), + [captionsProp] + ); + const [index, setIndex] = useState(0); + const timerRef = useRef(undefined); + + useEffect(() => { + const revolve = () => { + if (index === captions.length - 1) { + setIndex(0); + } else { + setIndex(index + 1); + } + timerRef.current = undefined; + }; + + if (timerRef.current === undefined && animationState === "running") { + const interval = intervals[index] ?? loopInterval; + timerRef.current = window.setTimeout( + revolve, + Math.floor(interval * 1000) + ); + } else if (timerRef.current !== undefined && animationState !== "running") { + window.clearTimeout(timerRef.current); + timerRef.current = undefined; + } + }, [animationState, captions, index]); + + const offset = index * 84; + + const transitionStyle = + offset === 0 + ? { + "--vuu-revolving-caption-transitionProperty": `none`, + "--vuu-revolving-caption-transform": `translateY(0px)`, + } + : { + "--vuu-revolving-caption-transitionProperty": `transform`, + "--vuu-revolving-caption-transform": `translateY(-${offset}px)`, + }; + + useEffect( + () => () => { + if (timerRef.current) { + window.clearTimeout(timerRef.current); + } + }, + [] + ); + + return ( +
+
+ {captions.map((caption, i) => ( +
+ {caption} +
+ ))} +
+
+ ); +}; diff --git a/website-desktop/src/components/SvgArrow.css b/website-desktop/src/components/SvgArrow.css new file mode 100644 index 000000000..8d529710b --- /dev/null +++ b/website-desktop/src/components/SvgArrow.css @@ -0,0 +1,49 @@ + +@keyframes pulse-arrow { + 0% { + fill: rgba(255, 255, 255, 0.65); + } + 80% { + fill: rgba(255, 255, 255, 0.65); + r: 4; + } + 85% { + fill: rgba(255, 255, 255, 1); + r: 6; + } + 100% { + fill: rgba(255, 255, 255, 0.65); + r: 4; + } + } + +.SvgArrow { + fill: rgba(255, 255, 255, 0.65); +} + +.SvgArrow-shaft { + animation: pulse-arrow 2s; + animation-iteration-count: infinite; +} + +.SvgArrow-shaft:nth-child(1) { + animation-delay: 0.3s; +} +.SvgArrow-shaft:nth-child(2) { + animation-delay: 0.4s; +} +.SvgArrow-shaft:nth-child(3) { + animation-delay: 0.5s; +} +.SvgArrow-shaft:nth-child(4) { + animation-delay: 0.6s; +} +.SvgArrow-shaft:nth-child(5) { + animation-delay: 0.7s; +} + +.SvgArrow-tip { + animation: wing-fold 1s; + animation-delay: var(--svg-delay); + animation-fill-mode: forwards; +} diff --git a/website-desktop/src/components/SvgArrow.tsx b/website-desktop/src/components/SvgArrow.tsx new file mode 100644 index 000000000..c906c4fed --- /dev/null +++ b/website-desktop/src/components/SvgArrow.tsx @@ -0,0 +1,34 @@ +import React from "react"; +import "./SvgArrow.css"; + +const classBase = "SvgArrow"; + +export interface ArrowProps { + className?: string; + radius?: number; +} + +export const SvgArrow = ({ className, radius = 4 }: ArrowProps) => { + return ( + + + + + + + + + + + + + + + + + ); +}; diff --git a/website-desktop/src/components/SvgDottySeparator.css b/website-desktop/src/components/SvgDottySeparator.css new file mode 100644 index 000000000..00739f912 --- /dev/null +++ b/website-desktop/src/components/SvgDottySeparator.css @@ -0,0 +1,6 @@ +.SvgDottySeparator { + display: block; + fill: var(--vuu-accent2); + height: 44px; + width: 7px; +} \ No newline at end of file diff --git a/website-desktop/src/components/SvgDottySeparator.tsx b/website-desktop/src/components/SvgDottySeparator.tsx new file mode 100644 index 000000000..4daec31d5 --- /dev/null +++ b/website-desktop/src/components/SvgDottySeparator.tsx @@ -0,0 +1,31 @@ +import React, { HTMLAttributes } from "react"; +import cx from "classnames"; + +import "./SvgDottySeparator.css"; + +const classBase = "SvgDottySeparator"; + +export interface DottySeparatorProps extends HTMLAttributes { + className?: string; + orientation?: "vertical" | "horizontal"; +} + +export const SvgDottySeparator = ({ + className, + ...svgAttributes +}: DottySeparatorProps) => { + return ( + + + + + + + + ); +}; diff --git a/website-desktop/src/components/VuuFeature.css b/website-desktop/src/components/VuuFeature.css new file mode 100644 index 000000000..757de1bfd --- /dev/null +++ b/website-desktop/src/components/VuuFeature.css @@ -0,0 +1,171 @@ + +.vuuFeature { + --vuu-feature-animation-duration: .25s; + --vuu-feature-animation-container-width: 0px; + --vuu-feature-animation-background-width: 0px; + --vuu-feature-detail-img-height: 476px; + --vuu-feature-detail-img-width: 461px; + --vuu-animation-shadow-width: var(--vuu-feature-detail-img-width); + + --feature-width: var(--vuu-feature-width, 255px); + --vuu-feature-flex-basis: var(--feature-width); + --vuu-feature-main-width: var(--feature-width, 255px); + --vuu-feature-main-opacity: 1; + --vuu-feature-main-transform: translate(0,0); + --vuu-feature-main-item-transform: translate(0,0); + --vuu-feature-main-title-opacity: 1; + --vuu-feature-main-title-transform: translate(0,0) rotate(0) ; + --vuu-feature-title-vertical-opacity: 0; + --vuu-feature-title-vertical-transform: rotate(-90deg) translate(66px, -20px); + + display: flex; + flex-grow: 0; + flex-shrink: 0; + flex-basis: var(--vuu-feature-flex-basis); + overflow: hidden; + position: relative; + transition: flex-basis var(--vuu-feature-animation-duration) linear; +} +.vuuFeature-main { + position: relative; + width: var(--vuu-feature-main-width); + max-width: var(--feature-width); + transition-property: opacity, transform, width; + transition-duration: var(--vuu-feature-animation-duration); + transition-timing-function: linear; + transform: var(--vuu-feature-main-transform); + + } + +.vuuFeature-active { + --vuu-feature-animation-container-width: 457px; + --vuu-feature-animation-container-left: 32px; + --vuu-feature-animation-background-width: 418px; + --vuu-animation-shadow-width: 0; + --vuu-feature-flex-basis: 764px; + + overflow: visible; +} + +.vuuFeature-minimized { + --vuu-feature-flex-basis: auto; + --vuu-feature-main-opacity: 0; + --vuu-feature-main-title-opacity: 0; + --vuu-feature-title-vertical-opacity: 1; + --vuu-feature-main-width: 100px; +} + +.vuuFeature-minimized.vuuFeature-swing-title { + --vuu-feature-main-title-opacity: 1; + --vuu-feature-main-title-transform: rotate(-90deg) translate(-192px, -50px); + --vuu-feature-title-vertical-opacity: 0; + --vuu-feature-main-item-transform: translate(0, 300px); + +} + +.vuuFeature-minimized.vuuFeature-swing-all { + --vuu-feature-main-opacity: 0; + /* --vuu-feature-main-item-transform: rotate(-90deg) translateY(100px); */ +} + +.vuuFeature-minimized.vuu-conflation { + --vuu-feature-title-vertical-transform: rotate(-90deg) translate(66px, -60px); +} +.vuuFeature-minimized.vuu-joining-treeing { + --vuu-feature-title-vertical-transform: rotate(-90deg) translate(20px, -20px); +} + +.vuuFeature-heroImg-container { + display: var(--vuu-feature-img-display, block); + height: 100px; + margin-bottom: 20px; + opacity: var(--vuu-feature-main-opacity); + transition-property: opacity, transform; + transition-duration: var(--vuu-feature-animation-duration); + transition-timing-function: linear; + transform: var(--vuu-feature-main-item-transform); + width: 100px; + } + + .vuuFeature-title { + display: flex; + flex-direction: column; + height: 112px; + justify-content: flex-end; + opacity: var(--vuu-feature-main-title-opacity); + /* forces the line break */ + width: 200px; + top: 30px; + transition-property: opacity, transform; + transition-duration: var(--vuu-feature-animation-duration); + transition-timing-function: linear; + transform: var(--vuu-feature-main-title-transform); + } + + .vuuFeature-title-vertical { + bottom: 0; + left: 0; + max-width: 200px; + position: absolute; + opacity: var(--vuu-feature-title-vertical-opacity); + transition-property: opacity; + transition-duration: var(--vuu-feature-animation-duration); + transition-timing-function: linear; + transform: var(--vuu-feature-title-vertical-transform); + + } + + .vuuFeature-copy { + display: var(--vuu-feature-img-display, block); + opacity: var(--vuu-feature-main-opacity); + transition-property: opacity, transform; + transition-duration: var(--vuu-feature-animation-duration); + transition-timing-function: linear; + transform: var(--vuu-feature-main-item-transform); + width: var(--feature-width); + } + + .vuuFeature-animation-container { + position: relative; + height: 100%; + margin-left: var(--vuu-feature-animation-container-left); + } + + .vuuFeature-animation-bg { + background-color: white; + border-radius: 24px; + opacity: 0.2; + position: absolute; + top:0; + left:0; + height: calc(100% - 30px); + transition-property: width; + transition-duration: var(--vuu-feature-animation-duration); + transition-timing-function: linear; + width: var(--vuu-feature-animation-background-width); + } + +.vuuFeature-animation-shadow { + background: linear-gradient(180deg, var(--vuu-dark-bg-background1) 0%, var(--vuu-dark-bg-background2) 100%); + opacity: .8; + position: absolute; + right: calc(-1 * var(--vuu-feature-detail-img-width)); + top:0; + max-width: unset; + width: var(--vuu-animation-shadow-width); + height: var(--vuu-feature-detail-img-height); + transform: translate(50px, 50px); + transition-property: width; + transition-duration: var(--vuu-feature-animation-duration); + transition-timing-function: linear; +} + +.vuuFeature-detailImg { + position: absolute; + left:0; + top:0; + max-width: unset; + height: var(--vuu-feature-detail-img-height); + width: var(--vuu-feature-detail-img-width); + transform: translate(50px, 50px); +} diff --git a/website-desktop/src/components/VuuFeature.jsx b/website-desktop/src/components/VuuFeature.jsx new file mode 100644 index 000000000..86067d8d7 --- /dev/null +++ b/website-desktop/src/components/VuuFeature.jsx @@ -0,0 +1,46 @@ +import React, { useCallback, useMemo } from "react"; +import { useFeatureLayout } from "./VuuFeatureLayout"; +import cx from "classnames"; + +import "./VuuFeature.css"; + +let featureId = 1; + +const classBase = "vuuFeature"; +const NO_CONTEXT = { activeFeatureId: -1, registerFeature: () => undefined }; + +export const VuuFeature = ({ + className: classNameProp, + DetailImg, + Img, + children, + title, +}) => { + const id = useMemo(() => featureId++, []); + const { className } = useFeatureLayout(id) ?? NO_CONTEXT; + return ( +
+
+ {Img ? ( +
+ VUU +
+ ) : null} +
{title}
+
+ {title} +
+
+ {children} +
+
+ {DetailImg ? ( +
+
+ VUU +
+
+ ) : null} +
+ ); +}; diff --git a/website-desktop/src/components/VuuFeatureLayout.css b/website-desktop/src/components/VuuFeatureLayout.css new file mode 100644 index 000000000..b1d433f09 --- /dev/null +++ b/website-desktop/src/components/VuuFeatureLayout.css @@ -0,0 +1,33 @@ +.vuuFeatureLayout { + height: 100%; + position: relative; +} +.vuuFeatureLayout-container { + display: flex; + gap: 20px; + height: 100%; + justify-content: space-between; + position: relative; +} + +.vuuFeatureLayout-separator { + background-color: white; + opacity: 0.1; + flex: 0 0 1px; +} + +.vuuFeatureLayout-mouseTrap { + background-color: rgba(255,255,255,.0005); + align-items: stretch; + display: flex; + gap: 50px; + height: 100%; + left: 0; + position: absolute; + top:0; + width: 100%; +} + +.vuuFeatureLayout-mouseTrap-zone { + flex: 1 1 auto; +} \ No newline at end of file diff --git a/website-desktop/src/components/VuuFeatureLayout.jsx b/website-desktop/src/components/VuuFeatureLayout.jsx new file mode 100644 index 000000000..03db8f035 --- /dev/null +++ b/website-desktop/src/components/VuuFeatureLayout.jsx @@ -0,0 +1,93 @@ +import React, { useCallback, useContext, useRef, useState } from "react"; +import cx from "classnames"; + +import "./VuuFeatureLayout.css"; + +const FeatureContext = React.createContext(); +const classBase = "vuuFeature"; + +const EMPTY_CONTEXT = { activeFeatureId: -1 }; + +export const useFeatureLayout = (id) => { + const context = useContext(FeatureContext); + if (context) { + const { activeFeatureId, registerFeature } = context; + registerFeature(id); + const isActive = id === activeFeatureId; + const isMinimised = !isActive && activeFeatureId !== -1; + // return { + // className: cx({ + // [`${classBase}-active`]: id === 3, + // [`${classBase}-minimized`]: id < 3, + // [`${classBase}-swing-title`]: true, + // [`${classBase}-swing-all`]: true, + // }), + return { + className: cx({ + [`${classBase}-active`]: isActive, + [`${classBase}-minimized`]: isMinimised, + [`${classBase}-swing-title`]: isMinimised && id < activeFeatureId, + [`${classBase}-swing-all`]: + isMinimised && id > activeFeatureId && activeFeatureId > 1, + }), + }; + } + return EMPTY_CONTEXT; +}; + +const Separator = () => { + return
; +}; + +export const VuuFeatureLayout = ({ children }) => { + const childIdRef = useRef([]); + const [activeFeatureId, setActiveFeatureId] = useState(-1); + const registerFeature = useCallback( + (featureId) => { + if (!childIdRef.current.includes(featureId)) { + childIdRef.current.push(featureId); + } + }, + [activeFeatureId] + ); + + const handleExpand = useCallback((index) => { + const featureId = childIdRef.current[index]; + if (featureId) { + setActiveFeatureId(featureId); + } + }, []); + + const handleCollapse = useCallback((index) => { + const featureId = childIdRef.current[index]; + if (featureId) { + setActiveFeatureId(-1); + } + }, []); + + return ( + +
+
+ {React.Children.toArray(children).reduce((elements, child, i) => { + i > 0 && elements.push(); + elements.push(child); + return elements; + }, [])} +
+
+ {React.Children.toArray(children).map((child, i) => { + return ( +
handleExpand(i)} + onMouseLeave={() => handleCollapse(i)} + /> + ); + }, [])} +
+
+ + ); +}; diff --git a/website-desktop/src/css/caret-right.svg b/website-desktop/src/css/caret-right.svg new file mode 100644 index 000000000..8fbbf8b61 --- /dev/null +++ b/website-desktop/src/css/caret-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/website-desktop/src/css/custom-mobile.css b/website-desktop/src/css/custom-mobile.css new file mode 100644 index 000000000..29d9ffa88 --- /dev/null +++ b/website-desktop/src/css/custom-mobile.css @@ -0,0 +1,380 @@ +/* stylelint-disable docusaurus/copyright-header */ +/** + * Any CSS included here will be global. The classic template + * bundles Infima by default. Infima is a CSS framework designed to + * work well for content-centric websites. + */ + @import url(vuu-theme.css); + @import url(vuu-icons.css); + @import url(vuu-components.css); + @import url(docs-pages.css); + +:root { + + --vuu-heading3-color: var(--vuu-accent1); + + --vuu-navbar-height: 200px; + --vuu-navbar-padding: 80px; + /* --vuu-navbar-logo-size: 90px; */ + --vuu-navbar-menu-top: 26px; + --vuu-navbar-bg: transparent; + --vuu-navbar-background-position: 0px; + --vuu-bg-gradient: linear-gradient( + 180deg, + var(--vuu-dark-bg-background2) 0px, + var(--vuu-dark-bg-background1) 800px, + var(--vuu-dark-bg-background1) 1276px, + var(--vuu-dark-bg-background2) 1952px + ); + + --vuu-transition-duration: .3s; + + --ifm-color-emphasis-300: transparent; + --ifm-color-primary: #00b5e2; + --ifm-color-primary-dark: #0079ac; + --ifm-color-primary-darker: #0072a2; + --ifm-color-primary-darkest: #005e86; + --ifm-color-primary-light: #0093d2; + --ifm-color-primary-lighter: #009adc; + --ifm-color-primary-lightest: #00aef8; + --ifm-container-width-xl: 1060px; + --ifm-font-color-base: #1c1e21; + --ifm-heading-color: var(--vuu-dark-text-primary); + --ifm-heading-font-family: var(--vuu-font-family); + --ifm-heading-font-weight: 300; + --ifm-heading-line-height: unset; + --ifm-heading-margin-bottom: 0; + --ifm-link-color: var(--vuu-dark-text-secondary); + --ifm-list-left-padding: 0; + --ifm-list-item-margin: 18px; + + --ifm-menu-color: var(--vuu-light-text-primary); + --ifm-menu-color-active: var(--vuu-light-text-primary); + --ifm-menu-color-background-active: transparent; + + --ifm-navbar-background-color: transparent; + --ifm-navbar-height: var(--vuu-navbar-height); + --ifm-navbar-link-color: #ffffff; + --ifm-navbar-item-padding-horizontal: 0; + --ifm-pagination-nav-color-hover: transparent; + --ifm-paragraph-margin-bottom: 0; + --ifm-toc-border-color: transparent; + + --ifm-navbar-shadow: 0; + --ifm-footer-background-color: #0086bf; + --ifm-footer-title-color: #ffffff; + --ifm-footer-color: #ffffff; + --ifm-footer-link-color: #ffffff; + --ifm-code-font-size: 95%; +} + +body { + align-items: center; + background-color: var(--vuu-dark-body-bg); + display: flex; + flex-direction: column; + font-family: var(--vuu-font-family); +} + +#__docusaurus { + align-items: center; + color: var(--vuu-dark-text-primary); + position: relative; + width: var(--vuu-viewport-width); +} + +.navbar { + overflow: hidden; + padding: 0; + position: fixed; + width: var(--vuu-viewport-width); +} + +.navbar:before { + content: ''; + position: absolute; + top: var(--vuu-navbar-background-position); + left:0; + width: 100%; + background: var(--vuu-bg-gradient); + height: 3074px; + z-index: -1; +} + +.navbar__inner { + align-items: center; + height: var(--vuu-navbar-height); + padding: var(--vuu-navbar-padding) 80px 0 80px; +} + + +.navbar__logo { + height: var(--vuu-navbar-logo-size); + +} + + +.navbar .navbar__logo > img { + height: var(--vuu-navbar-logo-size); + transition: height var(--vuu-transition-duration); +} + +.navbar__link { + border-bottom: solid 3px transparent; + color: var(--vuu-dark-text-primary); + font-size: 18px; + font-weight: 600; + line-height: 30px; + margin: 0 12px; +} +.navbar__link--active { + border-bottom: solid 3px var(--vuu-accent1); +} + +.navbar [class*="colorModeToggle"] { + display: none; +} + +.vuu-scroll-1-bg { + background: linear-gradient(180deg, var(--vuu-dark-bg-background2) 0%, var(--vuu-dark-bg-background1) 100%); + height: 800px; + left: 0px; + position: absolute; + top:0px; + width: var(--vuu-viewport-width); + z-index: -1; +} + +.vuu-scroll-1 { + display: flex; + flex-direction: column; + height: 800px; + padding-top: calc(18px + var(--vuu-navbar-height)); + background-color: var(--vuu-dark-bg-background1); + +} + +.vuu-scroll-1-main { + display: flex; + flex: 1 1 auto; + justify-content: space-around; +} + +.vuu-scroll-1-copy { + margin-top: 50px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + height: 100%; + background-color: var(--vuu-dark-bg-background1); + +} + +.vuu-scroll-1-scroll-arrow { + margin-top: 45.6px; + align-items: center; + display: flex; + justify-content: center; +} + +.vuu-scroll-arrow { + display: inline-block; +} + +.vuu-scroll-arrow-svg { + fill: white; +} + +.vuu-scroll-arrow-title { + display: inline-block; + font-size: 14px; + font-weight: 400; + letter-spacing: 0.05em; +} + +.vuu-chart { + height: 400px; + width: 400px; +} + +.vuu-main { + width: var(--vuu-viewport-width); +} + +.vuu-frame-10 { + background-color: var(--vuu-dark-bg-background1); + + /* content driven, remove later */ + /* height: 476px; */ + padding-top: 486px; + height: 1200px; + +} + + +.vuuFeatureLayout { + margin-bottom: 36.83px; +} + + + +.vuu-get-started-button { + margin-top: 10px; +} + + + +.vuu-feature-row { + display: flex; + justify-content: space-around; + margin-top: var(--vuu-feature-row-marginTop, 60px); +} + +.vuu-feature { + flex: var(--vuu-feature-flex); +} + +.vuu-feature-1 { + font-size: 80px; + line-height: 80px; + font-weight: 300; +} +.vuu-feature-1-measure { + font-size: 50px; + +} + +.vuu-feature-2 { + font-size: 20px; + line-height: 33px; + font-weight: 400; +} + + +.docusaurus-highlight-code-line { + background-color: #0033a0; + display: block; + margin: 0 calc(-1 * var(--ifm-pre-padding)); + padding: 0 var(--ifm-pre-padding); +} + +.codeBlock_node_modules-\@docusaurus-theme-classic-lib-theme-CodeBlock-Content-styles-module { + background-color: var(--main-bg-color); +} + +.hero.hero--primary { + background-color: var(--main-bg-color); + background-repeat: no-repeat; + background-size: cover; +} + +.features_src-pages-styles-module { + background-color: var(--main-bg-color); +} + +.members_src-pages-styles-module { + background-color: var(--main-bg-color); +} + +.hero.hero--primary img { + margin-bottom: 30px; + width: 50%; +} + +.navbar__items--right { + position: relative; + top: var(--vuu-navbar-menu-top, 26px); +} + +.hero__title { + color: #ffffff; +} + +.hero--subtitle { + margin-bottom: 50px; + font-size: 1.5rem; +} + +.row h2 { + margin-bottom: 30px; +} + +.github-button { + background-color: transparent; + color: #e37f83; + font-weight: 400; + border: 2px solid; + border-radius: 20px; +} + +.home-page-images { + display: block; + margin: 0 auto; +} + +.button.button--secondary { + color: white; +} + +.button.button--secondary.button--outline:not(.button--active):not(:hover) { + color: #ffffff; +} + +.row--center h2 { + color: #29327a; + font-size: 35px; + font-weight: bolder; + text-align: center; + margin-left: 0; + margin-right: 0; + width: 100%; +} + +@media (max-width: 996px){ + + :root { + --vuu-viewport-width: var(--vuu-mobile-width); + --vuu-navbar-logo-size: 30px; + --ifm-navbar-height: 90px; + --vuu-navbar-height: 90px; + + --vuu-navbar-padding: 0px; + + } + + } + + .navbar__toggle { + display: inherit; + order: 2 + } + + .navbar { + width: var(--vuu-mobile-width) + + } + + .navbar__brand { + display: flex; + justify-content: space-between; + flex: 1; + background : url(../../static/img/vuu/vuu-text.png) no-repeat center center; + } + + .navbar__items--right { + display: none; + } + + +.navbar-sidebar { + background-color: var(--vuu-dark-bg-background1); +} +.menu__link { + color: white; +} + +.navbar__inner { + background-color: var(--vuu-dark-bg-background1); +} diff --git a/website-desktop/src/css/custom.css b/website-desktop/src/css/custom.css new file mode 100644 index 000000000..cb1a48a65 --- /dev/null +++ b/website-desktop/src/css/custom.css @@ -0,0 +1,384 @@ +/* stylelint-disable docusaurus/copyright-header */ +/** + * Any CSS included here will be global. The classic template + * bundles Infima by default. Infima is a CSS framework designed to + * work well for content-centric websites. + */ + @import url(vuu-theme.css); + @import url(vuu-icons.css); + @import url(vuu-components.css); + @import url(docs-pages.css); + +:root { + + --vuu-heading3-color: var(--vuu-accent1); + + --vuu-homepage-height: 3074px; + --vuu-navbar-logo-height: 90px; + --vuu-navbar-logo-width: 185px; + --vuu-navbar-height: 200px; + --vuu-navbar-padding: 80px; + --vuu-navbar-menu-top: 30px; + --vuu-navbar-bg: transparent; + --vuu-navbar-background-position: 0px; + --vuu-bg-gradient: linear-gradient( + 180deg, + var(--vuu-dark-bg-background2) 0px, + var(--vuu-dark-bg-background1) 800px, + var(--vuu-dark-bg-background1) 1276px, + var(--vuu-dark-bg-background2) 1952px + ); + + --vuu-transition-duration: .3s; + + --ifm-color-emphasis-300: transparent; + --ifm-color-primary: #00b5e2; + --ifm-color-primary-dark: #0079ac; + --ifm-color-primary-darker: #0072a2; + --ifm-color-primary-darkest: #005e86; + --ifm-color-primary-light: #0093d2; + --ifm-color-primary-lighter: #009adc; + --ifm-color-primary-lightest: #00aef8; + --ifm-container-width-xl: 1060px; + --ifm-font-color-base: #1c1e21; + --ifm-heading-color: var(--vuu-dark-text-primary); + --ifm-heading-font-family: var(--vuu-font-family); + --ifm-heading-font-weight: 300; + --ifm-heading-line-height: unset; + --ifm-heading-margin-bottom: 0; + --ifm-link-color: var(--vuu-dark-text-secondary); + --ifm-list-left-padding: 0; + --ifm-list-item-margin: 18px; + + --ifm-menu-color: var(--vuu-light-text-primary); + --ifm-menu-color-active: var(--vuu-light-text-primary); + --ifm-menu-color-background-active: transparent; + --ifm-menu-color-background-hover: transparent; + + --ifm-navbar-background-color: transparent; + --ifm-navbar-height: var(--vuu-navbar-height); + --ifm-navbar-link-color: #ffffff; + --ifm-navbar-link-hover-color: #ffffff; + --ifm-navbar-item-padding-horizontal: 0; + --ifm-pagination-nav-color-hover: transparent; + --ifm-paragraph-margin-bottom: 0; + --ifm-toc-border-color: transparent; + + --ifm-navbar-shadow: 0; + --ifm-footer-background-color: #0086bf; + --ifm-footer-title-color: #ffffff; + --ifm-footer-color: #ffffff; + --ifm-footer-link-color: #ffffff; + --ifm-code-font-size: 95%; +} + + +body { + align-items: center; + background-color: var(--vuu-dark-body-bg); + display: flex; + flex-direction: column; + font-family: var(--vuu-font-family); +} + + +#__docusaurus { + align-items: center; + color: var(--vuu-dark-text-primary); + position: relative; + /* width: var(--vuu-desktop-width); */ + width: 100%; +} + +.navbar { + box-shadow: var(--vuu-navbar-shadow); + overflow: hidden; + padding: 0; + position: fixed; + transition: box-shadow 1s linear; + width: var(--vuu-desktop-width); +} + +.navbar:before { + content: ''; + position: absolute; + top: var(--vuu-navbar-background-position); + left:0; + width: 100%; + background: var(--vuu-bg-gradient); + height: var(--vuu-homepage-height); + z-index: -1; +} + +.navbar__inner { + align-items: flex-start; + height: var(--vuu-navbar-height); + padding: var(--vuu-navbar-padding) 80px 0 80px; +} + + +.navbar__logo { + height: var(--vuu-navbar-logo-height); + width: var(--vuu-navbar-logo-width); + +} + +.navbar .navbar__logo > img { + /* height: var(--vuu-navbar-logo-size); */ + width: var(--vuu-navbar-logo-width); + transition: height var(--vuu-transition-duration); +} + +.navbar__items--right { + position: relative; + top: var(--vuu-navbar-menu-top); +} + +.navbar__link { + border-bottom: solid 3px transparent; + color: var(--vuu-dark-text-primary); + font-size: 18px; + font-weight: 600; + line-height: 30px; + margin: 0 12px; +} + +.navbar__link:hover { + border-bottom: solid 3px white; +} + +.navbar__link--active { + border-bottom: solid 3px var(--vuu-accent1); +} + +.navbar [class*="colorModeToggle"] { + display: none; +} + +.vuu-section { + overflow: hidden; + width: var(--vuu-desktop-width); +} + +.vuu-scroll-1-bg { + background: var(--vuu-bg-gradient); + height: var(--vuu-homepage-height); + left: 0px; + position: absolute; + top:0px; + /* width: var(--vuu-desktop-width); */ + width: 100%; + z-index: -1; +} + +.vuu-scroll-1 { + display: flex; + flex-direction: column; + height: 800px; + padding-top: calc(18px + var(--vuu-navbar-height)); +} + +.vuu-scroll-1-main { + display: flex; + flex: 1 1 auto; + justify-content: space-between; + padding: 0 80px; +} + +.vuu-scroll-1-copy { + flex: 0 0 auto; + margin-top: 50px; +} + +.vuuDataAnimation { + flex: 1 1 auto; + height: 450px; + overflow: hidden; +} + +.vuu-scroll-1-scroll-arrow { + align-items: center; + display: flex; + justify-content: center; + padding-top: 50px; +} + +.vuu-scroll-arrow { + display: inline-block; +} + +.vuu-scroll-arrow-svg { + fill: white; +} + +.vuu-scroll-arrow-title { + display: inline-block; + font-size: 14px; + font-weight: 400; + letter-spacing: 0.05em; +} + +.vuu-chart { + height: 400px; + width: 400px; +} + +.vuu-main { + width: var(--vuu-desktop-width); +} + +.vuu-frame-10 { + height: 476px; + padding-top: 100px; +} + +.vuu-frame-11 { + --vuu-feature-row-marginTop: 0; + --vuu-title-marginTop: 40px; + --vuu-title-height: 88px; + height: 676px; + padding: 100px 210px; +} + +.vuu-frame-13 { + --vuu-feature-width: 215px; + --vuu-button-bar-transform: translateY(-24px); + --vuu-heading-text-align: center; + display: flex; + flex-direction: column; + align-items: center; + height: 1122px; + padding-top: 150px; +} + +.vuu-demo-bg { + background: linear-gradient( + 180deg, + var(--vuu-dark-background-bg3) 0%, + var(--vuu-dark-background-bg4) 100%); + border: 1px solid rgba(255, 255, 255, 0.2); + border-radius: 20px; + display: flex; + height: 644px; + margin-top: 60px; + padding: 64px; + width: 1056px; +} + +.vuu-demo-container { + background: white; + border-radius: 8px; + height: 490px; + margin-right: 60px; + width: 694px; +} + +.vuu-sample-app { + +} + + +.vuu-get-started-button { + margin-top: 10px; +} + + +.vuu-feature-row { + display: flex; + justify-content: space-around; + margin-top: var(--vuu-feature-row-marginTop, 60px); +} + +.vuu-feature { + flex: var(--vuu-feature-flex); +} + +.vuu-feature-1 { + font-size: 80px; + line-height: 80px; + font-weight: 300; +} +.vuu-feature-1-measure { + font-size: 50px; +} + +.vuu-feature-2 { + font-size: 20px; + line-height: 33px; + font-weight: 400; +} + +.docusaurus-highlight-code-line { + background-color: #0033a0; + display: block; + margin: 0 calc(-1 * var(--ifm-pre-padding)); + padding: 0 var(--ifm-pre-padding); +} + +.codeBlock_node_modules-\@docusaurus-theme-classic-lib-theme-CodeBlock-Content-styles-module { + background-color: var(--main-bg-color); +} + +.hero.hero--primary { + background-color: var(--main-bg-color); + background-repeat: no-repeat; + background-size: cover; +} + +.features_src-pages-styles-module { + background-color: var(--main-bg-color); +} + +.members_src-pages-styles-module { + background-color: var(--main-bg-color); +} + +.hero.hero--primary img { + margin-bottom: 30px; + width: 50%; +} + +.hero__title { + color: #ffffff; +} + +.hero--subtitle { + margin-bottom: 50px; + font-size: 1.5rem; +} + +.row h2 { + margin-bottom: 30px; +} + +.github-button { + background-color: transparent; + color: #e37f83; + font-weight: 400; + border: 2px solid; + border-radius: 20px; +} + +.home-page-images { + display: block; + margin: 0 auto; +} + +.button.button--secondary { + color: white; +} + +.button.button--secondary.button--outline:not(.button--active):not(:hover) { + color: #ffffff; +} + +.row--center h2 { + color: #29327a; + font-size: 35px; + font-weight: bolder; + text-align: center; + margin-left: 0; + margin-right: 0; + width: 100%; +} + diff --git a/website-desktop/src/css/data-animation-keyframes.css b/website-desktop/src/css/data-animation-keyframes.css new file mode 100644 index 000000000..b6521bd4c --- /dev/null +++ b/website-desktop/src/css/data-animation-keyframes.css @@ -0,0 +1,405 @@ +@keyframes a_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-0.5px,-0.5px); } } +@keyframes a_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 62.819%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 62.819%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 75.021%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 75.021%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 82.588%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 82.588%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes b_f { 0% { fill: rgb(231,255,195); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { fill: rgb(231,255,195); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { fill: rgb(231,255,195); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { fill: rgb(231,255,195); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { fill: rgb(231,255,195); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { fill: rgb(231,255,195); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { fill: rgb(153,255,0); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { fill: rgb(153,255,0); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { fill: rgb(231,255,195); } } +@keyframes b_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); } } +@keyframes c_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 33.808%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 33.808%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 66.658%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 66.658%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 72.865%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 72.865%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes e_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-0.5px,-0.5px); } } +@keyframes e_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 15.839%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 15.839%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 54.33%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 54.33%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 82.819%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 82.819%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes f_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); } } +@keyframes g_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 34.256%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 34.256%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 69.438%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 69.438%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 74.387%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 74.387%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes i_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 53.151%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 53.151%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 64.775%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 64.775%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 68.664%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 68.664%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes k_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 14.149%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 14.149%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 55.974%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 55.974%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 84.811%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 84.811%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes m_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 25.427%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 25.427%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 70.855%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 70.855%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 83.356%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 83.356%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes o_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 27.276%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 27.276%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 77.503%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 77.503%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 90.166%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 90.166%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes q_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 19.29%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 19.29%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 61.3%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 61.3%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 88.618%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 88.618%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes s_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 43.304%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 43.304%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 80.921%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 80.921%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 81.45%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 81.45%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes u_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 84.049%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 84.049%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 90.61%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 90.61%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 91.784%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 91.784%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes w_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 35.046%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 35.046%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 67.983%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 67.983%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 98.387%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 98.387%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes y_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 47.376%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 47.376%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 53.306%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 53.306%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 85.148%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 85.148%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes aa_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 50.429%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 50.429%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 51.434%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 51.434%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 78.421%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 78.421%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ac_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 23.729%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 23.729%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 60.627%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 60.627%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 87.838%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 87.838%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ae_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 44.11%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 44.11%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 65.677%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 65.677%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 80.264%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 80.264%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ag_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 40.555%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 40.555%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 65.473%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 65.473%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 79.886%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 79.886%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ai_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 19.964%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 19.964%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 61.629%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 61.629%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 87.209%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 87.209%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ak_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 33.623%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 33.623%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 68.706%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 68.706%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 73.795%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 73.795%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes am_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 35.131%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 35.131%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 68.238%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 68.238%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 73.698%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 73.698%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ao_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 12.981%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 12.981%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 63.97%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 63.97%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 91.782%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 91.782%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes aq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 63.772%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 63.772%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 78.297%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 78.297%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 79.274%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 79.274%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes as_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 38.496%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 38.496%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 71.804%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 71.804%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 72.487%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 72.487%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes au_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 17.527%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 17.527%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 53.814%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 53.814%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 82.624%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 82.624%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes aw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 34.393%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 34.393%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 66.966%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 66.966%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 76.287%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 76.287%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ay_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 49.826%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 49.826%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 61.247%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 61.247%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 69.211%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 69.211%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes a0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 20.322%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 20.322%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 63.827%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 63.827%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 95.845%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 95.845%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes a2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 14.442%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 14.442%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 63.81%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 63.81%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 81.913%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 81.913%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes a4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 17.883%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 17.883%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 71.494%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 71.494%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 89.503%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 89.503%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes a6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 17.674%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 17.674%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 59.272%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 59.272%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 88.021%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 88.021%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes a8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 35.135%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 35.135%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 74.147%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 74.147%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 80.763%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 80.763%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ba_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 76.565%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 76.565%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 83.581%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 83.581%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 91.214%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 91.214%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes bc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 36.917%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 36.917%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 67.524%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 67.524%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 98.364%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 98.364%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes be_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 45.279%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 45.279%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 52.293%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 52.293%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 82.433%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 82.433%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes bg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 53.673%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 53.673%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 54.727%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 54.727%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 77.373%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 77.373%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes bi_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 20.756%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 20.756%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 57.721%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 57.721%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 86.94%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 86.94%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes bk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 39.4%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 39.4%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 60.19%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 60.19%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 77.109%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 77.109%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes bm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 35.546%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 35.546%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 60.15%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 60.15%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 76.785%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 76.785%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes bo_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 16.986%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 16.986%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 59.01%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 59.01%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 86.337%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 86.337%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes bq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 25.031%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 25.031%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 61.846%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 61.846%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 72.5%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 72.5%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes bs_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 41.581%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 41.581%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 69.092%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 69.092%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 78.143%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 78.143%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes bu_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 20.555%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 20.555%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 66.121%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 66.121%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 92.273%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 92.273%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes bw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 47.145%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 47.145%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 55.436%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 55.436%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 85.803%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 85.803%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes by_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 28.775%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 28.775%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 60.482%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 60.482%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 95.864%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 95.864%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes b0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 18.565%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 18.565%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 52.885%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 52.885%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 97.075%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 97.075%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes b2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 31.896%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 31.896%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 61.077%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 61.077%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 97.454%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 97.454%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes b4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 36.635%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 36.635%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 49.958%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 49.958%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 90.718%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 90.718%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes b6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 14.199%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 14.199%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 48.769%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 48.769%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 89.795%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 89.795%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes b8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 8.794%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 8.794%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 52.035%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 52.035%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 93.46%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 93.46%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ca_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 8.663%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 8.663%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 44.381%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 44.381%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 75.464%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 75.464%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes cc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 17.486%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 17.486%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 55.553%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 55.553%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 97.66%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 97.66%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ce_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 22.964%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 22.964%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 51.45%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 51.45%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 87.557%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 87.557%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes cg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 43.772%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 43.772%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 47.876%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 47.876%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 80.915%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 80.915%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ci_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 29.778%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 29.778%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 51.205%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 51.205%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 86.856%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 86.856%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ck_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 36.097%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 36.097%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 41.38%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 41.38%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 55.586%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 55.586%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes cm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 28.581%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 28.581%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 29.672%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 29.672%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 44.35%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 44.35%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes co_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 13.969%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 13.969%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 41.866%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 41.866%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 77.502%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 77.502%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes cq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 24.883%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 24.883%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 38.914%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 38.914%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 68.864%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 68.864%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes cs_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 24.138%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 24.138%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 40.461%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 40.461%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 69.426%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 69.426%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes cu_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 10.389%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 10.389%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 43.241%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 43.241%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 77.296%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 77.296%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes cw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 19.662%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 19.662%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 40.966%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 40.966%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 67.147%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 67.147%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes cy_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 22.662%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 22.662%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 41.544%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 41.544%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 67.928%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 67.928%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes c0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 17.442%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 17.442%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 51.986%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 51.986%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 83.361%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 83.361%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes c2_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-0.5px,-0.5px); } } +@keyframes c2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 51.819%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 51.819%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 65.501%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 65.501%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 66.802%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 66.802%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes c3_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); } } +@keyframes c4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 18.665%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 18.665%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 55.832%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 55.832%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 56.37%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 56.37%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes c6_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-0.5px,-0.5px); } } +@keyframes c6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 25.051%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 25.051%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 55.159%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 55.159%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 80.996%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 80.996%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes c7_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); } } +@keyframes c8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 21.092%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 21.092%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 54.504%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 54.504%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 77.746%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 77.746%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes da_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 46.899%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 46.899%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 54.597%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 54.597%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 79.493%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 79.493%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes dc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 15.075%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 15.075%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 51.81%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 51.81%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 93.555%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 93.555%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes de_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 25.323%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 25.323%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 56.18%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 56.18%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 85.478%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 85.478%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes dg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 4.286%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 4.286%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 44.604%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 44.604%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 77.84%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 77.84%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes di_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 15.146%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 15.146%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 55.173%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 55.173%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 96.157%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 96.157%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes dk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 42.301%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 42.301%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 70.903%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 70.903%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 99.099%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 99.099%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes dm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 54.15%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 54.15%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 59.022%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 59.022%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 90.402%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 90.402%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes do_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 26.654%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 26.654%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 50.581%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 50.581%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 89.264%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 89.264%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes dq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 39.156%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 39.156%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 45.273%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 45.273%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 58.415%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 58.415%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ds_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 39.774%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 39.774%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 40.763%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 40.763%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 54.472%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 54.472%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes du_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 15.997%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 15.997%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 42.692%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 42.692%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 78.159%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 78.159%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes dw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 28.184%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 28.184%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 40.334%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 40.334%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 69.521%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 69.521%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes dy_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 26.369%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 26.369%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 42.342%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 42.342%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 70.223%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 70.223%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes d0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 13.453%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 13.453%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 49.067%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 49.067%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 81.098%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 81.098%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes d2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 26.399%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 26.399%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 52.845%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 52.845%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 74.191%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 74.191%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes d4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 31.987%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 31.987%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 57.19%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 57.19%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 76.868%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 76.868%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes d6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 24.4%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 24.4%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 65.928%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 65.928%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 92.336%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 92.336%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes d8_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-0.5px,-0.5px); } } +@keyframes d8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 39.575%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 39.575%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 50.424%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 50.424%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 58.459%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 58.459%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes d9_f { 0% { fill: rgb(231,255,195); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { fill: rgb(231,255,195); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { fill: rgb(231,255,195); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { fill: rgb(231,255,195); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { fill: rgb(231,255,195); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { fill: rgb(231,255,195); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { fill: rgb(243,120,128); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { fill: rgb(243,120,128); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { fill: rgb(231,255,195); } } +@keyframes d9_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); } } +@keyframes ea_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 22.078%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 22.078%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 50.081%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 50.081%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 56.375%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 56.375%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ec_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-0.5px,-0.5px); } } +@keyframes ec_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 15.887%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 15.887%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 47.895%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 47.895%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 67.868%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 67.868%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ed_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); } } +@keyframes ee_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 29.084%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 29.084%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 55.867%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 55.867%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 57.535%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 57.535%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes eg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 47.122%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 47.122%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 56.931%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 56.931%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 58.708%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 58.708%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ei_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 15.796%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 15.796%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 57.027%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 57.027%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 80.4%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 80.4%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ek_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 11.251%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 11.251%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 69.115%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 69.115%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 74.315%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 74.315%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes em_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 9.677%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 9.677%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 78.877%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 78.877%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 84.589%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 84.589%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes eo_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 10.543%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 10.543%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 51.087%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 51.087%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 72.404%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 72.404%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes eq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 27.1%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 27.1%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 59.642%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 59.642%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 60.81%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 60.81%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes es_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 69.562%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 69.562%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 76.423%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 76.423%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 78.212%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 78.212%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes eu_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-0.5px,-0.5px); } } +@keyframes eu_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 37.543%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 37.543%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 70.152%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 70.152%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 98.429%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 98.429%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ev_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); } } +@keyframes ew_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 35.943%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 35.943%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 43.309%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 43.309%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 84.515%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 84.515%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ey_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 52.852%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 52.852%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 53.925%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 53.925%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 83.923%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 83.923%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes e0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 25.9%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 25.9%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 69.82%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 69.82%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 97.145%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 97.145%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes e2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 56.418%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 56.418%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 81.061%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 81.061%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 92.399%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 92.399%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes e4_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-0.5px,-0.5px); } } +@keyframes e4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 54.025%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 54.025%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 81.786%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 81.786%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 92.1%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 92.1%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes e5_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); } } +@keyframes e6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 23.066%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 23.066%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 71.731%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 71.731%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 95.48%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 95.48%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes e8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 51.561%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 51.561%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 91.993%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 91.993%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 93.445%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 93.445%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes fa_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 54.841%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 54.841%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 93.604%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 93.604%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 95.224%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 95.224%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes fc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 26.649%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 26.649%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 76.229%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 76.229%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 97.058%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 97.058%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes fe_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 43.989%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 43.989%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 48.325%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 48.325%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 56.701%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 56.701%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes fg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 27.63%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 27.63%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 50.548%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 50.548%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 56.783%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 56.783%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes fi_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 12.819%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 12.819%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 44.012%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 44.012%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 65.474%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 65.474%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes fk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 16.142%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 16.142%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 44.152%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 44.152%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 46.263%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 46.263%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes fm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 45.854%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 45.854%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 50.691%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 50.691%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 52.725%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 52.725%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes fo_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 18.983%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 18.983%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 64.576%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 64.576%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 92.808%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 92.808%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes fq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 6.109%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 6.109%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 64.749%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 64.749%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 70.684%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 70.684%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes fs_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 1.535%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 1.535%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 75.046%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 75.046%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 81.794%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 81.794%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes fu_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 7.047%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 7.047%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 47.327%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 47.327%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 70.283%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 70.283%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes fw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 20.641%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 20.641%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 54.58%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 54.58%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 59.127%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 59.127%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes fy_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 74.028%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 74.028%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 82.026%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 82.026%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 88.906%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 88.906%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes f0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 38.608%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 38.608%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 68.567%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 68.567%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 98.345%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 98.345%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes f2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 37.218%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 37.218%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 45.452%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 45.452%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 82.689%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 82.689%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes f4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 45.563%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 45.563%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 46.974%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 46.974%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 78.857%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 78.857%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes f6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 26.834%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 26.834%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 63.263%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 63.263%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 88.213%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 88.213%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes f8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 60.42%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 60.42%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 79.905%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 79.905%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 91.935%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 91.935%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ga_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 59.324%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 59.324%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 81.585%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 81.585%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 92.013%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 92.013%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes gc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 29.452%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 29.452%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 72.843%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 72.843%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 95.658%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 95.658%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ge_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 52.094%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 52.094%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 89.056%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 89.056%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 94.008%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 94.008%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes gg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 57.985%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 57.985%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 90.831%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 90.831%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 95.953%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 95.953%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes gi_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 20.963%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 20.963%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 73.269%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 73.269%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 96.691%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 96.691%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes gk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 37.091%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 37.091%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 39.679%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 39.679%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 49.456%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 49.456%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes gm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 32.673%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 32.673%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 50.709%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 50.709%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 56.924%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 56.924%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes go_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 21.518%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 21.518%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 47.679%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 47.679%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 67.735%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 67.735%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes gq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 13.305%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 13.305%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 41.511%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 41.511%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 45.889%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 45.889%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes gs_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 33.733%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 33.733%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 37.153%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 37.153%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 40.815%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 40.815%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes gu_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 11.129%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 11.129%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 44.107%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 44.107%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 66.604%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 66.604%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes gw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 7.122%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 7.122%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 48.156%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 48.156%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 57.463%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 57.463%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes gy_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-1.5px,-1.5px); } } +@keyframes gy_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 8.44%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 8.44%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 46.632%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 46.632%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 54.429%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 54.429%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes gz_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); } } +@keyframes g0_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-1.5px,-1.5px); } } +@keyframes g0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 7.525%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 7.525%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 45.501%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 45.501%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 69.127%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 69.127%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes g1_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); } } +@keyframes g2_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-1.5px,-1.5px); } } +@keyframes g2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 14.63%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 14.63%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 47.123%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 47.123%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 52.362%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 52.362%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes g3_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); } } +@keyframes g4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 56.483%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 56.483%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 57.74%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 57.74%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 63.151%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 63.151%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes g6_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-1.5px,-1.5px); } } +@keyframes g6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 34.378%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 34.378%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 57.814%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 57.814%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 85.102%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 85.102%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes g7_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); } } +@keyframes g8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 43.878%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 43.878%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 51.796%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 51.796%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 81.75%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 81.75%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ha_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 58.419%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 58.419%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 60.518%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 60.518%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 96.681%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 96.681%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes hc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 32.422%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 32.422%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 69.311%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 69.311%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 97.408%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 97.408%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes he_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 67.211%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 67.211%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 79.864%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 79.864%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 92.262%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 92.262%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes hg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 64.218%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 64.218%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 81.342%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 81.342%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 92.192%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 92.192%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes hi_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 26.054%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 26.054%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 70.296%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 70.296%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 95.511%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 95.511%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes hk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 50.967%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 50.967%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 87.576%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 87.576%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 93.478%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 93.478%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes hm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 58.196%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 58.196%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 89.534%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 89.534%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 95.744%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 95.744%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ho_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 17.939%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 17.939%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 71.182%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 71.182%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 96.707%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 96.707%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes hq_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-0.5px,-0.5px); } } +@keyframes hq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 48.328%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 48.328%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 50.949%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 50.949%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 52.959%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 52.959%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes hr_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); } } +@keyframes hs_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 26.386%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 26.386%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 48.621%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 48.621%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 50.103%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 50.103%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes hu_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 16.124%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 16.124%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 41.869%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 41.869%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 67.059%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 67.059%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes hw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 19.853%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 19.853%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 41.627%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 41.627%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 53.532%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 53.532%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes hy_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-1.5px,-1.5px); } } +@keyframes hy_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 36.72%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 36.72%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 38.424%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 38.424%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 52.066%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 52.066%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes hz_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); } } +@keyframes h0_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-1.5px,-1.5px); } } +@keyframes h0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 9.053%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 9.053%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 40.261%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 40.261%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 73.549%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 73.549%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes h1_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); } } +@keyframes h2_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-1.5px,-1.5px); } } +@keyframes h2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 18.411%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 18.411%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 51.609%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 51.609%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 77.204%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 77.204%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes h3_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); } } +@keyframes h4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 18.839%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 18.839%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 57.962%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 57.962%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 89.597%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 89.597%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes h6_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-1.5px,-1.5px); } } +@keyframes h6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 5.29%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 5.29%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 47.173%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 47.173%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 98.205%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 98.205%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes h7_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); } } +@keyframes h8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 24.073%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 24.073%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 49.233%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 49.233%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 87.18%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 87.18%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ia_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 27.133%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 27.133%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 28.312%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 28.312%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 74.172%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 74.172%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ic_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 18.753%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 18.753%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 36.47%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 36.47%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 80.147%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 80.147%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ie_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 28.485%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 28.485%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 33.958%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 33.958%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 53.844%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 53.844%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ig_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 32.498%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 32.498%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 34.09%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 34.09%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 50.456%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 50.456%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ii_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 20.308%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 20.308%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 44.968%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 44.968%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 78.194%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 78.194%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ik_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 42.485%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 42.485%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 49.867%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 49.867%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 73.935%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 73.935%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes im_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 34.166%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 34.166%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 47.574%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 47.574%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 72.803%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 72.803%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes io_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 16.099%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 16.099%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 49.405%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 49.405%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 78.896%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 78.896%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes iq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 35.867%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 35.867%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 58.525%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 58.525%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 78.109%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 78.109%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes is_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 50.657%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 50.657%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 69.914%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 69.914%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 87.967%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 87.967%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes iu_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 17.962%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 17.962%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 67.42%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 67.42%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 98.095%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 98.095%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes iw_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-0.5px,-0.5px); } } +@keyframes iw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 38.225%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 38.225%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 39.867%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 39.867%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 52.217%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 52.217%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ix_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); } } +@keyframes iy_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-1.5px,-1.5px); } } +@keyframes iy_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 22.414%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 22.414%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 36.942%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 36.942%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 49.161%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 49.161%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes iz_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); } } +@keyframes i0_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-1.5px,-1.5px); } } +@keyframes i0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 20.94%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 20.94%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 42.675%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 42.675%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 49.195%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 49.195%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes i1_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); } } +@keyframes i2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 12.052%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 12.052%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 26.776%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 26.776%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 41.5%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 41.5%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes i4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 44.93%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 44.93%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 46.031%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 46.031%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 58.323%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 58.323%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes i6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 12.075%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 12.075%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 45.862%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 45.862%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 52.774%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 52.774%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes i8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 19.634%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 19.634%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 53.585%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 53.585%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 59.849%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 59.849%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ja_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 23.649%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 23.649%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 69.872%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 69.872%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 73.452%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 73.452%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes jc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 22.49%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 22.49%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 64.84%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 64.84%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 94.406%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 94.406%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes je_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-1.5px,-1.5px); } } +@keyframes je_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 7.836%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 7.836%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 50.589%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 50.589%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 82.476%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 82.476%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes jf_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); } } +@keyframes jg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 18.036%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 18.036%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 19.883%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 19.883%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 59.524%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 59.524%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ji_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-1.5px,-1.5px); } } +@keyframes ji_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 16.089%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 16.089%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 36.42%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 36.42%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 74.479%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 74.479%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes jj_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); } } +@keyframes jk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 31.827%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 31.827%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 39.977%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 39.977%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 55.245%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 55.245%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes jm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 31.998%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 31.998%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 34.319%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 34.319%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 65.54%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 65.54%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes jo_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 25.091%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 25.091%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 63.947%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 63.947%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 85.48%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 85.48%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes jq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 65.426%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 65.426%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 74.149%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 74.149%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 82.036%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 82.036%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes js_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 56.278%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 56.278%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 72.844%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 72.844%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 76.68%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 76.68%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ju_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 27.898%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 27.898%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 73.885%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 73.885%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 93.374%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 93.374%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes jw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 51.048%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 51.048%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 91.695%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 91.695%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 93.762%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 93.762%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes jy_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 54.311%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 54.311%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 77.386%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 77.386%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 82.216%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 82.216%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes j0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 29.098%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 29.098%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 72.477%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 72.477%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 83.246%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 83.246%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes j2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 48.274%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 48.274%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 50.109%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 50.109%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 52.378%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 52.378%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes j4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 25.288%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 25.288%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 43.052%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 43.052%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 45.508%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 45.508%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes j6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 23.737%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 23.737%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 45.899%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 45.899%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 64.801%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 64.801%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes j8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 21.074%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 21.074%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 45.697%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 45.697%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 54.157%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 54.157%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ka_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 49.831%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 49.831%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 51.834%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 51.834%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 66.409%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 66.409%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes kc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 16.858%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 16.858%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 53.658%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 53.658%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 88.642%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 88.642%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ke_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 30.782%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 30.782%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 73.647%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 73.647%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 97.551%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 97.551%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes kg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 34.762%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 34.762%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 66.792%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 66.792%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 86.332%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 86.332%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ki_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 24.994%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 24.994%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 51.5%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 51.5%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 81.672%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 81.672%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes kk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 25.765%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 25.765%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 43.211%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 43.211%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 66.591%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 66.591%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes km_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 15.897%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 15.897%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 22.208%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 22.208%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 51.438%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 51.438%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ko_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 22.589%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 22.589%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 33.053%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 33.053%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 66.227%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 66.227%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes kq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 25.847%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 25.847%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 31.016%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 31.016%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 42.719%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 42.719%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ks_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 23.446%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 23.446%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 25.281%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 25.281%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 33.174%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 33.174%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ku_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 19.06%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 19.06%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 43.274%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 43.274%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 70.946%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 70.946%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes kw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 39.854%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 39.854%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 45.417%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 45.417%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 63.451%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 63.451%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ky_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 42.83%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 42.83%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 56.218%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 56.218%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 70.82%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 70.82%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes k0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 29.106%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 29.106%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 68.042%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 68.042%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 90.082%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 90.082%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes k2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 59.388%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 59.388%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 92.712%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 92.712%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 98.551%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 98.551%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes k4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 59.696%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 59.696%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 82.992%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 82.992%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 86.139%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 86.139%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes k6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 27.931%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 27.931%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 70.531%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 70.531%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 88.468%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 88.468%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes k8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 45.45%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 45.45%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 47.353%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 47.353%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 50.616%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 50.616%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes la_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 32.804%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 32.804%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 54.22%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 54.22%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 57.179%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 57.179%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes lc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 26.127%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 26.127%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 49.783%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 49.783%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 62.238%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 62.238%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes le_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 22.101%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 22.101%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 53.835%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 53.835%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 73.342%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 73.342%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes lg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 70.159%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 70.159%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 71.779%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 71.779%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 74.896%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 74.896%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes li_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 43.205%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 43.205%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 74.021%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 74.021%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 87.234%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 87.234%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes lk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 23.892%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 23.892%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 55.416%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 55.416%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 78.392%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 78.392%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes lm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 27.004%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 27.004%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 53.932%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 53.932%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 74.052%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 74.052%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes lo_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 18.096%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 18.096%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 40.559%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 40.559%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 69.869%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 69.869%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes lq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 20.286%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 20.286%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 34.964%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 34.964%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 58.872%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 58.872%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ls_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 18.768%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 18.768%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 23.724%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 23.724%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 50.916%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 50.916%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes lu_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 37.073%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 37.073%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 49.777%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 49.777%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 66.891%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 66.891%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes lw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 31.633%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 31.633%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 38.384%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 38.384%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 63.169%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 63.169%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ly_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 20.025%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 20.025%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 21.533%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 21.533%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 34.381%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 34.381%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes l0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 15.006%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 15.006%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 35.634%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 35.634%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 64.084%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 64.084%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes l2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 54.235%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 54.235%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 56.384%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 56.384%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 61.559%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 61.559%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes l4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 70.793%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 70.793%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 84.154%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 84.154%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 90.322%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 90.322%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes l6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 38.458%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 38.458%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 79.626%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 79.626%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 93.066%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 93.066%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes l8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 54.273%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 54.273%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 85.197%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 85.197%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 98.655%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 98.655%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ma_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 52.601%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 52.601%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 72.974%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 72.974%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 75.781%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 75.781%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes mc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 18.21%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 18.21%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 64.672%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 64.672%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 86.176%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 86.176%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes me_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 29.874%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 29.874%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 35.862%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 35.862%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 45.43%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 45.43%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes mg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 34.996%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 34.996%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 47.089%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 47.089%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 49.386%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 49.386%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes mi_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 17.054%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 17.054%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 34.829%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 34.829%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 44.316%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 44.316%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes mk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 18.685%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 18.685%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 37.289%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 37.289%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 52.999%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 52.999%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes mm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 23.999%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 23.999%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 33.061%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 33.061%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 40.32%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 40.32%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes mo_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 29.713%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 29.713%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 55.351%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 55.351%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 65.968%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 65.968%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes mq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 39.922%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 39.922%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 70.486%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 70.486%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 97.366%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 97.366%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ms_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 35.274%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 35.274%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 62.467%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 62.467%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 86.217%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 86.217%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes mu_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 22.759%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 22.759%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 48.87%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 48.87%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 58.09%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 58.09%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes mw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 41.149%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 41.149%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 58.377%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 58.377%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 96.317%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 96.317%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes my_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 7.18%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 7.18%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 18.57%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 18.57%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 52.282%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 52.282%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes m0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 40.188%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 40.188%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 57.099%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 57.099%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 95.406%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 95.406%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes m2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 58.731%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 58.731%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 67.736%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 67.736%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 95.972%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 95.972%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes m4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 54.657%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 54.657%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 56.801%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 56.801%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 90.412%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 90.412%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes m6_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-0.5px,-0.5px); } } +@keyframes m6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 13.433%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 13.433%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 37.866%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 37.866%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 80.352%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 80.352%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes m7_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); } } +@keyframes m8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 70.281%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 70.281%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 73.527%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 73.527%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 76.773%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 76.773%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes na_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 49.096%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 49.096%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 59.813%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 59.813%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 61.186%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 61.186%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes nc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 31.074%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 31.074%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 69.465%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 69.465%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 81.037%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 81.037%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ne_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 49.393%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 49.393%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 74.692%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 74.692%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 89.587%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 89.587%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ng_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 53.075%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 53.075%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 66.56%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 66.56%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 72.513%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 72.513%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ni_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 26.493%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 26.493%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 66.322%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 66.322%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 86.598%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 86.598%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes nk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 33.75%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 33.75%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 39.407%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 39.407%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 46.191%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 46.191%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes nm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 36.47%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 36.47%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 47.813%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 47.813%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 54.026%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 54.026%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes no_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 15.526%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 15.526%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 29.608%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 29.608%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 37.297%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 37.297%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes nq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 23.288%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 23.288%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 38.623%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 38.623%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 41.556%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 41.556%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ns_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 23.767%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 23.767%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 32.854%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 32.854%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 36.531%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 36.531%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes nu_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 23.534%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 23.534%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 47.461%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 47.461%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 56.836%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 56.836%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes nw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 45.849%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 45.849%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 70.561%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 70.561%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 97.373%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 97.373%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ny_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 39.51%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 39.51%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 62.245%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 62.245%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 86.135%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 86.135%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes n0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 24.703%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 24.703%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 47.137%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 47.137%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 54.397%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 54.397%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes n2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 31.017%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 31.017%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 49.324%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 49.324%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 96.086%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 96.086%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes n4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 9.592%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 9.592%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 20.092%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 20.092%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 56.011%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 56.011%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes n6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 52.619%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 52.619%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 54.895%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 54.895%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 85.515%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 85.515%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes n8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 56.914%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 56.914%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 68.592%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 68.592%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 98.955%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 98.955%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes oa_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 60.503%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 60.503%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 63.005%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 63.005%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 95.525%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 95.525%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes oc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 20.639%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 20.639%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 35.634%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 35.634%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 70.904%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 70.904%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes oe_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 50.642%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 50.642%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 66.656%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 66.656%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 73.213%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 73.213%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes og_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 63.325%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 63.325%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 65.083%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 65.083%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 71.419%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 71.419%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes oi_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 38.814%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 38.814%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 75.937%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 75.937%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 85.884%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 85.884%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ok_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 47.828%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 47.828%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 73.536%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 73.536%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 97.732%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 97.732%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes om_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 43.092%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 43.092%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 59.435%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 59.435%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 62.766%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 62.766%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes oo_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 30.724%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 30.724%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 66.264%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 66.264%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 73.164%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 73.164%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes oq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 33.211%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 33.211%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 38.913%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 38.913%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 43.481%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 43.481%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes os_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 26.257%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 26.257%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 37.277%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 37.277%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 41.332%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 41.332%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ou_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 23.125%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 23.125%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 31.811%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 31.811%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 36.786%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 36.786%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ow_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 26.478%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 26.478%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 41.028%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 41.028%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 41.908%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 41.908%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes oy_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 16.221%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 16.221%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 26.136%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 26.136%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 26.795%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 26.795%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes o0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 29.422%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 29.422%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 47.197%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 47.197%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 53.49%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 53.49%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes o2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 45.32%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 45.32%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 60.396%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 60.396%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 70.325%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 70.325%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes o4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 40.953%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 40.953%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 60.1%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 60.1%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 85.347%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 85.347%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes o6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 30.574%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 30.574%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 48.116%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 48.116%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 52.981%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 52.981%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes o8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 46.54%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 46.54%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 60.523%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 60.523%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 67.294%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 67.294%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes pa_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 53.785%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 53.785%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 83.705%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 83.705%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 92.732%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 92.732%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes pc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 56.865%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 56.865%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 70.231%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 70.231%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 83.597%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 83.597%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes pe_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 69.795%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 69.795%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 76.018%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 76.018%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 88.868%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 88.868%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes pg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 82.137%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 82.137%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 83.599%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 83.599%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 98.692%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 98.692%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes pi_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 53.444%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 53.444%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 82.364%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 82.364%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 98.743%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 98.743%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes pk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 68.053%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 68.053%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 89.725%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 89.725%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 93.409%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 93.409%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes pm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 61.207%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 61.207%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 62.931%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 62.931%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 64.654%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 64.654%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes po_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 39.626%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 39.626%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 73.54%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 73.54%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 81.034%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 81.034%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes pq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 46.784%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 46.784%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 63.324%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 63.324%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 71.26%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 71.26%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ps_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 41.666%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 41.666%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 50.4%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 50.4%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 57.798%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 57.798%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes pu_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 36.288%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 36.288%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 66.893%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 66.893%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 71.532%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 71.532%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes pw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 38.486%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 38.486%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 46.794%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 46.794%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 52.337%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 52.337%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes py_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 29.762%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 29.762%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 38.267%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 38.267%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 45.569%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 45.569%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes p0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 28.785%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 28.785%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 33.779%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 33.779%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 37.133%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 37.133%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes p2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 28.88%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 28.88%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 46.64%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 46.64%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 50.038%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 50.038%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes p4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 35.251%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 35.251%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 45.704%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 45.704%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 49.934%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 49.934%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes p6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 56.153%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 56.153%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 68.208%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 68.208%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 71.537%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 71.537%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes p8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 68.914%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 68.914%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 82.016%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 82.016%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 88.414%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 88.414%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes qa_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 56.821%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 56.821%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 84.211%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 84.211%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 94.177%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 94.177%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes qc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 29.897%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 29.897%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 43.997%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 43.997%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 46.844%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 46.844%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes qe_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 40.968%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 40.968%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 56.372%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 56.372%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 59.965%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 59.965%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes qg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 42.81%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 42.81%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 89.446%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 89.446%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 96.224%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 96.224%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes qi_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 44.683%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 44.683%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 77.564%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 77.564%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 86.857%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 86.857%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes qk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 61.737%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 61.737%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 71.851%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 71.851%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 87.335%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 87.335%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes qm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 64.095%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 64.095%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 66.432%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 66.432%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 84.322%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 84.322%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes qo_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 51.709%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 51.709%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 69.42%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 69.42%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 80.758%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 80.758%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes qq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 44.77%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 44.77%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 79.001%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 79.001%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 86.351%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 86.351%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes qs_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 56.576%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 56.576%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 73.661%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 73.661%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 80.343%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 80.343%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes qu_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 44.092%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 44.092%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 77.327%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 77.327%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 82.326%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 82.326%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes qw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 66.074%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 66.074%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 76.611%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 76.611%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 78.945%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 78.945%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes qy_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 41.229%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 41.229%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 50.023%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 50.023%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 53.462%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 53.462%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes q0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 43.781%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 43.781%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 68.683%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 68.683%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 71.062%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 71.062%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes q2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 22.363%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 22.363%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 32.848%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 32.848%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 37.521%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 37.521%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes q4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 27.167%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 27.167%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 35.983%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 35.983%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 41.068%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 41.068%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes q6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 10.778%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 10.778%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 13.05%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 13.05%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 13.769%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 13.769%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes q8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 27.867%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 27.867%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 40.33%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 40.33%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 41.511%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 41.511%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ra_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 9.942%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 9.942%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 32.893%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 32.893%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 33.742%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 33.742%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes rc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 47.153%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 47.153%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 54.845%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 54.845%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 55.61%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 55.61%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes re_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 52.251%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 52.251%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 72.361%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 72.361%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 78.775%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 78.775%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes rg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 59.372%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 59.372%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 85.122%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 85.122%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 91.241%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 91.241%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ri_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 37.854%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 37.854%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 50.809%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 50.809%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 51.604%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 51.604%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes rk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 57.042%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 57.042%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 79.418%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 79.418%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 81.585%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 81.585%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes rm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 40.257%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 40.257%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 73.155%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 73.155%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 75.14%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 75.14%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ro_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 20.098%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 20.098%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 62.695%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 62.695%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 64.323%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 64.323%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes rq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 44.79%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 44.79%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 56.145%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 56.145%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 67.5%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 67.5%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes rs_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 74.311%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 74.311%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 76.873%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 76.873%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 89.686%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 89.686%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ru_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 83.409%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 83.409%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 86.066%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 86.066%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 88.724%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 88.724%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes rw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 72.095%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 72.095%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 97.715%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 97.715%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 100%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 100%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ry_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 61.84%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 61.84%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 75.874%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 75.874%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 77.396%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 77.396%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes r0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 51.21%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 51.21%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 76.545%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 76.545%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 77.569%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 77.569%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes r2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 51.793%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 51.793%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 58.98%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 58.98%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 66.166%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 66.166%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes r4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 45.099%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 45.099%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 45.987%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 45.987%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 52.92%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 52.92%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes r6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 36.218%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 36.218%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 61.664%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 61.664%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 62.245%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 62.245%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes r8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 25.258%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 25.258%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 35.35%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 35.35%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 37.622%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 37.622%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes sa_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 32.544%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 32.544%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 40.702%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 40.702%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 43.148%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 43.148%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes sc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 37.223%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 37.223%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 43.638%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 43.638%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 46.233%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 46.233%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes se_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 38.406%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 38.406%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 43.117%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 43.117%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 46.349%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 46.349%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes sg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 21.512%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 21.512%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 45.231%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 45.231%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 48.929%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 48.929%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes si_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 52.997%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 52.997%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 54.45%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 54.45%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 58.403%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 58.403%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes sk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 61.212%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 61.212%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 77.508%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 77.508%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 80.011%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 80.011%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes sm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 57.452%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 57.452%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 84.344%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 84.344%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 87.423%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 87.423%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes so_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 56.3%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 56.3%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 64.067%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 64.067%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 67.652%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 67.652%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes sq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 62.027%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 62.027%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 72.241%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 72.241%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 77.161%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 77.161%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ss_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 22.98%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 22.98%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 72.402%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 72.402%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 77.829%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 77.829%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes su_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 28.248%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 28.248%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 72.7%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 72.7%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 77.325%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 77.325%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes sw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 46.058%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 46.058%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 60.227%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 60.227%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 67.051%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 67.051%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes sy_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 40.207%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 40.207%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 44.573%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 44.573%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 55.089%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 55.089%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes s0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 55.269%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 55.269%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 71.867%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 71.867%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 78.358%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 78.358%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes s2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 36.159%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 36.159%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 86.024%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 86.024%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 93.271%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 93.271%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes s4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 54.979%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 54.979%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 79.403%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 79.403%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 84.381%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 84.381%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes s6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 58.359%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 58.359%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 73.08%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 73.08%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 76.341%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 76.341%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes s8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 62.025%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 62.025%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 67.682%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 67.682%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 70.294%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 70.294%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ta_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 44.072%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 44.072%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 44.976%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 44.976%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 48.235%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 48.235%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes tc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 44.146%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 44.146%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 62.389%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 62.389%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 64.249%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 64.249%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } diff --git a/website-desktop/src/css/docs-pages.css b/website-desktop/src/css/docs-pages.css new file mode 100644 index 000000000..9fb0536bd --- /dev/null +++ b/website-desktop/src/css/docs-pages.css @@ -0,0 +1,310 @@ +:root.docs-doc-page { + --doc-sidebar-width: 300px; + --ifm-font-family-monospace: 'Port Lligat Sans'; + --ifm-heading-color: var(--vuu-light-text-primary); + --ifm-link-color: var(--vuu-light-text-primary);; + --vuu-footer-display: none; + --vuu-navbar-height: 125px; + --vuu-navbar-logo-height: 61px; + --vuu-navbar-logo-width: 140px; + --vuu-navbar-padding: 32px; + } + + .docs-doc-page #__docusaurus { + align-items: center; + background-color: white; + color: var(--vuu-light-text-primary); + min-height: auto; + padding-top: var(--vuu-navbar-height); + } + + .docs-doc-page .navbar { + justify-content: center;; + display: flex; + width: 100%; + } + + .docs-doc-page .vuu-nav-home { + border-bottom-color: transparent; + } + + .docs-doc-page .navbar__inner { + width: var(--vuu-desktop-width); + } + + .docs-doc-page .main-wrapper { + width: var(--vuu-desktop-width); + + } + + .docs-doc-page .container { + min-height: calc(100vh - var(--vuu-navbar-height)); + } + + .docs-doc-page .col:only-child { + max-width: 100% !important; + } + + .theme-doc-sidebar-container { + font-size: 18px; + font-weight: 400; + margin-left: 80px; + padding: 40px 0 0 0px; + } + + .menu__link { + line-height: 25px; + position: relative; + } + +.menu.thin-scrollbar { + padding: 0; +} + + .menu__link--active { + font-weight: 700; + } + + .menu__list .menu__list { + padding-left: 0; + } + + .menu__list-item { + padding-right: 30px; + position: relative; + } + + .theme-doc-sidebar-item-link-level-2 { + padding-left: var(--ifm-menu-link-padding-horizontal); + } + + .menu__list-item--collapsed:hover, + .theme-doc-sidebar-item-link-level-2:hover, + .theme-doc-sidebar-item-link-level-1:hover { + background-color: #eaebf0; + } + + + .theme-doc-sidebar-item-link-level-1:hover:before, + .theme-doc-sidebar-item-link-level-2:hover:before, + .menu__list-item--collapsed:hover:before { + content: ''; + background-color: var(--vuu-accent1); + position: absolute; + height: 100%; + top:0; + left: var(--vuu-menu-indent,0); + width: 4px; + } + + .theme-doc-sidebar-item-link-level-2:hover:before { +left: 0; +} + + .menu__list-item--collapsed .menu__caret:before { + transform: none; + } + + .menu__list-item--collapsed .menu__link--sublist:after { + transform: none;; + } + + .menu__link--sublist-caret:after { + --vuu-icon-left: calc(100% - 18px); + } + + .menu__link { + border-radius: 0; + } + + .theme-doc-sidebar-item-link-level-2 { + --vuu-menu-indent: -12px; + } + + .menu__link--active:before { + content: ''; + background-color: var(--vuu-accent2); + position: absolute; + height: 100%; + top:0; + left: var(--vuu-menu-indent,0); + width: 4px; + } + + + .menu__link--sublist-caret:after, + .menu__caret:before { + --vuu-icon-size: 12px; + background: none; + background-color: var(--vuu-light-icon); + left: auto; + height: var(--vuu-icon-height, var(--vuu-icon-size, 12px)); + mask: var(--vuuu-svg-chevron-right) center center/var(--vuu-icon-size) var(--vuu-icon-size); + mask-repeat: no-repeat; + position: absolute; + top: var(--vuu-icon-top, auto); + transform: rotate(90deg); + width: var(--vuu-icon-width, var(--vuu-icon-size, 12px)); + } + + :root.docs-doc-page main { + padding: 0 32px 0 75px; + } + +.markdown { + font-size: var(--vuu-paragraph-small-fontSize); + font-weight: var(--vuu-paragraph-small-fontWeight); + line-height: var(--vuu-paragraph-small-line-height); +} + + .markdown h1:first-child { + --ifm-h1-font-size: 60px; + } + + .markdown h2 { + --ifm-h2-font-size: 46px; + } + + + .markdown ol > li { + counter-increment: item; + font-size: 20px; + line-height: 28px; + list-style-type: none; + padding-left: 50px; + position: relative; + } + .markdown ol > li:before { + align-items: center; + border-radius: 16px; + border: solid 1px #C7CBDE; + content: counter(item); + display: inline-flex; + font-size: 16px; + font-weight: 400; + height: 30px; + justify-content: center; + left: 0; + margin-right: 12px; + position: absolute; + top:0; + width: 30px; + } + + .pagination-nav { + border-top: solid 1px #C7CBDE; + } + + + .pagination-nav__link { + position: relative; + } + + .pagination-nav__link:hover .pagination-nav__sublabel{ + text-decoration: underline; + } + + .pagination-nav__link + .pagination-nav__link:before { + background-color: #C7CBDE; + content: ''; + position: absolute; + left: 0; + top: 16px; + width: 1px; + height: 56px; + + + } + + .pagination-nav__sublabel { + color: var(--vuu-accent2); + font-size: var(--vuu-action-fontSize); + font-weight: var(--vuu-action-fontWeight); + line-height: var(--vuu-action-lineHeight); + } + + .pagination-nav__label { + font-size: var(--vuu-paragraph-small-fontSize); + font-weight: var(--vuu-paragraph-small-fontWeight); + line-height: var(--vuu-paragraph-small-lineHeight); + } + + .pagination-nav__label:before, + .pagination-nav__label:after { + content: none!important; + } + +.table-of-contents { + font-size: 14px; + font-weight: 400; + line-height: 25px; + padding-left: 20px; + position: relative; +} + +.table-of-contents:before { + background-image: radial-gradient(circle, #c6c3d3 1.25px, rgba(255,255,255,0) 2.5px); + background-position: left; + background-size: 5px 15px; + background-repeat: repeat-y; + content: ''; + width: 5px; + position: absolute; + height: calc(100% - 20px); + top: 10px; + left:0; +} + +.table-of-contents__link { + line-height: 16px; + padding: 3px 0px; +} + +.table-of-contents__link:hover { + color: inherit; +} + +.table-of-contents__link--active { + color: inherit; + font-weight: 700; +} + +.theme-code-block { + --prism-background-color: var(--vuu-dark-bg-background2) !important; +} + +.token-line { + color: rgba(255,255,255, .8) !important; +} + +.token-line .token.function { + color: var(--vuu-accent1) !important; +} + +.what-is-a-vuu-server { + --vuu-background-image: url(/img/vuu/WhatIsAVuuServer.svg); +} +.how-does-it-work { + --vuu-background-image: url(/img/vuu/HowDoesItWork.png); +} +.what-are-the-trade-offs { + --vuu-background-image: url(/img/vuu/WhatAreTheTradeoffs.png); +} +.lifecycle { + --vuu-background-image: url(/img/vuu/Lifecycle.png); +} +.providers { + --vuu-background-image: url(/img/vuu/Providers.png); +} +.tables { + --vuu-background-image: url(/img/vuu/Tables.png); +} +.viewports { + --vuu-background-image: url(/img/vuu/Viewports.png); +} +.filters-sorts-trees { + --vuu-background-image: url(/img/vuu/FiltersSortsTrees.png); +} +.modules { + --vuu-background-image: url(/img/vuu/Modules.png); +} \ No newline at end of file diff --git a/website-desktop/src/css/vuu-components.css b/website-desktop/src/css/vuu-components.css new file mode 100644 index 000000000..ed27bc392 --- /dev/null +++ b/website-desktop/src/css/vuu-components.css @@ -0,0 +1,89 @@ +.vuu-heading-1 { + font-size: var(--vuu-heading1-fontSize); + font-weight: var(--vuu-heading1-fontWeight); + line-height: var(--vuu-heading1-lineHeight); + text-align: var(--vuu-heading-text-align); + } + + .vuu-heading-2 { + font-size: var(--vuu-heading2-fontSize); + font-weight: var(--vuu-heading2-fontWeight); + line-height: var(--vuu-heading2-lineHeight); + } + + .vuu-heading-3 { + color: var(--vuu-heading3-color); + font-size: var(--vuu-heading3-fontSize); + font-weight: var(--vuu-heading3-fontWeight); + line-height: var(--vuu-heading3-lineHeight); + } + + .vuu-heading-5 { + color: var(--vuu-heading5-color); + font-size: var(--vuu-heading5-fontSize); + font-weight: var(--vuu-heading5-fontWeight); + line-height: var(--vuu-heading5-lineHeight); + } + + .vuu-paragraph-medium { + font-size: var(--vuu-paragraph-medium-fontSize); + font-weight: var(--vuu-paragraph-medium-fontWeight); + line-height: var(--vuu-paragraph-medium-lineHeight); + margin: 44px 0 30px 0; + } + + .vuu-paragraph-large { + font-size: var(--vuu-paragraph-large-fontSize); + font-weight: var(--vuu-paragraph-large-fontWeight); + line-height: var(--vuu-paragraph-large-lineHeight); + margin: 44px 0 30px 0; + } + + .vuu-action { + background-color: var(--vuu-accent1); + border-radius: 20px; + color: var(--vuu-light-text-primary); + font-size: var(--vuu-action-fontSize); + font-weight: var(--vuu-action-fontWeight); + line-height: var(--vuu-action-lineHeight); + } + +.vuu-button-bar { + display: flex; + gap: 25px; + position: relative; + transform: var(--vuu-button-bar-transform); +} + +.vuu-button { + align-items: center; + border-radius: 50px; + color: var(--vuu-light-text-primary); + display: flex; + font-weight: 700; + height: 45px; + padding: 0 40px; +} + +.vuu-button:hover { + color: initial; + text-decoration: none; +} + +.vuu-button:visited { + text-decoration: none; +} + +.vuu-button-cta { + background-color: var(--vuu-accent1); +} + +.vuu-button-secondary { + background-color: var(--vuu-dark-bg-background2); + border: solid 2px var(--vuu-accent1); + color: var(--vuu-accent1); +} + +.vuu-button-secondary:hover { + color: var(--vuu-accent1); +} diff --git a/website-desktop/src/css/vuu-icons.css b/website-desktop/src/css/vuu-icons.css new file mode 100644 index 000000000..cafd5afa3 --- /dev/null +++ b/website-desktop/src/css/vuu-icons.css @@ -0,0 +1,3 @@ +:root { + --vuuu-svg-chevron-right: url('data:image/svg+xml;utf8,'); +} \ No newline at end of file diff --git a/website-desktop/src/css/vuu-theme.css b/website-desktop/src/css/vuu-theme.css new file mode 100644 index 000000000..5414f71fc --- /dev/null +++ b/website-desktop/src/css/vuu-theme.css @@ -0,0 +1,54 @@ +:root { +--vuu-font-family: "Nunito Sans"; +--vuu-heading1-fontSize: 60px; +--vuu-heading1-fontWeight: 300; +--vuu-heading1-lineHeight: 84px; +--vuu-heading2-fontSize: 46px; +--vuu-heading2-fontWeight: 300; +--vuu-heading3-fontSize: 40px; +--vuu-heading3-fontWeight: 300; +--vuu-heading3-lineHeight: 56px; + +--vuu-heading5-fontSize: 30px; +--vuu-heading5-fontWeight: 300; +--vuu-heading5-lineHeight: 42px; + + +/* deviates from figma, needed for alignment, otw we need to use positioning */ +--vuu-heading2-lineHeight: 50px; + +--vuu-paragraph-small-fontSize: 20px; +--vuu-paragraph-small-fontWeight: 400; +--vuu-paragraph-small-lineHeight: 28px; + +--vuu-paragraph-medium-fontSize: 24px; +--vuu-paragraph-medium-fontWeight: 400; +--vuu-paragraph-medium-lineHeight: 33.6px; + +--vuu-paragraph-large-fontSize: 28px; +--vuu-paragraph-large-fontWeight: 400; +--vuu-paragraph-large-lineHeight: 44px; + +--vuu-action-fontSize: 18px; +--vuu-action-fontWeight: 700; +--vuu-action-lineHeight: 24px; + + +--vuu-dark-bg-background1: #1D0142; +--vuu-dark-bg-background2: #2A015F; +--vuu-dark-background-bg3: rgba(29,0,65,.5); +--vuu-dark-background-bg4: rgba(42,1,95,.5); +--vuu-accent1: #F37880; +--vuu-accent2:#6D18BD; +--vuu-dark-text-primary: #FFFFFF; +--vuu-dark-text-secondary: rgba(255,255,255.8); +--vuu-light-text-primary: #15171B; +--vuu-light-text-secondary: ##606477; +--vuu-light-icon: #777C94; + +--vuu-dark-body-bg: black; +--vuu-desktop-width: 1440px; +--vuu-mobile-width: 100%; +--vuu-viewport-width: var(var(--vuu-desktop-width)); + +} \ No newline at end of file diff --git a/website-desktop/src/hooks/useScrollPosition.js b/website-desktop/src/hooks/useScrollPosition.js new file mode 100644 index 000000000..16efa8591 --- /dev/null +++ b/website-desktop/src/hooks/useScrollPosition.js @@ -0,0 +1,98 @@ +import { useCallback, useEffect } from "react"; + +const FULL_LOGO_HEIGHT = 90; +const FULL_LOGO_WIDTH = 185; +const SMALL_LOGO_HEIGHT = 60; +const SMALL_LOGO_WIDTH = 140; + +export const useScrollPosition = () => { + const scrollListener = useCallback(() => { + const root = document.querySelector(":root"); + const scrollTop = Math.round(window.scrollY); + // console.log(`scrollY = ${scrollY}`); + if (scrollTop < 130) { + const height = Math.max(72, 200 - scrollTop); + root.style.setProperty("--vuu-navbar-height", `${height}px`); + } else { + root.style.setProperty("--vuu-navbar-height", `72px`); + } + + root.style.setProperty( + "--vuu-navbar-background-position", + `${-scrollTop}px` + ); + + if (scrollTop < 120) { + root.style.setProperty("--vuu-navbar-menu-top", "30px"); + } else if (scrollTop >= 120 && scrollTop < 146) { + const menuTop = Math.max(15, 6 - (scrollTop - 120)); + root.style.setProperty("--vuu-navbar-menu-top", `${menuTop}px`); + } else { + root.style.setProperty("--vuu-navbar-menu-top", "15px"); + } + + if (scrollTop < 81) { + const padding = Math.max(80 - scrollTop, 6); + // console.log(`padding ${padding}`); + root.style.setProperty("--vuu-navbar-padding", `${padding}px`); + root.style.setProperty("--vuu-navbar-shadow", "none"); + } else { + root.style.setProperty("--vuu-navbar-padding", "6px"); + root.style.setProperty( + "--vuu-navbar-shadow", + "0px 3px 6px rgba(0, 0, 0, 0.2)" + ); + } + + if (scrollTop > 100) { + root.style.setProperty( + "--vuu-navbar-logo-height", + `${SMALL_LOGO_HEIGHT}px` + ); + root.style.setProperty( + "--vuu-navbar-logo-width", + `${SMALL_LOGO_WIDTH}px` + ); + } else if (scrollTop > 60 && scrollTop < 101) { + const scrollPct = (scrollTop - 60) / 40; + const maxHeightDiff = FULL_LOGO_HEIGHT - SMALL_LOGO_HEIGHT; + const maxWidthDiff = FULL_LOGO_WIDTH - SMALL_LOGO_WIDTH; + const heightAdjustment = Math.round(scrollPct * maxHeightDiff); + const widthAdjustment = Math.round(scrollPct * maxWidthDiff); + console.log(`scrtoll reduction = ${scrollPct}%`); + // const size = LOGO_SIZE - (scrollTop - 60); + root.style.setProperty( + "--vuu-navbar-logo-height", + `${FULL_LOGO_HEIGHT - heightAdjustment}px` + ); + root.style.setProperty( + "--vuu-navbar-logo-width", + `${FULL_LOGO_WIDTH - widthAdjustment}px` + ); + } else if (scrollTop <= 60) { + // prettier-ignore + root.style.setProperty("--vuu-navbar-logo-height",`${FULL_LOGO_HEIGHT}px`); + root.style.setProperty("--vuu-navbar-logo-width", `${FULL_LOGO_WIDTH}px`); + } + + if (scrollTop > 80) { + root.style.setProperty( + "--vuu-navbar-bg", + `var(--vuu-dark-bg-background2)` + ); + } else { + root.style.setProperty("--vuu-navbar-bg", `transparent`); + } + }, []); + + useEffect(() => { + addEventListener("scroll", scrollListener); + return () => { + removeEventListener("scroll", scrollListener); + const root = document.querySelector(":root"); + root.style.setProperty("--vuu-navbar-height", null); + root.style.setProperty("--vuu-navbar-padding", null); + root.style.setProperty("--vuu-navbar-logo-size", null); + }; + }, []); +}; diff --git a/website-desktop/src/theme/Footer/FinosLogo.tsx b/website-desktop/src/theme/Footer/FinosLogo.tsx new file mode 100644 index 000000000..e69de29bb diff --git a/website-desktop/src/theme/Footer/Footer-mobile.css b/website-desktop/src/theme/Footer/Footer-mobile.css new file mode 100644 index 000000000..1e77132d3 --- /dev/null +++ b/website-desktop/src/theme/Footer/Footer-mobile.css @@ -0,0 +1,8 @@ +/* Footer */ + +footer { + display: none; + + } + + \ No newline at end of file diff --git a/website-desktop/src/theme/Footer/Footer.css b/website-desktop/src/theme/Footer/Footer.css new file mode 100644 index 000000000..2162f709f --- /dev/null +++ b/website-desktop/src/theme/Footer/Footer.css @@ -0,0 +1,73 @@ +/* Footer */ + +footer { + display: var(--vuu-footer-display, block); + /* width: var(--vuu-desktop-width); */ + width: 100%; + background-color: var(--vuu-dark-bg-background2); + border: 1px solid rgba(255, 255, 255, 0.2) ; + color: var(--vuu-dark-text-secondary); + font-family: 'Raleway'; + font-size: 16px; + font-weight: 400; + height: 330px; + } + + .footer-columns { + align-items: center; + display: flex; + justify-content: space-between; + margin: 0 auto; + padding: 100px 193px; + width: var(--vuu-desktop-width); + + } + + .footer-column-logo { + font-weight: 500; + width: 217px; + } + + .footer-column-logo img{ + margin-bottom: 16px; + } + + .footer-column:nth-of-type(2) { + flex: 0.8; + } + + .footer-column-logo, + .footer-column:nth-of-type(2) { + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + } + + .footer-column ul { + list-style: none; + } + + +.footer-finos-logo { + opacity: 0.25; +} + +.vuu-link-list { + line-height: 26px; + margin: 0; + opacity: 0.8; + width: 225px; +} + +.vuu-copyright { + opacity: 0.8; + white-space: nowrap; +} + +.vuu-separator { + background-color: rgba(255, 255, 255, 0.1); + flex: 0 0 1px; + height: 62px; + +} \ No newline at end of file diff --git a/website-desktop/src/theme/Footer/index.js b/website-desktop/src/theme/Footer/index.js new file mode 100644 index 000000000..5d39d9a19 --- /dev/null +++ b/website-desktop/src/theme/Footer/index.js @@ -0,0 +1,49 @@ +import React from "react"; +import VuuLogo from "../../../static/img/finos/vuu-text.png"; +import FinosLogo from "../../../static/img/finos/finos.png"; + +import "./Footer.css"; + +const Footer = () => { + return ( + + ); +}; + +export default Footer; diff --git a/website/static/animations/WIP - Header Animation.svg b/website-desktop/static/animations/WIP - Header Animation.svg similarity index 100% rename from website/static/animations/WIP - Header Animation.svg rename to website-desktop/static/animations/WIP - Header Animation.svg diff --git a/website-desktop/static/css/DataAnimation.css b/website-desktop/static/css/DataAnimation.css new file mode 100644 index 000000000..2cd0a29ec --- /dev/null +++ b/website-desktop/static/css/DataAnimation.css @@ -0,0 +1,406 @@ +@keyframes a_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-0.5px,-0.5px); } } +@keyframes a_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 62.819%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 62.819%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 75.021%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 75.021%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 82.588%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 82.588%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes b_f { 0% { fill: rgb(231,255,195); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { fill: rgb(231,255,195); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { fill: rgb(231,255,195); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { fill: rgb(231,255,195); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { fill: rgb(231,255,195); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { fill: rgb(231,255,195); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { fill: rgb(153,255,0); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { fill: rgb(153,255,0); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { fill: rgb(231,255,195); } } +@keyframes b_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); } } +@keyframes c_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 33.808%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 33.808%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 66.658%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 66.658%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 72.865%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 72.865%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes e_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-0.5px,-0.5px); } } +@keyframes e_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 15.839%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 15.839%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 54.33%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 54.33%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 82.819%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 82.819%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes f_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); } } +@keyframes g_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 34.256%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 34.256%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 69.438%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 69.438%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 74.387%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 74.387%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes i_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 53.151%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 53.151%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 64.775%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 64.775%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 68.664%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 68.664%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes k_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 14.149%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 14.149%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 55.974%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 55.974%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 84.811%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 84.811%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes m_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 25.427%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 25.427%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 70.855%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 70.855%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 83.356%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 83.356%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes o_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 27.276%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 27.276%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 77.503%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 77.503%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 90.166%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 90.166%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes q_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 19.29%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 19.29%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 61.3%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 61.3%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 88.618%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 88.618%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes s_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 43.304%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 43.304%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 80.921%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 80.921%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 81.45%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 81.45%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes u_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 84.049%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 84.049%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 90.61%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 90.61%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 91.784%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 91.784%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes w_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 35.046%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 35.046%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 67.983%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 67.983%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 98.387%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 98.387%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes y_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 47.376%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 47.376%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 53.306%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 53.306%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 85.148%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 85.148%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes aa_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 50.429%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 50.429%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 51.434%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 51.434%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 78.421%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 78.421%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ac_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 23.729%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 23.729%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 60.627%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 60.627%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 87.838%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 87.838%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ae_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 44.11%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 44.11%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 65.677%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 65.677%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 80.264%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 80.264%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ag_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 40.555%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 40.555%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 65.473%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 65.473%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 79.886%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 79.886%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ai_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 19.964%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 19.964%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 61.629%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 61.629%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 87.209%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 87.209%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ak_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 33.623%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 33.623%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 68.706%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 68.706%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 73.795%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 73.795%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes am_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 35.131%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 35.131%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 68.238%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 68.238%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 73.698%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 73.698%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ao_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 12.981%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 12.981%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 63.97%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 63.97%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 91.782%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 91.782%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes aq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 63.772%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 63.772%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 78.297%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 78.297%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 79.274%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 79.274%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes as_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 38.496%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 38.496%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 71.804%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 71.804%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 72.487%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 72.487%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes au_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 17.527%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 17.527%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 53.814%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 53.814%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 82.624%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 82.624%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes aw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 34.393%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 34.393%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 66.966%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 66.966%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 76.287%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 76.287%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ay_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 49.826%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 49.826%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 61.247%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 61.247%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 69.211%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 69.211%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes a0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 20.322%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 20.322%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 63.827%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 63.827%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 95.845%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 95.845%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes a2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 14.442%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 14.442%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 63.81%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 63.81%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 81.913%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 81.913%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes a4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 17.883%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 17.883%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 71.494%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 71.494%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 89.503%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 89.503%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes a6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 17.674%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 17.674%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 59.272%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 59.272%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 88.021%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 88.021%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes a8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 35.135%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 35.135%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 74.147%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 74.147%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 80.763%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 80.763%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ba_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 76.565%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 76.565%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 83.581%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 83.581%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 91.214%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 91.214%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes bc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 36.917%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 36.917%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 67.524%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 67.524%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 98.364%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 98.364%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes be_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 45.279%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 45.279%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 52.293%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 52.293%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 82.433%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 82.433%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes bg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 53.673%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 53.673%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 54.727%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 54.727%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 77.373%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 77.373%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes bi_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 20.756%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 20.756%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 57.721%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 57.721%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 86.94%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 86.94%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes bk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 39.4%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 39.4%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 60.19%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 60.19%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 77.109%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 77.109%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes bm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 35.546%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 35.546%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 60.15%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 60.15%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 76.785%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 76.785%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes bo_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 16.986%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 16.986%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 59.01%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 59.01%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 86.337%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 86.337%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes bq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 25.031%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 25.031%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 61.846%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 61.846%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 72.5%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 72.5%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes bs_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 41.581%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 41.581%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 69.092%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 69.092%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 78.143%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 78.143%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes bu_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 20.555%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 20.555%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 66.121%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 66.121%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 92.273%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 92.273%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes bw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 47.145%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 47.145%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 55.436%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 55.436%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 85.803%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 85.803%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes by_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 28.775%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 28.775%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 60.482%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 60.482%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 95.864%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 95.864%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes b0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 18.565%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 18.565%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 52.885%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 52.885%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 97.075%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 97.075%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes b2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 31.896%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 31.896%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 61.077%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 61.077%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 97.454%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 97.454%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes b4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 36.635%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 36.635%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 49.958%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 49.958%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 90.718%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 90.718%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes b6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 14.199%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 14.199%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 48.769%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 48.769%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 89.795%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 89.795%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes b8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 8.794%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 8.794%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 52.035%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 52.035%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 93.46%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 93.46%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ca_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 8.663%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 8.663%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 44.381%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 44.381%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 75.464%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 75.464%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes cc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 17.486%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 17.486%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 55.553%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 55.553%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 97.66%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 97.66%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ce_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 22.964%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 22.964%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 51.45%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 51.45%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 87.557%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 87.557%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes cg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 43.772%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 43.772%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 47.876%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 47.876%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 80.915%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 80.915%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ci_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 29.778%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 29.778%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 51.205%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 51.205%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 86.856%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 86.856%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ck_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 36.097%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 36.097%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 41.38%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 41.38%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 55.586%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 55.586%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes cm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 28.581%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 28.581%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 29.672%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 29.672%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 44.35%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 44.35%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes co_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 13.969%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 13.969%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 41.866%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 41.866%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 77.502%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 77.502%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes cq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 24.883%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 24.883%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 38.914%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 38.914%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 68.864%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 68.864%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes cs_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 24.138%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 24.138%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 40.461%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 40.461%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 69.426%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 69.426%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes cu_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 10.389%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 10.389%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 43.241%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 43.241%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 77.296%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 77.296%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes cw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 19.662%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 19.662%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 40.966%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 40.966%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 67.147%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 67.147%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes cy_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 22.662%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 22.662%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 41.544%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 41.544%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 67.928%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 67.928%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes c0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 17.442%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 17.442%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 51.986%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 51.986%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 83.361%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 83.361%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes c2_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-0.5px,-0.5px); } } +@keyframes c2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 51.819%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 51.819%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 65.501%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 65.501%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 66.802%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 66.802%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes c3_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); } } +@keyframes c4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 18.665%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 18.665%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 55.832%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 55.832%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 56.37%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 56.37%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes c6_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-0.5px,-0.5px); } } +@keyframes c6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 25.051%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 25.051%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 55.159%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 55.159%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 80.996%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 80.996%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes c7_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); } } +@keyframes c8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 21.092%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 21.092%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 54.504%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 54.504%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 77.746%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 77.746%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes da_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 46.899%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 46.899%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 54.597%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 54.597%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 79.493%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 79.493%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes dc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 15.075%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 15.075%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 51.81%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 51.81%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 93.555%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 93.555%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes de_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 25.323%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 25.323%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 56.18%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 56.18%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 85.478%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 85.478%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes dg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 4.286%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 4.286%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 44.604%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 44.604%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 77.84%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 77.84%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes di_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 15.146%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 15.146%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 55.173%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 55.173%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 96.157%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 96.157%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes dk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 42.301%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 42.301%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 70.903%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 70.903%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 99.099%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 99.099%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes dm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 54.15%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 54.15%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 59.022%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 59.022%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 90.402%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 90.402%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes do_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 26.654%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 26.654%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 50.581%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 50.581%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 89.264%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 89.264%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes dq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 39.156%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 39.156%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 45.273%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 45.273%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 58.415%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 58.415%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ds_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 39.774%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 39.774%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 40.763%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 40.763%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 54.472%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 54.472%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes du_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 15.997%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 15.997%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 42.692%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 42.692%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 78.159%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 78.159%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes dw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 28.184%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 28.184%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 40.334%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 40.334%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 69.521%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 69.521%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes dy_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 26.369%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 26.369%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 42.342%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 42.342%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 70.223%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 70.223%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes d0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 13.453%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 13.453%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 49.067%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 49.067%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 81.098%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 81.098%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes d2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 26.399%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 26.399%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 52.845%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 52.845%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 74.191%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 74.191%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes d4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 31.987%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 31.987%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 57.19%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 57.19%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 76.868%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 76.868%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes d6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 24.4%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 24.4%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 65.928%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 65.928%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 92.336%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 92.336%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes d8_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-0.5px,-0.5px); } } +@keyframes d8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 39.575%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 39.575%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 50.424%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 50.424%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 58.459%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 58.459%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes d9_f { 0% { fill: rgb(231,255,195); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { fill: rgb(231,255,195); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { fill: rgb(231,255,195); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { fill: rgb(231,255,195); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { fill: rgb(231,255,195); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { fill: rgb(231,255,195); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { fill: rgb(243,120,128); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { fill: rgb(243,120,128); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { fill: rgb(231,255,195); } } +@keyframes d9_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); } } +@keyframes ea_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 22.078%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 22.078%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 50.081%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 50.081%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 56.375%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 56.375%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ec_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-0.5px,-0.5px); } } +@keyframes ec_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 15.887%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 15.887%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 47.895%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 47.895%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 67.868%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 67.868%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ed_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); } } +@keyframes ee_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 29.084%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 29.084%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 55.867%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 55.867%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 57.535%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 57.535%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes eg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 47.122%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 47.122%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 56.931%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 56.931%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 58.708%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 58.708%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ei_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 15.796%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 15.796%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 57.027%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 57.027%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 80.4%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 80.4%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ek_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 11.251%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 11.251%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 69.115%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 69.115%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 74.315%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 74.315%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes em_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 9.677%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 9.677%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 78.877%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 78.877%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 84.589%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 84.589%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes eo_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 10.543%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 10.543%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 51.087%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 51.087%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 72.404%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 72.404%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes eq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 27.1%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 27.1%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 59.642%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 59.642%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 60.81%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 60.81%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes es_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 69.562%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 69.562%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 76.423%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 76.423%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 78.212%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 78.212%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes eu_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-0.5px,-0.5px); } } +@keyframes eu_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 37.543%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 37.543%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 70.152%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 70.152%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 98.429%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 98.429%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ev_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); } } +@keyframes ew_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 35.943%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 35.943%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 43.309%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 43.309%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 84.515%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 84.515%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ey_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 52.852%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 52.852%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 53.925%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 53.925%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 83.923%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 83.923%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes e0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 25.9%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 25.9%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 69.82%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 69.82%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 97.145%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 97.145%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes e2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 56.418%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 56.418%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 81.061%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 81.061%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 92.399%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 92.399%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes e4_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-0.5px,-0.5px); } } +@keyframes e4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 54.025%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 54.025%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 81.786%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 81.786%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 92.1%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 92.1%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes e5_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); } } +@keyframes e6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 23.066%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 23.066%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 71.731%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 71.731%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 95.48%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 95.48%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes e8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 51.561%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 51.561%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 91.993%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 91.993%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 93.445%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 93.445%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes fa_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 54.841%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 54.841%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 93.604%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 93.604%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 95.224%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 95.224%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes fc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 26.649%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 26.649%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 76.229%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 76.229%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 97.058%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 97.058%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes fe_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 43.989%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 43.989%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 48.325%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 48.325%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 56.701%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 56.701%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes fg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 27.63%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 27.63%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 50.548%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 50.548%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 56.783%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 56.783%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes fi_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 12.819%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 12.819%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 44.012%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 44.012%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 65.474%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 65.474%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes fk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 16.142%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 16.142%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 44.152%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 44.152%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 46.263%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 46.263%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes fm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 45.854%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 45.854%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 50.691%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 50.691%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 52.725%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 52.725%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes fo_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 18.983%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 18.983%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 64.576%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 64.576%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 92.808%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 92.808%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes fq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 6.109%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 6.109%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 64.749%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 64.749%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 70.684%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 70.684%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes fs_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 1.535%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 1.535%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 75.046%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 75.046%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 81.794%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 81.794%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes fu_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 7.047%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 7.047%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 47.327%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 47.327%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 70.283%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 70.283%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes fw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 20.641%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 20.641%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 54.58%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 54.58%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 59.127%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 59.127%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes fy_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 74.028%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 74.028%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 82.026%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 82.026%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 88.906%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 88.906%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes f0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 38.608%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 38.608%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 68.567%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 68.567%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 98.345%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 98.345%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes f2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 37.218%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 37.218%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 45.452%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 45.452%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 82.689%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 82.689%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes f4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 45.563%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 45.563%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 46.974%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 46.974%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 78.857%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 78.857%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes f6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 26.834%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 26.834%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 63.263%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 63.263%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 88.213%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 88.213%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes f8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 60.42%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 60.42%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 79.905%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 79.905%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 91.935%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 91.935%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ga_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 59.324%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 59.324%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 81.585%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 81.585%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 92.013%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 92.013%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes gc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 29.452%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 29.452%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 72.843%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 72.843%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 95.658%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 95.658%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ge_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 52.094%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 52.094%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 89.056%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 89.056%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 94.008%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 94.008%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes gg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 57.985%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 57.985%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 90.831%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 90.831%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 95.953%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 95.953%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes gi_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 20.963%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 20.963%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 73.269%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 73.269%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 96.691%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 96.691%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes gk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 37.091%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 37.091%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 39.679%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 39.679%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 49.456%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 49.456%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes gm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 32.673%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 32.673%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 50.709%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 50.709%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 56.924%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 56.924%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes go_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 21.518%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 21.518%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 47.679%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 47.679%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 67.735%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 67.735%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes gq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 13.305%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 13.305%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 41.511%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 41.511%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 45.889%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 45.889%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes gs_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 33.733%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 33.733%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 37.153%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 37.153%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 40.815%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 40.815%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes gu_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 11.129%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 11.129%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 44.107%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 44.107%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 66.604%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 66.604%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes gw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 7.122%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 7.122%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 48.156%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 48.156%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 57.463%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 57.463%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes gy_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-1.5px,-1.5px); } } +@keyframes gy_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 8.44%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 8.44%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 46.632%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 46.632%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 54.429%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 54.429%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes gz_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); } } +@keyframes g0_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-1.5px,-1.5px); } } +@keyframes g0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 7.525%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 7.525%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 45.501%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 45.501%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 69.127%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 69.127%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes g1_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); } } +@keyframes g2_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-1.5px,-1.5px); } } +@keyframes g2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 14.63%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 14.63%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 47.123%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 47.123%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 52.362%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 52.362%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes g3_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); } } +@keyframes g4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 56.483%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 56.483%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 57.74%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 57.74%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 63.151%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 63.151%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes g6_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1px,-1px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-1.5px,-1.5px); } } +@keyframes g6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 34.378%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 34.378%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 57.814%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 57.814%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 85.102%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 85.102%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes g7_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M2,1C2,1.55,1.55,2,1,2C0.45,2,0,1.55,0,1C0,0.45,0.45,0,1,0C1.55,0,2,0.45,2,1C2,1,2,1,2,1Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); } } +@keyframes g8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 43.878%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 43.878%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 51.796%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 51.796%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 81.75%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 81.75%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ha_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 58.419%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 58.419%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 60.518%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 60.518%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 96.681%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 96.681%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes hc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 32.422%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 32.422%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 69.311%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 69.311%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 97.408%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 97.408%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes he_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 67.211%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 67.211%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 79.864%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 79.864%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 92.262%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 92.262%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes hg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 64.218%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 64.218%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 81.342%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 81.342%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 92.192%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 92.192%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes hi_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 26.054%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 26.054%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 70.296%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 70.296%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 95.511%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 95.511%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes hk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 50.967%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 50.967%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 87.576%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 87.576%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 93.478%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 93.478%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes hm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 58.196%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 58.196%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 89.534%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 89.534%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 95.744%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 95.744%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ho_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 17.939%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 17.939%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 71.182%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 71.182%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 96.707%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 96.707%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes hq_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-0.5px,-0.5px); } } +@keyframes hq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 48.328%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 48.328%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 50.949%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 50.949%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 52.959%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 52.959%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes hr_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); } } +@keyframes hs_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 26.386%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 26.386%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 48.621%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 48.621%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 50.103%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 50.103%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes hu_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 16.124%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 16.124%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 41.869%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 41.869%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 67.059%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 67.059%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes hw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 19.853%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 19.853%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 41.627%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 41.627%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 53.532%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 53.532%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes hy_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-1.5px,-1.5px); } } +@keyframes hy_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 36.72%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 36.72%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 38.424%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 38.424%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 52.066%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 52.066%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes hz_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); } } +@keyframes h0_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-1.5px,-1.5px); } } +@keyframes h0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 9.053%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 9.053%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 40.261%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 40.261%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 73.549%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 73.549%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes h1_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); } } +@keyframes h2_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-1.5px,-1.5px); } } +@keyframes h2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 18.411%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 18.411%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 51.609%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 51.609%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 77.204%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 77.204%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes h3_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); } } +@keyframes h4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 18.839%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 18.839%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 57.962%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 57.962%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 89.597%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 89.597%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes h6_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-1.5px,-1.5px); } } +@keyframes h6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 5.29%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 5.29%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 47.173%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 47.173%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 98.205%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 98.205%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes h7_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); } } +@keyframes h8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 24.073%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 24.073%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 49.233%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 49.233%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 87.18%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 87.18%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ia_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 27.133%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 27.133%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 28.312%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 28.312%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 74.172%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 74.172%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ic_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 18.753%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 18.753%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 36.47%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 36.47%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 80.147%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 80.147%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ie_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 28.485%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 28.485%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 33.958%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 33.958%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 53.844%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 53.844%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ig_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 32.498%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 32.498%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 34.09%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 34.09%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 50.456%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 50.456%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ii_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 20.308%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 20.308%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 44.968%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 44.968%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 78.194%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 78.194%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ik_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 42.485%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 42.485%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 49.867%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 49.867%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 73.935%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 73.935%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes im_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 34.166%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 34.166%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 47.574%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 47.574%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 72.803%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 72.803%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes io_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 16.099%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 16.099%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 49.405%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 49.405%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 78.896%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 78.896%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes iq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 35.867%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 35.867%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 58.525%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 58.525%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 78.109%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 78.109%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes is_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 50.657%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 50.657%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 69.914%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 69.914%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 87.967%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 87.967%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes iu_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 17.962%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 17.962%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 67.42%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 67.42%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 98.095%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 98.095%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes iw_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-0.5px,-0.5px); } } +@keyframes iw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 38.225%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 38.225%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 39.867%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 39.867%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 52.217%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 52.217%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ix_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); } } +@keyframes iy_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-1.5px,-1.5px); } } +@keyframes iy_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 22.414%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 22.414%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 36.942%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 36.942%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 49.161%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 49.161%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes iz_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); } } +@keyframes i0_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-1.5px,-1.5px); } } +@keyframes i0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 20.94%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 20.94%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 42.675%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 42.675%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 49.195%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 49.195%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes i1_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); } } +@keyframes i2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 12.052%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 12.052%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 26.776%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 26.776%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 41.5%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 41.5%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes i4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 44.93%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 44.93%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 46.031%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 46.031%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 58.323%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 58.323%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes i6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 12.075%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 12.075%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 45.862%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 45.862%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 52.774%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 52.774%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes i8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 19.634%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 19.634%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 53.585%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 53.585%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 59.849%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 59.849%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ja_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 23.649%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 23.649%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 69.872%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 69.872%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 73.452%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 73.452%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes jc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 22.49%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 22.49%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 64.84%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 64.84%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 94.406%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 94.406%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes je_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-1.5px,-1.5px); } } +@keyframes je_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 7.836%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 7.836%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 50.589%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 50.589%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 82.476%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 82.476%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes jf_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); } } +@keyframes jg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 18.036%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 18.036%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 19.883%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 19.883%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 59.524%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 59.524%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ji_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-1.5px,-1.5px); } } +@keyframes ji_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 16.089%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 16.089%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 36.42%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 36.42%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 74.479%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 74.479%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes jj_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); } } +@keyframes jk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 31.827%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 31.827%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 39.977%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 39.977%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 55.245%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 55.245%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes jm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 31.998%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 31.998%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 34.319%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 34.319%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 65.54%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 65.54%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes jo_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 25.091%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 25.091%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 63.947%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 63.947%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 85.48%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 85.48%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes jq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 65.426%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 65.426%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 74.149%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 74.149%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 82.036%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 82.036%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes js_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 56.278%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 56.278%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 72.844%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 72.844%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 76.68%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 76.68%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ju_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 27.898%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 27.898%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 73.885%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 73.885%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 93.374%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 93.374%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes jw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 51.048%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 51.048%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 91.695%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 91.695%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 93.762%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 93.762%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes jy_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 54.311%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 54.311%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 77.386%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 77.386%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 82.216%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 82.216%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes j0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 29.098%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 29.098%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 72.477%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 72.477%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 83.246%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 83.246%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes j2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 48.274%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 48.274%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 50.109%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 50.109%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 52.378%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 52.378%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes j4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 25.288%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 25.288%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 43.052%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 43.052%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 45.508%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 45.508%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes j6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 23.737%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 23.737%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 45.899%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 45.899%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 64.801%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 64.801%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes j8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 21.074%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 21.074%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 45.697%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 45.697%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 54.157%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 54.157%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ka_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 49.831%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 49.831%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 51.834%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 51.834%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 66.409%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 66.409%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes kc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 16.858%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 16.858%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 53.658%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 53.658%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 88.642%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 88.642%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ke_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 30.782%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 30.782%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 73.647%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 73.647%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 97.551%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 97.551%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes kg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 34.762%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 34.762%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 66.792%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 66.792%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 86.332%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 86.332%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ki_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 24.994%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 24.994%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 51.5%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 51.5%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 81.672%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 81.672%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes kk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 25.765%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 25.765%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 43.211%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 43.211%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 66.591%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 66.591%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes km_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 15.897%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 15.897%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 22.208%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 22.208%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 51.438%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 51.438%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ko_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 22.589%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 22.589%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 33.053%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 33.053%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 66.227%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 66.227%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes kq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 25.847%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 25.847%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 31.016%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 31.016%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 42.719%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 42.719%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ks_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 23.446%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 23.446%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 25.281%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 25.281%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 33.174%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 33.174%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ku_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 19.06%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 19.06%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 43.274%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 43.274%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 70.946%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 70.946%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes kw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 39.854%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 39.854%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 45.417%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 45.417%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 63.451%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 63.451%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ky_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 42.83%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 42.83%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 56.218%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 56.218%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 70.82%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 70.82%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes k0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 29.106%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 29.106%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 68.042%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 68.042%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 90.082%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 90.082%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes k2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 59.388%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 59.388%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 92.712%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 92.712%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 98.551%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 98.551%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes k4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 59.696%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 59.696%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 82.992%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 82.992%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 86.139%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 86.139%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes k6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 27.931%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 27.931%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 70.531%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 70.531%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 88.468%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 88.468%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes k8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 45.45%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 45.45%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 47.353%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 47.353%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 50.616%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 50.616%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes la_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 32.804%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 32.804%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 54.22%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 54.22%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 57.179%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 57.179%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes lc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 26.127%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 26.127%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 49.783%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 49.783%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 62.238%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 62.238%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes le_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 22.101%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 22.101%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 53.835%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 53.835%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 73.342%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 73.342%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes lg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 70.159%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 70.159%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 71.779%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 71.779%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 74.896%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 74.896%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes li_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 43.205%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 43.205%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 74.021%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 74.021%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 87.234%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 87.234%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes lk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 23.892%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 23.892%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 55.416%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 55.416%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 78.392%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 78.392%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes lm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 27.004%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 27.004%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 53.932%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 53.932%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 74.052%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 74.052%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes lo_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 18.096%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 18.096%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 40.559%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 40.559%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 69.869%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 69.869%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes lq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 20.286%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 20.286%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 34.964%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 34.964%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 58.872%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 58.872%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ls_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 18.768%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 18.768%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 23.724%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 23.724%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 50.916%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 50.916%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes lu_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 37.073%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 37.073%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 49.777%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 49.777%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 66.891%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 66.891%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes lw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 31.633%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 31.633%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 38.384%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 38.384%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 63.169%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 63.169%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ly_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 20.025%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 20.025%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 21.533%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 21.533%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 34.381%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 34.381%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes l0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 15.006%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 15.006%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 35.634%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 35.634%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 64.084%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 64.084%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes l2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 54.235%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 54.235%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 56.384%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 56.384%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 61.559%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 61.559%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes l4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 70.793%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 70.793%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 84.154%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 84.154%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 90.322%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 90.322%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes l6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 38.458%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 38.458%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 79.626%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 79.626%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 93.066%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 93.066%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes l8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 54.273%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 54.273%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 85.197%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 85.197%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 98.655%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 98.655%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ma_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 52.601%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 52.601%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 72.974%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 72.974%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 75.781%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 75.781%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes mc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 18.21%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 18.21%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 64.672%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 64.672%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 86.176%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 86.176%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes me_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 29.874%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 29.874%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 35.862%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 35.862%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 45.43%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 45.43%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes mg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 34.996%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 34.996%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 47.089%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 47.089%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 49.386%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 49.386%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes mi_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 17.054%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 17.054%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 34.829%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 34.829%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 44.316%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 44.316%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes mk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 18.685%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 18.685%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 37.289%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 37.289%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 52.999%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 52.999%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes mm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 23.999%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 23.999%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 33.061%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 33.061%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 40.32%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 40.32%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes mo_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 29.713%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 29.713%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 55.351%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 55.351%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 65.968%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 65.968%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes mq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 39.922%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 39.922%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 70.486%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 70.486%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 97.366%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 97.366%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ms_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 35.274%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 35.274%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 62.467%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 62.467%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 86.217%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 86.217%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes mu_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 22.759%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 22.759%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 48.87%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 48.87%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 58.09%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 58.09%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes mw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 41.149%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 41.149%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 58.377%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 58.377%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 96.317%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 96.317%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes my_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 7.18%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 7.18%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 18.57%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 18.57%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 52.282%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 52.282%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes m0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 40.188%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 40.188%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 57.099%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 57.099%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 95.406%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 95.406%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes m2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 58.731%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 58.731%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 67.736%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 67.736%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 95.972%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 95.972%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes m4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 54.657%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 54.657%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 56.801%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 56.801%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 90.412%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 90.412%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes m6_t { 0% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% {transform: translate(-1.5px,-1.5px); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% {transform: translate(-0.5px,-0.5px); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% {transform: translate(-0.5px,-0.5px); } } +@keyframes m6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 13.433%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 13.433%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 37.866%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 37.866%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 80.352%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 80.352%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes m7_d { 0% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { d: path('M3,1.5C3,2.33,2.33,3,1.5,3C0.67,3,0,2.33,0,1.5C0,0.67,0.67,0,1.5,0C2.33,0,3,0.67,3,1.5C3,1.5,3,1.5,3,1.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { d: path('M1,0.5C1,0.78,0.78,1,0.5,1C0.22,1,0,0.78,0,0.5C0,0.22,0.22,0,0.5,0C0.78,0,1,0.22,1,0.5C1,0.5,1,0.5,1,0.5Z'); } } +@keyframes m8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 70.281%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 70.281%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 73.527%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 73.527%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 76.773%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 76.773%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes na_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 49.096%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 49.096%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 59.813%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 59.813%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 61.186%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 61.186%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes nc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 31.074%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 31.074%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 69.465%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 69.465%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 81.037%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 81.037%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ne_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 49.393%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 49.393%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 74.692%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 74.692%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 89.587%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 89.587%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ng_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 53.075%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 53.075%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 66.56%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 66.56%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 72.513%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 72.513%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ni_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 26.493%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 26.493%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 66.322%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 66.322%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 86.598%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 86.598%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes nk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 33.75%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 33.75%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 39.407%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 39.407%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 46.191%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 46.191%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes nm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 36.47%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 36.47%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 47.813%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 47.813%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 54.026%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 54.026%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes no_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 15.526%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 15.526%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 29.608%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 29.608%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 37.297%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 37.297%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes nq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 23.288%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 23.288%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 38.623%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 38.623%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 41.556%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 41.556%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ns_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 23.767%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 23.767%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 32.854%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 32.854%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 36.531%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 36.531%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes nu_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 23.534%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 23.534%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 47.461%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 47.461%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 56.836%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 56.836%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes nw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 45.849%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 45.849%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 70.561%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 70.561%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 97.373%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 97.373%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ny_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 39.51%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 39.51%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 62.245%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 62.245%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 86.135%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 86.135%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes n0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 24.703%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 24.703%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 47.137%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 47.137%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 54.397%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 54.397%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes n2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 31.017%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 31.017%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 49.324%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 49.324%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 96.086%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 96.086%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes n4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 9.592%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 9.592%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 20.092%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 20.092%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 56.011%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 56.011%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes n6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 52.619%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 52.619%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 54.895%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 54.895%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 85.515%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 85.515%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes n8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 56.914%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 56.914%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 68.592%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 68.592%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 98.955%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 98.955%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes oa_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 60.503%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 60.503%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 63.005%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 63.005%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 95.525%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 95.525%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes oc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 20.639%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 20.639%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 35.634%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 35.634%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 70.904%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 70.904%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes oe_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 50.642%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 50.642%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 66.656%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 66.656%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 73.213%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 73.213%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes og_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 63.325%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 63.325%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 65.083%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 65.083%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 71.419%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 71.419%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes oi_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 38.814%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 38.814%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 75.937%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 75.937%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 85.884%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 85.884%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ok_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 47.828%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 47.828%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 73.536%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 73.536%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 97.732%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 97.732%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes om_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 43.092%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 43.092%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 59.435%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 59.435%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 62.766%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 62.766%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes oo_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 30.724%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 30.724%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 66.264%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 66.264%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 73.164%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 73.164%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes oq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 33.211%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 33.211%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 38.913%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 38.913%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 43.481%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 43.481%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes os_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 26.257%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 26.257%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 37.277%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 37.277%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 41.332%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 41.332%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ou_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 23.125%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 23.125%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 31.811%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 31.811%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 36.786%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 36.786%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ow_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 26.478%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 26.478%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 41.028%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 41.028%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 41.908%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 41.908%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes oy_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 16.221%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 16.221%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 26.136%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 26.136%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 26.795%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 26.795%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes o0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 29.422%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 29.422%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 47.197%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 47.197%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 53.49%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 53.49%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes o2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 45.32%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 45.32%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 60.396%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 60.396%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 70.325%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 70.325%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes o4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 40.953%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 40.953%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 60.1%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 60.1%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 85.347%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 85.347%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes o6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 30.574%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 30.574%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 48.116%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 48.116%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 52.981%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 52.981%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes o8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 46.54%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 46.54%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 60.523%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 60.523%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 67.294%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 67.294%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes pa_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 53.785%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 53.785%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 83.705%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 83.705%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 92.732%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 92.732%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes pc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 56.865%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 56.865%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 70.231%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 70.231%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 83.597%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 83.597%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes pe_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 69.795%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 69.795%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 76.018%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 76.018%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 88.868%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 88.868%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes pg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 82.137%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 82.137%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 83.599%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 83.599%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 98.692%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 98.692%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes pi_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 53.444%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 53.444%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 82.364%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 82.364%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 98.743%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 98.743%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes pk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 68.053%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 68.053%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 89.725%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 89.725%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 93.409%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 93.409%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes pm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 61.207%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 61.207%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 62.931%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 62.931%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 64.654%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 64.654%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes po_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 39.626%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 39.626%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 73.54%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 73.54%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 81.034%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 81.034%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes pq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 46.784%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 46.784%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 63.324%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 63.324%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 71.26%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 71.26%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ps_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 41.666%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 41.666%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 50.4%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 50.4%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 57.798%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 57.798%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes pu_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 36.288%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 36.288%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 66.893%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 66.893%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 71.532%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 71.532%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes pw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 38.486%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 38.486%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 46.794%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 46.794%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 52.337%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 52.337%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes py_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 29.762%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 29.762%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 38.267%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 38.267%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 45.569%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 45.569%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes p0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 28.785%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 28.785%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 33.779%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 33.779%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 37.133%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 37.133%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes p2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 28.88%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 28.88%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 46.64%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 46.64%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 50.038%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 50.038%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes p4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 35.251%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 35.251%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 45.704%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 45.704%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 49.934%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 49.934%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes p6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 56.153%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 56.153%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 68.208%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 68.208%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 71.537%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 71.537%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes p8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 68.914%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 68.914%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 82.016%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 82.016%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 88.414%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 88.414%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes qa_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 56.821%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 56.821%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 84.211%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 84.211%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 94.177%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 94.177%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes qc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 29.897%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 29.897%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 43.997%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 43.997%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 46.844%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 46.844%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes qe_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 40.968%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 40.968%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 56.372%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 56.372%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 59.965%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 59.965%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes qg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 42.81%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 42.81%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 89.446%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 89.446%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 96.224%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 96.224%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes qi_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 44.683%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 44.683%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 77.564%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 77.564%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 86.857%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 86.857%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes qk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 61.737%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 61.737%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 71.851%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 71.851%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 87.335%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 87.335%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes qm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 64.095%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 64.095%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 66.432%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 66.432%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 84.322%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 84.322%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes qo_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 51.709%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 51.709%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 69.42%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 69.42%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 80.758%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 80.758%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes qq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 44.77%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 44.77%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 79.001%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 79.001%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 86.351%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 86.351%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes qs_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 56.576%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 56.576%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 73.661%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 73.661%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 80.343%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 80.343%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes qu_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 44.092%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 44.092%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 77.327%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 77.327%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 82.326%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 82.326%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes qw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 66.074%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 66.074%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 76.611%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 76.611%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 78.945%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 78.945%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes qy_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 41.229%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 41.229%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 50.023%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 50.023%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 53.462%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 53.462%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes q0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 43.781%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 43.781%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 68.683%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 68.683%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 71.062%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 71.062%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes q2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 22.363%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 22.363%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 32.848%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 32.848%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 37.521%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 37.521%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes q4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 27.167%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 27.167%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 35.983%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 35.983%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 41.068%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 41.068%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes q6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 10.778%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 10.778%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 13.05%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 13.05%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 13.769%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 13.769%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes q8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 27.867%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 27.867%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 40.33%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 40.33%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 41.511%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 41.511%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ra_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 9.942%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 9.942%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 32.893%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 32.893%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 33.742%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 33.742%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes rc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 47.153%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 47.153%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 54.845%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 54.845%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 55.61%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 55.61%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes re_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 52.251%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 52.251%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 72.361%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 72.361%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 78.775%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 78.775%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes rg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 59.372%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 59.372%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 85.122%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 85.122%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 91.241%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 91.241%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ri_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 37.854%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 37.854%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 50.809%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 50.809%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 51.604%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 51.604%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes rk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 57.042%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 57.042%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 79.418%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 79.418%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 81.585%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 81.585%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes rm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 40.257%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 40.257%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 73.155%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 73.155%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 75.14%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 75.14%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ro_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 20.098%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 20.098%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 62.695%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 62.695%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 64.323%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 64.323%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes rq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 44.79%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 44.79%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 56.145%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 56.145%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 67.5%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 67.5%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes rs_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 74.311%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 74.311%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 76.873%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 76.873%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 89.686%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 89.686%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ru_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 83.409%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 83.409%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 86.066%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 86.066%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 88.724%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 88.724%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes rw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 72.095%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 72.095%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 97.715%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 97.715%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 100%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 100%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ry_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 61.84%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 61.84%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 75.874%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 75.874%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 77.396%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 77.396%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes r0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 51.21%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 51.21%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 76.545%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 76.545%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 77.569%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 77.569%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes r2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 51.793%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 51.793%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 58.98%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 58.98%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 66.166%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 66.166%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes r4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 45.099%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 45.099%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 45.987%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 45.987%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 52.92%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 52.92%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes r6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 36.218%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 36.218%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 61.664%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 61.664%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 62.245%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 62.245%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes r8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 25.258%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 25.258%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 35.35%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 35.35%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 37.622%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 37.622%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes sa_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 32.544%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 32.544%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 40.702%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 40.702%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 43.148%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 43.148%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes sc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 37.223%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 37.223%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 43.638%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 43.638%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 46.233%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 46.233%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes se_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 38.406%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 38.406%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 43.117%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 43.117%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 46.349%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 46.349%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes sg_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 21.512%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 21.512%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 45.231%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 45.231%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 48.929%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 48.929%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes si_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 52.997%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 52.997%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 54.45%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 54.45%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 58.403%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 58.403%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes sk_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 61.212%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 61.212%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 77.508%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 77.508%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 80.011%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 80.011%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes sm_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 57.452%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 57.452%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 84.344%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 84.344%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 87.423%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 87.423%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes so_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 56.3%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 56.3%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 64.067%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 64.067%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 67.652%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 67.652%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes sq_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 62.027%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 62.027%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 72.241%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 72.241%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 77.161%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 77.161%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ss_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 22.98%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 22.98%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 72.402%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 72.402%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 77.829%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 77.829%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes su_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 28.248%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 28.248%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 72.7%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 72.7%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 77.325%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 77.325%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes sw_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 46.058%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 46.058%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 60.227%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 60.227%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 67.051%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 67.051%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes sy_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 40.207%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 40.207%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 44.573%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 44.573%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 55.089%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 55.089%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes s0_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 55.269%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 55.269%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 71.867%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 71.867%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 78.358%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 78.358%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes s2_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 36.159%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 36.159%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 86.024%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 86.024%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 93.271%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 93.271%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes s4_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 54.979%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 54.979%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 79.403%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 79.403%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 84.381%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 84.381%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes s6_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 58.359%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 58.359%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 73.08%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 73.08%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 76.341%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 76.341%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes s8_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 62.025%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 62.025%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 67.682%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 67.682%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 70.294%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 70.294%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes ta_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 44.072%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 44.072%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 44.976%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 44.976%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 48.235%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 48.235%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } +@keyframes tc_mo { 0% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 12.5% { offset-distance: 0%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.005); } 25% { offset-distance: 44.146%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 37.5% { offset-distance: 44.146%; animation-timing-function: cubic-bezier(0.42,0,0.335,1.025); } 50% { offset-distance: 62.389%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 62.5% { offset-distance: 62.389%; animation-timing-function: cubic-bezier(0.42,0,0.325,0.995); } 75% { offset-distance: 64.249%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 87.5% { offset-distance: 64.249%; animation-timing-function: cubic-bezier(0.42,0,0.265,1.005); } 100% { offset-distance: 100%; } } + diff --git a/website-desktop/static/css/custom.css b/website-desktop/static/css/custom.css new file mode 100644 index 000000000..59883c83c --- /dev/null +++ b/website-desktop/static/css/custom.css @@ -0,0 +1,197 @@ +/** + * Copyright (c) 2017-present, Facebook, Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ + +/* your custom css */ + +@media only screen and (min-device-width: 360px) and (max-device-width: 736px) { +} + +@media only screen and (min-width: 1024px) { +} + +@media only screen and (max-width: 1023px) { +} + +@media only screen and (min-width: 1400px) { +} + +@media only screen and (min-width: 1500px) { +} + +header.postHeader:empty { + display: none; +} + +header.postHeader:empty + article h1 { + margin-top: 0; +} + +.imageAlignTop .blockImage { + max-width: 220px; +} + +.productShowcaseSection .logos img { + width: 200px; +} + +.showcaseSection .logos img { + width: 250px; +} + +.showcase { + align-items: center; + display: flex; + flex-flow: row wrap; + justify-content: center; + padding: 20px; +} + +.showcase img { + width: 250px; + max-height: 150px; + padding-left: 15px; + padding-right: 15px; +} + +.finos { + padding-top: 30px; /* CHANGED 14 MAY 2019 */ + padding-bottom: 30px; + text-align: center; +} + +.projectShowcase p { + max-width: 60%; +} + +/* CSS added 14 May 2019 */ + +.navigationSlider .slidingNav ul { + /* DO NOT CHANGE - THIS IS THE NAVIGATION BACKGROUND - SHOULD STAY FINOS BLUE */ + box-sizing: border-box; + color: #fff; + display: flex; + flex-wrap: nowrap; + list-style: none; + padding: 0; + width: 100%; +} + +.navigationSlider .slidingNav ul li a:hover { + background: #0033a0; /* DO NOT CHANGE - THIS IS THE NAVIGATION BACKGROUND - SHOULD STAY FINOS BLUE */ +} + +body { + color: #333333; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, + sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 16px; + line-height: 1.5; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; + word-wrap: break-word; +} + +.inner img { + width: 25%; +} + +.homeContainer { + background-repeat: no-repeat; + background-size: cover; + background-color: #00b5e2; /* CHANGE THIS TO PRIMARY PROJECT COLOR */ +} + +.homeContainer h2 { + color: #ffffff; +} + +.homeContainer a { + color: #ffffff; +} + +.button { + border: 1px solid #ffffff; +} + +.mainContainer { + padding: 40 0; +} + +.blockImage img { + fill: #ffffff; +} + +.blockContent h2 { + color: #0086bf; /* DO NOT CHANGE - THIS IS THE TITLE UNDER THE ICONS IN THE 3RD BLOCK - SHOULD STAY FINOS BLUE */ +} + +.featureShowcaseSection .logos img { + width: 200px; +} + +.featureShowcaseSection h2 { + color: #00b5e2; /* CHANGE THIS TO PRIMARY PROJECT COLOR */ + font-size: 30px; +} + +.featureShowcaseSection { + background-color: #f7f7f7; /* CHANGE THIS TO PRIMARY PROJECT COLOR */ + padding-top: 10px; + padding-bottom: 40px; +} + +.surveyBanner { + background-color: #f7f7f7; /* CHANGE THIS TO PRIMARY PROJECT COLOR */ + padding-top: 10px; + padding-bottom: 40px; + display: inline-flex; + flex-wrap: nowrap; + width: 100%; + padding: 20px; +} + +.CTA-image { + width: 200px; + flex: none; +} + +.productShowcaseSection h2 { + color: #0033a0; /* CHANGE THIS TO PRIMARY PROJECT COLOR */ +} + +.finosBanner { + background-color: #0086bf; /* DO NOT CHANGE - THIS IS THE FINOS BANNER BACKGROUND - SHOULD STAY FINOS BLUE */ + margin: 0 auto; + padding: 0 0; +} + +.finosBanner h2 { + color: #ffffff; + font-size: 16px; +} + +article p img, +FeatureCallout article iframe { + display: block; + margin-left: auto; + margin-right: auto; + max-width: 50%; +} + +.nav-footer { + background-color: #383939; +} + +.nav-footer .sitemap { + margin: 0 auto 1em; +} + +.row--center h2 { + color: #ffffff; + font-size: 16px; + text-align: center; +} diff --git a/website-desktop/static/img/finos/chart.png b/website-desktop/static/img/finos/chart.png new file mode 100644 index 000000000..591a93237 Binary files /dev/null and b/website-desktop/static/img/finos/chart.png differ diff --git a/website-desktop/static/img/finos/conflation.png b/website-desktop/static/img/finos/conflation.png new file mode 100644 index 000000000..d8ab4e89d Binary files /dev/null and b/website-desktop/static/img/finos/conflation.png differ diff --git a/website-desktop/static/img/finos/demo-app.png b/website-desktop/static/img/finos/demo-app.png new file mode 100644 index 000000000..22c45744c Binary files /dev/null and b/website-desktop/static/img/finos/demo-app.png differ diff --git a/website-desktop/static/img/finos/effect.png b/website-desktop/static/img/finos/effect.png new file mode 100644 index 000000000..05189ff55 Binary files /dev/null and b/website-desktop/static/img/finos/effect.png differ diff --git a/website-desktop/static/img/finos/finos-blue.png b/website-desktop/static/img/finos/finos-blue.png new file mode 100644 index 000000000..f1d189fff Binary files /dev/null and b/website-desktop/static/img/finos/finos-blue.png differ diff --git a/website-desktop/static/img/finos/finos-white.png b/website-desktop/static/img/finos/finos-white.png new file mode 100644 index 000000000..1acf34669 Binary files /dev/null and b/website-desktop/static/img/finos/finos-white.png differ diff --git a/website-desktop/static/img/finos/finos.png b/website-desktop/static/img/finos/finos.png new file mode 100644 index 000000000..b562c4950 Binary files /dev/null and b/website-desktop/static/img/finos/finos.png differ diff --git a/website-desktop/static/img/finos/joining-treeing.png b/website-desktop/static/img/finos/joining-treeing.png new file mode 100644 index 000000000..956791515 Binary files /dev/null and b/website-desktop/static/img/finos/joining-treeing.png differ diff --git a/website-desktop/static/img/finos/scroll.png b/website-desktop/static/img/finos/scroll.png new file mode 100644 index 000000000..7abad8bba Binary files /dev/null and b/website-desktop/static/img/finos/scroll.png differ diff --git a/website-desktop/static/img/finos/table.png b/website-desktop/static/img/finos/table.png new file mode 100644 index 000000000..fe56e8fd7 Binary files /dev/null and b/website-desktop/static/img/finos/table.png differ diff --git a/website-desktop/static/img/finos/view-porting.png b/website-desktop/static/img/finos/view-porting.png new file mode 100644 index 000000000..e066fa60b Binary files /dev/null and b/website-desktop/static/img/finos/view-porting.png differ diff --git a/website-desktop/static/img/finos/vuu-text.png b/website-desktop/static/img/finos/vuu-text.png new file mode 100644 index 000000000..1b825defc Binary files /dev/null and b/website-desktop/static/img/finos/vuu-text.png differ diff --git a/website-desktop/static/img/vendors/github-800.png b/website-desktop/static/img/vendors/github-800.png new file mode 100644 index 000000000..39205b75e Binary files /dev/null and b/website-desktop/static/img/vendors/github-800.png differ diff --git a/website-desktop/static/img/vendors/github-logo.png b/website-desktop/static/img/vendors/github-logo.png new file mode 100644 index 000000000..081af6c52 Binary files /dev/null and b/website-desktop/static/img/vendors/github-logo.png differ diff --git a/website-desktop/static/img/vendors/github.png b/website-desktop/static/img/vendors/github.png new file mode 100644 index 000000000..a5857a556 Binary files /dev/null and b/website-desktop/static/img/vendors/github.png differ diff --git a/website-desktop/static/img/vuu/Chart.svg b/website-desktop/static/img/vuu/Chart.svg new file mode 100644 index 000000000..75dd7b78a --- /dev/null +++ b/website-desktop/static/img/vuu/Chart.svg @@ -0,0 +1,359 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/website-desktop/static/img/vuu/DemoApp.png b/website-desktop/static/img/vuu/DemoApp.png new file mode 100644 index 000000000..e955c11bb Binary files /dev/null and b/website-desktop/static/img/vuu/DemoApp.png differ diff --git a/website-desktop/static/img/vuu/HowDoesItWork.png b/website-desktop/static/img/vuu/HowDoesItWork.png new file mode 100644 index 000000000..129178f85 Binary files /dev/null and b/website-desktop/static/img/vuu/HowDoesItWork.png differ diff --git a/website-desktop/static/img/vuu/Lifecycle.png b/website-desktop/static/img/vuu/Lifecycle.png new file mode 100644 index 000000000..134a97fa8 Binary files /dev/null and b/website-desktop/static/img/vuu/Lifecycle.png differ diff --git a/website-desktop/static/img/vuu/Logo.svg b/website-desktop/static/img/vuu/Logo.svg new file mode 100644 index 000000000..e98bab5c2 --- /dev/null +++ b/website-desktop/static/img/vuu/Logo.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/website-desktop/static/img/vuu/LogoWithName.svg b/website-desktop/static/img/vuu/LogoWithName.svg new file mode 100644 index 000000000..1e6fb3bef --- /dev/null +++ b/website-desktop/static/img/vuu/LogoWithName.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/website-desktop/static/img/vuu/Modules.png b/website-desktop/static/img/vuu/Modules.png new file mode 100644 index 000000000..34cff3ed0 Binary files /dev/null and b/website-desktop/static/img/vuu/Modules.png differ diff --git a/website-desktop/static/img/vuu/Providers.png b/website-desktop/static/img/vuu/Providers.png new file mode 100644 index 000000000..d26f9e605 Binary files /dev/null and b/website-desktop/static/img/vuu/Providers.png differ diff --git a/website-desktop/static/img/vuu/SampleApp.png b/website-desktop/static/img/vuu/SampleApp.png new file mode 100644 index 000000000..cea2b0366 Binary files /dev/null and b/website-desktop/static/img/vuu/SampleApp.png differ diff --git a/website-desktop/static/img/vuu/Tables.png b/website-desktop/static/img/vuu/Tables.png new file mode 100644 index 000000000..0dcb5f5b0 Binary files /dev/null and b/website-desktop/static/img/vuu/Tables.png differ diff --git a/website-desktop/static/img/vuu/VUU.svg b/website-desktop/static/img/vuu/VUU.svg new file mode 100644 index 000000000..6a430316f --- /dev/null +++ b/website-desktop/static/img/vuu/VUU.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/website-desktop/static/img/vuu/Viewports.png b/website-desktop/static/img/vuu/Viewports.png new file mode 100644 index 000000000..69878a098 Binary files /dev/null and b/website-desktop/static/img/vuu/Viewports.png differ diff --git a/website-desktop/static/img/vuu/WhatAreTheTradeoffs.png b/website-desktop/static/img/vuu/WhatAreTheTradeoffs.png new file mode 100644 index 000000000..36693ed18 Binary files /dev/null and b/website-desktop/static/img/vuu/WhatAreTheTradeoffs.png differ diff --git a/website/static/img/vuu/WhatIsAVuuServer.png b/website-desktop/static/img/vuu/WhatIsAVuuServer.png similarity index 100% rename from website/static/img/vuu/WhatIsAVuuServer.png rename to website-desktop/static/img/vuu/WhatIsAVuuServer.png diff --git a/website-desktop/static/img/vuu/WhatIsAVuuServer.svg b/website-desktop/static/img/vuu/WhatIsAVuuServer.svg new file mode 100644 index 000000000..49acac06b --- /dev/null +++ b/website-desktop/static/img/vuu/WhatIsAVuuServer.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/website-desktop/static/img/vuu/vuu-text.png b/website-desktop/static/img/vuu/vuu-text.png new file mode 100644 index 000000000..6a5578635 Binary files /dev/null and b/website-desktop/static/img/vuu/vuu-text.png differ diff --git a/website/README.md b/website/README.md index d6a6aa9a2..a4896cd90 100644 --- a/website/README.md +++ b/website/README.md @@ -22,7 +22,7 @@ The command should open your browser and point to `http://localhost:3000`. You can configure Netlify using your own GitHub account, pointing to a personal repository (or fork); when adding a new site, please use the following configuration: -- Working directory: `website` +- Woeking directory: `website` - Build command: `yarn build` - Build directory: `website/build` diff --git a/website/docusaurus.config.desktop.js b/website/docusaurus.config.desktop.js new file mode 100644 index 000000000..101255b56 --- /dev/null +++ b/website/docusaurus.config.desktop.js @@ -0,0 +1,69 @@ +// Docs at https://v2.docusaurus.io/docs/configuration + +// Replace 'project-blueprint' with {project name} +const projectName = "VUU"; +// Replace 'project-blueprint' with {project name} +const projectSlug = "vuu"; + +module.exports = { + title: `FINOS ${projectName}`, + tagline: `FINOS ${projectName}`, + url: "https://vuu.finos.org", + baseUrl: "/desktop/", + favicon: "img/favicon/vuu-logo-favicon.png", + projectName: `FINOS ${projectName}`, + organizationName: "FINOS", + customFields: { + repoUrl: `https://github.com/finos/${projectSlug}`, + }, + scripts: ["/scripts/redirect.js", "https://buttons.github.io/buttons.js"], + stylesheets: [ + "https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700&display=swap", + "https://fonts.googleapis.com/css?family=Raleway:400,500&display=swap", + "https://fonts.googleapis.com/css?family=Port+Lligat+Sans:400&display=swap", + "/css/DataAnimation.css", + ], + themeConfig: { + navbar: { + logo: { + alt: "FINOS Logo", + src: "img/vuu/LogoWithName.svg", + }, + items: [ + { + className: "vuu-nav-home", + to: "/", + label: "HOME", + position: "right", + }, + { + to: "docs/introduction/intro", + label: "DOCUMENTATION", + position: "right", + }, + { to: "docs/roadmap", label: "ROADMAP", position: "right" }, + { + to: "https://github.com/finos/vuu", + label: "GITHUB", + position: "right", + }, + ], + }, + }, + presets: [ + [ + "@docusaurus/preset-classic", + { + docs: { + breadcrumbs: false, + path: "../docs", + editUrl: "https://github.com/finos/vuu/edit/main/website/", + sidebarPath: require.resolve("./sidebars.js"), + }, + theme: { + customCss: require.resolve("./src/css/custom.css"), + }, + }, + ], + ], +}; diff --git a/website/docusaurus.config.mobile.js b/website/docusaurus.config.mobile.js new file mode 100644 index 000000000..092e2d5e0 --- /dev/null +++ b/website/docusaurus.config.mobile.js @@ -0,0 +1,67 @@ +// Docs at https://v2.docusaurus.io/docs/configuration + +// Replace 'project-blueprint' with {project name} +const projectName = "VUU"; +// Replace 'project-blueprint' with {project name} +const projectSlug = "vuu"; + +module.exports = { + title: `FINOS ${projectName}`, + tagline: `FINOS ${projectName}`, + url: "https://vuu.finos.org", + baseUrl: "/", + favicon: "img/favicon/vuu-logo-favicon.png", + projectName: `FINOS ${projectName}`, + organizationName: "FINOS", + customFields: { + repoUrl: `https://github.com/finos/${projectSlug}`, + }, + scripts: ["/scripts/redirect.js", "https://buttons.github.io/buttons.js"], + stylesheets: [ + "https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700&display=swap", + "https://fonts.googleapis.com/css?family=Raleway:400,500&display=swap", + ], + themeConfig: { + navbar: { + hideOnScroll: true, + logo: { + alt: "FINOS Logo", + src: "img/vuu/Logo.svg", + }, + items: [ + { + to: "/", + label: "HOME", + position: "right", + }, + { + to: "docs/introduction/intro", + label: "DOCUMENTATION", + position: "right", + }, + { to: "docs/roadmap", label: "ROADMAP", position: "right" }, + { + to: "https://github.com/finos/vuu", + label: "GITHUB", + position: "right", + }, + ], + }, + }, + presets: [ + [ + "@docusaurus/preset-classic", + { + docs: { + breadcrumbs: false, + path: "../docs", + editUrl: "https://github.com/finos/vuu/edit/master/website/", + sidebarPath: require.resolve("./sidebars.js"), + }, + theme: { + customCss: require.resolve("./src/css/custom.css"), + }, + }, + ], + ], +}; diff --git a/website/package.json b/website/package.json index ef6e3a7cf..98d381015 100644 --- a/website/package.json +++ b/website/package.json @@ -2,7 +2,7 @@ "scripts": { "start": "docusaurus start", "swizzle": "docusaurus swizzle", - "build": "docusaurus build", + "build": "node ./scripts/build-website.mjs", "publish-gh-pages": "docusaurus deploy" }, "devDependencies": { diff --git a/website/scripts/build-website.mjs b/website/scripts/build-website.mjs new file mode 100644 index 000000000..b9e7e5a0e --- /dev/null +++ b/website/scripts/build-website.mjs @@ -0,0 +1,22 @@ +import fs from "fs"; +import { execWait } from "../../vuu-ui/scripts/utils.mjs"; + +console.log(`mobile build ...`); +fs.copyFileSync("./src-mobile/css/custom-mobile.css", "./src/css/custom.css"); +fs.copyFileSync( + "./src-mobile/css/docs-pages-mobile.css", + "./src/css/docs-pages.css" +); +fs.copyFileSync("./src-mobile/pages/index-mobile.js", "./src/pages/index.js"); +await execWait("docusaurus build --config ./docusaurus.config.mobile.js"); + +console.log(`desktop build ...`); +fs.copyFileSync("./src-desktop/css/custom-desktop.css", "./src/css/custom.css"); +fs.copyFileSync( + "./src-desktop/css/docs-pages-desktop.css", + "./src/css/docs-pages.css" +); +fs.copyFileSync("./src-desktop/pages/index-desktop.js", "./src/pages/index.js"); +await execWait( + "docusaurus build --config ./docusaurus.config.desktop.js --out-dir ./build/desktop" +); diff --git a/website/src-desktop/css/custom-desktop.css b/website/src-desktop/css/custom-desktop.css new file mode 100644 index 000000000..b581b8570 --- /dev/null +++ b/website/src-desktop/css/custom-desktop.css @@ -0,0 +1,385 @@ +/* stylelint-disable docusaurus/copyright-header */ +/** + * Desktop CSS + * Any CSS included here will be global. The classic template + * bundles Infima by default. Infima is a CSS framework designed to + * work well for content-centric websites. + */ + @import url(vuu-theme.css); + @import url(vuu-icons.css); + @import url(vuu-components.css); + @import url(docs-pages.css); + +:root { + + --vuu-heading3-color: var(--vuu-accent1); + + --vuu-homepage-height: 3074px; + --vuu-navbar-logo-height: 90px; + --vuu-navbar-logo-width: 185px; + --vuu-navbar-height: 200px; + --vuu-navbar-padding: 80px; + --vuu-navbar-menu-top: 30px; + --vuu-navbar-bg: transparent; + --vuu-navbar-background-position: 0px; + --vuu-bg-gradient: linear-gradient( + 180deg, + var(--vuu-dark-bg-background2) 0px, + var(--vuu-dark-bg-background1) 800px, + var(--vuu-dark-bg-background1) 1276px, + var(--vuu-dark-bg-background2) 1952px + ); + + --vuu-transition-duration: .3s; + + --ifm-color-emphasis-300: transparent; + --ifm-color-primary: #00b5e2; + --ifm-color-primary-dark: #0079ac; + --ifm-color-primary-darker: #0072a2; + --ifm-color-primary-darkest: #005e86; + --ifm-color-primary-light: #0093d2; + --ifm-color-primary-lighter: #009adc; + --ifm-color-primary-lightest: #00aef8; + --ifm-container-width-xl: 1060px; + --ifm-font-color-base: #1c1e21; + --ifm-heading-color: var(--vuu-dark-text-primary); + --ifm-heading-font-family: var(--vuu-font-family); + --ifm-heading-font-weight: 300; + --ifm-heading-line-height: unset; + --ifm-heading-margin-bottom: 0; + --ifm-link-color: var(--vuu-dark-text-secondary); + --ifm-list-left-padding: 0; + --ifm-list-item-margin: 18px; + + --ifm-menu-color: var(--vuu-light-text-primary); + --ifm-menu-color-active: var(--vuu-light-text-primary); + --ifm-menu-color-background-active: transparent; + --ifm-menu-color-background-hover: transparent; + + --ifm-navbar-background-color: transparent; + --ifm-navbar-height: var(--vuu-navbar-height); + --ifm-navbar-link-color: #ffffff; + --ifm-navbar-link-hover-color: #ffffff; + --ifm-navbar-item-padding-horizontal: 0; + --ifm-pagination-nav-color-hover: transparent; + --ifm-paragraph-margin-bottom: 0; + --ifm-toc-border-color: transparent; + + --ifm-navbar-shadow: 0; + --ifm-footer-background-color: #0086bf; + --ifm-footer-title-color: #ffffff; + --ifm-footer-color: #ffffff; + --ifm-footer-link-color: #ffffff; + --ifm-code-font-size: 95%; +} + + +body { + align-items: center; + background-color: var(--vuu-dark-body-bg); + display: flex; + flex-direction: column; + font-family: var(--vuu-font-family); +} + + +#__docusaurus { + align-items: center; + color: var(--vuu-dark-text-primary); + position: relative; + /* width: var(--vuu-desktop-width); */ + width: 100%; +} + +.navbar { + box-shadow: var(--vuu-navbar-shadow); + overflow: hidden; + padding: 0; + position: fixed; + transition: box-shadow 1s linear; + width: var(--vuu-desktop-width); +} + +.navbar:before { + content: ''; + position: absolute; + top: var(--vuu-navbar-background-position); + left:0; + width: 100%; + background: var(--vuu-bg-gradient); + height: var(--vuu-homepage-height); + z-index: -1; +} + +.navbar__inner { + align-items: flex-start; + height: var(--vuu-navbar-height); + padding: var(--vuu-navbar-padding) 80px 0 80px; +} + + +.navbar__logo { + height: var(--vuu-navbar-logo-height); + width: var(--vuu-navbar-logo-width); + +} + +.navbar .navbar__logo > img { + /* height: var(--vuu-navbar-logo-size); */ + width: var(--vuu-navbar-logo-width); + transition: height var(--vuu-transition-duration); +} + +.navbar__items--right { + position: relative; + top: var(--vuu-navbar-menu-top); +} + +.navbar__link { + border-bottom: solid 3px transparent; + color: var(--vuu-dark-text-primary); + font-size: 18px; + font-weight: 600; + line-height: 30px; + margin: 0 12px; +} + +.navbar__link:hover { + border-bottom: solid 3px white; +} + +.navbar__link--active { + border-bottom: solid 3px var(--vuu-accent1); +} + +.navbar [class*="colorModeToggle"] { + display: none; +} + +.vuu-section { + overflow: hidden; + width: var(--vuu-desktop-width); +} + +.vuu-scroll-1-bg { + background: var(--vuu-bg-gradient); + height: var(--vuu-homepage-height); + left: 0px; + position: absolute; + top:0px; + /* width: var(--vuu-desktop-width); */ + width: 100%; + z-index: -1; +} + +.vuu-scroll-1 { + display: flex; + flex-direction: column; + height: 800px; + padding-top: calc(18px + var(--vuu-navbar-height)); +} + +.vuu-scroll-1-main { + display: flex; + flex: 1 1 auto; + justify-content: space-between; + padding: 0 80px; +} + +.vuu-scroll-1-copy { + flex: 0 0 auto; + margin-top: 50px; +} + +.vuuDataAnimation { + flex: 1 1 auto; + height: 450px; + overflow: hidden; +} + +.vuu-scroll-1-scroll-arrow { + align-items: center; + display: flex; + justify-content: center; + padding-top: 50px; +} + +.vuu-scroll-arrow { + display: inline-block; +} + +.vuu-scroll-arrow-svg { + fill: white; +} + +.vuu-scroll-arrow-title { + display: inline-block; + font-size: 14px; + font-weight: 400; + letter-spacing: 0.05em; +} + +.vuu-chart { + height: 400px; + width: 400px; +} + +.vuu-main { + width: var(--vuu-desktop-width); +} + +.vuu-frame-10 { + height: 476px; + padding-top: 100px; +} + +.vuu-frame-11 { + --vuu-feature-row-marginTop: 0; + --vuu-title-marginTop: 40px; + --vuu-title-height: 88px; + height: 676px; + padding: 100px 210px; +} + +.vuu-frame-13 { + --vuu-feature-width: 215px; + --vuu-button-bar-transform: translateY(-24px); + --vuu-heading-text-align: center; + display: flex; + flex-direction: column; + align-items: center; + height: 1122px; + padding-top: 150px; +} + +.vuu-demo-bg { + background: linear-gradient( + 180deg, + var(--vuu-dark-background-bg3) 0%, + var(--vuu-dark-background-bg4) 100%); + border: 1px solid rgba(255, 255, 255, 0.2); + border-radius: 20px; + display: flex; + height: 644px; + margin-top: 60px; + padding: 64px; + width: 1056px; +} + +.vuu-demo-container { + background: white; + border-radius: 8px; + height: 490px; + margin-right: 60px; + width: 694px; +} + +.vuu-sample-app { + +} + + +.vuu-get-started-button { + margin-top: 10px; +} + + +.vuu-feature-row { + display: flex; + justify-content: space-around; + margin-top: var(--vuu-feature-row-marginTop, 60px); +} + +.vuu-feature { + flex: var(--vuu-feature-flex); +} + +.vuu-feature-1 { + font-size: 80px; + line-height: 80px; + font-weight: 300; +} +.vuu-feature-1-measure { + font-size: 50px; +} + +.vuu-feature-2 { + font-size: 20px; + line-height: 33px; + font-weight: 400; +} + +.docusaurus-highlight-code-line { + background-color: #0033a0; + display: block; + margin: 0 calc(-1 * var(--ifm-pre-padding)); + padding: 0 var(--ifm-pre-padding); +} + +.codeBlock_node_modules-\@docusaurus-theme-classic-lib-theme-CodeBlock-Content-styles-module { + background-color: var(--main-bg-color); +} + +.hero.hero--primary { + background-color: var(--main-bg-color); + background-repeat: no-repeat; + background-size: cover; +} + +.features_src-pages-styles-module { + background-color: var(--main-bg-color); +} + +.members_src-pages-styles-module { + background-color: var(--main-bg-color); +} + +.hero.hero--primary img { + margin-bottom: 30px; + width: 50%; +} + +.hero__title { + color: #ffffff; +} + +.hero--subtitle { + margin-bottom: 50px; + font-size: 1.5rem; +} + +.row h2 { + margin-bottom: 30px; +} + +.github-button { + background-color: transparent; + color: #e37f83; + font-weight: 400; + border: 2px solid; + border-radius: 20px; +} + +.home-page-images { + display: block; + margin: 0 auto; +} + +.button.button--secondary { + color: white; +} + +.button.button--secondary.button--outline:not(.button--active):not(:hover) { + color: #ffffff; +} + +.row--center h2 { + color: #29327a; + font-size: 35px; + font-weight: bolder; + text-align: center; + margin-left: 0; + margin-right: 0; + width: 100%; +} + diff --git a/website/src-desktop/css/docs-pages-desktop.css b/website/src-desktop/css/docs-pages-desktop.css new file mode 100644 index 000000000..9fb0536bd --- /dev/null +++ b/website/src-desktop/css/docs-pages-desktop.css @@ -0,0 +1,310 @@ +:root.docs-doc-page { + --doc-sidebar-width: 300px; + --ifm-font-family-monospace: 'Port Lligat Sans'; + --ifm-heading-color: var(--vuu-light-text-primary); + --ifm-link-color: var(--vuu-light-text-primary);; + --vuu-footer-display: none; + --vuu-navbar-height: 125px; + --vuu-navbar-logo-height: 61px; + --vuu-navbar-logo-width: 140px; + --vuu-navbar-padding: 32px; + } + + .docs-doc-page #__docusaurus { + align-items: center; + background-color: white; + color: var(--vuu-light-text-primary); + min-height: auto; + padding-top: var(--vuu-navbar-height); + } + + .docs-doc-page .navbar { + justify-content: center;; + display: flex; + width: 100%; + } + + .docs-doc-page .vuu-nav-home { + border-bottom-color: transparent; + } + + .docs-doc-page .navbar__inner { + width: var(--vuu-desktop-width); + } + + .docs-doc-page .main-wrapper { + width: var(--vuu-desktop-width); + + } + + .docs-doc-page .container { + min-height: calc(100vh - var(--vuu-navbar-height)); + } + + .docs-doc-page .col:only-child { + max-width: 100% !important; + } + + .theme-doc-sidebar-container { + font-size: 18px; + font-weight: 400; + margin-left: 80px; + padding: 40px 0 0 0px; + } + + .menu__link { + line-height: 25px; + position: relative; + } + +.menu.thin-scrollbar { + padding: 0; +} + + .menu__link--active { + font-weight: 700; + } + + .menu__list .menu__list { + padding-left: 0; + } + + .menu__list-item { + padding-right: 30px; + position: relative; + } + + .theme-doc-sidebar-item-link-level-2 { + padding-left: var(--ifm-menu-link-padding-horizontal); + } + + .menu__list-item--collapsed:hover, + .theme-doc-sidebar-item-link-level-2:hover, + .theme-doc-sidebar-item-link-level-1:hover { + background-color: #eaebf0; + } + + + .theme-doc-sidebar-item-link-level-1:hover:before, + .theme-doc-sidebar-item-link-level-2:hover:before, + .menu__list-item--collapsed:hover:before { + content: ''; + background-color: var(--vuu-accent1); + position: absolute; + height: 100%; + top:0; + left: var(--vuu-menu-indent,0); + width: 4px; + } + + .theme-doc-sidebar-item-link-level-2:hover:before { +left: 0; +} + + .menu__list-item--collapsed .menu__caret:before { + transform: none; + } + + .menu__list-item--collapsed .menu__link--sublist:after { + transform: none;; + } + + .menu__link--sublist-caret:after { + --vuu-icon-left: calc(100% - 18px); + } + + .menu__link { + border-radius: 0; + } + + .theme-doc-sidebar-item-link-level-2 { + --vuu-menu-indent: -12px; + } + + .menu__link--active:before { + content: ''; + background-color: var(--vuu-accent2); + position: absolute; + height: 100%; + top:0; + left: var(--vuu-menu-indent,0); + width: 4px; + } + + + .menu__link--sublist-caret:after, + .menu__caret:before { + --vuu-icon-size: 12px; + background: none; + background-color: var(--vuu-light-icon); + left: auto; + height: var(--vuu-icon-height, var(--vuu-icon-size, 12px)); + mask: var(--vuuu-svg-chevron-right) center center/var(--vuu-icon-size) var(--vuu-icon-size); + mask-repeat: no-repeat; + position: absolute; + top: var(--vuu-icon-top, auto); + transform: rotate(90deg); + width: var(--vuu-icon-width, var(--vuu-icon-size, 12px)); + } + + :root.docs-doc-page main { + padding: 0 32px 0 75px; + } + +.markdown { + font-size: var(--vuu-paragraph-small-fontSize); + font-weight: var(--vuu-paragraph-small-fontWeight); + line-height: var(--vuu-paragraph-small-line-height); +} + + .markdown h1:first-child { + --ifm-h1-font-size: 60px; + } + + .markdown h2 { + --ifm-h2-font-size: 46px; + } + + + .markdown ol > li { + counter-increment: item; + font-size: 20px; + line-height: 28px; + list-style-type: none; + padding-left: 50px; + position: relative; + } + .markdown ol > li:before { + align-items: center; + border-radius: 16px; + border: solid 1px #C7CBDE; + content: counter(item); + display: inline-flex; + font-size: 16px; + font-weight: 400; + height: 30px; + justify-content: center; + left: 0; + margin-right: 12px; + position: absolute; + top:0; + width: 30px; + } + + .pagination-nav { + border-top: solid 1px #C7CBDE; + } + + + .pagination-nav__link { + position: relative; + } + + .pagination-nav__link:hover .pagination-nav__sublabel{ + text-decoration: underline; + } + + .pagination-nav__link + .pagination-nav__link:before { + background-color: #C7CBDE; + content: ''; + position: absolute; + left: 0; + top: 16px; + width: 1px; + height: 56px; + + + } + + .pagination-nav__sublabel { + color: var(--vuu-accent2); + font-size: var(--vuu-action-fontSize); + font-weight: var(--vuu-action-fontWeight); + line-height: var(--vuu-action-lineHeight); + } + + .pagination-nav__label { + font-size: var(--vuu-paragraph-small-fontSize); + font-weight: var(--vuu-paragraph-small-fontWeight); + line-height: var(--vuu-paragraph-small-lineHeight); + } + + .pagination-nav__label:before, + .pagination-nav__label:after { + content: none!important; + } + +.table-of-contents { + font-size: 14px; + font-weight: 400; + line-height: 25px; + padding-left: 20px; + position: relative; +} + +.table-of-contents:before { + background-image: radial-gradient(circle, #c6c3d3 1.25px, rgba(255,255,255,0) 2.5px); + background-position: left; + background-size: 5px 15px; + background-repeat: repeat-y; + content: ''; + width: 5px; + position: absolute; + height: calc(100% - 20px); + top: 10px; + left:0; +} + +.table-of-contents__link { + line-height: 16px; + padding: 3px 0px; +} + +.table-of-contents__link:hover { + color: inherit; +} + +.table-of-contents__link--active { + color: inherit; + font-weight: 700; +} + +.theme-code-block { + --prism-background-color: var(--vuu-dark-bg-background2) !important; +} + +.token-line { + color: rgba(255,255,255, .8) !important; +} + +.token-line .token.function { + color: var(--vuu-accent1) !important; +} + +.what-is-a-vuu-server { + --vuu-background-image: url(/img/vuu/WhatIsAVuuServer.svg); +} +.how-does-it-work { + --vuu-background-image: url(/img/vuu/HowDoesItWork.png); +} +.what-are-the-trade-offs { + --vuu-background-image: url(/img/vuu/WhatAreTheTradeoffs.png); +} +.lifecycle { + --vuu-background-image: url(/img/vuu/Lifecycle.png); +} +.providers { + --vuu-background-image: url(/img/vuu/Providers.png); +} +.tables { + --vuu-background-image: url(/img/vuu/Tables.png); +} +.viewports { + --vuu-background-image: url(/img/vuu/Viewports.png); +} +.filters-sorts-trees { + --vuu-background-image: url(/img/vuu/FiltersSortsTrees.png); +} +.modules { + --vuu-background-image: url(/img/vuu/Modules.png); +} \ No newline at end of file diff --git a/website/src-desktop/pages/index-desktop.js b/website/src-desktop/pages/index-desktop.js new file mode 100644 index 000000000..7b73a2a70 --- /dev/null +++ b/website/src-desktop/pages/index-desktop.js @@ -0,0 +1,176 @@ +/** + * Desktop Home + */ +import React, { useEffect, useState } from "react"; +import classnames from "classnames"; +import Layout from "@theme/Layout"; +import Link from "@docusaurus/Link"; +import useDocusaurusContext from "@docusaurus/useDocusaurusContext"; +import { SvgArrow } from "../components/SvgArrow"; +import DemoApp from "../../static/img/vuu/DemoApp.png"; +import SampleApp from "../../static/img/vuu/SampleApp.png"; +import ViewPorting from "../../static/img/finos/view-porting.png"; +import Conflation from "../../static/img/finos/conflation.png"; +import JoiningAndTreeing from "../../static/img/finos/joining-treeing.png"; +import { VuuFeatureLayout } from "../components/VuuFeatureLayout"; +import { VuuFeature } from "../components/VuuFeature"; +import { useScrollPosition } from "../hooks/useScrollPosition"; +import { RevolvingCaption } from "../components/RevolvingCaption"; +import { DataAnimation } from "../components/DataAnimation"; + +const revolvingCaptions = [ + "your data", + "risk data", + "order data", + "market data", +]; + +const captionIntervals = [3, 5, 5, 5]; + +function Home() { + const context = useDocusaurusContext(); + const [animationState, setAnimationState] = useState("waiting"); + const { siteConfig = {} } = context; + useScrollPosition(); + useEffect(() => { + console.log("trigger animations"); + setAnimationState("running"); + }, []); + return ( + +
+
+
+
+

+ Delivering + +

+

+ from trading systems, to human eyes +

+

+ Vuu deals with the complex task of viewporting, throttling
{" "} + and transmiting your data to clients, so you don't have to. +

+
+ + GET STARTED + +
+
+ +
+
+
+
SCROLL
+ +
+
+
+ +
+
+
+

+ Why VUU ? +

+
+
+
+ 1mil +
+
ROWS PER TABLE
+
+
+
+ 100k +
+
TICKS PER SECOND
+
+
+
+ 100mb +
+
MEMORY FOOTPRINT
+
+
+
+
+
+ + + A Viewport is a virtualized window into an underlying table. It + encapsulates the subscription of a single client-side component. + + + UI rendering can be a bottleneck. Vuu manages backpressure, + ensuring that the UI is never over-whelmed with too much data. + + + Vuu tables can be joined. Data can be grouped, filtered, sorted + and aggregated. Updates are sent to clients in real time. + + +
+
+

Demo App

+
+
+ demo-app +
+ + Vuu is in incubation status. Production applications are in + development. A fully-featured showcase application will be + available for the version 1.0 launch in November 2023. + +
+ +
+ + GET STARTED + + + GITHUB + +
+
+
+ + ); +} + +export default Home; diff --git a/website/src-mobile/css/custom-mobile.css b/website/src-mobile/css/custom-mobile.css new file mode 100644 index 000000000..f9c24a7cb --- /dev/null +++ b/website/src-mobile/css/custom-mobile.css @@ -0,0 +1,586 @@ +/* stylelint-disable docusaurus/copyright-header */ +/** + * Mobile CSS + * Any CSS included here will be global. The classic template + * bundles Infima by default. Infima is a CSS framework designed to + * work well for content-centric websites. + */ + @import url(vuu-theme.css); + @import url(vuu-icons.css); + @import url(vuu-components.css); + @import url(docs-pages.css); +:root { + + --vuu-heading3-color: var(--vuu-accent1); + + --vuu-navbar-height: 200px; + --vuu-navbar-padding: 80px; + /* --vuu-navbar-logo-size: 90px; */ + --vuu-navbar-menu-top: 26px; + --vuu-navbar-bg: transparent; + --vuu-navbar-background-position: 0px; + --vuu-bg-gradient: linear-gradient( + 180deg, + var(--vuu-dark-bg-background2) 0px, + var(--vuu-dark-bg-background1) 800px, + var(--vuu-dark-bg-background1) 1276px, + var(--vuu-dark-bg-background2) 1952px + ); + + --vuu-transition-duration: .3s; + + --ifm-color-emphasis-300: transparent; + --ifm-color-primary: #00b5e2; + --ifm-color-primary-dark: #0079ac; + --ifm-color-primary-darker: #0072a2; + --ifm-color-primary-darkest: #005e86; + --ifm-color-primary-light: #0093d2; + --ifm-color-primary-lighter: #009adc; + --ifm-color-primary-lightest: #00aef8; + --ifm-container-width-xl: 1060px; + --ifm-font-color-base: #1c1e21; + --ifm-heading-color: var(--vuu-dark-text-primary); + --ifm-heading-font-family: var(--vuu-font-family); + --ifm-heading-font-weight: 300; + --ifm-heading-line-height: unset; + --ifm-heading-margin-bottom: 0; + --ifm-link-color: var(--vuu-dark-text-secondary); + --ifm-list-left-padding: 0; + --ifm-list-item-margin: 18px; + + --ifm-menu-color: var(--vuu-light-text-primary); + --ifm-menu-color-active: var(--vuu-light-text-primary); + --ifm-menu-color-background-active: transparent; + + --ifm-navbar-background-color: transparent; + --ifm-navbar-height: var(--vuu-navbar-height); + --ifm-navbar-link-color: #ffffff; + --ifm-navbar-item-padding-horizontal: 0; + --ifm-pagination-nav-color-hover: transparent; + --ifm-paragraph-margin-bottom: 0; + --ifm-toc-border-color: transparent; + + --ifm-navbar-shadow: 0; + --ifm-footer-background-color: #0086bf; + --ifm-footer-title-color: #ffffff; + --ifm-footer-color: #ffffff; + --ifm-footer-link-color: #ffffff; + --ifm-code-font-size: 95%; +} + +body { + align-items: center; + background-color: var(--vuu-dark-body-bg); + display: flex; + flex-direction: column; + font-family: var(--vuu-font-family); +} + +#__docusaurus { + align-items: center; + color: var(--vuu-dark-text-primary); + position: relative; + width: var(--vuu-viewport-width); +} + +/* Assuming the correct class name is 'tocCollapsibleButton' */ +.tocCollapsibleButton { + display: none; +} + + +.navbar { + overflow: hidden; + padding: 0; + position: fixed; + width: var(--vuu-viewport-width); +} + +.navbar:before { + content: ''; + position: absolute; + top: var(--vuu-navbar-background-position); + left:0; + width: 100%; + background: var(--vuu-bg-gradient); + height: 3074px; + z-index: -1; +} + +.navbar__inner { + align-items: center; + height: var(--vuu-navbar-height); + padding: var(--vuu-navbar-padding) 80px 0 80px; +} + + +.navbar__logo { + height: var(--vuu-navbar-logo-size); +} + + +.navbar .navbar__logo > img { + height: var(--vuu-navbar-logo-size); + transition: height var(--vuu-transition-duration); +} + +.navbar__link { + border-bottom: solid 3px transparent; + color: var(--vuu-dark-text-primary); + font-size: 18px; + font-weight: 600; + line-height: 30px; + margin: 0 12px; +} +.navbar__link--active { + border-bottom: solid 3px var(--vuu-accent1); +} + +.navbar [class*="colorModeToggle"] { + display: none; +} + +.vuu-heading-2 { + margin-top: 12px; +} + + + + +.docs-doc-page #__docusaurus{ + color: white; +} + +.navbar-sidebar__brand { + background-color: white; +} + +.navbar-sidebar__brand .navbar__brand{ + display: none; + +} + + +/* .menu__link--active:before { + background-color: var(--vuu-accent2); +} */ + + +.vuu-paragraph-small{ + font-size: 22px; + line-height: var(--vuu-paragraph-small-lineHeight); + font-weight: var(--vuu-paragraph-small-fontWeight); + padding: 40px 40px; + +} + +.vuu-paragraph-large { + margin: 30px 0px 30px 0px; + padding: 15px 15px; +} + +.vuu-scroll-1-bg { + background: linear-gradient(180deg, var(--vuu-dark-bg-background2) 0%, var(--vuu-dark-bg-background1) 100%); + height: 800px; + left: 0px; + position: absolute; + top:0px; + width: var(--vuu-viewport-width); + z-index: -1; +} + + +.vuu-scroll-1 { + display: flex; + flex-direction: column; + height: 800px; + padding-top: calc(18px + var(--vuu-navbar-height)); + background-color: var(--vuu-dark-bg-background2); + +} + +.vuu-scroll-1-main { + display: flex; + flex: 1 1 auto; + justify-content: space-around; +} + +.vuu-scroll-1-copy { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + height: 100%; + background-color: var(--vuu-dark-bg-background2); + +} + +.vuu-scroll-1-scroll-arrow { + margin-top: 45.6px; + align-items: center; + display: flex; + justify-content: center; +} + +.vuu-scroll-arrow { + display: inline-block; +} + +.vuu-scroll-arrow-svg { + fill: white; +} + +.vuu-scroll-arrow-title { + display: inline-block; + font-size: 14px; + font-weight: 400; + letter-spacing: 0.05em; +} + +.vuu-chart { + height: 400px; + width: 400px; +} + +.vuu-main { + width: var(--vuu-viewport-width); +} + +.vuu-frame-10 { + background-color: var(--vuu-dark-bg-background2); + + /* content driven, remove later */ + /* height: 476px; */ + padding-top: 300px; + height: 400px; + +} + +.vuu-frame-11 { + background-color: var(--vuu-dark-bg-background2); + + /* content driven, remove later */ + /* height: 476px; */ + padding-top: 180px; + height: 1300px; + +} + +.vuu-frame-12 { + background-color: #26035b; + + /* content driven, remove later */ + /* height: 476px; */ + padding-top: 40px; + height: 400px; + +} + + + +.vuuFeatureLayout { + margin-bottom: 36.83px; +} + + + +.vuu-get-started-button { + margin-top: 10px; +} + + + +.vuu-feature-row { + display: flex; + justify-content: space-around; + margin-top: var(--vuu-feature-row-marginTop, 60px); +} + +.vuu-feature { + flex: var(--vuu-feature-flex); +} + +.vuu-feature-1 { + font-size: 36px; + line-height: 34px; + font-weight: 400; +} +.vuu-feature-1-measure { + font-size: 36px; + +} + +.vuu-feature-2 { + font-size: 12px; + line-height: 14px; + font-weight: 400; +} + + +.docusaurus-highlight-code-line { + background-color: #0033a0; + display: block; + margin: 0 calc(-1 * var(--ifm-pre-padding)); + padding: 0 var(--ifm-pre-padding); +} + +.codeBlock_node_modules-\@docusaurus-theme-classic-lib-theme-CodeBlock-Content-styles-module { + background-color: var(--main-bg-color); +} + +.hero.hero--primary { + background-color: var(--main-bg-color); + background-repeat: no-repeat; + background-size: cover; +} + +.features_src-pages-styles-module { + background-color: var(--main-bg-color); +} + +.members_src-pages-styles-module { + background-color: var(--main-bg-color); +} + +.hero.hero--primary img { + margin-bottom: 30px; + width: 50%; +} + +.navbar__items--right { + position: relative; + top: var(--vuu-navbar-menu-top, 26px); +} + +.hero__title { + color: #ffffff; +} + +.hero--subtitle { + margin-bottom: 50px; + font-size: 1.5rem; +} + +.row h2 { + margin-bottom: 30px; +} + +.github-button { + background-color: transparent; + color: #e37f83; + font-weight: 400; + border: 2px solid; + border-radius: 20px; +} + +.home-page-images { + display: block; + margin: 0 auto; +} + +.button.button--secondary { + color: white; +} + +.button.button--secondary.button--outline:not(.button--active):not(:hover) { + color: #ffffff; +} + +.row--center h2 { + color: #29327a; + font-size: 35px; + font-weight: bolder; + text-align: center; + margin-left: 0; + margin-right: 0; + width: 100%; +} + +@media (max-width: 996px){ + + :root { + --vuu-viewport-width: var(--vuu-mobile-width); + --vuu-navbar-logo-size: 30px; + --ifm-navbar-height: 90px; + --vuu-navbar-height: 90px; + + --vuu-navbar-padding: 0px; + --vuu-heading1-fontSize: 38px; + --vuu-heading1-fontWeight: 300; + --vuu-heading1-lineHeight: 44px; + + --vuu-heading2-fontSize: 26px; + --vuu-heading2-lineHeight: 32px; + --vuu-heading2-fontWeight: 400; + + } + + + :root.docs-doc-page main { + padding: 24px; + } + + .navbar .navbar__logo > img { + display: none; + } + + .vuuRevolvingCaption.mobileRevolvingCaption { + margin-left: 0 ; + } + + .vuu-revolving-caption-exit { + opacity: 0; + transition: opacity s linear; + } + + .navbar-sidebar__back{ + color: black; + font-family: var(--vuu-font-family); + } + + + .markdown{ + color: black; + } + + .navbar__toggle { + display: inherit; + /* order: 2 */ + } + + .navbar { + width: var(--vuu-mobile-width) ; + height: 50px; + + + } + + .navbar__brand { + display: flex; + justify-content: space-between; + flex: 1; + background : url(../../static/img/vuu/vuu-text-logo.png) no-repeat center center; + margin-right: 50px; + } + + .navbar__items--right { + display: none; + } + + + .navbar-sidebar { + background-color: white; + + } + + + .menu { + background-color: #ffffff; + } + + .menu__link { + color: black; + } + + + .navbar__inner { + align-items: center; + height: var(--vuu-navbar-height); + padding: 12px 24px 12px 24px; + height: 55px; + background-color: var(--vuu-dark-bg-background2); + + } + + .vuuMdxSection-subTitle { + margin-bottom: 24px; + } + + .pagination-nav__link { + margin-top: 16px; + } + + div[class*=tocCollapsible_node_modules] { + display: none; + } + + + .image-container { + display: flex; + justify-content: center; + margin-bottom: 20px; + margin-top: 80px; + } + + .image-container img { + margin: 0 10px; + height: 64px; + width: 64px; + } + + .content-container { + text-align: center; + font-size: 18px; + + } + + .content-container p { + font-size: 18px; + line-height: 25.2px; + font-weight: 400; + + } + + .content-container h2 { + color: var(--vuu-accent1) + } + +.footer-mobile{ + + font-family: var(--vuu-font-family); + font-size: 16px; + font-weight: 400; + opacity: 80%; +} + + .vuu-copyright{ + text-align: center; + } + + .footer-column-logo, + .footer-finos-logo { + display: block; + margin: 0 auto; + } + + .footer-column-logo img{ + display: block; + margin: 10px auto; + } + + .footer-finos-logo img { + display: block; + margin: 10px auto; + border-top: 1px solid white; + border-bottom: 1px solid white; + padding-top: 16px; + padding-bottom: 16px; + + + } + + .vuu-mobile-link-list{ + text-align: center; + display: block; + margin: 0 auto; + opacity: 80%; + } + + + +} + +/* * { + border: 1px solid red; +} */ \ No newline at end of file diff --git a/website/src-mobile/css/docs-pages-mobile.css b/website/src-mobile/css/docs-pages-mobile.css new file mode 100644 index 000000000..3130318b6 --- /dev/null +++ b/website/src-mobile/css/docs-pages-mobile.css @@ -0,0 +1,196 @@ +:root.docs-doc-page { + --doc-sidebar-width: 300px; + --ifm-heading-color: var(--vuu-light-text-primary); + --ifm-link-color: var(--vuu-light-text-primary);; + --vuu-footer-display: none; + --vuu-navbar-height: 125px; + --vuu-navbar-padding: 0px; + } + + .docs-doc-page #__docusaurus { + align-items: stretch; + background-color: white; + color: var(--vuu-light-text-primary); + min-height: auto; + padding-top: var(--vuu-navbar-height); + } + + .docs-doc-page .container { + min-height: calc(100vh - var(--vuu-navbar-height)); + } + + .theme-doc-sidebar-container { + font-size: 18px; + font-weight: 400; + margin-left: 80px; + padding: 40px 0 0 0px; + } + + .menu__link { + line-height: 25px; + position: relative; + } + + .menu__link--active { + font-weight: 700; + } + + .menu__list-item--collapsed .menu__caret:before { + transform: none; + } + + .menu__list-item--collapsed .menu__link--sublist:after { + transform: none;; + } + + .menu__link--sublist-caret:after { + --vuu-icon-left: calc(100% - 18px); + } + + .menu__link { + border-radius: 0; + } + + .theme-doc-sidebar-item-link-level-2 { + --vuu-menu-indent: -12px; + } + + .menu__link--active:before { + content: ''; + background-color: var(--vuu-accent2); + position: absolute; + height: 100%; + top:0; + left: var(--vuu-menu-indent,0); + width: 4px; + } + + .menu__link--sublist-caret:after, + .menu__caret:before { + --vuu-icon-size: 12px; + background: none; + background-color: var(--vuu-light-icon); + left: auto; + height: var(--vuu-icon-height, var(--vuu-icon-size, 12px)); + mask: var(--vuuu-svg-chevron-right) center center/var(--vuu-icon-size) var(--vuu-icon-size); + mask-repeat: no-repeat; + position: absolute; + top: var(--vuu-icon-top, auto); + transform: rotate(90deg); + width: var(--vuu-icon-width, var(--vuu-icon-size, 12px)); + } + + :root.docs-doc-page main { + padding: 0 32px; + } + +.markdown { + font-size: var(--vuu-paragraph-small-fontSize); + font-weight: var(--vuu-paragraph-small-fontWeight); + line-height: var(--vuu-paragraph-small-line-height); +} + + .markdown h1:first-child { + --ifm-h1-font-size: 60px; + } + + .markdown h2 { + --ifm-h2-font-size: 46px; + } + + + .markdown ol > li { + counter-increment: item; + font-size: 20px; + line-height: 28px; + list-style-type: none; + padding-left: 50px; + position: relative; + } + .markdown ol > li:before { + align-items: center; + border-radius: 16px; + border: solid 1px #C7CBDE; + content: counter(item); + display: inline-flex; + font-size: 16px; + font-weight: 400; + height: 30px; + justify-content: center; + left: 0; + margin-right: 12px; + position: absolute; + top:0; + width: 30px; + } + + .pagination-nav { + border-top: solid 1px #C7CBDE; + } + + + .pagination-nav__link { + position: relative; + } + + .pagination-nav__link:hover .pagination-nav__sublabel{ + text-decoration: underline; + } + + .pagination-nav__link + .pagination-nav__link:before { + background-color: #C7CBDE; + content: ''; + position: absolute; + left: 0; + top: 16px; + width: 1px; + height: 56px; + + + } + + .pagination-nav__sublabel { + color: var(--vuu-accent2); + font-size: var(--vuu-action-fontSize); + font-weight: var(--vuu-action-fontWeight); + line-height: var(--vuu-action-lineHeight); + } + + .pagination-nav__label { + font-size: var(--vuu-paragraph-small-fontSize); + font-weight: var(--vuu-paragraph-small-fontWeight); + line-height: var(--vuu-paragraph-small-lineHeight); + } + + .pagination-nav__label:before, + .pagination-nav__label:after { + content: none!important; + } + + .what-is-a-vuu-server { + --vuu-background-image: url(/img/vuu/WhatIsAVuuServer.svg); + } + .how-does-it-work { + --vuu-background-image: url(/img/vuu/HowDoesItWork.png); + } + .what-are-the-trade-offs { + --vuu-background-image: url(/img/vuu/WhatAreTheTradeoffs.png); + } + .lifecycle { + --vuu-background-image: url(/img/vuu/Lifecycle.png); + } + .providers { + --vuu-background-image: url(/img/vuu/Providers.png); + } + .tables { + --vuu-background-image: url(/img/vuu/Tables.png); + } + .viewports { + --vuu-background-image: url(/img/vuu/Viewports.png); + } + .filters-sorts-trees { + --vuu-background-image: url(/img/vuu/FiltersSortsTrees.png); + } + .modules { + --vuu-background-image: url(/img/vuu/Modules.png); + } \ No newline at end of file diff --git a/website/src-mobile/pages/index-mobile.js b/website/src-mobile/pages/index-mobile.js new file mode 100644 index 000000000..40d1cea95 --- /dev/null +++ b/website/src-mobile/pages/index-mobile.js @@ -0,0 +1,173 @@ +/** + * Mobile Home + */ +import React from "react"; +import classnames from "classnames"; +import Layout from "@theme/Layout"; +import Link from "@docusaurus/Link"; +import useDocusaurusContext from "@docusaurus/useDocusaurusContext"; +import "../theme/Footer/Footer-mobile.css"; +import { RevolvingCaption } from "../components/RevolvingCaption"; +import { ChartMobile } from "../components/ChartMobile"; +import ViewPorting from "../../static/img/finos/view-porting.png"; +import Conflation from "../../static/img/finos/conflation.png"; +import JoiningAndTreeing from "../../static/img/finos/joining-treeing.png"; +import VuuLogo from "../../static/img/finos/vuu-text.png"; +import FinosLogo from "../../static/img/finos/finos.png"; + +const revolvingCaptions = [ + "your data", + "risk data", + "market data", + "order data", +]; + +function Home() { + const context = useDocusaurusContext(); + const { siteConfig = {} } = context; + return ( + +
+
+
+
+

+ Delivering
+ + {/* market data */} +

+

+ from trading systems,
+ to human eyes +

+ +

+ Vuu deals with the complex task of viewporting, throttling
{" "} + and transmiting your data to clients, so you don't have to. +

+
+ + GET STARTED + +
+ {/* chart */} + +
+
+
+ +
+
+
+

+ Why VUU ? +

+
+
+
+ 1mil +
+
ROWS PER TABLE
+
+
+
+ 100k +
+
TICKS PER SECOND
+
+
+
+
+
+ 100mb +
+
MEMORY FOOTPRINT
+
+
+
+
+
+
+
+ Image 1 +
+
+

View Porting

+

+ A Viewport is a virtualized window into an underlying table. It + encapsulates the subscription of a single client-side component. +

+
+
+
+
+ Image 1 +
+
+

Conflation

+

+ UI rendering can be a bottleneck. Vuu manages backpressure, + ensuring that the UI is never over-whelmed with too much data. +

+
+
+
+
+ Image 1 +
+
+

Joins & Treeing

+

+ Vuu tables can be joined. Data can be grouped, filtered, sorted + and aggregated. Updates are sent to clients in real time. +

+
+
+
+
+
+
+ Image 1 +
+

+ {" "} + Copyright © {new Date().getFullYear()} VUU - UBS +

+
+ Image 1 +
+ +
+ +
+
+
+
+ + ); +} + +export default Home; diff --git a/website/src/components/ChartMobile.css b/website/src/components/ChartMobile.css new file mode 100644 index 000000000..c202b1871 --- /dev/null +++ b/website/src/components/ChartMobile.css @@ -0,0 +1,3 @@ +.chart { + margin-top: 45px; +} \ No newline at end of file diff --git a/website/src/components/ChartMobile.tsx b/website/src/components/ChartMobile.tsx index 5635dbb70..51d179147 100644 --- a/website/src/components/ChartMobile.tsx +++ b/website/src/components/ChartMobile.tsx @@ -1,11 +1,13 @@ import React from "react"; // import Chart from "../../static/img/vuu/Chart.svg"; +import "./ChartMobile.css" -export const ChartMobile = () => { +export const ChartMobile = () => { return ( - +
+ @@ -365,6 +367,9 @@ export const ChartMobile = () => { +
+ + ) } \ No newline at end of file diff --git a/website/src/components/DataAnimation.tsx b/website/src/components/DataAnimation.tsx index 8af34abb4..bb8ac4234 100644 --- a/website/src/components/DataAnimation.tsx +++ b/website/src/components/DataAnimation.tsx @@ -56,7 +56,7 @@ export const DataAnimation = ({ // prettier-ignore return ( -
+
{ + return ( +
+
+
+ + What is a Vuu Server? + +
+
{subTitle}
+
+ ); +}; diff --git a/website/src/components/MdxSection.css b/website/src/components/MdxSection.css index 2eb7635db..6d553b196 100644 --- a/website/src/components/MdxSection.css +++ b/website/src/components/MdxSection.css @@ -18,6 +18,19 @@ margin-left: 32px; } +@media (max-width: 980px){ + + .vuu-section-2-col-1, + .vuu-section-2-col-2 { + --vuu-section-width: 100%; + } + + .vuu-section-2-col-2 { + margin-left: 0; + } + +} + .vuuMdxSection-heading { align-items: center; background: linear-gradient(180deg, #2A015F 0%, #1D0041 100%); diff --git a/website/src/components/RevolvingCaption.css b/website/src/components/RevolvingCaption.css index 0529f074f..341d5ebfd 100644 --- a/website/src/components/RevolvingCaption.css +++ b/website/src/components/RevolvingCaption.css @@ -21,7 +21,7 @@ opacity: 1; } - .vuu-revolving-caption-exit { +.vuu-revolving-caption-exit { opacity: 0; transition: opacity .6s linear; } diff --git a/website/src/components/RevolvingCaption.tsx b/website/src/components/RevolvingCaption.tsx index fefd86069..e4ea15677 100644 --- a/website/src/components/RevolvingCaption.tsx +++ b/website/src/components/RevolvingCaption.tsx @@ -15,13 +15,16 @@ export interface RevolvingCaptionProps extends HTMLAttributes { captions: string[]; intervals?: number[]; loopInterval?: number; + offSetValue?: number; } export const RevolvingCaption = ({ animationState = "running", captions: captionsProp, + className, intervals = Array(captionsProp.length).fill(5), loopInterval = 5, + offSetValue = 84, style, ...htmlAttributes }: RevolvingCaptionProps) => { @@ -54,7 +57,7 @@ export const RevolvingCaption = ({ } }, [animationState, captions, index]); - const offset = index * 84; + const offset = index * offSetValue; const transitionStyle = offset === 0 @@ -79,7 +82,7 @@ export const RevolvingCaption = ({ return (
); }; + + diff --git a/website/src/components/VuuFeature.css b/website/src/components/VuuFeature.css index 757de1bfd..67b350abf 100644 --- a/website/src/components/VuuFeature.css +++ b/website/src/components/VuuFeature.css @@ -64,8 +64,8 @@ } .vuuFeature-minimized.vuuFeature-swing-all { - --vuu-feature-main-opacity: 0; - /* --vuu-feature-main-item-transform: rotate(-90deg) translateY(100px); */ + --vuu-feature-main-opacity: 1; + --vuu-feature-main-item-transform: rotate(-90deg) translateY(100px); } .vuuFeature-minimized.vuu-conflation { diff --git a/website/src/css/custom-mobile.css b/website/src/css/custom-mobile.css index 29d9ffa88..193b22647 100644 --- a/website/src/css/custom-mobile.css +++ b/website/src/css/custom-mobile.css @@ -8,7 +8,6 @@ @import url(vuu-icons.css); @import url(vuu-components.css); @import url(docs-pages.css); - :root { --vuu-heading3-color: var(--vuu-accent1); @@ -83,6 +82,12 @@ body { width: var(--vuu-viewport-width); } +/* Assuming the correct class name is 'tocCollapsibleButton' */ +.tocCollapsibleButton { + display: none; +} + + .navbar { overflow: hidden; padding: 0; @@ -110,7 +115,6 @@ body { .navbar__logo { height: var(--vuu-navbar-logo-size); - } @@ -135,6 +139,45 @@ body { display: none; } +.vuu-heading-2 { + margin-top: 12px; +} + + + + +.docs-doc-page #__docusaurus{ + color: white; +} + +.navbar-sidebar__brand { + background-color: white; +} + +.navbar-sidebar__brand .navbar__brand{ + display: none; + +} + + +/* .menu__link--active:before { + background-color: var(--vuu-accent2); +} */ + + +.vuu-paragraph-small{ + font-size: 22px; + line-height: var(--vuu-paragraph-small-lineHeight); + font-weight: var(--vuu-paragraph-small-fontWeight); + padding: 40px 40px; + +} + +.vuu-paragraph-large { + margin: 30px 0px 30px 0px; + padding: 15px 15px; +} + .vuu-scroll-1-bg { background: linear-gradient(180deg, var(--vuu-dark-bg-background2) 0%, var(--vuu-dark-bg-background1) 100%); height: 800px; @@ -145,12 +188,13 @@ body { z-index: -1; } + .vuu-scroll-1 { display: flex; flex-direction: column; height: 800px; padding-top: calc(18px + var(--vuu-navbar-height)); - background-color: var(--vuu-dark-bg-background1); + background-color: var(--vuu-dark-bg-background2); } @@ -161,14 +205,13 @@ body { } .vuu-scroll-1-copy { - margin-top: 50px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; height: 100%; - background-color: var(--vuu-dark-bg-background1); + background-color: var(--vuu-dark-bg-background2); } @@ -204,15 +247,36 @@ body { } .vuu-frame-10 { - background-color: var(--vuu-dark-bg-background1); + background-color: var(--vuu-dark-bg-background2); + + /* content driven, remove later */ + /* height: 476px; */ + padding-top: 300px; + height: 400px; + +} + +.vuu-frame-11 { + background-color: var(--vuu-dark-bg-background2); /* content driven, remove later */ /* height: 476px; */ - padding-top: 486px; - height: 1200px; + padding-top: 180px; + height: 1300px; } +.vuu-frame-12 { + background-color: #26035b; + + /* content driven, remove later */ + /* height: 476px; */ + padding-top: 40px; + height: 400px; + +} + + .vuuFeatureLayout { margin-bottom: 36.83px; @@ -237,18 +301,18 @@ body { } .vuu-feature-1 { - font-size: 80px; - line-height: 80px; - font-weight: 300; + font-size: 36px; + line-height: 34px; + font-weight: 400; } .vuu-feature-1-measure { - font-size: 50px; + font-size: 36px; } .vuu-feature-2 { - font-size: 20px; - line-height: 33px; + font-size: 12px; + line-height: 14px; font-weight: 400; } @@ -337,22 +401,57 @@ body { :root { --vuu-viewport-width: var(--vuu-mobile-width); --vuu-navbar-logo-size: 30px; - --ifm-navbar-height: 90px; - --vuu-navbar-height: 90px; + --ifm-navbar-height: 90px; + --vuu-navbar-height: 90px; + + --vuu-navbar-padding: 0px; + --vuu-heading1-fontSize: 38px; + --vuu-heading1-fontWeight: 300; + --vuu-heading1-lineHeight: 44px; + + --vuu-heading2-fontSize: 26px; + --vuu-heading2-lineHeight: 32px; + --vuu-heading2-fontWeight: 400; + + } + + + :root.docs-doc-page main { + padding: 24px; + } + + .navbar .navbar__logo > img { + display: none; + } - --vuu-navbar-padding: 0px; + .vuuRevolvingCaption.mobileRevolvingCaption { + margin-left: 0 ; + } + .vuu-revolving-caption-exit { + opacity: 0; + transition: opacity s linear; } + + .navbar-sidebar__back{ + color: black; + font-family: var(--vuu-font-family); + } + + .markdown{ + color: black; } .navbar__toggle { display: inherit; - order: 2 + /* order: 2 */ } .navbar { - width: var(--vuu-mobile-width) + width: var(--vuu-mobile-width) ; + height: 50px; + } @@ -360,7 +459,8 @@ body { display: flex; justify-content: space-between; flex: 1; - background : url(../../static/img/vuu/vuu-text.png) no-repeat center center; + background : url(../../static/img/vuu/vuu-text-logo.png) no-repeat center center; + margin-right: 50px; } .navbar__items--right { @@ -368,13 +468,118 @@ body { } -.navbar-sidebar { - background-color: var(--vuu-dark-bg-background1); -} -.menu__link { - color: white; + .navbar-sidebar { + background-color: white; + + } + + + .menu { + background-color: #ffffff; + } + + .menu__link { + color: black; + } + + + .navbar__inner { + align-items: center; + height: var(--vuu-navbar-height); + padding: 12px 24px 12px 24px; + height: 55px; + background-color: var(--vuu-dark-bg-background2); + + } + + .vuuMdxSection-subTitle { + margin-bottom: 24px; + } + + .pagination-nav__link { + margin-top: 16px; + } + + div[class*=tocCollapsible_node_modules] { + display: none; + } + + + .image-container { + display: flex; + justify-content: center; + margin-bottom: 20px; + margin-top: 80px; + } + + .image-container img { + margin: 0 10px; + height: 64px; + width: 64px; + } + + .content-container { + text-align: center; + font-size: 18px; + + } + + .content-container p { + font-size: 18px; + line-height: 25.2px; + font-weight: 400; + + } + + .content-container h2 { + color: var(--vuu-accent1) + } + +.footer-mobile{ + + font-family: var(--vuu-font-family); + font-size: 16px; + font-weight: 400; + opacity: 80%; } -.navbar__inner { - background-color: var(--vuu-dark-bg-background1); + .vuu-copyright{ + text-align: center; + } + + .footer-column-logo, + .footer-finos-logo { + display: block; + margin: 0 auto; + } + + .footer-column-logo img{ + display: block; + margin: 10px auto; + } + + .footer-finos-logo img { + display: block; + margin: 10px auto; + border-top: 1px solid white; + border-bottom: 1px solid white; + padding-top: 16px; + padding-bottom: 16px; + + + } + + .vuu-mobile-link-list{ + text-align: center; + display: block; + margin: 0 auto; + opacity: 80%; + } + + + } + +/* * { + border: 1px solid red; +} */ \ No newline at end of file diff --git a/website/src/css/custom.css b/website/src/css/custom.css index cb1a48a65..b581b8570 100644 --- a/website/src/css/custom.css +++ b/website/src/css/custom.css @@ -1,5 +1,6 @@ /* stylelint-disable docusaurus/copyright-header */ /** + * Desktop CSS * Any CSS included here will be global. The classic template * bundles Infima by default. Infima is a CSS framework designed to * work well for content-centric websites. diff --git a/website/src/hooks/useScrollPosition.js b/website/src/hooks/useScrollPosition.js index 16efa8591..7f4d4f441 100644 --- a/website/src/hooks/useScrollPosition.js +++ b/website/src/hooks/useScrollPosition.js @@ -1,9 +1,6 @@ import { useCallback, useEffect } from "react"; -const FULL_LOGO_HEIGHT = 90; -const FULL_LOGO_WIDTH = 185; -const SMALL_LOGO_HEIGHT = 60; -const SMALL_LOGO_WIDTH = 140; +const LOGO_SIZE = 90; export const useScrollPosition = () => { const scrollListener = useCallback(() => { @@ -11,10 +8,8 @@ export const useScrollPosition = () => { const scrollTop = Math.round(window.scrollY); // console.log(`scrollY = ${scrollY}`); if (scrollTop < 130) { - const height = Math.max(72, 200 - scrollTop); + const height = 200 - scrollTop; root.style.setProperty("--vuu-navbar-height", `${height}px`); - } else { - root.style.setProperty("--vuu-navbar-height", `72px`); } root.style.setProperty( @@ -23,56 +18,25 @@ export const useScrollPosition = () => { ); if (scrollTop < 120) { - root.style.setProperty("--vuu-navbar-menu-top", "30px"); + root.style.setProperty("--vuu-navbar-menu-top", "26px"); } else if (scrollTop >= 120 && scrollTop < 146) { - const menuTop = Math.max(15, 6 - (scrollTop - 120)); + const menuTop = Math.max(0, 26 - (scrollTop - 120)); root.style.setProperty("--vuu-navbar-menu-top", `${menuTop}px`); } else { - root.style.setProperty("--vuu-navbar-menu-top", "15px"); + root.style.setProperty("--vuu-navbar-menu-top", "0px"); } if (scrollTop < 81) { - const padding = Math.max(80 - scrollTop, 6); + const padding = 80 - scrollTop; // console.log(`padding ${padding}`); root.style.setProperty("--vuu-navbar-padding", `${padding}px`); - root.style.setProperty("--vuu-navbar-shadow", "none"); - } else { - root.style.setProperty("--vuu-navbar-padding", "6px"); - root.style.setProperty( - "--vuu-navbar-shadow", - "0px 3px 6px rgba(0, 0, 0, 0.2)" - ); } - if (scrollTop > 100) { - root.style.setProperty( - "--vuu-navbar-logo-height", - `${SMALL_LOGO_HEIGHT}px` - ); - root.style.setProperty( - "--vuu-navbar-logo-width", - `${SMALL_LOGO_WIDTH}px` - ); - } else if (scrollTop > 60 && scrollTop < 101) { - const scrollPct = (scrollTop - 60) / 40; - const maxHeightDiff = FULL_LOGO_HEIGHT - SMALL_LOGO_HEIGHT; - const maxWidthDiff = FULL_LOGO_WIDTH - SMALL_LOGO_WIDTH; - const heightAdjustment = Math.round(scrollPct * maxHeightDiff); - const widthAdjustment = Math.round(scrollPct * maxWidthDiff); - console.log(`scrtoll reduction = ${scrollPct}%`); - // const size = LOGO_SIZE - (scrollTop - 60); - root.style.setProperty( - "--vuu-navbar-logo-height", - `${FULL_LOGO_HEIGHT - heightAdjustment}px` - ); - root.style.setProperty( - "--vuu-navbar-logo-width", - `${FULL_LOGO_WIDTH - widthAdjustment}px` - ); + if (scrollTop > 60 && scrollTop < 101) { + const size = LOGO_SIZE - (scrollTop - 60); + root.style.setProperty("--vuu-navbar-logo-size", `${size}px`); } else if (scrollTop <= 60) { - // prettier-ignore - root.style.setProperty("--vuu-navbar-logo-height",`${FULL_LOGO_HEIGHT}px`); - root.style.setProperty("--vuu-navbar-logo-width", `${FULL_LOGO_WIDTH}px`); + root.style.setProperty("--vuu-navbar-logo-size", `${LOGO_SIZE}px`); } if (scrollTop > 80) { diff --git a/website/src/pages/index-mobile.js b/website/src/pages/index-mobile.js deleted file mode 100644 index a4e7013e7..000000000 --- a/website/src/pages/index-mobile.js +++ /dev/null @@ -1,90 +0,0 @@ -import React from "react"; -import classnames from "classnames"; -import Layout from "@theme/Layout"; -import Link from "@docusaurus/Link"; -import useDocusaurusContext from "@docusaurus/useDocusaurusContext"; -// import "../theme/Footer/Footer-mobile.css"; -import { RevolvingCaption } from "../components/RevolvingCaption"; -import { ChartMobile } from "../components/ChartMobile"; -const revolvingCaptions = [ - "your data", - "risk data", - "market data", - "order data", -]; - -function Home() { - const context = useDocusaurusContext(); - const { siteConfig = {} } = context; - return ( - -
-
-
-
-

- Delivering
- - {/* market data */} -

-

- from trading systems,
- to human eyes -

- {/* chart */} - - -

- Vuu deals with the complex task of viewporting, throttling
{" "} - and transmiting your data to clients, so you don't have to. -

-
- - GET STARTED - -
-
-
-
- -
-
-
-

- Why VUU ? -

-
-
-
- 1mil -
-
ROWS PER TABLE
-
-
-
-
-
- 100k -
-
TICKS PER SECOND
-
-
-
-
-
- 100mb -
-
MEMORY FOOTPRINT
-
-
-
-
-
- - ); -} - -export default Home; diff --git a/website/src/pages/index.js b/website/src/pages/index.js index e1efadf64..7b73a2a70 100644 --- a/website/src/pages/index.js +++ b/website/src/pages/index.js @@ -1,3 +1,6 @@ +/** + * Desktop Home + */ import React, { useEffect, useState } from "react"; import classnames from "classnames"; import Layout from "@theme/Layout"; diff --git a/website/src/theme/Footer/Footer.css b/website/src/theme/Footer/Footer.css index 2162f709f..7a1aef77b 100644 --- a/website/src/theme/Footer/Footer.css +++ b/website/src/theme/Footer/Footer.css @@ -2,25 +2,21 @@ footer { display: var(--vuu-footer-display, block); - /* width: var(--vuu-desktop-width); */ - width: 100%; - background-color: var(--vuu-dark-bg-background2); border: 1px solid rgba(255, 255, 255, 0.2) ; color: var(--vuu-dark-text-secondary); font-family: 'Raleway'; font-size: 16px; font-weight: 400; height: 330px; + width: 100%; } .footer-columns { align-items: center; + background-color: var(--vuu-dark-bg-background2); display: flex; justify-content: space-between; - margin: 0 auto; padding: 100px 193px; - width: var(--vuu-desktop-width); - } .footer-column-logo { diff --git a/website/src/theme/Footer/index.js b/website/src/theme/Footer/index.js index 5d39d9a19..80c019aa8 100644 --- a/website/src/theme/Footer/index.js +++ b/website/src/theme/Footer/index.js @@ -12,32 +12,49 @@ const Footer = () => { Image 1

{" "} - Copyright © {new Date().getFullYear()} VUU + Copyright © {new Date().getFullYear()} VUU - UBS

- - FINOS - + Image 2
+
+
diff --git a/website/static/img/vuu/vuu-text-logo-2.png b/website/static/img/vuu/vuu-text-logo-2.png new file mode 100644 index 000000000..84835ce3a Binary files /dev/null and b/website/static/img/vuu/vuu-text-logo-2.png differ diff --git a/website/static/img/vuu/vuu-text-logo.png b/website/static/img/vuu/vuu-text-logo.png new file mode 100644 index 000000000..e43556121 Binary files /dev/null and b/website/static/img/vuu/vuu-text-logo.png differ diff --git a/website/static/scripts/redirect.js b/website/static/scripts/redirect.js new file mode 100644 index 000000000..ab62fee95 --- /dev/null +++ b/website/static/scripts/redirect.js @@ -0,0 +1,9 @@ +const url = new URL(window.location); +if (window.innerWidth > 1380 && url.pathname.indexOf("desktop") === -1) { + window.location.href = "/desktop"; +} else if ( + window.innerWidth <= 1380 && + url.pathname.indexOf("desktop") !== -1 +) { + window.location.href = window.location.href.replace("/desktop", ""); +}