diff --git a/.DS_Store b/.DS_Store index 0c668ba..5008ddf 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/README.md b/README.md index fd65567..3269fe2 100644 --- a/README.md +++ b/README.md @@ -4,43 +4,28 @@ LiftKit CSS is the vanilla CSS version of Chainlift's LiftKit design system. It's a lightweight framework of utility classes that use golden ratio scaling to provide a uniquely "oddly-satisfying" look. - - ## Quickstart -I didn't expect to get literally hundreds of you to sign up within the first 2 days, so this is literally just the unedited exported code from the Webflow project. I need more time to clean it up into proper vanilla CSS. +These are just vanilla CSS files. You can import everything into your HTML by linking to css/index.css, which in turn imports everything else. -The CSS being rendered on `index.html` is under the `/css` folder. It relies on the Webflow dependencies and isn't recommended for use anywhere except for testing and tinkering. +[The docs explain further.](https://www.chainlift.io/liftkitdocs/overview) -The files in `/cssReference` simply contain the actual LiftKit utility classes grouped together into separate files for easier reading. - -This is messy, but it won't be forever. ## A Message from the Author Hi everyone, -I never imagined LiftKit would take off the way that it has. I thought it was going to be portfolio fodder, something I just put on job applications in the future to say "Hey, look what I did." +Woohoo! It's finally here: some actual documentation! -To everyone volunteering to give it a try, thank you. I'm self-taught in everything I do, and I was starting to think I'd never be a "real" techie because of it. Even if this doesn't go anywhere, it's been incredibly validating to receive so much interest from the community. +Please direct feedback on documentation inconsistencies using the feedback form on that specific page. Best, [@chainlift](https://www.github.com/chainlift) - ## Disclaimers * **LiftKit is and will always be free.** I do not believe in gatekeeping knowledge, and I will never, ever, ever charge anybody for using it. * **LiftKit is funded by Chainlift's project revenue.** If you need a design/dev partner, proceeds from your project fees will go towards further research and refinement of the LiftKit system. [Request a proposal here.](https://www.chainlift.io/request-proposal) -* **Anyone claiming to represent, work for, or be an "expert in" Chainlift or LiftKit is lying.** Chainlift is just me. Garrett. I'm the agency. It me. - -* **I'm a git/github noob. Be patient.** Use 'Issues' to leave feedback, but you can also contact me directly at info@chainlift.io. -## General LiftKit Documentation - -[The official documentation is available at chainlift.io.](https://www.chainlift.io/liftkit) Note that this is NOT documentation for LiftKit CSS. That doesn't exist yet. What does exist is the quickstart below. - - -## Support +* **Anyone claiming to represent, work for, or be an "expert in" Chainlift or LiftKit is lying.** If they aren't listed on "Who Works Here?" on chainlift.io, they're making it up. -For support, email info@chainlift.io. \ No newline at end of file diff --git a/css/align-items.css b/css/align-items.css new file mode 100644 index 0000000..8740ee6 --- /dev/null +++ b/css/align-items.css @@ -0,0 +1,18 @@ +/* Item Alignment */ + +.align-items__stretch { + align-items: stretch; + } + + .align-items__center { + align-items: center; + } + + .align-items__top { + align-items: flex-start; + } + + .align-items__start { + align-items: flex-start; + } + \ No newline at end of file diff --git a/css/align-self.css b/css/align-self.css new file mode 100644 index 0000000..31a1aec --- /dev/null +++ b/css/align-self.css @@ -0,0 +1,23 @@ +.align-self__start { + align-self: start; +} + +.align-self__end { + align-self: end; +} + +.align-self__center { + align-self: center; +} + +.align-self__stretch { + align-self: stretch; +} + +.align-self__baseline { + align-self: baseline; +} + +.align-self__auto { + align-self: auto; +} diff --git a/css/aspect-ratios.css b/css/aspect-ratios.css new file mode 100644 index 0000000..5dc996b --- /dev/null +++ b/css/aspect-ratios.css @@ -0,0 +1,32 @@ +/*How to use + +the aspect-ratio property maintains the proportion of width to height. +For it to work, either the width or the height of the element must be set +to a value besides "auto." It can be fixed-width or responsive, but it must be set. + +Either width or height must be set to auto in order for aspect-ratio to work. + +Template: aspect-ratio: width / height; + +*/ + +.aspect__16x9 { + aspect-ratio: 16 / 9; +} + +.aspect__4x3 { + aspect-ratio: 4 / 3; + +} + +.aspect__3x2 { + aspect-ratio: 3 / 2; +} + +.aspect__9x16 { + aspect-ratio: 9 / 16; +} + +.aspect__1x1 { + aspect-ratio: 1; +} diff --git a/css/background-colors.css b/css/background-colors.css new file mode 100644 index 0000000..e402327 --- /dev/null +++ b/css/background-colors.css @@ -0,0 +1,630 @@ +@import "globals.css"; + +/* + +Okay, this is a big one. This file is a collection of all the +background colors that are used in the design system. + +Each utility class is named according to the following pattern: bg-{light|dark}__{color}. + +The color names are based on variables from the globals.css file. +Variables are set on the :root element, so they're accessible everywhere. + +Each light color variable has a corresponding dark color variable, and vice versa. + +Therefore, you should only design for one system or the other. + +The global color-swapping function will automatically swap the color scheme +based on the user's device preference. + +Background Color utility classes also set the optimal text color for child elements, +if there are any. + +*/ + + +.bg-light__primary { + background-color: var(--light__primary_lkv); + color: var(--light__onprimary_lkv); +} + +.bg-light__onprimary { + background-color: var(--light__onprimary_lkv); + color: var(--light__primary_lkv); +} + +.bg-light__primarycontainer { + background-color: var(--light__primarycontainer_lkv); + color: var(--light__onprimarycontainer_lkv); +} + +.bg-light__onprimarycontainer { + background-color: var(--light__onprimarycontainer_lkv); + color: var(--light__primarycontainer_lkv); +} + +.bg-light__secondary { + background-color: var(--light__secondary_lkv); + color: var(--light__onsecondary_lkv); +} + +.bg-light__onsecondary { + background-color: var(--light__onsecondary_lkv); + color: var(--light__secondary_lkv); +} + +.bg-light__secondarycontainer { + background-color: var(--light__secondarycontainer_lkv); + color: var(--light__onsecondarycontainer_lkv); +} + +.bg-light__onsecondarycontainer { + background-color: var(--light__onsecondarycontainer_lkv); + color: var(--light__secondarycontainer_lkv); +} + +.bg-light__tertiary { + background-color: var(--light__tertiary_lkv); + color: var(--light__ontertiary_lkv); +} + +.bg-light__ontertiary { + background-color: var(--light__ontertiary_lkv); + color: var(--light__tertiary_lkv); +} + +.bg-light__tertiarycontainer { + background-color: var(--light__tertiarycontainer_lkv); + color: var(--light__ontertiarycontainer_lkv); +} + +.bg-light__ontertiarycontainer { + background-color: var(--light__ontertiarycontainer_lkv); + color: var(--light__tertiarycontainer_lkv); +} + +.bg-light__error { + background-color: var(--light__error_lkv); + color: var(--light__onerror_lkv); +} + +.bg-light__onerror { + background-color: var(--light__onerror_lkv); + color: var(--light__error_lkv); +} + +.bg-light__errorcontainer { + background-color: var(--light__errorcontainer_lkv); + color: var(--light__onerrorcontainer_lkv); +} + +.bg-light__onerrorcontainer { + background-color: var(--light__onerrorcontainer_lkv); + color: var(--light__errorcontainer_lkv); +} + +.bg-light__background { + background-color: var(--light__background_lkv); + color: var(--light__onbackground_lkv); +} + +.bg-light__onbackground { + background-color: var(--light__onbackground_lkv); + color: var(--light__background_lkv); +} + +.bg-light__surface { + background-color: var(--light__surface_lkv); + color: var(--light__onsurface_lkv); +} + +.bg-light__onsurface { + background-color: var(--light__onsurface_lkv); + color: var(--light__surface_lkv); +} + +.bg-light__surfacevariant { + background-color: var(--light__surfacevariant_lkv); + color: var(--light__onsurfacevariant_lkv); +} + +.bg-light__onsurfacevariant { + background-color: var(--light__onsurfacevariant_lkv); + color: var(--light__surfacevariant_lkv); +} + +.bg-light__outline { + background-color: var(--light__outline_lkv); + color: var(--light__surface_lkv); +} + +.bg-light__outlinevariant { + background-color: var(--light__outlinevariant_lkv); + color: var(--light__onsurface_lkv); +} + +.bg-light__shadow { + background-color: var(--light__shadow_lkv); + color: var(--light__surface_lkv); +} + +.bg-light__scrim { + background-color: var(--light__scrim_lkv); + color: var(--light__surface_lkv); +} + +.bg-light__inversesurface { + background-color: var(--light__inversesurface_lkv); + color: var(--light__inverseonsurface_lkv); +} + +.bg-light__inverseonsurface { + background-color: var(--light__inverseonsurface_lkv); + color: var(--light__inversesurface_lkv); +} + +.bg-light__inverseprimary { + background-color: var(--light__inverseprimary_lkv); + color: var(--light__onprimarycontainer_lkv); +} + +.bg-light__success { + background-color: var(--light__success_lkv); + color: var(--light__onsuccess_lkv); +} + +.bg-light__successcontainer { + background-color: var(--light__successcontainer_lkv); + color: var(--light__onsuccesscontainer_lkv); +} + +.bg-light__onsuccess { + background-color: var(--light__onsuccess_lkv); + color: var(--light__success_lkv); +} + +.bg-light__onsuccesscontainer { + background-color: var(--light__onsuccesscontainer_lkv); + color: var(--light__successcontainer_lkv); +} + +.bg-light__warning { + background-color: var(--light__warning_lkv); + color: var(--light__onwarning_lkv); +} + +.bg-light__warningcontainer { + background-color: var(--light__warningcontainer_lkv); + color: var(--light__onwarningcontainer_lkv); +} + +.bg-light__onwarning { + background-color: var(--light__onwarning_lkv); + color: var(--light__warning_lkv); +} + +.bg-light__onwarningcontainer { + background-color: var(--light__onwarningcontainer_lkv); + color: var(--light__warningcontainer_lkv); +} + +.bg-light__info { + background-color: var(--light__info_lkv); + color: var(--light__oninfo_lkv); +} + +.bg-light__infocontainer { + background-color: var(--light__infocontainer_lkv); + color: var(--light__oninfocontainer_lkv); +} + +.bg-light__oninfo { + background-color: var(--light__oninfo_lkv); + color: var(--light__info_lkv); +} + +.bg-light__oninfocontainer { + background-color: var(--light__oninfocontainer_lkv); + color: var(--light__infocontainer_lkv); +} + +.bg-light__primaryfixed { + background-color: var(--light__primaryfixed_lkv); + color: var(--light__onprimaryfixed_lkv); +} + +.bg-light__primaryfixeddim { + background-color: var(--light__primaryfixeddim_lkv); + color: var(--light__onprimaryfixedvariant_lkv); +} + +.bg-light__onprimaryfixed { + background-color: var(--light__onprimaryfixed_lkv); + color: var(--light__primaryfixed_lkv); +} + +.bg-light__onprimaryfixedvariant { + background-color: var(--light__onprimaryfixedvariant_lkv); + color: var(--light__primaryfixed_lkv); +} + +.bg-light__secondaryfixed { + background-color: var(--light__secondaryfixed_lkv); + color: var(--light__onsecondaryfixed_lkv); +} + +.bg-light__secondaryfixeddim { + background-color: var(--light__secondaryfixeddim_lkv); + color: var(--light__onsecondaryfixedvariant_lkv); +} + +.bg-light__onsecondaryfixed { + background-color: var(--light__onsecondaryfixed_lkv); + color: var(--light__secondaryfixed_lkv); +} + +.bg-light__onsecondaryfixedvariant { + background-color: var(--light__onsecondaryfixedvariant_lkv); + color: var(--light__secondaryfixed_lkv); +} + +.bg-light__tertiaryfixed { + background-color: var(--light__tertiaryfixed_lkv); + color: var(--light__ontertiaryfixed_lkv); +} + +.bg-light__tertiaryfixeddim { + background-color: var(--light__tertiaryfixeddim_lkv); + color: var(--light__ontertiaryfixedvariant_lkv); +} + +.bg-light__ontertiaryfixed { + background-color: var(--light__ontertiaryfixed_lkv); + color: var(--light__tertiaryfixed_lkv); +} + +.bg-light__ontertiaryfixedvariant { + background-color: var(--light__ontertiaryfixedvariant_lkv); + color: var(--light__tertiaryfixed_lkv); +} + +.bg-light__surfacedim { + background-color: var(--light__surfacedim_lkv); + color: var(--light__onsurface_lkv); +} + +.bg-light__surfacebright { + background-color: var(--light__surfacebright_lkv); + color: var(--light__onsurface_lkv); +} + +.bg-light__surfacecontainerlowest { + background-color: var(--light__surfacecontainerlowest_lkv); + color: var(--light__onsurface_lkv); +} + +.bg-light__surfacecontainerlow { + background-color: var(--light__surfacecontainerlow_lkv); + color: var(--light__onsurface_lkv); +} + +.bg-light__surfacecontainer { + background-color: var(--light__surfacecontainer_lkv); + color: var(--light__onsurface_lkv); +} + +.bg-light__surfacecontainerhigh { + background-color: var(--light__surfacecontainerhigh_lkv); + color: var(--light__onsurface_lkv); +} + +.bg-light__surfacecontainerhighest { + background-color: var(--light__surfacecontainerhighest_lkv); + color: var(--light__onsurface_lkv); +} + +.bg-dark__primary { + background-color: var(--dark__primary_lkv); + color: var(--dark__onprimary_lkv); +} + +.bg-dark__onprimary { + background-color: var(--dark__onprimary_lkv); + color: var(--dark__primary_lkv); +} + +.bg-dark__primarycontainer { + background-color: var(--dark__primarycontainer_lkv); + color: var(--dark__onprimarycontainer_lkv); +} + +.bg-dark__onprimarycontainer { + background-color: var(--dark__onprimarycontainer_lkv); + color: var(--dark__primarycontainer_lkv); +} + +.bg-dark__secondary { + background-color: var(--dark__secondary_lkv); + color: var(--dark__onsecondary_lkv); +} + +.bg-dark__onsecondary { + background-color: var(--dark__onsecondary_lkv); + color: var(--dark__secondary_lkv); +} + +.bg-dark__secondarycontainer { + background-color: var(--dark__secondarycontainer_lkv); + color: var(--dark__onsecondarycontainer_lkv); +} + +.bg-dark__onsecondarycontainer { + background-color: var(--dark__onsecondarycontainer_lkv); + color: var(--dark__secondarycontainer_lkv); +} + +.bg-dark__tertiary { + background-color: var(--dark__tertiary_lkv); + color: var(--dark__ontertiary_lkv); +} + +.bg-dark__ontertiary { + background-color: var(--dark__ontertiary_lkv); + color: var(--dark__tertiary_lkv); +} + +.bg-dark__tertiarycontainer { + background-color: var(--dark__tertiarycontainer_lkv); + color: var(--dark__ontertiarycontainer_lkv); +} + +.bg-dark__ontertiarycontainer { + background-color: var(--dark__ontertiarycontainer_lkv); + color: var(--dark__tertiarycontainer_lkv); +} + +.bg-dark__error { + background-color: var(--dark__error_lkv); + color: var(--dark__onerror_lkv); +} + +.bg-dark__onerror { + background-color: var(--dark__onerror_lkv); + color: var(--dark__error_lkv); +} + +.bg-dark__errorcontainer { + background-color: var(--dark__errorcontainer_lkv); + color: var(--dark__onerrorcontainer_lkv); +} + +.bg-dark__onerrorcontainer { + background-color: var(--dark__onerrorcontainer_lkv); + color: var(--dark__errorcontainer_lkv); +} + +.bg-dark__background { + background-color: var(--dark__background_lkv); + color: var(--dark__onbackground_lkv); +} + +.bg-dark__onbackground { + background-color: var(--dark__onbackground_lkv); + color: var(--dark__background_lkv); +} + +.bg-dark__surface { + background-color: var(--dark__surface_lkv); + color: var(--dark__onsurface_lkv); +} + +.bg-dark__onsurface { + background-color: var(--dark__onsurface_lkv); + color: var(--dark__surface_lkv); +} + +.bg-dark__surfacevariant { + background-color: var(--dark__surfacevariant_lkv); + color: var(--dark__onsurfacevariant_lkv); +} + +.bg-dark__onsurfacevariant { + background-color: var(--dark__onsurfacevariant_lkv); + color: var(--dark__surfacevariant_lkv); +} + +.bg-dark__outline { + background-color: var(--dark__outline_lkv); + color: var(--dark__onsurface_lkv); +} + +.bg-dark__outlinevariant { + background-color: var(--dark__outlinevariant_lkv); + color: var(--dark__onsurface_lkv); +} + +.bg-dark__shadow { + background-color: var(--dark__shadow_lkv); + color: var(--dark__inversesurface_lkv); +} + +.bg-dark__scrim { + background-color: var(--dark__scrim_lkv); + color: var(--dark__inversesurface_lkv); +} + +.bg-dark__inversesurface { + background-color: var(--dark__inversesurface_lkv); + color: var(--dark__inverseonsurface_lkv); +} + +.bg-dark__inverseonsurface { + background-color: var(--dark__inverseonsurface_lkv); + color: var(--dark__inversesurface_lkv); +} + +.bg-dark__inverseprimary { + background-color: var(--dark__inverseprimary_lkv); + color: var(--dark__onprimarycontainer_lkv); +} + +.bg-dark__success { + background-color: var(--dark__success_lkv); + color: var(--dark__onsuccess_lkv); +} + +.bg-dark__successcontainer { + background-color: var(--dark__successcontainer_lkv); + color: var(--dark__onsuccesscontainer_lkv); +} + +.bg-dark__onsuccess { + background-color: var(--dark__onsuccess_lkv); + color: var(--dark__success_lkv); +} + +.bg-dark__onsuccesscontainer { + background-color: var(--dark__onsuccesscontainer_lkv); + color: var(--dark__successcontainer_lkv); +} + +.bg-dark__warning { + background-color: var(--dark__warning_lkv); + color: var(--dark__onwarning_lkv); +} + +.bg-dark__warningcontainer { + background-color: var(--dark__warningcontainer_lkv); + color: var(--dark__onwarningcontainer_lkv); +} + +.bg-dark__onwarning { + background-color: var(--dark__onwarning_lkv); + color: var(--dark__warning_lkv); +} + +.bg-dark__onwarningcontainer { + background-color: var(--dark__onwarningcontainer_lkv); + color: var(--dark__warningcontainer_lkv); +} + +.bg-dark__info { + background-color: var(--dark__info_lkv); + color: var(--dark__oninfo_lkv); +} + +.bg-dark__infocontainer { + background-color: var(--dark__infocontainer_lkv); + color: var(--dark__oninfocontainer_lkv); +} + +.bg-dark__oninfo { + background-color: var(--dark__oninfo_lkv); + color: var(--dark__info_lkv); +} + +.bg-dark__oninfocontainer { + background-color: var(--dark__oninfocontainer_lkv); + color: var(--dark__infocontainer_lkv); +} + +.util-grid-filler.for-display { + flex: 1; + margin-bottom: 1em; + padding: 1em; +} + +.bg-dark__primaryfixed { + background-color: var(--dark__primaryfixed_lkv); + color: var(--dark__onprimaryfixed_lkv); +} + +.bg-dark__primaryfixeddim { + background-color: var(--dark__primaryfixeddim_lkv); + color: var(--dark__onprimaryfixedvariant_lkv); +} + +.bg-dark__onprimaryfixed { + background-color: var(--dark__onprimaryfixed_lkv); + color: var(--dark__primaryfixed_lkv); +} + +.bg-dark__onprimaryfixedvariant { + background-color: var(--dark__onprimaryfixedvariant_lkv); + color: var(--dark__primaryfixed_lkv); +} + +.bg-dark__secondaryfixed { + background-color: var(--dark__secondaryfixed_lkv); + color: var(--dark__onsecondary_lkv); +} + +.bg-dark__secondaryfixeddim { + background-color: var(--dark__secondaryfixeddim_lkv); + color: var(--dark__onsecondaryfixed_lkv); +} + +.bg-dark__onsecondaryfixed { + background-color: var(--dark__onsecondaryfixed_lkv); + color: var(--dark__secondaryfixed_lkv); +} + +.bg-dark__onsecondaryfixedvariant { + background-color: var(--dark__onsecondaryfixedvariant_lkv); + color: var(--dark__secondaryfixed_lkv); +} + +.bg-dark__tertiaryfixed { + background-color: var(--dark__tertiaryfixed_lkv); + color: var(--dark__ontertiaryfixed_lkv); +} + +.bg-dark__tertiaryfixeddim { + background-color: var(--dark__tertiaryfixeddim_lkv); + color: var(--dark__ontertiaryfixedvariant_lkv); +} + +.bg-dark__ontertiaryfixed { + background-color: var(--dark__ontertiaryfixed_lkv); + color: var(--dark__tertiaryfixed_lkv); +} + +.bg-dark__ontertiaryfixedvariant { + background-color: var(--dark__ontertiaryfixedvariant_lkv); + color: var(--dark__tertiaryfixed_lkv); +} + +.bg-dark__surfacedim { + background-color: var(--dark__surfacedim_lkv); + color: var(--dark__onsurface_lkv); +} + +.bg-dark__surfacebright { + background-color: var(--dark__surfacebright_lkv); + color: var(--dark__onsurface_lkv); +} + +.bg-dark__surfacecontainerlowest, +.bg-dark__surfacecontainerlow { + background-color: var(--dark__surfacecontainerlowest_lkv); + color: var(--dark__onsurface_lkv); +} + +.bg-dark__surfacecontainer { + background-color: var(--dark__surfacecontainer_lkv); + color: var(--dark__onsurface_lkv); +} + +.bg-dark__surfacecontainerhigh { + background-color: var(--dark__surfacecontainerhigh_lkv); + color: var(--dark__onsurface_lkv); +} + +.bg-dark__surfacecontainerhighest { + background-color: var(--dark__surfacecontainerhighest_lkv); + color: var(--dark__onsurface_lkv); +} + +.bg__transparent { + background-color: rgba(0, 0, 0, 0); +} \ No newline at end of file diff --git a/css/border-radius.css b/css/border-radius.css new file mode 100644 index 0000000..b7cd8a3 --- /dev/null +++ b/css/border-radius.css @@ -0,0 +1,33 @@ +@import "globals.css"; + +.border-radius__xxs { + border-radius: var(--xxs); +} + +.border-radius__xs { + border-radius: var(--xs); +} + +.border-radius__s { + border-radius: var(--s); +} + +.border-radius__m { + border-radius: var(--m); +} + +.border-radius__l { + border-radius: var(--l); +} + +.border-radius__xl { + border-radius: var(--xl); +} + +.border-radius__xxl { + border-radius: var(--xxl); +} + +.border-radius__circle { + border-radius: 100em; +} diff --git a/css/containers.css b/css/containers.css new file mode 100644 index 0000000..e3108c6 --- /dev/null +++ b/css/containers.css @@ -0,0 +1,36 @@ +.container__narrowest { + margin-left: auto; + margin-right: auto; + max-width: 988.875px; +} + +.container__narrow { + margin-left: auto; + margin-right: auto; + max-width: 1257px; +} + +.container__default { + margin-left: auto; + margin-right: auto; + max-width: 1600px; +} + +.container__wide { + margin-left: auto; + margin-right: auto; + max-width: 1806.4px; +} + +.container__widest { + margin-left: auto; + margin-right: auto; + max-width: none; +} + +.container__80ch { + margin-left: auto; + margin-right: auto; + max-width: 80ch; +} + diff --git a/css/display.css b/css/display.css new file mode 100644 index 0000000..508c51b --- /dev/null +++ b/css/display.css @@ -0,0 +1,26 @@ +.display__block { + display: block; +} + +.display__flex-h { + display: flex; +} + +.display__flex-v { + display: flex; + flex-direction: column; +} + +.display__grid { + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-template-rows: repeat(2, auto); +} + +.display__inlineBlock{ + display: inline-block; +} + +.display__none { + display: none; +} diff --git a/css/flexboxes.css b/css/flexboxes.css new file mode 100644 index 0000000..4ddbe97 --- /dev/null +++ b/css/flexboxes.css @@ -0,0 +1,13 @@ +/* Set display to flex */ + +.display__flex-h { + display: flex; + } + + .display__flex-v { + display: flex; + flex-direction: column; + } + + + \ No newline at end of file diff --git a/css/font-color.css b/css/font-color.css new file mode 100644 index 0000000..100b362 --- /dev/null +++ b/css/font-color.css @@ -0,0 +1,481 @@ +@import "globals.css"; + +.color-light__primary_lkv { + color: var(--light__primary_lkv); +} + +.color-light__onprimary_lkv { + color: var(--light__onprimary_lkv); +} + +.color-light__primarycontainer_lkv { + color: var(--light__primarycontainer_lkv); +} + +.color-light__onprimarycontainer_lkv { + color: var(--light__onprimarycontainer_lkv); +} + +.color-light__secondary_lkv { + color: var(--light__secondary_lkv); +} + +.color-light__onsecondary_lkv { + color: var(--light__onsecondary_lkv); +} + +.color-light__secondarycontainer_lkv { + color: var(--light__secondarycontainer_lkv); +} + +.color-light__onsecondarycontainer_lkv { + color: var(--light__onsecondarycontainer_lkv); +} + +.color-light__tertiary_lkv { + color: var(--light__tertiary_lkv); +} + +.color-light__ontertiary_lkv { + color: var(--light__ontertiary_lkv); +} + +.color-light__tertiarycontainer_lkv { + color: var(--light__tertiarycontainer_lkv); +} + +.color-light__ontertiarycontainer_lkv { + color: var(--light__ontertiarycontainer_lkv); +} + +.color-light__error_lkv { + color: var(--light__error_lkv); +} + +.color-light__onerror_lkv { + color: var(--light__onerror_lkv); +} + +.color-light__errorcontainer_lkv { + color: var(--light__errorcontainer_lkv); +} + +.color-light__onerrorcontainer_lkv { + color: var(--light__onerrorcontainer_lkv); +} + +.color-light__background_lkv { + color: var(--light__background_lkv); +} + +.color-light__onbackground_lkv { + color: var(--light__onbackground_lkv); +} + +.color-light__surface_lkv { + color: var(--light__surface_lkv); +} + +.color-light__onsurface_lkv { + color: var(--light__onsurface_lkv); +} + +.color-light__surfacevariant_lkv { + color: var(--light__surfacevariant_lkv); +} + +.color-light__onsurfacevariant_lkv { + color: var(--light__onsurfacevariant_lkv); +} + +.color-light__outline_lkv { + color: var(--light__outline_lkv); +} + +.color-light__outlinevariant_lkv { + color: var(--light__outlinevariant_lkv); +} + +.color-light__shadow_lkv { + color: var(--light__shadow_lkv); +} + +.color-light__scrim_lkv { + color: var(--light__scrim_lkv); +} + +.color-light__inversesurface_lkv { + color: var(--light__inversesurface_lkv); +} + +.color-light__inverseonsurface_lkv { + color: var(--light__inverseonsurface_lkv); +} + +.color-light__inverseprimary_lkv { + color: var(--light__inverseprimary_lkv); +} + +.color-light__success_lkv { + color: var(--light__success_lkv); +} + +.color-light__successcontainer_lkv { + color: var(--light__successcontainer_lkv); +} + +.color-light__onsuccess_lkv { + color: var(--light__onsuccess_lkv); +} + +.color-light__onsuccesscontainer_lkv { + color: var(--light__onsuccesscontainer_lkv); +} + +.color-light__warning_lkv { + color: var(--light__warning_lkv); +} + +.color-light__warningcontainer_lkv { + color: var(--light__warningcontainer_lkv); +} + +.color-light__onwarning_lkv { + color: var(--light__onwarning_lkv); +} + +.color-light__onwarningcontainer_lkv { + color: var(--light__onwarningcontainer_lkv); +} + +.color-light__info_lkv { + color: var(--light__info_lkv); +} + +.color-light__infocontainer_lkv { + color: var(--light__infocontainer_lkv); +} + +.color-light__oninfo_lkv { + color: var(--light__oninfo_lkv); +} + +.color-light__oninfocontainer_lkv { + color: var(--light__oninfocontainer_lkv); +} + +.color-light__primaryfixed_lkv { + color: var(--light__primaryfixed_lkv); +} + +.color-light__primaryfixeddim_lkv { + color: var(--light__primaryfixeddim_lkv); +} + +.color-light__onprimaryfixed_lkv { + color: var(--light__onprimaryfixed_lkv); +} + +.color-light__onprimaryfixedvariant_lkv { + color: var(--light__onprimaryfixedvariant_lkv); +} + +.color-light__secondaryfixed_lkv { + color: var(--light__secondaryfixed_lkv); +} + +.color-light__secondaryfixeddim_lkv { + color: var(--light__secondaryfixeddim_lkv); +} + +.color-light__onsecondaryfixed_lkv { + color: var(--light__onsecondaryfixed_lkv); +} + +.color-light__onsecondaryfixedvariant_lkv { + color: var(--light__onsecondaryfixedvariant_lkv); +} + +.color-light__tertiaryfixed_lkv { + color: var(--light__tertiaryfixed_lkv); +} + +.color-light__tertiaryfixeddim_lkv { + color: var(--light__tertiaryfixeddim_lkv); +} + +.color-light__ontertiaryfixed_lkv { + color: var(--light__ontertiaryfixed_lkv); +} + +.color-light__ontertiaryfixedvariant_lkv { + color: var(--light__ontertiaryfixedvariant_lkv); +} + +.color-light__surfacedim_lkv { + color: var(--light__surfacedim_lkv); +} + +.color-light__surfacebright_lkv { + color: var(--light__surfacebright_lkv); +} + +.color-light__surfacecontainerlowest_lkv { + color: var(--light__surfacecontainerlowest_lkv); +} + +.color-light__surfacecontainerlow_lkv { + color: var(--light__surfacecontainerlow_lkv); +} + +.color-light__surfacecontainer_lkv { + color: var(--light__surfacecontainer_lkv); +} + +.color-light__surfacecontainerhigh_lkv { + color: var(--light__surfacecontainerhigh_lkv); +} + +.color-light__surfacecontainerhighest_lkv { + color: var(--light__surfacecontainerhighest_lkv); +} + +.color-dark__primary_lkv { + color: var(--dark__primary_lkv); +} + +.color-dark__onprimary_lkv { + color: var(--dark__onprimary_lkv); +} + +.color-dark__primarycontainer_lkv { + color: var(--dark__primarycontainer_lkv); +} + +.color-dark__onprimarycontainer_lkv { + color: var(--dark__onprimarycontainer_lkv); +} + +.color-dark__secondary_lkv { + color: var(--dark__secondary_lkv); +} + +.color-dark__onsecondary_lkv { + color: var(--dark__onsecondary_lkv); +} + +.color-dark__secondarycontainer_lkv { + color: var(--dark__secondarycontainer_lkv); +} + +.color-dark__onsecondarycontainer_lkv { + color: var(--dark__onsecondarycontainer_lkv); +} + +.color-dark__tertiary_lkv { + color: var(--dark__tertiary_lkv); +} + +.color-dark__ontertiary_lkv { + color: var(--dark__ontertiary_lkv); +} + +.color-dark__tertiarycontainer_lkv { + color: var(--dark__tertiarycontainer_lkv); +} + +.color-dark__ontertiarycontainer_lkv { + color: var(--dark__ontertiarycontainer_lkv); +} + +.color-dark__error_lkv { + color: var(--dark__error_lkv); +} + +.color-dark__onerror_lkv { + color: var(--dark__onerror_lkv); +} + +.color-dark__errorcontainer_lkv { + color: var(--dark__errorcontainer_lkv); +} + +.color-dark__onerrorcontainer_lkv { + color: var(--dark__onerrorcontainer_lkv); +} + +.color-dark__background_lkv { + color: var(--dark__background_lkv); +} + +.color-dark__onbackground_lkv { + color: var(--dark__onbackground_lkv); +} + +.color-dark__surface_lkv { + color: var(--dark__surface_lkv); +} + +.color-dark__onsurface_lkv { + color: var(--dark__onsurface_lkv); +} + +.color-dark__surfacevariant_lkv { + color: var(--dark__surfacevariant_lkv); +} + +.color-dark__onsurfacevariant_lkv { + color: var(--dark__onsurfacevariant_lkv); +} + +.color-dark__outline_lkv { + color: var(--dark__outline_lkv); +} + +.color-dark__outlinevariant_lkv { + color: var(--dark__outlinevariant_lkv); +} + +.color-dark__shadow_lkv { + color: var(--dark__shadow_lkv); +} + +.color-dark__scrim_lkv { + color: var(--dark__scrim_lkv); +} + +.color-dark__inversesurface_lkv { + color: var(--dark__inversesurface_lkv); +} + +.color-dark__inverseonsurface_lkv { + color: var(--dark__inverseonsurface_lkv); +} + +.color-dark__inverseprimary_lkv { + color: var(--dark__inverseprimary_lkv); +} + +.color-dark__success_lkv { + color: var(--dark__success_lkv); +} + +.color-dark__successcontainer_lkv { + color: var(--dark__successcontainer_lkv); +} + +.color-dark__onsuccess_lkv { + color: var(--dark__onsuccess_lkv); +} + +.color-dark__onsuccesscontainer_lkv { + color: var(--dark__onsuccesscontainer_lkv); +} + +.color-dark__warning_lkv { + color: var(--dark__warning_lkv); +} + +.color-dark__warningcontainer_lkv { + color: var(--dark__warningcontainer_lkv); +} + +.color-dark__onwarning_lkv { + color: var(--dark__onwarning_lkv); +} + +.color-dark__onwarningcontainer_lkv { + color: var(--dark__onwarningcontainer_lkv); +} + +.color-dark__info_lkv { + color: var(--dark__info_lkv); +} + +.color-dark__infocontainer_lkv { + color: var(--dark__infocontainer_lkv); +} + +.color-dark__oninfo_lkv { + color: var(--dark__oninfo_lkv); +} + +.color-dark__oninfocontainer_lkv { + color: var(--dark__oninfocontainer_lkv); +} + +.color-dark__primaryfixed_lkv { + color: var(--dark__primaryfixed_lkv); +} + +.color-dark__primaryfixeddim_lkv { + color: var(--dark__primaryfixeddim_lkv); +} + +.color-dark__onprimaryfixed_lkv { + color: var(--dark__onprimaryfixed_lkv); +} + +.color-dark__onprimaryfixedvariant_lkv { + color: var(--dark__onprimaryfixedvariant_lkv); +} + +.color-dark__secondaryfixed_lkv { + color: var(--dark__secondaryfixed_lkv); +} + +.color-dark__secondaryfixeddim_lkv { + color: var(--dark__secondaryfixeddim_lkv); +} + +.color-dark__onsecondaryfixed_lkv { + color: var(--dark__onsecondaryfixed_lkv); +} + +.color-dark__onsecondaryfixedvariant_lkv { + color: var(--dark__onsecondaryfixedvariant_lkv); +} + +.color-dark__tertiaryfixed_lkv { + color: var(--dark__tertiaryfixed_lkv); +} + +.color-dark__tertiaryfixeddim_lkv { + color: var(--dark__tertiaryfixeddim_lkv); +} + +.color-dark__ontertiaryfixed_lkv { + color: var(--dark__ontertiaryfixed_lkv); +} + +.color-dark__ontertiaryfixedvariant_lkv { + color: var(--dark__ontertiaryfixedvariant_lkv); +} + +.color-dark__surfacedim_lkv { + color: var(--dark__surfacedim_lkv); +} + +.color-dark__surfacebright_lkv { + color: var(--dark__surfacebright_lkv); +} + +.color-dark__surfacecontainerlowest_lkv { + color: var(--dark__surfacecontainerlowest_lkv); +} + +.color-dark__surfacecontainerlow_lkv { + color: var(--dark__surfacecontainerlow_lkv); +} + +.color-dark__surfacecontainer_lkv { + color: var(--dark__surfacecontainer_lkv); +} + +.color-dark__surfacecontainerhigh_lkv { + color: var(--dark__surfacecontainerhigh_lkv); +} + +.color-dark__surfacecontainerhighest_lkv { + color: var(--dark__surfacecontainerhighest_lkv); +} diff --git a/css/gaps.css b/css/gaps.css new file mode 100644 index 0000000..3cf0b20 --- /dev/null +++ b/css/gaps.css @@ -0,0 +1,31 @@ +/* Gaps */ +@import "globals.css"; + + +.gap__xxs { + gap: var(--xxs); +} + +.gap__xs { + gap: var(--xs); +} + +.gap__s { + gap: var(--s); +} + +.gap__m { + gap: var(--m); +} + +.gap__l { + gap: var(--l); +} + +.gap__xl { + gap: var(--xl); +} + +.gap__xxl { + gap: var(--xxl); +} diff --git a/css/globals.css b/css/globals.css new file mode 100644 index 0000000..89a2421 --- /dev/null +++ b/css/globals.css @@ -0,0 +1,159 @@ +:root { + + font-size: 1rem; + + /* Raw size variables */ + + --m: 1em; + /* It's okay to use em here because the root font size + has been manually set to 1rem */ + + --s: calc(var(--m) / var(--scaleFactor)); + --xs: calc(var(--s) / var(--scaleFactor)); + --xxs: calc(var(--xs) / var(--scaleFactor)); + + --l: calc(var(--m) * var(--scaleFactor)); + --xl: calc(var(--l) * var(--scaleFactor)); + --xxl: calc(var(--xl) * var(--scaleFactor)); + + /*Increments*/ + + --wholestep: 1.618; + --halfstep: 1.272; + --quarterstep: 1.128; + + /* Colors */ + + --light__background_lkv: #fefbff; + --light__onsurface_lkv: #1b1b1f; + --light__primary_lkv: #4658ac; + --light__surfacecontainerlowest_lkv: #fff; + --light__onsurfacevariant_lkv: #45464f; + --dark__outline_lkv: #90909a; + --dark__error_lkv: #ffb4ab; + --dark__primary_lkv: #b9c3ff; + + --light__onprimary_lkv: #fefbff; + --light__outlinevariant_lkv: #c6c5d0; + --light__shadow_lkv: #000; + --light__info_lkv: #1758c7; + --light__secondary_lkv: #5a5d72; + --light__outline_lkv: #767680; + --light__inverseprimary_lkv: #b9c3ff; + --light__surfacecontainerlow_lkv: #cbdadd; + --light__successcontainer_lkv: #92f8b4; + --light__onsuccesscontainer_lkv: #00210f; + --light__infocontainer_lkv: #dae2ff; + --light__oninfocontainer_lkv: #001946; + --light__warningcontainer_lkv: #ffdea7; + --light__onwarningcontainer_lkv: #271900; + --light__errorcontainer_lkv: #ffdad6; + --light__onerrorcontainer_lkv: #410002; + --light__onsecondarycontainer_lkv: #171b2c; + --light__primarycontainer_lkv: #dee1ff; + --light__onprimarycontainer_lkv: #001258; + --light__onsecondary_lkv: #fff; + --light__secondarycontainer_lkv: #dfe1f9; + --light__tertiary_lkv: #76546e; + --light__ontertiary_lkv: #fff; + --light__tertiarycontainer_lkv: #ffd7f2; + --light__ontertiarycontainer_lkv: #2d1228; + --light__error_lkv: #ba1a1a; + --light__onerror_lkv: #fff; + --light__onbackground_lkv: #1b1b1f; + --light__surface_lkv: #e8eced; + --light__surfacevariant_lkv: #e3e1ec; + --light__scrim_lkv: #000; + --light__inversesurface_lkv: #303034; + --light__inverseonsurface_lkv: #f3f0f4; + --light__success_lkv: #006d3d; + --light__onsuccess_lkv: #fff; + --light__warning_lkv: #7c5800; + --light__onwarning_lkv: #fff; + --light__oninfo_lkv: #fff; + --light__primaryfixed_lkv: #dee1ff; + --light__onprimaryfixed_lkv: #001258; + --light__primaryfixeddim_lkv: #b9c3ff; + --light__onprimaryfixedvariant_lkv: #2d3f93; + --light__secondaryfixed_lkv: #dfe1f9; + --light__onsecondaryfixed_lkv: #171b2c; + --light__secondaryfixeddim_lkv: #c3c5dd; + --light__onsecondaryfixedvariant_lkv: #434659; + --light__tertiaryfixed_lkv: #ffd7f2; + --light__ontertiaryfixed_lkv: #2d1228; + --light__tertiaryfixeddim_lkv: #e5bad8; + --light__ontertiaryfixedvariant_lkv: #5c3c55; + --light__surfacedim_lkv: #dcd9de; + --light__surfacebright_lkv: #fbf8fd; + --light__surfacecontainer_lkv: #f0edf1; + --light__surfacecontainerhigh_lkv: #eae7ec; + --light__surfacecontainerhighest_lkv: #e4e1e6; + + + + --dark__onprimary_lkv: #11277c; + --dark__primarycontainer_lkv: #2d3f93; + --dark__onprimarycontainer_lkv: #dee1ff; + --dark__secondary_lkv: #c3c5dd; + --dark__onsecondary_lkv: #2c2f42; + --dark__secondarycontainer_lkv: #434659; + --dark__onsecondarycontainer_lkv: #dfe1f9; + --dark__tertiary_lkv: #e5bad8; + --dark__ontertiary_lkv: #44263e; + --dark__tertiarycontainer_lkv: #5c3c55; + --dark__ontertiarycontainer_lkv: #ffd7f2; + --dark__onerror_lkv: #690005; + --dark__errorcontainer_lkv: #93000a; + --dark__onerrorcontainer_lkv: #ffb4ab; + --dark__background_lkv: #1b1b1f; + --dark__onbackground_lkv: #e4e1e6; + --dark__surface_lkv: #131316; + --dark__onsurface_lkv: #e4e1e6; + --dark__onsurfacevariant_lkv: #c6c5d0; + --dark__surfacevariant_lkv: #45464f; + --dark__shadow_lkv: #000; + --dark__inversesurface_lkv: #e4e1e6; + --dark__scrim_lkv: #000; + --dark__inverseonsurface_lkv: #303034; + --dark__inverseprimary_lkv: #4658ac; + --dark__success_lkv: #76db9a; + --dark__onsuccess_lkv: #00391d; + --dark__successcontainer_lkv: #00522c; + --dark__onsuccesscontainer_lkv: #92f8b4; + --dark__warning_lkv: #f7bd48; + --dark__onwarning_lkv: #412d00; + --dark__warningcontainer_lkv: #5e4200; + --dark__onwarningcontainer_lkv: #ffdea7; + --dark__info_lkv: #b1c5ff; + --dark__oninfo_lkv: #002c71; + --dark__infocontainer_lkv: #00419e; + --dark__oninfocontainer_lkv: #dae2ff; + --dark__primaryfixed_lkv: #dee1ff; + --dark__onprimaryfixed_lkv: #001258; + --dark__primaryfixeddim_lkv: #b9c3ff; + --dark__onprimaryfixedvariant_lkv: #2d3f93; + --dark__secondaryfixed_lkv: #dfe1f9; + --dark__secondaryfixeddim_lkv: #c3c5dd; + --dark__onsecondaryfixed_lkv: #171b2c; + --dark__onsecondaryfixedvariant_lkv: #434659; + --dark__tertiaryfixed_lkv: #ffd7f2; + --dark__ontertiaryfixed_lkv: #2d1228; + --dark__tertiaryfixeddim_lkv: #e5bad8; + --dark__ontertiaryfixedvariant_lkv: #5c3c55; + --dark__surfacedim_lkv: #131316; + --dark__surfacebright_lkv: #39393c; + --dark__surfacecontainerlowest_lkv: #0e0e11; + --dark__surfacecontainer_lkv: #1f1f23; + --dark__surfacecontainerhigh_lkv: #2a2a2d; + --dark__surfacecontainerhighest_lkv: #353438; + --dark__surfacecontainerlow_lkv: #1b1b1f; + --dark__outlinevariant_lkv: #45464f; + + + + /* Make text look sharper */ + + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-smooth: never; +} \ No newline at end of file diff --git a/css/grid.css b/css/grid.css new file mode 100644 index 0000000..eed0f49 --- /dev/null +++ b/css/grid.css @@ -0,0 +1,63 @@ +.grid { + display: grid; + gap: var(--wholestep); + grid-template-columns: repeat(2, 1fr); + grid-template-rows: auto; +} + +.grid.col__2 { + grid-template-columns: repeat(2, 1fr); + grid-template-rows: auto; +} + +.grid.col__3 { + grid-template-columns: repeat(3, 1fr); + grid-template-rows: auto; +} + +.grid.col__4 { + grid-template-columns: repeat(4, 1fr); + grid-template-rows: auto; +} + +.grid.col__5 { + grid-template-columns: repeat(5, 1fr); + grid-template-rows: auto; +} + +.grid.col__6 { + grid-template-columns: repeat(6, 1fr); + grid-template-rows: auto; +} + +.grid.col__7 { + grid-template-columns: repeat(7, 1fr); + grid-template-rows: auto; +} + +.grid.col__8 { + grid-template-columns: repeat(8, 1fr); + grid-template-rows: auto; +} + +.grid.col__9 { + grid-template-columns: repeat(9, 1fr); + grid-template-rows: auto; +} + +.grid.col__10 { + grid-template-columns: repeat(10, 1fr); + grid-template-rows: auto; +} + + +.grid.col__11 { + grid-template-columns: repeat(11, 1fr); + grid-template-rows: auto; +} + +.grid.col__12 { + grid-template-columns: repeat(12, 1fr); + grid-template-rows: auto; +} + diff --git a/css/icons.css b/css/icons.css new file mode 100644 index 0000000..e2d86eb --- /dev/null +++ b/css/icons.css @@ -0,0 +1,40 @@ +/* ADD THIS IN YOUR HTML OR WHEREVER YOU IMPORT FONTS GLOBALLY + +*/ + + +.material-symbols-outlined { + font-family: 'Material Symbols Outlined'; + font-weight: normal; + font-style: normal; + font-size: 1.272em; + display: inline-block; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + text-decoration: none; + font-variation-settings: + 'FILL' 0, + 'wght' 300, + 'GRAD' 0, + 'opsz' 24 +} + +.material-symbols-filled { + font-family: 'Material Symbols Outlined'; + font-weight: normal; + font-style: normal; + font-size: 1.272em; + display: inline-block; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + font-variation-settings: 'FILL' 1; +} + diff --git a/css/index.css b/css/index.css new file mode 100644 index 0000000..5a3e7e0 --- /dev/null +++ b/css/index.css @@ -0,0 +1,25 @@ +@import './align-items.css'; +@import './align-self.css'; +@import './aspectratios.css'; +@import './background-colors.css'; +@import './border-radius.css'; +@import './containers.css'; +@import './display.css'; +@import './font-color.css'; +@import './gaps.css'; +@import './globals.css'; +@import './grid.css'; +@import './icons.css'; +@import './justify-content.css'; +@import './margins.css'; +@import './normalize.css'; +@import './opacity.css'; +@import './overflow.css'; +@import './padding.css'; +@import './position.css'; +@import './scale.css'; +@import './sections.css'; +@import './shadows.css'; +@import './state-layers.css'; +@import './text-alignment.css'; +@import './typography.css'; \ No newline at end of file diff --git a/css/justify-content.css b/css/justify-content.css new file mode 100644 index 0000000..d3880a4 --- /dev/null +++ b/css/justify-content.css @@ -0,0 +1,19 @@ +.justify-content__start { + justify-content: flex-start; +} + +.justify-content__center { + justify-content: center; +} + +.justify-content__end { + justify-content: end; +} + +.justify-content__space-between { + justify-content: space-between; +} + +.justify-content__space-around { + justify-content: space-between; +} \ No newline at end of file diff --git a/css/liftkitui.webflow.css b/css/liftkitui.webflow.css deleted file mode 100644 index 5eb7325..0000000 --- a/css/liftkitui.webflow.css +++ /dev/null @@ -1,6461 +0,0 @@ -:root { - --light__background_clv: #fefbff; - --light__onsurface_clv: #1b1b1f; - --light__primary_clv: #4658ac; - --light__secondarycontainer_clv\: #dfe1f9; - --light__surfacecontainerlowest_clv: #fff; - --light__onsurfacevariant_clv: #45464f; - --dark__outline_clv: #90909a; - --dark__error_clv: #ffb4ab; - --dark__primary_clv: #b9c3ff; - --light__onprimary_clv: #fefbff; - --light__surfacecontainer_clv\: #f0edf1; - --light__onsurfacevariant_clv\: #45464f; - --light__outlinevariant_clv: #c6c5d0; - --light__onsurface_clv\: #1b1b1f; - --light__primary_clv\: #4658ac; - --light__outline_clv\: #767680; - --light__primarycontainer_clv\: #dee1ff; - --light__shadow_clv: #000; - --light__info_clv: #1758c7; - --light__secondary_clv: #5a5d72; - --light__outline_clv: #767680; - --light__inverseprimary_clv: #b9c3ff; - --light__surfacecontainerlow_clv: #f5f2f7; - --light__successcontainer_clv: #92f8b4; - --light__onsuccesscontainer_clv: #00210f; - --light__infocontainer_clv: #dae2ff; - --light__oninfocontainer_clv: #001946; - --light__warningcontainer_clv: #ffdea7; - --light__onwarningcontainer_clv: #271900; - --light__errorcontainer_clv: #ffdad6; - --light__onerrorcontainer_clv: #410002; - --light__onsecondarycontainer_clv: #171b2c; - --light__primarycontainer_clv: #dee1ff; - --light__onprimarycontainer_clv: #001258; - --light__onsecondary_clv: #fff; - --light__secondarycontainer_clv: #dfe1f9; - --light__tertiary_clv: #76546e; - --light__ontertiary_clv: #fff; - --light__tertiarycontainer_clv: #ffd7f2; - --light__ontertiarycontainer_clv: #2d1228; - --light__error_clv: #ba1a1a; - --light__onerror_clv: #fff; - --light__onbackground_clv: #1b1b1f; - --light__onbackground_clv\: #1b1b1f; - --light__surface_clv: #fbf8fd; - --light__surfacevariant_clv: #e3e1ec; - --light__scrim_clv: #000; - --light__inversesurface_clv: #303034; - --light__inverseonsurface_clv: #f3f0f4; - --light__success_clv: #006d3d; - --light__onsuccess_clv: #fff; - --light__warning_clv: #7c5800; - --light__onwarning_clv: #fff; - --light__oninfo_clv: #fff; - --light__primaryfixed_clv: #dee1ff; - --light__onprimaryfixed_clv: #001258; - --light__primaryfixeddim_clv: #b9c3ff; - --light__onprimaryfixedvariant_clv: #2d3f93; - --light__secondaryfixed_clv: #dfe1f9; - --light__onsecondaryfixed_clv: #171b2c; - --light__secondaryfixeddim_clv: #c3c5dd; - --light__onsecondaryfixedvariant_clv: #434659; - --light__tertiaryfixed_clv: #ffd7f2; - --light__ontertiaryfixed_clv: #2d1228; - --light__tertiaryfixeddim_clv: #e5bad8; - --light__ontertiaryfixedvariant_clv: #5c3c55; - --light__surfacedim_clv: #dcd9de; - --light__surfacebright_clv: #fbf8fd; - --light__surfacecontainer_clv: #f0edf1; - --light__surfacecontainerhigh_clv: #eae7ec; - --light__surfacecontainerhighest_clv: #e4e1e6; - --dark__onprimary_clv: #11277c; - --dark__primarycontainer_clv: #2d3f93; - --dark__onprimarycontainer_clv: #dee1ff; - --dark__secondary_clv: #c3c5dd; - --dark__onsecondary_clv: #2c2f42; - --dark__secondarycontainer_clv: #434659; - --dark__onsecondarycontainer_clv: #dfe1f9; - --dark__tertiary_clv: #e5bad8; - --dark__ontertiary_clv: #44263e; - --dark__tertiarycontainer_clv: #5c3c55; - --dark__ontertiarycontainer_clv: #ffd7f2; - --dark__onerror_clv: #690005; - --dark__errorcontainer_clv: #93000a; - --dark__onerrorcontainer_clv: #ffb4ab; - --dark__background_clv: #1b1b1f; - --dark__onbackground_clv: #e4e1e6; - --dark__surface_clv: #131316; - --dark__onsurface_clv: #e4e1e6; - --dark__surfacevariant_clv\: #45464f; - --dark__onsurfacevariant_clv: #c6c5d0; - --dark__onsurfacevariant_clv\: #c6c5d0; - --dark__surfacevariant_clv: #45464f; - --dark__outline_clv\: #90909a; - --dark__outlinevariant_clv\: #45464f; - --dark__shadow_clv: #000; - --dark__inversesurface_clv: #e4e1e6; - --dark__scrim_clv: #000; - --dark__inverseonsurface_clv: #303034; - --dark__inverseprimary_clv: #4658ac; - --dark__success_clv: #76db9a; - --dark__onsuccess_clv: #00391d; - --dark__successcontainer_clv: #00522c; - --dark__onsuccesscontainer_clv: #92f8b4; - --dark__warning_clv: #f7bd48; - --dark__onwarning_clv: #412d00; - --dark__warningcontainer_clv: #5e4200; - --dark__onwarningcontainer_clv: #ffdea7; - --dark__info_clv: #b1c5ff; - --dark__oninfo_clv: #002c71; - --dark__infocontainer_clv: #00419e; - --dark__oninfocontainer_clv: #dae2ff; - --dark__primaryfixed_clv: #dee1ff; - --dark__onprimaryfixed_clv: #001258; - --dark__primaryfixeddim_clv: #b9c3ff; - --dark__onprimaryfixedvariant_clv: #2d3f93; - --dark__secondaryfixed_clv: #dfe1f9; - --dark__secondaryfixeddim_clv: #c3c5dd; - --dark__onsecondaryfixed_clv: #171b2c; - --dark__onsecondaryfixedvariant_clv: #434659; - --dark__tertiaryfixed_clv: #ffd7f2; - --dark__ontertiaryfixed_clv: #2d1228; - --dark__tertiaryfixeddim_clv: #e5bad8; - --dark__ontertiaryfixedvariant_clv: #5c3c55; - --dark__surfacedim_clv: #131316; - --dark__surfacebright_clv: #39393c; - --dark__surfacecontainerlowest_clv: #0e0e11; - --dark__surfacecontainer_clv: #1f1f23; - --dark__surfacecontainerhigh_clv: #2a2a2d; - --dark__surfacecontainerhighest_clv: #353438; - --light__secondary_clv\: #5a5d72; - --light__tertiary_clv\: #76546e; - --light__ontertiary_clv\: #fff; - --light__error_clv\: #ba1a1a; - --light__warning_clv\: #7c5800; - --light__success_clv\: #006d3d; - --light__info_clv\: #1758c7; - --light__surfacecontainerlow_clv\: #f5f2f7; - --light__outlinevariant_clv\: #c6c5d0; - --light__surfacecontainerlowest_clv\: #fff; - --dark__surfacecontainerlow_clv: #1b1b1f; - --dark__outlinevariant_clv: #45464f; - --size--s: .618em; - --size--m: 1em; - --white: white; - --black: black; - --size--xxs: .236em; - --size--xs: .382em; - --size--l: 1.618em; - --size--xl: 2.618em; - --size--xxl: 0px; -} - -body { - background-color: var(--light__background_clv); - color: var(--light__onsurface_clv); - letter-spacing: -.011em; - font-family: Inter, sans-serif; - font-size: 1vw; - line-height: 20px; -} - -h1 { - margin-top: 0; - margin-bottom: 0; - font-size: 38px; - font-weight: 700; - line-height: 44px; -} - -h2 { - margin-top: 0; - margin-bottom: 0; - font-size: 32px; - font-weight: 700; - line-height: 36px; -} - -h3 { - margin-top: 0; - margin-bottom: 0; - font-size: 24px; - font-weight: 700; - line-height: 30px; -} - -h4 { - margin-top: 0; - margin-bottom: 0; - font-size: 18px; - font-weight: 700; - line-height: 24px; -} - -h5 { - margin-top: 0; - margin-bottom: 0; - font-size: 14px; - font-weight: 700; - line-height: 20px; -} - -h6 { - margin-top: 0; - margin-bottom: 0; - font-size: 12px; - font-weight: 700; - line-height: 18px; -} - -p { - margin-bottom: 0; - line-height: 1.618; -} - -a { - color: var(--light__primary_clv); - font-weight: 700; - text-decoration: underline; -} - -ul { - margin-top: 0; - margin-bottom: 0; - padding-left: 40px; -} - -ol { - margin-top: 0; - margin-bottom: 10px; - padding-left: 40px; - line-height: 1.618; -} - -img { - max-width: 100%; - display: block; -} - -label { - letter-spacing: -.1px; - margin-bottom: 0; - font-size: .835em; - font-weight: 500; - line-height: 1.272; - display: block; -} - -strong { - font-weight: bold; -} - -blockquote { - border-left: 5px solid var(--light__secondarycontainer_clv\); - margin-top: 1em; - margin-bottom: 1em; - padding: 0 1.618em; - font-size: 1em; - line-height: 1.618; -} - -figcaption { - text-align: center; - margin-top: 5px; -} - -.heading { - letter-spacing: -.014em; - font-size: 1.129em; - font-weight: 600; - line-height: 1.272; -} - -.grid { - grid-column-gap: 1em; - grid-row-gap: 1em; - grid-template-rows: auto auto; - grid-template-columns: 1fr 1fr; - display: grid; -} - -.grid.col__5 { - grid-column-gap: 2.618em; - grid-row-gap: 2.618em; - grid-template-rows: auto; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr; -} - -.grid.col__5.gap__xl { - grid-column-gap: 1.618em; - grid-row-gap: 1.618em; - grid-template-rows: auto; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr; - grid-auto-columns: 1fr; - display: grid; -} - -.grid.col__8 { - grid-template-rows: auto; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; -} - -.grid.col__8.overflow-x.tight { - grid-template-columns: max-content 1fr 1fr 1fr 1fr; -} - -.grid.col__6 { - grid-template-rows: auto; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; -} - -.grid.col__1 { - grid-template-rows: auto; - grid-template-columns: 1fr; -} - -.grid.col__2 { - grid-template-rows: auto; - grid-template-columns: 1fr 1fr; -} - -.grid.col__2.on-dropdown-link { - z-index: 1; - grid-template-columns: max-content 1fr; - position: relative; -} - -.grid.col__3 { - grid-template-rows: auto; - grid-template-columns: 1fr 1fr 1fr; -} - -.grid.col__3.gap__xl { - grid-column-gap: 1.618em; - grid-row-gap: 1.618em; - grid-template-rows: auto; - grid-template-columns: 1fr 1fr 1fr; - grid-auto-columns: 1fr; - display: grid; -} - -.grid.col__3.gap__xxl { - grid-column-gap: 2.618em; - grid-row-gap: 2.618em; - grid-template-rows: auto; - grid-template-columns: 1fr 1fr 1fr; - grid-auto-columns: 1fr; - display: grid; -} - -.grid.col__11 { - grid-template-rows: auto; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; -} - -.grid.col__12 { - grid-template-rows: auto; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; -} - -.grid.col__7 { - grid-template-rows: auto; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; -} - -.grid.col__10 { - grid-template-rows: auto; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; -} - -.grid.col__9 { - grid-template-rows: auto; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; -} - -.grid.col__4 { - grid-column-gap: .618em; - grid-row-gap: .618em; - grid-template-rows: auto; - grid-template-columns: 1fr 1fr 1fr 1fr; -} - -.grid.col__4.simple__swatches { - grid-template-columns: max-content 1fr 1fr 1fr; -} - -.label { - letter-spacing: -.004em; - margin-bottom: 0; - font-size: .835em; - font-weight: 500; - line-height: 1.272; - position: static; - top: 6.235em; -} - -.display2__bold { - letter-spacing: -.022em; - font-size: 2.618em; - font-weight: 700; - line-height: 1.272; -} - -.display2__bold.m-bottom__m.tech { - font-family: Roboto Mono, sans-serif; -} - -.titleb__bold { - letter-spacing: -.02em; - font-size: 1.618em; - font-weight: 600; - line-height: 1.272; -} - -.card { - background-color: var(--light__surfacecontainerlowest_clv); -} - -.card.scalefactor__display2 { - background-color: var(--light__surfacecontainerlowest_clv); - border-radius: 2.05818em; - padding: 2.05818em 2.618em 2.618em; -} - -.card.outlined { - border: 1px solid #85736f; -} - -.card.outlined.scalefactor__titleb.m-bottom__xxl { - background-color: rgba(0, 0, 0, 0); -} - -.card.scalefactor__heading { - border-radius: .887579em; - padding: .887579em 1.129em 1.129em; -} - -.card.scalefactor__heading.on-home-feature { - -webkit-backdrop-filter: brightness(160%) blur(20px); - backdrop-filter: brightness(160%) blur(20px); - background-color: rgba(0, 0, 0, 0); -} - -.card.scalefactor__display1 { - border-radius: 3.3294em; - padding: 3.3294em 4.235em 4.235em; -} - -.card.scalefactor__display1.util-grid.col__2 { - grid-column-gap: 16px; - grid-row-gap: 16px; - grid-template-rows: auto auto; - grid-template-columns: 1fr 1fr; - grid-auto-columns: 1fr; -} - -.card.scalefactor__titlec { - border-radius: 1em; - padding: 1em 1.272em 1.272em; -} - -.card.scalefactor__caption { - border-radius: .617925em; - padding: .618em .786em .786em; -} - -.card.scalefactor__body { - border-radius: .786164em; - padding: .786164em 1em 1em; -} - -.card.scalefactor__titleb { - border-radius: 1.27201em; - padding: 1.27201em 1.618em 1.618em; -} - -.card.scalefactor__subheading { - border-radius: .695755em; - padding: .695755em .885em .885em; -} - -.card.scalefactor__callout { - border-radius: .741352em; - padding: .741352em .943em .943em; -} - -.card.scalefactor__titlea { - border-radius: 1.61792em; - padding: 1.61792em 2.058em 2.058em; -} - -.card.scalefactor__titlea.bg-dark__surface.test { - padding-top: 2.058em; -} - -.card.scalefactor__label { - border-radius: .656447em; - padding: .656447em .835em .835em; -} - -.card.margin-container { - border-radius: 1em; - padding: 2.058em; - font-family: Roboto Mono, sans-serif; - font-size: .786em; - line-height: 1.272; -} - -.caption { - letter-spacing: -.007em; - font-size: .786em; - font-weight: 400; - line-height: 1.272; -} - -.caption.opacity__75 { - opacity: .75; -} - -.bg__transparent { - background-color: rgba(0, 0, 0, 0); - width: 16px; - height: 16px; - padding-right: 0; -} - -.container__default { - max-width: 1600px; - margin-left: auto; - margin-right: auto; -} - -.display1__bold { - letter-spacing: -.022em; - font-size: 4.235em; - font-weight: 700; - line-height: 1.129; -} - -.titlec { - letter-spacing: -.017em; - font-size: 1.272em; - font-weight: 400; - line-height: 1.272; -} - -.titlec.fix { - font-size: 20.352px; -} - -.section__default { - padding: 4.235em; -} - -.section__default.hero { - grid-column-gap: 4.235em; - grid-row-gap: 4.235em; - flex-direction: column; - grid-template-rows: auto auto; - grid-template-columns: 1fr; - grid-auto-columns: 1fr; - align-items: stretch; - padding-top: 4.235em; - padding-left: 0; - padding-right: 0; - display: grid; - position: relative; -} - -.display2 { - letter-spacing: -.022em; - font-size: 2.618em; - font-weight: 400; - line-height: 1.272; -} - -.body__bold { - z-index: 1; - letter-spacing: -.011em; - padding: 0; - font-size: 1em; - font-weight: 600; - line-height: 1.618; - position: relative; -} - -.body__bold.m-bottom__xl.tech { - font-weight: 600; -} - -.body__bold.fix { - font-size: 16px; -} - -.display1 { - letter-spacing: -.022em; - font-size: 4.235em; - font-weight: 400; - line-height: 1.129; -} - -.label__bold { - letter-spacing: -.004em; - font-size: .835em; - font-weight: 700; - line-height: 1.272; -} - -.titlec__bold { - letter-spacing: -.017em; - font-size: 1.272em; - font-weight: 600; - line-height: 1.272; -} - -.body { - letter-spacing: -.011em; - cursor: default; - font-size: 1em; - font-weight: 400; - line-height: 1.618; -} - -.body.opacity__75.fix { - font-size: 16px; -} - -.titlea__bold { - letter-spacing: -.022em; - font-size: 2.058em; - font-weight: 700; - line-height: 1.272; -} - -.titlea__bold.fix { - font-size: 32.928px; -} - -.callout__bold { - letter-spacing: -.009em; - font-size: .943em; - font-weight: 600; - line-height: 1.272; - text-decoration: none; -} - -.subheading { - letter-spacing: -.007em; - font-size: .885em; - font-weight: 400; - line-height: 1.272; -} - -.subheading__bold { - letter-spacing: -.007em; - font-size: .885em; - font-weight: 600; - line-height: 1.272; -} - -.overline { - letter-spacing: .0618em; - text-transform: uppercase; - font-size: .786em; - font-weight: 400; - line-height: 1.272; -} - -.callout { - letter-spacing: -.009em; - font-size: .943em; - font-weight: 400; - line-height: 1.272; -} - -.rich-text { - color: var(--light__onsurface_clv); -} - -.rich-text h1 { - color: var(--light__onsurface_clv); - letter-spacing: -.035em; - margin-top: 0; - margin-bottom: 1.129em; - font-size: 4.235em; - font-weight: 700; - line-height: 1.129; -} - -.rich-text h2 { - letter-spacing: -.022em; - margin-top: .786096em; - margin-bottom: .345984em; - font-size: 2.618em; - font-weight: 700; - line-height: 1.272; -} - -.rich-text h3 { - letter-spacing: -.022em; - margin-top: .786096em; - margin-bottom: .345984em; - font-size: 2.058em; - font-weight: 600; - line-height: 1.272; -} - -.rich-text h4 { - letter-spacing: -.02em; - margin-top: .786096em; - margin-bottom: .345984em; - font-size: 1.618em; - font-weight: 600; - line-height: 1.272; -} - -.rich-text h5 { - letter-spacing: -.017em; - margin-top: .786096em; - margin-bottom: .345984em; - font-size: 1.272em; - font-weight: 600; - line-height: 1.272; -} - -.rich-text h6 { - letter-spacing: -.014em; - margin-top: .786096em; - margin-bottom: .345984em; - font-size: 1.129em; - font-weight: 600; - line-height: 1.272; -} - -.rich-text ol { - margin-top: 1em; - margin-bottom: 1em; -} - -.rich-text ul { - margin-top: 1em; - margin-bottom: 1em; - padding-left: 2.618em; - line-height: 1.618; -} - -.rich-text blockquote { - margin-top: 1em; - margin-bottom: 1em; - padding: 0 1.618em; - font-size: 1em; - line-height: 1.618; -} - -.rich-text p { - color: var(--light__onsurfacevariant_clv); - margin-top: 1em; - margin-bottom: 1em; -} - -.rich-text a { - color: var(--light__primary_clv); - font-weight: 700; -} - -.rich-text figcaption { - color: var(--light__onsurfacevariant_clv); - margin-top: 1em; - margin-bottom: 1em; - font-size: .786em; - line-height: 1.618; -} - -.rich-text img { - margin-top: 1em; - margin-bottom: 11em; -} - -.heading__bold { - letter-spacing: -.014em; - font-size: 1.129em; - font-weight: 700; - line-height: 1.272; -} - -.titlea { - letter-spacing: -.022em; - font-size: 2.058em; - font-weight: 400; - line-height: 1.272; -} - -.caption__bold { - letter-spacing: -.007em; - font-size: .786em; - font-weight: 600; - line-height: 1.272; -} - -.titleb { - letter-spacing: -.02em; - font-size: 1.618em; - font-weight: 400; - line-height: 1.272; -} - -.overline__bold { - letter-spacing: .0618em; - text-transform: uppercase; - font-size: .786em; - font-weight: 600; - line-height: 1.272; -} - -._w-1em { - width: 1em; -} - -.scale__1-272 { - transform: scale(1.272); -} - -.scale__1-618 { - transform: scale(1.618); -} - -._w-1-272em { - width: 1.272em; -} - -._w-2-618em { - width: 2.618em; -} - -.display__flex-h { - display: flex; -} - -.display__flex-h.gap-1em { - grid-column-gap: 1em; - grid-row-gap: 1em; -} - -.display__flex-h.gap-1em.justify-content__end { - justify-content: flex-end; -} - -.display__flex-h.align-items__center { - align-items: center; -} - -.display__flex-h.align-items__top { - align-items: flex-start; -} - -.display__flex-h.flex-grow.justify-content__end { - justify-content: flex-end; -} - -._w-1-618em { - width: 1.618em; -} - -.scale__1-129 { - transform: scale(1.129); -} - -.start-icon { - padding-left: .618em; - padding-right: 1em; -} - -.start-icon.end-icon { - padding-left: .618em; -} - -.end-icon { - padding-left: 1em; - padding-right: .618em; -} - -.material-symbols-outlined { - z-index: 1; - font-size: 1.272em; - line-height: 1; - display: flex; - position: relative; -} - -.material-symbols-outlined.scale__1-618 { - align-self: center; - font-weight: 400; -} - -.material-symbols-outlined.move-down { - margin-bottom: -3%; -} - -.material-symbols-outlined.for-sticker { - margin-left: -.272em; - top: -.5px; -} - -.material-symbols-outlined.fix { - font-size: 20.352px; -} - -.button__text { - grid-column-gap: .485867em; - grid-row-gap: .485867em; - color: var(--light__primary_clv); - background-color: rgba(0, 0, 0, 0); - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 100em; - justify-content: flex-start; - align-items: center; - padding: .485867em 1em; - text-decoration: none; - display: inline-block; - position: relative; - overflow: hidden; -} - -.button__text.w--current { - background-color: #dde1ff; -} - -.button__text.end-icon { - padding-right: .618em; -} - -.button__text.start-icon { - padding-left: .618em; -} - -.button__text.large { - font-size: 1.272em; -} - -.state-layer { - z-index: 0; - opacity: 0; - pointer-events: none; - background-color: #000; - position: absolute; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; -} - -.state-layer.bg-onprimary { - background-color: #fff; -} - -.state-layer.bg__primary { - background-color: #3d56bc; -} - -.button__content { - grid-column-gap: calc(1.272em / 2.618); - grid-row-gap: calc(1.272em / 2.618); - justify-content: center; - align-items: center; - display: flex; -} - -.button__outline { - grid-column-gap: .485867em; - grid-row-gap: .485867em; - color: var(--light__primary_clv); - background-color: rgba(0, 0, 0, 0); - border: 1px solid #727272; - border-radius: 100em; - justify-content: flex-start; - align-items: center; - padding: .485867em 1em; - text-decoration: none; - display: inline-block; - position: relative; - overflow: hidden; -} - -.button__outline.end-icon { - padding-right: .618em; -} - -.button__outline.large { - font-size: 1.272em; -} - -.button__outline.start-icon { - padding-left: .618em; - padding-right: 1.27201em; -} - -.button__outline.start-icon.end-icon { - padding-left: .618em; - padding-right: .618em; -} - -.button__outline.start-icon.bg-dark__error { - border-color: var(--dark__outline_clv); -} - -.button__outline.start-icon.content__dark-error { - border-color: var(--dark__outline_clv); - color: var(--dark__error_clv); -} - -.button__outline.color__dark-primary { - color: var(--dark__primary_clv); -} - -.button { - grid-column-gap: .485867em; - grid-row-gap: .485867em; - background-color: var(--light__primary_clv); - color: var(--light__onprimary_clv); - white-space: normal; - word-break: keep-all; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 100em; - justify-content: flex-start; - align-items: center; - padding: .485867em 1em; - text-decoration: none; - display: inline-block; - position: relative; - overflow: hidden; -} - -.button.large { - font-size: 1.272em; -} - -.button.start-icon { - white-space: nowrap; - padding: .485867em 1.27201em .485867em .618029em; -} - -.button.end-icon { - padding-right: .618em; -} - -.button.flex-basis { - flex: none; -} - -.badge-container__large { - background-color: var(--light__surfacecontainer_clv\); - color: var(--light__onsurfacevariant_clv\); - border-radius: .618em; - justify-content: center; - align-items: center; - padding: .618em; - display: flex; - overflow: hidden; -} - -.input__outlined { - border: .129em solid var(--light__outlinevariant_clv); - background-color: var(--light__surfacecontainerlowest_clv); - color: var(--light__onsurface_clv\); - letter-spacing: -.18px; - border-radius: .618em; - margin-bottom: 0; - padding: 1.272em 1em; - font-size: 1em; - transition: border-color .2s, background-color .2s; -} - -.input__outlined:hover { - border-color: var(--light__primary_clv\); -} - -.input__outlined:focus { - outline-offset: 0px; - background-color: #fff; - outline: 2px solid #3d56bc; -} - -.input__outlined::placeholder { - color: var(--light__outline_clv\); -} - -.checkradio-option-wrap { - align-items: center; - height: 2.236em; - margin-bottom: 0; - padding-left: 0; - display: flex; - position: relative; -} - -.checkbox { - float: none; - cursor: pointer; - border-width: .129em; - border-color: #727272; - border-radius: .272em; - width: 1em; - height: 1em; - margin-top: 0; - margin-left: 0; - margin-right: .272em; - transition: background-color .2s; -} - -.checkbox:hover { - background-color: var(--light__primarycontainer_clv\); -} - -.checkbox.w--redirected-checked { - border-color: var(--light__primary_clv\); - background-color: var(--light__primary_clv\); - background-size: contain; -} - -.pad-top__l { - margin-top: 0; - padding-top: 1em; -} - -.pad-top__l.m-bottom__xl { - line-height: 1.618; -} - -.position__rel { - position: relative; -} - -.position__absolute { - position: absolute; -} - -.position__absolute.cover { - width: 100%; - height: 100%; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; -} - -.position__absolute.cover.z0 { - z-index: 0; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; -} - -.flex-grow { - flex: 1; -} - -.flex-grow.justify-content__end { - justify-content: flex-end; - display: flex; -} - -.m-left__m { - margin-left: .618em; -} - -.m-right__xs { - margin-right: .236em; -} - -.m-top__m { - margin-top: .786164em; -} - -.m-left__l { - margin-left: 1em; -} - -.m-top__xl { - margin-top: 1.618em; -} - -.m-top__xxl { - margin-top: 2.618em; -} - -.m-bottom__xs { - margin-bottom: .3em; -} - -.m-left__s { - margin-left: .272em; -} - -.m-top__xs { - margin-top: .237948em; -} - -.m-left__xxl { - margin-left: 2.618em; -} - -.m-right__xl { - margin-right: 1.618em; -} - -.m-bottom__m { - margin-bottom: .786096em; -} - -.m-bottom__s { - margin-bottom: .485em; -} - -.m-right__xxl { - margin-right: 2.618em; -} - -.m-bottom__l { - margin-bottom: 1em; -} - -.pad-bottom__xxl { - margin-bottom: 0; - padding-bottom: 2.618em; -} - -.m-left__xl { - margin-left: 1.618em; -} - -.m-left__xs { - margin-left: .236em; -} - -.m-right__m { - margin-right: .618em; -} - -.m-bottom__xl { - margin-bottom: 1.618em; -} - -.margin-top__xs { - margin-top: .164088em; -} - -.m-right__s { - margin-right: .272em; -} - -.m-right__l { - margin-right: 1em; -} - -.shadow3 { - z-index: 3; - grid-column-gap: 10px; - grid-row-gap: 10px; - flex: 0 auto; - justify-content: flex-start; - align-items: flex-start; - position: relative; - box-shadow: 0 11px 15px -3px rgba(0, 0, 0, .11), 0 2px 6px rgba(0, 0, 0, .07), 0 0 1px #727272; -} - -.shadow4 { - z-index: 4; - grid-column-gap: 10px; - grid-row-gap: 10px; - flex: 0 auto; - justify-content: flex-start; - align-items: flex-start; - position: relative; - box-shadow: 0 20px 25px rgba(0, 0, 0, .09), 0 5px 11px rgba(0, 0, 0, .12), 0 0 1px #727272; -} - -.shadow1 { - z-index: 1; - grid-column-gap: 10px; - grid-row-gap: 10px; - box-shadow: 0 0 1px 0 var(--light__shadow_clv); - flex: 0 auto; - justify-content: flex-start; - align-items: flex-start; - position: relative; -} - -.shadow5 { - z-index: 5; - grid-column-gap: 10px; - grid-row-gap: 10px; - flex: 0 auto; - justify-content: flex-start; - align-items: flex-start; - position: relative; - box-shadow: 0 25px 50px rgba(0, 0, 0, .23), 0 9px 18px rgba(0, 0, 0, .1), 0 0 1px #727272; -} - -.shadow2 { - z-index: 2; - grid-column-gap: 10px; - grid-row-gap: 10px; - flex: 0 auto; - justify-content: flex-start; - align-items: flex-start; - position: relative; - box-shadow: 0 4px 6px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .11), 0 0 1px #727272; -} - -.shadowsoft { - z-index: 1; - box-shadow: 0 0 1px #727272, 0 12px 24px -4px rgba(21, 19, 22, .05); -} - -.display__flex-v { - flex-direction: column; - display: flex; -} - -.gap__xl, .gap-1-618em { - grid-column-gap: 1.618em; - grid-row-gap: 1.618em; - display: flex; -} - -.gap__xxl { - grid-column-gap: 2.618em; - grid-row-gap: 2.618em; - display: flex; -} - -.gap__xs { - grid-column-gap: .129em; - grid-row-gap: .129em; - display: flex; -} - -.gap__base { - grid-column-gap: 1em; - grid-row-gap: 1em; - display: flex; -} - -.gap__m { - grid-column-gap: .618em; - grid-row-gap: .618em; - display: flex; -} - -.gap__s { - grid-column-gap: .272em; - grid-row-gap: .272em; - display: flex; -} - -.color-light__info { - color: var(--light__info_clv); -} - -.color__light-primary { - color: var(--light__primary_clv); -} - -.color__secondary { - color: var(--light__secondary_clv); -} - -.color__onsurfacevariant { - color: var(--light__onsurfacevariant_clv); -} - -.color__outline { - color: var(--light__outline_clv); - -webkit-text-stroke-color: #85736f; -} - -.color__info { - color: #0072d9; -} - -.color__inverseprimary { - color: var(--light__inverseprimary_clv); -} - -.top-app-bar-content { - background-color: rgba(0, 0, 0, 0); - flex: 1; - align-items: center; - display: flex; -} - -.image { - height: 26px; -} - -.logo-wrap { - flex: none; - transition: opacity .2s; -} - -.logo-wrap:hover { - opacity: .5; -} - -.logo-wrap.m-right__xl { - margin-right: 1.618em; -} - -.logo-wrap.m-right__xl:hover { - opacity: .6; -} - -.dropdown-toggle { - grid-column-gap: .485867em; - grid-row-gap: .485867em; - background-color: rgba(0, 0, 0, 0); - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 100em; - justify-content: flex-start; - align-items: center; - padding: .485867em 1em; - text-decoration: none; - display: inline-block; - position: relative; - overflow: hidden; -} - -.dropdown-toggle.w--current { - background-color: #dde1ff; -} - -.dropdown-toggle.end-icon { - color: #5b5d72; - padding-right: .618em; - transition: opacity .2s; -} - -.dropdown-toggle.end-icon:hover { - opacity: .5; -} - -.snackbar-icon-wrap { - background-color: var(--light__surfacecontainerlow_clv); - color: var(--light__onsurface_clv); - border-radius: .618em; - justify-content: center; - align-items: center; - padding: .618em; - display: flex; -} - -.snackbar-icon-wrap.success { - background-color: var(--light__successcontainer_clv); - color: var(--light__onsuccesscontainer_clv); -} - -.snackbar-icon-wrap.info { - background-color: var(--light__infocontainer_clv); - color: var(--light__oninfocontainer_clv); -} - -.snackbar-icon-wrap.warning { - background-color: var(--light__warningcontainer_clv); - color: var(--light__onwarningcontainer_clv); -} - -.snackbar-icon-wrap.error { - background-color: var(--light__errorcontainer_clv); - color: var(--light__onerrorcontainer_clv); -} - -.text-align__right { - text-align: right; -} - -.snackbar { - grid-column-gap: .618em; - grid-row-gap: .618em; - align-items: center; - margin-left: auto; - margin-right: auto; - padding: 0; - display: flex; -} - -.snackbar-wrap__padded { - background-color: var(--light__surfacecontainerlowest_clv); - border-radius: .618em; - justify-content: center; - padding: .381971em 1em .381971em .382em; - display: inline-block; -} - -.snackbar-wrap__padded.align-self__start { - align-self: flex-start; -} - -.container__widest { - max-width: none; - margin-left: auto; - margin-right: auto; -} - -.container__narrowest { - max-width: 988.875px; - margin-left: auto; - margin-right: auto; -} - -.container__narrow { - max-width: 1257px; - margin-left: auto; - margin-right: auto; -} - -.container__wide { - max-width: 1806.4px; - margin-left: auto; - margin-right: auto; -} - -.section__mostpadding { - padding: 11.087em 4.235em; - position: relative; -} - -.section__leastpadding { - padding: 1.618em; -} - -.section__leastpadding.position__rel { - padding-left: 4.235em; - padding-right: 4.235em; -} - -.section__lesspadding { - padding: 2.618em 4.235em; -} - -.section__lesspadding.position__rel.m-bottom__xl { - padding-left: 4.235em; - padding-right: 4.235em; -} - -.section__morepadding { - padding: 6.852em 4.235em; -} - -.text-align__center { - text-align: center; -} - -.util--grid { - grid-column-gap: 16px; - grid-row-gap: 16px; - grid-template-rows: auto; - grid-template-columns: 1fr 1fr; - grid-auto-columns: 1fr; - display: grid; - position: relative; -} - -.util--grid.colors, .util--grid.typography { - grid-column-gap: 2.618em; - grid-row-gap: 2.618em; - grid-template-columns: .25fr 1fr; -} - -.util--label { - position: -webkit-sticky; - position: sticky; - top: 9vw; -} - -.util-divider { - padding: 4.235em; -} - -.util-line { - background-color: var(--light__outline_clv\); - height: 1px; - padding: 0; -} - -.cl-swatch { - z-index: 1; - color: var(--light__onsecondarycontainer_clv); - border-radius: 0; - padding: .656447rem .835rem .835rem; - display: block; - position: relative; - box-shadow: 0 0 1px rgba(0, 0, 0, .8); -} - -.swatchcontainer { - grid-column-gap: .272em; - grid-row-gap: .272em; - border-radius: .617925em; - grid-template-rows: auto; - grid-template-columns: 1fr; - gap: 1em; - padding: .617925em .786em .786em; - display: block; - position: relative; - overflow: hidden; -} - -.swatchcontainer.fade { - grid-column-gap: 0em; - grid-row-gap: 0em; - border-radius: .786em; - padding: .617925em .786em .786em; - display: block; -} - -.swatchcontainer.fade.m-bottom__m { - grid-column-gap: 0em; - grid-row-gap: 0em; - grid-template-rows: auto; - grid-template-columns: 1fr; - grid-auto-columns: 1fr; - display: grid; -} - -.swatchcontainer.fade3 { - border-radius: .786em; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; - padding: .617925em .786em .786em; -} - -.labelstyle { - letter-spacing: .02em; - word-break: normal; - font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; - font-size: 12px; - font-weight: 400; - line-height: 1.272; -} - -.bg-light__primary, .bg-light__primary.cl-swatch { - background-color: var(--light__primary_clv); - color: var(--light__onprimary_clv); -} - -.bg-light__onprimary, .bg-light__onprimary.cl-swatch { - background-color: var(--light__onprimary_clv); - color: var(--light__primary_clv); -} - -.bg-light__primarycontainer, .bg-light__primarycontainer.cl-swatch { - background-color: var(--light__primarycontainer_clv); - color: var(--light__onprimarycontainer_clv); -} - -.bg-light__onprimarycontainer { - background-color: var(--light__onprimarycontainer_clv); - color: var(--light__primarycontainer_clv); -} - -.bg-light__secondary, .bg-light__secondary.cl-swatch { - background-color: var(--light__secondary_clv); - color: var(--light__onsecondary_clv); -} - -.bg-light__onsecondary { - background-color: var(--light__onsecondary_clv); - color: var(--light__secondary_clv); -} - -.bg-light__secondarycontainer { - background-color: var(--light__secondarycontainer_clv); - color: var(--light__onsecondarycontainer_clv); -} - -.bg-light__onsecondarycontainer { - background-color: var(--light__onsecondarycontainer_clv); - color: var(--light__secondarycontainer_clv); -} - -.bg-light__tertiary { - background-color: var(--light__tertiary_clv); - color: var(--light__ontertiary_clv); -} - -.bg-light__ontertiary { - background-color: var(--light__ontertiary_clv); - color: var(--light__tertiary_clv); -} - -.bg-light__tertiarycontainer { - background-color: var(--light__tertiarycontainer_clv); - color: var(--light__ontertiarycontainer_clv); -} - -.bg-light__ontertiarycontainer { - background-color: var(--light__ontertiarycontainer_clv); - color: var(--light__tertiarycontainer_clv); -} - -.bg-light__error { - background-color: var(--light__error_clv); - color: var(--light__onerror_clv); -} - -.bg-light__onerror { - background-color: var(--light__onerror_clv); - color: var(--light__error_clv); -} - -.bg-light__errorcontainer { - background-color: var(--light__errorcontainer_clv); - color: var(--light__onerrorcontainer_clv); -} - -.bg-light__onerrorcontainer { - background-color: var(--light__onerrorcontainer_clv); - color: var(--light__errorcontainer_clv); -} - -.bg-light__background { - background-color: var(--light__background_clv); - color: var(--light__onbackground_clv); -} - -.bg-light__onbackground { - background-color: var(--light__onbackground_clv\); - color: var(--light__background_clv); -} - -.bg-light__surface { - background-color: var(--light__surface_clv); - color: var(--light__onsurface_clv); -} - -.bg-light__onsurface { - background-color: var(--light__onsurface_clv); - color: var(--light__surface_clv); -} - -.bg-light__surfacevariant { - background-color: var(--light__surfacevariant_clv); - color: var(--light__onsurfacevariant_clv); -} - -.bg-light__onsurfacevariant { - background-color: var(--light__onsurfacevariant_clv); - color: var(--light__surfacevariant_clv); -} - -.bg-light__outline { - background-color: var(--light__outline_clv); - color: var(--light__surface_clv); -} - -.bg-light__outlinevariant { - background-color: var(--light__outlinevariant_clv); - color: var(--light__onsurface_clv); -} - -.bg-light__shadow { - background-color: var(--light__shadow_clv); - color: var(--light__surface_clv); -} - -.bg-light__scrim { - background-color: var(--light__scrim_clv); - color: var(--light__surface_clv); -} - -.bg-light__inversesurface { - background-color: var(--light__inversesurface_clv); - color: var(--light__inverseonsurface_clv); -} - -.bg-light__inverseonsurface { - background-color: var(--light__inverseonsurface_clv); - color: var(--light__inversesurface_clv); -} - -.bg-light__inverseprimary { - background-color: var(--light__inverseprimary_clv); - color: var(--light__onprimarycontainer_clv); -} - -.bg-light__success { - background-color: var(--light__success_clv); - color: var(--light__onsuccess_clv); -} - -.bg-light__successcontainer { - background-color: var(--light__successcontainer_clv); - color: var(--light__onsuccesscontainer_clv); -} - -.bg-light__onsuccess { - background-color: var(--light__onsuccess_clv); - color: var(--light__success_clv); -} - -.bg-light__onsuccesscontainer { - background-color: var(--light__onsuccesscontainer_clv); - color: var(--light__successcontainer_clv); -} - -.bg-light__warning { - background-color: var(--light__warning_clv); - color: var(--light__onwarning_clv); -} - -.bg-light__warningcontainer { - background-color: var(--light__warningcontainer_clv); - color: var(--light__onwarningcontainer_clv); -} - -.bg-light__onwarning { - background-color: var(--light__onwarning_clv); - color: var(--light__warning_clv); -} - -.bg-light__onwarningcontainer { - background-color: var(--light__onwarningcontainer_clv); - color: var(--light__warningcontainer_clv); -} - -.bg-light__info { - background-color: var(--light__info_clv); - color: var(--light__oninfo_clv); -} - -.bg-light__infocontainer { - background-color: var(--light__infocontainer_clv); - color: var(--light__oninfocontainer_clv); -} - -.bg-light__oninfo { - background-color: var(--light__oninfo_clv); - color: var(--light__info_clv); -} - -.bg-light__oninfocontainer { - background-color: var(--light__oninfocontainer_clv); - color: var(--light__infocontainer_clv); -} - -.bg-light__primaryfixed { - background-color: var(--light__primaryfixed_clv); - color: var(--light__onprimaryfixed_clv); -} - -.bg-light__primaryfixeddim { - background-color: var(--light__primaryfixeddim_clv); - color: var(--light__onprimaryfixedvariant_clv); -} - -.bg-light__onprimaryfixed { - background-color: var(--light__onprimaryfixed_clv); - color: var(--light__primaryfixed_clv); -} - -.bg-light__onprimaryfixedvariant { - background-color: var(--light__onprimaryfixedvariant_clv); - color: var(--light__primaryfixed_clv); -} - -.bg-light__secondaryfixed { - background-color: var(--light__secondaryfixed_clv); - color: var(--light__onsecondaryfixed_clv); -} - -.bg-light__secondaryfixeddim { - background-color: var(--light__secondaryfixeddim_clv); - color: var(--light__onsecondaryfixedvariant_clv); -} - -.bg-light__onsecondaryfixed { - background-color: var(--light__onsecondaryfixed_clv); - color: var(--light__secondaryfixed_clv); -} - -.bg-light__onsecondaryfixedvariant { - background-color: var(--light__onsecondaryfixedvariant_clv); - color: var(--light__secondaryfixed_clv); -} - -.bg-light__tertiaryfixed { - background-color: var(--light__tertiaryfixed_clv); - color: var(--light__ontertiaryfixed_clv); -} - -.bg-light__tertiaryfixeddim { - background-color: var(--light__tertiaryfixeddim_clv); - color: var(--light__ontertiaryfixedvariant_clv); -} - -.bg-light__ontertiaryfixed { - background-color: var(--light__ontertiaryfixed_clv); - color: var(--light__tertiaryfixed_clv); -} - -.bg-light__ontertiaryfixedvariant { - background-color: var(--light__ontertiaryfixedvariant_clv); - color: var(--light__tertiaryfixed_clv); -} - -.bg-light__surfacedim { - background-color: var(--light__surfacedim_clv); - color: var(--light__onsurface_clv); -} - -.bg-light__surfacebright { - background-color: var(--light__surfacebright_clv); - color: var(--light__onsurface_clv); -} - -.bg-light__surfacecontainerlowest { - background-color: var(--light__surfacecontainerlowest_clv); - color: var(--light__onsurface_clv); -} - -.bg-light__surfacecontainerlow { - background-color: var(--light__surfacecontainerlow_clv); - color: var(--light__onsurface_clv); -} - -.bg-light__surfacecontainer { - background-color: var(--light__surfacecontainer_clv); - color: var(--light__onsurface_clv); -} - -.bg-light__surfacecontainerhigh { - background-color: var(--light__surfacecontainerhigh_clv); - color: var(--light__onsurface_clv); -} - -.bg-light__surfacecontainerhighest { - background-color: var(--light__surfacecontainerhighest_clv); - color: var(--light__onsurface_clv); -} - -.bg-dark__primary { - background-color: var(--dark__primary_clv); - color: var(--dark__onprimary_clv); -} - -.bg-dark__onprimary { - background-color: var(--dark__onprimary_clv); - color: var(--dark__primary_clv); -} - -.bg-dark__primarycontainer { - background-color: var(--dark__primarycontainer_clv); - color: var(--dark__onprimarycontainer_clv); -} - -.bg-dark__onprimarycontainer { - background-color: var(--dark__onprimarycontainer_clv); - color: var(--dark__primarycontainer_clv); -} - -.bg-dark__secondary { - background-color: var(--dark__secondary_clv); - color: var(--dark__onsecondary_clv); -} - -.bg-dark__onsecondary { - background-color: var(--dark__onsecondary_clv); - color: var(--dark__secondary_clv); -} - -.bg-dark__secondarycontainer { - background-color: var(--dark__secondarycontainer_clv); - color: var(--dark__onsecondarycontainer_clv); -} - -.bg-dark__onsecondarycontainer { - background-color: var(--dark__onsecondarycontainer_clv); - color: var(--dark__secondarycontainer_clv); -} - -.bg-dark__tertiary { - background-color: var(--dark__tertiary_clv); - color: var(--dark__ontertiary_clv); -} - -.bg-dark__ontertiary { - background-color: var(--dark__ontertiary_clv); - color: var(--dark__tertiary_clv); -} - -.bg-dark__tertiarycontainer { - background-color: var(--dark__tertiarycontainer_clv); - color: var(--dark__ontertiarycontainer_clv); -} - -.bg-dark__ontertiarycontainer { - background-color: var(--dark__ontertiarycontainer_clv); - color: var(--dark__tertiarycontainer_clv); -} - -.bg-dark__error { - background-color: var(--dark__error_clv); - color: var(--dark__onerror_clv); -} - -.bg-dark__onerror { - background-color: var(--dark__onerror_clv); - color: var(--dark__error_clv); -} - -.bg-dark__errorcontainer { - background-color: var(--dark__errorcontainer_clv); - color: var(--dark__onerrorcontainer_clv); -} - -.bg-dark__onerrorcontainer { - background-color: var(--dark__onerrorcontainer_clv); - color: var(--dark__errorcontainer_clv); -} - -.bg-dark__background { - background-color: var(--dark__background_clv); - color: var(--dark__onbackground_clv); -} - -.bg-dark__onbackground { - background-color: var(--dark__onbackground_clv); - color: var(--dark__background_clv); -} - -.bg-dark__surface { - background-color: var(--dark__surface_clv); - color: var(--dark__onsurface_clv); -} - -.bg-dark__onsurface { - background-color: var(--dark__onsurface_clv); - color: var(--dark__surface_clv); -} - -.bg-dark__surfacevariant { - background-color: var(--dark__surfacevariant_clv\); - color: var(--dark__onsurfacevariant_clv); -} - -.bg-dark__onsurfacevariant { - background-color: var(--dark__onsurfacevariant_clv\); - color: var(--dark__surfacevariant_clv); -} - -.bg-dark__outline { - background-color: var(--dark__outline_clv\); - color: var(--dark__onsurface_clv); -} - -.bg-dark__outlinevariant { - background-color: var(--dark__outlinevariant_clv\); - color: var(--dark__onsurface_clv); -} - -.bg-dark__shadow { - background-color: var(--dark__shadow_clv); - color: var(--dark__inversesurface_clv); -} - -.bg-dark__scrim { - background-color: var(--dark__scrim_clv); - color: var(--dark__inversesurface_clv); -} - -.bg-dark__inversesurface { - background-color: var(--dark__inversesurface_clv); - color: var(--dark__inverseonsurface_clv); -} - -.bg-dark__inverseonsurface { - background-color: var(--dark__inverseonsurface_clv); - color: var(--dark__inversesurface_clv); -} - -.bg-dark__inverseprimary { - background-color: var(--dark__inverseprimary_clv); - color: var(--dark__onprimarycontainer_clv); -} - -.bg-dark__success { - background-color: var(--dark__success_clv); - color: var(--dark__onsuccess_clv); -} - -.bg-dark__successcontainer { - background-color: var(--dark__successcontainer_clv); - color: var(--dark__onsuccesscontainer_clv); -} - -.bg-dark__onsuccess { - background-color: var(--dark__onsuccess_clv); - color: var(--dark__success_clv); -} - -.bg-dark__onsuccesscontainer { - background-color: var(--dark__onsuccesscontainer_clv); - color: var(--dark__successcontainer_clv); -} - -.bg-dark__warning { - background-color: var(--dark__warning_clv); - color: var(--dark__onwarning_clv); -} - -.bg-dark__warningcontainer { - background-color: var(--dark__warningcontainer_clv); - color: var(--dark__onwarningcontainer_clv); -} - -.bg-dark__onwarning { - background-color: var(--dark__onwarning_clv); - color: var(--dark__warning_clv); -} - -.bg-dark__onwarningcontainer { - background-color: var(--dark__onwarningcontainer_clv); - color: var(--dark__warningcontainer_clv); -} - -.bg-dark__info { - background-color: var(--dark__info_clv); - color: var(--dark__oninfo_clv); -} - -.bg-dark__infocontainer { - background-color: var(--dark__infocontainer_clv); - color: var(--dark__oninfocontainer_clv); -} - -.bg-dark__oninfo { - background-color: var(--dark__oninfo_clv); - color: var(--dark__info_clv); -} - -.bg-dark__oninfocontainer { - background-color: var(--dark__oninfocontainer_clv); - color: var(--dark__infocontainer_clv); -} - -.util-grid-filler { - background-color: var(--light__surface_clv); - box-shadow: 0 0 1px 0 var(--light__shadow_clv); - border-radius: .272em; - justify-content: center; - align-items: center; - min-width: 1.618em; - min-height: 1.618em; - padding: 0; - display: flex; -} - -.util-grid-filler.for-display { - flex: 1; - margin-bottom: 1em; - padding: 1em; -} - -.bg-dark__primaryfixed { - background-color: var(--dark__primaryfixed_clv); - color: var(--dark__onprimaryfixed_clv); -} - -.bg-dark__primaryfixeddim { - background-color: var(--dark__primaryfixeddim_clv); - color: var(--dark__onprimaryfixedvariant_clv); -} - -.bg-dark__onprimaryfixed { - background-color: var(--dark__onprimaryfixed_clv); - color: var(--dark__primaryfixed_clv); -} - -.bg-dark__onprimaryfixedvariant { - background-color: var(--dark__onprimaryfixedvariant_clv); - color: var(--dark__primaryfixed_clv); -} - -.bg-dark__secondaryfixed { - background-color: var(--dark__secondaryfixed_clv); - color: var(--dark__onsecondary_clv); -} - -.bg-dark__secondaryfixeddim { - background-color: var(--dark__secondaryfixeddim_clv); - color: var(--dark__onsecondaryfixed_clv); -} - -.bg-dark__onsecondaryfixed { - background-color: var(--dark__onsecondaryfixed_clv); - color: var(--dark__secondaryfixed_clv); -} - -.bg-dark__onsecondaryfixedvariant { - background-color: var(--dark__onsecondaryfixedvariant_clv); - color: var(--dark__secondaryfixed_clv); -} - -.bg-dark__tertiaryfixed { - background-color: var(--dark__tertiaryfixed_clv); - color: var(--dark__ontertiaryfixed_clv); -} - -.bg-dark__tertiaryfixeddim { - background-color: var(--dark__tertiaryfixeddim_clv); - color: var(--dark__ontertiaryfixedvariant_clv); -} - -.bg-dark__ontertiaryfixed { - background-color: var(--dark__ontertiaryfixed_clv); - color: var(--dark__tertiaryfixed_clv); -} - -.bg-dark__ontertiaryfixedvariant { - background-color: var(--dark__ontertiaryfixedvariant_clv); - color: var(--dark__tertiaryfixed_clv); -} - -.bg-dark__surfacedim { - background-color: var(--dark__surfacedim_clv); - color: var(--dark__onsurface_clv); -} - -.bg-dark__surfacebright { - background-color: var(--dark__surfacebright_clv); - color: var(--dark__onsurface_clv); -} - -.bg-dark__surfacecontainerlowest, .bg-dark__surfacecontainerlow { - background-color: var(--dark__surfacecontainerlowest_clv); - color: var(--dark__onsurface_clv); -} - -.bg-dark__surfacecontainer { - background-color: var(--dark__surfacecontainer_clv); - color: var(--dark__onsurface_clv); -} - -.bg-dark__surfacecontainerhigh { - background-color: var(--dark__surfacecontainerhigh_clv); - color: var(--dark__onsurface_clv); -} - -.bg-dark__surfacecontainerhighest { - background-color: var(--dark__surfacecontainerhighest_clv); - color: var(--dark__onsurface_clv); -} - -.util-grid-templates-container { - grid-column-gap: 1em; - grid-row-gap: 1em; - flex-direction: column; - display: flex; -} - -.util-style-container { - border: 1px solid var(--light__outline_clv\); - border-radius: 1.618em; - padding: 2.0581em 2.618em 2.618em; -} - -.util--buttongrid { - grid-column-gap: .5em; - grid-row-gap: .5em; - grid-template-rows: auto auto; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr; - grid-auto-columns: 1fr; - justify-items: start; - margin-bottom: 60px; - display: grid; -} - -.util--stickergrid { - grid-column-gap: 1em; - grid-row-gap: 1em; - border-radius: 1em; - grid-template-rows: auto; - grid-template-columns: max-content max-content 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; - grid-auto-columns: 1fr; - align-items: center; - justify-items: start; - padding: 0; - display: grid; -} - -.util--stickergrid.overflow-x { - grid-template-columns: max-content max-content max-content max-content max-content max-content max-content max-content max-content max-content; -} - -.util__label { - color: var(--light__onsurfacevariant_clv); - letter-spacing: 0; - margin-bottom: 0; - font-family: Inconsolata, monospace; - font-size: .786em; - font-weight: 500; - line-height: 1.272; - position: static; - top: 6.235em; -} - -.util__label.right { - text-align: right; - font-weight: 500; -} - -.badge-container { - border-radius: .618em; - justify-content: center; - align-items: center; - padding: .272em; - display: flex; - overflow: hidden; -} - -.badge-container.bg-light__primary { - background-color: var(--light__primary_clv\); -} - -.badge-container.bg-light__secondary { - background-color: var(--light__secondary_clv\); -} - -.badge-container.bg-light__tertiary { - background-color: var(--light__tertiary_clv\); - color: var(--light__ontertiary_clv\); -} - -.badge-container.bg-light__error { - background-color: var(--light__error_clv\); -} - -.badge-container.bg-light__warning { - background-color: var(--light__warning_clv\); -} - -.badge-container.bg-light__success { - background-color: var(--light__success_clv\); -} - -.badge-container.bg-light__info { - background-color: var(--light__info_clv\); -} - -.badge-container.bg-light__primarycontainer { - background-color: var(--light__primarycontainer_clv\); -} - -.util--titleacard { - background-color: var(--light__surfacecontainerlow_clv\); - border-radius: 1.618em; - padding: 1.618em 2.058em 2.058em; -} - -.util__titleb-card { - border-radius: 1.272em; - padding: 1.272em 1.618em 1.618em; -} - -.checkradio-state-layer { - z-index: 0; - opacity: 0; - pointer-events: none; - background-color: #000; - border-radius: 100em; - width: 2.236em; - height: 2.236em; - position: absolute; - top: 0%; - bottom: 0%; - left: -.618em; - right: auto; -} - -.checkradio-state-layer.bg-light__primary { - background-color: var(--light__primary_clv\); -} - -.global-css { - position: fixed; - top: 0%; - bottom: auto; - left: 0%; - right: auto; -} - -.radio-button { - float: none; - cursor: pointer; - border-width: .129em; - border-color: #727272; - border-radius: 100em; - width: 1em; - height: 1em; - margin-top: 0; - margin-left: 0; - margin-right: .272em; - transition: background-color .2s; -} - -.radio-button:hover { - background-color: var(--light__primarycontainer_clv\); -} - -.radio-button.w--redirected-checked { - border-color: var(--light__primary_clv\); - background-color: var(--light__primary_clv\); - background-size: contain; -} - -.text-area { - border: .129em solid var(--light__outlinevariant_clv\); - color: var(--light__onsurface_clv\); - letter-spacing: -.18px; - border-radius: .618em; - margin-bottom: 0; - padding: .618em 1.272em 1em 1em; - font-size: 1em; - line-height: 1.272; - transition: border-color .2s; -} - -.text-area:hover { - border-color: var(--light__primary_clv\); -} - -.text-area:focus { - outline-color: var(--light__primary_clv\); - outline-offset: 0px; - outline-width: 3px; - outline-style: solid; -} - -.text-area:focus-visible { - outline-color: var(--light__primary_clv\); - outline-offset: 0px; - outline-width: 3px; - outline-style: solid; -} - -.text-area[data-wf-focus-visible] { - outline-color: var(--light__primary_clv\); - outline-offset: 0px; - outline-width: 3px; - outline-style: solid; -} - -.text-area::placeholder { - color: var(--light__outline_clv\); -} - -.select-field { - border: .129em solid var(--light__outlinevariant_clv\); - background-color: var(--light__surfacecontainerlowest_clv\); - color: var(--light__onsurfacevariant_clv\); - letter-spacing: -.18px; - border-radius: .618em; - margin-bottom: 0; - padding: .485em 1em; - font-size: 1em; - transition: border-color .2s, background-color .2s; -} - -.select-field:hover { - border-color: var(--light__primary_clv\); -} - -.select-field:focus { - outline-offset: 0px; - background-color: #fff; - outline: 2px solid #3d56bc; -} - -.select-field::placeholder { - color: var(--light__outline_clv\); -} - -.form-wrap { - grid-column-gap: 1em; - grid-row-gap: 1em; - grid-template-rows: auto auto; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; - display: grid; -} - -.select-field-wrap { - position: relative; -} - -.select-field-icon { - align-items: center; - padding-right: .618em; - display: flex; - position: absolute; - top: 0%; - bottom: 0%; - left: auto; - right: 0%; -} - -.checkradio-label { - letter-spacing: -.18px; - cursor: default; - margin-left: .485em; - font-size: 1.19674em; - font-weight: 400; - line-height: 1.618; -} - -.util__grid { - grid-column-gap: 16px; - grid-row-gap: 16px; - grid-template-rows: auto; - grid-template-columns: 1fr 1fr; - grid-auto-columns: 1fr; - padding: 24px; - display: grid; -} - -.util__grid.col__4 { - background-color: var(--light__surfacecontainerlow_clv\); - grid-template-columns: 1fr 1fr; - padding: 24px; -} - -.util__grid.border-radius { - grid-column-gap: 16px; - grid-row-gap: 16px; - grid-template-rows: auto; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr; - grid-auto-columns: 1fr; - justify-items: start; - display: grid; -} - -.util__grid.shadows { - grid-template-rows: 64px; - grid-template-columns: 1fr; - grid-auto-rows: 64px; -} - -.util__grid.aspect-grid { - grid-template-columns: 1fr 1fr 1fr 1fr 1fr; - align-items: end; - padding: 0; -} - -.util__grid.aspect-grid.mono.bg-light__surfacecontainerlowest { - padding: 1.129em; -} - -.util__grid.mono.shadow-grid { - grid-template-rows: 4.235em; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr; - padding: 0; -} - -.util__grid.mono.display { - grid-template-columns: 1fr 1fr 1fr 1fr; - padding: 0; -} - -.util__caption { - letter-spacing: -.03px; - font-family: Roboto Mono, sans-serif; - font-size: .696191em; - font-weight: 400; - line-height: 1.272; -} - -.util__subheading { - color: var(--light__onsurfacevariant_clv\); - letter-spacing: -.00625em; - font-family: Roboto Mono, sans-serif; - font-size: .885em; - font-weight: 400; - line-height: 1.272; -} - -.util__frame { - grid-column-gap: 1em; - grid-row-gap: 1em; - border: 1px dashed var(--light__outline_clv\); - flex-direction: column; - padding: 11px; - display: flex; -} - -.card__outline { - border: 1px solid var(--light__outlinevariant_clv\); -} - -.card__outline.scalefactor__display2 { - border-radius: 2.05818em; - padding: 2.05818em 2.618em 2.618em; -} - -.card__outline.scalefactor__heading { - border-radius: .887579em; - padding: .887579em 1.129em 1.129em; -} - -.card__outline.scalefactor__display1 { - border-radius: 3.3294em; - padding: 3.3294em 4.235em 4.235em; -} - -.card__outline.scalefactor__titlec { - border-radius: 1em; - padding: 1em 1.272em 1.272em; -} - -.card__outline.scalefactor__caption { - border-radius: .617925em; - padding: .617925em .786em .786em; -} - -.card__outline.scalefactor__body { - border-radius: .786164em; - padding: .786164em 1em 1em; -} - -.card__outline.scalefactor__body.m-bottom__xl { - padding-top: .786em; -} - -.card__outline.scalefactor__titleb { - border-radius: 1.27201em; - padding: 1.27201em 1.618em 1.618em; -} - -.card__outline.scalefactor__subheading { - border-radius: .695755em; - padding: .695755em .885em .885em; -} - -.card__outline.scalefactor__callout { - border-radius: .741352em; - padding: .741352em .943em .943em; -} - -.card__outline.scalefactor__titlea { - border-radius: 1.61792em; - padding: 1.61792em 2.058em 2.058em; -} - -.card__outline.scalefactor__label { - border-radius: .656447em; - padding: .656447em .835em .835em; -} - -.card__outline.scalefactor__overline { - padding: .618em .786em .786em; -} - -.style-card { - grid-column-gap: 1em; - grid-row-gap: 1em; - flex-direction: column; - justify-content: space-between; - padding-top: 0; - padding-bottom: 0; - display: flex; -} - -.style-card.gap__1-618em { - grid-column-gap: 1.618em; - grid-row-gap: 1.618em; -} - -.style-card.padded { - padding-top: 1em; - padding-bottom: 1em; -} - -.style-card.gap__xxl { - grid-column-gap: 2.618em; - grid-row-gap: 2.618em; -} - -.card__link { - background-color: var(--light__surfacecontainerlowest_clv); - cursor: pointer; - text-decoration: none; - position: relative; - overflow: hidden; -} - -.card__link.scalefactor__display2 { - border-radius: 2.05818em; - padding: 2.05818em 2.618em 2.618em; -} - -.card__link.scalefactor__heading { - border-radius: .887579em; - padding: .887579em 1.129em 1.129em; -} - -.card__link.scalefactor__display1 { - border-radius: 3.3294em; - padding: 3.3294em 4.235em 4.235em; -} - -.card__link.scalefactor__titlec { - border-radius: 1em; - padding: 1em 1.272em 1.272em; -} - -.card__link.scalefactor__caption { - border-radius: .617925em; - padding: .617925em .786em .786em; -} - -.card__link.scalefactor__body { - border-radius: .786164em; - padding: .786164em 1em 1em; -} - -.card__link.scalefactor__titleb { - border-radius: 1.27201em; - padding: 1.27201em 1.618em 1.618em; -} - -.card__link.scalefactor__subheading { - border-radius: .695755em; - padding: .695755em .885em .885em; -} - -.card__link.scalefactor__callout { - border-radius: .741352em; - padding: .741352em .943em .943em; -} - -.card__link.scalefactor__titlea { - border-radius: 1.61792em; - padding: 1.61792em 2.058em 2.058em; -} - -.card__link.scalefactor__label { - border-radius: .656447em; - padding: .656447em .835em .835em; -} - -.card__link.scalefactor__overline { - border-radius: .617925em; - padding: .618em .786em .786em; -} - -.card__outline__link { - border: .129em solid var(--light__outlinevariant_clv\); - position: relative; - overflow: hidden; -} - -.card__outline__link.scalefactor__display2 { - border-radius: 2.05818em; - padding: 2.05818em 2.618em 2.618em; -} - -.card__outline__link.scalefactor__heading { - border-radius: .887579em; - padding: .887579em 1.129em 1.129em; -} - -.card__outline__link.scalefactor__display1 { - border-radius: 3.3294em; - padding: 3.3294em 4.235em 4.235em; -} - -.card__outline__link.scalefactor__titlec { - border-radius: 1em; - padding: 1em 1.272em 1.272em; -} - -.card__outline__link.scalefactor__caption { - border-radius: .617925em; - padding: .617925em .786em .786em; -} - -.card__outline__link.scalefactor__body { - border-radius: .786164em; - padding: .786164em 1em 1em; -} - -.card__outline__link.scalefactor__titleb { - border-radius: 1.27201em; - padding: 1.27201em 1.618em 1.618em; -} - -.card__outline__link.scalefactor__subheading { - border-radius: .695755em; - padding: .695755em .885em .885em; -} - -.card__outline__link.scalefactor__callout { - border-radius: .741352em; - padding: .741352em .943em .943em; -} - -.card__outline__link.scalefactor__titlea { - border-radius: 1.61792em; - padding: 1.61792em 2.058em 2.058em; -} - -.card__outline__link.scalefactor__label { - border-radius: .656447em; - padding: .656447em .835em .835em; -} - -.card__outline__link.scalefactor__overline { - padding: .618em .786em .786em; -} - -.util__fill { - background-color: var(--light__surfacevariant_clv); - position: absolute; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; -} - -.aspect__1x1 { - aspect-ratio: 1; - position: relative; -} - -.util__width-grid { - grid-column-gap: 4px; - grid-row-gap: 4px; - flex-direction: row; - grid-template-rows: auto 24px 24px; - grid-template-columns: max-content max-content max-content max-content; - grid-auto-columns: 1fr; - display: grid; -} - -.util__width-grid.margin-bottom__xl { - flex: 1; - grid-template-rows: 24px 24px; - grid-template-columns: max-content max-content max-content max-content max-content max-content max-content max-content; - justify-items: start; -} - -.util__width-grid.margin-bottom__xl.subheading.mono { - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; -} - -._w-xxs { - width: 1em; -} - -.util__widthfill { - background-color: var(--light__surfacevariant_clv); - pointer-events: none; - width: 100%; - height: 100%; -} - -._w-xs { - width: 1.129em; -} - -._w-s { - width: 1.272em; -} - -._w-m { - width: 1.618em; -} - -._w-l { - width: 2.058em; -} - -._w-xl { - width: 2.618em; -} - -._w-xxl { - width: 4.235em; -} - -._w-xxxl { - width: 6.238em; -} - -.h-xxs { - height: 1.06em; -} - -.util-height-grid { - grid-column-gap: 4px; - grid-row-gap: 4px; - flex: 1; - grid-template-rows: 1fr auto; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; - grid-auto-columns: max-content; - align-items: end; - display: grid; -} - -.h-xs { - height: 1.128em; -} - -.h-m { - height: 1.618em; -} - -.h-l { - height: 2.058em; -} - -.h-xl { - height: 2.618em; -} - -.h-xxl { - height: 4.235em; -} - -.h-xxxl { - height: 6.238em; -} - -.h-s { - height: 1.272em; -} - -.util__aspectfill { - width: 100%; - height: 100%; - position: relative; -} - -.aspect__16x9 { - aspect-ratio: 16 / 9; - position: relative; -} - -.aspect__16x9.border-radius__l.m-bottom__xl.object-fit__cover { - object-fit: cover; - width: 100%; -} - -.aspect__16x9.border-radius__l.m-bottom__xl.object-fit__cover.fixed { - margin-bottom: 0; -} - -.aspect__4x3 { - aspect-ratio: 4 / 3; - object-fit: cover; - width: 100%; -} - -.aspect__3x2 { - aspect-ratio: 3 / 2; -} - -.aspect__9x16 { - aspect-ratio: 9 / 16; -} - -.testimonial-heading-wrap { - grid-column-gap: 16px; - grid-row-gap: 16px; - grid-template-rows: auto; - grid-template-columns: max-content 1fr; - grid-auto-columns: 1fr; - align-items: center; - display: grid; -} - -.util__border-radius-fill { - background-color: var(--light__surfacevariant_clv); - color: var(--light__onsurfacevariant_clv); - justify-content: center; - align-items: center; - width: 100%; - height: 100%; - display: flex; - position: relative; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; -} - -.border-radius__xxs { - border-radius: .06em; -} - -.border-radius__xs { - border-radius: .129em; -} - -.border-radius__s { - border-radius: .272em; -} - -.border-radius__m { - border-radius: .618em; -} - -.border-radius__l { - border-radius: 1.058em; -} - -.border-radius__xl { - border-radius: 1.618em; -} - -.border-radius__xxl { - border-radius: 2.235em; -} - -.border-radius__xxl.overflow__hidden { - border-radius: 2.618em; -} - -.border-radius__xxxl { - border-radius: 4.235em; -} - -.overflow__hidden { - overflow: hidden; -} - -.border-radius__circle { - border-radius: 100em; -} - -.border-radius__circle.overflow__hidden.expand { - width: 100%; - height: 100%; -} - -.util__shadowfill { - z-index: -1; - background-color: var(--light__surfacevariant_clv); - pointer-events: none; - position: absolute; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; -} - -.util-grid { - grid-column-gap: 16px; - grid-row-gap: 16px; - grid-template-rows: auto auto; - grid-template-columns: 1fr 1fr; - grid-auto-columns: 1fr; - display: grid; -} - -.util-grid.col__3 { - grid-column-gap: 16px; - grid-row-gap: 16px; - grid-template-rows: auto; - grid-template-columns: 1fr 1fr 1fr; - grid-auto-columns: 1fr; - display: grid; -} - -.util-grid.col__3.nogap { - grid-column-gap: 0px; - grid-row-gap: 0px; -} - -.util-grid.col__6 { - grid-column-gap: 16px; - grid-row-gap: 16px; - grid-template-rows: auto auto; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; - grid-auto-columns: 1fr; - display: grid; -} - -.util-grid.col__12 { - grid-column-gap: 16px; - grid-row-gap: 16px; - grid-template-rows: auto auto; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; - grid-auto-columns: 1fr; - display: grid; -} - -.util-grid.col__5 { - grid-column-gap: 0px; - grid-row-gap: 0px; - grid-template-rows: auto; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr; - grid-auto-columns: 1fr; - display: grid; -} - -.util-grid.col__4 { - grid-column-gap: 16px; - grid-row-gap: 16px; - grid-template-rows: auto auto; - grid-template-columns: 1fr 1fr 1fr 1fr; - grid-auto-columns: 1fr; - display: grid; -} - -.util-grid.surfaces { - grid-column-gap: 16px; - grid-row-gap: 16px; - grid-template-rows: auto auto; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; - grid-auto-columns: 1fr; - display: grid; -} - -.util-grid.col__2 { - grid-column-gap: 16px; - grid-row-gap: 16px; - grid-template-rows: auto; - grid-template-columns: .5fr 1fr; - grid-auto-columns: 1fr; - display: grid; -} - -.util-grid.horizontal-holder { - grid-column-gap: 16px; - grid-row-gap: 16px; - grid-template-rows: auto; - grid-template-columns: max-content max-content; - grid-auto-rows: auto; - grid-auto-columns: 1fr; - align-items: start; - justify-items: end; - display: grid; -} - -.util-grid.horizontal-holder.align-left { - justify-items: start; -} - -.util-grid.mono.gaps { - grid-column-gap: 16px; - grid-row-gap: 16px; - grid-template-rows: 1fr; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; - grid-auto-columns: 1fr; - align-items: end; - justify-items: stretch; - display: grid; -} - -.border-radius-wraps { - grid-column-gap: 1em; - grid-row-gap: 1em; - flex-wrap: wrap; - grid-template-rows: 6.852em 6.852em; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr; - grid-auto-columns: 1fr; - align-items: stretch; - justify-items: stretch; - display: grid; -} - -.border-radius-wraps.subheading.mono { - grid-template-rows: 1fr 1fr; -} - -.overflow__visible { - overflow: visible; -} - -.overflow__scroll { - overflow: scroll; -} - -.overflow__auto { - overflow: auto; -} - -.util-grid__colors { - grid-column-gap: 16px; - grid-row-gap: 16px; - grid-template-rows: auto; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; - grid-auto-columns: 1fr; - display: grid; -} - -.colorgroupcard { - border-radius: 1em; - padding: 1em 1.272em 1.272em; - position: relative; -} - -.util-backdrop { - z-index: 0; - background-color: var(--light__surfacecontainerlowest_clv); - opacity: .5; - pointer-events: none; - position: absolute; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; -} - -.util-backdrop.dark { - background-color: var(--dark__surfacecontainerlow_clv); -} - -.util-rel { - z-index: 1; - position: relative; -} - -.swatchwrap { - grid-column-gap: .618em; - grid-row-gap: .618em; - box-shadow: 0 0 1px 0 var(--light__shadow_clv); - border-radius: .656447em; - flex-direction: column; - display: block; - overflow: hidden; -} - -.color-wrap { - align-self: stretch; - width: 100%; -} - -.util-spec { - opacity: .75; - max-width: 85ch; - font-family: Inconsolata, monospace; - font-size: 1.129em; - line-height: 1.272; -} - -.util-heading { - color: var(--light__onsurface_clv); - letter-spacing: -.26px; - font-family: Roboto Mono, sans-serif; - font-size: 1.1292em; - font-weight: 700; - line-height: 1.272; -} - -.util-heading.m-bottom__m { - font-family: Inter, sans-serif; - font-weight: 600; -} - -.util-typestylecaption { - opacity: .5; - margin-top: .272em; - font-family: Roboto Mono, sans-serif; - font-size: .786164em; -} - -.inline-block { - margin-bottom: 0; - display: block; -} - -.bold-text { - color: var(--light__onsurface_clv); -} - -.link { - color: var(--light__primary_clv); -} - -.pad-left__xxl { - margin-left: 0; - padding-left: 2.618em; -} - -.pad-left__xl { - margin-left: 0; - padding-left: 1.618em; -} - -.pad-left__l { - margin-left: 0; - padding-left: 1em; -} - -.pad-left__m { - margin-left: 0; - padding-left: .618em; -} - -.pad-left__s { - margin-left: 0; - padding-left: .345em; -} - -.pad-left__xs { - margin-left: 0; - padding-left: .236em; -} - -.pad-right__xs { - margin-right: 0; - padding-right: .236em; -} - -.pad-right__s { - margin-right: 0; - padding-right: .345em; -} - -.pad-right__m { - margin-right: 0; - padding-right: .618em; -} - -.pad-right__l { - margin-right: 0; - padding-right: 1em; -} - -.pad-right__xl { - margin-right: 0; - padding-right: 1.618em; -} - -.pad-right__xxl { - margin-right: 0; - padding-right: 2.618em; -} - -.pad-top__xxl { - margin-top: 0; - padding-top: 2.618em; -} - -.pad-top__xl { - margin-top: 0; - padding-top: 1.618em; -} - -.pad-top__m { - margin-top: 0; - padding-top: .786096em; -} - -.m-top__s { - margin-top: .485em; -} - -.pad-top__s { - margin-top: 0; - padding-top: .345984em; -} - -.pad-top__xs { - margin-top: 0; - padding-top: .236em; -} - -.pad-bottom__xs { - margin-bottom: 0; - padding-bottom: .236em; -} - -.pad-bottom__s { - margin-bottom: 0; - padding-bottom: .345em; -} - -.pad-bottom__m { - margin-bottom: 0; - padding-bottom: .786096em; -} - -.pad-bottom__l { - margin-bottom: 0; - padding-bottom: 1em; -} - -.pad-bottom__xl { - margin-bottom: 0; - padding-bottom: 1.618em; -} - -.util__flex-h { - grid-column-gap: 1em; - grid-row-gap: 1em; - display: flex; -} - -.util__flex-h.gap-2-618em { - grid-column-gap: 4.235em; - grid-row-gap: 4.235em; -} - -.util__marginpaddingwrap { - border: 2px none var(--light__info_clv); - background-color: var(--light__successcontainer_clv); - background-image: url('../images/bg-stripes.svg'); - background-position: 0 0; - background-size: 8px; - width: auto; - height: auto; -} - -.util__marginpaddingwrap.pad-top__xs { - margin-bottom: -.236em; -} - -.util__marginpaddingwrap.pad-top__s { - margin-bottom: -.345em; - padding-top: .345em; -} - -.util__marginpaddingwrap.pad-top__m { - margin-bottom: -.786em; - padding-top: .786em; -} - -.util__marginpaddingwrap.pad-top__l { - margin-bottom: -1em; -} - -.util__marginpaddingwrap.pad-top__xl { - margin-bottom: -1.618em; -} - -.util__marginpaddingwrap.pad-top__xxl { - margin-bottom: -2.618em; -} - -.util__marginpaddingwrap.pad-bottom__xl { - position: relative; -} - -.util__marginpaddingwrap.xxl { - margin-bottom: -2.618em; -} - -.util__marginpaddingwrap.xl { - margin-bottom: -1.618em; -} - -.util__marginpaddingwrap.down-l { - margin-bottom: -1em; -} - -.util__marginpaddingwrap.down-m { - margin-bottom: -.618em; -} - -.util__marginpaddingwrap.down-s { - margin-bottom: -.272em; -} - -.util__marginpaddingwrap.down-xs { - margin-bottom: -.236em; -} - -.util__marginpaddingwrap.padding { - border-style: solid; - border-color: var(--light__info_clv); - background-color: var(--light__warningcontainer_clv); -} - -.util-paddingfill { - z-index: 1; - background-color: var(--light__infocontainer_clv); - width: 1.618em; - height: 1.618em; - position: relative; -} - -.util__padingcontainertop { - grid-column-gap: 16px; - grid-row-gap: 16px; - grid-template-rows: auto; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; - grid-auto-columns: 1fr; - align-items: stretch; - justify-items: stretch; - display: grid; -} - -.util__paddingstylescontainer { - grid-column-gap: 1em; - grid-row-gap: 1em; - flex-direction: column; - display: flex; -} - -.util__divider { - background-color: var(--light__outlinevariant_clv); - height: 1px; - margin-top: 2.618em; - margin-bottom: 2.618em; -} - -.padding-style-container { - grid-column-gap: 8px; - grid-row-gap: 8px; - border: 1px solid var(--light__outlinevariant_clv); - background-color: var(--light__surface_clv); - border-radius: 1em; - flex-direction: column; - justify-content: flex-end; - align-items: center; - padding-top: 12px; - padding-bottom: 12px; - display: flex; -} - -.util__paddingcontainerright, .util__padingcontainerbottom, .util__padingcontainerleft { - grid-column-gap: 16px; - grid-row-gap: 16px; - grid-template-rows: auto; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; - grid-auto-columns: 1fr; - align-items: stretch; - justify-items: stretch; - display: grid; -} - -.util__padbottomlabelwrap.xl { - margin-bottom: -1.618em; -} - -.util__padbottomlabelwrap.border-radius__xxl { - margin-bottom: -2.618em; -} - -.util__padbottomlabelwrap.l { - margin-bottom: -1em; -} - -.util__padbottomlabelwrap.m { - margin-bottom: -.618em; -} - -.util__padbottomlabelwrap.s { - margin-bottom: -.345em; -} - -.util__padbottomlabelwrap.xs { - margin-bottom: -.236em; -} - -.util__padleftlabelwrap.s { - margin-left: -.345em; -} - -.util__padleftlabelwrap.xs { - margin-left: -.236em; -} - -.util__padleftlabelwrap.m { - margin-left: -.618em; -} - -.util__padleftlabelwrap.l { - margin-left: -1em; -} - -.util__padleftlabelwrap.xl { - margin-left: -1.618em; -} - -.util__padleftlabelwrap.xxl { - margin-left: -2.618em; -} - -.util__padrightlabelwrap.xs { - margin-right: -.236em; -} - -.util__padrightlabelwrap.s { - margin-right: -.345em; -} - -.util__padrightlabelwrap.m { - margin-right: -.618em; -} - -.util__padrightlabelwrap.l { - margin-right: -1em; -} - -.util__padrightlabelwrap.xl { - margin-right: -1.618em; -} - -.util__padrightlabelwrap.xxl { - margin-right: -2.618em; -} - -.util__margin-fill { - z-index: 1; - border: 2px solid var(--light__info_clv); - background-color: var(--light__infocontainer_clv); - width: 1.618em; - height: 1.618em; - position: relative; -} - -.m-top__l { - margin-top: 1.272em; -} - -.m-bottom__xxl { - margin-bottom: 2.618em; -} - -.tech { - font-family: Roboto Mono, sans-serif; -} - -.util-heading-copy { - color: var(--light__onsurface_clv); - letter-spacing: -.26px; - font-family: Roboto Mono, sans-serif; - font-size: 1.1292em; - font-weight: 700; - line-height: 1.272; -} - -.util__appbar { - z-index: 1; - grid-column-gap: 1em; - grid-row-gap: 1em; - flex: 1; - grid-template-rows: auto; - grid-template-columns: max-content 1fr max-content; - grid-auto-columns: 1fr; - justify-content: center; - align-items: center; - max-width: 1600px; - margin-left: auto; - margin-right: auto; - display: flex; - position: relative; -} - -.util__appbar-container { - z-index: 99; - border-bottom: 1px none var(--light__outlinevariant_clv); - max-width: 1257px; - margin-left: auto; - margin-right: auto; - padding: .618em 0; - display: flex; - position: relative; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; -} - -.util__appbar-background { - z-index: 97; - -webkit-backdrop-filter: saturate(180%) blur(20px); - backdrop-filter: saturate(180%) blur(20px); - position: absolute; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; -} - -.util__appbar-overlay { - z-index: 98; - background-color: var(--light__background_clv); - opacity: .7; - position: absolute; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; -} - -.util__appbar-wrap { - z-index: 99; - border-bottom: 1px solid var(--light__outlinevariant_clv); - padding-left: 4.235em; - padding-right: 4.235em; - position: -webkit-sticky; - position: sticky; - top: 0; -} - -.chainlift-wrap { - flex: none; - transition: opacity .2s; -} - -.chainlift-wrap:hover { - opacity: .63; -} - -.util__appbar-sidebarwrap { - z-index: 100; - position: -webkit-sticky; - position: sticky; - top: 6.852em; - bottom: 0%; - left: 0%; - right: auto; -} - -.sidebar-list { - padding-left: 0; - font-size: 1em; - font-weight: 400; - list-style-type: none; -} - -.sidebar-link { - grid-column-gap: .618em; - grid-row-gap: .618em; - align-items: center; - padding-top: .435em; - padding-bottom: .435em; - font-size: .943em; - font-weight: 400; - text-decoration: none; - transition: font-variation-settings .2s; - display: flex; - position: relative; -} - -.sidebar-link.w--current { - color: var(--light__primary_clv); - font-weight: 600; -} - -.sidebar__header { - justify-content: space-between; - align-items: center; - display: flex; -} - -.layout { - grid-column-gap: 4.235em; - grid-row-gap: 4.235em; - grid-template-rows: auto; - grid-template-columns: max-content 1fr; - grid-auto-columns: 1fr; - display: grid; - position: relative; -} - -.util-grid__simplecolor { - grid-column-gap: 16px; - grid-row-gap: 16px; - grid-template-rows: auto; - grid-template-columns: .5fr 1fr 1fr; - grid-auto-columns: 1fr; - padding-top: 1em; - padding-bottom: 1em; - display: grid; -} - -.accordion-trigger { - background-color: var(--light__surfacecontainerlow_clv); - cursor: pointer; - align-items: center; - padding: .786em 1.618em .786em 1em; - display: flex; - position: relative; -} - -.accordion-wrap { - border: 1px solid var(--light__outlinevariant_clv); - border-radius: .786164em; - overflow: hidden; -} - -.accordion-content { - padding: 0 1em; - overflow: hidden; -} - -.accordion-trigger-title { - flex: 1; -} - -.accordion-trigger-icon { - align-self: center; - align-items: center; - margin-bottom: -2px; - display: flex; -} - -.state-bg { - z-index: 0; - opacity: 0; - pointer-events: none; - background-color: #000; - position: absolute; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; -} - -.util__colorgroupscontainer { - grid-column-gap: 1em; - grid-row-gap: 1em; - flex-direction: column; - display: flex; -} - -.accordion__title { - letter-spacing: -.009em; - margin-bottom: .236em; - font-size: .885em; - font-weight: 600; - line-height: 1.272; -} - -.accordion__desc { - color: var(--light__outline_clv); - letter-spacing: -.007em; - font-size: .786em; - font-weight: 400; - line-height: 1.272; -} - -.simple-palette-wrap { - grid-column-gap: 1.618em; - flex-direction: column; - grid-template-rows: auto; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; - grid-auto-columns: 1fr; - margin-bottom: 6.853em; - display: flex; -} - -.util__style-section { - box-shadow: 0 0 1px 0 var(--light__shadow_clv); - border-radius: 1em; - padding-left: 10px; - padding-right: 10px; -} - -.util__style-section.scalefactor__titleb { - padding: 1.27201em 1.618em 1.618em; -} - -.util__style-section.scalefactor__heading { - padding: .887579em 1.129em 1.129em; -} - -.util__style-section.scalefactor__heading.layout-sec { - grid-column-gap: 1em; - grid-row-gap: 1em; - background-color: var(--light__surfacecontainerlowest_clv); - flex-direction: column; - align-items: stretch; - display: flex; -} - -.util__style-section.scalefactor__heading.container-sec { - grid-column-gap: 1em; - grid-row-gap: 1em; - background-color: var(--light__surfacecontainerlowest_clv); - flex-direction: column; - align-items: stretch; - display: block; -} - -.type-styles-wrap { - grid-column-gap: 4.235em; - grid-row-gap: 4.235em; - flex-direction: column; - grid-template-rows: auto; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; - grid-auto-columns: 1fr; - margin-bottom: 6.853em; - display: flex; -} - -.table_cell { - color: var(--light__onsurfacevariant_clv); - padding: .618em 1em; - font-size: .943em; - line-height: 1.618; -} - -.table_row { - border-bottom: 1px solid var(--light__outlinevariant_clv); -} - -.table_row.last-child { - border-bottom-style: none; -} - -.table_row.header { - overflow: hidden; -} - -.table_header { - text-align: left; - padding-top: .786em; - padding-bottom: .786em; - padding-left: 1em; - font-size: .885em; - font-weight: 600; - overflow: hidden; -} - -.table_head { - border-bottom: 1px solid var(--light__outline_clv); - background-color: var(--light__surfacecontainerlow_clv); -} - -.table_component { - background-color: var(--light__surfacecontainerlowest_clv); - box-shadow: 0 0 1px 0 var(--light__shadow_clv); - border-radius: .786em; - width: 100%; - font-size: 1em; - line-height: 1.272; - overflow: hidden; -} - -.table_component.overflow-x { - overflow: hidden; -} - -.type-style-examples { - flex-direction: column; - justify-content: space-between; - display: flex; -} - -.class-template__wrap { - align-items: center; - font-family: Inconsolata, monospace; - font-size: 1em; - display: flex; -} - -.class-template__wrap.m-bottom__m { - border-radius: .272em; - padding: 0; - font-family: Inconsolata, monospace; -} - -.grid-template__example { - border: 1px solid var(--light__outlinevariant_clv); - background-color: var(--light__surfacecontainerlowest_clv); - border-radius: .887em; - padding: .887em 1.129em 1.129em; - font-size: .88533em; - font-weight: 700; - line-height: 1.272; -} - -.color__success { - color: var(--light__success_clv); -} - -.card-styles-container { - grid-column-gap: 16px; - grid-row-gap: 16px; - grid-template-rows: auto auto; - grid-template-columns: 1fr 1fr; - grid-auto-columns: 1fr; - display: grid; -} - -.code-snack { - grid-column-gap: 0em; - grid-row-gap: 0em; - background-color: var(--light__surfacecontainerlowest_clv); - border-radius: .272em; - flex-direction: column; - align-items: stretch; - padding: 0; - font-family: Inconsolata, monospace; - display: flex; - overflow: hidden; - box-shadow: 0 0 1px #000; -} - -.color__error { - color: var(--light__error_clv); -} - -.code-snack__title { - grid-column-gap: .318em; - grid-row-gap: .318em; - border-bottom: 1px solid var(--light__outlinevariant_clv); - background-color: var(--light__surfacecontainerlow_clv); - align-items: center; - padding-top: .318em; - padding-bottom: .318em; - padding-left: .51603em; - font-family: Inter, sans-serif; - display: flex; -} - -.code-snack-body { - grid-column-gap: .618em; - grid-row-gap: .618em; - background-color: var(--light__surfacecontainerlowest_clv); - flex-direction: row; - grid-template-rows: auto auto; - grid-template-columns: max-content max-content max-content; - grid-auto-columns: 1fr; - align-items: flex-start; - padding: 1em; - font-family: Inconsolata, monospace; - font-size: 1em; - font-weight: 700; - display: flex; -} - -.color__warning { - color: var(--light__warning_clv); -} - -.util__codelist { - white-space: pre; - padding-left: 1.618em; - font-family: Inconsolata, monospace; - font-weight: 700; - list-style-type: disc; -} - -.mono { - font-family: Inconsolata, monospace; - font-weight: 700; -} - -.mono.subheading { - font-weight: 400; -} - -.util__wfclassexample { - box-shadow: none; - border-radius: 1em; -} - -.util__classtemplatecontainer { - grid-column-gap: 16px; - grid-row-gap: 16px; - border-radius: 1em; - grid-template-rows: auto; - grid-template-columns: 1fr auto; - grid-auto-columns: 1fr; - justify-content: space-between; - align-items: start; - padding: 0; - display: grid; -} - -.opacity__75 { - opacity: .75; -} - -.util__card { - background-color: var(--light__surfacecontainerlow_clv); - padding: 1em; -} - -.color__1 { - color: var(--light__info_clv); -} - -.util__css-example { - grid-column-gap: 0em; - grid-row-gap: 0em; - font-family: Inconsolata, monospace; - font-size: .885em; - font-weight: 700; - display: flex; -} - -.util__classtemplate { - font-family: Inconsolata, monospace; - font-size: .885em; - font-weight: 700; -} - -.div-block { - grid-column-gap: 16px; - grid-row-gap: 16px; - aspect-ratio: 1; - flex-direction: column; - grid-template-rows: auto; - grid-template-columns: 1fr; - grid-auto-columns: 1fr; - justify-content: center; - display: grid; -} - -.util__sectionframe { - grid-column-gap: 1em; - grid-row-gap: 1em; - border: 1px dashed var(--light__info_clv); - flex-direction: column; - padding: 0; - display: flex; -} - -.util__gap-block { - z-index: 1; - border: 2px solid var(--light__info_clv); - background-color: var(--light__infocontainer_clv); - width: 1.618em; - height: 1.618em; - position: relative; -} - -.util__gapwrap { - border: 2px none var(--light__info_clv); - background-color: var(--light__successcontainer_clv); - background-image: url('../images/bg-stripes.svg'); - background-position: 0 0; - background-size: 8px; - width: auto; - height: auto; -} - -.gap__l { - grid-column-gap: 1em; - grid-row-gap: 1em; - display: flex; -} - -.gap-style-container { - grid-column-gap: 8px; - grid-row-gap: 8px; - border: 1px solid var(--light__outlinevariant_clv); - border-radius: 1em; - flex-direction: column; - justify-content: flex-end; - align-items: center; - padding: 1em; - display: flex; -} - -.util__block { - z-index: 1; - border: 2px solid var(--light__info_clv); - background-color: var(--light__infocontainer_clv); - width: 1.618em; - height: 1.618em; - position: relative; -} - -.display__block { - display: block; -} - -.dropdown3 { - color: var(--light__primary_clv); -} - -.util__brand { - height: 1.618em; -} - -.util__sidebar-background, .util__sidebar-shadow { - display: none; -} - -.util__sidebar-open-button { - grid-column-gap: .485867em; - grid-row-gap: .485867em; - color: var(--light__primary_clv); - background-color: rgba(0, 0, 0, 0); - border: 1px solid #727272; - border-radius: 100em; - justify-content: flex-start; - align-items: center; - padding: .485867em 1em .485867em .618em; - text-decoration: none; - display: none; - position: relative; - overflow: hidden; -} - -.util__sidebar-buttons { - display: none; -} - -.overflow-x { - padding: 8px; -} - -.wave-container.flip { - transform-style: preserve-3d; - transform: scale(2)rotateX(0)rotateY(180deg)rotateZ(0); -} - -.slider { - height: auto; -} - -.left-arrow { - top: auto; - bottom: 0%; - left: 0%; - right: auto; -} - -.brand { - max-width: none; - height: 26px; -} - -.dropdown-toggle-content { - grid-column-gap: .485867em; - grid-row-gap: .485867em; - justify-content: center; - align-items: center; - display: flex; -} - -.navbar { - color: var(--light__secondary_clv); - background-color: rgba(0, 0, 0, 0); - align-items: center; - display: flex; -} - -.body--bold { - z-index: 1; - letter-spacing: -.18px; - padding: 0; - font-size: 1em; - font-weight: 600; - line-height: 1.272; - position: relative; -} - -.nav-buttons { - grid-column-gap: 1em; - grid-row-gap: 1em; - flex: 1; - justify-content: flex-end; - display: flex; -} - -.navbar-menu { - background-color: rgba(0, 0, 0, 0); - flex: 0 auto; - align-items: center; - display: flex; -} - -.dropdown-link-wrap { - position: relative; -} - -.nav-links { - grid-column-gap: 0em; - grid-row-gap: 0em; - flex: 0 auto; - grid-template-rows: auto; - grid-template-columns: auto auto auto auto auto; - grid-auto-columns: auto; - align-items: center; - display: flex; -} - -.dropdown { - color: #4658ac; -} - -.logo-wrap-2 { - flex: none; -} - -.logo-wrap-2.margin-right__xl { - margin-right: 1.618em; -} - -.dropdown-list { - box-shadow: 0 0 1px 0 var(--light__shadow_clv), 0 12px 24px -4px rgba(0, 0, 0, .05); - transform-origin: 50% 0; - background-color: #fff; - border-radius: .618em; - flex-direction: column; - padding: 1em; - overflow: hidden; -} - -.dropdown-list.shadowsoft { - transform-origin: 50% 0; - flex-direction: column; -} - -.dropdown-list.shadowsoft.w--open { - opacity: 1; - display: flex; - position: absolute; -} - -.button__navcta { - grid-column-gap: .485867em; - grid-row-gap: .485867em; - color: #fff; - background-color: #3d56bc; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 100em; - justify-content: flex-start; - align-items: center; - padding: .485867em 1em; - text-decoration: none; - display: inline-block; - position: relative; - overflow: hidden; -} - -.button__navcta.bg__onprimary { - color: #3d56bc; - background-color: #fff; -} - -.label--bold { - letter-spacing: -.06px; - font-size: .835em; - font-weight: 700; - line-height: 1.272; -} - -.top-app-bar { - z-index: 99; - position: -webkit-sticky; - position: sticky; - top: 0; -} - -.top-app-bar-container { - z-index: 2; - max-width: 1600px; - margin-left: auto; - margin-right: auto; - position: relative; -} - -.nav-link-button { - grid-column-gap: .485867em; - grid-row-gap: .485867em; - color: #3d56bc; - background-color: rgba(0, 0, 0, 0); - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 100em; - justify-content: flex-start; - align-items: center; - padding: .485867em 1em; - text-decoration: none; - display: inline-block; - position: relative; - overflow: hidden; -} - -.nav-link-button.w--current { - background-color: #dde1ff; -} - -.nav-link-button.color__onprimary { - color: #fff; -} - -.nav-link-button.color__onprimary.w--current { - color: #3d56bc; - background-color: #fff; -} - -.subheading-2 { - letter-spacing: -.00625em; - font-size: .885em; - font-weight: 400; - line-height: 1.272; -} - -.glass-overlay { - display: none; -} - -.navbar-wrap { - z-index: 99; - border-bottom: 1px solid var(--light__outlinevariant_clv); - color: #fff; - margin-left: auto; - margin-right: auto; - padding: 0 1.618em; - position: -webkit-sticky; - position: sticky; - top: 0; - bottom: auto; - left: 0%; - right: 0%; -} - -.navbar-wrap.bg__transparent-glass__surfacecontainerlow { - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px); - color: #3d56bc; - background-color: rgba(243, 244, 247, .84); -} - -.dropdown-link { - color: #3d56bc; - border-radius: .786em; - width: 100%; - padding: .786em 1em .786em .786em; - font-weight: 600; - position: relative; - overflow: hidden; -} - -.dropdown-link:hover { - opacity: 1; -} - -.mobile__cta-button { - grid-column-gap: .485867em; - grid-row-gap: .485867em; - color: #fff; - background-color: #3d56bc; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 100em; - justify-content: flex-start; - align-items: center; - padding: .485867em 1em; - text-decoration: none; - display: none; - position: relative; - overflow: hidden; -} - -.navbar-glass { - z-index: 0; - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px); - pointer-events: none; - position: absolute; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; -} - -.navbar-bgfill { - z-index: 1; - background-color: var(--light__background_clv); - opacity: .7; - pointer-events: none; - position: absolute; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; -} - -.navbar-label { - letter-spacing: -.004em; - margin-bottom: 0; - font-size: .835em; - font-weight: 500; - line-height: 1.272; - position: static; - top: 6.235em; -} - -.navbar-divider { - background-color: var(--light__outlinevariant_clv); - height: 1px; - margin-top: 2.618em; - margin-bottom: 2.618em; -} - -.navmenu-bgfill { - z-index: 1; - background-color: var(--light__background_clv); - opacity: .7; - display: none; - position: absolute; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; -} - -.navmenu-glass { - z-index: 0; - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px); - display: none; - position: absolute; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; -} - -.nav-sectiontitle { - letter-spacing: -.007em; - margin-bottom: 1em; - font-size: .885em; - font-weight: 600; - line-height: 1.272; - display: none; -} - -.navmenu__title { - letter-spacing: -.02em; - font-size: 1.618em; - font-weight: 600; - line-height: 1.272; - display: none; -} - -.sticker { - grid-column-gap: .272em; - grid-row-gap: .272em; - box-shadow: 0 0 1px 0 var(--light__shadow_clv); - letter-spacing: -.004em; - border-radius: .272em; - justify-content: center; - align-items: center; - padding: .272em .618em; - font-size: .835em; - font-weight: 500; - line-height: 1.272; - display: flex; - overflow: hidden; -} - -.sticker.bg-light__tertiary { - color: var(--light__ontertiary_clv\); -} - -.sticker.bg-dark__success.fix { - font-size: 13.36px; -} - -.stickers-section { - max-width: 100%; - overflow: hidden; -} - -.icon-style-container { - grid-column-gap: 8px; - grid-row-gap: 8px; - border: 1px solid var(--light__outlinevariant_clv); - background-color: var(--light__surface_clv); - border-radius: 1em; - flex-direction: column; - justify-content: flex-end; - align-items: center; - padding-top: 12px; - padding-bottom: 12px; - font-family: Inconsolata, monospace; - display: flex; -} - -.snackbar-divider { - background-color: var(--light__outlinevariant_clv); - width: 1px; -} - -.snackbar-content { - align-items: center; - display: flex; -} - -.snackbar__action { - grid-column-gap: var(--size--m); - grid-row-gap: var(--size--m); - display: flex; -} - -.util__example-gif { - border-radius: 1em; - box-shadow: 0 0 1px rgba(0, 0, 0, .38); -} - -.gradient-wrap { - z-index: -1; - position: absolute; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; -} - -.gradient-prod { - z-index: 0; - pointer-events: none; - position: absolute; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; -} - -.gradient-dev { - z-index: -1; - position: absolute; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; -} - -.position__sticky { - position: -webkit-sticky; - position: sticky; - top: 0; -} - -.position__sticky.nav { - z-index: 999; -} - -.position__fixed { - z-index: 99; - position: fixed; - top: 0%; - bottom: auto; - left: 0%; - right: 0%; -} - -.gradient-vignette, .gradient-vignette-gel { - z-index: 1; - position: absolute; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; -} - -.h-card-image { - margin-right: var(--size--m); - aspect-ratio: 1; - border-radius: var(--size--m); - object-fit: contain; - flex: none; - width: 2.618em; - height: 2.618em; -} - -.h-card-image.shadowsoft { - margin-top: -2.618em; - box-shadow: 0 0 1px #727272, 0 12px 50px rgba(21, 19, 22, .06); -} - -._w-100 { - width: 100%; -} - -.home__quote-card { - position: absolute; - top: auto; - bottom: 1.618em; - left: 1.618em; - right: 1.618em; -} - -.aspect-wrap { - position: relative; -} - -.h-card { - grid-template-rows: auto auto; - grid-template-columns: min-content max-content; - grid-auto-columns: 1fr; - display: flex; -} - -.h-card.scalefactor__heading { - padding: .888em 1.129em 1.129em; -} - -.h-card-content { - flex: 1 0 auto; -} - -.h-card-heading { - z-index: 1; - letter-spacing: -.011em; - width: 100%; - padding: 0; - font-size: 1em; - font-weight: 600; - line-height: 1.272; - position: relative; -} - -.h-card-heading.m-bottom__xl.tech { - font-weight: 600; -} - -.h-card-subheading { - letter-spacing: -.007em; - width: 100%; - font-size: .885em; - font-weight: 400; - line-height: 1.272; -} - -.h-card-copy { - grid-column-gap: 16px; - grid-row-gap: 16px; - grid-template-rows: auto auto; - grid-template-columns: min-content max-content; - grid-auto-columns: 1fr; - display: flex; -} - -.h-card-outline { - border: 1px solid var(--light__outline_clv); - grid-template-rows: auto auto; - grid-template-columns: min-content max-content; - grid-auto-columns: 1fr; - display: flex; -} - -.h-card-outline.scalefactor__heading { - border: 1px solid var(--light__outline_clv); - border-radius: .888em; - padding: .888em 1.129em 1.129em; -} - -.h-card-fill { - background-color: var(--light__surface_clv); - grid-template-rows: auto auto; - grid-template-columns: min-content max-content; - grid-auto-columns: 1fr; - display: flex; -} - -.h-card-fill.scalefactor__heading { - border-radius: .888em; - padding: .888em 1.129em 1.129em; -} - -.h-card-glass { - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px); - grid-template-rows: auto auto; - grid-template-columns: min-content max-content; - grid-auto-columns: 1fr; - display: flex; -} - -.h-card-glass.scalefactor__heading { - -webkit-backdrop-filter: brightness(110%) blur(20px) blur(20px); - backdrop-filter: brightness(110%) blur(20px) blur(20px); - border-radius: .888em; - padding: .888em 1.129em 1.129em; - overflow: hidden; -} - -.h-card-glass.scalefactor__heading.shadow2 { - grid-column-gap: 0px; - grid-row-gap: 0px; -} - -.h-card-glass.position__absolute { - -webkit-backdrop-filter: saturate(23%) blur(20px) brightness(180%); - backdrop-filter: saturate(23%) blur(20px) brightness(180%); - top: 0%; - bottom: auto; - left: 0%; - right: auto; -} - -.h-card-glass-bg { - z-index: -1; - background-color: var(--light__surface_clv); - opacity: .49; - pointer-events: none; - position: absolute; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; -} - -.hero-image-card { - position: absolute; - top: 1.618em; - bottom: auto; - left: 1.618em; - right: auto; -} - -.m-top__base { - margin-top: 1em; -} - -@media screen and (max-width: 991px) { - body { - font-size: 1vw; - } - - .grid.col__2.on-dropdown-link { - grid-template-columns: max-content 1fr; - justify-items: start; - } - - .section__default { - padding: 1.618em; - } - - .section__default.position__rel.m-bottom__xl { - padding-left: 2.058em; - padding-right: 2.058em; - } - - .subheading__bold { - color: var(--light__onsurfacevariant_clv); - } - - .material-symbols-outlined { - text-decoration: none; - } - - .material-symbols-outlined.menu_open { - display: none; - } - - .state-layer.bg-light__primary { - background-color: var(--light__primary_clv); - } - - .logo-wrap.m-right__xl { - flex: 1; - margin-left: 1.618em; - } - - .dropdown-toggle.end-icon { - color: #fff; - text-align: left; - padding-top: 1em; - padding-bottom: 1em; - display: none; - } - - .dropdown-toggle.end-icon.w--open { - color: #001453; - background-color: #dde1ff; - border-radius: 0; - padding-top: 1em; - padding-bottom: 1em; - display: none; - } - - .snackbar { - align-items: center; - } - - .section__mostpadding { - padding: 6.85229em 2.058em; - } - - .section__leastpadding.position__rel { - padding: .786164em 1.618em; - } - - .section__lesspadding { - padding-left: 1.618em; - padding-right: 1.618em; - } - - .section__lesspadding.position__rel.m-bottom__xl { - padding: 1em 2.058em; - } - - .section__morepadding { - padding: 4.23486em 1.618em; - } - - .util__appbar-container { - align-items: center; - height: 4.235em; - padding: 0; - } - - .util__appbar-wrap { - padding-left: 1.618em; - padding-right: 1.618em; - } - - .chainlift-wrap { - height: auto; - } - - .util__appbar-sidebarwrap { - background-color: var(--light__surfacebright_clv); - -webkit-backdrop-filter: brightness(200%) blur(20px); - backdrop-filter: brightness(200%) blur(20px); - flex-direction: column; - justify-content: space-between; - padding: 1.618em; - display: flex; - position: fixed; - top: 0%; - bottom: 0%; - left: auto; - right: 0%; - transform: translate(100%); - } - - .sidebar-link { - padding-top: 1em; - padding-bottom: 1em; - } - - .sidebar-link.last-child { - margin-bottom: -1em; - } - - .layout { - grid-template-columns: max-content auto; - display: block; - } - - .util-grid__simplecolor { - overflow: scroll; - } - - .navigation-section { - display: none; - } - - .util__sidebar-background { - z-index: 1; - background-color: var(--light__surfacecontainerlowest_clv); - opacity: .05; - pointer-events: none; - width: 100%; - height: 100%; - display: block; - position: absolute; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; - } - - .util__sidebar-content { - z-index: 2; - flex-direction: column; - flex: 1; - align-items: stretch; - height: 100%; - display: flex; - position: relative; - overflow: auto; - } - - .util__sidebar-shadow { - z-index: 0; - background-color: var(--light__surfacecontainerlowest_clv); - opacity: .71; - pointer-events: none; - display: block; - position: absolute; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; - box-shadow: 0 0 8px 13px rgba(0, 0, 0, .23), 0 10px 40px rgba(0, 0, 0, .48); - } - - .util__sidebar-open-button { - z-index: 99; - background-color: var(--light__primary_clv); - color: var(--light__onprimary_clv); - display: block; - position: fixed; - top: auto; - bottom: 2.618em; - left: 2.618em; - right: auto; - } - - .util__sidebar-open-button.shadow5 { - z-index: 100; - background-color: var(--light__primary_clv); - color: var(--light__onprimary_clv); - top: auto; - bottom: 1.618em; - left: auto; - right: 1.618em; - } - - .util__sidebar-buttons { - z-index: 102; - background-color: var(--light__surfacecontainerlowest_clv); - flex-direction: column; - flex: 0 auto; - justify-content: flex-end; - align-items: flex-start; - padding-bottom: 0; - padding-left: 0; - padding-right: 0; - display: flex; - position: relative; - top: auto; - bottom: 0%; - left: 0%; - right: auto; - } - - .brand { - max-width: none; - height: 1.618em; - } - - .dropdown-toggle-content { - justify-content: flex-start; - } - - .dropdown-toggle-content.onnav { - color: #350040; - background-color: #ffd5ff; - border-radius: 100em; - padding: .485867em .786164em .485867em .786156em; - } - - .dropdown-toggle-content.onnav.pink { - color: #001453; - background-color: #ffd5ff; - } - - .navbar { - z-index: 3; - color: var(--light__secondary_clv); - justify-content: space-between; - height: 68px; - } - - .nav-buttons { - z-index: 2; - grid-column-gap: 1em; - grid-row-gap: 1em; - background-color: var(--light__surfacecontainerlowest_clv); - flex-direction: row; - flex: 0 auto; - align-items: center; - padding: 1.618em; - display: flex; - position: fixed; - top: auto; - bottom: 0%; - left: 0%; - right: 0%; - transform: translate(-100%); - } - - .navbar-menu { - z-index: 2; - border-right: 1px solid var(--light__outlinevariant_clv); - background-color: var(--light__surfacecontainerlowest_clv); - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px); - color: var(--light__onsurface_clv); - flex-flow: column; - flex: none; - justify-content: center; - width: 100vw; - height: 100svh; - max-height: 100svh; - padding: 0 0 6.852em; - display: flex; - position: absolute; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; - overflow: auto; - box-shadow: 0 4px 20px rgba(0, 0, 0, .2); - } - - .dropdown-link-wrap { - text-align: center; - border-radius: .786em; - padding-top: 0; - padding-bottom: 0; - overflow: hidden; - } - - .nav-links { - z-index: 2; - grid-column-gap: 0em; - grid-row-gap: 0em; - text-align: left; - flex-direction: column; - flex: 1 0 auto; - grid-template-columns: 1fr; - align-items: flex-start; - padding: 1.618em 1.618em 0; - display: flex; - position: relative; - } - - .dropdown { - color: var(--light__onsurface_clv); - text-align: center; - align-self: stretch; - margin-left: 0; - margin-right: 0; - padding-top: 0; - padding-bottom: 0; - } - - .logo-wrap-2.margin-right__xl { - flex: 1; - margin-left: 1.618em; - } - - .dropdown-list { - box-shadow: none; - opacity: 1; - background-color: rgba(0, 0, 0, 0); - padding: 0; - display: block; - position: relative; - } - - .dropdown-list.shadowsoft { - display: block; - } - - .dropdown-list.shadowsoft.w--open { - box-shadow: none; - border-radius: 0; - position: relative; - } - - .button__navcta { - color: #350040; - background-color: rgba(0, 0, 0, 0); - border-radius: 0; - justify-content: center; - padding-top: 1em; - padding-bottom: 1em; - display: flex; - } - - .button__navcta.bg__onprimary { - color: #350040; - background-color: rgba(0, 0, 0, 0); - } - - .nav-link-button { - color: #fff; - border-radius: 0; - padding-top: 1em; - padding-bottom: 1em; - } - - .nav-link-button.w--current { - background-color: rgba(0, 0, 0, 0); - background-image: linear-gradient(rgba(0, 0, 0, .15), rgba(0, 0, 0, .15)); - } - - .nav-link-button.color__onprimary { - border-radius: 0; - flex-direction: column; - display: flex; - } - - .nav-link-button.color__onprimary.w--current { - color: #fff; - background-color: rgba(0, 0, 0, 0); - } - - .menu-button { - border-left: 1px solid var(--light__outlinevariant_clv); - transition: background-color .2s; - } - - .menu-button.w--open { - z-index: 99; - background-color: var(--light__error_clv); - color: var(--light__inverseonsurface_clv); - } - - .menu-button.bg-light__tertiarycontainer { - z-index: 0; - position: relative; - bottom: 0; - right: 0; - overflow: hidden; - box-shadow: 0 8px 40px rgba(0, 0, 0, .12); - } - - .menu-button.bg-light__tertiarycontainer.w--open { - background-color: var(--light__error_clv); - color: var(--light__onerror_clv); - position: relative; - bottom: 0; - right: 0; - } - - .glass-overlay { - z-index: 0; - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px); - width: 100vw; - margin-top: 62px; - display: none; - position: fixed; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; - } - - .navbar-wrap { - z-index: 99; - padding: 0; - } - - .dropdown-link { - color: var(--light__onsurface_clv); - text-align: left; - padding: 1em; - font-weight: 400; - text-decoration: none; - display: flex; - } - - .dropdown-link.w--current { - background-color: var(--light__primarycontainer_clv); - color: var(--light__onprimarycontainer_clv); - } - - .mobile__cta-button { - color: #350040; - background-color: rgba(0, 0, 0, 0); - border-radius: 0; - justify-content: center; - padding-top: 1em; - padding-bottom: 1em; - display: block; - } - - .navbar-bgfill { - height: 100%; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; - } - - .navbar-divider { - background-color: var(--light__outlinevariant_clv); - flex: none; - align-self: stretch; - width: 100%; - height: 1px; - margin-top: 1.618em; - margin-bottom: 1.618em; - } - - .navmenu-bgfill { - opacity: .85; - pointer-events: none; - flex: 1; - display: block; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; - } - - .navmenu-glass { - pointer-events: none; - display: block; - } - - .nav-sectiontitle { - color: var(--light__onsurfacevariant_clv); - display: block; - } - - .nav-links__bottomgradient { - position: fixed; - } - - .navmenu__title { - display: block; - } - - .navmenu-titlewrap { - z-index: 3; - border-bottom: 1px solid var(--dark__outlinevariant_clv); - background-color: var(--light__surfacecontainerlowest_clv); - align-items: center; - height: 68px; - padding-left: 1.618em; - padding-right: 1.618em; - display: flex; - position: -webkit-sticky; - position: sticky; - top: 0; - } - - .snackbar-divider { - display: none; - } - - .snackbar-content { - grid-column-gap: var(--size--s); - grid-row-gap: var(--size--s); - flex-direction: row; - align-items: flex-start; - display: flex; - } - - .snackbar__action { - align-self: flex-end; - } -} - -@media screen and (max-width: 767px) { - .display1__bold, .display1 { - font-size: 3.3301em; - } - - .util-grid-filler.for-display { - margin-bottom: 0; - } - - .util--buttongrid { - grid-template-columns: 1fr max-content max-content max-content max-content; - overflow: auto; - } - - .util--stickergrid, .util__grid.aspect-grid.mono { - overflow: auto; - } - - .util__grid.mono.display { - grid-column-gap: 2.618em; - grid-row-gap: 2.618em; - grid-template-columns: 1fr; - } - - .util__width-grid.margin-bottom__xl.subheading.mono, .util-height-grid { - overflow: auto; - } - - .util-grid.mono.gaps, .util__padingcontainertop, .util__paddingcontainerright, .util__padingcontainerbottom, .util__padingcontainerleft { - grid-template-columns: 1fr 1fr 1fr; - } - - .table_component { - max-width: 100%; - } - - .grid-template__example { - overflow: scroll; - } - - .card-styles-container.m-bottom__xxl { - grid-template-columns: 1fr; - } - - .navbar-menu { - z-index: 98; - border-right: 1px solid var(--light__outlinevariant_clv); - box-shadow: 0 4px 20px rgba(0, 0, 0, .2); - } - - .dropdown-link-wrap { - align-self: stretch; - width: 100%; - } - - .nav-links { - flex: 0 auto; - align-items: flex-start; - display: flex; - } - - .dropdown { - flex-direction: column; - align-self: auto; - width: 100%; - } - - .dropdown-list { - display: flex; - } - - .dropdown-link { - color: var(--light__onsurface_clv); - font-weight: 400; - } - - .navbar-label { - color: var(--light__onsurfacevariant_clv); - } - - .navbar-label.m-bottom__xl { - margin-bottom: 1.618em; - } - - .navbar-divider { - align-self: stretch; - margin-top: 1.618em; - margin-bottom: 1.618em; - } -} - -@media screen and (max-width: 479px) { - .grid.col__2.gap__xxl { - grid-column-gap: 2.618em; - grid-row-gap: 2.618em; - grid-template-rows: auto; - grid-template-columns: 1fr 1fr; - grid-auto-columns: 1fr; - display: grid; - } - - .display2__bold { - font-size: 2.05818em; - } - - .card.scalefactor__heading.on-home-feature { - max-width: 90%; - margin-top: -1.618em; - margin-left: auto; - margin-right: auto; - position: relative; - box-shadow: 0 2px 20px rgba(0, 0, 0, .05); - } - - .display1__bold { - font-size: 2.61743em; - } - - .display2 { - font-size: 2.05818em; - } - - .display1 { - font-size: 2.61743em; - } - - .titlea__bold, .titlea { - font-size: 1.82285em; - } - - .display__flex-h.gap-1em.justify-content__end.wrap { - flex-wrap: wrap; - } - - .logo-wrap.m-right__xl.w--current { - margin-right: 0; - } - - .snackbar { - align-items: flex-start; - } - - .util--stickergrid { - grid-template-columns: max-content 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; - } - - .util__grid.aspect-grid.mono { - overflow: auto; - } - - .util__grid.mono.shadow-grid { - grid-template-columns: 1fr; - grid-auto-rows: 4.235em; - } - - .util__grid.mono.display { - grid-template-columns: 1fr; - } - - .util-grid.col__2.overflow-x-mobile { - overflow: auto; - } - - .util-grid.mono.gaps { - grid-template-columns: 1fr; - } - - .border-radius-wraps.subheading.mono { - grid-template-rows: 1fr; - grid-template-columns: 1fr 1fr; - grid-auto-rows: 1fr; - } - - .util__padingcontainertop, .util__paddingcontainerright, .util__padingcontainerbottom, .util__padingcontainerleft { - grid-template-columns: 1fr 1fr; - } - - .util__appbar-sidebarwrap { - padding: 1.618em; - } - - .accordion-content { - background-color: #fff; - } - - .table_component.overflow-x { - width: auto; - overflow: auto; - } - - .grid-template__example { - align-self: stretch; - } - - .util__css-example.m-bottom__l { - flex-direction: column; - } - - .util__sidebar-background { - pointer-events: none; - } - - .util__sidebar-shadow { - box-shadow: 0 0 1px #000, 0 10px 40px rgba(0, 0, 0, .48); - } - - .logo-wrap-2.margin-right__xl.w--current { - margin-right: 0; - } - - .mobile__cta-button { - background-color: rgba(0, 0, 0, 0); - padding: 0; - } - - .snackbar-content { - grid-column-gap: 0em; - grid-row-gap: 0em; - flex-direction: column; - } - - .snackbar__action { - margin-top: 1em; - margin-bottom: var(--size--s); - } - - .home__quote-card { - position: relative; - top: auto; - bottom: 0%; - left: 0%; - right: 0%; - } -} - -#w-node-a3ab96c2-b526-79b5-ee85-296a27303154-50283adf { - justify-self: center; -} - -#w-node-_0462d3c0-a36f-a890-16ea-97765f88c36c-50283adf { - grid-area: span 35 / span 1 / span 35 / span 1; - align-self: start; -} - -#w-node-b73b30a6-db40-2891-c2f8-4662110d4719-50283adf { - grid-area: span 1 / span 4 / span 1 / span 4; - justify-self: auto; -} - -#w-node-_930c7ea0-fbc2-2098-ffdb-699d573dfee7-50283adf, #w-node-_930c7ea0-fbc2-2098-ffdb-699d573dfee8-50283adf, #w-node-_930c7ea0-fbc2-2098-ffdb-699d573dfeed-50283adf, #w-node-_930c7ea0-fbc2-2098-ffdb-699d573dfef2-50283adf, #w-node-_930c7ea0-fbc2-2098-ffdb-699d573dfefd-50283adf, #w-node-_930c7ea0-fbc2-2098-ffdb-699d573dff08-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-a4ffce30-7079-5027-78fd-26c119298886-50283adf { - grid-area: span 1 / span 4 / span 1 / span 4; - justify-self: auto; -} - -#w-node-_3bb97f97-da63-0b8c-defd-88da5f3189ed-50283adf, #w-node-_3bb97f97-da63-0b8c-defd-88da5f3189ee-50283adf, #w-node-_3bb97f97-da63-0b8c-defd-88da5f3189f3-50283adf, #w-node-_3bb97f97-da63-0b8c-defd-88da5f3189f8-50283adf, #w-node-_3bb97f97-da63-0b8c-defd-88da5f318a03-50283adf, #w-node-_3bb97f97-da63-0b8c-defd-88da5f318a0e-50283adf, #w-node-_3bb97f97-da63-0b8c-defd-88da5f318a19-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_90fa1b38-afd1-f01f-6dee-fc751d9a480b-50283adf { - grid-area: span 1 / span 4 / span 1 / span 4; - justify-self: auto; -} - -#w-node-fb5587bc-9043-598a-0a9a-203bfad630f8-50283adf, #w-node-fb5587bc-9043-598a-0a9a-203bfad630f9-50283adf, #w-node-fb5587bc-9043-598a-0a9a-203bfad630fe-50283adf, #w-node-fb5587bc-9043-598a-0a9a-203bfad63103-50283adf, #w-node-fb5587bc-9043-598a-0a9a-203bfad6310e-50283adf, #w-node-fb5587bc-9043-598a-0a9a-203bfad63119-50283adf, #w-node-fb5587bc-9043-598a-0a9a-203bfad63124-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_8de7dc8a-3886-71c4-493f-0e19157d7014-50283adf { - grid-area: span 1 / span 4 / span 1 / span 4; - justify-self: auto; -} - -#w-node-f571b378-52bc-8c8f-f1ec-ebe530ff58f0-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-f571b378-52bc-8c8f-f1ec-ebe530ff58f5-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-f571b378-52bc-8c8f-f1ec-ebe530ff58f8-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-f571b378-52bc-8c8f-f1ec-ebe530ff58fd-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13b67-50283adf { - grid-area: span 1 / span 4 / span 1 / span 4; - justify-self: auto; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13b74-50283adf, #w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13b75-50283adf, #w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13b7a-50283adf, #w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13b7f-50283adf, #w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13b9e-50283adf, #w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13bbd-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13bdd-50283adf { - grid-area: span 1 / span 4 / span 1 / span 4; - justify-self: auto; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13bea-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13beb-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13bf0-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13bf5-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13c02-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13c07-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13c14-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13c19-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13c26-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13c2b-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13c39-50283adf { - grid-area: span 1 / span 4 / span 1 / span 4; - justify-self: auto; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13c46-50283adf, #w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13c47-50283adf, #w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13c4c-50283adf, #w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13c51-50283adf, #w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13c5c-50283adf, #w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13c67-50283adf, #w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13c72-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13c77-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13c7a-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13c7f-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13c83-50283adf { - grid-area: span 1 / span 4 / span 1 / span 4; - justify-self: auto; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13c90-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13c91-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13c96-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13c9b-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13c9e-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13ca3-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13ca6-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13cab-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13cae-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13cb3-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13cb6-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13cbb-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13cbf-50283adf { - grid-area: span 1 / span 4 / span 1 / span 4; - justify-self: auto; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13ccc-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13ccd-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13cd2-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13cd7-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13cda-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13cdf-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13ce2-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13ce7-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13ceb-50283adf { - grid-area: span 1 / span 4 / span 1 / span 4; - justify-self: auto; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13cf8-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13cfd-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13d00-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13d05-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13d08-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13d0d-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13d10-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13d15-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13d1e-50283adf { - grid-area: span 1 / span 4 / span 1 / span 4; - justify-self: auto; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13d2b-50283adf, #w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13d2c-50283adf, #w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13d31-50283adf, #w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13d36-50283adf, #w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13d55-50283adf, #w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13d74-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13d94-50283adf { - grid-area: span 1 / span 4 / span 1 / span 4; - justify-self: auto; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13da1-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13da2-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13da7-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13dac-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13db9-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13dbe-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13dcb-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13dd0-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13ddd-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13de2-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13df0-50283adf { - grid-area: span 1 / span 4 / span 1 / span 4; - justify-self: auto; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13dfd-50283adf, #w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13dfe-50283adf, #w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e03-50283adf, #w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e08-50283adf, #w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e13-50283adf, #w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e1e-50283adf, #w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e29-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e2e-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e31-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e36-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e3a-50283adf { - grid-area: span 1 / span 4 / span 1 / span 4; - justify-self: auto; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e47-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e48-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e4d-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e52-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e55-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e5a-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e5d-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e62-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e65-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e6a-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e6d-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e72-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e76-50283adf { - grid-area: span 1 / span 4 / span 1 / span 4; - justify-self: auto; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e83-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e84-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e89-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e8e-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e91-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e96-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e99-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13e9e-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13ea2-50283adf { - grid-area: span 1 / span 4 / span 1 / span 4; - justify-self: auto; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13eaf-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13eb4-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13eb7-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13ebc-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13ebf-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13ec4-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13ec7-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0dea7904-cb5c-6322-7aeb-8dd426e13ecc-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_63959897-8db1-7ec0-65da-933ee19335b4-50283adf, #w-node-fbd6ff15-3836-c8a8-21e6-5c1776ef737b-50283adf, #w-node-_73f2356e-1a32-ded8-cea7-65c0f5d2e071-50283adf, #w-node-_6bf63d62-ced6-0e4e-f04d-f4ef588fa47e-50283adf, #w-node-e2d04e28-9f8b-842e-2499-c96a3af193b0-50283adf, #w-node-_91d47ca4-55c2-d69b-54ba-6c38019ec134-50283adf, #w-node-_5bffaa47-1dbe-50b9-95ec-f9737679b1c8-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-b3fc69c4-d7e4-70aa-aa0c-cfa8a1176b8b-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; - justify-self: stretch; -} - -#w-node-b3fc69c4-d7e4-70aa-aa0c-cfa8a1176b90-50283adf, #w-node-b3fc69c4-d7e4-70aa-aa0c-cfa8a1176b95-50283adf, #w-node-_96b0da3f-1c4f-a1df-8867-fa6e7211ff85-50283adf, #w-node-b3fc69c4-d7e4-70aa-aa0c-cfa8a1176b9f-50283adf, #w-node-b3fc69c4-d7e4-70aa-aa0c-cfa8a1176ba4-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_770151a7-46c7-6db7-fc2f-5a69cf1f69f0-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; - justify-self: stretch; -} - -#w-node-_770151a7-46c7-6db7-fc2f-5a69cf1f69f6-50283adf, #w-node-_770151a7-46c7-6db7-fc2f-5a69cf1f69fc-50283adf, #w-node-_770151a7-46c7-6db7-fc2f-5a69cf1f6a02-50283adf, #w-node-_770151a7-46c7-6db7-fc2f-5a69cf1f6a08-50283adf, #w-node-_770151a7-46c7-6db7-fc2f-5a69cf1f6a0e-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_18b89a95-b085-bddb-51cc-2355a1a13ceb-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; - justify-self: stretch; -} - -#w-node-_18b89a95-b085-bddb-51cc-2355a1a13cf1-50283adf, #w-node-_18b89a95-b085-bddb-51cc-2355a1a13cf7-50283adf, #w-node-_18b89a95-b085-bddb-51cc-2355a1a13cfd-50283adf, #w-node-_18b89a95-b085-bddb-51cc-2355a1a13d03-50283adf, #w-node-_18b89a95-b085-bddb-51cc-2355a1a13d09-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_39e3f610-2335-c34d-350c-0cdd72129b0e-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; - justify-self: stretch; -} - -#w-node-_39e3f610-2335-c34d-350c-0cdd72129b14-50283adf, #w-node-_39e3f610-2335-c34d-350c-0cdd72129b1a-50283adf, #w-node-_39e3f610-2335-c34d-350c-0cdd72129b20-50283adf, #w-node-_39e3f610-2335-c34d-350c-0cdd72129b26-50283adf, #w-node-_39e3f610-2335-c34d-350c-0cdd72129b2c-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0b6674c8-9093-2f58-eab8-f99bb9b97b3d-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; - justify-self: stretch; -} - -#w-node-_0b6674c8-9093-2f58-eab8-f99bb9b97b42-50283adf, #w-node-_0b6674c8-9093-2f58-eab8-f99bb9b97b47-50283adf, #w-node-_0b6674c8-9093-2f58-eab8-f99bb9b97b4c-50283adf, #w-node-_0b6674c8-9093-2f58-eab8-f99bb9b97b51-50283adf, #w-node-_0b6674c8-9093-2f58-eab8-f99bb9b97b56-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_44f8d0f9-5d53-aa1f-fea6-798934be334a-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; - justify-self: stretch; -} - -#w-node-_44f8d0f9-5d53-aa1f-fea6-798934be3350-50283adf, #w-node-_44f8d0f9-5d53-aa1f-fea6-798934be3356-50283adf, #w-node-_44f8d0f9-5d53-aa1f-fea6-798934be335c-50283adf, #w-node-_44f8d0f9-5d53-aa1f-fea6-798934be3362-50283adf, #w-node-_44f8d0f9-5d53-aa1f-fea6-798934be3368-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_65ef35fe-442d-be80-9773-9072f3e7d0e8-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; - justify-self: stretch; -} - -#w-node-_65ef35fe-442d-be80-9773-9072f3e7d0ee-50283adf, #w-node-_65ef35fe-442d-be80-9773-9072f3e7d0f4-50283adf, #w-node-_65ef35fe-442d-be80-9773-9072f3e7d0fa-50283adf, #w-node-_65ef35fe-442d-be80-9773-9072f3e7d100-50283adf, #w-node-_65ef35fe-442d-be80-9773-9072f3e7d106-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-f56e2583-122f-63b4-49eb-b158e85519f6-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; - justify-self: stretch; -} - -#w-node-f56e2583-122f-63b4-49eb-b158e85519fc-50283adf, #w-node-f56e2583-122f-63b4-49eb-b158e8551a02-50283adf, #w-node-f56e2583-122f-63b4-49eb-b158e8551a08-50283adf, #w-node-f56e2583-122f-63b4-49eb-b158e8551a0e-50283adf, #w-node-f56e2583-122f-63b4-49eb-b158e8551a14-50283adf, #w-node-_466a24ba-dcd8-928d-100f-304ead2e4faf-50283adf, #w-node-_06eb3668-8188-23e0-2220-7d4218abb8b1-50283adf, #w-node-_3df17b5d-5c25-0bd8-ff7c-bea4bfb82b94-50283adf, #w-node-_243f2ba8-30e6-aca8-85a0-488ff314540a-50283adf, #w-node-_8a53cd31-f9ff-969c-da92-1314a0affbd4-50283adf, #w-node-_4014b679-c1f6-1851-5986-8dd25d3a0143-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_90d50499-44ae-b632-40c7-bbbd504915e5-50283adf { - justify-self: end; -} - -#w-node-_5eafc6c5-67c4-e063-8442-7454a74ae778-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb1870f1-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb1870f2-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb1870f3-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb1870f4-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb1870f5-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb1870f6-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb1870f7-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb1870fa-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb1870fb-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb1870fc-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb1870fd-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb1870fe-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb1870ff-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187102-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187103-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187104-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187108-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187109-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18710a-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18710b-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18710c-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18710f-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187110-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187111-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187112-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187113-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187114-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187117-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187118-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187119-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18711a-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18711b-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18711c-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187120-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187121-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187122-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187123-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187124-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187125-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187126-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187127-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18712a-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18712b-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18712c-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18712d-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18712e-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18712f-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187130-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187131-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187135-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187136-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187137-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187138-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187139-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18713a-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18713b-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18713c-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18713d-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18713e-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187141-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187142-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187143-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187144-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187145-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187146-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187147-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187148-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187149-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18714a-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18714b-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18714e-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18714f-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187150-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187151-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187152-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187153-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187154-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187155-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187156-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187157-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187158-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187159-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18715c-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18715d-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18715e-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18715f-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187160-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187161-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187162-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187163-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187164-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187165-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187166-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187167-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187168-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18716b-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18716c-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18716d-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18716e-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb18716f-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187170-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187171-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187172-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187173-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187174-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187175-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187176-50283adf, #w-node-_3e64c09d-65f1-6735-ac88-9d4cdb187177-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_33708419-4185-bae5-b4c4-bf9383ebe0df-50283adf { - grid-area: span 1 / span 8 / span 1 / span 8; -} - -#w-node-_33708419-4185-bae5-b4c4-bf9383ebe0e3-50283adf, #w-node-_33708419-4185-bae5-b4c4-bf9383ebe0e9-50283adf, #w-node-_33708419-4185-bae5-b4c4-bf9383ebe0eb-50283adf, #w-node-_33708419-4185-bae5-b4c4-bf9383ebe0ed-50283adf, #w-node-_33708419-4185-bae5-b4c4-bf9383ebe0ef-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_33708419-4185-bae5-b4c4-bf9383ebe104-50283adf { - grid-area: span 1 / span 8 / span 1 / span 8; -} - -#w-node-_33708419-4185-bae5-b4c4-bf9383ebe106-50283adf, #w-node-_33708419-4185-bae5-b4c4-bf9383ebe10a-50283adf, #w-node-_33708419-4185-bae5-b4c4-bf9383ebe10c-50283adf, #w-node-_33708419-4185-bae5-b4c4-bf9383ebe10e-50283adf, #w-node-_33708419-4185-bae5-b4c4-bf9383ebe110-50283adf, #w-node-_33708419-4185-bae5-b4c4-bf9383ebe112-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_4ba4d4d7-e53a-e0ba-0008-0d9c0bd7f062-50283adf { - grid-area: span 1 / span 8 / span 1 / span 8; -} - -#w-node-_2f029c05-1a28-2819-5d53-4dcb9ee4458d-50283adf { - justify-self: start; -} - -#w-node-_1a4bee25-8be6-0d36-f423-c3080f23cc43-50283adf, #w-node-_8ce156a2-86bd-3973-4bc6-0c9ba4a36cea-50283adf { - align-self: stretch; - justify-self: stretch; -} - -#w-node-_1a4bee25-8be6-0d36-f423-c3080f23cc53-50283adf { - align-self: center; - justify-self: center; -} - -#w-node-_442bb017-373f-a081-970a-c7186338a702-50283adf { - grid-area: span 1 / span 8 / span 1 / span 8; -} - -#w-node-_442bb017-373f-a081-970a-c7186338a705-50283adf, #w-node-_442bb017-373f-a081-970a-c7186338a708-50283adf, #w-node-_442bb017-373f-a081-970a-c7186338a70b-50283adf, #w-node-_442bb017-373f-a081-970a-c7186338a70e-50283adf, #w-node-_442bb017-373f-a081-970a-c7186338a711-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_2f6236ca-a6c5-cd6c-5768-ea5ba7be8af8-50283adf { - grid-area: span 1 / span 8 / span 1 / span 8; -} - -#w-node-_52a69005-5952-ed9e-a97c-a7ed9ec468b6-50283adf, #w-node-_2092a51c-aa92-3600-7e45-e6deb3103049-50283adf, #w-node-_9d120758-8f3a-c7cf-f838-86a50b021897-50283adf { - align-self: stretch; - justify-self: stretch; -} - -#w-node-_850b45ab-b7ee-55e8-e9f6-8ffde7d4dfd8-50283adf { - justify-self: end; -} - -#w-node-_850b45ab-b7ee-55e8-e9f6-8ffde7d4e019-50283adf, #w-node-_850b45ab-b7ee-55e8-e9f6-8ffde7d4e063-50283adf, #w-node-_850b45ab-b7ee-55e8-e9f6-8ffde7d4e0b9-50283adf, #w-node-_850b45ab-b7ee-55e8-e9f6-8ffde7d4e11b-50283adf { - grid-area: span 1 / span 4 / span 1 / span 4; - justify-self: auto; -} - -#w-node-_8096e79e-ef49-e528-49ca-34122c14e460-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; -} - -#w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ff96a-50283adf { - justify-self: end; -} - -#w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ff971-50283adf { - grid-area: 1 / 1 / 2 / 11; - justify-self: stretch; -} - -#w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ff975-50283adf { - grid-area: 1 / 3 / 2 / 11; - align-self: end; -} - -#w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ff977-50283adf, #w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ff978-50283adf, #w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ff979-50283adf, #w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ff97a-50283adf, #w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ff97b-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ff992-50283adf, #w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ff9ac-50283adf, #w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ff9c5-50283adf { - justify-self: end; -} - -#w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ff9c9-50283adf { - grid-area: 3 / 1 / 9 / 2; - align-self: start; - justify-self: end; -} - -#w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ff9dc-50283adf, #w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ff9f1-50283adf, #w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ffa06-50283adf { - justify-self: end; -} - -#w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ffa1f-50283adf, #w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ffa20-50283adf, #w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ffa21-50283adf, #w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ffa22-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ffa3b-50283adf, #w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ffa55-50283adf, #w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ffa6e-50283adf { - justify-self: end; -} - -#w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ffa7b-50283adf { - grid-area: 1 / 3 / 2 / 11; - align-self: end; -} - -#w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ffa7d-50283adf { - grid-area: 3 / 1 / 9 / 2; - align-self: start; - justify-self: end; -} - -#w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ffa87-50283adf, #w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ffa9c-50283adf, #w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ffab1-50283adf { - justify-self: end; -} - -#stickers.w-node-_0b8617ee-bf98-e7d5-3ea3-de6ea3368321-50283adf { - justify-self: stretch; -} - -#w-node-_0b8617ee-bf98-e7d5-3ea3-de6ea3368340-50283adf { - grid-area: 1 / 1 / 2 / 11; - justify-self: stretch; -} - -#w-node-_0b8617ee-bf98-e7d5-3ea3-de6ea3368344-50283adf { - grid-area: 1 / 3 / 2 / 11; - align-self: end; -} - -#w-node-_0b8617ee-bf98-e7d5-3ea3-de6ea3368346-50283adf, #w-node-_0b8617ee-bf98-e7d5-3ea3-de6ea3368347-50283adf, #w-node-_0b8617ee-bf98-e7d5-3ea3-de6ea3368348-50283adf, #w-node-_0b8617ee-bf98-e7d5-3ea3-de6ea3368349-50283adf, #w-node-_0b8617ee-bf98-e7d5-3ea3-de6ea336834a-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0b8617ee-bf98-e7d5-3ea3-de6ea3368361-50283adf, #w-node-_0b8617ee-bf98-e7d5-3ea3-de6ea336837b-50283adf, #w-node-_0b8617ee-bf98-e7d5-3ea3-de6ea3368394-50283adf { - justify-self: end; -} - -#w-node-_0b8617ee-bf98-e7d5-3ea3-de6ea3368398-50283adf { - grid-area: 3 / 1 / 9 / 2; - align-self: start; - justify-self: end; -} - -#w-node-_0b8617ee-bf98-e7d5-3ea3-de6ea33683ab-50283adf, #w-node-_0b8617ee-bf98-e7d5-3ea3-de6ea33683c0-50283adf, #w-node-_0b8617ee-bf98-e7d5-3ea3-de6ea33683d5-50283adf, #w-node-_428f0244-4c68-d422-3370-6d3a47d5a3f7-50283adf { - justify-self: end; -} - -#w-node-_0e541d3f-98ae-0520-9d4d-2bf817bc67e7-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; - justify-self: end; -} - -#w-node-_0e541d3f-98ae-0520-9d4d-2bf817bc67e9-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; - justify-self: start; -} - -#w-node-_0e541d3f-98ae-0520-9d4d-2bf817bc67eb-50283adf, #w-node-_0e541d3f-98ae-0520-9d4d-2bf817bc67ed-50283adf, #w-node-_0e541d3f-98ae-0520-9d4d-2bf817bc67ef-50283adf { - justify-self: start; -} - -#w-node-_0e541d3f-98ae-0520-9d4d-2bf817bc67fa-50283adf, #w-node-_0e541d3f-98ae-0520-9d4d-2bf817bc6850-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_0e541d3f-98ae-0520-9d4d-2bf817bc6854-50283adf, #w-node-_0e541d3f-98ae-0520-9d4d-2bf817bc6856-50283adf, #w-node-_0e541d3f-98ae-0520-9d4d-2bf817bc6858-50283adf { - justify-self: start; -} - -#w-node-_0e541d3f-98ae-0520-9d4d-2bf817bc6863-50283adf { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -#w-node-_6e1f7810-8725-f409-1d95-24ae56b47e0c-50283adf, #w-node-_3e8d7cc5-23a5-55a4-efd7-970c0ec22be5-50283adf { - justify-self: stretch; -} - -#w-node-_93cc1ab2-1935-2bab-30ca-8d04a18df34c-a18df31b, #w-node-_93cc1ab2-1935-2bab-30ca-8d04a18df355-a18df31b { - grid-area: span 1 / span 1 / span 1 / span 1; -} - -@media screen and (max-width: 991px) { - #w-node-af4635ca-7fe1-b16e-68d2-474b8a9afbe2-50283adf, #w-node-_5cc31709-d4b1-9ff6-ba49-ee54c82e63eb-50283adf, #w-node-_78e4606c-0981-4222-f85e-52994237e3ed-50283adf { - grid-area: span 1 / span 3 / span 1 / span 3; - } - - #w-node-aad8ed19-2d69-df2f-01d0-46131ee95e2c-50283adf, #w-node-_3c8cca2d-fc9a-e5b4-4fa8-f0b80664dc54-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; - } - - #w-node-_93cc1ab2-1935-2bab-30ca-8d04a18df355-a18df31b { - justify-self: end; - } - - #w-node-_93cc1ab2-1935-2bab-30ca-8d04a18df356-a18df31b { - justify-self: start; - } -} - -@media screen and (max-width: 767px) { - #w-node-c8b9222b-4ba5-4e5c-e3ff-410e947744f6-50283adf, #w-node-c8b9222b-4ba5-4e5c-e3ff-410e9477451b-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; - } - - #w-node-_124e17d6-0124-4196-5b67-0fd3de6bb41e-50283adf, #w-node-_7611af46-5f9c-2b9f-9fe0-cda0b49a6065-50283adf, #w-node-_39911474-2181-3304-b8c7-1cdb634da712-50283adf { - grid-area: span 1 / span 3 / span 1 / span 3; - } - - #w-node-_90d50499-44ae-b632-40c7-bbbd504915c8-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; - } - - #w-node-_90d50499-44ae-b632-40c7-bbbd504915e5-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; - justify-self: stretch; - } - - #w-node-bd5c4976-5555-0e17-4779-d8ea11ca8c8e-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; - } - - #w-node-_850b45ab-b7ee-55e8-e9f6-8ffde7d4dfd8-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; - justify-self: stretch; - } - - #w-node-_428f0244-4c68-d422-3370-6d3a47d5a3d9-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; - } - - #w-node-_428f0244-4c68-d422-3370-6d3a47d5a3f7-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; - justify-self: stretch; - } -} - -@media screen and (max-width: 479px) { - #w-node-_3c8cca2d-fc9a-e5b4-4fa8-f0b80664dc54-50283adf { - justify-self: stretch; - } - - #w-node-_8ce156a2-86bd-3973-4bc6-0c9ba4a36cea-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; - } - - #w-node-_2f6236ca-a6c5-cd6c-5768-ea5ba7be8afb-50283adf { - order: 1; - } - - #w-node-_2f6236ca-a6c5-cd6c-5768-ea5ba7be8afd-50283adf { - order: 3; - } - - #w-node-_2f6236ca-a6c5-cd6c-5768-ea5ba7be8aff-50283adf { - order: 5; - } - - #w-node-_2f6236ca-a6c5-cd6c-5768-ea5ba7be8b01-50283adf { - order: 7; - } - - #w-node-_2f6236ca-a6c5-cd6c-5768-ea5ba7be8b03-50283adf { - order: 9; - } - - #w-node-_2f6236ca-a6c5-cd6c-5768-ea5ba7be8b05-50283adf { - order: 2; - } - - #w-node-_2f6236ca-a6c5-cd6c-5768-ea5ba7be8b07-50283adf { - order: 4; - } - - #w-node-_2f6236ca-a6c5-cd6c-5768-ea5ba7be8b09-50283adf { - order: 6; - } - - #w-node-_2f6236ca-a6c5-cd6c-5768-ea5ba7be8b0b-50283adf { - order: 8; - } - - #w-node-_2f6236ca-a6c5-cd6c-5768-ea5ba7be8b0d-50283adf { - order: 10; - } - - #w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ff955-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; - } - - #w-node-_9db885a8-7ff7-8ee5-640d-7d9bff8ff96a-50283adf { - grid-area: span 1 / span 2 / span 1 / span 2; - justify-self: stretch; - } - - #w-node-_4cbc329f-06c6-7880-3125-0e4a08181544-50283adf, #w-node-_4cbc329f-06c6-7880-3125-0e4a08181548-50283adf, #w-node-_4cbc329f-06c6-7880-3125-0e4a0818154c-50283adf { - grid-area: span 1 / span 3 / span 1 / span 3; - } -} - - diff --git a/css/margins.css b/css/margins.css new file mode 100644 index 0000000..a5dc22a --- /dev/null +++ b/css/margins.css @@ -0,0 +1,849 @@ +@import "globals.css"; + +.m-top__xxs { + margin-top: var(--xxs); +} +.m-top__xs { + margin-top: var(--xs); +} +.m-top__s { + margin-top: var(--s); +} +.m-top__m { + margin-top: var(--m); +} +.m-top__l { + margin-top: var(--l); +} +.m-top__xl { + margin-top: var(--xl); +} +.m-top__xxl { + margin-top: var(--xxl); +} + +.m-right__xxs { + margin-right: var(--xxs); +} +.m-right__xs { + margin-right: var(--xs); +} +.m-right__s { + margin-right: var(--s); +} +.m-right__m { + margin-right: var(--m); +} +.m-right__l { + margin-right: var(--l); +} +.m-right__xl { + margin-right: var(--xl); +} +.m-right__xxl { + margin-right: var(--xxl); +} + +.m-bottom__xxs { + margin-bottom: var(--xxs); +} +.m-bottom__xs { + margin-bottom: var(--xs); +} +.m-bottom__s { + margin-bottom: var(--s); +} +.m-bottom__m { + margin-bottom: var(--m); +} +.m-bottom__l { + margin-bottom: var(--l); +} +.m-bottom__xl { + margin-bottom: var(--xl); +} +.m-bottom__xxl { + margin-bottom: var(--xxl); +} + +.m-left__xxs { + margin-left: var(--xxs); +} +.m-left__xs { + margin-left: var(--xs); +} +.m-left__s { + margin-left: var(--s); +} +.m-left__m { + margin-left: var(--m); +} +.m-left__l { + margin-left: var(--l); +} +.m-left__xl { + margin-left: var(--xl); +} +.m-left__xxl { + margin-left: var(--xxl); +} + +.display1.m-top__xxs, +.display2.m-top__xxs, +.title1.m-top__xxs, +.title2.m-top__xxs, +.title3.m-top__xxs, +.heading.m-top__xxs, +.subheading.m-top__xxs, +.body.m-top__xxs, +.callout.m-top__xxs, +.label.m-top__xxs, +.caption.m-top__xxs, +.overline.m-top__xxs, +.display1__bold.m-top__xxs, +.display2__bold.m-top__xxs, +.title1__bold.m-top__xxs, +.title2__bold.m-top__xxs, +.title3__bold.m-top__xxs, +.heading__bold.m-top__xxs, +.subheading__bold.m-top__xxs, +.body__bold.m-top__xxs, +.callout__bold.m-top__xxs, +.label__bold.m-top__xxs, +.caption__bold.m-top__xxs, +.overline__bold.m-top__xxs { + margin-top: var(--xxs); +} + +.display1.m-top__xs, +.display2.m-top__xs, +.title1.m-top__xs, +.title2.m-top__xs, +.title3.m-top__xs, +.heading.m-top__xs, +.subheading.m-top__xs, +.body.m-top__xs, +.callout.m-top__xs, +.label.m-top__xs, +.caption.m-top__xs, +.overline.m-top__xs, +.display1__bold.m-top__xs, +.display2__bold.m-top__xs, +.title1__bold.m-top__xs, +.title2__bold.m-top__xs, +.title3__bold.m-top__xs, +.heading__bold.m-top__xs, +.subheading__bold.m-top__xs, +.body__bold.m-top__xs, +.callout__bold.m-top__xs, +.label__bold.m-top__xs, +.caption__bold.m-top__xs, +.overline__bold.m-top__xs { + margin-top: var(--xs); +} + +.display1.m-top__s, +.display2.m-top__s, +.title1.m-top__s, +.title2.m-top__s, +.title3.m-top__s, +.heading.m-top__s, +.subheading.m-top__s, +.body.m-top__s, +.callout.m-top__s, +.label.m-top__s, +.caption.m-top__s, +.overline.m-top__s, +.display1__bold.m-top__s, +.display2__bold.m-top__s, +.title1__bold.m-top__s, +.title2__bold.m-top__s, +.title3__bold.m-top__s, +.heading__bold.m-top__s, +.subheading__bold.m-top__s, +.body__bold.m-top__s, +.callout__bold.m-top__s, +.label__bold.m-top__s, +.caption__bold.m-top__s, +.overline__bold.m-top__s { + margin-top: var(--s); +} +/* Repeat for other margin directions and sizes */ + +.display1.m-top__m, +.display2.m-top__m, +.title1.m-top__m, +.title2.m-top__m, +.title3.m-top__m, +.heading.m-top__m, +.subheading.m-top__m, +.body.m-top__m, +.callout.m-top__m, +.label.m-top__m, +.caption.m-top__m, +.overline.m-top__m, +.display1__bold.m-top__m, +.display2__bold.m-top__m, +.title1__bold.m-top__m, +.title2__bold.m-top__m, +.title3__bold.m-top__m, +.heading__bold.m-top__m, +.subheading__bold.m-top__m, +.body__bold.m-top__m, +.callout__bold.m-top__m, +.label__bold.m-top__m, +.caption__bold.m-top__m, +.overline__bold.m-top__m { + margin-top: var(--m); +} + +.display1.m-top__l, +.display2.m-top__l, +.title1.m-top__l, +.title2.m-top__l, +.title3.m-top__l, +.heading.m-top__l, +.subheading.m-top__l, +.body.m-top__l, +.callout.m-top__l, +.label.m-top__l, +.caption.m-top__l, +.overline.m-top__l, +.display1__bold.m-top__l, +.display2__bold.m-top__l, +.title1__bold.m-top__l, +.title2__bold.m-top__l, +.title3__bold.m-top__l, +.heading__bold.m-top__l, +.subheading__bold.m-top__l, +.body__bold.m-top__l, +.callout__bold.m-top__l, +.label__bold.m-top__l, +.caption__bold.m-top__l, +.overline__bold.m-top__l { + margin-top: var(--l); +} + +.display1.m-top__xl, +.display2.m-top__xl, +.title1.m-top__xl, +.title2.m-top__xl, +.title3.m-top__xl, +.heading.m-top__xl, +.subheading.m-top__xl, +.body.m-top__xl, +.callout.m-top__xl, +.label.m-top__xl, +.caption.m-top__xl, +.overline.m-top__xl, +.display1__bold.m-top__xl, +.display2__bold.m-top__xl, +.title1__bold.m-top__xl, +.title2__bold.m-top__xl, +.title3__bold.m-top__xl, +.heading__bold.m-top__xl, +.subheading__bold.m-top__xl, +.body__bold.m-top__xl, +.callout__bold.m-top__xl, +.label__bold.m-top__xl, +.caption__bold.m-top__xl, +.overline__bold.m-top__xl { + margin-top: var(--xl); +} + +.display1.m-top__xxl, +.display2.m-top__xxl, +.title1.m-top__xxl, +.title2.m-top__xxl, +.title3.m-top__xxl, +.heading.m-top__xxl, +.subheading.m-top__xxl, +.body.m-top__xxl, +.callout.m-top__xxl, +.label.m-top__xxl, +.caption.m-top__xxl, +.overline.m-top__xxl, +.display1__bold.m-top__xxl, +.display2__bold.m-top__xxl, +.title1__bold.m-top__xxl, +.title2__bold.m-top__xxl, +.title3__bold.m-top__xxl, +.heading__bold.m-top__xxl, +.subheading__bold.m-top__xxl, +.body__bold.m-top__xxl, +.callout__bold.m-top__xxl, +.label__bold.m-top__xxl, +.caption__bold.m-top__xxl, +.overline__bold.m-top__xxl { + margin-top: var(--xxl); +} + +.display1.m-right__xxs, +.display2.m-right__xxs, +.title1.m-right__xxs, +.title2.m-right__xxs, +.title3.m-right__xxs, +.heading.m-right__xxs, +.subheading.m-right__xxs, +.body.m-right__xxs, +.callout.m-right__xxs, +.label.m-right__xxs, +.caption.m-right__xxs, +.overline.m-right__xxs, +.display1__bold.m-right__xxs, +.display2__bold.m-right__xxs, +.title1__bold.m-right__xxs, +.title2__bold.m-right__xxs, +.title3__bold.m-right__xxs, +.heading__bold.m-right__xxs, +.subheading__bold.m-right__xxs, +.body__bold.m-right__xxs, +.callout__bold.m-right__xxs, +.label__bold.m-right__xxs, +.caption__bold.m-right__xxs, +.overline__bold.m-right__xxs { + margin-right: var(--xxs); +} + +.display1.m-right__xs, +.display2.m-right__xs, +.title1.m-right__xs, +.title2.m-right__xs, +.title3.m-right__xs, +.heading.m-right__xs, +.subheading.m-right__xs, +.body.m-right__xs, +.callout.m-right__xs, +.label.m-right__xs, +.caption.m-right__xs, +.overline.m-right__xs, +.display1__bold.m-right__xs, +.display2__bold.m-right__xs, +.title1__bold.m-right__xs, +.title2__bold.m-right__xs, +.title3__bold.m-right__xs, +.heading__bold.m-right__xs, +.subheading__bold.m-right__xs, +.body__bold.m-right__xs, +.callout__bold.m-right__xs, +.label__bold.m-right__xs, +.caption__bold.m-right__xs, +.overline__bold.m-right__xs { + margin-right: var(--xs); +} + +.display1.m-right__s, +.display2.m-right__s, +.title1.m-right__s, +.title2.m-right__s, +.title3.m-right__s, +.heading.m-right__s, +.subheading.m-right__s, +.body.m-right__s, +.callout.m-right__s, +.label.m-right__s, +.caption.m-right__s, +.overline.m-right__s, +.display1__bold.m-right__s, +.display2__bold.m-right__s, +.title1__bold.m-right__s, +.title2__bold.m-right__s, +.title3__bold.m-right__s, +.heading__bold.m-right__s, +.subheading__bold.m-right__s, +.body__bold.m-right__s, +.callout__bold.m-right__s, +.label__bold.m-right__s, +.caption__bold.m-right__s, +.overline__bold.m-right__s { + margin-right: var(--s); +} +/* Repeat for other margin directions and sizes */ + +.display1.m-right__m, +.display2.m-right__m, +.title1.m-right__m, +.title2.m-right__m, +.title3.m-right__m, +.heading.m-right__m, +.subheading.m-right__m, +.body.m-right__m, +.callout.m-right__m, +.label.m-right__m, +.caption.m-right__m, +.overline.m-right__m, +.display1__bold.m-right__m, +.display2__bold.m-right__m, +.title1__bold.m-right__m, +.title2__bold.m-right__m, +.title3__bold.m-right__m, +.heading__bold.m-right__m, +.subheading__bold.m-right__m, +.body__bold.m-right__m, +.callout__bold.m-right__m, +.label__bold.m-right__m, +.caption__bold.m-right__m, +.overline__bold.m-right__m { + margin-right: var(--m); +} + +.display1.m-right__l, +.display2.m-right__l, +.title1.m-right__l, +.title2.m-right__l, +.title3.m-right__l, +.heading.m-right__l, +.subheading.m-right__l, +.body.m-right__l, +.callout.m-right__l, +.label.m-right__l, +.caption.m-right__l, +.overline.m-right__l, +.display1__bold.m-right__l, +.display2__bold.m-right__l, +.title1__bold.m-right__l, +.title2__bold.m-right__l, +.title3__bold.m-right__l, +.heading__bold.m-right__l, +.subheading__bold.m-right__l, +.body__bold.m-right__l, +.callout__bold.m-right__l, +.label__bold.m-right__l, +.caption__bold.m-right__l, +.overline__bold.m-right__l { + margin-right: var(--l); +} + +.display1.m-right__xl, +.display2.m-right__xl, +.title1.m-right__xl, +.title2.m-right__xl, +.title3.m-right__xl, +.heading.m-right__xl, +.subheading.m-right__xl, +.body.m-right__xl, +.callout.m-right__xl, +.label.m-right__xl, +.caption.m-right__xl, +.overline.m-right__xl, +.display1__bold.m-right__xl, +.display2__bold.m-right__xl, +.title1__bold.m-right__xl, +.title2__bold.m-right__xl, +.title3__bold.m-right__xl, +.heading__bold.m-right__xl, +.subheading__bold.m-right__xl, +.body__bold.m-right__xl, +.callout__bold.m-right__xl, +.label__bold.m-right__xl, +.caption__bold.m-right__xl, +.overline__bold.m-right__xl { + margin-right: var(--xl); +} + +.display1.m-right__xxl, +.display2.m-right__xxl, +.title1.m-right__xxl, +.title2.m-right__xxl, +.title3.m-right__xxl, +.heading.m-right__xxl, +.subheading.m-right__xxl, +.body.m-right__xxl, +.callout.m-right__xxl, +.label.m-right__xxl, +.caption.m-right__xxl, +.overline.m-right__xxl, +.display1__bold.m-right__xxl, +.display2__bold.m-right__xxl, +.title1__bold.m-right__xxl, +.title2__bold.m-right__xxl, +.title3__bold.m-right__xxl, +.heading__bold.m-right__xxl, +.subheading__bold.m-right__xxl, +.body__bold.m-right__xxl, +.callout__bold.m-right__xxl, +.label__bold.m-right__xxl, +.caption__bold.m-right__xxl, +.overline__bold.m-right__xxl { + margin-right: var(--xxl); +} + +.display1.m-bottom__xxs, +.display2.m-bottom__xxs, +.title1.m-bottom__xxs, +.title2.m-bottom__xxs, +.title3.m-bottom__xxs, +.heading.m-bottom__xxs, +.subheading.m-bottom__xxs, +.body.m-bottom__xxs, +.callout.m-bottom__xxs, +.label.m-bottom__xxs, +.caption.m-bottom__xxs, +.overline.m-bottom__xxs, +.display1__bold.m-bottom__xxs, +.display2__bold.m-bottom__xxs, +.title1__bold.m-bottom__xxs, +.title2__bold.m-bottom__xxs, +.title3__bold.m-bottom__xxs, +.heading__bold.m-bottom__xxs, +.subheading__bold.m-bottom__xxs, +.body__bold.m-bottom__xxs, +.callout__bold.m-bottom__xxs, +.label__bold.m-bottom__xxs, +.caption__bold.m-bottom__xxs, +.overline__bold.m-bottom__xxs { + margin-bottom: var(--xxs); +} + +.display1.m-bottom__xs, +.display2.m-bottom__xs, +.title1.m-bottom__xs, +.title2.m-bottom__xs, +.title3.m-bottom__xs, +.heading.m-bottom__xs, +.subheading.m-bottom__xs, +.body.m-bottom__xs, +.callout.m-bottom__xs, +.label.m-bottom__xs, +.caption.m-bottom__xs, +.overline.m-bottom__xs, +.display1__bold.m-bottom__xs, +.display2__bold.m-bottom__xs, +.title1__bold.m-bottom__xs, +.title2__bold.m-bottom__xs, +.title3__bold.m-bottom__xs, +.heading__bold.m-bottom__xs, +.subheading__bold.m-bottom__xs, +.body__bold.m-bottom__xs, +.callout__bold.m-bottom__xs, +.label__bold.m-bottom__xs, +.caption__bold.m-bottom__xs, +.overline__bold.m-bottom__xs { + margin-bottom: var(--xs); +} + +.display1.m-bottom__s, +.display2.m-bottom__s, +.title1.m-bottom__s, +.title2.m-bottom__s, +.title3.m-bottom__s, +.heading.m-bottom__s, +.subheading.m-bottom__s, +.body.m-bottom__s, +.callout.m-bottom__s, +.label.m-bottom__s, +.caption.m-bottom__s, +.overline.m-bottom__s, +.display1__bold.m-bottom__s, +.display2__bold.m-bottom__s, +.title1__bold.m-bottom__s, +.title2__bold.m-bottom__s, +.title3__bold.m-bottom__s, +.heading__bold.m-bottom__s, +.subheading__bold.m-bottom__s, +.body__bold.m-bottom__s, +.callout__bold.m-bottom__s, +.label__bold.m-bottom__s, +.caption__bold.m-bottom__s, +.overline__bold.m-bottom__s { + margin-bottom: var(--s); +} +/* Repeat for other margin directions and sizes */ + +.display1.m-bottom__m, +.display2.m-bottom__m, +.title1.m-bottom__m, +.title2.m-bottom__m, +.title3.m-bottom__m, +.heading.m-bottom__m, +.subheading.m-bottom__m, +.body.m-bottom__m, +.callout.m-bottom__m, +.label.m-bottom__m, +.caption.m-bottom__m, +.overline.m-bottom__m, +.display1__bold.m-bottom__m, +.display2__bold.m-bottom__m, +.title1__bold.m-bottom__m, +.title2__bold.m-bottom__m, +.title3__bold.m-bottom__m, +.heading__bold.m-bottom__m, +.subheading__bold.m-bottom__m, +.body__bold.m-bottom__m, +.callout__bold.m-bottom__m, +.label__bold.m-bottom__m, +.caption__bold.m-bottom__m, +.overline__bold.m-bottom__m { + margin-bottom: var(--m); +} + +.display1.m-bottom__l, +.display2.m-bottom__l, +.title1.m-bottom__l, +.title2.m-bottom__l, +.title3.m-bottom__l, +.heading.m-bottom__l, +.subheading.m-bottom__l, +.body.m-bottom__l, +.callout.m-bottom__l, +.label.m-bottom__l, +.caption.m-bottom__l, +.overline.m-bottom__l, +.display1__bold.m-bottom__l, +.display2__bold.m-bottom__l, +.title1__bold.m-bottom__l, +.title2__bold.m-bottom__l, +.title3__bold.m-bottom__l, +.heading__bold.m-bottom__l, +.subheading__bold.m-bottom__l, +.body__bold.m-bottom__l, +.callout__bold.m-bottom__l, +.label__bold.m-bottom__l, +.caption__bold.m-bottom__l, +.overline__bold.m-bottom__l { + margin-bottom: var(--l); +} + +.display1.m-bottom__xl, +.display2.m-bottom__xl, +.title1.m-bottom__xl, +.title2.m-bottom__xl, +.title3.m-bottom__xl, +.heading.m-bottom__xl, +.subheading.m-bottom__xl, +.body.m-bottom__xl, +.callout.m-bottom__xl, +.label.m-bottom__xl, +.caption.m-bottom__xl, +.overline.m-bottom__xl, +.display1__bold.m-bottom__xl, +.display2__bold.m-bottom__xl, +.title1__bold.m-bottom__xl, +.title2__bold.m-bottom__xl, +.title3__bold.m-bottom__xl, +.heading__bold.m-bottom__xl, +.subheading__bold.m-bottom__xl, +.body__bold.m-bottom__xl, +.callout__bold.m-bottom__xl, +.label__bold.m-bottom__xl, +.caption__bold.m-bottom__xl, +.overline__bold.m-bottom__xl { + margin-bottom: var(--xl); +} + +.display1.m-bottom__xxl, +.display2.m-bottom__xxl, +.title1.m-bottom__xxl, +.title2.m-bottom__xxl, +.title3.m-bottom__xxl, +.heading.m-bottom__xxl, +.subheading.m-bottom__xxl, +.body.m-bottom__xxl, +.callout.m-bottom__xxl, +.label.m-bottom__xxl, +.caption.m-bottom__xxl, +.overline.m-bottom__xxl, +.display1__bold.m-bottom__xxl, +.display2__bold.m-bottom__xxl, +.title1__bold.m-bottom__xxl, +.title2__bold.m-bottom__xxl, +.title3__bold.m-bottom__xxl, +.heading__bold.m-bottom__xxl, +.subheading__bold.m-bottom__xxl, +.body__bold.m-bottom__xxl, +.callout__bold.m-bottom__xxl, +.label__bold.m-bottom__xxl, +.caption__bold.m-bottom__xxl, +.overline__bold.m-bottom__xxl { + margin-bottom: var(--xxl); +} + +.display1.m-left__xxs, +.display2.m-left__xxs, +.title1.m-left__xxs, +.title2.m-left__xxs, +.title3.m-left__xxs, +.heading.m-left__xxs, +.subheading.m-left__xxs, +.body.m-left__xxs, +.callout.m-left__xxs, +.label.m-left__xxs, +.caption.m-left__xxs, +.overline.m-left__xxs, +.display1__bold.m-left__xxs, +.display2__bold.m-left__xxs, +.title1__bold.m-left__xxs, +.title2__bold.m-left__xxs, +.title3__bold.m-left__xxs, +.heading__bold.m-left__xxs, +.subheading__bold.m-left__xxs, +.body__bold.m-left__xxs, +.callout__bold.m-left__xxs, +.label__bold.m-left__xxs, +.caption__bold.m-left__xxs, +.overline__bold.m-left__xxs { + margin-left: var(--xxs); +} + +.display1.m-left__xs, +.display2.m-left__xs, +.title1.m-left__xs, +.title2.m-left__xs, +.title3.m-left__xs, +.heading.m-left__xs, +.subheading.m-left__xs, +.body.m-left__xs, +.callout.m-left__xs, +.label.m-left__xs, +.caption.m-left__xs, +.overline.m-left__xs, +.display1__bold.m-left__xs, +.display2__bold.m-left__xs, +.title1__bold.m-left__xs, +.title2__bold.m-left__xs, +.title3__bold.m-left__xs, +.heading__bold.m-left__xs, +.subheading__bold.m-left__xs, +.body__bold.m-left__xs, +.callout__bold.m-left__xs, +.label__bold.m-left__xs, +.caption__bold.m-left__xs, +.overline__bold.m-left__xs { + margin-left: var(--xs); +} + +.display1.m-left__s, +.display2.m-left__s, +.title1.m-left__s, +.title2.m-left__s, +.title3.m-left__s, +.heading.m-left__s, +.subheading.m-left__s, +.body.m-left__s, +.callout.m-left__s, +.label.m-left__s, +.caption.m-left__s, +.overline.m-left__s, +.display1__bold.m-left__s, +.display2__bold.m-left__s, +.title1__bold.m-left__s, +.title2__bold.m-left__s, +.title3__bold.m-left__s, +.heading__bold.m-left__s, +.subheading__bold.m-left__s, +.body__bold.m-left__s, +.callout__bold.m-left__s, +.label__bold.m-left__s, +.caption__bold.m-left__s, +.overline__bold.m-left__s { + margin-left: var(--s); +} +/* Repeat for other margin directions and sizes */ + +.display1.m-left__m, +.display2.m-left__m, +.title1.m-left__m, +.title2.m-left__m, +.title3.m-left__m, +.heading.m-left__m, +.subheading.m-left__m, +.body.m-left__m, +.callout.m-left__m, +.label.m-left__m, +.caption.m-left__m, +.overline.m-left__m, +.display1__bold.m-left__m, +.display2__bold.m-left__m, +.title1__bold.m-left__m, +.title2__bold.m-left__m, +.title3__bold.m-left__m, +.heading__bold.m-left__m, +.subheading__bold.m-left__m, +.body__bold.m-left__m, +.callout__bold.m-left__m, +.label__bold.m-left__m, +.caption__bold.m-left__m, +.overline__bold.m-left__m { + margin-left: var(--m); +} + +.display1.m-left__l, +.display2.m-left__l, +.title1.m-left__l, +.title2.m-left__l, +.title3.m-left__l, +.heading.m-left__l, +.subheading.m-left__l, +.body.m-left__l, +.callout.m-left__l, +.label.m-left__l, +.caption.m-left__l, +.overline.m-left__l, +.display1__bold.m-left__l, +.display2__bold.m-left__l, +.title1__bold.m-left__l, +.title2__bold.m-left__l, +.title3__bold.m-left__l, +.heading__bold.m-left__l, +.subheading__bold.m-left__l, +.body__bold.m-left__l, +.callout__bold.m-left__l, +.label__bold.m-left__l, +.caption__bold.m-left__l, +.overline__bold.m-left__l { + margin-left: var(--l); +} + +.display1.m-left__xl, +.display2.m-left__xl, +.title1.m-left__xl, +.title2.m-left__xl, +.title3.m-left__xl, +.heading.m-left__xl, +.subheading.m-left__xl, +.body.m-left__xl, +.callout.m-left__xl, +.label.m-left__xl, +.caption.m-left__xl, +.overline.m-left__xl, +.display1__bold.m-left__xl, +.display2__bold.m-left__xl, +.title1__bold.m-left__xl, +.title2__bold.m-left__xl, +.title3__bold.m-left__xl, +.heading__bold.m-left__xl, +.subheading__bold.m-left__xl, +.body__bold.m-left__xl, +.callout__bold.m-left__xl, +.label__bold.m-left__xl, +.caption__bold.m-left__xl, +.overline__bold.m-left__xl { + margin-left: var(--xl); +} + +.display1.m-left__xxl, +.display2.m-left__xxl, +.title1.m-left__xxl, +.title2.m-left__xxl, +.title3.m-left__xxl, +.heading.m-left__xxl, +.subheading.m-left__xxl, +.body.m-left__xxl, +.callout.m-left__xxl, +.label.m-left__xxl, +.caption.m-left__xxl, +.overline.m-left__xxl, +.display1__bold.m-left__xxl, +.display2__bold.m-left__xxl, +.title1__bold.m-left__xxl, +.title2__bold.m-left__xxl, +.title3__bold.m-left__xxl, +.heading__bold.m-left__xxl, +.subheading__bold.m-left__xxl, +.body__bold.m-left__xxl, +.callout__bold.m-left__xxl, +.label__bold.m-left__xxl, +.caption__bold.m-left__xxl, +.overline__bold.m-left__xxl { + margin-left: var(--xxl); +} diff --git a/css/normalize.css b/css/normalize.css index 411d0b2..c9e7661 100644 --- a/css/normalize.css +++ b/css/normalize.css @@ -4,7 +4,7 @@ * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ -html { + html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; @@ -12,12 +12,14 @@ html { -webkit-text-size-adjust: 100%; /* 2 */ } + /** * Remove default margin. */ body { margin: 0; } + /* HTML5 display definitions ========================================================================== */ /** @@ -41,6 +43,7 @@ section, summary { display: block; } + /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. @@ -54,6 +57,7 @@ video { vertical-align: baseline; /* 2 */ } + /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. @@ -62,6 +66,7 @@ audio:not([controls]) { display: none; height: 0; } + /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. @@ -70,6 +75,7 @@ audio:not([controls]) { template { display: none; } + /* Links ========================================================================== */ /** @@ -78,6 +84,7 @@ template { a { background-color: transparent; } + /** * Improve readability of focused elements when they are also in an * active/hover state. @@ -86,6 +93,7 @@ a:active, a:hover { outline: 0; } + /* Text-level semantics ========================================================================== */ /** @@ -94,6 +102,7 @@ a:hover { abbr[title] { border-bottom: 1px dotted; } + /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ @@ -101,12 +110,14 @@ b, strong { font-weight: bold; } + /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } + /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. @@ -115,6 +126,7 @@ h1 { font-size: 2em; margin: 0.67em 0; } + /** * Address styling not present in IE 8/9. */ @@ -122,12 +134,16 @@ mark { background: #ff0; color: #000; } + /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } + + + /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ @@ -138,12 +154,15 @@ sup { position: relative; vertical-align: baseline; } + sup { top: -0.5em; } + sub { bottom: -0.25em; } + /* Embedded content ========================================================================== */ /** @@ -152,12 +171,14 @@ sub { img { border: 0; } + /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } + /* Grouping content ========================================================================== */ /** @@ -166,6 +187,7 @@ svg:not(:root) { figure { margin: 1em 40px; } + /** * Address differences between Firefox and other browsers. */ @@ -173,12 +195,14 @@ hr { box-sizing: content-box; height: 0; } + /** * Contain overflow in all browsers. */ pre { overflow: auto; } + /** * Address odd `em`-unit font size rendering in all browsers. */ @@ -189,6 +213,7 @@ samp { font-family: monospace, monospace; font-size: 1em; } + /* Forms ========================================================================== */ /** @@ -213,12 +238,14 @@ textarea { margin: 0; /* 3 */ } + /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } + /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. @@ -229,6 +256,7 @@ button, select { text-transform: none; } + /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. @@ -246,6 +274,7 @@ input[type="reset"] { cursor: pointer; /* 3 */ } + /** * Re-set default cursor for disabled elements. */ @@ -253,6 +282,7 @@ button[disabled], html input[disabled] { cursor: default; } + /** * Remove inner padding and border in Firefox 4+. */ @@ -261,6 +291,7 @@ input::-moz-focus-inner { border: 0; padding: 0; } + /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. @@ -268,6 +299,7 @@ input::-moz-focus-inner { input { line-height: normal; } + /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. @@ -282,6 +314,7 @@ input[type='radio'] { padding: 0; /* 2 */ } + /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the @@ -291,6 +324,7 @@ input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto; } + /** * 1. CUSTOM FOR WEBFLOW: changed from `textfield` to `none` to normalize iOS rounded input * 2. CUSTOM FOR WEBFLOW: box-sizing: content-box rule removed @@ -300,6 +334,7 @@ input[type='search'] { -webkit-appearance: none; /* 1 */ } + /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has @@ -309,6 +344,7 @@ input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none; } + /** * Define consistent border, margin, and padding. */ @@ -317,6 +353,7 @@ fieldset { margin: 0 2px; padding: 0.35em 0.625em 0.75em; } + /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. @@ -327,12 +364,14 @@ legend { padding: 0; /* 2 */ } + /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } + /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. @@ -340,6 +379,7 @@ textarea { optgroup { font-weight: bold; } + /* Tables ========================================================================== */ /** @@ -349,7 +389,8 @@ table { border-collapse: collapse; border-spacing: 0; } + td, th { padding: 0; -} +} \ No newline at end of file diff --git a/css/opacity.css b/css/opacity.css new file mode 100644 index 0000000..28c7216 --- /dev/null +++ b/css/opacity.css @@ -0,0 +1,87 @@ +/* These are done in increments of 10, but you can create your own +/* such as ".opacity__92 {opacity: 0.92}, etc. +*/ + +.opacity__0 { + opacity: 0.0; +} + +.opacity__5 { + opacity: 0.05; +} + +.opacity__10 { + opacity: 0.1; +} + +.opacity__15 { + opacity: 0.15; +} + +.opacity__20 { + opacity: 0.2; +} + +.opacity__25 { + opacity: 0.25; +} + +.opacity__30 { + opacity: 0.3; +} + +.opacity__35 { + opacity: 0.35; +} + +.opacity__40 { + opacity: 0.4; +} + +.opacity__45 { + opacity: 0.45; +} + +.opacity__50 { + opacity: 0.5; +} + +.opacity__55 { + opacity: 0.55; +} + +.opacity__60 { + opacity: 0.6; +} + +.opacity__65 { + opacity: 0.65; +} + +.opacity__70 { + opacity: 0.7; +} + +.opacity__75 { + opacity: 0.75; +} + +.opacity__80 { + opacity: 0.8; +} + +.opacity__85 { + opacity: 0.85; +} + +.opacity__90 { + opacity: 0.9; +} + +.opacity__95 { + opacity: 0.95; +} + +.opacity__100 { + opacity: 1.0; +} diff --git a/cssReference/overflow.css b/css/overflow.css similarity index 84% rename from cssReference/overflow.css rename to css/overflow.css index 73857cf..0055812 100644 --- a/cssReference/overflow.css +++ b/css/overflow.css @@ -14,6 +14,3 @@ overflow: auto; } -.overflow-x { - padding: 8px; -} \ No newline at end of file diff --git a/css/padding.css b/css/padding.css new file mode 100644 index 0000000..24cdbed --- /dev/null +++ b/css/padding.css @@ -0,0 +1,849 @@ +@import "globals.css"; + +.p-top__xxs { + padding-top: var(--xxs); +} +.p-top__xs { + padding-top: var(--xs); +} +.p-top__s { + padding-top: var(--s); +} +.p-top__m { + padding-top: var(--m); +} +.p-top__l { + padding-top: var(--l); +} +.p-top__xl { + padding-top: var(--xl); +} +.p-top__xxl { + padding-top: var(--xxl); +} + +.p-right__xxs { + padding-right: var(--xxs); +} +.p-right__xs { + padding-right: var(--xs); +} +.p-right__s { + padding-right: var(--s); +} +.p-right__m { + padding-right: var(--m); +} +.p-right__l { + padding-right: var(--l); +} +.p-right__xl { + padding-right: var(--xl); +} +.p-right__xxl { + padding-right: var(--xxl); +} + +.p-bottom__xxs { + padding-bottom: var(--xxs); +} +.p-bottom__xs { + padding-bottom: var(--xs); +} +.p-bottom__s { + padding-bottom: var(--s); +} +.p-bottom__m { + padding-bottom: var(--m); +} +.p-bottom__l { + padding-bottom: var(--l); +} +.p-bottom__xl { + padding-bottom: var(--xl); +} +.p-bottom__xxl { + padding-bottom: var(--xxl); +} + +.p-left__xxs { + padding-left: var(--xxs); +} +.p-left__xs { + padding-left: var(--xs); +} +.p-left__s { + padding-left: var(--s); +} +.p-left__m { + padding-left: var(--m); +} +.p-left__l { + padding-left: var(--l); +} +.p-left__xl { + padding-left: var(--xl); +} +.p-left__xxl { + padding-left: var(--xxl); +} + +.display1.p-top__xxs, +.display2.p-top__xxs, +.title1.p-top__xxs, +.title2.p-top__xxs, +.title3.p-top__xxs, +.heading.p-top__xxs, +.subheading.p-top__xxs, +.body.p-top__xxs, +.callout.p-top__xxs, +.label.p-top__xxs, +.caption.p-top__xxs, +.overline.p-top__xxs, +.display1__bold.p-top__xxs, +.display2__bold.p-top__xxs, +.title1__bold.p-top__xxs, +.title2__bold.p-top__xxs, +.title3__bold.p-top__xxs, +.heading__bold.p-top__xxs, +.subheading__bold.p-top__xxs, +.body__bold.p-top__xxs, +.callout__bold.p-top__xxs, +.label__bold.p-top__xxs, +.caption__bold.p-top__xxs, +.overline__bold.p-top__xxs { + padding-top: var(--xxs); +} + +.display1.p-top__xs, +.display2.p-top__xs, +.title1.p-top__xs, +.title2.p-top__xs, +.title3.p-top__xs, +.heading.p-top__xs, +.subheading.p-top__xs, +.body.p-top__xs, +.callout.p-top__xs, +.label.p-top__xs, +.caption.p-top__xs, +.overline.p-top__xs, +.display1__bold.p-top__xs, +.display2__bold.p-top__xs, +.title1__bold.p-top__xs, +.title2__bold.p-top__xs, +.title3__bold.p-top__xs, +.heading__bold.p-top__xs, +.subheading__bold.p-top__xs, +.body__bold.p-top__xs, +.callout__bold.p-top__xs, +.label__bold.p-top__xs, +.caption__bold.p-top__xs, +.overline__bold.p-top__xs { + padding-top: var(--xs); +} + +.display1.p-top__s, +.display2.p-top__s, +.title1.p-top__s, +.title2.p-top__s, +.title3.p-top__s, +.heading.p-top__s, +.subheading.p-top__s, +.body.p-top__s, +.callout.p-top__s, +.label.p-top__s, +.caption.p-top__s, +.overline.p-top__s, +.display1__bold.p-top__s, +.display2__bold.p-top__s, +.title1__bold.p-top__s, +.title2__bold.p-top__s, +.title3__bold.p-top__s, +.heading__bold.p-top__s, +.subheading__bold.p-top__s, +.body__bold.p-top__s, +.callout__bold.p-top__s, +.label__bold.p-top__s, +.caption__bold.p-top__s, +.overline__bold.p-top__s { + padding-top: var(--s); +} +/* Repeat for other margin directions and sizes */ + +.display1.p-top__m, +.display2.p-top__m, +.title1.p-top__m, +.title2.p-top__m, +.title3.p-top__m, +.heading.p-top__m, +.subheading.p-top__m, +.body.p-top__m, +.callout.p-top__m, +.label.p-top__m, +.caption.p-top__m, +.overline.p-top__m, +.display1__bold.p-top__m, +.display2__bold.p-top__m, +.title1__bold.p-top__m, +.title2__bold.p-top__m, +.title3__bold.p-top__m, +.heading__bold.p-top__m, +.subheading__bold.p-top__m, +.body__bold.p-top__m, +.callout__bold.p-top__m, +.label__bold.p-top__m, +.caption__bold.p-top__m, +.overline__bold.p-top__m { + padding-top: var(--m); +} + +.display1.p-top__l, +.display2.p-top__l, +.title1.p-top__l, +.title2.p-top__l, +.title3.p-top__l, +.heading.p-top__l, +.subheading.p-top__l, +.body.p-top__l, +.callout.p-top__l, +.label.p-top__l, +.caption.p-top__l, +.overline.p-top__l, +.display1__bold.p-top__l, +.display2__bold.p-top__l, +.title1__bold.p-top__l, +.title2__bold.p-top__l, +.title3__bold.p-top__l, +.heading__bold.p-top__l, +.subheading__bold.p-top__l, +.body__bold.p-top__l, +.callout__bold.p-top__l, +.label__bold.p-top__l, +.caption__bold.p-top__l, +.overline__bold.p-top__l { + padding-top: var(--l); +} + +.display1.p-top__xl, +.display2.p-top__xl, +.title1.p-top__xl, +.title2.p-top__xl, +.title3.p-top__xl, +.heading.p-top__xl, +.subheading.p-top__xl, +.body.p-top__xl, +.callout.p-top__xl, +.label.p-top__xl, +.caption.p-top__xl, +.overline.p-top__xl, +.display1__bold.p-top__xl, +.display2__bold.p-top__xl, +.title1__bold.p-top__xl, +.title2__bold.p-top__xl, +.title3__bold.p-top__xl, +.heading__bold.p-top__xl, +.subheading__bold.p-top__xl, +.body__bold.p-top__xl, +.callout__bold.p-top__xl, +.label__bold.p-top__xl, +.caption__bold.p-top__xl, +.overline__bold.p-top__xl { + padding-top: var(--xl); +} + +.display1.p-top__xxl, +.display2.p-top__xxl, +.title1.p-top__xxl, +.title2.p-top__xxl, +.title3.p-top__xxl, +.heading.p-top__xxl, +.subheading.p-top__xxl, +.body.p-top__xxl, +.callout.p-top__xxl, +.label.p-top__xxl, +.caption.p-top__xxl, +.overline.p-top__xxl, +.display1__bold.p-top__xxl, +.display2__bold.p-top__xxl, +.title1__bold.p-top__xxl, +.title2__bold.p-top__xxl, +.title3__bold.p-top__xxl, +.heading__bold.p-top__xxl, +.subheading__bold.p-top__xxl, +.body__bold.p-top__xxl, +.callout__bold.p-top__xxl, +.label__bold.p-top__xxl, +.caption__bold.p-top__xxl, +.overline__bold.p-top__xxl { + padding-top: var(--xxl); +} + +.display1.p-right__xxs, +.display2.p-right__xxs, +.title1.p-right__xxs, +.title2.p-right__xxs, +.title3.p-right__xxs, +.heading.p-right__xxs, +.subheading.p-right__xxs, +.body.p-right__xxs, +.callout.p-right__xxs, +.label.p-right__xxs, +.caption.p-right__xxs, +.overline.p-right__xxs, +.display1__bold.p-right__xxs, +.display2__bold.p-right__xxs, +.title1__bold.p-right__xxs, +.title2__bold.p-right__xxs, +.title3__bold.p-right__xxs, +.heading__bold.p-right__xxs, +.subheading__bold.p-right__xxs, +.body__bold.p-right__xxs, +.callout__bold.p-right__xxs, +.label__bold.p-right__xxs, +.caption__bold.p-right__xxs, +.overline__bold.p-right__xxs { + padding-right: var(--xxs); +} + +.display1.p-right__xs, +.display2.p-right__xs, +.title1.p-right__xs, +.title2.p-right__xs, +.title3.p-right__xs, +.heading.p-right__xs, +.subheading.p-right__xs, +.body.p-right__xs, +.callout.p-right__xs, +.label.p-right__xs, +.caption.p-right__xs, +.overline.p-right__xs, +.display1__bold.p-right__xs, +.display2__bold.p-right__xs, +.title1__bold.p-right__xs, +.title2__bold.p-right__xs, +.title3__bold.p-right__xs, +.heading__bold.p-right__xs, +.subheading__bold.p-right__xs, +.body__bold.p-right__xs, +.callout__bold.p-right__xs, +.label__bold.p-right__xs, +.caption__bold.p-right__xs, +.overline__bold.p-right__xs { + padding-right: var(--xs); +} + +.display1.p-right__s, +.display2.p-right__s, +.title1.p-right__s, +.title2.p-right__s, +.title3.p-right__s, +.heading.p-right__s, +.subheading.p-right__s, +.body.p-right__s, +.callout.p-right__s, +.label.p-right__s, +.caption.p-right__s, +.overline.p-right__s, +.display1__bold.p-right__s, +.display2__bold.p-right__s, +.title1__bold.p-right__s, +.title2__bold.p-right__s, +.title3__bold.p-right__s, +.heading__bold.p-right__s, +.subheading__bold.p-right__s, +.body__bold.p-right__s, +.callout__bold.p-right__s, +.label__bold.p-right__s, +.caption__bold.p-right__s, +.overline__bold.p-right__s { + padding-right: var(--s); +} +/* Repeat for other margin directions and sizes */ + +.display1.p-right__m, +.display2.p-right__m, +.title1.p-right__m, +.title2.p-right__m, +.title3.p-right__m, +.heading.p-right__m, +.subheading.p-right__m, +.body.p-right__m, +.callout.p-right__m, +.label.p-right__m, +.caption.p-right__m, +.overline.p-right__m, +.display1__bold.p-right__m, +.display2__bold.p-right__m, +.title1__bold.p-right__m, +.title2__bold.p-right__m, +.title3__bold.p-right__m, +.heading__bold.p-right__m, +.subheading__bold.p-right__m, +.body__bold.p-right__m, +.callout__bold.p-right__m, +.label__bold.p-right__m, +.caption__bold.p-right__m, +.overline__bold.p-right__m { + padding-right: var(--m); +} + +.display1.p-right__l, +.display2.p-right__l, +.title1.p-right__l, +.title2.p-right__l, +.title3.p-right__l, +.heading.p-right__l, +.subheading.p-right__l, +.body.p-right__l, +.callout.p-right__l, +.label.p-right__l, +.caption.p-right__l, +.overline.p-right__l, +.display1__bold.p-right__l, +.display2__bold.p-right__l, +.title1__bold.p-right__l, +.title2__bold.p-right__l, +.title3__bold.p-right__l, +.heading__bold.p-right__l, +.subheading__bold.p-right__l, +.body__bold.p-right__l, +.callout__bold.p-right__l, +.label__bold.p-right__l, +.caption__bold.p-right__l, +.overline__bold.p-right__l { + padding-right: var(--l); +} + +.display1.p-right__xl, +.display2.p-right__xl, +.title1.p-right__xl, +.title2.p-right__xl, +.title3.p-right__xl, +.heading.p-right__xl, +.subheading.p-right__xl, +.body.p-right__xl, +.callout.p-right__xl, +.label.p-right__xl, +.caption.p-right__xl, +.overline.p-right__xl, +.display1__bold.p-right__xl, +.display2__bold.p-right__xl, +.title1__bold.p-right__xl, +.title2__bold.p-right__xl, +.title3__bold.p-right__xl, +.heading__bold.p-right__xl, +.subheading__bold.p-right__xl, +.body__bold.p-right__xl, +.callout__bold.p-right__xl, +.label__bold.p-right__xl, +.caption__bold.p-right__xl, +.overline__bold.p-right__xl { + padding-right: var(--xl); +} + +.display1.p-right__xxl, +.display2.p-right__xxl, +.title1.p-right__xxl, +.title2.p-right__xxl, +.title3.p-right__xxl, +.heading.p-right__xxl, +.subheading.p-right__xxl, +.body.p-right__xxl, +.callout.p-right__xxl, +.label.p-right__xxl, +.caption.p-right__xxl, +.overline.p-right__xxl, +.display1__bold.p-right__xxl, +.display2__bold.p-right__xxl, +.title1__bold.p-right__xxl, +.title2__bold.p-right__xxl, +.title3__bold.p-right__xxl, +.heading__bold.p-right__xxl, +.subheading__bold.p-right__xxl, +.body__bold.p-right__xxl, +.callout__bold.p-right__xxl, +.label__bold.p-right__xxl, +.caption__bold.p-right__xxl, +.overline__bold.p-right__xxl { + padding-right: var(--xxl); +} + +.display1.p-bottom__xxs, +.display2.p-bottom__xxs, +.title1.p-bottom__xxs, +.title2.p-bottom__xxs, +.title3.p-bottom__xxs, +.heading.p-bottom__xxs, +.subheading.p-bottom__xxs, +.body.p-bottom__xxs, +.callout.p-bottom__xxs, +.label.p-bottom__xxs, +.caption.p-bottom__xxs, +.overline.p-bottom__xxs, +.display1__bold.p-bottom__xxs, +.display2__bold.p-bottom__xxs, +.title1__bold.p-bottom__xxs, +.title2__bold.p-bottom__xxs, +.title3__bold.p-bottom__xxs, +.heading__bold.p-bottom__xxs, +.subheading__bold.p-bottom__xxs, +.body__bold.p-bottom__xxs, +.callout__bold.p-bottom__xxs, +.label__bold.p-bottom__xxs, +.caption__bold.p-bottom__xxs, +.overline__bold.p-bottom__xxs { + padding-bottom: var(--xxs); +} + +.display1.p-bottom__xs, +.display2.p-bottom__xs, +.title1.p-bottom__xs, +.title2.p-bottom__xs, +.title3.p-bottom__xs, +.heading.p-bottom__xs, +.subheading.p-bottom__xs, +.body.p-bottom__xs, +.callout.p-bottom__xs, +.label.p-bottom__xs, +.caption.p-bottom__xs, +.overline.p-bottom__xs, +.display1__bold.p-bottom__xs, +.display2__bold.p-bottom__xs, +.title1__bold.p-bottom__xs, +.title2__bold.p-bottom__xs, +.title3__bold.p-bottom__xs, +.heading__bold.p-bottom__xs, +.subheading__bold.p-bottom__xs, +.body__bold.p-bottom__xs, +.callout__bold.p-bottom__xs, +.label__bold.p-bottom__xs, +.caption__bold.p-bottom__xs, +.overline__bold.p-bottom__xs { + padding-bottom: var(--xs); +} + +.display1.p-bottom__s, +.display2.p-bottom__s, +.title1.p-bottom__s, +.title2.p-bottom__s, +.title3.p-bottom__s, +.heading.p-bottom__s, +.subheading.p-bottom__s, +.body.p-bottom__s, +.callout.p-bottom__s, +.label.p-bottom__s, +.caption.p-bottom__s, +.overline.p-bottom__s, +.display1__bold.p-bottom__s, +.display2__bold.p-bottom__s, +.title1__bold.p-bottom__s, +.title2__bold.p-bottom__s, +.title3__bold.p-bottom__s, +.heading__bold.p-bottom__s, +.subheading__bold.p-bottom__s, +.body__bold.p-bottom__s, +.callout__bold.p-bottom__s, +.label__bold.p-bottom__s, +.caption__bold.p-bottom__s, +.overline__bold.p-bottom__s { + padding-bottom: var(--s); +} +/* Repeat for other margin directions and sizes */ + +.display1.p-bottom__m, +.display2.p-bottom__m, +.title1.p-bottom__m, +.title2.p-bottom__m, +.title3.p-bottom__m, +.heading.p-bottom__m, +.subheading.p-bottom__m, +.body.p-bottom__m, +.callout.p-bottom__m, +.label.p-bottom__m, +.caption.p-bottom__m, +.overline.p-bottom__m, +.display1__bold.p-bottom__m, +.display2__bold.p-bottom__m, +.title1__bold.p-bottom__m, +.title2__bold.p-bottom__m, +.title3__bold.p-bottom__m, +.heading__bold.p-bottom__m, +.subheading__bold.p-bottom__m, +.body__bold.p-bottom__m, +.callout__bold.p-bottom__m, +.label__bold.p-bottom__m, +.caption__bold.p-bottom__m, +.overline__bold.p-bottom__m { + padding-bottom: var(--m); +} + +.display1.p-bottom__l, +.display2.p-bottom__l, +.title1.p-bottom__l, +.title2.p-bottom__l, +.title3.p-bottom__l, +.heading.p-bottom__l, +.subheading.p-bottom__l, +.body.p-bottom__l, +.callout.p-bottom__l, +.label.p-bottom__l, +.caption.p-bottom__l, +.overline.p-bottom__l, +.display1__bold.p-bottom__l, +.display2__bold.p-bottom__l, +.title1__bold.p-bottom__l, +.title2__bold.p-bottom__l, +.title3__bold.p-bottom__l, +.heading__bold.p-bottom__l, +.subheading__bold.p-bottom__l, +.body__bold.p-bottom__l, +.callout__bold.p-bottom__l, +.label__bold.p-bottom__l, +.caption__bold.p-bottom__l, +.overline__bold.p-bottom__l { + padding-bottom: var(--l); +} + +.display1.p-bottom__xl, +.display2.p-bottom__xl, +.title1.p-bottom__xl, +.title2.p-bottom__xl, +.title3.p-bottom__xl, +.heading.p-bottom__xl, +.subheading.p-bottom__xl, +.body.p-bottom__xl, +.callout.p-bottom__xl, +.label.p-bottom__xl, +.caption.p-bottom__xl, +.overline.p-bottom__xl, +.display1__bold.p-bottom__xl, +.display2__bold.p-bottom__xl, +.title1__bold.p-bottom__xl, +.title2__bold.p-bottom__xl, +.title3__bold.p-bottom__xl, +.heading__bold.p-bottom__xl, +.subheading__bold.p-bottom__xl, +.body__bold.p-bottom__xl, +.callout__bold.p-bottom__xl, +.label__bold.p-bottom__xl, +.caption__bold.p-bottom__xl, +.overline__bold.p-bottom__xl { + padding-bottom: var(--xl); +} + +.display1.p-bottom__xxl, +.display2.p-bottom__xxl, +.title1.p-bottom__xxl, +.title2.p-bottom__xxl, +.title3.p-bottom__xxl, +.heading.p-bottom__xxl, +.subheading.p-bottom__xxl, +.body.p-bottom__xxl, +.callout.p-bottom__xxl, +.label.p-bottom__xxl, +.caption.p-bottom__xxl, +.overline.p-bottom__xxl, +.display1__bold.p-bottom__xxl, +.display2__bold.p-bottom__xxl, +.title1__bold.p-bottom__xxl, +.title2__bold.p-bottom__xxl, +.title3__bold.p-bottom__xxl, +.heading__bold.p-bottom__xxl, +.subheading__bold.p-bottom__xxl, +.body__bold.p-bottom__xxl, +.callout__bold.p-bottom__xxl, +.label__bold.p-bottom__xxl, +.caption__bold.p-bottom__xxl, +.overline__bold.p-bottom__xxl { + padding-bottom: var(--xxl); +} + +.display1.p-left__xxs, +.display2.p-left__xxs, +.title1.p-left__xxs, +.title2.p-left__xxs, +.title3.p-left__xxs, +.heading.p-left__xxs, +.subheading.p-left__xxs, +.body.p-left__xxs, +.callout.p-left__xxs, +.label.p-left__xxs, +.caption.p-left__xxs, +.overline.p-left__xxs, +.display1__bold.p-left__xxs, +.display2__bold.p-left__xxs, +.title1__bold.p-left__xxs, +.title2__bold.p-left__xxs, +.title3__bold.p-left__xxs, +.heading__bold.p-left__xxs, +.subheading__bold.p-left__xxs, +.body__bold.p-left__xxs, +.callout__bold.p-left__xxs, +.label__bold.p-left__xxs, +.caption__bold.p-left__xxs, +.overline__bold.p-left__xxs { + padding-left: var(--xxs); +} + +.display1.p-left__xs, +.display2.p-left__xs, +.title1.p-left__xs, +.title2.p-left__xs, +.title3.p-left__xs, +.heading.p-left__xs, +.subheading.p-left__xs, +.body.p-left__xs, +.callout.p-left__xs, +.label.p-left__xs, +.caption.p-left__xs, +.overline.p-left__xs, +.display1__bold.p-left__xs, +.display2__bold.p-left__xs, +.title1__bold.p-left__xs, +.title2__bold.p-left__xs, +.title3__bold.p-left__xs, +.heading__bold.p-left__xs, +.subheading__bold.p-left__xs, +.body__bold.p-left__xs, +.callout__bold.p-left__xs, +.label__bold.p-left__xs, +.caption__bold.p-left__xs, +.overline__bold.p-left__xs { + padding-left: var(--xs); +} + +.display1.p-left__s, +.display2.p-left__s, +.title1.p-left__s, +.title2.p-left__s, +.title3.p-left__s, +.heading.p-left__s, +.subheading.p-left__s, +.body.p-left__s, +.callout.p-left__s, +.label.p-left__s, +.caption.p-left__s, +.overline.p-left__s, +.display1__bold.p-left__s, +.display2__bold.p-left__s, +.title1__bold.p-left__s, +.title2__bold.p-left__s, +.title3__bold.p-left__s, +.heading__bold.p-left__s, +.subheading__bold.p-left__s, +.body__bold.p-left__s, +.callout__bold.p-left__s, +.label__bold.p-left__s, +.caption__bold.p-left__s, +.overline__bold.p-left__s { + padding-left: var(--s); +} +/* Repeat for other margin directions and sizes */ + +.display1.p-left__m, +.display2.p-left__m, +.title1.p-left__m, +.title2.p-left__m, +.title3.p-left__m, +.heading.p-left__m, +.subheading.p-left__m, +.body.p-left__m, +.callout.p-left__m, +.label.p-left__m, +.caption.p-left__m, +.overline.p-left__m, +.display1__bold.p-left__m, +.display2__bold.p-left__m, +.title1__bold.p-left__m, +.title2__bold.p-left__m, +.title3__bold.p-left__m, +.heading__bold.p-left__m, +.subheading__bold.p-left__m, +.body__bold.p-left__m, +.callout__bold.p-left__m, +.label__bold.p-left__m, +.caption__bold.p-left__m, +.overline__bold.p-left__m { + padding-left: var(--m); +} + +.display1.p-left__l, +.display2.p-left__l, +.title1.p-left__l, +.title2.p-left__l, +.title3.p-left__l, +.heading.p-left__l, +.subheading.p-left__l, +.body.p-left__l, +.callout.p-left__l, +.label.p-left__l, +.caption.p-left__l, +.overline.p-left__l, +.display1__bold.p-left__l, +.display2__bold.p-left__l, +.title1__bold.p-left__l, +.title2__bold.p-left__l, +.title3__bold.p-left__l, +.heading__bold.p-left__l, +.subheading__bold.p-left__l, +.body__bold.p-left__l, +.callout__bold.p-left__l, +.label__bold.p-left__l, +.caption__bold.p-left__l, +.overline__bold.p-left__l { + padding-left: var(--l); +} + +.display1.p-left__xl, +.display2.p-left__xl, +.title1.p-left__xl, +.title2.p-left__xl, +.title3.p-left__xl, +.heading.p-left__xl, +.subheading.p-left__xl, +.body.p-left__xl, +.callout.p-left__xl, +.label.p-left__xl, +.caption.p-left__xl, +.overline.p-left__xl, +.display1__bold.p-left__xl, +.display2__bold.p-left__xl, +.title1__bold.p-left__xl, +.title2__bold.p-left__xl, +.title3__bold.p-left__xl, +.heading__bold.p-left__xl, +.subheading__bold.p-left__xl, +.body__bold.p-left__xl, +.callout__bold.p-left__xl, +.label__bold.p-left__xl, +.caption__bold.p-left__xl, +.overline__bold.p-left__xl { + padding-left: var(--xl); +} + +.display1.p-left__xxl, +.display2.p-left__xxl, +.title1.p-left__xxl, +.title2.p-left__xxl, +.title3.p-left__xxl, +.heading.p-left__xxl, +.subheading.p-left__xxl, +.body.p-left__xxl, +.callout.p-left__xxl, +.label.p-left__xxl, +.caption.p-left__xxl, +.overline.p-left__xxl, +.display1__bold.p-left__xxl, +.display2__bold.p-left__xxl, +.title1__bold.p-left__xxl, +.title2__bold.p-left__xxl, +.title3__bold.p-left__xxl, +.heading__bold.p-left__xxl, +.subheading__bold.p-left__xxl, +.body__bold.p-left__xxl, +.callout__bold.p-left__xxl, +.label__bold.p-left__xxl, +.caption__bold.p-left__xxl, +.overline__bold.p-left__xxl { + padding-left: var(--xxl); +} diff --git a/css/position.css b/css/position.css new file mode 100644 index 0000000..e009f2c --- /dev/null +++ b/css/position.css @@ -0,0 +1,20 @@ +.position__static { + position: static; +} + +.position__relative { + position: relative; +} + +.position__absolute { + position: absolute; +} + +.position__fixed { + position: fixed; +} + +.position__sticky { + position: sticky; + top: 0; +} \ No newline at end of file diff --git a/css/scale.css b/css/scale.css new file mode 100644 index 0000000..2875d36 --- /dev/null +++ b/css/scale.css @@ -0,0 +1,23 @@ +.scaleUp__wholestep { + transform: scale(var(--wholestep)); +} + +.scaleUp__halfstep { + transform: scale(var(--halfstep)); +} + +.scaleUp__quarterstep { + transform: scale(var(--quarterstep)); +} + +.scaleDown__wholestep { + transform: scale(calc(1 / var(--wholestep))); +} + +.scaleDown__halfstep { + transform: scale(calc(1 / var(--halfstep))); +} + +.scaleDown__quarterstep { + transform: scale(calc(1 / var(--quarterstep))); +} diff --git a/css/sections.css b/css/sections.css new file mode 100644 index 0000000..7416522 --- /dev/null +++ b/css/sections.css @@ -0,0 +1,38 @@ +.section__leastPadding { + padding: 1.618em 4.235em; +} + +.section__lessPadding { + padding: 2.618em 4.235em; +} + +.section__default { + padding: 4.235em; +} + +.section__morePadding { + padding: 6.852em 4.235em; +} + +.section__mostPadding { + padding: 11.087em 4.235em; +} + +@media screen and (max-width: 991px) { + .section__lessPadding { + padding: 2.618em 1.618em; + } + + .section__default { + padding: 1.618em; + } + + .section__morePadding { + padding: 4.235em 1.618em; + } + + .section__mostPadding { + padding: 6.852em 1.618em; + } + +} diff --git a/cssReference/shadows.css b/css/shadows.css similarity index 57% rename from cssReference/shadows.css rename to css/shadows.css index 64cd79c..223c16e 100644 --- a/cssReference/shadows.css +++ b/css/shadows.css @@ -1,59 +1,58 @@ -.shadow3 { +.shadow-sm { align-items: flex-start; - box-shadow: 0 11px 15px -3px rgba(0, 0, 0, .11), 0 2px 6px rgba(0, 0, 0, .07), 0 0 1px #727272; + box-shadow: 0 0 1px 0 var(--light__shadow_lkv); flex: 0 auto; grid-column-gap: 10px; grid-row-gap: 10px; justify-content: flex-start; position: relative; - z-index: 3; + z-index: 1; } -.shadow4 { +.shadow-md { align-items: flex-start; - box-shadow: 0 20px 25px rgba(0, 0, 0, .09), 0 5px 11px rgba(0, 0, 0, .12), 0 0 1px #727272; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.11), + 0 0 1px #727272; flex: 0 auto; grid-column-gap: 10px; grid-row-gap: 10px; justify-content: flex-start; position: relative; - z-index: 4; + z-index: 2; } -.shadow1 { +.shadow-lg { align-items: flex-start; - box-shadow: 0 0 1px 0 var(--light__shadow_clv); + box-shadow: 0 11px 15px -3px rgba(0, 0, 0, 0.11), + 0 2px 6px rgba(0, 0, 0, 0.07), 0 0 1px #727272; flex: 0 auto; grid-column-gap: 10px; grid-row-gap: 10px; justify-content: flex-start; position: relative; - z-index: 1; + z-index: 3; } -.shadow5 { +.shadow-xl { align-items: flex-start; - box-shadow: 0 25px 50px rgba(0, 0, 0, .23), 0 9px 18px rgba(0, 0, 0, .1), 0 0 1px #727272; + box-shadow: 0 20px 25px rgba(0, 0, 0, 0.09), 0 5px 11px rgba(0, 0, 0, 0.12), + 0 0 1px #727272; flex: 0 auto; grid-column-gap: 10px; grid-row-gap: 10px; justify-content: flex-start; position: relative; - z-index: 5; + z-index: 4; } -.shadow2 { +.shadow-2xl { align-items: flex-start; - box-shadow: 0 4px 6px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .11), 0 0 1px #727272; + box-shadow: 0 25px 50px rgba(0, 0, 0, 0.23), 0 9px 18px rgba(0, 0, 0, 0.1), + 0 0 1px #727272; flex: 0 auto; grid-column-gap: 10px; grid-row-gap: 10px; justify-content: flex-start; position: relative; - z-index: 2; + z-index: 5; } - -.shadowsoft { - box-shadow: 0 0 1px #727272, 0 12px 24px -4px rgba(21, 19, 22, .05); - z-index: 1; -} \ No newline at end of file diff --git a/cssReference/stateLayers.css b/css/state-layers.css similarity index 52% rename from cssReference/stateLayers.css rename to css/state-layers.css index 1bd896e..2d86490 100644 --- a/cssReference/stateLayers.css +++ b/css/state-layers.css @@ -8,12 +8,18 @@ bottom: 0%; left: 0%; right: 0%; + + transition: opacity 0.2s ease; +} + +*:hover .state-layer{ + opacity: 0.08; } -.state-layer.bg-onprimary { - background-color: #fff; +*:active .state-layer{ + opacity: 0.14; } -.state-layer.bg__primary { - background-color: #3d56bc; +*:focus .state-layer{ + opacity: 0.14; } \ No newline at end of file diff --git a/css/text-alignment.css b/css/text-alignment.css new file mode 100644 index 0000000..0555442 --- /dev/null +++ b/css/text-alignment.css @@ -0,0 +1,11 @@ +.text-align__left { + text-align: left; +} + +.text-align__center { + text-align: center; +} + +.text-align__right { + text-align: right; +} diff --git a/css/typography.css b/css/typography.css new file mode 100644 index 0000000..138d5c2 --- /dev/null +++ b/css/typography.css @@ -0,0 +1,580 @@ +@import "globals.css"; + +/* Regular families */ +.display1 { + --lineHeightInEms: calc(1em * var(--quarterstep)); + --m: calc(var(--lineHeightInEms) / var(--wholestep)); + + --s: calc(var(--m) / var(--wholestep)); + --xs: calc(var(--s) / var(--wholestep)); + --xxs: calc(var(--xs) / var(--wholestep)); + + --l: calc(var(--lineHeightInEms) * var(--wholestep)); + --xl: calc(var(--l) * var(--wholestep)); + --xxl: calc(var(--xl) * var(--wholestep)); + + letter-spacing: -0.022em; + font-size: calc(1em * var(--wholestep) * var(--wholestep) * var(--wholestep)); + font-weight: 400; + line-height: var(--quarterstep); +} + +.display2 { + --lineHeightInEms: calc(1em * var(--halfstep)); + --m: calc(var(--lineHeightInEms) / var(--wholestep)); + + --s: calc(var(--m) / var(--wholestep)); + --xs: calc(var(--s) / var(--wholestep)); + --xxs: calc(var(--xs) / var(--wholestep)); + + --l: calc(var(--lineHeightInEms) * var(--wholestep)); + --xl: calc(var(--l) * var(--wholestep)); + --xxl: calc(var(--xl) * var(--wholestep)); + + letter-spacing: -0.022em; + font-size: calc(1em * var(--wholestep) * var(--wholestep)); + font-weight: 400; + line-height: var(--halfstep); +} + +.title1 { + --lineHeightInEms: calc(1em * var(--halfstep)); + --m: calc(var(--lineHeightInEms) / var(--wholestep)); + + --s: calc(var(--m) / var(--wholestep)); + --xs: calc(var(--s) / var(--wholestep)); + --xxs: calc(var(--xs) / var(--wholestep)); + + --l: calc(var(--lineHeightInEms) * var(--wholestep)); + --xl: calc(var(--l) * var(--wholestep)); + --xxl: calc(var(--xl) * var(--wholestep)); + + letter-spacing: -0.022em; + font-size: calc(1em * var(--wholestep) * var(--halfstep)); + font-weight: 400; + line-height: var(--halfstep); +} + +.title2 { + --lineHeightInEms: calc(1em * var(--halfstep)); + --m: calc(var(--lineHeightInEms) / var(--wholestep)); + + --s: calc(var(--m) / var(--wholestep)); + --xs: calc(var(--s) / var(--wholestep)); + --xxs: calc(var(--xs) / var(--wholestep)); + + --l: calc(var(--lineHeightInEms) * var(--wholestep)); + --xl: calc(var(--l) * var(--wholestep)); + --xxl: calc(var(--xl) * var(--wholestep)); + + letter-spacing: -0.02em; + font-size: calc(1em * var(--wholestep)); + font-weight: 400; + line-height: var(--halfstep); +} + +.title3 { + --lineHeightInEms: calc(1em * var(--halfstep)); + --m: calc(var(--lineHeightInEms) / var(--wholestep)); + + --s: calc(var(--m) / var(--wholestep)); + --xs: calc(var(--s) / var(--wholestep)); + --xxs: calc(var(--xs) / var(--wholestep)); + + --l: calc(var(--lineHeightInEms) * var(--wholestep)); + --xl: calc(var(--l) * var(--wholestep)); + --xxl: calc(var(--xl) * var(--wholestep)); + + letter-spacing: -0.017em; + font-size: calc(1em * var(--halfstep)); + font-weight: 400; + line-height: var(--halfstep); +} + +.heading { + --lineHeightInEms: calc(1em * var(--halfstep)); + --m: calc(var(--lineHeightInEms) / var(--wholestep)); + + --s: calc(var(--m) / var(--wholestep)); + --xs: calc(var(--s) / var(--wholestep)); + --xxs: calc(var(--xs) / var(--wholestep)); + + --l: calc(var(--lineHeightInEms) * var(--wholestep)); + --xl: calc(var(--l) * var(--wholestep)); + --xxl: calc(var(--xl) * var(--wholestep)); + + letter-spacing: -0.014em; + font-size: calc(1em * var(--quarterstep)); + font-weight: 600; + line-height: var(--halfstep); +} + +.subheading { + --lineHeightInEms: calc(1em * var(--halfstep)); + --m: calc(var(--lineHeightInEms) / var(--wholestep)); + + --s: calc(var(--m) / var(--wholestep)); + --xs: calc(var(--s) / var(--wholestep)); + --xxs: calc(var(--xs) / var(--wholestep)); + + --l: calc(var(--lineHeightInEms) * var(--wholestep)); + --xl: calc(var(--l) * var(--wholestep)); + --xxl: calc(var(--xl) * var(--wholestep)); + + letter-spacing: -0.007em; + font-size: calc(1em / var(--quarterstep)); + font-weight: 400; + line-height: var(--halfstep); +} + +.body { + --lineHeightInEms: calc(1em * var(--wholestep)); + --m: calc(var(--base) / var(--wholestep)); + --s: calc(var(--m) / var(--wholestep)); + --xs: calc(var(--s) / var(--wholestep)); + --xxs: calc(var(--xs) / var(--wholestep)); + + --l: calc(var(--base) * var(--wholestep)); + --xl: calc(var(--l) * var(--wholestep)); + --xxl: calc(var(--xl) * var(--wholestep)); + + letter-spacing: -0.011em; + cursor: default; + font-size: 1em; + font-weight: 400; + line-height: var(--wholestep); +} + +.callout { + --lineHeightInEms: calc(1em * var(--halfstep)); + --m: calc(var(--lineHeightInEms) / var(--wholestep)); + + --s: calc(var(--m) / var(--wholestep)); + --xs: calc(var(--s) / var(--wholestep)); + --xxs: calc(var(--xs) / var(--wholestep)); + + --l: calc(var(--lineHeightInEms) * var(--wholestep)); + --xl: calc(var(--l) * var(--wholestep)); + --xxl: calc(var(--xl) * var(--wholestep)); + + letter-spacing: -0.009em; + font-size: calc(1em / var(--eighthstep)); + font-weight: 400; + line-height: var(--halfstep); +} + +.label { + --lineHeightInEms: calc(1em * var(--halfstep)); + --m: calc(var(--lineHeightInEms) / var(--wholestep)); + + --s: calc(var(--m) / var(--wholestep)); + --xs: calc(var(--s) / var(--wholestep)); + --xxs: calc(var(--xs) / var(--wholestep)); + + --l: calc(var(--lineHeightInEms) * var(--wholestep)); + --xl: calc(var(--l) * var(--wholestep)); + --xxl: calc(var(--xl) * var(--wholestep)); + + letter-spacing: -0.004em; + font-size: calc((1em / var(--quarterstep)) / var(--eighthstep)); + font-weight: 600; + line-height: var(--halfstep); + position: static; + top: 6.235em; +} + +.caption { + --lineHeightInEms: calc(1em * var(--halfstep)); + --m: calc(var(--lineHeightInEms) / var(--wholestep)); + + --s: calc(var(--m) / var(--wholestep)); + --xs: calc(var(--s) / var(--wholestep)); + --xxs: calc(var(--xs) / var(--wholestep)); + + --l: calc(var(--lineHeightInEms) * var(--wholestep)); + --xl: calc(var(--l) * var(--wholestep)); + --xxl: calc(var(--xl) * var(--wholestep)); + + letter-spacing: -0.007em; + font-size: calc(1em / var(--halfstep)); + font-weight: 400; + line-height: var(--halfstep); +} + +.overline { + --lineHeightInEms: calc(1em * var(--halfstep)); + --m: calc(var(--lineHeightInEms) / var(--wholestep)); + + --s: calc(var(--m) / var(--wholestep)); + --xs: calc(var(--s) / var(--wholestep)); + --xxs: calc(var(--xs) / var(--wholestep)); + + --l: calc(var(--lineHeightInEms) * var(--wholestep)); + --xl: calc(var(--l) * var(--wholestep)); + --xxl: calc(var(--xl) * var(--wholestep)); + + letter-spacing: 0.0618em; + text-transform: uppercase; + font-size: calc(1em / var(--halfstep)); + font-weight: 400; + line-height: var(--halfstep); +} + +/* Bold Families */ + +.display1__bold { + --lineHeightInEms: calc(1em * var(--quarterstep)); + --m: calc(var(--base) / var(--wholestep)); + --s: calc(var(--m) / var(--wholestep)); + --xs: calc(var(--s) / var(--wholestep)); + --xxs: calc(var(--xs) / var(--wholestep)); + + --l: calc(var(--base) * var(--wholestep)); + --xl: calc(var(--l) * var(--wholestep)); + --xxl: calc(var(--xl) * var(--wholestep)); + + letter-spacing: -0.022em; + font-size: calc(1em * var(--wholestep) * var(--wholestep) * var(--wholestep)); + font-weight: 700; + line-height: var(--quarterstep); +} + +.display2__bold { + --lineHeightInEms: calc(1em * var(--halfstep)); + --m: calc(var(--lineHeightInEms) / var(--wholestep)); + + --s: calc(var(--m) / var(--wholestep)); + --xs: calc(var(--s) / var(--wholestep)); + --xxs: calc(var(--xs) / var(--wholestep)); + + --l: calc(var(--lineHeightInEms) * var(--wholestep)); + --xl: calc(var(--l) * var(--wholestep)); + --xxl: calc(var(--xl) * var(--wholestep)); + + letter-spacing: -0.022em; + font-size: calc(1em * var(--wholestep) * var(--wholestep)); + font-weight: 700; + line-height: var(--halfstep); +} + +.title1__bold { + --lineHeightInEms: calc(1em * var(--halfstep)); + --m: calc(var(--lineHeightInEms) / var(--wholestep)); + + --s: calc(var(--m) / var(--wholestep)); + --xs: calc(var(--s) / var(--wholestep)); + --xxs: calc(var(--xs) / var(--wholestep)); + + --l: calc(var(--lineHeightInEms) * var(--wholestep)); + --xl: calc(var(--l) * var(--wholestep)); + --xxl: calc(var(--xl) * var(--wholestep)); + + letter-spacing: -0.022em; + font-size: calc(1em * var(--wholestep) * var(--halfstep)); + font-weight: 600; + line-height: var(--halfstep); +} + +.title2__bold { + --lineHeightInEms: calc(1em * var(--halfstep)); + --m: calc(var(--lineHeightInEms) / var(--wholestep)); + + --s: calc(var(--m) / var(--wholestep)); + --xs: calc(var(--s) / var(--wholestep)); + --xxs: calc(var(--xs) / var(--wholestep)); + + --l: calc(var(--lineHeightInEms) * var(--wholestep)); + --xl: calc(var(--l) * var(--wholestep)); + --xxl: calc(var(--xl) * var(--wholestep)); + + letter-spacing: -0.02em; + font-size: calc(1em * var(--wholestep)); + font-weight: 600; + line-height: var(--halfstep); +} + +.title3__bold { + --lineHeightInEms: calc(1em * var(--halfstep)); + --m: calc(var(--lineHeightInEms) / var(--wholestep)); + + --s: calc(var(--m) / var(--wholestep)); + --xs: calc(var(--s) / var(--wholestep)); + --xxs: calc(var(--xs) / var(--wholestep)); + + --l: calc(var(--lineHeightInEms) * var(--wholestep)); + --xl: calc(var(--l) * var(--wholestep)); + --xxl: calc(var(--xl) * var(--wholestep)); + + letter-spacing: -0.017em; + font-size: calc(1em * var(--halfstep)); + font-weight: 600; + line-height: var(--halfstep); +} + +.heading__bold { + --lineHeightInEms: calc(1em * var(--halfstep)); + --m: calc(var(--lineHeightInEms) / var(--wholestep)); + + --s: calc(var(--m) / var(--wholestep)); + --xs: calc(var(--s) / var(--wholestep)); + --xxs: calc(var(--xs) / var(--wholestep)); + + --l: calc(var(--lineHeightInEms) * var(--wholestep)); + --xl: calc(var(--l) * var(--wholestep)); + --xxl: calc(var(--xl) * var(--wholestep)); + + letter-spacing: -0.014em; + font-size: calc(1em * var(--quarterstep)); + font-weight: 700; + line-height: var(--halfstep); +} + +.subheading__bold { + --lineHeightInEms: calc(1em * var(--halfstep)); + --m: calc(var(--lineHeightInEms) / var(--wholestep)); + + --s: calc(var(--m) / var(--wholestep)); + --xs: calc(var(--s) / var(--wholestep)); + --xxs: calc(var(--xs) / var(--wholestep)); + + --l: calc(var(--lineHeightInEms) * var(--wholestep)); + --xl: calc(var(--l) * var(--wholestep)); + --xxl: calc(var(--xl) * var(--wholestep)); + + letter-spacing: -0.007em; + font-size: calc(1em / var(--quarterstep)); + font-weight: 600; + line-height: var(--halfstep); +} + +.body__bold { + --lineHeightInEms: calc(1em * var(--wholestep)); + --m: calc(var(--base) / var(--wholestep)); + --s: calc(var(--m) / var(--wholestep)); + --xs: calc(var(--s) / var(--wholestep)); + --xxs: calc(var(--xs) / var(--wholestep)); + + --l: calc(var(--base) * var(--wholestep)); + --xl: calc(var(--l) * var(--wholestep)); + --xxl: calc(var(--xl) * var(--wholestep)); + + letter-spacing: -0.011em; + padding: 0; + font-size: 1em; + font-weight: 600; + line-height: var(--wholestep); + position: relative; +} + +.callout__bold { + --lineHeightInEms: calc(1em * var(--halfstep)); + --m: calc(var(--lineHeightInEms) / var(--wholestep)); + + --s: calc(var(--m) / var(--wholestep)); + --xs: calc(var(--s) / var(--wholestep)); + --xxs: calc(var(--xs) / var(--wholestep)); + + --l: calc(var(--lineHeightInEms) * var(--wholestep)); + --xl: calc(var(--l) * var(--wholestep)); + --xxl: calc(var(--xl) * var(--wholestep)); + + letter-spacing: -0.009em; + font-size: calc(1em / var(--eighthstep)); + font-weight: 600; + line-height: var(--halfstep); + text-decoration: none; +} + +.label__bold { + --lineHeightInEms: calc(1em * var(--halfstep)); + --m: calc(var(--lineHeightInEms) / var(--wholestep)); + + --s: calc(var(--m) / var(--wholestep)); + --xs: calc(var(--s) / var(--wholestep)); + --xxs: calc(var(--xs) / var(--wholestep)); + + --l: calc(var(--lineHeightInEms) * var(--wholestep)); + --xl: calc(var(--l) * var(--wholestep)); + --xxl: calc(var(--xl) * var(--wholestep)); + + letter-spacing: -0.004em; + font-size: calc((1em / var(--quarterstep)) / var(--eighthstep)); + font-weight: 700; + line-height: var(--halfstep); +} + +.caption__bold { + --lineHeightInEms: calc(1em * var(--halfstep)); + --m: calc(var(--lineHeightInEms) / var(--wholestep)); + + --s: calc(var(--m) / var(--wholestep)); + --xs: calc(var(--s) / var(--wholestep)); + --xxs: calc(var(--xs) / var(--wholestep)); + + --l: calc(var(--lineHeightInEms) * var(--wholestep)); + --xl: calc(var(--l) * var(--wholestep)); + --xxl: calc(var(--xl) * var(--wholestep)); + + letter-spacing: -0.007em; + font-size: calc(1em / var(--halfstep)); + font-weight: 600; + line-height: var(--halfstep); +} + +.overline__bold { + --lineHeightInEms: calc(1em * var(--halfstep)); + --m: calc(var(--lineHeightInEms) / var(--wholestep)); + + --s: calc(var(--m) / var(--wholestep)); + --xs: calc(var(--s) / var(--wholestep)); + --xxs: calc(var(--xs) / var(--wholestep)); + + --l: calc(var(--lineHeightInEms) * var(--wholestep)); + --xl: calc(var(--l) * var(--wholestep)); + --xxl: calc(var(--xl) * var(--wholestep)); + + letter-spacing: 0.0618em; + text-transform: uppercase; + font-size: calc(1em / var(--halfstep)); + font-weight: 600; + line-height: var(--halfstep); +} + +@media screen and (max-width: 991px) { + body { + font-size: 1vw; + } +} + +@media screen and (max-width: 767px) { + .display1__bold, + .display1 { + font-size: 3.3301em; + } +} + +@media screen and (max-width: 479px) { + .display1 { + font-size: 2.61743em; + } + + .display1__bold { + font-size: 2.61743em; + } + + .display2 { + font-size: 2.05818em; + } + + .display2__bold { + font-size: 2.05818em; + } + + .title1__bold, + .title1 { + font-size: 1.82285em; + } +} + +.rich-text { + color: var(--light__onsurface_lkv); +} + +.rich-text h1 { + color: var(--light__onsurface_lkv); + letter-spacing: -0.035em; + margin-top: 0; + margin-bottom: 1.129em; + font-size: calc(1em * var(--wholestep) * var(--wholestep) * var(--wholestep)); + font-weight: 700; + line-height: 1.129; +} + +.rich-text h2 { + letter-spacing: -0.022em; + margin-top: 0.786096em; + margin-bottom: 0.345984em; + font-size: calc(1em * var(--wholestep) * var(--wholestep)); + font-weight: 700; + line-height: var(--halfstep); +} + +.rich-text h3 { + letter-spacing: -0.022em; + margin-top: 0.786096em; + margin-bottom: 0.345984em; + font-size: 2.058em; + font-weight: 600; + line-height: var(--halfstep); +} + +.rich-text h4 { + letter-spacing: -0.02em; + margin-top: 0.786096em; + margin-bottom: 0.345984em; + font-size: 1.618em; + font-weight: 600; + line-height: var(--halfstep); +} + +.rich-text h5 { + letter-spacing: -0.017em; + margin-top: 0.786096em; + margin-bottom: 0.345984em; + font-size: 1.272em; + font-weight: 600; + line-height: var(--halfstep); +} + +.rich-text h6 { + letter-spacing: -0.014em; + margin-top: 0.786096em; + margin-bottom: 0.345984em; + font-size: 1.129em; + font-weight: 600; + line-height: var(--halfstep); +} + +.rich-text ol { + margin-top: 1em; + margin-bottom: 1em; +} + +.rich-text ul { + margin-top: 1em; + margin-bottom: 1em; + padding-left: 2.618em; + line-height: var(--wholestep); +} + +.rich-text blockquote { + margin-top: 1em; + margin-bottom: 1em; + padding: 0 1.618em; + font-size: 1em; + line-height: var(--wholestep); +} + +.rich-text p { + color: var(--light__onsurfacevariant_lkv); + margin-top: 1em; + margin-bottom: 1em; +} + +.rich-text a { + color: var(--light__primary_lkv); + font-weight: 700; +} + +.rich-text figcaption { + color: var(--light__onsurfacevariant_lkv); + margin-top: 1em; + margin-bottom: 1em; + font-size: calc(1em / var(--halfstep)); + line-height: var(--wholestep); +} + +.rich-text img { + margin-top: 1em; + margin-bottom: 11em; +} diff --git a/css/webflow.css b/css/webflow.css deleted file mode 100644 index 8a8831e..0000000 --- a/css/webflow.css +++ /dev/null @@ -1,1820 +0,0 @@ -@font-face { - font-family: 'webflow-icons'; - src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype'); - font-weight: normal; - font-style: normal; -} -[class^="w-icon-"], -[class*=" w-icon-"] { - /* use !important to prevent issues with browser extensions that change fonts */ - font-family: 'webflow-icons' !important; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - /* Better Font Rendering =========== */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.w-icon-slider-right:before { - content: "\e600"; -} -.w-icon-slider-left:before { - content: "\e601"; -} -.w-icon-nav-menu:before { - content: "\e602"; -} -.w-icon-arrow-down:before, -.w-icon-dropdown-toggle:before { - content: "\e603"; -} -.w-icon-file-upload-remove:before { - content: "\e900"; -} -.w-icon-file-upload-icon:before { - content: "\e903"; -} -* { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -html { - height: 100%; -} -body { - margin: 0; - min-height: 100%; - background-color: #fff; - font-family: Arial, sans-serif; - font-size: 14px; - line-height: 20px; - color: #333; -} -img { - max-width: 100%; - vertical-align: middle; - display: inline-block; -} -html.w-mod-touch * { - background-attachment: scroll !important; -} -.w-block { - display: block; -} -.w-inline-block { - max-width: 100%; - display: inline-block; -} -.w-clearfix:before, -.w-clearfix:after { - content: " "; - display: table; - grid-column-start: 1; - grid-row-start: 1; - grid-column-end: 2; - grid-row-end: 2; -} -.w-clearfix:after { - clear: both; -} -.w-hidden { - display: none; -} -.w-button { - display: inline-block; - padding: 9px 15px; - background-color: #3898EC; - color: white; - border: 0; - line-height: inherit; - text-decoration: none; - cursor: pointer; - border-radius: 0; -} -input.w-button { - -webkit-appearance: button; -} -html[data-w-dynpage] [data-w-cloak] { - color: transparent !important; -} -.w-code-block { - margin: unset; -} -pre.w-code-block code { - all: inherit; -} -.w-webflow-badge, -.w-webflow-badge * { - position: static; - left: auto; - top: auto; - right: auto; - bottom: auto; - z-index: auto; - display: block; - visibility: visible; - overflow: visible; - overflow-x: visible; - overflow-y: visible; - box-sizing: border-box; - width: auto; - height: auto; - max-height: none; - max-width: none; - min-height: 0; - min-width: 0; - margin: 0; - padding: 0; - float: none; - clear: none; - border: 0 none transparent; - border-radius: 0; - background: none; - background-image: none; - background-position: 0% 0%; - background-size: auto auto; - background-repeat: repeat; - background-origin: padding-box; - background-clip: border-box; - background-attachment: scroll; - background-color: transparent; - box-shadow: none; - opacity: 1; - transform: none; - transition: none; - direction: ltr; - font-family: inherit; - font-weight: inherit; - color: inherit; - font-size: inherit; - line-height: inherit; - font-style: inherit; - font-variant: inherit; - text-align: inherit; - letter-spacing: inherit; - text-decoration: inherit; - text-indent: 0; - text-transform: inherit; - list-style-type: disc; - text-shadow: none; - font-smoothing: auto; - vertical-align: baseline; - cursor: inherit; - white-space: inherit; - word-break: normal; - word-spacing: normal; - word-wrap: normal; -} -.w-webflow-badge { - position: fixed !important; - display: inline-block !important; - visibility: visible !important; - z-index: 2147483647 !important; - top: auto !important; - right: 12px !important; - bottom: 12px !important; - left: auto !important; - color: #aaadb0 !important; - background-color: #fff !important; - border-radius: 3px !important; - padding: 6px !important; - font-size: 12px !important; - opacity: 1 !important; - line-height: 14px !important; - text-decoration: none !important; - transform: none !important; - margin: 0 !important; - width: auto !important; - height: auto !important; - overflow: visible !important; - white-space: nowrap; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1); - cursor: pointer; -} -.w-webflow-badge > img { - display: inline-block !important; - visibility: visible !important; - opacity: 1 !important; - vertical-align: middle !important; -} -h1, -h2, -h3, -h4, -h5, -h6 { - font-weight: bold; - margin-bottom: 10px; -} -h1 { - font-size: 38px; - line-height: 44px; - margin-top: 20px; -} -h2 { - font-size: 32px; - line-height: 36px; - margin-top: 20px; -} -h3 { - font-size: 24px; - line-height: 30px; - margin-top: 20px; -} -h4 { - font-size: 18px; - line-height: 24px; - margin-top: 10px; -} -h5 { - font-size: 14px; - line-height: 20px; - margin-top: 10px; -} -h6 { - font-size: 12px; - line-height: 18px; - margin-top: 10px; -} -p { - margin-top: 0; - margin-bottom: 10px; -} -blockquote { - margin: 0 0 10px 0; - padding: 10px 20px; - border-left: 5px solid #E2E2E2; - font-size: 18px; - line-height: 22px; -} -figure { - margin: 0; - margin-bottom: 10px; -} -figcaption { - margin-top: 5px; - text-align: center; -} -ul, -ol { - margin-top: 0px; - margin-bottom: 10px; - padding-left: 40px; -} -.w-list-unstyled { - padding-left: 0; - list-style: none; -} -.w-embed:before, -.w-embed:after { - content: " "; - display: table; - grid-column-start: 1; - grid-row-start: 1; - grid-column-end: 2; - grid-row-end: 2; -} -.w-embed:after { - clear: both; -} -.w-video { - width: 100%; - position: relative; - padding: 0; -} -.w-video iframe, -.w-video object, -.w-video embed { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border: none; -} -fieldset { - padding: 0; - margin: 0; - border: 0; -} -button, -[type='button'], -[type='reset'] { - border: 0; - cursor: pointer; - -webkit-appearance: button; -} -.w-form { - margin: 0 0 15px; -} -.w-form-done { - display: none; - padding: 20px; - text-align: center; - background-color: #dddddd; -} -.w-form-fail { - display: none; - margin-top: 10px; - padding: 10px; - background-color: #ffdede; -} -label { - display: block; - margin-bottom: 5px; - font-weight: bold; -} -.w-input, -.w-select { - display: block; - width: 100%; - height: 38px; - padding: 8px 12px; - margin-bottom: 10px; - font-size: 14px; - line-height: 1.42857143; - color: #333333; - vertical-align: middle; - background-color: #ffffff; - border: 1px solid #cccccc; -} -.w-input:-moz-placeholder, -.w-select:-moz-placeholder { - color: #999; -} -.w-input::-moz-placeholder, -.w-select::-moz-placeholder { - color: #999; - opacity: 1; -} -.w-input::-webkit-input-placeholder, -.w-select::-webkit-input-placeholder { - color: #999; -} -.w-input:focus, -.w-select:focus { - border-color: #3898EC; - outline: 0; -} -.w-input[disabled], -.w-select[disabled], -.w-input[readonly], -.w-select[readonly], -fieldset[disabled] .w-input, -fieldset[disabled] .w-select { - cursor: not-allowed; -} -.w-input[disabled]:not(.w-input-disabled), -.w-select[disabled]:not(.w-input-disabled), -.w-input[readonly], -.w-select[readonly], -fieldset[disabled]:not(.w-input-disabled) .w-input, -fieldset[disabled]:not(.w-input-disabled) .w-select { - background-color: #eeeeee; -} -textarea.w-input, -textarea.w-select { - height: auto; -} -.w-select { - background-color: #f3f3f3; -} -.w-select[multiple] { - height: auto; -} -.w-form-label { - display: inline-block; - cursor: pointer; - font-weight: normal; - margin-bottom: 0px; -} -.w-radio { - display: block; - margin-bottom: 5px; - padding-left: 20px; -} -.w-radio:before, -.w-radio:after { - content: " "; - display: table; - grid-column-start: 1; - grid-row-start: 1; - grid-column-end: 2; - grid-row-end: 2; -} -.w-radio:after { - clear: both; -} -.w-radio-input { - margin: 4px 0 0; - line-height: normal; - float: left; - margin-left: -20px; -} -.w-radio-input { - margin-top: 3px; -} -.w-file-upload { - display: block; - margin-bottom: 10px; -} -.w-file-upload-input { - width: 0.1px; - height: 0.1px; - opacity: 0; - overflow: hidden; - position: absolute; - z-index: -100; -} -.w-file-upload-default, -.w-file-upload-uploading, -.w-file-upload-success { - display: inline-block; - color: #333333; -} -.w-file-upload-error { - display: block; - margin-top: 10px; -} -.w-file-upload-default.w-hidden, -.w-file-upload-uploading.w-hidden, -.w-file-upload-error.w-hidden, -.w-file-upload-success.w-hidden { - display: none; -} -.w-file-upload-uploading-btn { - display: flex; - font-size: 14px; - font-weight: normal; - cursor: pointer; - margin: 0; - padding: 8px 12px; - border: 1px solid #cccccc; - background-color: #fafafa; -} -.w-file-upload-file { - display: flex; - flex-grow: 1; - justify-content: space-between; - margin: 0; - padding: 8px 9px 8px 11px; - border: 1px solid #cccccc; - background-color: #fafafa; -} -.w-file-upload-file-name { - font-size: 14px; - font-weight: normal; - display: block; -} -.w-file-remove-link { - margin-top: 3px; - margin-left: 10px; - width: auto; - height: auto; - padding: 3px; - display: block; - cursor: pointer; -} -.w-icon-file-upload-remove { - margin: auto; - font-size: 10px; -} -.w-file-upload-error-msg { - display: inline-block; - color: #ea384c; - padding: 2px 0; -} -.w-file-upload-info { - display: inline-block; - line-height: 38px; - padding: 0 12px; -} -.w-file-upload-label { - display: inline-block; - font-size: 14px; - font-weight: normal; - cursor: pointer; - margin: 0; - padding: 8px 12px; - border: 1px solid #cccccc; - background-color: #fafafa; -} -.w-icon-file-upload-icon, -.w-icon-file-upload-uploading { - display: inline-block; - margin-right: 8px; - width: 20px; -} -.w-icon-file-upload-uploading { - height: 20px; -} -.w-container { - margin-left: auto; - margin-right: auto; - max-width: 940px; -} -.w-container:before, -.w-container:after { - content: " "; - display: table; - grid-column-start: 1; - grid-row-start: 1; - grid-column-end: 2; - grid-row-end: 2; -} -.w-container:after { - clear: both; -} -.w-container .w-row { - margin-left: -10px; - margin-right: -10px; -} -.w-row:before, -.w-row:after { - content: " "; - display: table; - grid-column-start: 1; - grid-row-start: 1; - grid-column-end: 2; - grid-row-end: 2; -} -.w-row:after { - clear: both; -} -.w-row .w-row { - margin-left: 0; - margin-right: 0; -} -.w-col { - position: relative; - float: left; - width: 100%; - min-height: 1px; - padding-left: 10px; - padding-right: 10px; -} -.w-col .w-col { - padding-left: 0; - padding-right: 0; -} -.w-col-1 { - width: 8.33333333%; -} -.w-col-2 { - width: 16.66666667%; -} -.w-col-3 { - width: 25%; -} -.w-col-4 { - width: 33.33333333%; -} -.w-col-5 { - width: 41.66666667%; -} -.w-col-6 { - width: 50%; -} -.w-col-7 { - width: 58.33333333%; -} -.w-col-8 { - width: 66.66666667%; -} -.w-col-9 { - width: 75%; -} -.w-col-10 { - width: 83.33333333%; -} -.w-col-11 { - width: 91.66666667%; -} -.w-col-12 { - width: 100%; -} -.w-hidden-main { - display: none !important; -} -@media screen and (max-width: 991px) { - .w-container { - max-width: 728px; - } - .w-hidden-main { - display: inherit !important; - } - .w-hidden-medium { - display: none !important; - } - .w-col-medium-1 { - width: 8.33333333%; - } - .w-col-medium-2 { - width: 16.66666667%; - } - .w-col-medium-3 { - width: 25%; - } - .w-col-medium-4 { - width: 33.33333333%; - } - .w-col-medium-5 { - width: 41.66666667%; - } - .w-col-medium-6 { - width: 50%; - } - .w-col-medium-7 { - width: 58.33333333%; - } - .w-col-medium-8 { - width: 66.66666667%; - } - .w-col-medium-9 { - width: 75%; - } - .w-col-medium-10 { - width: 83.33333333%; - } - .w-col-medium-11 { - width: 91.66666667%; - } - .w-col-medium-12 { - width: 100%; - } - .w-col-stack { - width: 100%; - left: auto; - right: auto; - } -} -@media screen and (max-width: 767px) { - .w-hidden-main { - display: inherit !important; - } - .w-hidden-medium { - display: inherit !important; - } - .w-hidden-small { - display: none !important; - } - .w-row, - .w-container .w-row { - margin-left: 0; - margin-right: 0; - } - .w-col { - width: 100%; - left: auto; - right: auto; - } - .w-col-small-1 { - width: 8.33333333%; - } - .w-col-small-2 { - width: 16.66666667%; - } - .w-col-small-3 { - width: 25%; - } - .w-col-small-4 { - width: 33.33333333%; - } - .w-col-small-5 { - width: 41.66666667%; - } - .w-col-small-6 { - width: 50%; - } - .w-col-small-7 { - width: 58.33333333%; - } - .w-col-small-8 { - width: 66.66666667%; - } - .w-col-small-9 { - width: 75%; - } - .w-col-small-10 { - width: 83.33333333%; - } - .w-col-small-11 { - width: 91.66666667%; - } - .w-col-small-12 { - width: 100%; - } -} -@media screen and (max-width: 479px) { - .w-container { - max-width: none; - } - .w-hidden-main { - display: inherit !important; - } - .w-hidden-medium { - display: inherit !important; - } - .w-hidden-small { - display: inherit !important; - } - .w-hidden-tiny { - display: none !important; - } - .w-col { - width: 100%; - } - .w-col-tiny-1 { - width: 8.33333333%; - } - .w-col-tiny-2 { - width: 16.66666667%; - } - .w-col-tiny-3 { - width: 25%; - } - .w-col-tiny-4 { - width: 33.33333333%; - } - .w-col-tiny-5 { - width: 41.66666667%; - } - .w-col-tiny-6 { - width: 50%; - } - .w-col-tiny-7 { - width: 58.33333333%; - } - .w-col-tiny-8 { - width: 66.66666667%; - } - .w-col-tiny-9 { - width: 75%; - } - .w-col-tiny-10 { - width: 83.33333333%; - } - .w-col-tiny-11 { - width: 91.66666667%; - } - .w-col-tiny-12 { - width: 100%; - } -} -.w-widget { - position: relative; -} -.w-widget-map { - width: 100%; - height: 400px; -} -.w-widget-map label { - width: auto; - display: inline; -} -.w-widget-map img { - max-width: inherit; -} -.w-widget-map .gm-style-iw { - text-align: center; -} -.w-widget-map .gm-style-iw > button { - display: none !important; -} -.w-widget-twitter { - overflow: hidden; -} -.w-widget-twitter-count-shim { - display: inline-block; - vertical-align: top; - position: relative; - width: 28px; - height: 20px; - text-align: center; - background: white; - border: #758696 solid 1px; - border-radius: 3px; -} -.w-widget-twitter-count-shim * { - pointer-events: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.w-widget-twitter-count-shim .w-widget-twitter-count-inner { - position: relative; - font-size: 15px; - line-height: 12px; - text-align: center; - color: #999; - font-family: serif; -} -.w-widget-twitter-count-shim .w-widget-twitter-count-clear { - position: relative; - display: block; -} -.w-widget-twitter-count-shim.w--large { - width: 36px; - height: 28px; -} -.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { - font-size: 18px; - line-height: 18px; -} -.w-widget-twitter-count-shim:not(.w--vertical) { - margin-left: 5px; - margin-right: 8px; -} -.w-widget-twitter-count-shim:not(.w--vertical).w--large { - margin-left: 6px; -} -.w-widget-twitter-count-shim:not(.w--vertical):before, -.w-widget-twitter-count-shim:not(.w--vertical):after { - top: 50%; - left: 0; - border: solid transparent; - content: ' '; - height: 0; - width: 0; - position: absolute; - pointer-events: none; -} -.w-widget-twitter-count-shim:not(.w--vertical):before { - border-color: rgba(117, 134, 150, 0); - border-right-color: #5d6c7b; - border-width: 4px; - margin-left: -9px; - margin-top: -4px; -} -.w-widget-twitter-count-shim:not(.w--vertical).w--large:before { - border-width: 5px; - margin-left: -10px; - margin-top: -5px; -} -.w-widget-twitter-count-shim:not(.w--vertical):after { - border-color: rgba(255, 255, 255, 0); - border-right-color: white; - border-width: 4px; - margin-left: -8px; - margin-top: -4px; -} -.w-widget-twitter-count-shim:not(.w--vertical).w--large:after { - border-width: 5px; - margin-left: -9px; - margin-top: -5px; -} -.w-widget-twitter-count-shim.w--vertical { - width: 61px; - height: 33px; - margin-bottom: 8px; -} -.w-widget-twitter-count-shim.w--vertical:before, -.w-widget-twitter-count-shim.w--vertical:after { - top: 100%; - left: 50%; - border: solid transparent; - content: ' '; - height: 0; - width: 0; - position: absolute; - pointer-events: none; -} -.w-widget-twitter-count-shim.w--vertical:before { - border-color: rgba(117, 134, 150, 0); - border-top-color: #5d6c7b; - border-width: 5px; - margin-left: -5px; -} -.w-widget-twitter-count-shim.w--vertical:after { - border-color: rgba(255, 255, 255, 0); - border-top-color: white; - border-width: 4px; - margin-left: -4px; -} -.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { - font-size: 18px; - line-height: 22px; -} -.w-widget-twitter-count-shim.w--vertical.w--large { - width: 76px; -} -.w-background-video { - position: relative; - overflow: hidden; - height: 500px; - color: white; -} -.w-background-video > video { - background-size: cover; - background-position: 50% 50%; - position: absolute; - margin: auto; - width: 100%; - height: 100%; - right: -100%; - bottom: -100%; - top: -100%; - left: -100%; - object-fit: cover; - z-index: -100; -} -.w-background-video > video::-webkit-media-controls-start-playback-button { - display: none !important; - -webkit-appearance: none; -} -.w-background-video--control { - position: absolute; - bottom: 1em; - right: 1em; - background-color: transparent; - padding: 0; -} -.w-background-video--control > [hidden] { - display: none !important; -} -.w-slider { - position: relative; - height: 300px; - text-align: center; - background: #dddddd; - clear: both; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - tap-highlight-color: rgba(0, 0, 0, 0); -} -.w-slider-mask { - position: relative; - display: block; - overflow: hidden; - z-index: 1; - left: 0; - right: 0; - height: 100%; - white-space: nowrap; -} -.w-slide { - position: relative; - display: inline-block; - vertical-align: top; - width: 100%; - height: 100%; - white-space: normal; - text-align: left; -} -.w-slider-nav { - position: absolute; - z-index: 2; - top: auto; - right: 0; - bottom: 0; - left: 0; - margin: auto; - padding-top: 10px; - height: 40px; - text-align: center; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - tap-highlight-color: rgba(0, 0, 0, 0); -} -.w-slider-nav.w-round > div { - border-radius: 100%; -} -.w-slider-nav.w-num > div { - width: auto; - height: auto; - padding: 0.2em 0.5em; - font-size: inherit; - line-height: inherit; -} -.w-slider-nav.w-shadow > div { - box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); -} -.w-slider-nav-invert { - color: #fff; -} -.w-slider-nav-invert > div { - background-color: rgba(34, 34, 34, 0.4); -} -.w-slider-nav-invert > div.w-active { - background-color: #222; -} -.w-slider-dot { - position: relative; - display: inline-block; - width: 1em; - height: 1em; - background-color: rgba(255, 255, 255, 0.4); - cursor: pointer; - margin: 0 3px 0.5em; - transition: background-color 100ms, color 100ms; -} -.w-slider-dot.w-active { - background-color: #fff; -} -.w-slider-dot:focus { - outline: none; - box-shadow: 0px 0px 0px 2px #fff; -} -.w-slider-dot:focus.w-active { - box-shadow: none; -} -.w-slider-arrow-left, -.w-slider-arrow-right { - position: absolute; - width: 80px; - top: 0; - right: 0; - bottom: 0; - left: 0; - margin: auto; - cursor: pointer; - overflow: hidden; - color: white; - font-size: 40px; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.w-slider-arrow-left [class^='w-icon-'], -.w-slider-arrow-right [class^='w-icon-'], -.w-slider-arrow-left [class*=' w-icon-'], -.w-slider-arrow-right [class*=' w-icon-'] { - position: absolute; -} -.w-slider-arrow-left:focus, -.w-slider-arrow-right:focus { - outline: 0; -} -.w-slider-arrow-left { - z-index: 3; - right: auto; -} -.w-slider-arrow-right { - z-index: 4; - left: auto; -} -.w-icon-slider-left, -.w-icon-slider-right { - top: 0; - right: 0; - bottom: 0; - left: 0; - margin: auto; - width: 1em; - height: 1em; -} -.w-slider-aria-label { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} -.w-slider-force-show { - display: block !important; -} -.w-dropdown { - display: inline-block; - position: relative; - text-align: left; - margin-left: auto; - margin-right: auto; - z-index: 900; -} -.w-dropdown-btn, -.w-dropdown-toggle, -.w-dropdown-link { - position: relative; - vertical-align: top; - text-decoration: none; - color: #222222; - padding: 20px; - text-align: left; - margin-left: auto; - margin-right: auto; - white-space: nowrap; -} -.w-dropdown-toggle { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - display: inline-block; - cursor: pointer; - padding-right: 40px; -} -.w-dropdown-toggle:focus { - outline: 0; -} -.w-icon-dropdown-toggle { - position: absolute; - top: 0; - right: 0; - bottom: 0; - margin: auto; - margin-right: 20px; - width: 1em; - height: 1em; -} -.w-dropdown-list { - position: absolute; - background: #dddddd; - display: none; - min-width: 100%; -} -.w-dropdown-list.w--open { - display: block; -} -.w-dropdown-link { - padding: 10px 20px; - display: block; - color: #222222; -} -.w-dropdown-link.w--current { - color: #0082f3; -} -.w-dropdown-link:focus { - outline: 0; -} -@media screen and (max-width: 767px) { - .w-nav-brand { - padding-left: 10px; - } -} -/** - * ## Note - * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well. - * For example percentage units do not work on descendants of elements that - * have any dimensions expressed in viewport units. It also doesn’t handle them at - * all in `calc()`. - */ -/** - * Wrapper around all lightbox elements - * - * 1. Since the lightbox can receive focus, IE also gives it an outline. - * 2. Fixes flickering on Chrome when a transition is in progress - * underneath the lightbox. - */ -.w-lightbox-backdrop { - cursor: auto; - font-style: normal; - letter-spacing: normal; - list-style: disc; - text-indent: 0; - text-shadow: none; - text-transform: none; - visibility: visible; - white-space: normal; - word-break: normal; - word-spacing: normal; - word-wrap: normal; - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - color: #fff; - font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; - font-size: 17px; - line-height: 1.2; - font-weight: 300; - text-align: center; - background: rgba(0, 0, 0, 0.9); - z-index: 2000; - outline: 0; - /* 1 */ - opacity: 0; - -webkit-user-select: none; - -moz-user-select: none; - -webkit-tap-highlight-color: transparent; - -webkit-transform: translate(0, 0); - /* 2 */ -} -/** - * Neat trick to bind the rubberband effect to our canvas instead of the whole - * document on iOS. It also prevents a bug that causes the document underneath to scroll. - */ -.w-lightbox-backdrop, -.w-lightbox-container { - height: 100%; - overflow: auto; - -webkit-overflow-scrolling: touch; -} -.w-lightbox-content { - position: relative; - height: 100vh; - overflow: hidden; -} -.w-lightbox-view { - position: absolute; - width: 100vw; - height: 100vh; - opacity: 0; -} -.w-lightbox-view:before { - content: ""; - height: 100vh; -} -/* .w-lightbox-content */ -.w-lightbox-group, -.w-lightbox-group .w-lightbox-view, -.w-lightbox-group .w-lightbox-view:before { - height: 86vh; -} -.w-lightbox-frame, -.w-lightbox-view:before { - display: inline-block; - vertical-align: middle; -} -/* - * 1. Remove default margin set by user-agent on the
element. - */ -.w-lightbox-figure { - position: relative; - margin: 0; - /* 1 */ -} -.w-lightbox-group .w-lightbox-figure { - cursor: pointer; -} -/** - * IE adds image dimensions as width and height attributes on the IMG tag, - * but we need both width and height to be set to auto to enable scaling. - */ -.w-lightbox-img { - width: auto; - height: auto; - max-width: none; -} -/** - * 1. Reset if style is set by user on "All Images" - */ -.w-lightbox-image { - display: block; - float: none; - /* 1 */ - max-width: 100vw; - max-height: 100vh; -} -.w-lightbox-group .w-lightbox-image { - max-height: 86vh; -} -.w-lightbox-caption { - position: absolute; - right: 0; - bottom: 0; - left: 0; - padding: 0.5em 1em; - background: rgba(0, 0, 0, 0.4); - text-align: left; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} -.w-lightbox-embed { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; -} -.w-lightbox-control { - position: absolute; - top: 0; - width: 4em; - background-size: 24px; - background-repeat: no-repeat; - background-position: center; - cursor: pointer; - -webkit-transition: all 0.3s; - transition: all 0.3s; -} -.w-lightbox-left { - display: none; - bottom: 0; - left: 0; - /* */ - background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); -} -.w-lightbox-right { - display: none; - right: 0; - bottom: 0; - /* */ - background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); -} -/* - * Without specifying the with and height inside the SVG, all versions of IE render the icon too small. - * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows. - * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer) - */ -.w-lightbox-close { - right: 0; - height: 2.6em; - /* */ - background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); - background-size: 18px; -} -/** - * 1. All IE versions add extra space at the bottom without this. - */ -.w-lightbox-strip { - position: absolute; - bottom: 0; - left: 0; - right: 0; - padding: 0 1vh; - line-height: 0; - /* 1 */ - white-space: nowrap; - overflow-x: auto; - overflow-y: hidden; -} -/* - * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)` - * which doesn’t work in Safari anyway. - * 2. Chrome renders images pixelated when switching to GPU. Making sure - * the parent is also rendered on the GPU (by setting translate3d for - * example) fixes this behavior. - */ -.w-lightbox-item { - display: inline-block; - width: 10vh; - padding: 2vh 1vh; - box-sizing: content-box; - /* 1 */ - cursor: pointer; - -webkit-transform: translate3d(0, 0, 0); - /* 2 */ -} -.w-lightbox-active { - opacity: 0.3; -} -.w-lightbox-thumbnail { - position: relative; - height: 10vh; - background: #222; - overflow: hidden; -} -.w-lightbox-thumbnail-image { - position: absolute; - top: 0; - left: 0; -} -.w-lightbox-thumbnail .w-lightbox-tall { - top: 50%; - width: 100%; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); -} -.w-lightbox-thumbnail .w-lightbox-wide { - left: 50%; - height: 100%; - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); -} -/* - * Spinner - * - * Absolute pixel values are used to avoid rounding errors that would cause - * the white spinning element to be misaligned with the track. - */ -.w-lightbox-spinner { - position: absolute; - top: 50%; - left: 50%; - box-sizing: border-box; - width: 40px; - height: 40px; - margin-top: -20px; - margin-left: -20px; - border: 5px solid rgba(0, 0, 0, 0.4); - border-radius: 50%; - -webkit-animation: spin 0.8s infinite linear; - animation: spin 0.8s infinite linear; -} -.w-lightbox-spinner:after { - content: ""; - position: absolute; - top: -4px; - right: -4px; - bottom: -4px; - left: -4px; - border: 3px solid transparent; - border-bottom-color: #fff; - border-radius: 50%; -} -/* - * Utility classes - */ -.w-lightbox-hide { - display: none; -} -.w-lightbox-noscroll { - overflow: hidden; -} -@media (min-width: 768px) { - .w-lightbox-content { - height: 96vh; - margin-top: 2vh; - } - .w-lightbox-view, - .w-lightbox-view:before { - height: 96vh; - } - /* .w-lightbox-content */ - .w-lightbox-group, - .w-lightbox-group .w-lightbox-view, - .w-lightbox-group .w-lightbox-view:before { - height: 84vh; - } - .w-lightbox-image { - max-width: 96vw; - max-height: 96vh; - } - .w-lightbox-group .w-lightbox-image { - max-width: 82.3vw; - max-height: 84vh; - } - .w-lightbox-left, - .w-lightbox-right { - display: block; - opacity: 0.5; - } - .w-lightbox-close { - opacity: 0.8; - } - .w-lightbox-control:hover { - opacity: 1; - } -} -.w-lightbox-inactive, -.w-lightbox-inactive:hover { - opacity: 0; -} -.w-richtext:before, -.w-richtext:after { - content: " "; - display: table; - grid-column-start: 1; - grid-row-start: 1; - grid-column-end: 2; - grid-row-end: 2; -} -.w-richtext:after { - clear: both; -} -.w-richtext[contenteditable="true"]:before, -.w-richtext[contenteditable="true"]:after { - white-space: initial; -} -.w-richtext ol, -.w-richtext ul { - overflow: hidden; -} -.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, -.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after { - outline: 2px solid #2895f7; -} -.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, -.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { - outline: 2px solid #2895f7; -} -.w-richtext figure.w-richtext-figure-type-video > div:after, -.w-richtext figure[data-rt-type="video"] > div:after { - content: ''; - position: absolute; - display: none; - left: 0; - top: 0; - right: 0; - bottom: 0; -} -.w-richtext figure { - position: relative; - max-width: 60%; -} -.w-richtext figure > div:before { - cursor: default!important; -} -.w-richtext figure img { - width: 100%; -} -.w-richtext figure figcaption.w-richtext-figcaption-placeholder { - opacity: 0.6; -} -.w-richtext figure div { - /* fix incorrectly sized selection border in the data manager */ - font-size: 0px; - color: transparent; -} -.w-richtext figure.w-richtext-figure-type-image, -.w-richtext figure[data-rt-type="image"] { - display: table; -} -.w-richtext figure.w-richtext-figure-type-image > div, -.w-richtext figure[data-rt-type="image"] > div { - display: inline-block; -} -.w-richtext figure.w-richtext-figure-type-image > figcaption, -.w-richtext figure[data-rt-type="image"] > figcaption { - display: table-caption; - caption-side: bottom; -} -.w-richtext figure.w-richtext-figure-type-video, -.w-richtext figure[data-rt-type="video"] { - width: 60%; - height: 0; -} -.w-richtext figure.w-richtext-figure-type-video iframe, -.w-richtext figure[data-rt-type="video"] iframe { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} -.w-richtext figure.w-richtext-figure-type-video > div, -.w-richtext figure[data-rt-type="video"] > div { - width: 100%; -} -.w-richtext figure.w-richtext-align-center { - margin-right: auto; - margin-left: auto; - clear: both; -} -.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, -.w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { - max-width: 100%; -} -.w-richtext figure.w-richtext-align-normal { - clear: both; -} -.w-richtext figure.w-richtext-align-fullwidth { - width: 100%; - max-width: 100%; - text-align: center; - clear: both; - display: block; - margin-right: auto; - margin-left: auto; -} -.w-richtext figure.w-richtext-align-fullwidth > div { - display: inline-block; - /* padding-bottom is used for aspect ratios in video figures - we want the div to inherit that so hover/selection borders in the designer-canvas - fit right*/ - padding-bottom: inherit; -} -.w-richtext figure.w-richtext-align-fullwidth > figcaption { - display: block; -} -.w-richtext figure.w-richtext-align-floatleft { - float: left; - margin-right: 15px; - clear: none; -} -.w-richtext figure.w-richtext-align-floatright { - float: right; - margin-left: 15px; - clear: none; -} -.w-nav { - position: relative; - background: #dddddd; - z-index: 1000; -} -.w-nav:before, -.w-nav:after { - content: " "; - display: table; - grid-column-start: 1; - grid-row-start: 1; - grid-column-end: 2; - grid-row-end: 2; -} -.w-nav:after { - clear: both; -} -.w-nav-brand { - position: relative; - float: left; - text-decoration: none; - color: #333333; -} -.w-nav-link { - position: relative; - display: inline-block; - vertical-align: top; - text-decoration: none; - color: #222222; - padding: 20px; - text-align: left; - margin-left: auto; - margin-right: auto; -} -.w-nav-link.w--current { - color: #0082f3; -} -.w-nav-menu { - position: relative; - float: right; -} -[data-nav-menu-open] { - display: block !important; - position: absolute; - top: 100%; - left: 0; - right: 0; - background: #C8C8C8; - text-align: center; - overflow: visible; - min-width: 200px; -} -.w--nav-link-open { - display: block; - position: relative; -} -.w-nav-overlay { - position: absolute; - overflow: hidden; - display: none; - top: 100%; - left: 0; - right: 0; - width: 100%; -} -.w-nav-overlay [data-nav-menu-open] { - top: 0; -} -.w-nav[data-animation="over-left"] .w-nav-overlay { - width: auto; -} -.w-nav[data-animation="over-left"] .w-nav-overlay, -.w-nav[data-animation="over-left"] [data-nav-menu-open] { - right: auto; - z-index: 1; - top: 0; -} -.w-nav[data-animation="over-right"] .w-nav-overlay { - width: auto; -} -.w-nav[data-animation="over-right"] .w-nav-overlay, -.w-nav[data-animation="over-right"] [data-nav-menu-open] { - left: auto; - z-index: 1; - top: 0; -} -.w-nav-button { - position: relative; - float: right; - padding: 18px; - font-size: 24px; - display: none; - cursor: pointer; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.w-nav-button:focus { - outline: 0; -} -.w-nav-button.w--open { - background-color: #C8C8C8; - color: white; -} -.w-nav[data-collapse="all"] .w-nav-menu { - display: none; -} -.w-nav[data-collapse="all"] .w-nav-button { - display: block; -} -.w--nav-dropdown-open { - display: block; -} -.w--nav-dropdown-toggle-open { - display: block; -} -.w--nav-dropdown-list-open { - position: static; -} -@media screen and (max-width: 991px) { - .w-nav[data-collapse="medium"] .w-nav-menu { - display: none; - } - .w-nav[data-collapse="medium"] .w-nav-button { - display: block; - } -} -@media screen and (max-width: 767px) { - .w-nav[data-collapse="small"] .w-nav-menu { - display: none; - } - .w-nav[data-collapse="small"] .w-nav-button { - display: block; - } - .w-nav-brand { - padding-left: 10px; - } -} -@media screen and (max-width: 479px) { - .w-nav[data-collapse="tiny"] .w-nav-menu { - display: none; - } - .w-nav[data-collapse="tiny"] .w-nav-button { - display: block; - } -} -.w-tabs { - position: relative; -} -.w-tabs:before, -.w-tabs:after { - content: " "; - display: table; - grid-column-start: 1; - grid-row-start: 1; - grid-column-end: 2; - grid-row-end: 2; -} -.w-tabs:after { - clear: both; -} -.w-tab-menu { - position: relative; -} -.w-tab-link { - position: relative; - display: inline-block; - vertical-align: top; - text-decoration: none; - padding: 9px 30px; - text-align: left; - cursor: pointer; - color: #222222; - background-color: #dddddd; -} -.w-tab-link.w--current { - background-color: #C8C8C8; -} -.w-tab-link:focus { - outline: 0; -} -.w-tab-content { - position: relative; - display: block; - overflow: hidden; -} -.w-tab-pane { - position: relative; - display: none; -} -.w--tab-active { - display: block; -} -@media screen and (max-width: 479px) { - .w-tab-link { - display: block; - } -} -.w-ix-emptyfix:after { - content: ""; -} -@keyframes spin { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); - } -} -.w-dyn-empty { - padding: 10px; - background-color: #dddddd; -} -.w-dyn-hide { - display: none !important; -} -.w-dyn-bind-empty { - display: none !important; -} -.w-condition-invisible { - display: none !important; -} -.wf-layout-layout { - display: grid; -} diff --git a/cssReference/README.md b/cssReference/README.md deleted file mode 100644 index cf3058e..0000000 --- a/cssReference/README.md +++ /dev/null @@ -1 +0,0 @@ -# liftkit-css \ No newline at end of file diff --git a/cssReference/accordions.css b/cssReference/accordions.css deleted file mode 100644 index 83e3cc7..0000000 --- a/cssReference/accordions.css +++ /dev/null @@ -1,46 +0,0 @@ -.accordion-trigger { - align-items: center; - background-color: var(--light__surfacecontainerlow_clv); - cursor: pointer; - display: flex; - padding: .786em 1.618em .786em 1em; - position: relative; -} - -.accordion-wrap { - border: 1px solid var(--light__outlinevariant_clv); - border-radius: .786164em; - overflow: hidden; -} - -.accordion-content { - overflow: hidden; - padding: 0 1em; -} - -.accordion-trigger-title { - flex: 1; -} - -.accordion-trigger-icon { - align-items: center; - align-self: center; - display: flex; - margin-bottom: -2px; -} - -.accordion__title { - font-size: .885em; - font-weight: 600; - letter-spacing: -.009em; - line-height: 1.272; - margin-bottom: .236em; -} - -.accordion__desc { - color: var(--light__outline_clv); - font-size: .786em; - font-weight: 400; - letter-spacing: -.007em; - line-height: 1.272; -} \ No newline at end of file diff --git a/cssReference/aspectratios.css b/cssReference/aspectratios.css deleted file mode 100644 index 73a910f..0000000 --- a/cssReference/aspectratios.css +++ /dev/null @@ -1,36 +0,0 @@ -.aspect__16x9 { - aspect-ratio: 16 / 9; - position: relative; -} - -.aspect__16x9.border-radius__l.m-bottom__xl.object-fit__cover { - object-fit: cover; - width: 100%; -} - -.aspect__16x9.border-radius__l.m-bottom__xl.object-fit__cover.fixed { - margin-bottom: 0; -} - -.aspect__4x3 { - aspect-ratio: 4 / 3; - object-fit: cover; - width: 100%; -} - -.aspect__3x2 { - aspect-ratio: 3 / 2; -} - -.aspect__9x16 { - aspect-ratio: 9 / 16; -} - -.aspect__1x1 { - aspect-ratio: 1; - position: relative; -} - -.aspect-wrap { - position: relative; -} \ No newline at end of file diff --git a/cssReference/backgroundcolors.css b/cssReference/backgroundcolors.css deleted file mode 100644 index 3574afd..0000000 --- a/cssReference/backgroundcolors.css +++ /dev/null @@ -1,624 +0,0 @@ -.bg-light__primary, -.bg-light__primary.cl-swatch { - background-color: var(--light__primary_clv); - color: var(--light__onprimary_clv); -} - -.bg-light__onprimary, -.bg-light__onprimary.cl-swatch { - background-color: var(--light__onprimary_clv); - color: var(--light__primary_clv); -} - -.bg-light__primarycontainer, -.bg-light__primarycontainer.cl-swatch { - background-color: var(--light__primarycontainer_clv); - color: var(--light__onprimarycontainer_clv); -} - -.bg-light__onprimarycontainer { - background-color: var(--light__onprimarycontainer_clv); - color: var(--light__primarycontainer_clv); -} - -.bg-light__secondary, -.bg-light__secondary.cl-swatch { - background-color: var(--light__secondary_clv); - color: var(--light__onsecondary_clv); -} - -.bg-light__onsecondary { - background-color: var(--light__onsecondary_clv); - color: var(--light__secondary_clv); -} - -.bg-light__secondarycontainer { - background-color: var(--light__secondarycontainer_clv); - color: var(--light__onsecondarycontainer_clv); -} - -.bg-light__onsecondarycontainer { - background-color: var(--light__onsecondarycontainer_clv); - color: var(--light__secondarycontainer_clv); -} - -.bg-light__tertiary { - background-color: var(--light__tertiary_clv); - color: var(--light__ontertiary_clv); -} - -.bg-light__ontertiary { - background-color: var(--light__ontertiary_clv); - color: var(--light__tertiary_clv); -} - -.bg-light__tertiarycontainer { - background-color: var(--light__tertiarycontainer_clv); - color: var(--light__ontertiarycontainer_clv); -} - -.bg-light__ontertiarycontainer { - background-color: var(--light__ontertiarycontainer_clv); - color: var(--light__tertiarycontainer_clv); -} - -.bg-light__error { - background-color: var(--light__error_clv); - color: var(--light__onerror_clv); -} - -.bg-light__onerror { - background-color: var(--light__onerror_clv); - color: var(--light__error_clv); -} - -.bg-light__errorcontainer { - background-color: var(--light__errorcontainer_clv); - color: var(--light__onerrorcontainer_clv); -} - -.bg-light__onerrorcontainer { - background-color: var(--light__onerrorcontainer_clv); - color: var(--light__errorcontainer_clv); -} - -.bg-light__background { - background-color: var(--light__background_clv); - color: var(--light__onbackground_clv); -} - -.bg-light__onbackground { - background-color: var(--light__onbackground_clv\); - color: var(--light__background_clv); -} - -.bg-light__surface { - background-color: var(--light__surface_clv); - color: var(--light__onsurface_clv); -} - -.bg-light__onsurface { - background-color: var(--light__onsurface_clv); - color: var(--light__surface_clv); -} - -.bg-light__surfacevariant { - background-color: var(--light__surfacevariant_clv); - color: var(--light__onsurfacevariant_clv); -} - -.bg-light__onsurfacevariant { - background-color: var(--light__onsurfacevariant_clv); - color: var(--light__surfacevariant_clv); -} - -.bg-light__outline { - background-color: var(--light__outline_clv); - color: var(--light__surface_clv); -} - -.bg-light__outlinevariant { - background-color: var(--light__outlinevariant_clv); - color: var(--light__onsurface_clv); -} - -.bg-light__shadow { - background-color: var(--light__shadow_clv); - color: var(--light__surface_clv); -} - -.bg-light__scrim { - background-color: var(--light__scrim_clv); - color: var(--light__surface_clv); -} - -.bg-light__inversesurface { - background-color: var(--light__inversesurface_clv); - color: var(--light__inverseonsurface_clv); -} - -.bg-light__inverseonsurface { - background-color: var(--light__inverseonsurface_clv); - color: var(--light__inversesurface_clv); -} - -.bg-light__inverseprimary { - background-color: var(--light__inverseprimary_clv); - color: var(--light__onprimarycontainer_clv); -} - -.bg-light__success { - background-color: var(--light__success_clv); - color: var(--light__onsuccess_clv); -} - -.bg-light__successcontainer { - background-color: var(--light__successcontainer_clv); - color: var(--light__onsuccesscontainer_clv); -} - -.bg-light__onsuccess { - background-color: var(--light__onsuccess_clv); - color: var(--light__success_clv); -} - -.bg-light__onsuccesscontainer { - background-color: var(--light__onsuccesscontainer_clv); - color: var(--light__successcontainer_clv); -} - -.bg-light__warning { - background-color: var(--light__warning_clv); - color: var(--light__onwarning_clv); -} - -.bg-light__warningcontainer { - background-color: var(--light__warningcontainer_clv); - color: var(--light__onwarningcontainer_clv); -} - -.bg-light__onwarning { - background-color: var(--light__onwarning_clv); - color: var(--light__warning_clv); -} - -.bg-light__onwarningcontainer { - background-color: var(--light__onwarningcontainer_clv); - color: var(--light__warningcontainer_clv); -} - -.bg-light__info { - background-color: var(--light__info_clv); - color: var(--light__oninfo_clv); -} - -.bg-light__infocontainer { - background-color: var(--light__infocontainer_clv); - color: var(--light__oninfocontainer_clv); -} - -.bg-light__oninfo { - background-color: var(--light__oninfo_clv); - color: var(--light__info_clv); -} - -.bg-light__oninfocontainer { - background-color: var(--light__oninfocontainer_clv); - color: var(--light__infocontainer_clv); -} - -.bg-light__primaryfixed { - background-color: var(--light__primaryfixed_clv); - color: var(--light__onprimaryfixed_clv); -} - -.bg-light__primaryfixeddim { - background-color: var(--light__primaryfixeddim_clv); - color: var(--light__onprimaryfixedvariant_clv); -} - -.bg-light__onprimaryfixed { - background-color: var(--light__onprimaryfixed_clv); - color: var(--light__primaryfixed_clv); -} - -.bg-light__onprimaryfixedvariant { - background-color: var(--light__onprimaryfixedvariant_clv); - color: var(--light__primaryfixed_clv); -} - -.bg-light__secondaryfixed { - background-color: var(--light__secondaryfixed_clv); - color: var(--light__onsecondaryfixed_clv); -} - -.bg-light__secondaryfixeddim { - background-color: var(--light__secondaryfixeddim_clv); - color: var(--light__onsecondaryfixedvariant_clv); -} - -.bg-light__onsecondaryfixed { - background-color: var(--light__onsecondaryfixed_clv); - color: var(--light__secondaryfixed_clv); -} - -.bg-light__onsecondaryfixedvariant { - background-color: var(--light__onsecondaryfixedvariant_clv); - color: var(--light__secondaryfixed_clv); -} - -.bg-light__tertiaryfixed { - background-color: var(--light__tertiaryfixed_clv); - color: var(--light__ontertiaryfixed_clv); -} - -.bg-light__tertiaryfixeddim { - background-color: var(--light__tertiaryfixeddim_clv); - color: var(--light__ontertiaryfixedvariant_clv); -} - -.bg-light__ontertiaryfixed { - background-color: var(--light__ontertiaryfixed_clv); - color: var(--light__tertiaryfixed_clv); -} - -.bg-light__ontertiaryfixedvariant { - background-color: var(--light__ontertiaryfixedvariant_clv); - color: var(--light__tertiaryfixed_clv); -} - -.bg-light__surfacedim { - background-color: var(--light__surfacedim_clv); - color: var(--light__onsurface_clv); -} - -.bg-light__surfacebright { - background-color: var(--light__surfacebright_clv); - color: var(--light__onsurface_clv); -} - -.bg-light__surfacecontainerlowest { - background-color: var(--light__surfacecontainerlowest_clv); - color: var(--light__onsurface_clv); -} - -.bg-light__surfacecontainerlow { - background-color: var(--light__surfacecontainerlow_clv); - color: var(--light__onsurface_clv); -} - -.bg-light__surfacecontainer { - background-color: var(--light__surfacecontainer_clv); - color: var(--light__onsurface_clv); -} - -.bg-light__surfacecontainerhigh { - background-color: var(--light__surfacecontainerhigh_clv); - color: var(--light__onsurface_clv); -} - -.bg-light__surfacecontainerhighest { - background-color: var(--light__surfacecontainerhighest_clv); - color: var(--light__onsurface_clv); -} - -.bg-dark__primary { - background-color: var(--dark__primary_clv); - color: var(--dark__onprimary_clv); -} - -.bg-dark__onprimary { - background-color: var(--dark__onprimary_clv); - color: var(--dark__primary_clv); -} - -.bg-dark__primarycontainer { - background-color: var(--dark__primarycontainer_clv); - color: var(--dark__onprimarycontainer_clv); -} - -.bg-dark__onprimarycontainer { - background-color: var(--dark__onprimarycontainer_clv); - color: var(--dark__primarycontainer_clv); -} - -.bg-dark__secondary { - background-color: var(--dark__secondary_clv); - color: var(--dark__onsecondary_clv); -} - -.bg-dark__onsecondary { - background-color: var(--dark__onsecondary_clv); - color: var(--dark__secondary_clv); -} - -.bg-dark__secondarycontainer { - background-color: var(--dark__secondarycontainer_clv); - color: var(--dark__onsecondarycontainer_clv); -} - -.bg-dark__onsecondarycontainer { - background-color: var(--dark__onsecondarycontainer_clv); - color: var(--dark__secondarycontainer_clv); -} - -.bg-dark__tertiary { - background-color: var(--dark__tertiary_clv); - color: var(--dark__ontertiary_clv); -} - -.bg-dark__ontertiary { - background-color: var(--dark__ontertiary_clv); - color: var(--dark__tertiary_clv); -} - -.bg-dark__tertiarycontainer { - background-color: var(--dark__tertiarycontainer_clv); - color: var(--dark__ontertiarycontainer_clv); -} - -.bg-dark__ontertiarycontainer { - background-color: var(--dark__ontertiarycontainer_clv); - color: var(--dark__tertiarycontainer_clv); -} - -.bg-dark__error { - background-color: var(--dark__error_clv); - color: var(--dark__onerror_clv); -} - -.bg-dark__onerror { - background-color: var(--dark__onerror_clv); - color: var(--dark__error_clv); -} - -.bg-dark__errorcontainer { - background-color: var(--dark__errorcontainer_clv); - color: var(--dark__onerrorcontainer_clv); -} - -.bg-dark__onerrorcontainer { - background-color: var(--dark__onerrorcontainer_clv); - color: var(--dark__errorcontainer_clv); -} - -.bg-dark__background { - background-color: var(--dark__background_clv); - color: var(--dark__onbackground_clv); -} - -.bg-dark__onbackground { - background-color: var(--dark__onbackground_clv); - color: var(--dark__background_clv); -} - -.bg-dark__surface { - background-color: var(--dark__surface_clv); - color: var(--dark__onsurface_clv); -} - -.bg-dark__onsurface { - background-color: var(--dark__onsurface_clv); - color: var(--dark__surface_clv); -} - -.bg-dark__surfacevariant { - background-color: var(--dark__surfacevariant_clv\); - color: var(--dark__onsurfacevariant_clv); -} - -.bg-dark__onsurfacevariant { - background-color: var(--dark__onsurfacevariant_clv\); - color: var(--dark__surfacevariant_clv); -} - -.bg-dark__outline { - background-color: var(--dark__outline_clv\); - color: var(--dark__onsurface_clv); -} - -.bg-dark__outlinevariant { - background-color: var(--dark__outlinevariant_clv\); - color: var(--dark__onsurface_clv); -} - -.bg-dark__shadow { - background-color: var(--dark__shadow_clv); - color: var(--dark__inversesurface_clv); -} - -.bg-dark__scrim { - background-color: var(--dark__scrim_clv); - color: var(--dark__inversesurface_clv); -} - -.bg-dark__inversesurface { - background-color: var(--dark__inversesurface_clv); - color: var(--dark__inverseonsurface_clv); -} - -.bg-dark__inverseonsurface { - background-color: var(--dark__inverseonsurface_clv); - color: var(--dark__inversesurface_clv); -} - -.bg-dark__inverseprimary { - background-color: var(--dark__inverseprimary_clv); - color: var(--dark__onprimarycontainer_clv); -} - -.bg-dark__success { - background-color: var(--dark__success_clv); - color: var(--dark__onsuccess_clv); -} - -.bg-dark__successcontainer { - background-color: var(--dark__successcontainer_clv); - color: var(--dark__onsuccesscontainer_clv); -} - -.bg-dark__onsuccess { - background-color: var(--dark__onsuccess_clv); - color: var(--dark__success_clv); -} - -.bg-dark__onsuccesscontainer { - background-color: var(--dark__onsuccesscontainer_clv); - color: var(--dark__successcontainer_clv); -} - -.bg-dark__warning { - background-color: var(--dark__warning_clv); - color: var(--dark__onwarning_clv); -} - -.bg-dark__warningcontainer { - background-color: var(--dark__warningcontainer_clv); - color: var(--dark__onwarningcontainer_clv); -} - -.bg-dark__onwarning { - background-color: var(--dark__onwarning_clv); - color: var(--dark__warning_clv); -} - -.bg-dark__onwarningcontainer { - background-color: var(--dark__onwarningcontainer_clv); - color: var(--dark__warningcontainer_clv); -} - -.bg-dark__info { - background-color: var(--dark__info_clv); - color: var(--dark__oninfo_clv); -} - -.bg-dark__infocontainer { - background-color: var(--dark__infocontainer_clv); - color: var(--dark__oninfocontainer_clv); -} - -.bg-dark__oninfo { - background-color: var(--dark__oninfo_clv); - color: var(--dark__info_clv); -} - -.bg-dark__oninfocontainer { - background-color: var(--dark__oninfocontainer_clv); - color: var(--dark__infocontainer_clv); -} - -.util-grid-filler { - align-items: center; - background-color: var(--light__surface_clv); - border-radius: .272em; - box-shadow: 0 0 1px 0 var(--light__shadow_clv); - display: flex; - justify-content: center; - min-height: 1.618em; - min-width: 1.618em; - padding: 0; -} - -.util-grid-filler.for-display { - flex: 1; - margin-bottom: 1em; - padding: 1em; -} - -.bg-dark__primaryfixed { - background-color: var(--dark__primaryfixed_clv); - color: var(--dark__onprimaryfixed_clv); -} - -.bg-dark__primaryfixeddim { - background-color: var(--dark__primaryfixeddim_clv); - color: var(--dark__onprimaryfixedvariant_clv); -} - -.bg-dark__onprimaryfixed { - background-color: var(--dark__onprimaryfixed_clv); - color: var(--dark__primaryfixed_clv); -} - -.bg-dark__onprimaryfixedvariant { - background-color: var(--dark__onprimaryfixedvariant_clv); - color: var(--dark__primaryfixed_clv); -} - -.bg-dark__secondaryfixed { - background-color: var(--dark__secondaryfixed_clv); - color: var(--dark__onsecondary_clv); -} - -.bg-dark__secondaryfixeddim { - background-color: var(--dark__secondaryfixeddim_clv); - color: var(--dark__onsecondaryfixed_clv); -} - -.bg-dark__onsecondaryfixed { - background-color: var(--dark__onsecondaryfixed_clv); - color: var(--dark__secondaryfixed_clv); -} - -.bg-dark__onsecondaryfixedvariant { - background-color: var(--dark__onsecondaryfixedvariant_clv); - color: var(--dark__secondaryfixed_clv); -} - -.bg-dark__tertiaryfixed { - background-color: var(--dark__tertiaryfixed_clv); - color: var(--dark__ontertiaryfixed_clv); -} - -.bg-dark__tertiaryfixeddim { - background-color: var(--dark__tertiaryfixeddim_clv); - color: var(--dark__ontertiaryfixedvariant_clv); -} - -.bg-dark__ontertiaryfixed { - background-color: var(--dark__ontertiaryfixed_clv); - color: var(--dark__tertiaryfixed_clv); -} - -.bg-dark__ontertiaryfixedvariant { - background-color: var(--dark__ontertiaryfixedvariant_clv); - color: var(--dark__tertiaryfixed_clv); -} - -.bg-dark__surfacedim { - background-color: var(--dark__surfacedim_clv); - color: var(--dark__onsurface_clv); -} - -.bg-dark__surfacebright { - background-color: var(--dark__surfacebright_clv); - color: var(--dark__onsurface_clv); -} - -.bg-dark__surfacecontainerlowest, -.bg-dark__surfacecontainerlow { - background-color: var(--dark__surfacecontainerlowest_clv); - color: var(--dark__onsurface_clv); -} - -.bg-dark__surfacecontainer { - background-color: var(--dark__surfacecontainer_clv); - color: var(--dark__onsurface_clv); -} - -.bg-dark__surfacecontainerhigh { - background-color: var(--dark__surfacecontainerhigh_clv); - color: var(--dark__onsurface_clv); -} - -.bg-dark__surfacecontainerhighest { - background-color: var(--dark__surfacecontainerhighest_clv); - color: var(--dark__onsurface_clv); -} - -.bg__transparent { - background-color: rgba(0, 0, 0, 0); - height: 16px; - padding-right: 0; - width: 16px; -} \ No newline at end of file diff --git a/cssReference/badges.css b/cssReference/badges.css deleted file mode 100644 index dcaf089..0000000 --- a/cssReference/badges.css +++ /dev/null @@ -1,52 +0,0 @@ -.badge-container { - align-items: center; - border-radius: .618em; - display: flex; - justify-content: center; - overflow: hidden; - padding: .272em; -} - -.badge-container.bg-light__primary { - background-color: var(--light__primary_clv\); -} - -.badge-container.bg-light__secondary { - background-color: var(--light__secondary_clv\); -} - -.badge-container.bg-light__tertiary { - background-color: var(--light__tertiary_clv\); - color: var(--light__ontertiary_clv\); -} - -.badge-container.bg-light__error { - background-color: var(--light__error_clv\); -} - -.badge-container.bg-light__warning { - background-color: var(--light__warning_clv\); -} - -.badge-container.bg-light__success { - background-color: var(--light__success_clv\); -} - -.badge-container.bg-light__info { - background-color: var(--light__info_clv\); -} - -.badge-container.bg-light__primarycontainer { - background-color: var(--light__primarycontainer_clv\); -} - -.badge-container__large { - align-items: center; - background-color: var(--light__surfacecontainer_clv\); - border-radius: .618em; - color: var(--light__onsurfacevariant_clv\); - display: flex; - justify-content: center; - overflow: hidden; - padding: .618em; -} \ No newline at end of file diff --git a/cssReference/border-radius.css b/cssReference/border-radius.css deleted file mode 100644 index 779aa44..0000000 --- a/cssReference/border-radius.css +++ /dev/null @@ -1,44 +0,0 @@ -.border-radius__xxs { - border-radius: .06em; -} - -.border-radius__xs { - border-radius: .129em; -} - -.border-radius__s { - border-radius: .272em; -} - -.border-radius__m { - border-radius: .618em; -} - -.border-radius__l { - border-radius: 1.058em; -} - -.border-radius__xl { - border-radius: 1.618em; -} - -.border-radius__xxl { - border-radius: 2.235em; -} - -.border-radius__xxl.overflow__hidden { - border-radius: 2.618em; -} - -.border-radius__xxxl { - border-radius: 4.235em; -} - -.border-radius__circle { - border-radius: 100em; -} - -.border-radius__circle.overflow__hidden.expand { - height: 100%; - width: 100%; -} \ No newline at end of file diff --git a/cssReference/buttons.css b/cssReference/buttons.css deleted file mode 100644 index 0994f42..0000000 --- a/cssReference/buttons.css +++ /dev/null @@ -1,130 +0,0 @@ -.button__text { - align-items: center; - background-color: rgba(0, 0, 0, 0); - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 100em; - color: var(--light__primary_clv); - display: inline-block; - grid-column-gap: .485867em; - grid-row-gap: .485867em; - justify-content: flex-start; - overflow: hidden; - padding: .485867em 1em; - position: relative; - text-decoration: none; -} - -.button__text.w--current { - background-color: #dde1ff; -} - -.button__text.end-icon { - padding-right: .618em; -} - -.button__text.start-icon { - padding-left: .618em; -} - -.button__text.large { - font-size: 1.272em; -} - -.button__content { - align-items: center; - display: flex; - grid-column-gap: calc(1.272em / 2.618); - grid-row-gap: calc(1.272em / 2.618); - justify-content: center; -} - -.button__outline { - align-items: center; - background-color: rgba(0, 0, 0, 0); - border: 1px solid #727272; - border-radius: 100em; - color: var(--light__primary_clv); - display: inline-block; - grid-column-gap: .485867em; - grid-row-gap: .485867em; - justify-content: flex-start; - overflow: hidden; - padding: .485867em 1em; - position: relative; - text-decoration: none; -} - -.button__outline.end-icon { - padding-right: .618em; -} - -.button__outline.large { - font-size: 1.272em; -} - -.button__outline.start-icon { - padding-left: .618em; - padding-right: 1.27201em; -} - -.button__outline.start-icon.end-icon { - padding-left: .618em; - padding-right: .618em; -} - -.button__outline.start-icon.bg-dark__error { - border-color: var(--dark__outline_clv); -} - -.button__outline.start-icon.content__dark-error { - border-color: var(--dark__outline_clv); - color: var(--dark__error_clv); -} - -.button__outline.color__dark-primary { - color: var(--dark__primary_clv); -} - -.button { - align-items: center; - background-color: var(--light__primary_clv); - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 100em; - color: var(--light__onprimary_clv); - display: inline-block; - grid-column-gap: .485867em; - grid-row-gap: .485867em; - justify-content: flex-start; - overflow: hidden; - padding: .485867em 1em; - position: relative; - text-decoration: none; - white-space: normal; - word-break: keep-all; -} - -.button.large { - font-size: 1.272em; -} - -.button.start-icon { - padding: .485867em 1.27201em .485867em .618029em; - white-space: nowrap; -} - -.button.end-icon { - padding-right: .618em; -} - -.button.flex-basis { - flex: none; -} - -.start-icon.end-icon { - padding-left: .618em; -} - -.end-icon { - padding-left: 1em; - padding-right: .618em; -} \ No newline at end of file diff --git a/cssReference/cards.css b/cssReference/cards.css deleted file mode 100644 index 3c10d39..0000000 --- a/cssReference/cards.css +++ /dev/null @@ -1,436 +0,0 @@ -/* Cards */ -.card { - background-color: var(--light__surfacecontainerlowest_clv); -} - -.card.scalefactor__display2 { - background-color: var(--light__surfacecontainerlowest_clv); - border-radius: 2.05818em; - padding: 2.05818em 2.618em 2.618em; -} - -.card.outlined { - border: 1px solid #85736f; -} - -.card.outlined.scalefactor__titleb.m-bottom__xxl { - background-color: rgba(0, 0, 0, 0); -} - -.card.scalefactor__heading { - border-radius: .887579em; - padding: .887579em 1.129em 1.129em; -} - -.card.scalefactor__heading.on-home-feature { - -webkit-backdrop-filter: brightness(160%) blur(20px); - backdrop-filter: brightness(160%) blur(20px); - background-color: rgba(0, 0, 0, 0); -} - -.card.scalefactor__display1 { - border-radius: 3.3294em; - padding: 3.3294em 4.235em 4.235em; -} - -.card.scalefactor__display1.util-grid.col__2 { - grid-auto-columns: 1fr; - grid-column-gap: 16px; - grid-row-gap: 16px; - grid-template-columns: 1fr 1fr; - grid-template-rows: auto auto; -} - -.card.scalefactor__titlec { - border-radius: 1em; - padding: 1em 1.272em 1.272em; -} - -.card.scalefactor__caption { - border-radius: .617925em; - padding: .618em .786em .786em; -} - -.card.scalefactor__body { - border-radius: .786164em; - padding: .786164em 1em 1em; -} - -.card.scalefactor__titleb { - border-radius: 1.27201em; - padding: 1.27201em 1.618em 1.618em; -} - -.card.scalefactor__subheading { - border-radius: .695755em; - padding: .695755em .885em .885em; -} - -.card.scalefactor__callout { - border-radius: .741352em; - padding: .741352em .943em .943em; -} - -.card.scalefactor__titlea { - border-radius: 1.61792em; - padding: 1.61792em 2.058em 2.058em; -} - -.card.scalefactor__titlea.bg-dark__surface.test { - padding-top: 2.058em; -} - -.card.scalefactor__label { - border-radius: .656447em; - padding: .656447em .835em .835em; -} - -.card.margin-container { - border-radius: 1em; - font-family: Roboto Mono, sans-serif; - font-size: .786em; - line-height: 1.272; - padding: 2.058em; -} - -.card__outline { - border: 1px solid var(--light__outlinevariant_clv\); -} - -.card__outline.scalefactor__display2 { - border-radius: 2.05818em; - padding: 2.05818em 2.618em 2.618em; -} - -.card__outline.scalefactor__heading { - border-radius: .887579em; - padding: .887579em 1.129em 1.129em; -} - -.card__outline.scalefactor__display1 { - border-radius: 3.3294em; - padding: 3.3294em 4.235em 4.235em; -} - -.card__outline.scalefactor__titlec { - border-radius: 1em; - padding: 1em 1.272em 1.272em; -} - -.card__outline.scalefactor__caption { - border-radius: .617925em; - padding: .617925em .786em .786em; -} - -.card__outline.scalefactor__body { - border-radius: .786164em; - padding: .786164em 1em 1em; -} - -.card__outline.scalefactor__body.m-bottom__xl { - padding-top: .786em; -} - -.card__outline.scalefactor__titleb { - border-radius: 1.27201em; - padding: 1.27201em 1.618em 1.618em; -} - -.card__outline.scalefactor__subheading { - border-radius: .695755em; - padding: .695755em .885em .885em; -} - -.card__outline.scalefactor__callout { - border-radius: .741352em; - padding: .741352em .943em .943em; -} - -.card__outline.scalefactor__titlea { - border-radius: 1.61792em; - padding: 1.61792em 2.058em 2.058em; -} - -.card__outline.scalefactor__label { - border-radius: .656447em; - padding: .656447em .835em .835em; -} - -.card__outline.scalefactor__overline { - padding: .618em .786em .786em; -} - -.card__link { - background-color: var(--light__surfacecontainerlowest_clv); - cursor: pointer; - overflow: hidden; - position: relative; - text-decoration: none; -} - -.card__link.scalefactor__display2 { - border-radius: 2.05818em; - padding: 2.05818em 2.618em 2.618em; -} - -.card__link.scalefactor__heading { - border-radius: .887579em; - padding: .887579em 1.129em 1.129em; -} - -.card__link.scalefactor__display1 { - border-radius: 3.3294em; - padding: 3.3294em 4.235em 4.235em; -} - -.card__link.scalefactor__titlec { - border-radius: 1em; - padding: 1em 1.272em 1.272em; -} - -.card__link.scalefactor__caption { - border-radius: .617925em; - padding: .617925em .786em .786em; -} - -.card__link.scalefactor__body { - border-radius: .786164em; - padding: .786164em 1em 1em; -} - -.card__link.scalefactor__titleb { - border-radius: 1.27201em; - padding: 1.27201em 1.618em 1.618em; -} - -.card__link.scalefactor__subheading { - border-radius: .695755em; - padding: .695755em .885em .885em; -} - -.card__link.scalefactor__callout { - border-radius: .741352em; - padding: .741352em .943em .943em; -} - -.card__link.scalefactor__titlea { - border-radius: 1.61792em; - padding: 1.61792em 2.058em 2.058em; -} - -.card__link.scalefactor__label { - border-radius: .656447em; - padding: .656447em .835em .835em; -} - -.card__link.scalefactor__overline { - border-radius: .617925em; - padding: .618em .786em .786em; -} - -.card__outline__link { - border: .129em solid var(--light__outlinevariant_clv\); - overflow: hidden; - position: relative; -} - -.card__outline__link.scalefactor__display2 { - border-radius: 2.05818em; - padding: 2.05818em 2.618em 2.618em; -} - -.card__outline__link.scalefactor__heading { - border-radius: .887579em; - padding: .887579em 1.129em 1.129em; -} - -.card__outline__link.scalefactor__display1 { - border-radius: 3.3294em; - padding: 3.3294em 4.235em 4.235em; -} - -.card__outline__link.scalefactor__titlec { - border-radius: 1em; - padding: 1em 1.272em 1.272em; -} - -.card__outline__link.scalefactor__caption { - border-radius: .617925em; - padding: .617925em .786em .786em; -} - -.card__outline__link.scalefactor__body { - border-radius: .786164em; - padding: .786164em 1em 1em; -} - -.card__outline__link.scalefactor__titleb { - border-radius: 1.27201em; - padding: 1.27201em 1.618em 1.618em; -} - -.card__outline__link.scalefactor__subheading { - border-radius: .695755em; - padding: .695755em .885em .885em; -} - -.card__outline__link.scalefactor__callout { - border-radius: .741352em; - padding: .741352em .943em .943em; -} - -.card__outline__link.scalefactor__titlea { - border-radius: 1.61792em; - padding: 1.61792em 2.058em 2.058em; -} - -.card__outline__link.scalefactor__label { - border-radius: .656447em; - padding: .656447em .835em .835em; -} - -.card__outline__link.scalefactor__overline { - padding: .618em .786em .786em; -} - -.testimonial-heading-wrap { - align-items: center; - display: grid; - grid-auto-columns: 1fr; - grid-column-gap: 16px; - grid-row-gap: 16px; - grid-template-columns: max-content 1fr; - grid-template-rows: auto; -} - -.h-card-image { - aspect-ratio: 1; - border-radius: var(--size--m); - flex: none; - height: 2.618em; - margin-right: var(--size--m); - object-fit: contain; - width: 2.618em; -} - -.h-card-image.shadowsoft { - box-shadow: 0 0 1px #727272, 0 12px 50px rgba(21, 19, 22, .06); - margin-top: -2.618em; -} - -.h-card { - display: flex; - grid-auto-columns: 1fr; - grid-template-columns: min-content max-content; - grid-template-rows: auto auto; -} - -.h-card.scalefactor__heading { - padding: .888em 1.129em 1.129em; -} - -.h-card-content { - flex: 1 0 auto; -} - -.h-card-heading { - font-size: 1em; - font-weight: 600; - letter-spacing: -.011em; - line-height: 1.272; - padding: 0; - position: relative; - width: 100%; - z-index: 1; -} - -.h-card-heading.m-bottom__xl.tech { - font-weight: 600; -} - -.h-card-subheading { - font-size: .885em; - font-weight: 400; - letter-spacing: -.007em; - line-height: 1.272; - width: 100%; -} - -.h-card-copy { - display: flex; - grid-auto-columns: 1fr; - grid-column-gap: 16px; - grid-row-gap: 16px; - grid-template-columns: min-content max-content; - grid-template-rows: auto auto; -} - -.h-card-outline { - border: 1px solid var(--light__outline_clv); - display: flex; - grid-auto-columns: 1fr; - grid-template-columns: min-content max-content; - grid-template-rows: auto auto; -} - -.h-card-outline.scalefactor__heading { - border: 1px solid var(--light__outline_clv); - border-radius: .888em; - padding: .888em 1.129em 1.129em; -} - -.h-card-fill { - background-color: var(--light__surface_clv); - display: flex; - grid-auto-columns: 1fr; - grid-template-columns: min-content max-content; - grid-template-rows: auto auto; -} - -.h-card-fill.scalefactor__heading { - border-radius: .888em; - padding: .888em 1.129em 1.129em; -} - -.h-card-glass { - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px); - display: flex; - grid-auto-columns: 1fr; - grid-template-columns: min-content max-content; - grid-template-rows: auto auto; -} - -.h-card-glass.scalefactor__heading { - -webkit-backdrop-filter: brightness(110%) blur(20px) blur(20px); - backdrop-filter: brightness(110%) blur(20px) blur(20px); - border-radius: .888em; - overflow: hidden; - padding: .888em 1.129em 1.129em; -} - -.h-card-glass.scalefactor__heading.shadow2 { - grid-column-gap: 0px; - grid-row-gap: 0px; -} - -.h-card-glass.position__absolute { - -webkit-backdrop-filter: saturate(23%) blur(20px) brightness(180%); - backdrop-filter: saturate(23%) blur(20px) brightness(180%); - bottom: auto; - left: 0%; - right: auto; - top: 0%; -} - -.h-card-glass-bg { - background-color: var(--light__surface_clv); - bottom: 0%; - left: 0%; - opacity: .49; - pointer-events: none; - position: absolute; - right: 0%; - top: 0%; - z-index: -1; -} \ No newline at end of file diff --git a/cssReference/display.css b/cssReference/display.css deleted file mode 100644 index 5fc67f6..0000000 --- a/cssReference/display.css +++ /dev/null @@ -1,42 +0,0 @@ -.display__flex-h { - display: flex; -} - -.display__flex-h.gap-1em { - grid-column-gap: 1em; - grid-row-gap: 1em; -} - -.display__flex-h.gap-1em.justify-content__end { - justify-content: flex-end; -} - -.display__flex-h.align-items__center { - align-items: center; -} - -.display__flex-h.align-items__top { - align-items: flex-start; -} - -.display__flex-h.flex-grow.justify-content__end { - justify-content: flex-end; -} - -.flex-grow { - flex: 1; -} - -.flex-grow.justify-content__end { - display: flex; - justify-content: flex-end; -} - -.display__block { - display: block; -} - -.display__flex-v { - display: flex; - flex-direction: column; -} \ No newline at end of file diff --git a/cssReference/fontColor.css b/cssReference/fontColor.css deleted file mode 100644 index dde62c1..0000000 --- a/cssReference/fontColor.css +++ /dev/null @@ -1,40 +0,0 @@ -.color-light__info { - color: var(--light__info_clv); -} - -.color__light-primary { - color: var(--light__primary_clv); -} - -.color__secondary { - color: var(--light__secondary_clv); -} - -.color__onsurfacevariant { - color: var(--light__onsurfacevariant_clv); -} - -.color__outline { - -webkit-text-stroke-color: #85736f; - color: var(--light__outline_clv); -} - -.color__info { - color: #0072d9; -} - -.color__inverseprimary { - color: var(--light__inverseprimary_clv); -} - -.color__success { - color: var(--light__success_clv); -} - -.color__error { - color: var(--light__error_clv); -} - -.color__warning { - color: var(--light__warning_clv); -} \ No newline at end of file diff --git a/cssReference/formelements.css b/cssReference/formelements.css deleted file mode 100644 index 4f3f008..0000000 --- a/cssReference/formelements.css +++ /dev/null @@ -1,266 +0,0 @@ -.dropdown-toggle { - align-items: center; - background-color: rgba(0, 0, 0, 0); - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 100em; - display: inline-block; - grid-column-gap: .485867em; - grid-row-gap: .485867em; - justify-content: flex-start; - overflow: hidden; - padding: .485867em 1em; - position: relative; - text-decoration: none; -} - -.dropdown-toggle.w--current { - background-color: #dde1ff; -} - -.dropdown-toggle.end-icon { - color: #5b5d72; - padding-right: .618em; - transition: opacity .2s; -} - -.dropdown-toggle.end-icon:hover { - opacity: .5; -} - -.radio-button { - border-color: #727272; - border-radius: 100em; - border-width: .129em; - cursor: pointer; - float: none; - height: 1em; - margin-left: 0; - margin-right: .272em; - margin-top: 0; - transition: background-color .2s; - width: 1em; -} - -.radio-button:hover { - background-color: var(--light__primarycontainer_clv\); -} - -.radio-button.w--redirected-checked { - background-color: var(--light__primary_clv\); - background-size: contain; - border-color: var(--light__primary_clv\); -} - -.text-area { - border: .129em solid var(--light__outlinevariant_clv\); - border-radius: .618em; - color: var(--light__onsurface_clv\); - font-size: 1em; - letter-spacing: -.18px; - line-height: 1.272; - margin-bottom: 0; - padding: .618em 1.272em 1em 1em; - transition: border-color .2s; -} - -.text-area:hover { - border-color: var(--light__primary_clv\); -} - -.text-area:focus { - outline-color: var(--light__primary_clv\); - outline-offset: 0px; - outline-style: solid; - outline-width: 3px; -} - -.text-area:focus-visible { - outline-color: var(--light__primary_clv\); - outline-offset: 0px; - outline-style: solid; - outline-width: 3px; -} - -.text-area[data-wf-focus-visible] { - outline-color: var(--light__primary_clv\); - outline-offset: 0px; - outline-style: solid; - outline-width: 3px; -} - -.text-area::placeholder { - color: var(--light__outline_clv\); -} - -.select-field { - background-color: var(--light__surfacecontainerlowest_clv\); - border: .129em solid var(--light__outlinevariant_clv\); - border-radius: .618em; - color: var(--light__onsurfacevariant_clv\); - font-size: 1em; - letter-spacing: -.18px; - margin-bottom: 0; - padding: .485em 1em; - transition: border-color .2s, background-color .2s; -} - -.select-field:hover { - border-color: var(--light__primary_clv\); -} - -.select-field:focus { - background-color: #fff; - outline: 2px solid #3d56bc; - outline-offset: 0px; -} - -.select-field::placeholder { - color: var(--light__outline_clv\); -} - -.form-wrap { - display: grid; - grid-column-gap: 1em; - grid-row-gap: 1em; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; - grid-template-rows: auto auto; -} - -.select-field-wrap { - position: relative; -} - -.select-field-icon { - align-items: center; - bottom: 0%; - display: flex; - left: auto; - padding-right: .618em; - position: absolute; - right: 0%; - top: 0%; -} - -.checkradio-label { - cursor: default; - font-size: 1.19674em; - font-weight: 400; - letter-spacing: -.18px; - line-height: 1.618; - margin-left: .485em; -} - -.checkradio-state-layer { - background-color: #000; - border-radius: 100em; - bottom: 0%; - height: 2.236em; - left: -.618em; - opacity: 0; - pointer-events: none; - position: absolute; - right: auto; - top: 0%; - width: 2.236em; - z-index: 0; -} - -.checkradio-state-layer.bg-light__primary { - background-color: var(--light__primary_clv\); -} - -.dropdown-toggle-content { - align-items: center; - display: flex; - grid-column-gap: .485867em; - grid-row-gap: .485867em; - justify-content: center; -} - -.dropdown-link-wrap { - position: relative; -} - -.dropdown { - color: #4658ac; -} - -.dropdown-list { - background-color: #fff; - border-radius: .618em; - box-shadow: 0 0 1px 0 var(--light__shadow_clv), 0 12px 24px -4px rgba(0, 0, 0, .05); - flex-direction: column; - overflow: hidden; - padding: 1em; - transform-origin: 50% 0; -} - -.dropdown-list.shadowsoft { - flex-direction: column; - transform-origin: 50% 0; -} - -.dropdown-list.shadowsoft.w--open { - display: flex; - opacity: 1; - position: absolute; -} - -.input__outlined { - background-color: var(--light__surfacecontainerlowest_clv); - border: .129em solid var(--light__outlinevariant_clv); - border-radius: .618em; - color: var(--light__onsurface_clv\); - font-size: 1em; - letter-spacing: -.18px; - margin-bottom: 0; - padding: 1.272em 1em; - transition: border-color .2s, background-color .2s; -} - -.input__outlined:hover { - border-color: var(--light__primary_clv\); -} - -.input__outlined:focus { - background-color: #fff; - outline: 2px solid #3d56bc; - outline-offset: 0px; -} - -.input__outlined::placeholder { - color: var(--light__outline_clv\); -} - -.checkradio-option-wrap { - align-items: center; - display: flex; - height: 2.236em; - margin-bottom: 0; - padding-left: 0; - position: relative; -} - -.checkbox { - border-color: #727272; - border-radius: .272em; - border-width: .129em; - cursor: pointer; - float: none; - height: 1em; - margin-left: 0; - margin-right: .272em; - margin-top: 0; - transition: background-color .2s; - width: 1em; -} - -.checkbox:hover { - background-color: var(--light__primarycontainer_clv\); -} - -.checkbox.w--redirected-checked { - background-color: var(--light__primary_clv\); - background-size: contain; - border-color: var(--light__primary_clv\); -} \ No newline at end of file diff --git a/cssReference/gaps.css b/cssReference/gaps.css deleted file mode 100644 index 9971c1d..0000000 --- a/cssReference/gaps.css +++ /dev/null @@ -1,42 +0,0 @@ -.gap__xl, -.gap-1-618em { - display: flex; - grid-column-gap: 1.618em; - grid-row-gap: 1.618em; -} - -.gap__xxl { - display: flex; - grid-column-gap: 2.618em; - grid-row-gap: 2.618em; -} - -.gap__xs { - display: flex; - grid-column-gap: .129em; - grid-row-gap: .129em; -} - -.gap__base { - display: flex; - grid-column-gap: 1em; - grid-row-gap: 1em; -} - -.gap__m { - display: flex; - grid-column-gap: .618em; - grid-row-gap: .618em; -} - -.gap__s { - display: flex; - grid-column-gap: .272em; - grid-row-gap: .272em; -} - -.gap__l { - display: flex; - grid-column-gap: 1em; - grid-row-gap: 1em; -} \ No newline at end of file diff --git a/cssReference/grid.css b/cssReference/grid.css deleted file mode 100644 index 5ddb8b4..0000000 --- a/cssReference/grid.css +++ /dev/null @@ -1,112 +0,0 @@ -.grid { - display: grid; - grid-column-gap: 1em; - grid-row-gap: 1em; - grid-template-columns: 1fr 1fr; - grid-template-rows: auto auto; -} - -.grid.col__5 { - grid-column-gap: 2.618em; - grid-row-gap: 2.618em; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr; - grid-template-rows: auto; -} - -.grid.col__5.gap__xl { - display: grid; - grid-auto-columns: 1fr; - grid-column-gap: 1.618em; - grid-row-gap: 1.618em; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr; - grid-template-rows: auto; -} - -.grid.col__8 { - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; - grid-template-rows: auto; -} - -.grid.col__8.overflow-x.tight { - grid-template-columns: max-content 1fr 1fr 1fr 1fr; -} - -.grid.col__6 { - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; - grid-template-rows: auto; -} - -.grid.col__1 { - grid-template-columns: 1fr; - grid-template-rows: auto; -} - -.grid.col__2 { - grid-template-columns: 1fr 1fr; - grid-template-rows: auto; -} - -.grid.col__2.on-dropdown-link { - grid-template-columns: max-content 1fr; - position: relative; - z-index: 1; -} - -.grid.col__3 { - grid-template-columns: 1fr 1fr 1fr; - grid-template-rows: auto; -} - -.grid.col__3.gap__xl { - display: grid; - grid-auto-columns: 1fr; - grid-column-gap: 1.618em; - grid-row-gap: 1.618em; - grid-template-columns: 1fr 1fr 1fr; - grid-template-rows: auto; -} - -.grid.col__3.gap__xxl { - display: grid; - grid-auto-columns: 1fr; - grid-column-gap: 2.618em; - grid-row-gap: 2.618em; - grid-template-columns: 1fr 1fr 1fr; - grid-template-rows: auto; -} - -.grid.col__11 { - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; - grid-template-rows: auto; -} - -.grid.col__12 { - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; - grid-template-rows: auto; -} - -.grid.col__7 { - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; - grid-template-rows: auto; -} - -.grid.col__10 { - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; - grid-template-rows: auto; -} - -.grid.col__9 { - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; - grid-template-rows: auto; -} - -.grid.col__4 { - grid-column-gap: .618em; - grid-row-gap: .618em; - grid-template-columns: 1fr 1fr 1fr 1fr; - grid-template-rows: auto; -} - -.grid.col__4.simple__swatches { - grid-template-columns: max-content 1fr 1fr 1fr; -} \ No newline at end of file diff --git a/cssReference/htmlroots.css b/cssReference/htmlroots.css deleted file mode 100644 index b1ef2e2..0000000 --- a/cssReference/htmlroots.css +++ /dev/null @@ -1,71 +0,0 @@ -body { - background-color: var(--light__background_clv); - color: var(--light__onsurface_clv); - font-family: Inter, sans-serif; - font-size: 1vw; - letter-spacing: -.011em; - line-height: 20px; -} - -/* Reset all the default HTML element margins*/ -h1, -h2, -h3, -h4, -h5, -h6, -p { - margin-bottom: 0px; - margin-top: 0px; -} - -a { - color: var(--light__primary_clv); - font-weight: 700; - text-decoration: underline; -} - -ul { - margin-bottom: 0; - margin-top: 0; - padding-left: 40px; -} - -ol { - line-height: 1.618; - margin-bottom: 10px; - margin-top: 0; - padding-left: 40px; -} - -img { - display: block; - max-width: 100%; -} - -label { - display: block; - font-size: .835em; - font-weight: 500; - letter-spacing: -.1px; - line-height: 1.272; - margin-bottom: 0; -} - -strong { - font-weight: bold; -} - -blockquote { - border-left: 5px solid var(--light__secondarycontainer_clv\); - font-size: 1em; - line-height: 1.618; - margin-bottom: 1em; - margin-top: 1em; - padding: 0 1.618em; -} - -figcaption { - margin-top: 5px; - text-align: center; -} \ No newline at end of file diff --git a/cssReference/icons.css b/cssReference/icons.css deleted file mode 100644 index 1253791..0000000 --- a/cssReference/icons.css +++ /dev/null @@ -1,35 +0,0 @@ -.material-symbols-outlined { - text-decoration: none; -} - -.material-symbols-outlined.scale__1-618 { - align-self: center; - font-weight: 400; -} - -.material-symbols-outlined.move-down { - margin-bottom: -3%; -} - -.material-symbols-outlined.for-sticker { - margin-left: -.272em; - top: -.5px; -} - -.material-symbols-outlined.fix { - font-size: 20.352px; -} - -.material-symbols-outlined.menu_open { - display: none; -} - -@media screen and (max-width: 991px) { - .material-symbols-outlined { - text-decoration: none; - } - - .material-symbols-outlined.menu_open { - display: none; - } -} \ No newline at end of file diff --git a/cssReference/layout.css b/cssReference/layout.css deleted file mode 100644 index 998a95c..0000000 --- a/cssReference/layout.css +++ /dev/null @@ -1,105 +0,0 @@ -.container__widest { - margin-left: auto; - margin-right: auto; - max-width: none; -} - -.container__narrowest { - margin-left: auto; - margin-right: auto; - max-width: 988.875px; -} - -.container__narrow { - margin-left: auto; - margin-right: auto; - max-width: 1257px; -} - -.container__wide { - margin-left: auto; - margin-right: auto; - max-width: 1806.4px; -} - -.section__mostpadding { - padding: 11.087em 4.235em; - position: relative; -} - -.section__leastpadding { - padding: 1.618em; -} - -.section__leastpadding.position__rel { - padding-left: 4.235em; - padding-right: 4.235em; -} - -.section__lesspadding { - padding: 2.618em 4.235em; -} - -.section__lesspadding.position__rel.m-bottom__xl { - padding-left: 4.235em; - padding-right: 4.235em; -} - -.section__morepadding { - padding: 6.852em 4.235em; -} - -.section__default { - padding: 1.618em; -} - -.section__default.hero { - align-items: stretch; - display: grid; - flex-direction: column; - grid-auto-columns: 1fr; - grid-column-gap: 4.235em; - grid-row-gap: 4.235em; - grid-template-columns: 1fr; - grid-template-rows: auto auto; - padding-left: 0; - padding-right: 0; - padding-top: 4.235em; - position: relative; -} - -.container__default { - margin-left: auto; - margin-right: auto; - max-width: 1600px; -} - -@media screen and (max-width: 991px) { - .section__default { - padding: 1.618em; - } - - .section__mostpadding { - padding: 6.85229em 2.058em; - } - - .section__lesspadding { - padding-left: 1.618em; - padding-right: 1.618em; - } - - .section__morepadding { - padding: 4.23486em 1.618em; - } -} - -@media screen and (max-width: 479px) { - .grid.col__2.gap__xxl { - display: grid; - grid-auto-columns: 1fr; - grid-column-gap: 2.618em; - grid-row-gap: 2.618em; - grid-template-columns: 1fr 1fr; - grid-template-rows: auto; - } -} \ No newline at end of file diff --git a/cssReference/margins.css b/cssReference/margins.css deleted file mode 100644 index b2db400..0000000 --- a/cssReference/margins.css +++ /dev/null @@ -1,100 +0,0 @@ -.m-left__m { - margin-left: .618em; -} - -.m-right__xs { - margin-right: .236em; -} - -.m-top__m { - margin-top: .786164em; -} - -.m-left__l { - margin-left: 1em; -} - -.m-top__xl { - margin-top: 1.618em; -} - -.m-top__xxl { - margin-top: 2.618em; -} - -.m-bottom__xs { - margin-bottom: .3em; -} - -.m-left__s { - margin-left: .272em; -} - -.m-top__xs { - margin-top: .237948em; -} - -.m-left__xxl { - margin-left: 2.618em; -} - -.m-right__xl { - margin-right: 1.618em; -} - -.m-bottom__m { - margin-bottom: .786096em; -} - -.m-bottom__s { - margin-bottom: .485em; -} - -.m-right__xxl { - margin-right: 2.618em; -} - -.m-bottom__l { - margin-bottom: 1em; -} - -.pad-bottom__xxl { - margin-bottom: 0; - padding-bottom: 2.618em; -} - -.m-left__xl { - margin-left: 1.618em; -} - -.m-left__xs { - margin-left: .236em; -} - -.m-right__m { - margin-right: .618em; -} - -.m-bottom__xl { - margin-bottom: 1.618em; -} - -.margin-top__xs { - margin-top: .164088em; -} - -.m-right__s { - margin-right: .272em; -} - -.m-right__l { - margin-right: 1em; -} - -.m-top__l { - margin-top: 1.272em; -} - -.m-bottom__xxl { - margin-bottom: 2.618em; -} \ No newline at end of file diff --git a/cssReference/navbar.css b/cssReference/navbar.css deleted file mode 100644 index 44a7cae..0000000 --- a/cssReference/navbar.css +++ /dev/null @@ -1,566 +0,0 @@ -.navbar { - align-items: center; - background-color: rgba(0, 0, 0, 0); - color: var(--light__secondary_clv); - display: flex; -} - -.nav-buttons { - display: flex; - flex: 1; - grid-column-gap: 1em; - grid-row-gap: 1em; - justify-content: flex-end; -} - -.navbar-menu { - align-items: center; - background-color: rgba(0, 0, 0, 0); - display: flex; - flex: 0 auto; -} - -.nav-links { - align-items: center; - display: flex; - flex: 0 auto; - grid-auto-columns: auto; - grid-column-gap: 0em; - grid-row-gap: 0em; - grid-template-columns: auto auto auto auto auto; - grid-template-rows: auto; -} - -.button__navcta { - align-items: center; - background-color: #3d56bc; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 100em; - color: #fff; - display: inline-block; - grid-column-gap: .485867em; - grid-row-gap: .485867em; - justify-content: flex-start; - overflow: hidden; - padding: .485867em 1em; - position: relative; - text-decoration: none; -} - -.button__navcta.bg__onprimary { - background-color: #fff; - color: #3d56bc; -} - -.top-app-bar { - position: sticky; - top: 0; - z-index: 99; -} - -.top-app-bar-container { - margin-left: auto; - margin-right: auto; - max-width: 1600px; - position: relative; - z-index: 2; -} - -.nav-link-button { - align-items: center; - background-color: rgba(0, 0, 0, 0); - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 100em; - color: #3d56bc; - display: inline-block; - grid-column-gap: .485867em; - grid-row-gap: .485867em; - justify-content: flex-start; - overflow: hidden; - padding: .485867em 1em; - position: relative; - text-decoration: none; -} - -.nav-link-button.w--current { - background-color: #dde1ff; -} - -.nav-link-button.color__onprimary { - color: #fff; -} - -.nav-link-button.color__onprimary.w--current { - background-color: #fff; - color: #3d56bc; -} - -.navbar-wrap { - border-bottom: 1px solid var(--light__outlinevariant_clv); - bottom: auto; - color: #fff; - left: 0%; - margin-left: auto; - margin-right: auto; - padding: 0 1.618em; - position: sticky; - right: 0%; - top: 0; - z-index: 99; -} - -.glass-overlay { - display: none; -} - -.navbar-wrap.bg__transparent-glass__surfacecontainerlow { - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px); - background-color: rgba(243, 244, 247, .84); - color: #3d56bc; -} - -.dropdown-link { - border-radius: .786em; - color: #3d56bc; - font-weight: 600; - overflow: hidden; - padding: .786em 1em .786em .786em; - position: relative; - width: 100%; -} - -.dropdown-link:hover { - opacity: 1; -} - -.mobile__cta-button { - align-items: center; - background-color: #3d56bc; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 100em; - color: #fff; - display: none; - grid-column-gap: .485867em; - grid-row-gap: .485867em; - justify-content: flex-start; - overflow: hidden; - padding: .485867em 1em; - position: relative; - text-decoration: none; -} - -.navbar-glass { - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px); - bottom: 0%; - left: 0%; - pointer-events: none; - position: absolute; - right: 0%; - top: 0%; - z-index: 0; -} - -.navbar-bgfill { - background-color: var(--light__background_clv); - bottom: 0%; - left: 0%; - opacity: .7; - pointer-events: none; - position: absolute; - right: 0%; - top: 0%; - z-index: 1; -} - -.navbar-label { - font-size: .835em; - font-weight: 500; - letter-spacing: -.004em; - line-height: 1.272; - margin-bottom: 0; - position: static; - top: 6.235em; -} - -.navbar-divider { - background-color: var(--light__outlinevariant_clv); - height: 1px; - margin-bottom: 2.618em; - margin-top: 2.618em; -} - -.navmenu-bgfill { - background-color: var(--light__background_clv); - bottom: 0%; - display: none; - left: 0%; - opacity: .7; - position: absolute; - right: 0%; - top: 0%; - z-index: 1; -} - -.navmenu-glass { - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px); - bottom: 0%; - display: none; - left: 0%; - position: absolute; - right: 0%; - top: 0%; - z-index: 0; -} - -.nav-sectiontitle { - display: none; - font-size: .885em; - font-weight: 600; - letter-spacing: -.007em; - line-height: 1.272; - margin-bottom: 1em; -} - -.navmenu__title { - display: none; - font-size: 1.618em; - font-weight: 600; - letter-spacing: -.02em; - line-height: 1.272; -} - -.top-app-bar-content { - align-items: center; - background-color: rgba(0, 0, 0, 0); - display: flex; - flex: 1; -} - -@media screen and (max-width: 991px) { - .navbar { - color: var(--light__secondary_clv); - height: 68px; - justify-content: space-between; - z-index: 3; - } - - .nav-buttons { - align-items: center; - background-color: var(--light__surfacecontainerlowest_clv); - bottom: 0%; - display: flex; - flex: 0 auto; - flex-direction: row; - grid-column-gap: 1em; - grid-row-gap: 1em; - left: 0%; - padding: 1.618em; - position: fixed; - right: 0%; - top: auto; - transform: translate(-100%); - z-index: 2; - } - - .navbar-menu { - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px); - background-color: var(--light__surfacecontainerlowest_clv); - border-right: 1px solid var(--light__outlinevariant_clv); - bottom: 0%; - box-shadow: 0 4px 20px rgba(0, 0, 0, .2); - color: var(--light__onsurface_clv); - display: flex; - flex: none; - flex-flow: column; - height: 100svh; - justify-content: center; - left: 0%; - max-height: 100svh; - overflow: auto; - padding: 0 0 6.852em; - position: absolute; - right: 0%; - top: 0%; - width: 100vw; - z-index: 2; - } - - .dropdown-link-wrap { - border-radius: .786em; - overflow: hidden; - padding-bottom: 0; - padding-top: 0; - text-align: center; - } - - .nav-links { - align-items: flex-start; - display: flex; - flex: 1 0 auto; - flex-direction: column; - grid-column-gap: 0em; - grid-row-gap: 0em; - grid-template-columns: 1fr; - padding: 1.618em 1.618em 0; - position: relative; - text-align: left; - z-index: 2; - } - - .dropdown { - align-self: stretch; - color: var(--light__onsurface_clv); - margin-left: 0; - margin-right: 0; - padding-bottom: 0; - padding-top: 0; - text-align: center; - } - - .dropdown-list { - background-color: rgba(0, 0, 0, 0); - box-shadow: none; - display: block; - opacity: 1; - padding: 0; - position: relative; - } - - .dropdown-list.shadowsoft { - display: block; - } - - .dropdown-list.shadowsoft.w--open { - border-radius: 0; - box-shadow: none; - position: relative; - } - - .button__navcta { - background-color: rgba(0, 0, 0, 0); - border-radius: 0; - color: #350040; - display: flex; - justify-content: center; - padding-bottom: 1em; - padding-top: 1em; - } - - .button__navcta.bg__onprimary { - background-color: rgba(0, 0, 0, 0); - color: #350040; - } - - .nav-link-button { - border-radius: 0; - color: #fff; - padding-bottom: 1em; - padding-top: 1em; - } - - .nav-link-button.w--current { - background-color: rgba(0, 0, 0, 0); - background-image: linear-gradient(rgba(0, 0, 0, .15), rgba(0, 0, 0, .15)); - } - - .nav-link-button.color__onprimary { - border-radius: 0; - display: flex; - flex-direction: column; - } - - .nav-link-button.color__onprimary.w--current { - background-color: rgba(0, 0, 0, 0); - color: #fff; - } - - .menu-button { - border-left: 1px solid var(--light__outlinevariant_clv); - transition: background-color .2s; - } - - .menu-button.w--open { - background-color: var(--light__error_clv); - color: var(--light__inverseonsurface_clv); - z-index: 99; - } - - .menu-button.bg-light__tertiarycontainer { - bottom: 0; - box-shadow: 0 8px 40px rgba(0, 0, 0, .12); - overflow: hidden; - position: relative; - right: 0; - z-index: 0; - } - - .menu-button.bg-light__tertiarycontainer.w--open { - background-color: var(--light__error_clv); - bottom: 0; - color: var(--light__onerror_clv); - position: relative; - right: 0; - } - - .glass-overlay { - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px); - bottom: 0%; - display: none; - left: 0%; - margin-top: 62px; - position: fixed; - right: 0%; - top: 0%; - width: 100vw; - z-index: 0; - } - - .navbar-wrap { - padding: 0; - z-index: 99; - } - - .dropdown-link { - color: var(--light__onsurface_clv); - display: flex; - font-weight: 400; - padding: 1em; - text-align: left; - text-decoration: none; - } - - .dropdown-link.w--current { - background-color: var(--light__primarycontainer_clv); - color: var(--light__onprimarycontainer_clv); - } - - .mobile__cta-button { - background-color: rgba(0, 0, 0, 0); - border-radius: 0; - color: #350040; - display: block; - justify-content: center; - padding-bottom: 1em; - padding-top: 1em; - } - - .navbar-bgfill { - bottom: 0%; - height: 100%; - left: 0%; - right: 0%; - top: 0%; - } - - .navbar-divider { - align-self: stretch; - background-color: var(--light__outlinevariant_clv); - flex: none; - height: 1px; - margin-bottom: 1.618em; - margin-top: 1.618em; - width: 100%; - } - - .navmenu-bgfill { - bottom: 0%; - display: block; - flex: 1; - left: 0%; - opacity: .85; - pointer-events: none; - right: 0%; - top: 0%; - } - - .navmenu-glass { - display: block; - pointer-events: none; - } - - .nav-sectiontitle { - color: var(--light__onsurfacevariant_clv); - display: block; - } - - .nav-links__bottomgradient { - position: fixed; - } - - .navmenu__title { - display: block; - } - - .navmenu-titlewrap { - align-items: center; - background-color: var(--light__surfacecontainerlowest_clv); - border-bottom: 1px solid var(--dark__outlinevariant_clv); - display: flex; - height: 68px; - padding-left: 1.618em; - padding-right: 1.618em; - position: sticky; - top: 0; - z-index: 3; - } -} - -@media screen and (max-width: 767px) { - .navbar-menu { - border-right: 1px solid var(--light__outlinevariant_clv); - box-shadow: 0 4px 20px rgba(0, 0, 0, .2); - z-index: 98; - } - - .dropdown-link-wrap { - align-self: stretch; - width: 100%; - } - - .nav-links { - align-items: flex-start; - display: flex; - flex: 0 auto; - } - - .dropdown { - align-self: auto; - flex-direction: column; - width: 100%; - } - - .dropdown-list { - display: flex; - } - - .dropdown-link { - color: var(--light__onsurface_clv); - font-weight: 400; - } - - .navbar-label { - color: var(--light__onsurfacevariant_clv); - } - - .navbar-label.m-bottom__xl { - margin-bottom: 1.618em; - } - - .navbar-divider { - align-self: stretch; - margin-bottom: 1.618em; - margin-top: 1.618em; - } -} - -@media screen and (max-width: 479px) { - .mobile__cta-button { - background-color: rgba(0, 0, 0, 0); - padding: 0; - } -} \ No newline at end of file diff --git a/cssReference/normalize.css b/cssReference/normalize.css deleted file mode 100644 index ee1b725..0000000 --- a/cssReference/normalize.css +++ /dev/null @@ -1,394 +0,0 @@ -/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS and IE text size adjust after device orientation change, - * without disabling user zoom. - */ -html { - font-family: sans-serif; - /* 1 */ - -ms-text-size-adjust: 100%; - /* 2 */ - -webkit-text-size-adjust: 100%; - /* 2 */ -} - -/** - * Remove default margin. - */ -body { - margin: 0; -} - -/* HTML5 display definitions - ========================================================================== */ -/** - * Correct `block` display not defined for any HTML5 element in IE 8/9. - * Correct `block` display not defined for `details` or `summary` in IE 10/11 - * and Firefox. - * Correct `block` display not defined for `main` in IE 11. - */ -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -menu, -nav, -section, -summary { - display: block; -} - -/** - * 1. Correct `inline-block` display not defined in IE 8/9. - * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. - */ -audio, -canvas, -progress, -video { - display: inline-block; - /* 1 */ - vertical-align: baseline; - /* 2 */ -} - -/** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * Address `[hidden]` styling not present in IE 8/9/10. - * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. - */ -[hidden], -template { - display: none; -} - -/* Links - ========================================================================== */ -/** - * Remove the gray background color from active links in IE 10. - */ -a { - background-color: transparent; -} - -/** - * Improve readability of focused elements when they are also in an - * active/hover state. - */ -a:active, -a:hover { - outline: 0; -} - -/* Text-level semantics - ========================================================================== */ -/** - * Address styling not present in IE 8/9/10/11, Safari, and Chrome. - */ -abbr[title] { - border-bottom: 1px dotted; -} - -/** - * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. - */ -b, -strong { - font-weight: bold; -} - -/** - * Address styling not present in Safari and Chrome. - */ -dfn { - font-style: italic; -} - -/** - * Address variable `h1` font-size and margin within `section` and `article` - * contexts in Firefox 4+, Safari, and Chrome. - */ -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/** - * Address styling not present in IE 8/9. - */ -mark { - background: #ff0; - color: #000; -} - -/** - * Address inconsistent and variable font size in all browsers. - */ -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. - */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -/* Embedded content - ========================================================================== */ -/** - * Remove border when inside `a` element in IE 8/9/10. - */ -img { - border: 0; -} - -/** - * Correct overflow not hidden in IE 9/10/11. - */ -svg:not(:root) { - overflow: hidden; -} - -/* Grouping content - ========================================================================== */ -/** - * Address margin not present in IE 8/9 and Safari. - */ -figure { - margin: 1em 40px; -} - -/** - * Address differences between Firefox and other browsers. - */ -hr { - box-sizing: content-box; - height: 0; -} - -/** - * Contain overflow in all browsers. - */ -pre { - overflow: auto; -} - -/** - * Address odd `em`-unit font size rendering in all browsers. - */ -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; -} - -/* Forms - ========================================================================== */ -/** - * Known limitation: by default, Chrome and Safari on OS X allow very limited - * styling of `select`, unless a `border` property is set. - */ -/** - * 1. Correct color not being inherited. - * Known issue: affects color of disabled elements. - * 2. Correct font properties not being inherited. - * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. - */ -button, -input, -optgroup, -select, -textarea { - color: inherit; - /* 1 */ - font: inherit; - /* 2 */ - margin: 0; - /* 3 */ -} - -/** - * Address `overflow` set to `hidden` in IE 8/9/10/11. - */ -button { - overflow: visible; -} - -/** - * Address inconsistent `text-transform` inheritance for `button` and `select`. - * All other form control elements do not inherit `text-transform` values. - * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. - * Correct `select` style inheritance in Firefox. - */ -button, -select { - text-transform: none; -} - -/** - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` - * and `video` controls. - * 2. Correct inability to style clickable `input` types in iOS. - * 3. Improve usability and consistency of cursor style between image-type - * `input` and others. - * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce - * specificity and defer to the .w-button selector - */ -button, -html input[type="button"], -input[type="reset"] { - -webkit-appearance: button; - /* 2 */ - cursor: pointer; - /* 3 */ -} - -/** - * Re-set default cursor for disabled elements. - */ -button[disabled], -html input[disabled] { - cursor: default; -} - -/** - * Remove inner padding and border in Firefox 4+. - */ -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; -} - -/** - * Address Firefox 4+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. - */ -input { - line-height: normal; -} - -/** - * It's recommended that you don't attempt to style these elements. - * Firefox's implementation doesn't respect box-sizing, padding, or width. - * - * 1. Address box sizing set to `content-box` in IE 8/9/10. - * 2. Remove excess padding in IE 8/9/10. - */ -input[type='checkbox'], -input[type='radio'] { - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ -} - -/** - * Fix the cursor style for Chrome's increment/decrement buttons. For certain - * `font-size` values of the `input`, it causes the cursor style of the - * decrement button to change from `default` to `text`. - */ -input[type='number']::-webkit-inner-spin-button, -input[type='number']::-webkit-outer-spin-button { - height: auto; -} - -/** - * 1. CUSTOM FOR WEBFLOW: changed from `textfield` to `none` to normalize iOS rounded input - * 2. CUSTOM FOR WEBFLOW: box-sizing: content-box rule removed - * (similar to normalize.css >=4.0.0) - */ -input[type='search'] { - -webkit-appearance: none; - /* 1 */ -} - -/** - * Remove inner padding and search cancel button in Safari and Chrome on OS X. - * Safari (but not Chrome) clips the cancel button when the search input has - * padding (and `textfield` appearance). - */ -input[type='search']::-webkit-search-cancel-button, -input[type='search']::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * Define consistent border, margin, and padding. - */ -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} - -/** - * 1. Correct `color` not being inherited in IE 8/9/10/11. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. - */ -legend { - border: 0; - /* 1 */ - padding: 0; - /* 2 */ -} - -/** - * Remove default vertical scrollbar in IE 8/9/10/11. - */ -textarea { - overflow: auto; -} - -/** - * Don't inherit the `font-weight` (applied by a rule above). - * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. - */ -optgroup { - font-weight: bold; -} - -/* Tables - ========================================================================== */ -/** - * Remove most spacing between table cells. - */ -table { - border-collapse: collapse; - border-spacing: 0; -} - -td, -th { - padding: 0; -} \ No newline at end of file diff --git a/cssReference/opacity.css b/cssReference/opacity.css deleted file mode 100644 index df38e79..0000000 --- a/cssReference/opacity.css +++ /dev/null @@ -1,3 +0,0 @@ -.opacity__75 { - opacity: .75; -} \ No newline at end of file diff --git a/cssReference/padding.css b/cssReference/padding.css deleted file mode 100644 index 6886764..0000000 --- a/cssReference/padding.css +++ /dev/null @@ -1,122 +0,0 @@ -.pad-left__xxl { - margin-left: 0; - padding-left: 2.618em; -} - -.pad-left__xl { - margin-left: 0; - padding-left: 1.618em; -} - -.pad-left__l { - margin-left: 0; - padding-left: 1em; -} - -.pad-left__m { - margin-left: 0; - padding-left: .618em; -} - -.pad-left__s { - margin-left: 0; - padding-left: .345em; -} - -.pad-left__xs { - margin-left: 0; - padding-left: .236em; -} - -.pad-right__xs { - margin-right: 0; - padding-right: .236em; -} - -.pad-right__s { - margin-right: 0; - padding-right: .345em; -} - -.pad-right__m { - margin-right: 0; - padding-right: .618em; -} - -.pad-right__l { - margin-right: 0; - padding-right: 1em; -} - -.pad-right__xl { - margin-right: 0; - padding-right: 1.618em; -} - -.pad-right__xxl { - margin-right: 0; - padding-right: 2.618em; -} - -.pad-top__xxl { - margin-top: 0; - padding-top: 2.618em; -} - -.pad-top__xl { - margin-top: 0; - padding-top: 1.618em; -} - -.pad-top__m { - margin-top: 0; - padding-top: .786096em; -} - -.m-top__s { - margin-top: .485em; -} - -.pad-top__s { - margin-top: 0; - padding-top: .345984em; -} - -.pad-top__xs { - margin-top: 0; - padding-top: .236em; -} - -.pad-bottom__xs { - margin-bottom: 0; - padding-bottom: .236em; -} - -.pad-bottom__s { - margin-bottom: 0; - padding-bottom: .345em; -} - -.pad-bottom__m { - margin-bottom: 0; - padding-bottom: .786096em; -} - -.pad-bottom__l { - margin-bottom: 0; - padding-bottom: 1em; -} - -.pad-bottom__xl { - margin-bottom: 0; - padding-bottom: 1.618em; -} - -.pad-top__l { - margin-top: 0; - padding-top: 1em; -} - -.pad-top__l.m-bottom__xl { - line-height: 1.618; -} \ No newline at end of file diff --git a/cssReference/position.css b/cssReference/position.css deleted file mode 100644 index ffc017b..0000000 --- a/cssReference/position.css +++ /dev/null @@ -1,42 +0,0 @@ -.position__sticky { - position: sticky; - top: 0; -} - -.position__sticky.nav { - z-index: 999; -} - -.position__fixed { - bottom: auto; - left: 0%; - position: fixed; - right: 0%; - top: 0%; - z-index: 99; -} - -.position__rel { - position: relative; -} - -.position__absolute { - position: absolute; -} - -.position__absolute.cover { - bottom: 0%; - height: 100%; - left: 0%; - right: 0%; - top: 0%; - width: 100%; -} - -.position__absolute.cover.z0 { - bottom: 0%; - left: 0%; - right: 0%; - top: 0%; - z-index: 0; -} \ No newline at end of file diff --git a/cssReference/sizes.css b/cssReference/sizes.css deleted file mode 100644 index 361fb01..0000000 --- a/cssReference/sizes.css +++ /dev/null @@ -1,100 +0,0 @@ -.scale__1-272 { - transform: scale(1.272); -} - -.scale__1-618 { - transform: scale(1.618); -} - -._w-1em { - width: 1em; -} - -._w-1-272em { - width: 1.272em; -} - -._w-2-618em { - width: 2.618em; -} - -._w-1-618em { - width: 1.618em; -} - -.scale__1-129 { - transform: scale(1.129); -} - -.start-icon { - padding-left: .618em; - padding-right: 1em; -} - -._w-xxs { - width: 1em; -} - -._w-xs { - width: 1.129em; -} - -._w-s { - width: 1.272em; -} - -._w-m { - width: 1.618em; -} - -._w-l { - width: 2.058em; -} - -._w-xl { - width: 2.618em; -} - -._w-xxl { - width: 4.235em; -} - -._w-xxxl { - width: 6.238em; -} - -.h-xxs { - height: 1.06em; -} - -.h-xs { - height: 1.128em; -} - -.h-m { - height: 1.618em; -} - -.h-l { - height: 2.058em; -} - -.h-xl { - height: 2.618em; -} - -.h-xxl { - height: 4.235em; -} - -.h-xxxl { - height: 6.238em; -} - -.h-s { - height: 1.272em; -} - -._w-100 { - width: 100%; -} \ No newline at end of file diff --git a/cssReference/snackbars.css b/cssReference/snackbars.css deleted file mode 100644 index e5c3b4a..0000000 --- a/cssReference/snackbars.css +++ /dev/null @@ -1,110 +0,0 @@ -.snackbar-icon-wrap { - align-items: center; - background-color: var(--light__surfacecontainerlow_clv); - border-radius: .618em; - color: var(--light__onsurface_clv); - display: flex; - justify-content: center; - padding: .618em; -} - -.snackbar-icon-wrap.success { - background-color: var(--light__successcontainer_clv); - color: var(--light__onsuccesscontainer_clv); -} - -.snackbar-icon-wrap.info { - background-color: var(--light__infocontainer_clv); - color: var(--light__oninfocontainer_clv); -} - -.snackbar-icon-wrap.warning { - background-color: var(--light__warningcontainer_clv); - color: var(--light__onwarningcontainer_clv); -} - -.snackbar-icon-wrap.error { - background-color: var(--light__errorcontainer_clv); - color: var(--light__onerrorcontainer_clv); -} - -.text-align__right { - text-align: right; -} - -.snackbar { - align-items: center; - display: flex; - grid-column-gap: .618em; - grid-row-gap: .618em; - margin-left: auto; - margin-right: auto; - padding: 0; -} - -.snackbar-wrap__padded { - background-color: var(--light__surfacecontainerlowest_clv); - border-radius: .618em; - display: inline-block; - justify-content: center; - padding: .381971em 1em .381971em .382em; -} - -.snackbar-wrap__padded.align-self__start { - align-self: flex-start; -} - -.snackbar-divider { - background-color: var(--light__outlinevariant_clv); - width: 1px; -} - -.snackbar-content { - align-items: center; - display: flex; -} - -.snackbar__action { - display: flex; - grid-column-gap: var(--size--m); - grid-row-gap: var(--size--m); -} - -@media screen and (max-width: 991px) { - .snackbar { - align-items: center; - } - - .snackbar-divider { - display: none; - } - - .snackbar-content { - align-items: flex-start; - display: flex; - flex-direction: row; - grid-column-gap: var(--size--s); - grid-row-gap: var(--size--s); - } - - .snackbar__action { - align-self: flex-end; - } -} - -@media screen and (max-width: 479px) { - .snackbar { - align-items: flex-start; - } - - .snackbar-content { - flex-direction: column; - grid-column-gap: 0em; - grid-row-gap: 0em; - } - - .snackbar__action { - margin-bottom: var(--size--s); - margin-top: 1em; - } -} \ No newline at end of file diff --git a/cssReference/stickers.css b/cssReference/stickers.css deleted file mode 100644 index 37baf5f..0000000 --- a/cssReference/stickers.css +++ /dev/null @@ -1,28 +0,0 @@ -.sticker { - grid-column-gap: .272em; - grid-row-gap: .272em; - box-shadow: 0 0 1px 0 var(--light__shadow_clv); - letter-spacing: -.004em; - border-radius: .272em; - justify-content: center; - align-items: center; - padding: .272em .618em; - font-size: .835em; - font-weight: 500; - line-height: 1.272; - display: flex; - overflow: hidden; -} - -.sticker.bg-light__tertiary { - color: var(--light__ontertiary_clv\); -} - -.sticker.bg-dark__success.fix { - font-size: 13.36px; -} - -.stickers-section { - max-width: 100%; - overflow: hidden; -} \ No newline at end of file diff --git a/cssReference/tables.css b/cssReference/tables.css deleted file mode 100644 index eb0074f..0000000 --- a/cssReference/tables.css +++ /dev/null @@ -1,68 +0,0 @@ -.table_cell { - color: var(--light__onsurfacevariant_clv); - padding: .618em 1em; - font-size: .943em; - line-height: 1.618; -} - -.table_row { - border-bottom: 1px solid var(--light__outlinevariant_clv); -} - - - -.table_row.last-child { - border-bottom-style: none; -} - -.table_row.header { - overflow: hidden; -} - -.table_header { - text-align: left; - padding-top: .786em; - padding-bottom: .786em; - padding-left: 1em; - font-size: .885em; - font-weight: 600; - overflow: hidden; -} - -.table_head { - border-bottom: 1px solid var(--light__outline_clv); - background-color: var(--light__surfacecontainerlow_clv); -} - -.table_component { - background-color: var(--light__surfacecontainerlowest_clv); - box-shadow: 0 0 1px 0 var(--light__shadow_clv); - border-radius: .786em; - width: 100%; - font-size: 1em; - line-height: 1.272; - overflow: hidden; -} - -.table_component.overflow-x { - overflow: hidden; -} - - -@media screen and (max-width: 767px) { - - .table_component { - max-width: 100%; - } - - -} - -@media screen and (max-width: 479px) { - - .table_component.overflow-x { - width: auto; - overflow: auto; - } - -} \ No newline at end of file diff --git a/cssReference/textAlignment.css b/cssReference/textAlignment.css deleted file mode 100644 index 4fa7d5c..0000000 --- a/cssReference/textAlignment.css +++ /dev/null @@ -1,3 +0,0 @@ -.text-align__center { - text-align: center; -} \ No newline at end of file diff --git a/cssReference/typography.css b/cssReference/typography.css deleted file mode 100644 index 71ca396..0000000 --- a/cssReference/typography.css +++ /dev/null @@ -1,363 +0,0 @@ -.overline { - letter-spacing: .0618em; - text-transform: uppercase; - font-size: .786em; - font-weight: 400; - line-height: 1.272; -} - -.callout { - letter-spacing: -.009em; - font-size: .943em; - font-weight: 400; - line-height: 1.272; -} - -.rich-text { - color: var(--light__onsurface_clv); -} - -.rich-text h1 { - color: var(--light__onsurface_clv); - letter-spacing: -.035em; - margin-top: 0; - margin-bottom: 1.129em; - font-size: 4.235em; - font-weight: 700; - line-height: 1.129; -} - -.rich-text h2 { - letter-spacing: -.022em; - margin-top: .786096em; - margin-bottom: .345984em; - font-size: 2.618em; - font-weight: 700; - line-height: 1.272; -} - -.rich-text h3 { - letter-spacing: -.022em; - margin-top: .786096em; - margin-bottom: .345984em; - font-size: 2.058em; - font-weight: 600; - line-height: 1.272; -} - -.rich-text h4 { - letter-spacing: -.02em; - margin-top: .786096em; - margin-bottom: .345984em; - font-size: 1.618em; - font-weight: 600; - line-height: 1.272; -} - -.rich-text h5 { - letter-spacing: -.017em; - margin-top: .786096em; - margin-bottom: .345984em; - font-size: 1.272em; - font-weight: 600; - line-height: 1.272; -} - -.rich-text h6 { - letter-spacing: -.014em; - margin-top: .786096em; - margin-bottom: .345984em; - font-size: 1.129em; - font-weight: 600; - line-height: 1.272; -} - -.rich-text ol { - margin-top: 1em; - margin-bottom: 1em; -} - -.rich-text ul { - margin-top: 1em; - margin-bottom: 1em; - padding-left: 2.618em; - line-height: 1.618; -} - -.rich-text blockquote { - margin-top: 1em; - margin-bottom: 1em; - padding: 0 1.618em; - font-size: 1em; - line-height: 1.618; -} - -.rich-text p { - color: var(--light__onsurfacevariant_clv); - margin-top: 1em; - margin-bottom: 1em; -} - -.rich-text a { - color: var(--light__primary_clv); - font-weight: 700; -} - -.rich-text figcaption { - color: var(--light__onsurfacevariant_clv); - margin-top: 1em; - margin-bottom: 1em; - font-size: .786em; - line-height: 1.618; -} - -.rich-text img { - margin-top: 1em; - margin-bottom: 11em; -} - -.heading__bold { - letter-spacing: -.014em; - font-size: 1.129em; - font-weight: 700; - line-height: 1.272; -} - -.titlea { - letter-spacing: -.022em; - font-size: 2.058em; - font-weight: 400; - line-height: 1.272; -} - -.caption__bold { - letter-spacing: -.007em; - font-size: .786em; - font-weight: 600; - line-height: 1.272; -} - -.titleb { - letter-spacing: -.02em; - font-size: 1.618em; - font-weight: 400; - line-height: 1.272; -} - -.overline__bold { - letter-spacing: .0618em; - text-transform: uppercase; - font-size: .786em; - font-weight: 600; - line-height: 1.272; -} - - - -.label { - letter-spacing: -.004em; - margin-bottom: 0; - font-size: .835em; - font-weight: 500; - line-height: 1.272; - position: static; - top: 6.235em; -} - -.display2__bold { - letter-spacing: -.022em; - font-size: 2.618em; - font-weight: 700; - line-height: 1.272; -} - -.titleb__bold { - letter-spacing: -.02em; - font-size: 1.618em; - font-weight: 600; - line-height: 1.272; -} - - -.display2__bold.m-bottom__m.tech { - font-family: Roboto Mono, sans-serif; -} - - - - -.caption { - letter-spacing: -.007em; - font-size: .786em; - font-weight: 400; - line-height: 1.272; -} - -.display1__bold { - letter-spacing: -.022em; - font-size: 4.235em; - font-weight: 700; - line-height: 1.129; -} - -.titlec { - letter-spacing: -.017em; - font-size: 1.272em; - font-weight: 400; - line-height: 1.272; -} - -.titlec.fix { - font-size: 20.352px; -} - - -.display2 { - letter-spacing: -.022em; - font-size: 2.618em; - font-weight: 400; - line-height: 1.272; -} - -.body__bold { - z-index: 1; - letter-spacing: -.011em; - padding: 0; - font-size: 1em; - font-weight: 600; - line-height: 1.618; - position: relative; -} - -.body__bold.m-bottom__xl.tech { - font-weight: 600; -} - -.body__bold.fix { - font-size: 16px; -} - -.display1 { - letter-spacing: -.022em; - font-size: 4.235em; - font-weight: 400; - line-height: 1.129; -} - -.titlec__bold { - letter-spacing: -.017em; - font-size: 1.272em; - font-weight: 600; - line-height: 1.272; -} - -.body { - letter-spacing: -.011em; - cursor: default; - font-size: 1em; - font-weight: 400; - line-height: 1.618; -} - -.body.opacity__75.fix { - font-size: 16px; -} - -.titlea__bold { - letter-spacing: -.022em; - font-size: 2.058em; - font-weight: 700; - line-height: 1.272; -} - -.titlea__bold.fix { - font-size: 32.928px; -} - - - -.callout__bold { - letter-spacing: -.009em; - font-size: .943em; - font-weight: 600; - line-height: 1.272; - text-decoration: none; -} - -.subheading { - letter-spacing: -.007em; - font-size: .885em; - font-weight: 400; - line-height: 1.272; -} - -.subheading__bold { - letter-spacing: -.007em; - font-size: .885em; - font-weight: 600; - line-height: 1.272; -} - -.label__bold { - letter-spacing: -.004em; - font-size: .835em; - font-weight: 700; - line-height: 1.272; -} - -.subheading__bold { - color: var(--light__onsurfacevariant_clv); -} - -.heading { - letter-spacing: -.014em; - font-size: 1.129em; - font-weight: 600; - line-height: 1.272; -} - - -@media screen and (max-width: 991px) { - body { - font-size: 1vw; - } - -} - - -@media screen and (max-width: 767px) { - - .display1__bold, - .display1 { - font-size: 3.3301em; - } - - -} - - -@media screen and (max-width: 479px) { - - .display2__bold { - font-size: 2.05818em; - } - - .display1__bold { - font-size: 2.61743em; - } - - .display2 { - font-size: 2.05818em; - } - - .display1 { - font-size: 2.61743em; - } - - .titlea__bold, - .titlea { - font-size: 1.82285em; - } - - -} \ No newline at end of file diff --git a/cssReference/variables.css b/cssReference/variables.css deleted file mode 100644 index 39f40f5..0000000 --- a/cssReference/variables.css +++ /dev/null @@ -1,146 +0,0 @@ -:root { - - - - --light__background_clv: #fefbff; - --light__onsurface_clv: #1b1b1f; - --light__primary_clv: #4658ac; - --light__surfacecontainerlowest_clv: #fff; - --light__onsurfacevariant_clv: #45464f; - --dark__outline_clv: #90909a; - --dark__error_clv: #ffb4ab; - --dark__primary_clv: #b9c3ff; - - --light__onprimary_clv: #fefbff; - --light__outlinevariant_clv: #c6c5d0; - --light__shadow_clv: #000; - --light__info_clv: #1758c7; - --light__secondary_clv: #5a5d72; - --light__outline_clv: #767680; - --light__inverseprimary_clv: #b9c3ff; - --light__surfacecontainerlow_clv: #f5f2f7; - --light__successcontainer_clv: #92f8b4; - --light__onsuccesscontainer_clv: #00210f; - --light__infocontainer_clv: #dae2ff; - --light__oninfocontainer_clv: #001946; - --light__warningcontainer_clv: #ffdea7; - --light__onwarningcontainer_clv: #271900; - --light__errorcontainer_clv: #ffdad6; - --light__onerrorcontainer_clv: #410002; - --light__onsecondarycontainer_clv: #171b2c; - --light__primarycontainer_clv: #dee1ff; - --light__onprimarycontainer_clv: #001258; - --light__onsecondary_clv: #fff; - --light__secondarycontainer_clv: #dfe1f9; - --light__tertiary_clv: #76546e; - --light__ontertiary_clv: #fff; - --light__tertiarycontainer_clv: #ffd7f2; - --light__ontertiarycontainer_clv: #2d1228; - --light__error_clv: #ba1a1a; - --light__onerror_clv: #fff; - --light__onbackground_clv: #1b1b1f; - --light__surface_clv: #fbf8fd; - --light__surfacevariant_clv: #e3e1ec; - --light__scrim_clv: #000; - --light__inversesurface_clv: #303034; - --light__inverseonsurface_clv: #f3f0f4; - --light__success_clv: #006d3d; - --light__onsuccess_clv: #fff; - --light__warning_clv: #7c5800; - --light__onwarning_clv: #fff; - --light__oninfo_clv: #fff; - --light__primaryfixed_clv: #dee1ff; - --light__onprimaryfixed_clv: #001258; - --light__primaryfixeddim_clv: #b9c3ff; - --light__onprimaryfixedvariant_clv: #2d3f93; - --light__secondaryfixed_clv: #dfe1f9; - --light__onsecondaryfixed_clv: #171b2c; - --light__secondaryfixeddim_clv: #c3c5dd; - --light__onsecondaryfixedvariant_clv: #434659; - --light__tertiaryfixed_clv: #ffd7f2; - --light__ontertiaryfixed_clv: #2d1228; - --light__tertiaryfixeddim_clv: #e5bad8; - --light__ontertiaryfixedvariant_clv: #5c3c55; - --light__surfacedim_clv: #dcd9de; - --light__surfacebright_clv: #fbf8fd; - --light__surfacecontainer_clv: #f0edf1; - --light__surfacecontainerhigh_clv: #eae7ec; - --light__surfacecontainerhighest_clv: #e4e1e6; - - - - --dark__onprimary_clv: #11277c; - --dark__primarycontainer_clv: #2d3f93; - --dark__onprimarycontainer_clv: #dee1ff; - --dark__secondary_clv: #c3c5dd; - --dark__onsecondary_clv: #2c2f42; - --dark__secondarycontainer_clv: #434659; - --dark__onsecondarycontainer_clv: #dfe1f9; - --dark__tertiary_clv: #e5bad8; - --dark__ontertiary_clv: #44263e; - --dark__tertiarycontainer_clv: #5c3c55; - --dark__ontertiarycontainer_clv: #ffd7f2; - --dark__onerror_clv: #690005; - --dark__errorcontainer_clv: #93000a; - --dark__onerrorcontainer_clv: #ffb4ab; - --dark__background_clv: #1b1b1f; - --dark__onbackground_clv: #e4e1e6; - --dark__surface_clv: #131316; - --dark__onsurface_clv: #e4e1e6; - --dark__onsurfacevariant_clv: #c6c5d0; - --dark__surfacevariant_clv: #45464f; - --dark__shadow_clv: #000; - --dark__inversesurface_clv: #e4e1e6; - --dark__scrim_clv: #000; - --dark__inverseonsurface_clv: #303034; - --dark__inverseprimary_clv: #4658ac; - --dark__success_clv: #76db9a; - --dark__onsuccess_clv: #00391d; - --dark__successcontainer_clv: #00522c; - --dark__onsuccesscontainer_clv: #92f8b4; - --dark__warning_clv: #f7bd48; - --dark__onwarning_clv: #412d00; - --dark__warningcontainer_clv: #5e4200; - --dark__onwarningcontainer_clv: #ffdea7; - --dark__info_clv: #b1c5ff; - --dark__oninfo_clv: #002c71; - --dark__infocontainer_clv: #00419e; - --dark__oninfocontainer_clv: #dae2ff; - --dark__primaryfixed_clv: #dee1ff; - --dark__onprimaryfixed_clv: #001258; - --dark__primaryfixeddim_clv: #b9c3ff; - --dark__onprimaryfixedvariant_clv: #2d3f93; - --dark__secondaryfixed_clv: #dfe1f9; - --dark__secondaryfixeddim_clv: #c3c5dd; - --dark__onsecondaryfixed_clv: #171b2c; - --dark__onsecondaryfixedvariant_clv: #434659; - --dark__tertiaryfixed_clv: #ffd7f2; - --dark__ontertiaryfixed_clv: #2d1228; - --dark__tertiaryfixeddim_clv: #e5bad8; - --dark__ontertiaryfixedvariant_clv: #5c3c55; - --dark__surfacedim_clv: #131316; - --dark__surfacebright_clv: #39393c; - --dark__surfacecontainerlowest_clv: #0e0e11; - --dark__surfacecontainer_clv: #1f1f23; - --dark__surfacecontainerhigh_clv: #2a2a2d; - --dark__surfacecontainerhighest_clv: #353438; - --dark__surfacecontainerlow_clv: #1b1b1f; - --dark__outlinevariant_clv: #45464f; - - - - --size--m: 1em; - --size--s: calc(var(--size--m)/1.618); - --size--xs: calc(var(--size--s)/1.618); - --size--xxs: calc(var(--size--xs)/1.618); - --size--l: calc(var(--size--m) * 1.618); - --size--xl: calc(var(--size--l) * 1.618); - --size--xxl: calc(var(--size--xl) * 1.618); - - - --white: white; - --black: black; - - - -} \ No newline at end of file diff --git a/cssReference/webflow.css b/cssReference/webflow.css deleted file mode 100644 index 3d0e278..0000000 --- a/cssReference/webflow.css +++ /dev/null @@ -1,2149 +0,0 @@ -@font-face { - font-family: 'webflow-icons'; - src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype'); - font-weight: normal; - font-style: normal; -} - -[class^="w-icon-"], -[class*=" w-icon-"] { - /* use !important to prevent issues with browser extensions that change fonts */ - font-family: 'webflow-icons' !important; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - /* Better Font Rendering =========== */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.w-icon-slider-right:before { - content: "\e600"; -} - -.w-icon-slider-left:before { - content: "\e601"; -} - -.w-icon-nav-menu:before { - content: "\e602"; -} - -.w-icon-arrow-down:before, -.w-icon-dropdown-toggle:before { - content: "\e603"; -} - -.w-icon-file-upload-remove:before { - content: "\e900"; -} - -.w-icon-file-upload-icon:before { - content: "\e903"; -} - -* { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -html { - height: 100%; -} - -body { - margin: 0; - min-height: 100%; - background-color: #fff; - font-family: Arial, sans-serif; - font-size: 14px; - line-height: 20px; - color: #333; -} - -img { - max-width: 100%; - vertical-align: middle; - display: inline-block; -} - -html.w-mod-touch * { - background-attachment: scroll !important; -} - -.w-block { - display: block; -} - -.w-inline-block { - max-width: 100%; - display: inline-block; -} - -.w-clearfix:before, -.w-clearfix:after { - content: " "; - display: table; - grid-column-start: 1; - grid-row-start: 1; - grid-column-end: 2; - grid-row-end: 2; -} - -.w-clearfix:after { - clear: both; -} - -.w-hidden { - display: none; -} - -.w-button { - display: inline-block; - padding: 9px 15px; - background-color: #3898EC; - color: white; - border: 0; - line-height: inherit; - text-decoration: none; - cursor: pointer; - border-radius: 0; -} - -input.w-button { - -webkit-appearance: button; -} - -html[data-w-dynpage] [data-w-cloak] { - color: transparent !important; -} - -.w-code-block { - margin: unset; -} - -pre.w-code-block code { - all: inherit; -} - -.w-webflow-badge, -.w-webflow-badge * { - position: static; - left: auto; - top: auto; - right: auto; - bottom: auto; - z-index: auto; - display: block; - visibility: visible; - overflow: visible; - overflow-x: visible; - overflow-y: visible; - box-sizing: border-box; - width: auto; - height: auto; - max-height: none; - max-width: none; - min-height: 0; - min-width: 0; - margin: 0; - padding: 0; - float: none; - clear: none; - border: 0 none transparent; - border-radius: 0; - background: none; - background-image: none; - background-position: 0% 0%; - background-size: auto auto; - background-repeat: repeat; - background-origin: padding-box; - background-clip: border-box; - background-attachment: scroll; - background-color: transparent; - box-shadow: none; - opacity: 1; - transform: none; - transition: none; - direction: ltr; - font-family: inherit; - font-weight: inherit; - color: inherit; - font-size: inherit; - line-height: inherit; - font-style: inherit; - font-variant: inherit; - text-align: inherit; - letter-spacing: inherit; - text-decoration: inherit; - text-indent: 0; - text-transform: inherit; - list-style-type: disc; - text-shadow: none; - font-smoothing: auto; - vertical-align: baseline; - cursor: inherit; - white-space: inherit; - word-break: normal; - word-spacing: normal; - word-wrap: normal; -} - -.w-webflow-badge { - position: fixed !important; - display: inline-block !important; - visibility: visible !important; - z-index: 2147483647 !important; - top: auto !important; - right: 12px !important; - bottom: 12px !important; - left: auto !important; - color: #aaadb0 !important; - background-color: #fff !important; - border-radius: 3px !important; - padding: 6px !important; - font-size: 12px !important; - opacity: 1 !important; - line-height: 14px !important; - text-decoration: none !important; - transform: none !important; - margin: 0 !important; - width: auto !important; - height: auto !important; - overflow: visible !important; - white-space: nowrap; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1); - cursor: pointer; -} - -.w-webflow-badge>img { - display: inline-block !important; - visibility: visible !important; - opacity: 1 !important; - vertical-align: middle !important; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - font-weight: bold; - margin-bottom: 10px; -} - -h1 { - font-size: 38px; - line-height: 44px; - margin-top: 20px; -} - -h2 { - font-size: 32px; - line-height: 36px; - margin-top: 20px; -} - -h3 { - font-size: 24px; - line-height: 30px; - margin-top: 20px; -} - -h4 { - font-size: 18px; - line-height: 24px; - margin-top: 10px; -} - -h5 { - font-size: 14px; - line-height: 20px; - margin-top: 10px; -} - -h6 { - font-size: 12px; - line-height: 18px; - margin-top: 10px; -} - -p { - margin-top: 0; - margin-bottom: 10px; -} - -blockquote { - margin: 0 0 10px 0; - padding: 10px 20px; - border-left: 5px solid #E2E2E2; - font-size: 18px; - line-height: 22px; -} - -figure { - margin: 0; - margin-bottom: 10px; -} - -figcaption { - margin-top: 5px; - text-align: center; -} - -ul, -ol { - margin-top: 0px; - margin-bottom: 10px; - padding-left: 40px; -} - -.w-list-unstyled { - padding-left: 0; - list-style: none; -} - -.w-embed:before, -.w-embed:after { - content: " "; - display: table; - grid-column-start: 1; - grid-row-start: 1; - grid-column-end: 2; - grid-row-end: 2; -} - -.w-embed:after { - clear: both; -} - -.w-video { - width: 100%; - position: relative; - padding: 0; -} - -.w-video iframe, -.w-video object, -.w-video embed { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border: none; -} - -fieldset { - padding: 0; - margin: 0; - border: 0; -} - -button, -[type='button'], -[type='reset'] { - border: 0; - cursor: pointer; - -webkit-appearance: button; -} - -.w-form { - margin: 0 0 15px; -} - -.w-form-done { - display: none; - padding: 20px; - text-align: center; - background-color: #dddddd; -} - -.w-form-fail { - display: none; - margin-top: 10px; - padding: 10px; - background-color: #ffdede; -} - -label { - display: block; - margin-bottom: 5px; - font-weight: bold; -} - -.w-input, -.w-select { - display: block; - width: 100%; - height: 38px; - padding: 8px 12px; - margin-bottom: 10px; - font-size: 14px; - line-height: 1.42857143; - color: #333333; - vertical-align: middle; - background-color: #ffffff; - border: 1px solid #cccccc; -} - -.w-input:-moz-placeholder, -.w-select:-moz-placeholder { - color: #999; -} - -.w-input::-moz-placeholder, -.w-select::-moz-placeholder { - color: #999; - opacity: 1; -} - -.w-input::-webkit-input-placeholder, -.w-select::-webkit-input-placeholder { - color: #999; -} - -.w-input:focus, -.w-select:focus { - border-color: #3898EC; - outline: 0; -} - -.w-input[disabled], -.w-select[disabled], -.w-input[readonly], -.w-select[readonly], -fieldset[disabled] .w-input, -fieldset[disabled] .w-select { - cursor: not-allowed; -} - -.w-input[disabled]:not(.w-input-disabled), -.w-select[disabled]:not(.w-input-disabled), -.w-input[readonly], -.w-select[readonly], -fieldset[disabled]:not(.w-input-disabled) .w-input, -fieldset[disabled]:not(.w-input-disabled) .w-select { - background-color: #eeeeee; -} - -textarea.w-input, -textarea.w-select { - height: auto; -} - -.w-select { - background-color: #f3f3f3; -} - -.w-select[multiple] { - height: auto; -} - -.w-form-label { - display: inline-block; - cursor: pointer; - font-weight: normal; - margin-bottom: 0px; -} - -.w-radio { - display: block; - margin-bottom: 5px; - padding-left: 20px; -} - -.w-radio:before, -.w-radio:after { - content: " "; - display: table; - grid-column-start: 1; - grid-row-start: 1; - grid-column-end: 2; - grid-row-end: 2; -} - -.w-radio:after { - clear: both; -} - -.w-radio-input { - margin: 4px 0 0; - line-height: normal; - float: left; - margin-left: -20px; -} - -.w-radio-input { - margin-top: 3px; -} - -.w-file-upload { - display: block; - margin-bottom: 10px; -} - -.w-file-upload-input { - width: 0.1px; - height: 0.1px; - opacity: 0; - overflow: hidden; - position: absolute; - z-index: -100; -} - -.w-file-upload-default, -.w-file-upload-uploading, -.w-file-upload-success { - display: inline-block; - color: #333333; -} - -.w-file-upload-error { - display: block; - margin-top: 10px; -} - -.w-file-upload-default.w-hidden, -.w-file-upload-uploading.w-hidden, -.w-file-upload-error.w-hidden, -.w-file-upload-success.w-hidden { - display: none; -} - -.w-file-upload-uploading-btn { - display: flex; - font-size: 14px; - font-weight: normal; - cursor: pointer; - margin: 0; - padding: 8px 12px; - border: 1px solid #cccccc; - background-color: #fafafa; -} - -.w-file-upload-file { - display: flex; - flex-grow: 1; - justify-content: space-between; - margin: 0; - padding: 8px 9px 8px 11px; - border: 1px solid #cccccc; - background-color: #fafafa; -} - -.w-file-upload-file-name { - font-size: 14px; - font-weight: normal; - display: block; -} - -.w-file-remove-link { - margin-top: 3px; - margin-left: 10px; - width: auto; - height: auto; - padding: 3px; - display: block; - cursor: pointer; -} - -.w-icon-file-upload-remove { - margin: auto; - font-size: 10px; -} - -.w-file-upload-error-msg { - display: inline-block; - color: #ea384c; - padding: 2px 0; -} - -.w-file-upload-info { - display: inline-block; - line-height: 38px; - padding: 0 12px; -} - -.w-file-upload-label { - display: inline-block; - font-size: 14px; - font-weight: normal; - cursor: pointer; - margin: 0; - padding: 8px 12px; - border: 1px solid #cccccc; - background-color: #fafafa; -} - -.w-icon-file-upload-icon, -.w-icon-file-upload-uploading { - display: inline-block; - margin-right: 8px; - width: 20px; -} - -.w-icon-file-upload-uploading { - height: 20px; -} - -.w-container { - margin-left: auto; - margin-right: auto; - max-width: 940px; -} - -.w-container:before, -.w-container:after { - content: " "; - display: table; - grid-column-start: 1; - grid-row-start: 1; - grid-column-end: 2; - grid-row-end: 2; -} - -.w-container:after { - clear: both; -} - -.w-container .w-row { - margin-left: -10px; - margin-right: -10px; -} - -.w-row:before, -.w-row:after { - content: " "; - display: table; - grid-column-start: 1; - grid-row-start: 1; - grid-column-end: 2; - grid-row-end: 2; -} - -.w-row:after { - clear: both; -} - -.w-row .w-row { - margin-left: 0; - margin-right: 0; -} - -.w-col { - position: relative; - float: left; - width: 100%; - min-height: 1px; - padding-left: 10px; - padding-right: 10px; -} - -.w-col .w-col { - padding-left: 0; - padding-right: 0; -} - -.w-col-1 { - width: 8.33333333%; -} - -.w-col-2 { - width: 16.66666667%; -} - -.w-col-3 { - width: 25%; -} - -.w-col-4 { - width: 33.33333333%; -} - -.w-col-5 { - width: 41.66666667%; -} - -.w-col-6 { - width: 50%; -} - -.w-col-7 { - width: 58.33333333%; -} - -.w-col-8 { - width: 66.66666667%; -} - -.w-col-9 { - width: 75%; -} - -.w-col-10 { - width: 83.33333333%; -} - -.w-col-11 { - width: 91.66666667%; -} - -.w-col-12 { - width: 100%; -} - -.w-hidden-main { - display: none !important; -} - -@media screen and (max-width: 991px) { - .w-container { - max-width: 728px; - } - - .w-hidden-main { - display: inherit !important; - } - - .w-hidden-medium { - display: none !important; - } - - .w-col-medium-1 { - width: 8.33333333%; - } - - .w-col-medium-2 { - width: 16.66666667%; - } - - .w-col-medium-3 { - width: 25%; - } - - .w-col-medium-4 { - width: 33.33333333%; - } - - .w-col-medium-5 { - width: 41.66666667%; - } - - .w-col-medium-6 { - width: 50%; - } - - .w-col-medium-7 { - width: 58.33333333%; - } - - .w-col-medium-8 { - width: 66.66666667%; - } - - .w-col-medium-9 { - width: 75%; - } - - .w-col-medium-10 { - width: 83.33333333%; - } - - .w-col-medium-11 { - width: 91.66666667%; - } - - .w-col-medium-12 { - width: 100%; - } - - .w-col-stack { - width: 100%; - left: auto; - right: auto; - } -} - -@media screen and (max-width: 767px) { - .w-hidden-main { - display: inherit !important; - } - - .w-hidden-medium { - display: inherit !important; - } - - .w-hidden-small { - display: none !important; - } - - .w-row, - .w-container .w-row { - margin-left: 0; - margin-right: 0; - } - - .w-col { - width: 100%; - left: auto; - right: auto; - } - - .w-col-small-1 { - width: 8.33333333%; - } - - .w-col-small-2 { - width: 16.66666667%; - } - - .w-col-small-3 { - width: 25%; - } - - .w-col-small-4 { - width: 33.33333333%; - } - - .w-col-small-5 { - width: 41.66666667%; - } - - .w-col-small-6 { - width: 50%; - } - - .w-col-small-7 { - width: 58.33333333%; - } - - .w-col-small-8 { - width: 66.66666667%; - } - - .w-col-small-9 { - width: 75%; - } - - .w-col-small-10 { - width: 83.33333333%; - } - - .w-col-small-11 { - width: 91.66666667%; - } - - .w-col-small-12 { - width: 100%; - } -} - -@media screen and (max-width: 479px) { - .w-container { - max-width: none; - } - - .w-hidden-main { - display: inherit !important; - } - - .w-hidden-medium { - display: inherit !important; - } - - .w-hidden-small { - display: inherit !important; - } - - .w-hidden-tiny { - display: none !important; - } - - .w-col { - width: 100%; - } - - .w-col-tiny-1 { - width: 8.33333333%; - } - - .w-col-tiny-2 { - width: 16.66666667%; - } - - .w-col-tiny-3 { - width: 25%; - } - - .w-col-tiny-4 { - width: 33.33333333%; - } - - .w-col-tiny-5 { - width: 41.66666667%; - } - - .w-col-tiny-6 { - width: 50%; - } - - .w-col-tiny-7 { - width: 58.33333333%; - } - - .w-col-tiny-8 { - width: 66.66666667%; - } - - .w-col-tiny-9 { - width: 75%; - } - - .w-col-tiny-10 { - width: 83.33333333%; - } - - .w-col-tiny-11 { - width: 91.66666667%; - } - - .w-col-tiny-12 { - width: 100%; - } -} - -.w-widget { - position: relative; -} - -.w-widget-map { - width: 100%; - height: 400px; -} - -.w-widget-map label { - width: auto; - display: inline; -} - -.w-widget-map img { - max-width: inherit; -} - -.w-widget-map .gm-style-iw { - text-align: center; -} - -.w-widget-map .gm-style-iw>button { - display: none !important; -} - -.w-widget-twitter { - overflow: hidden; -} - -.w-widget-twitter-count-shim { - display: inline-block; - vertical-align: top; - position: relative; - width: 28px; - height: 20px; - text-align: center; - background: white; - border: #758696 solid 1px; - border-radius: 3px; -} - -.w-widget-twitter-count-shim * { - pointer-events: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.w-widget-twitter-count-shim .w-widget-twitter-count-inner { - position: relative; - font-size: 15px; - line-height: 12px; - text-align: center; - color: #999; - font-family: serif; -} - -.w-widget-twitter-count-shim .w-widget-twitter-count-clear { - position: relative; - display: block; -} - -.w-widget-twitter-count-shim.w--large { - width: 36px; - height: 28px; -} - -.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { - font-size: 18px; - line-height: 18px; -} - -.w-widget-twitter-count-shim:not(.w--vertical) { - margin-left: 5px; - margin-right: 8px; -} - -.w-widget-twitter-count-shim:not(.w--vertical).w--large { - margin-left: 6px; -} - -.w-widget-twitter-count-shim:not(.w--vertical):before, -.w-widget-twitter-count-shim:not(.w--vertical):after { - top: 50%; - left: 0; - border: solid transparent; - content: ' '; - height: 0; - width: 0; - position: absolute; - pointer-events: none; -} - -.w-widget-twitter-count-shim:not(.w--vertical):before { - border-color: rgba(117, 134, 150, 0); - border-right-color: #5d6c7b; - border-width: 4px; - margin-left: -9px; - margin-top: -4px; -} - -.w-widget-twitter-count-shim:not(.w--vertical).w--large:before { - border-width: 5px; - margin-left: -10px; - margin-top: -5px; -} - -.w-widget-twitter-count-shim:not(.w--vertical):after { - border-color: rgba(255, 255, 255, 0); - border-right-color: white; - border-width: 4px; - margin-left: -8px; - margin-top: -4px; -} - -.w-widget-twitter-count-shim:not(.w--vertical).w--large:after { - border-width: 5px; - margin-left: -9px; - margin-top: -5px; -} - -.w-widget-twitter-count-shim.w--vertical { - width: 61px; - height: 33px; - margin-bottom: 8px; -} - -.w-widget-twitter-count-shim.w--vertical:before, -.w-widget-twitter-count-shim.w--vertical:after { - top: 100%; - left: 50%; - border: solid transparent; - content: ' '; - height: 0; - width: 0; - position: absolute; - pointer-events: none; -} - -.w-widget-twitter-count-shim.w--vertical:before { - border-color: rgba(117, 134, 150, 0); - border-top-color: #5d6c7b; - border-width: 5px; - margin-left: -5px; -} - -.w-widget-twitter-count-shim.w--vertical:after { - border-color: rgba(255, 255, 255, 0); - border-top-color: white; - border-width: 4px; - margin-left: -4px; -} - -.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { - font-size: 18px; - line-height: 22px; -} - -.w-widget-twitter-count-shim.w--vertical.w--large { - width: 76px; -} - -.w-background-video { - position: relative; - overflow: hidden; - height: 500px; - color: white; -} - -.w-background-video>video { - background-size: cover; - background-position: 50% 50%; - position: absolute; - margin: auto; - width: 100%; - height: 100%; - right: -100%; - bottom: -100%; - top: -100%; - left: -100%; - object-fit: cover; - z-index: -100; -} - -.w-background-video>video::-webkit-media-controls-start-playback-button { - display: none !important; - -webkit-appearance: none; -} - -.w-background-video--control { - position: absolute; - bottom: 1em; - right: 1em; - background-color: transparent; - padding: 0; -} - -.w-background-video--control>[hidden] { - display: none !important; -} - -.w-slider { - position: relative; - height: 300px; - text-align: center; - background: #dddddd; - clear: both; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - tap-highlight-color: rgba(0, 0, 0, 0); -} - -.w-slider-mask { - position: relative; - display: block; - overflow: hidden; - z-index: 1; - left: 0; - right: 0; - height: 100%; - white-space: nowrap; -} - -.w-slide { - position: relative; - display: inline-block; - vertical-align: top; - width: 100%; - height: 100%; - white-space: normal; - text-align: left; -} - -.w-slider-nav { - position: absolute; - z-index: 2; - top: auto; - right: 0; - bottom: 0; - left: 0; - margin: auto; - padding-top: 10px; - height: 40px; - text-align: center; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - tap-highlight-color: rgba(0, 0, 0, 0); -} - -.w-slider-nav.w-round>div { - border-radius: 100%; -} - -.w-slider-nav.w-num>div { - width: auto; - height: auto; - padding: 0.2em 0.5em; - font-size: inherit; - line-height: inherit; -} - -.w-slider-nav.w-shadow>div { - box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); -} - -.w-slider-nav-invert { - color: #fff; -} - -.w-slider-nav-invert>div { - background-color: rgba(34, 34, 34, 0.4); -} - -.w-slider-nav-invert>div.w-active { - background-color: #222; -} - -.w-slider-dot { - position: relative; - display: inline-block; - width: 1em; - height: 1em; - background-color: rgba(255, 255, 255, 0.4); - cursor: pointer; - margin: 0 3px 0.5em; - transition: background-color 100ms, color 100ms; -} - -.w-slider-dot.w-active { - background-color: #fff; -} - -.w-slider-dot:focus { - outline: none; - box-shadow: 0px 0px 0px 2px #fff; -} - -.w-slider-dot:focus.w-active { - box-shadow: none; -} - -.w-slider-arrow-left, -.w-slider-arrow-right { - position: absolute; - width: 80px; - top: 0; - right: 0; - bottom: 0; - left: 0; - margin: auto; - cursor: pointer; - overflow: hidden; - color: white; - font-size: 40px; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.w-slider-arrow-left [class^='w-icon-'], -.w-slider-arrow-right [class^='w-icon-'], -.w-slider-arrow-left [class*=' w-icon-'], -.w-slider-arrow-right [class*=' w-icon-'] { - position: absolute; -} - -.w-slider-arrow-left:focus, -.w-slider-arrow-right:focus { - outline: 0; -} - -.w-slider-arrow-left { - z-index: 3; - right: auto; -} - -.w-slider-arrow-right { - z-index: 4; - left: auto; -} - -.w-icon-slider-left, -.w-icon-slider-right { - top: 0; - right: 0; - bottom: 0; - left: 0; - margin: auto; - width: 1em; - height: 1em; -} - -.w-slider-aria-label { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.w-slider-force-show { - display: block !important; -} - -.w-dropdown { - display: inline-block; - position: relative; - text-align: left; - margin-left: auto; - margin-right: auto; - z-index: 900; -} - -.w-dropdown-btn, -.w-dropdown-toggle, -.w-dropdown-link { - position: relative; - vertical-align: top; - text-decoration: none; - color: #222222; - padding: 20px; - text-align: left; - margin-left: auto; - margin-right: auto; - white-space: nowrap; -} - -.w-dropdown-toggle { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - display: inline-block; - cursor: pointer; - padding-right: 40px; -} - -.w-dropdown-toggle:focus { - outline: 0; -} - -.w-icon-dropdown-toggle { - position: absolute; - top: 0; - right: 0; - bottom: 0; - margin: auto; - margin-right: 20px; - width: 1em; - height: 1em; -} - -.w-dropdown-list { - position: absolute; - background: #dddddd; - display: none; - min-width: 100%; -} - -.w-dropdown-list.w--open { - display: block; -} - -.w-dropdown-link { - padding: 10px 20px; - display: block; - color: #222222; -} - -.w-dropdown-link.w--current { - color: #0082f3; -} - -.w-dropdown-link:focus { - outline: 0; -} - -@media screen and (max-width: 767px) { - .w-nav-brand { - padding-left: 10px; - } -} - -/** - * ## Note - * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well. - * For example percentage units do not work on descendants of elements that - * have any dimensions expressed in viewport units. It also doesn’t handle them at - * all in `calc()`. - */ -/** - * Wrapper around all lightbox elements - * - * 1. Since the lightbox can receive focus, IE also gives it an outline. - * 2. Fixes flickering on Chrome when a transition is in progress - * underneath the lightbox. - */ -.w-lightbox-backdrop { - cursor: auto; - font-style: normal; - letter-spacing: normal; - list-style: disc; - text-indent: 0; - text-shadow: none; - text-transform: none; - visibility: visible; - white-space: normal; - word-break: normal; - word-spacing: normal; - word-wrap: normal; - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - color: #fff; - font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; - font-size: 17px; - line-height: 1.2; - font-weight: 300; - text-align: center; - background: rgba(0, 0, 0, 0.9); - z-index: 2000; - outline: 0; - /* 1 */ - opacity: 0; - -webkit-user-select: none; - -moz-user-select: none; - -webkit-tap-highlight-color: transparent; - -webkit-transform: translate(0, 0); - /* 2 */ -} - -/** - * Neat trick to bind the rubberband effect to our canvas instead of the whole - * document on iOS. It also prevents a bug that causes the document underneath to scroll. - */ -.w-lightbox-backdrop, -.w-lightbox-container { - height: 100%; - overflow: auto; - -webkit-overflow-scrolling: touch; -} - -.w-lightbox-content { - position: relative; - height: 100vh; - overflow: hidden; -} - -.w-lightbox-view { - position: absolute; - width: 100vw; - height: 100vh; - opacity: 0; -} - -.w-lightbox-view:before { - content: ""; - height: 100vh; -} - -/* .w-lightbox-content */ -.w-lightbox-group, -.w-lightbox-group .w-lightbox-view, -.w-lightbox-group .w-lightbox-view:before { - height: 86vh; -} - -.w-lightbox-frame, -.w-lightbox-view:before { - display: inline-block; - vertical-align: middle; -} - -/* - * 1. Remove default margin set by user-agent on the
element. - */ -.w-lightbox-figure { - position: relative; - margin: 0; - /* 1 */ -} - -.w-lightbox-group .w-lightbox-figure { - cursor: pointer; -} - -/** - * IE adds image dimensions as width and height attributes on the IMG tag, - * but we need both width and height to be set to auto to enable scaling. - */ -.w-lightbox-img { - width: auto; - height: auto; - max-width: none; -} - -/** - * 1. Reset if style is set by user on "All Images" - */ -.w-lightbox-image { - display: block; - float: none; - /* 1 */ - max-width: 100vw; - max-height: 100vh; -} - -.w-lightbox-group .w-lightbox-image { - max-height: 86vh; -} - -.w-lightbox-caption { - position: absolute; - right: 0; - bottom: 0; - left: 0; - padding: 0.5em 1em; - background: rgba(0, 0, 0, 0.4); - text-align: left; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} - -.w-lightbox-embed { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; -} - -.w-lightbox-control { - position: absolute; - top: 0; - width: 4em; - background-size: 24px; - background-repeat: no-repeat; - background-position: center; - cursor: pointer; - -webkit-transition: all 0.3s; - transition: all 0.3s; -} - -.w-lightbox-left { - display: none; - bottom: 0; - left: 0; - /* */ - background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); -} - -.w-lightbox-right { - display: none; - right: 0; - bottom: 0; - /* */ - background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); -} - -/* - * Without specifying the with and height inside the SVG, all versions of IE render the icon too small. - * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows. - * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer) - */ -.w-lightbox-close { - right: 0; - height: 2.6em; - /* */ - background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); - background-size: 18px; -} - -/** - * 1. All IE versions add extra space at the bottom without this. - */ -.w-lightbox-strip { - position: absolute; - bottom: 0; - left: 0; - right: 0; - padding: 0 1vh; - line-height: 0; - /* 1 */ - white-space: nowrap; - overflow-x: auto; - overflow-y: hidden; -} - -/* - * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)` - * which doesn’t work in Safari anyway. - * 2. Chrome renders images pixelated when switching to GPU. Making sure - * the parent is also rendered on the GPU (by setting translate3d for - * example) fixes this behavior. - */ -.w-lightbox-item { - display: inline-block; - width: 10vh; - padding: 2vh 1vh; - box-sizing: content-box; - /* 1 */ - cursor: pointer; - -webkit-transform: translate3d(0, 0, 0); - /* 2 */ -} - -.w-lightbox-active { - opacity: 0.3; -} - -.w-lightbox-thumbnail { - position: relative; - height: 10vh; - background: #222; - overflow: hidden; -} - -.w-lightbox-thumbnail-image { - position: absolute; - top: 0; - left: 0; -} - -.w-lightbox-thumbnail .w-lightbox-tall { - top: 50%; - width: 100%; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); -} - -.w-lightbox-thumbnail .w-lightbox-wide { - left: 50%; - height: 100%; - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); -} - -/* - * Spinner - * - * Absolute pixel values are used to avoid rounding errors that would cause - * the white spinning element to be misaligned with the track. - */ -.w-lightbox-spinner { - position: absolute; - top: 50%; - left: 50%; - box-sizing: border-box; - width: 40px; - height: 40px; - margin-top: -20px; - margin-left: -20px; - border: 5px solid rgba(0, 0, 0, 0.4); - border-radius: 50%; - -webkit-animation: spin 0.8s infinite linear; - animation: spin 0.8s infinite linear; -} - -.w-lightbox-spinner:after { - content: ""; - position: absolute; - top: -4px; - right: -4px; - bottom: -4px; - left: -4px; - border: 3px solid transparent; - border-bottom-color: #fff; - border-radius: 50%; -} - -/* - * Utility classes - */ -.w-lightbox-hide { - display: none; -} - -.w-lightbox-noscroll { - overflow: hidden; -} - -@media (min-width: 768px) { - .w-lightbox-content { - height: 96vh; - margin-top: 2vh; - } - - .w-lightbox-view, - .w-lightbox-view:before { - height: 96vh; - } - - /* .w-lightbox-content */ - .w-lightbox-group, - .w-lightbox-group .w-lightbox-view, - .w-lightbox-group .w-lightbox-view:before { - height: 84vh; - } - - .w-lightbox-image { - max-width: 96vw; - max-height: 96vh; - } - - .w-lightbox-group .w-lightbox-image { - max-width: 82.3vw; - max-height: 84vh; - } - - .w-lightbox-left, - .w-lightbox-right { - display: block; - opacity: 0.5; - } - - .w-lightbox-close { - opacity: 0.8; - } - - .w-lightbox-control:hover { - opacity: 1; - } -} - -.w-lightbox-inactive, -.w-lightbox-inactive:hover { - opacity: 0; -} - -.w-richtext:before, -.w-richtext:after { - content: " "; - display: table; - grid-column-start: 1; - grid-row-start: 1; - grid-column-end: 2; - grid-row-end: 2; -} - -.w-richtext:after { - clear: both; -} - -.w-richtext[contenteditable="true"]:before, -.w-richtext[contenteditable="true"]:after { - white-space: initial; -} - -.w-richtext ol, -.w-richtext ul { - overflow: hidden; -} - -.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, -.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after { - outline: 2px solid #2895f7; -} - -.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, -.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { - outline: 2px solid #2895f7; -} - -.w-richtext figure.w-richtext-figure-type-video>div:after, -.w-richtext figure[data-rt-type="video"]>div:after { - content: ''; - position: absolute; - display: none; - left: 0; - top: 0; - right: 0; - bottom: 0; -} - -.w-richtext figure { - position: relative; - max-width: 60%; -} - -.w-richtext figure>div:before { - cursor: default !important; -} - -.w-richtext figure img { - width: 100%; -} - -.w-richtext figure figcaption.w-richtext-figcaption-placeholder { - opacity: 0.6; -} - -.w-richtext figure div { - /* fix incorrectly sized selection border in the data manager */ - font-size: 0px; - color: transparent; -} - -.w-richtext figure.w-richtext-figure-type-image, -.w-richtext figure[data-rt-type="image"] { - display: table; -} - -.w-richtext figure.w-richtext-figure-type-image>div, -.w-richtext figure[data-rt-type="image"]>div { - display: inline-block; -} - -.w-richtext figure.w-richtext-figure-type-image>figcaption, -.w-richtext figure[data-rt-type="image"]>figcaption { - display: table-caption; - caption-side: bottom; -} - -.w-richtext figure.w-richtext-figure-type-video, -.w-richtext figure[data-rt-type="video"] { - width: 60%; - height: 0; -} - -.w-richtext figure.w-richtext-figure-type-video iframe, -.w-richtext figure[data-rt-type="video"] iframe { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} - -.w-richtext figure.w-richtext-figure-type-video>div, -.w-richtext figure[data-rt-type="video"]>div { - width: 100%; -} - -.w-richtext figure.w-richtext-align-center { - margin-right: auto; - margin-left: auto; - clear: both; -} - -.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div, -.w-richtext figure.w-richtext-align-center[data-rt-type="image"]>div { - max-width: 100%; -} - -.w-richtext figure.w-richtext-align-normal { - clear: both; -} - -.w-richtext figure.w-richtext-align-fullwidth { - width: 100%; - max-width: 100%; - text-align: center; - clear: both; - display: block; - margin-right: auto; - margin-left: auto; -} - -.w-richtext figure.w-richtext-align-fullwidth>div { - display: inline-block; - /* padding-bottom is used for aspect ratios in video figures - we want the div to inherit that so hover/selection borders in the designer-canvas - fit right*/ - padding-bottom: inherit; -} - -.w-richtext figure.w-richtext-align-fullwidth>figcaption { - display: block; -} - -.w-richtext figure.w-richtext-align-floatleft { - float: left; - margin-right: 15px; - clear: none; -} - -.w-richtext figure.w-richtext-align-floatright { - float: right; - margin-left: 15px; - clear: none; -} - -.w-nav { - position: relative; - background: #dddddd; - z-index: 1000; -} - -.w-nav:before, -.w-nav:after { - content: " "; - display: table; - grid-column-start: 1; - grid-row-start: 1; - grid-column-end: 2; - grid-row-end: 2; -} - -.w-nav:after { - clear: both; -} - -.w-nav-brand { - position: relative; - float: left; - text-decoration: none; - color: #333333; -} - -.w-nav-link { - position: relative; - display: inline-block; - vertical-align: top; - text-decoration: none; - color: #222222; - padding: 20px; - text-align: left; - margin-left: auto; - margin-right: auto; -} - -.w-nav-link.w--current { - color: #0082f3; -} - -.w-nav-menu { - position: relative; - float: right; -} - -[data-nav-menu-open] { - display: block !important; - position: absolute; - top: 100%; - left: 0; - right: 0; - background: #C8C8C8; - text-align: center; - overflow: visible; - min-width: 200px; -} - -.w--nav-link-open { - display: block; - position: relative; -} - -.w-nav-overlay { - position: absolute; - overflow: hidden; - display: none; - top: 100%; - left: 0; - right: 0; - width: 100%; -} - -.w-nav-overlay [data-nav-menu-open] { - top: 0; -} - -.w-nav[data-animation="over-left"] .w-nav-overlay { - width: auto; -} - -.w-nav[data-animation="over-left"] .w-nav-overlay, -.w-nav[data-animation="over-left"] [data-nav-menu-open] { - right: auto; - z-index: 1; - top: 0; -} - -.w-nav[data-animation="over-right"] .w-nav-overlay { - width: auto; -} - -.w-nav[data-animation="over-right"] .w-nav-overlay, -.w-nav[data-animation="over-right"] [data-nav-menu-open] { - left: auto; - z-index: 1; - top: 0; -} - -.w-nav-button { - position: relative; - float: right; - padding: 18px; - font-size: 24px; - display: none; - cursor: pointer; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.w-nav-button:focus { - outline: 0; -} - -.w-nav-button.w--open { - background-color: #C8C8C8; - color: white; -} - -.w-nav[data-collapse="all"] .w-nav-menu { - display: none; -} - -.w-nav[data-collapse="all"] .w-nav-button { - display: block; -} - -.w--nav-dropdown-open { - display: block; -} - -.w--nav-dropdown-toggle-open { - display: block; -} - -.w--nav-dropdown-list-open { - position: static; -} - -@media screen and (max-width: 991px) { - .w-nav[data-collapse="medium"] .w-nav-menu { - display: none; - } - - .w-nav[data-collapse="medium"] .w-nav-button { - display: block; - } -} - -@media screen and (max-width: 767px) { - .w-nav[data-collapse="small"] .w-nav-menu { - display: none; - } - - .w-nav[data-collapse="small"] .w-nav-button { - display: block; - } - - .w-nav-brand { - padding-left: 10px; - } -} - -@media screen and (max-width: 479px) { - .w-nav[data-collapse="tiny"] .w-nav-menu { - display: none; - } - - .w-nav[data-collapse="tiny"] .w-nav-button { - display: block; - } -} - -.w-tabs { - position: relative; -} - -.w-tabs:before, -.w-tabs:after { - content: " "; - display: table; - grid-column-start: 1; - grid-row-start: 1; - grid-column-end: 2; - grid-row-end: 2; -} - -.w-tabs:after { - clear: both; -} - -.w-tab-menu { - position: relative; -} - -.w-tab-link { - position: relative; - display: inline-block; - vertical-align: top; - text-decoration: none; - padding: 9px 30px; - text-align: left; - cursor: pointer; - color: #222222; - background-color: #dddddd; -} - -.w-tab-link.w--current { - background-color: #C8C8C8; -} - -.w-tab-link:focus { - outline: 0; -} - -.w-tab-content { - position: relative; - display: block; - overflow: hidden; -} - -.w-tab-pane { - position: relative; - display: none; -} - -.w--tab-active { - display: block; -} - -@media screen and (max-width: 479px) { - .w-tab-link { - display: block; - } -} - -.w-ix-emptyfix:after { - content: ""; -} - -@keyframes spin { - 0% { - transform: rotate(0deg); - } - - 100% { - transform: rotate(360deg); - } -} - -.w-dyn-empty { - padding: 10px; - background-color: #dddddd; -} - -.w-dyn-hide { - display: none !important; -} - -.w-dyn-bind-empty { - display: none !important; -} - -.w-condition-invisible { - display: none !important; -} - -.wf-layout-layout { - display: grid; -} \ No newline at end of file diff --git a/detail_images.html b/detail_images.html deleted file mode 100644 index bf04482..0000000 --- a/detail_images.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - LiftKit: The Advanced Webflow Framework - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/images/Screenshot-2024-01-15-at-1.36.29-PM-p-500.png b/images/Screenshot-2024-01-15-at-1.36.29-PM-p-500.png deleted file mode 100644 index 0bc7c46..0000000 Binary files a/images/Screenshot-2024-01-15-at-1.36.29-PM-p-500.png and /dev/null differ diff --git a/images/Screenshot-2024-01-15-at-1.36.29-PM.png b/images/Screenshot-2024-01-15-at-1.36.29-PM.png deleted file mode 100644 index 22794c7..0000000 Binary files a/images/Screenshot-2024-01-15-at-1.36.29-PM.png and /dev/null differ diff --git a/images/Screenshot-2024-01-15-at-10.29.49-AM-p-500.png b/images/Screenshot-2024-01-15-at-10.29.49-AM-p-500.png deleted file mode 100644 index 3dc9fa4..0000000 Binary files a/images/Screenshot-2024-01-15-at-10.29.49-AM-p-500.png and /dev/null differ diff --git a/images/Screenshot-2024-01-15-at-10.29.49-AM.png b/images/Screenshot-2024-01-15-at-10.29.49-AM.png deleted file mode 100644 index f8da676..0000000 Binary files a/images/Screenshot-2024-01-15-at-10.29.49-AM.png and /dev/null differ diff --git a/images/Screenshot-2024-01-15-at-11.44.22-AM-p-500.png b/images/Screenshot-2024-01-15-at-11.44.22-AM-p-500.png deleted file mode 100644 index d5f4041..0000000 Binary files a/images/Screenshot-2024-01-15-at-11.44.22-AM-p-500.png and /dev/null differ diff --git a/images/Screenshot-2024-01-15-at-11.44.22-AM.png b/images/Screenshot-2024-01-15-at-11.44.22-AM.png deleted file mode 100644 index 668f280..0000000 Binary files a/images/Screenshot-2024-01-15-at-11.44.22-AM.png and /dev/null differ diff --git a/images/Screenshot-2024-01-15-at-11.56.47-AM-p-500.png b/images/Screenshot-2024-01-15-at-11.56.47-AM-p-500.png deleted file mode 100644 index d713654..0000000 Binary files a/images/Screenshot-2024-01-15-at-11.56.47-AM-p-500.png and /dev/null differ diff --git a/images/Screenshot-2024-01-15-at-11.56.47-AM.png b/images/Screenshot-2024-01-15-at-11.56.47-AM.png deleted file mode 100644 index 2a61c02..0000000 Binary files a/images/Screenshot-2024-01-15-at-11.56.47-AM.png and /dev/null differ diff --git a/images/Vectors-Wrapper.svg b/images/Vectors-Wrapper.svg deleted file mode 100644 index 8baacf3..0000000 --- a/images/Vectors-Wrapper.svg +++ /dev/null @@ -1,36 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/images/bg-stripes.svg b/images/bg-stripes.svg deleted file mode 100644 index 7d06d94..0000000 --- a/images/bg-stripes.svg +++ /dev/null @@ -1,29 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/images/blue-fill-svg.svg b/images/blue-fill-svg.svg deleted file mode 100644 index efbabd4..0000000 --- a/images/blue-fill-svg.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/images/customize-theme-p-1080.png b/images/customize-theme-p-1080.png deleted file mode 100644 index 2799afe..0000000 Binary files a/images/customize-theme-p-1080.png and /dev/null differ diff --git a/images/customize-theme-p-500.png b/images/customize-theme-p-500.png deleted file mode 100644 index 059bdcb..0000000 Binary files a/images/customize-theme-p-500.png and /dev/null differ diff --git a/images/customize-theme-p-800.png b/images/customize-theme-p-800.png deleted file mode 100644 index f0e8079..0000000 Binary files a/images/customize-theme-p-800.png and /dev/null differ diff --git a/images/customize-theme.png b/images/customize-theme.png deleted file mode 100644 index d363cf9..0000000 Binary files a/images/customize-theme.png and /dev/null differ diff --git a/images/favicon.png b/images/favicon.png deleted file mode 100644 index 86fc677..0000000 Binary files a/images/favicon.png and /dev/null differ diff --git a/images/how-to-change-an-icon.gif b/images/how-to-change-an-icon.gif deleted file mode 100644 index e35b0ce..0000000 Binary files a/images/how-to-change-an-icon.gif and /dev/null differ diff --git a/images/liftkit-logomark-blue.svg b/images/liftkit-logomark-blue.svg deleted file mode 100644 index adcad2d..0000000 --- a/images/liftkit-logomark-blue.svg +++ /dev/null @@ -1,26 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/images/logomark-p-130x130q80.png b/images/logomark-p-130x130q80.png deleted file mode 100644 index 12f5b71..0000000 Binary files a/images/logomark-p-130x130q80.png and /dev/null differ diff --git a/images/logomark-p-500.png b/images/logomark-p-500.png deleted file mode 100644 index a49f3dc..0000000 Binary files a/images/logomark-p-500.png and /dev/null differ diff --git a/images/logomark-p-800.png b/images/logomark-p-800.png deleted file mode 100644 index a5fe92e..0000000 Binary files a/images/logomark-p-800.png and /dev/null differ diff --git a/images/logomark.png b/images/logomark.png deleted file mode 100644 index ad41745..0000000 Binary files a/images/logomark.png and /dev/null differ diff --git a/images/webclip.png b/images/webclip.png deleted file mode 100644 index c847db3..0000000 Binary files a/images/webclip.png and /dev/null differ diff --git a/images/wordmark-v3.svg b/images/wordmark-v3.svg deleted file mode 100644 index f6e0899..0000000 --- a/images/wordmark-v3.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/index.html b/index.html deleted file mode 100644 index f638b6c..0000000 --- a/index.html +++ /dev/null @@ -1,4589 +0,0 @@ - - - - - - Color - - - - - - - - - - - - - - - - - -
- -
-
- - - -
- -
-
-
menu_open
-
Open Menu
-
-
-
-
- -
-
-
-
-
-
-

LiftKit

-

The universal design system for clean, modern UI's

-
-
-

More than just a box of prefab components

-

LiftKit lays the groundwork for a strong design foundation. You won't find hundreds of random components here. Instead, LiftKit merely lets you skip the boring stuff, empowering you to build your way.

-
-
-

A comprehensive design system for building clean, modern interfaces

-

Chainlift's utility classes guarantee everything—every width, every font size, and every border radius—is scaled in perfect proportion to everything else. You'll have to really go out of your way to make it look bad.

-
-
-

Easier to learn, use, and customize than anything you've tried before

-

Utility classes have never been this easy. And with Chainlift Color, you can easily swap your entire color scheme in a matter of seconds, making it the perfect solution for agencies or high-volume freelancers

-
-
-
-
- -
-
Color
-
-
-

Simplified Palette

-

Best for marketers

-
-
-
-
-
-
-

Brand

-
Your official brand colors
-
-
-
expand_more
-
-
-
-
-
-
-
-
-
Key Colors
-
Main swatches
-
-
-
Containers
-
Soft variants of key colors
-
-
-
Primary
-
Your main brand color
-
-
-

bg-light__primary

-
-
-

bg-light__primaryContainer

-
-
-
Secondary
-
Desaturated primary
-
-
-

bg-light__secondary

-
-
-

bg-light__secondaryContainer

-
-
-
Tertiary
-
Your accent color
-
-
-

bg-light__tertiary

-
-
-

bg-light__tertiaryContainer

-
-
-
-
-
-
-
-

Semantic

-
Colors for alerts, warnings, notifications, and success messages
-
-
-
expand_more
-
-
-
-
-
-
-
-
-
Key Colors
-
Main swatches
-
-
-
Containers
-
Soft variants of key colors
-
-
-
Error
-
High severity
-
-
-

bg-light__error

-
-
-

bg-light__errorContainer

-
-
-
Warning
-
Mid severity
-
-
-

bg-light__warning

-
-
-

bg-light__warningContainer

-
-
-
Success
-
Good news
-
-
-

bg-light__success

-
-
-

bg-light__successContainer

-
-
-
Info
-
Neutral notifications
-
-
-

bg-light__info

-
-
-

bg-light__infoContainer

-
-
-
-
-
-
-
-

Surfaces

-
Backgrounds, cards, and neutral containers
-
-
-
expand_more
-
-
-
-
-
-
-
-
-
Key Colors
-
Main swatches
-
-
-
"On" Colors
-
Color of text and icons that are literally "on" the key color
-
-
-
Background
-
High severity
-
-
-

bg-light__background

-
-
-

bg-light__onBackground

-
-
-
Surface
-
Mid severity
-
-
-

bg-light__surface

-
-
-

bg-light__onSurface

-
-
-
Surface Container
-
Neutral notifications
-
-
-

bg-light__surfaceContainer

-
-
-

bg-light__onSurface

-
-
-
Surface Variant
-
Good news
-
-
-

bg-light__surfaceVariant

-
-
-

bg-light__onSurfaceVariant

-
-
-
-
-
-
-
-

Outlines

-
For borders and dividers
-
-
-
expand_more
-
-
-
-
-
-
-
-
Outline
-
Use for borders on containers
-
-
-

bg-light__outline

-
-
-
Outline Variant
-
Use for lines, dividers, and low-emphasis outlines
-
-
-

bg-light__outlineVariant

-
-
-
-
-
-
-
-
-
-

Full Palette

-

Best for product designers (and masochists)

-
-
-

Light Mode

-
-
-
-
-

Brand

-
Your official brand colors
-
-
-
expand_more
-
-
-
-
-
-
-
-
-
Default
-
Changes between light and dark modes
-
-
-
Fixed
-
Same across light and dark modes
-
-
-
Primary
-
Your main brand color
-
-
-
-

bg-light__primary

-
-
-

bg-light__onPrimary

-
-
-

bg-light__primaryContainer

-
-
-

bg-light__onPrimaryContainer

-
-
-
-
-

bg-light__primaryFixed

-
-
-

bg-light__primaryFixedDim

-
-
-

bg-light__onPrimaryFixed

-
-
-

bg-light__onPrimaryFixedVariant

-
-
-
-
Secondary
-
Desaturated primary
-
-
-
-

bg-light__secondary

-
-
-

bg-light__onSecondary

-
-
-

bg-light__secondaryContainer

-
-
-

bg-light__onSecondaryContainer

-
-
-
-
-

bg-light__secondaryFixed

-
-
-

bg-light__secondaryFixedDim

-
-
-

bg-light__onSecondaryFixed

-
-
-

bg-light__onSecondaryFixedVariant

-
-
-
-
Tertiary
-
Your accent color
-
-
-
-

bg-light__tertiary

-
-
-

bg-light__onTertiary

-
-
-

bg-light__tertiaryContainer

-
-
-

bg-light__onTertiaryContainer

-
-
-
-
-

bg-light__tertiaryFixed

-
-
-

bg-light__tertiaryFixedDim

-
-
-

bg-light__onTertiaryFixed

-
-
-

bg-light__onTertiaryFixedVariant

-
-
-
-
-
-
-
-
-

Semantic

-
Colors for alerts, warnings, notifications, and success messages
-
-
-
expand_more
-
-
-
-
-
-
-
-
-
Default
-
Changes between light and dark modes
-
-
-
Error
-
High severity
-
-
-
-

bg-light__error

-
-
-

bg-light__onError

-
-
-

bg-light__errorContainer

-
-
-

bg-light__onErrorContainer

-
-
-
-
Warning
-
Mid severity
-
-
-
-

bg-light__warning

-
-
-

bg-light__onWarning

-
-
-

bg-light__warningContainer

-
-
-

bg-light__onWarningContainer

-
-
-
-
Success
-
Good news
-
-
-
-

bg-light__success

-
-
-

bg-light__onSuccess

-
-
-

bg-light__successContainer

-
-
-

bg-light__onSuccessContainer

-
-
-
-
Info
-
Neutral notifications
-
-
-
-

bg-light__info

-
-
-

bg-light__onInfo

-
-
-

bg-light__infoContainer

-
-
-

bg-light__onInfoContainer

-
-
-
-
-
-
-
-
-

Surfaces

-
Backgrounds, cards, and neutral containers
-
-
-
expand_more
-
-
-
-
-
-
-
-
-
Key Colors
-
Main swatches
-
-
-
"On" Colors
-
For text, icons literally "on" the key color
-
-
-
Background
-
High severity
-
-
-

bg-light__background

-
-
-

bg-light__onBackground

-
-
-
Surface
-
Mid severity
-
-
-

bg-light__surface

-
-
-

bg-light__onSurface

-
-
-
Surface Variant
-
Good news
-
-
-

bg-light__surfaceVariant

-
-
-

bg-light__onSurfaceVariant

-
-
-
Surface Dim
-
Good news
-
-
-

bg-light__surfaceDim

-
-
-
Surface Bright
-
Good news
-
-
-

bg-light__surfaceBright

-
-
-
-
-
-
-
-

Surface Containers

-
Ideal for nested containers
-
-
-
expand_more
-
-
-
-
-
-
-
-
-
Key Colors
-
Main swatches
-
-
-
Surface Container Lowest
-
Lowest emphasis
-
-
-

bg-light__surfaceContainerLowest

-
-
-
Surface Container Low
-
Low emphasis
-
-
-

bg-light__surfaceContainerLow

-
-
-
Surface Container
-
Medium emphasis
-
-
-

bg-light__surfaceContainer

-
-
-
Surface Container High
-
High emphasis
-
-
-

bg-light__surfaceContainerHigh

-
-
-
Surface Container Highest
-
Highest emphasis
-
-
-

bg-light__surfaceContainerHighest

-
-
-
-
-
-
-
-

Inverse Surfaces

-
For toast messages, mostly
-
-
-
expand_more
-
-
-
-
-
-
-
-
-
Key Colors
-
Main swatches
-
-
-
Inverse Surface
-
The opposite color mode's "surface" value
-
-
-

bg-light__inverseSurface

-
-
-
Inverse On Surface
-
Text, icons on Inverse Surface
-
-
-

bg-light__inverseOnSurface

-
-
-
Inverse Primary
-
For clickable elements against Inverse Surface
-
-
-

bg-light__inversePrimary

-
-
-
-
-
-
-
-

Miscellaneous

-
Outlines, shadow, and scrim
-
-
-
expand_more
-
-
-
-
-
-
-
-
Outline
-
Use for borders on containers
-
-
-

bg-light__outline

-
-
-
Outline Variant
-
Use for lines, dividers, and low-emphasis outlines
-
-
-

bg-light__outlineVariant

-
-
-
Shadow
-
Self-explanatory
-
-
-

bg-light__shadow

-
-
-
Scrim
-
The transparent background used when you "dim the lights"
-
-
-

bg-light__scrim

-
-
-
-
-
-
-
-
-

Dark Mode

-
-
-
-
-

Brand

-
Your official brand colors
-
-
-
expand_more
-
-
-
-
-
-
-
-
-
Default
-
Changes between light and dark modes
-
-
-
Fixed
-
Same across light and dark modes
-
-
-
Primary
-
Your main brand color
-
-
-
-

bg-dark__primary

-
-
-

bg-dark__onPrimary

-
-
-

bg-dark__primaryContainer

-
-
-

bg-dark__onPrimaryContainer

-
-
-
-
-

bg-dark__primaryFixed

-
-
-

bg-dark__primaryFixedDim

-
-
-

bg-dark__onPrimaryFixed

-
-
-

bg-dark__onPrimaryFixedVariant

-
-
-
-
Secondary
-
Desaturated primary
-
-
-
-

bg-dark__secondary

-
-
-

bg-dark__onSecondary

-
-
-

bg-dark__secondaryContainer

-
-
-

bg-dark__onSecondaryContainer

-
-
-
-
-

bg-dark__secondaryFixed

-
-
-

bg-dark__secondaryFixedDim

-
-
-

bg-dark__onSecondaryFixed

-
-
-

bg-dark__onSecondaryFixedVariant

-
-
-
-
Tertiary
-
Your accent color
-
-
-
-

bg-dark__tertiary

-
-
-

bg-dark__onTertiary

-
-
-

bg-dark__tertiaryContainer

-
-
-

bg-dark__onTertiaryContainer

-
-
-
-
-

bg-dark__tertiaryFixed

-
-
-

bg-dark__tertiaryFixedDim

-
-
-

bg-dark__onTertiaryFixed

-
-
-

bg-dark__onTertiaryFixedVariant

-
-
-
-
-
-
-
-
-

Semantic

-
Colors for alerts, warnings, notifications, and success messages
-
-
-
expand_more
-
-
-
-
-
-
-
-
-
Default
-
Changes between light and dark modes
-
-
-
Error
-
High severity
-
-
-
-

bg-dark__error

-
-
-

bg-dark__onError

-
-
-

bg-dark__errorContainer

-
-
-

bg-dark__onErrorContainer

-
-
-
-
Warning
-
Mid severity
-
-
-
-

bg-dark__warning

-
-
-

bg-dark__onWarning

-
-
-

bg-dark__warningContainer

-
-
-

bg-dark__onWarningContainer

-
-
-
-
Success
-
Good news
-
-
-
-

bg-dark__success

-
-
-

bg-dark__successContainer

-
-
-

bg-dark__onSuccess

-
-
-

bg-dark__onSuccessContainer

-
-
-
-
Info
-
Neutral notifications
-
-
-
-

bg-dark__info

-
-
-

bg-dark__onInfo

-
-
-

bg-dark__infoContainer

-
-
-

bg-dark__onInfoContainer

-
-
-
-
-
-
-
-
-

Surfaces

-
Backgrounds, cards, and neutral containers
-
-
-
expand_more
-
-
-
-
-
-
-
-
-
Key Colors
-
Main swatches
-
-
-
"On" Colors
-
For text, icons literally "on" the key color
-
-
-
Background
-
High severity
-
-
-

bg-dark__background

-
-
-

bg-dark__onBackground

-
-
-
Surface
-
Mid severity
-
-
-

bg-dark__surface

-
-
-

bg-dark__onSurface

-
-
-
Surface Variant
-
Good news
-
-
-

bg-dark__surfaceVariant

-
-
-

bg-dark__onSurfaceVariant

-
-
-
Surface Dim
-
Good news
-
-
-

bg-dark__surfaceDim

-
-
-
Surface Bright
-
Good news
-
-
-

bg-dark__surfaceBright

-
-
-
-
-
-
-
-

Surface Containers

-
Ideal for nested containers
-
-
-
expand_more
-
-
-
-
-
-
-
-
-
Key Colors
-
Main swatches
-
-
-
Surface Container Lowest
-
Lowest emphasis
-
-
-

bg-dark__surfaceContainerLowest

-
-
-
Surface Container Low
-
Low emphasis
-
-
-

bg-dark__surfaceContainerLow

-
-
-
Surface Container
-
Medium emphasis
-
-
-

bg-dark__surfaceContainer

-
-
-
Surface Container High
-
High emphasis
-
-
-

bg-dark__surfaceContainerHigh

-
-
-
Surface Container Highest
-
Highest emphasis
-
-
-

bg-dark__surfaceContainerHighest

-
-
-
-
-
-
-
-

Inverse Surfaces

-
For toast messages, mostly
-
-
-
expand_more
-
-
-
-
-
-
-
-
-
Key Colors
-
Main swatches
-
-
-
Inverse Surface
-
The opposite color mode's "surface" value
-
-
-

bg-dark__inverseSurface

-
-
-
Inverse On Surface
-
Text, icons on Inverse Surface
-
-
-

bg-dark__inverseOnSurface

-
-
-
Inverse Primary
-
For clickable elements against Inverse Surface
-
-
-

bg-dark__inversePrimary

-
-
-
-
-
-
-
-

Miscellaneous

-
Outlines, shadow, and scrim
-
-
-
expand_more
-
-
-
-
-
-
-
-
Outline
-
Use for borders on containers
-
-
-

bg-dark__outline

-
-
-
Outline Variant
-
Use for lines, dividers, and low-emphasis outlines
-
-
-

bg-dark__outlineVariant

-
-
-
Shadow
-
Self-explanatory
-
-
-

bg-dark__shadow

-
-
-
Scrim
-
The transparent background used when you "dim the lights"
-
-
-

bg-dark__scrim

-
-
-
-
-
-
-
-
-

Text Color

-

Text color requires less variation for most use cases, so the only ones pre-bundled with LiftKit are the following. Feel free to use the provided class naming template to create your own.

-
-
-
-
-
-
Primary
-
-
-
-
-
Secondary
-
-
-
-
-
Info
-
-
-
-
-
Success
-
-
-
-
-
Warning
-
-
-
-
-
Error
-
-
-
-
-
Outline
-
-
-
-
-
On Surface Variant
-
-
-
-
-
Inverse Primary
-
-
-
-
-
Inverse On Surface
-
-
-
-
-
-
-
-
-
-
Typography
-
-
-

Standard Styles

-

The standard styles use light-to-medium weights (except for Heading) and give interfaces a light, airy feel.

-
-
-
Display 1
-
Display 2
-
Title A
-
Title B
-
Title C
-
Heading
-
Subheading
-
Body
-
Callout
-
Label
-
Caption
-
Overline
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
StyleWeightSize (em)Line HeightLetter Spacing (em)
Display 14004.2351.129-0.022
Display 24002.6181.272-0.022
Title A4002.0581.272-0.022
Title B4001.6181.272-0.02
Title C4001.2721.272-0.017
Heading6001.1291.272-0.014
Subheading4000.8851.272-0.007
Body40011.618-0.011
Callout4000.9431.272-0.009
Label5000.8351.272-0.004
Caption4000.7861.272-0.007
Overline4000.7861.2720.0618
-
-
-
-

Bold

-
-
-
Display1
-
Display2
-
TitleA
-
TitleB
-
TitleC
-
Heading
-
Subheading
-
Body
-
Callout
-
Label
-
Caption
-
overline
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
StyleWeightSize (em)Line Height (unitless)Letter Spacing (em)
Display 17004.2351.129-0.022
Display 27002.6181.272-0.022
Title A7002.0581.272-0.022
Title B6001.6181.272-0.02
Title C6001.2721.272-0.017
Heading7001.1291.272-0.014
Subheading6000.8851.272-0.007
Body60011.618-0.011
Callout6000.9431.272-0.009
Label7000.8351.272-0.004
Caption6000.7861.272-0.007
Overline6000.7861.2720.0618
-
-
-
-

Rich Text

-

Rich text applies the styles above to the corresponding HTML tags for each.

-
-

Heading 1

-

Heading 2

-

Heading 3

-

Heading 4

-
Heading 5
-
Heading 6
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

-
Block quote
-

Ordered list

-
    -
  1. Item 1
  2. -
  3. Item 2
  4. -
  5. Item 3
  6. -
-

Unordered list

-
    -
  • Item A
  • -
  • Item B
  • -
  • Item C
  • -
-

- Text link -

-

Bold text

-

Emphasis

-

Superscript

-

Subscript

-
-
-
Figure caption
-
-
-
-
-

Text Alignment Utility Classes

-

These utility classes control the padding for when there's a start or end icon, or both.

-
-
-
text-align--left
-
-
-
text-align--center
-
-
-
text-align--right
-
-
-
-
-
-
-
-
Spacing
-

In LiftKit, spacing uses utility classes to give designers the flexibility to assign spacing based on each use case. By leveraging balanced scaling derived from golden ratio coefficients, the spacing system guarantees that every element, gap, margin, or padding on a page is truly proportional to every other.

-
-
-

Margin

-

Margins are by far the most heavily-used spacing class in LiftKit. They range from __xs to__xxl. There is no xxs because, at that scale, the difference is visually indistinguishable.

-
-
-
-
-

margin-top

-
-
-
-
-
-
m-top__xs
-
-
-
-
-
-
m-top__s
-
-
-
-
-
-
m-top__m
-
-
-
-
-
-
m-top__l
-
-
-
-
-
-
m-top__xl
-
-
-
-
-
-
m-top__xxl
-
-
-
-
-

margin-right

-
-
-
-
-
-
-
m-right__xs
-
-
-
-
-
-
-
-
m-right__s
-
-
-
-
-
-
-
-
m-right__m
-
-
-
-
-
-
-
-
m-right__l
-
-
-
-
-
-
-
-
m-right__xl
-
-
-
-
-
-
-
-
m-right__xxl
-
-
-
-
-
-

margin-bottom

-
-
-
-
-
-
-
m-bottom__xs
-
-
-
-
-
-
-
-
m-bottom__s
-
-
-
-
-
-
-
-
m-bottom__m
-
-
-
-
-
-
-
-
m-bottom__l
-
-
-
-
-
-
-
-
m-bottom__xl
-
-
-
-
-
-
-
-
m-bottom__xxl
-
-
-
-
-
-

margin-left

-
-
-
-
-
-
-
m-left__xs
-
-
-
-
-
-
-
-
m-left__s
-
-
-
-
-
-
-
-
m-left__m
-
-
-
-
-
-
-
-
m-left__l
-
-
-
-
-
-
-
-
m-left__xl
-
-
-
-
-
-
-
-
m-left__xxl
-
-
-
-
-
-
-
-

Padding

-
-
-
-

padding-top

-
-
-
-
-
-
pad-top__xs
-
-
-
-
-
-
pad-top__s
-
-
-
-
-
-
pad-top__m
-
-
-
-
-
-
pad-top__l
-
-
-
-
-
-
pad-top__xl
-
-
-
-
-
-
pad-top__xxl
-
-
-
-
-

padding-right

-
-
-
-
-
-
-
pad-right__xs
-
-
-
-
-
-
-
-
pad-right__s
-
-
-
-
-
-
-
-
pad-right__m
-
-
-
-
-
-
-
-
pad-right__l
-
-
-
-
-
-
-
-
pad-right__xl
-
-
-
-
-
-
-
-
pad-right__xxl
-
-
-
-
-
-

padding-bottom

-
-
-
-
-
-
-
pad-bottom__xs
-
-
-
-
-
-
-
-
pad-bottom__s
-
-
-
-
-
-
-
-
pad-bottom__m
-
-
-
-
-
-
-
-
pad-bottom__l
-
-
-
-
-
-
-
-
pad-bottom__xl
-
-
-
-
-
-
-
-
pad-bottom__xxl
-
-
-
-
-
-

padding-left

-
-
-
-
-
-
-
pad-left__xs
-
-
-
-
-
-
-
-
pad-left__s
-
-
-
-
-
-
-
-
pad-left__m
-
-
-
-
-
-
-
-
pad-left__l
-
-
-
-
-
-
-
-
pad-left__xl
-
-
-
-
-
-
-
-
pad-left__xxl
-
-
-
-
-
-
-
-
-

Gaps

-

Gaps can be applied as combo classes to elements with display set to either flex or grid.

-
-
-
-
-
-
-
-
-
gap-xs
-
-
-
-
-
-
-
-
-
-
gap-s
-
-
-
-
-
-
-
-
-
-
gap-m
-
-
-
-
-
-
-
-
-
-
gap-l
-
-
-
-
-
-
-
-
-
-
gap-xl
-
-
-
-
-
-
-
-
-
-
gap-xxl
-
-
-
-
-
-
-
-
-
Grid Templates
-

Every grid has class "grid." Combo classes indicate column count. Rows generate automatically.

-
-

Utility Classes

-

Every grid has class "grid." Combo classes indicate column count. Rows generate automatically.

-
-
-
-

Template

-

[Root Style] + [Column Count]

-
-
-

CSS Example

-
-

.grid

-

.col__3

-
-
-
-
-
Example appearance in Webflow
-
-
-
-
-

Examples

-
-
-
-
-
.grid
-
-
-
-
-
-
-
-
-
-
-
-
-
.grid
-
.col__1
-
-
-
-
-
-
-
-
-
-
-
-
-
.grid
-
.col__2
-
-
-
-
-
-
-
-
-
.grid
-
.col__3
-
-
-
-
-
-
-
-
-
-
.grid
-
.col__4
-
-
-
-
-
-
-
-
-
-
-
.grid
-
.col__5
-
-
-
-
-
-
-
-
-
-
-
-
.grid
-
.col__6
-
-
-
-
-
-
-
-
-
-
-
-
-
.grid
-
.col__7
-
-
-
-
-
-
-
-
-
-
-
-
-
-
.grid
-
.col__8
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
.grid
-
.col__9
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
.grid
-
.col__10
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
.grid
-
.col__11
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
.grid
-
.col__12
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Sizes
-

Purpose

-
These are meant for niche use cases. It's often used for setting profile photos, avatars, and other circle-based image wraps where you must declare a fixed width or height in order for your desired aspect-ratio to work.
-
-

Widths

-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
.w-xxs
-
.w-xs
-
.w-s
-
.w-m
-
.w-l
-
.w-xl
-
.w-xxl
-
.w-xxxl
-
-
-

Height

-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
.h-xs
-
.h-xs
-
.h-s
-
.h-m
-
.h-l
-
.h-xl
-
.h-xxl
-
.h-xxxl
-
-
-
-
-
-
-
Border Radius
-
-

Root Classes

-
-
-
xxs
-
-
-
xs
-
-
-
s
-
-
-
m
-
-
-
l
-
-
-
xl
-
-
-
xxl
-
-
-
xxxl
-
-
-
circle
-
-
-
-

Visual Preview

-
-
-
-
xxs
-
-
-
-
-
xs
-
-
-
-
-
s
-
-
-
-
-
m
-
-
-
-
-
l
-
-
-
-
-
xl
-
-
-
-
-
xxl
-
-
-
-
-
xxxl
-
-
-
-
-
-
circle
-
-
-
-
-
-
-
-
-
Aspect Ratios
-
-

Common

-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
.aspect__16x9
-
.aspect__4x3
-
.aspect__3x2
-
.aspect__1x1
-
.aspect__16x9
-
-
-
-
-
-
Shadows
-
-

Common

-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
.shadow1
-
.shadow2
-
.shadow3
-
.shadow4
-
.shadow5
-
-
-
-
-
-
Layout
-

Containers

-
Used to set maximum width within a section.
-
-
-
-
container__widest
-
-
-
-
-
-
container__wide
-
-
-
-
-
-
container_default
-
-
-
-
-
-
container__narrow
-
-
-
-
-
-
container__narrowest
-
-
-
-

Sections

-
Used to set vertical padding between sections.
-
-
-
-
section__mostPadding
-
-
-
-
-
section__morePadding
-
-
-
-
-
section__default
-
-
-
-
-
section__lessPadding
-
-
-
-
-
section__leastPadding
-
-
-
-
-
-
-
-
Display
-
-
-
-
-
-
-
-
-
-
-
.display__block
-
-
-
-
-
-
-
-
-
-
-
-
.display__flex-h
-
-
-
-
-
-
-
-
-
-
-
-
.display__flex-v
-
-
-
-
-
-
-
-
-
-
-
-
-
.grid
-
-
-
-
-
-
Cards
-

Root Classes

-
-
-

Card

-
-
-
.card
-
-
-
-
-

Outline card

-
-
.card__outline
-
-
-
-

Clickable Card

- -
-
-

Clickable Outline Card

- -
-
-
-
-

Utility Classes

-
-

Template

-

[Card Style] + [Scale Factor] + [Background Color]

-
-
-

CSS Example

-
-

.card

-

.scaleFactor__heading

-

.bg__infoContainer

-
-
-
-
-
Example appearance in Webflow
-
-
-

Glossary

-
- - - - - - - - - - - - - - - - - - - - - - - - - -
TermDefinitionExamples
Card StyleWhether the card uses the "default" or "outline" style. Default does not require a modifier, so you can simply use .card -
    -
  • -
    .card
    -
  • -
  • -
    .card__outline
    -
  • -
-
Scale FactorThe largest font size contained within the card. LiftKit uses this value to provide optical corrections to card padding symmetry. -
    -
  • -
    scaleFactor__heading
    -
  • -
  • -
    scaleFactor__titleB
    -
  • -
-
Background ColorThe fill color of the card. Will also set the corresponding text color. See Color for list of options. -
    -
  • -
    .bg-light__surface
    -
  • -
  • -
    .bg-light__inverseSurface
    -
  • -
-
-
-
-

Example Implementations

-
-
-
-
-

Default Cards

-
Scaled for each type style
-
-
-
expand_more
-
-
-
-
-
-
-
-

Display1

-
.card.scaleFactor__display1
-
-
-

Display2

-
.card.scaleFactor__display2
-
-
-

TitleA

-
.card.scaleFactor__titleA
-
-
-

TitleB

-
.card.scaleFactor__titleB
-
-
-

TitleC

-
.card.scaleFactor__titleC
-
-
-

Heading

-
.card.scaleFactor__heading
-
-
-

Subheading

-
.card.scaleFactor__subheading
-
-
-

Body

-
.card.scaleFactor__body
-
-
-

Callout

-
.card.scaleFactor__callout
-
-
-

Label

-
.card.scaleFactor__label
-
-
-

Caption

-
.card.scaleFactor__caption
-
-
-

Overline

-
.card.scaleFactor__overline
-
-
-
-
-
-
-
-

Outlined Cards

-
Scaled for each type style
-
-
-
expand_more
-
-
-
-
-
-
-
-
-

Display1

-
.card.scaleFactor__display1
-
-
-
-
-

Display2

-
.card.scaleFactor__display2
-
-
-
-
-

TitleA

-
.card.scaleFactor__titleA
-
-
-
-
-

TitleB

-
.card.scaleFactor__titleB
-
-
-
-
-

TitleC

-
.card.scaleFactor__titleC
-
-
-
-
-

Heading

-
.card.scaleFactor__heading
-
-
-
-
-

Subheading

-
.card.scaleFactor__subheading
-
-
-
-
-

Body

-
.card.scaleFactor__body
-
-
-
-
-

Callout

-
.card.scaleFactor__callout
-
-
-
-
-

Label

-
.card.scaleFactor__label
-
-
-
-
-

Caption

-
.card.scaleFactor__caption
-
-
-
-
-

Overline

-
.card.scaleFactor__overline
-
-
-
-
-
- -
-
-
-

Outlined Link Cards

-
Interactive with built-in state layers
-
-
-
expand_more
-
-
-
-
-
-
- - - - - - - - - - - - -
-
-
-
-

Components

-

These components deliberately have more elements than necessary for most use cases.This was done to make them faster to implement. It's quicker to delete elements you don't need than to drag in new ones. So, the recommended use for these is to quickly place an instance and then immediately detach it. From there, you can delete elements as needed.

-
-
-
-
-
Default Card
-
-

.card

-

.scaleFactor__heading

-

.bg-light__surfaceContainerLowest

-
-
-
-
-
viverra ornare
-
Consectetur adipiscing elit
-

Lorem Ipsum Dolor Sit Amet

-
-
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

-
-
-
-
Thank you! Your submission has been received!
-
-
-
Oops! Something went wrong while submitting the form.
-
-
- -
-
-
-
-
-
-
-
Default Card (Link)
-
-

.card__link

-

.scaleFactor__heading

-

.bg-light__surfaceContainerLowest

-
- -
-
-
-
-
-
-
Outlined Card
-
-
-
-
viverra ornare
-

Lorem ipsum dolor sit amet

-
Consectetur adipiscing elit
-
-
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

-
-
-
-
Thank you! Your submission has been received!
-
-
-
Oops! Something went wrong while submitting the form.
-
-
- -
-
-
-
-
-
-
-
Outlined Card (Link)
-
-

.card__outline__link

-

.scaleFactor__heading

-
- -
-
-
-
-
-
-
Quote Card
-
-

.card__quote

-

.scaleFactor__heading

-
-
-
-
-

Quote highlight should go up on top

-
Author Name
-
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

-
-
-
-
-
-
-
-
-
-
Badges
-
-
-
-
-

Utility Classes

-
These two are easier to navigate using the Navigator than with the canvas.
-
-

Template

-

[Root Style] + [Background Color]

-
-
-
-
Example appearance in Webflow
-
-
-

Components

-
-
-
Default
-
-
Hue Group
-
-
-
-
-
-
Default
-
-
Primary
-
-
Secondary
-
-
-
Tertiary
-
-
-
Error
-
-
-
Warning
-
-
-
Success
-
-
-
Info
-
-
Key Colors
-
-
public
-
-
-
public
-
-
-
public
-
-
-
public
-
-
-
public
-
-
-
public
-
-
-
public
-
-
-
public
-
-
Containers
-
n/a
-
-
public
-
-
-
public
-
-
-
public
-
-
-
public
-
-
-
public
-
-
-
public
-
-
-
public
-
-
Fixed
-
n/a
-
Size
-
-
public
-
-
-
public
-
-
-
public
-
-
n/a
-
n/a
-
n/a
-
n/a
-
Fixed Dim
-
n/a
-
-
public
-
-
-
public
-
-
-
public
-
-
n/a
-
n/a
-
n/a
-
n/a
-
On Fixed
-
n/a
-
-
public
-
-
-
public
-
-
-
public
-
-
n/a
-
n/a
-
n/a
-
n/a
-
On Fixed Variant
-
n/a
-
-
public
-
-
-
public
-
-
-
public
-
-
n/a
-
n/a
-
n/a
-
n/a
-
-
-
-
Large
-
-
-
-
-
-
-
Default
-
-
-
Primary
-
-
-
Secondary
-
-
-
Tertiary
-
-
-
Error
-
-
-
Warning
-
-
-
Success
-
-
-
Info
-
-
Key Colors
-
-
public
-
-
-
public
-
-
-
public
-
-
-
public
-
-
-
public
-
-
-
public
-
-
-
public
-
-
-
public
-
-
Containers
-
n/a
-
-
public
-
-
-
public
-
-
-
public
-
-
-
public
-
-
-
public
-
-
-
public
-
-
-
public
-
-
Fixed
-
n/a
-
-
public
-
-
-
public
-
-
-
public
-
-
Hue Group
-
Variant
-
n/a
-
n/a
-
n/a
-
n/a
-
Fixed Dim
-
n/a
-
-
public
-
-
-
public
-
-
-
public
-
-
n/a
-
n/a
-
n/a
-
n/a
-
On Fixed
-
n/a
-
-
public
-
-
-
public
-
-
-
public
-
-
n/a
-
n/a
-
n/a
-
n/a
-
On Fixed Variant
-
n/a
-
-
public
-
-
-
public
-
-
-
public
-
-
n/a
-
n/a
-
n/a
-
n/a
-
-
-
-
-
-
-
Stickers
-

Components

-
-
-
Default
-
-
Hue Group
-
-
-
-
-
-
Default
-
-
Primary
-
-
Secondary
-
-
-
Tertiary
-
-
-
Error
-
-
-
Warning
-
-
-
Success
-
-
-
Info
-
-
Key Colors
-
-
public
-
Label
-
-
-
public
-
Label
-
-
-
public
-
Label
-
-
-
public
-
Label
-
-
-
public
-
Label
-
-
-
public
-
Label
-
-
-
public
-
Label
-
-
-
public
-
Label
-
-
Containers
-
n/a
-
-
public
-
Label
-
-
-
public
-
Label
-
-
-
public
-
Label
-
-
-
public
-
Label
-
-
-
public
-
Label
-
-
-
public
-
Label
-
-
-
public
-
Label
-
-
Fixed
-
n/a
-
-
public
-
Label
-
-
-
public
-
Label
-
-
-
public
-
Label
-
-
Size
-
n/a
-
n/a
-
n/a
-
n/a
-
Fixed Dim
-
n/a
-
-
public
-
Label
-
-
-
public
-
Label
-
-
-
public
-
Label
-
-
n/a
-
n/a
-
n/a
-
n/a
-
On Fixed
-
n/a
-
-
public
-
Label
-
-
-
public
-
Label
-
-
-
public
-
Label
-
-
n/a
-
n/a
-
n/a
-
n/a
-
On Fixed Variant
-
n/a
-
-
public
-
Label
-
-
-
public
-
Label
-
-
-
public
-
Label
-
-
n/a
-
n/a
-
n/a
-
n/a
-
-
-
-
-
-
-
Buttons
-
-
-
-

Utility Classes

-
These two are easier to navigate using the Navigator than with the canvas.
-
-
-

Template

-

[Card Style] + [Size] + [Icon Placement]

-
-
-

CSS Example

-
-

.button

-

.large

-

.start-icon.end-icon

-
-
-
-
-
Example appearance in Webflow
-
-
-

Components

- -
-

Large

-
- -

Icon Placement Classes

-

These utility classes control the padding for when there's a start or end icon, or both.

-
-
-
.start-icon
-
-
-
-
.end-icon
-
-
-
-
.start-icon.end-icon
-
-
-
-
-
- -
-
-
Snackbar
-

Purpose

-
These are meant for niche use cases. It's often used for setting profile photos, avatars, and other circle-based image wraps where you must declare a fixed width or height in order for your desired aspect-ratio to work.
-

Example Implementations

-
-
-
-
-
info
-
-
-
Snackbar Info
-
For neutral notifications and alerts.
-
-
- Action -
-
-
-
-
-
-
-
info
-
-
-
Snackbar Info.
-
For neutral notifications and alerts.
-
-
- Action -
-
-
-
-
-
-
-
check_circle
-
-
-
Snackbar Success.
-
For confirmations, like form submission success states.
-
-
- Action -
-
-
-
-
-
-
-
warning
-
-
-
Snackbar Warning.
-
For cautionary info, like a "warning, deprecated" message.
-
-
- Action -
-
-
-
-
-
-
-
error
-
-
-
Snackbar Error.
-
For high severity alerts, like error messages.
-
-
- Action -
-
-
-
-
-
-
-
-
Icons
-

Purpose

-
The plain-ol' icon component. Meant to be dropped pretty much anywhere and quickly detached if necessary. Uses Google's Material Symbols font family.
-

Variants

-
-
-
info
-
-
.material-symbols-outlined
-
-
-
-
info
-
-
.material-symbols-filled
-
-
-
-

Customization

-
To change the icon, double click it and edit it like you would any plain bit of text. The Google Fonts API will automatically render the correct icon. For a list of all the icon names, visit Material Symbols on Google Fonts.
-
-
-
-
-
- - - - - \ No newline at end of file diff --git a/js/webflow.js b/js/webflow.js deleted file mode 100644 index af51c6a..0000000 --- a/js/webflow.js +++ /dev/null @@ -1,55 +0,0 @@ - -/*! - * Webflow: Front-end site library - * @license MIT - * Inline scripts may access the api using an async handler: - * var Webflow = Webflow || []; - * Webflow.push(readyFunction); - */ - -(()=>{var B_=Object.create;var nn=Object.defineProperty;var H_=Object.getOwnPropertyDescriptor;var W_=Object.getOwnPropertyNames;var X_=Object.getPrototypeOf,j_=Object.prototype.hasOwnProperty;var he=(e,t)=>()=>(e&&(t=e(e=0)),t);var c=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),Fe=(e,t)=>{for(var r in t)nn(e,r,{get:t[r],enumerable:!0})},Cs=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of W_(t))!j_.call(e,i)&&i!==r&&nn(e,i,{get:()=>t[i],enumerable:!(n=H_(t,i))||n.enumerable});return e};var le=(e,t,r)=>(r=e!=null?B_(X_(e)):{},Cs(t||!e||!e.__esModule?nn(r,"default",{value:e,enumerable:!0}):r,e)),tt=e=>Cs(nn({},"__esModule",{value:!0}),e);var Ri=c(()=>{"use strict";window.tram=function(e){function t(l,E){var b=new U.Bare;return b.init(l,E)}function r(l){return l.replace(/[A-Z]/g,function(E){return"-"+E.toLowerCase()})}function n(l){var E=parseInt(l.slice(1),16),b=E>>16&255,O=E>>8&255,_=255&E;return[b,O,_]}function i(l,E,b){return"#"+(1<<24|l<<16|E<<8|b).toString(16).slice(1)}function o(){}function a(l,E){f("Type warning: Expected: ["+l+"] Got: ["+typeof E+"] "+E)}function s(l,E,b){f("Units do not match ["+l+"]: "+E+", "+b)}function u(l,E,b){if(E!==void 0&&(b=E),l===void 0)return b;var O=b;return St.test(l)||!lt.test(l)?O=parseInt(l,10):lt.test(l)&&(O=1e3*parseFloat(l)),0>O&&(O=0),O===O?O:b}function f(l){se.debug&&window&&window.console.warn(l)}function h(l){for(var E=-1,b=l?l.length:0,O=[];++ENe&&(Ne=Te.span),Te.stop(),Te.animate(k_)},function(Te){"wait"in Te&&(Ne=u(Te.wait,0))}),be.call(this),Ne>0&&(this.timer=new oe({duration:Ne,context:this}),this.active=!0,ce&&(this.timer.complete=A));var He=this,Me=!1,rn={};M(function(){et.call(He,ee,function(Te){Te.active&&(Me=!0,rn[Te.name]=Te.nextStyle)}),Me&&He.$el.css(rn)})}}}function O(ee){ee=u(ee,0),this.active?this.queue.push({options:ee}):(this.timer=new oe({duration:ee,context:this,complete:A}),this.active=!0)}function _(ee){return this.active?(this.queue.push({options:ee,args:arguments}),void(this.timer.complete=A)):f("No active transition timer. Use start() or wait() before then().")}function A(){if(this.timer&&this.timer.destroy(),this.active=!1,this.queue.length){var ee=this.queue.shift();b.call(this,ee.options,!0,ee.args)}}function Z(ee){this.timer&&this.timer.destroy(),this.queue=[],this.active=!1;var ce;typeof ee=="string"?(ce={},ce[ee]=1):ce=typeof ee=="object"&&ee!=null?ee:this.props,et.call(this,ce,Re),be.call(this)}function ie(ee){Z.call(this,ee),et.call(this,ee,yr,U_)}function pe(ee){typeof ee!="string"&&(ee="block"),this.el.style.display=ee}function V(){Z.call(this),this.el.style.display="none"}function ae(){this.el.offsetHeight}function ue(){Z.call(this),e.removeData(this.el,S),this.$el=this.el=null}function be(){var ee,ce,ye=[];this.upstream&&ye.push(this.upstream);for(ee in this.props)ce=this.props[ee],ce.active&&ye.push(ce.string);ye=ye.join(","),this.style!==ye&&(this.style=ye,this.el.style[B.transition.dom]=ye)}function et(ee,ce,ye){var fe,Ne,He,Me,rn=ce!==Re,Te={};for(fe in ee)He=ee[fe],fe in ge?(Te.transform||(Te.transform={}),Te.transform[fe]=He):(R.test(fe)&&(fe=r(fe)),fe in X?Te[fe]=He:(Me||(Me={}),Me[fe]=He));for(fe in Te){if(He=Te[fe],Ne=this.props[fe],!Ne){if(!rn)continue;Ne=E.call(this,fe)}ce.call(this,Ne,He)}ye&&Me&&ye.call(this,Me)}function Re(ee){ee.stop()}function yr(ee,ce){ee.set(ce)}function U_(ee){this.$el.css(ee)}function Be(ee,ce){l[ee]=function(){return this.children?V_.call(this,ce,arguments):(this.el&&ce.apply(this,arguments),this)}}function V_(ee,ce){var ye,fe=this.children.length;for(ye=0;fe>ye;ye++)ee.apply(this.children[ye],ce);return this}l.init=function(ee){if(this.$el=e(ee),this.el=this.$el[0],this.props={},this.queue=[],this.style="",this.active=!1,se.keepInherited&&!se.fallback){var ce=G(this.el,"transition");ce&&!$.test(ce)&&(this.upstream=ce)}B.backface&&se.hideBackface&&p(this.el,B.backface.css,"hidden")},Be("add",E),Be("start",b),Be("wait",O),Be("then",_),Be("next",A),Be("stop",Z),Be("set",ie),Be("show",pe),Be("hide",V),Be("redraw",ae),Be("destroy",ue)}),U=v(Y,function(l){function E(b,O){var _=e.data(b,S)||e.data(b,S,new Y.Bare);return _.el||_.init(b),O?_.start(O):_}l.init=function(b,O){var _=e(b);if(!_.length)return this;if(_.length===1)return E(_[0],O);var A=[];return _.each(function(Z,ie){A.push(E(ie,O))}),this.children=A,this}}),D=v(function(l){function E(){var A=this.get();this.update("auto");var Z=this.get();return this.update(A),Z}function b(A,Z,ie){return Z!==void 0&&(ie=Z),A in d?A:ie}function O(A){var Z=/rgba?\((\d+),\s*(\d+),\s*(\d+)/.exec(A);return(Z?i(Z[1],Z[2],Z[3]):A).replace(/#(\w)(\w)(\w)$/,"#$1$1$2$2$3$3")}var _={duration:500,ease:"ease",delay:0};l.init=function(A,Z,ie,pe){this.$el=A,this.el=A[0];var V=Z[0];ie[2]&&(V=ie[2]),Q[V]&&(V=Q[V]),this.name=V,this.type=ie[1],this.duration=u(Z[1],this.duration,_.duration),this.ease=b(Z[2],this.ease,_.ease),this.delay=u(Z[3],this.delay,_.delay),this.span=this.duration+this.delay,this.active=!1,this.nextStyle=null,this.auto=J.test(this.name),this.unit=pe.unit||this.unit||se.defaultUnit,this.angle=pe.angle||this.angle||se.defaultAngle,se.fallback||pe.fallback?this.animate=this.fallback:(this.animate=this.transition,this.string=this.name+te+this.duration+"ms"+(this.ease!="ease"?te+d[this.ease][0]:"")+(this.delay?te+this.delay+"ms":""))},l.set=function(A){A=this.convert(A,this.type),this.update(A),this.redraw()},l.transition=function(A){this.active=!0,A=this.convert(A,this.type),this.auto&&(this.el.style[this.name]=="auto"&&(this.update(this.get()),this.redraw()),A=="auto"&&(A=E.call(this))),this.nextStyle=A},l.fallback=function(A){var Z=this.el.style[this.name]||this.convert(this.get(),this.type);A=this.convert(A,this.type),this.auto&&(Z=="auto"&&(Z=this.convert(this.get(),this.type)),A=="auto"&&(A=E.call(this))),this.tween=new C({from:Z,to:A,duration:this.duration,delay:this.delay,ease:this.ease,update:this.update,context:this})},l.get=function(){return G(this.el,this.name)},l.update=function(A){p(this.el,this.name,A)},l.stop=function(){(this.active||this.nextStyle)&&(this.active=!1,this.nextStyle=null,p(this.el,this.name,this.get()));var A=this.tween;A&&A.context&&A.destroy()},l.convert=function(A,Z){if(A=="auto"&&this.auto)return A;var ie,pe=typeof A=="number",V=typeof A=="string";switch(Z){case x:if(pe)return A;if(V&&A.replace(m,"")==="")return+A;ie="number(unitless)";break;case q:if(V){if(A===""&&this.original)return this.original;if(Z.test(A))return A.charAt(0)=="#"&&A.length==7?A:O(A)}ie="hex or rgb string";break;case F:if(pe)return A+this.unit;if(V&&Z.test(A))return A;ie="number(px) or string(unit)";break;case N:if(pe)return A+this.unit;if(V&&Z.test(A))return A;ie="number(px) or string(unit or %)";break;case j:if(pe)return A+this.angle;if(V&&Z.test(A))return A;ie="number(deg) or string(angle)";break;case z:if(pe||V&&N.test(A))return A;ie="number(unitless) or string(unit or %)"}return a(ie,A),A},l.redraw=function(){this.el.offsetHeight}}),g=v(D,function(l,E){l.init=function(){E.init.apply(this,arguments),this.original||(this.original=this.convert(this.get(),q))}}),k=v(D,function(l,E){l.init=function(){E.init.apply(this,arguments),this.animate=this.fallback},l.get=function(){return this.$el[this.name]()},l.update=function(b){this.$el[this.name](b)}}),W=v(D,function(l,E){function b(O,_){var A,Z,ie,pe,V;for(A in O)pe=ge[A],ie=pe[0],Z=pe[1]||A,V=this.convert(O[A],ie),_.call(this,Z,V,ie)}l.init=function(){E.init.apply(this,arguments),this.current||(this.current={},ge.perspective&&se.perspective&&(this.current.perspective=se.perspective,p(this.el,this.name,this.style(this.current)),this.redraw()))},l.set=function(O){b.call(this,O,function(_,A){this.current[_]=A}),p(this.el,this.name,this.style(this.current)),this.redraw()},l.transition=function(O){var _=this.values(O);this.tween=new _e({current:this.current,values:_,duration:this.duration,delay:this.delay,ease:this.ease});var A,Z={};for(A in this.current)Z[A]=A in _?_[A]:this.current[A];this.active=!0,this.nextStyle=this.style(Z)},l.fallback=function(O){var _=this.values(O);this.tween=new _e({current:this.current,values:_,duration:this.duration,delay:this.delay,ease:this.ease,update:this.update,context:this})},l.update=function(){p(this.el,this.name,this.style(this.current))},l.style=function(O){var _,A="";for(_ in O)A+=_+"("+O[_]+") ";return A},l.values=function(O){var _,A={};return b.call(this,O,function(Z,ie,pe){A[Z]=ie,this.current[Z]===void 0&&(_=0,~Z.indexOf("scale")&&(_=1),this.current[Z]=this.convert(_,pe))}),A}}),C=v(function(l){function E(V){ie.push(V)===1&&M(b)}function b(){var V,ae,ue,be=ie.length;if(be)for(M(b),ae=H(),V=be;V--;)ue=ie[V],ue&&ue.render(ae)}function O(V){var ae,ue=e.inArray(V,ie);ue>=0&&(ae=ie.slice(ue+1),ie.length=ue,ae.length&&(ie=ie.concat(ae)))}function _(V){return Math.round(V*pe)/pe}function A(V,ae,ue){return i(V[0]+ue*(ae[0]-V[0]),V[1]+ue*(ae[1]-V[1]),V[2]+ue*(ae[2]-V[2]))}var Z={ease:d.ease[1],from:0,to:1};l.init=function(V){this.duration=V.duration||0,this.delay=V.delay||0;var ae=V.ease||Z.ease;d[ae]&&(ae=d[ae][1]),typeof ae!="function"&&(ae=Z.ease),this.ease=ae,this.update=V.update||o,this.complete=V.complete||o,this.context=V.context||this,this.name=V.name;var ue=V.from,be=V.to;ue===void 0&&(ue=Z.from),be===void 0&&(be=Z.to),this.unit=V.unit||"",typeof ue=="number"&&typeof be=="number"?(this.begin=ue,this.change=be-ue):this.format(be,ue),this.value=this.begin+this.unit,this.start=H(),V.autoplay!==!1&&this.play()},l.play=function(){this.active||(this.start||(this.start=H()),this.active=!0,E(this))},l.stop=function(){this.active&&(this.active=!1,O(this))},l.render=function(V){var ae,ue=V-this.start;if(this.delay){if(ue<=this.delay)return;ue-=this.delay}if(ue{"use strict";var z_=window.$,K_=Ri()&&z_.tram;Rs.exports=function(){var e={};e.VERSION="1.6.0-Webflow";var t={},r=Array.prototype,n=Object.prototype,i=Function.prototype,o=r.push,a=r.slice,s=r.concat,u=n.toString,f=n.hasOwnProperty,h=r.forEach,v=r.map,d=r.reduce,y=r.reduceRight,w=r.filter,T=r.every,S=r.some,m=r.indexOf,R=r.lastIndexOf,x=Array.isArray,q=Object.keys,F=i.bind,N=e.each=e.forEach=function(I,L,K){if(I==null)return I;if(h&&I.forEach===h)I.forEach(L,K);else if(I.length===+I.length){for(var B=0,re=I.length;B/g,interpolate:/<%=([\s\S]+?)%>/g,escape:/<%-([\s\S]+?)%>/g};var z=/(.)^/,$={"'":"'","\\":"\\","\r":"r","\n":"n","\u2028":"u2028","\u2029":"u2029"},J=/\\|'|\r|\n|\u2028|\u2029/g,te=function(I){return"\\"+$[I]},P=/^\s*(\w|\$)+\s*$/;return e.template=function(I,L,K){!L&&K&&(L=K),L=e.defaults({},L,e.templateSettings);var B=RegExp([(L.escape||z).source,(L.interpolate||z).source,(L.evaluate||z).source].join("|")+"|$","g"),re=0,ne="__p+='";I.replace(B,function(U,D,g,k,W){return ne+=I.slice(re,W).replace(J,te),re=W+U.length,D?ne+=`'+ -((__t=(`+D+`))==null?'':_.escape(__t))+ -'`:g?ne+=`'+ -((__t=(`+g+`))==null?'':__t)+ -'`:k&&(ne+=`'; -`+k+` -__p+='`),U}),ne+=`'; -`;var M=L.variable;if(M){if(!P.test(M))throw new Error("variable is not a bare identifier: "+M)}else ne=`with(obj||{}){ -`+ne+`} -`,M="obj";ne=`var __t,__p='',__j=Array.prototype.join,print=function(){__p+=__j.call(arguments,'');}; -`+ne+`return __p; -`;var H;try{H=new Function(L.variable||"obj","_",ne)}catch(U){throw U.source=ne,U}var Y=function(U){return H.call(this,U,e)};return Y.source="function("+M+`){ -`+ne+"}",Y},e}()});var je=c((qk,Us)=>{"use strict";var de={},Vt={},kt=[],Li=window.Webflow||[],yt=window.jQuery,Xe=yt(window),Y_=yt(document),rt=yt.isFunction,We=de._=Ns(),Ps=de.tram=Ri()&&yt.tram,an=!1,Pi=!1;Ps.config.hideBackface=!1;Ps.config.keepInherited=!0;de.define=function(e,t,r){Vt[e]&&Ms(Vt[e]);var n=Vt[e]=t(yt,We,r)||{};return qs(n),n};de.require=function(e){return Vt[e]};function qs(e){de.env()&&(rt(e.design)&&Xe.on("__wf_design",e.design),rt(e.preview)&&Xe.on("__wf_preview",e.preview)),rt(e.destroy)&&Xe.on("__wf_destroy",e.destroy),e.ready&&rt(e.ready)&&$_(e)}function $_(e){if(an){e.ready();return}We.contains(kt,e.ready)||kt.push(e.ready)}function Ms(e){rt(e.design)&&Xe.off("__wf_design",e.design),rt(e.preview)&&Xe.off("__wf_preview",e.preview),rt(e.destroy)&&Xe.off("__wf_destroy",e.destroy),e.ready&&rt(e.ready)&&Q_(e)}function Q_(e){kt=We.filter(kt,function(t){return t!==e.ready})}de.push=function(e){if(an){rt(e)&&e();return}Li.push(e)};de.env=function(e){var t=window.__wf_design,r=typeof t<"u";if(!e)return r;if(e==="design")return r&&t;if(e==="preview")return r&&!t;if(e==="slug")return r&&window.__wf_slug;if(e==="editor")return window.WebflowEditor;if(e==="test")return window.__wf_test;if(e==="frame")return window!==window.top};var on=navigator.userAgent.toLowerCase(),Fs=de.env.touch="ontouchstart"in window||window.DocumentTouch&&document instanceof window.DocumentTouch,Z_=de.env.chrome=/chrome/.test(on)&&/Google/.test(navigator.vendor)&&parseInt(on.match(/chrome\/(\d+)\./)[1],10),J_=de.env.ios=/(ipod|iphone|ipad)/.test(on);de.env.safari=/safari/.test(on)&&!Z_&&!J_;var Ni;Fs&&Y_.on("touchstart mousedown",function(e){Ni=e.target});de.validClick=Fs?function(e){return e===Ni||yt.contains(e,Ni)}:function(){return!0};var Ds="resize.webflow orientationchange.webflow load.webflow",eb="scroll.webflow "+Ds;de.resize=qi(Xe,Ds);de.scroll=qi(Xe,eb);de.redraw=qi();function qi(e,t){var r=[],n={};return n.up=We.throttle(function(i){We.each(r,function(o){o(i)})}),e&&t&&e.on(t,n.up),n.on=function(i){typeof i=="function"&&(We.contains(r,i)||r.push(i))},n.off=function(i){if(!arguments.length){r=[];return}r=We.filter(r,function(o){return o!==i})},n}de.location=function(e){window.location=e};de.env()&&(de.location=function(){});de.ready=function(){an=!0,Pi?tb():We.each(kt,Ls),We.each(Li,Ls),de.resize.up()};function Ls(e){rt(e)&&e()}function tb(){Pi=!1,We.each(Vt,qs)}var xt;de.load=function(e){xt.then(e)};function Gs(){xt&&(xt.reject(),Xe.off("load",xt.resolve)),xt=new yt.Deferred,Xe.on("load",xt.resolve)}de.destroy=function(e){e=e||{},Pi=!0,Xe.triggerHandler("__wf_destroy"),e.domready!=null&&(an=e.domready),We.each(Vt,Ms),de.resize.off(),de.scroll.off(),de.redraw.off(),kt=[],Li=[],xt.state()==="pending"&&Gs()};yt(de.ready);Gs();Us.exports=window.Webflow=de});var Bs=c((Mk,ks)=>{"use strict";var Vs=je();Vs.define("brand",ks.exports=function(e){var t={},r=document,n=e("html"),i=e("body"),o=".w-webflow-badge",a=window.location,s=/PhantomJS/i.test(navigator.userAgent),u="fullscreenchange webkitfullscreenchange mozfullscreenchange msfullscreenchange",f;t.ready=function(){var y=n.attr("data-wf-status"),w=n.attr("data-wf-domain")||"";/\.webflow\.io$/i.test(w)&&a.hostname!==w&&(y=!0),y&&!s&&(f=f||v(),d(),setTimeout(d,500),e(r).off(u,h).on(u,h))};function h(){var y=r.fullScreen||r.mozFullScreen||r.webkitIsFullScreen||r.msFullscreenElement||!!r.webkitFullscreenElement;e(f).attr("style",y?"display: none !important;":"")}function v(){var y=e('').attr("href","https://webflow.com?utm_campaign=brandjs"),w=e("").attr("src","https://d3e54v103j8qbb.cloudfront.net/img/webflow-badge-icon-d2.89e12c322e.svg").attr("alt","").css({marginRight:"4px",width:"26px"}),T=e("").attr("src","https://d3e54v103j8qbb.cloudfront.net/img/webflow-badge-text-d2.c82cec3b78.svg").attr("alt","Made in Webflow");return y.append(w,T),y[0]}function d(){var y=i.children(o),w=y.length&&y.get(0)===f,T=Vs.env("editor");if(w){T&&y.remove();return}y.length&&y.remove(),T||i.append(f)}return t})});var Ws=c((Fk,Hs)=>{"use strict";var rb=je();rb.define("focus-visible",Hs.exports=function(){function e(r){var n=!0,i=!1,o=null,a={text:!0,search:!0,url:!0,tel:!0,email:!0,password:!0,number:!0,date:!0,month:!0,week:!0,time:!0,datetime:!0,"datetime-local":!0};function s(x){return!!(x&&x!==document&&x.nodeName!=="HTML"&&x.nodeName!=="BODY"&&"classList"in x&&"contains"in x.classList)}function u(x){var q=x.type,F=x.tagName;return!!(F==="INPUT"&&a[q]&&!x.readOnly||F==="TEXTAREA"&&!x.readOnly||x.isContentEditable)}function f(x){x.getAttribute("data-wf-focus-visible")||x.setAttribute("data-wf-focus-visible","true")}function h(x){x.getAttribute("data-wf-focus-visible")&&x.removeAttribute("data-wf-focus-visible")}function v(x){x.metaKey||x.altKey||x.ctrlKey||(s(r.activeElement)&&f(r.activeElement),n=!0)}function d(){n=!1}function y(x){s(x.target)&&(n||u(x.target))&&f(x.target)}function w(x){s(x.target)&&x.target.hasAttribute("data-wf-focus-visible")&&(i=!0,window.clearTimeout(o),o=window.setTimeout(function(){i=!1},100),h(x.target))}function T(){document.visibilityState==="hidden"&&(i&&(n=!0),S())}function S(){document.addEventListener("mousemove",R),document.addEventListener("mousedown",R),document.addEventListener("mouseup",R),document.addEventListener("pointermove",R),document.addEventListener("pointerdown",R),document.addEventListener("pointerup",R),document.addEventListener("touchmove",R),document.addEventListener("touchstart",R),document.addEventListener("touchend",R)}function m(){document.removeEventListener("mousemove",R),document.removeEventListener("mousedown",R),document.removeEventListener("mouseup",R),document.removeEventListener("pointermove",R),document.removeEventListener("pointerdown",R),document.removeEventListener("pointerup",R),document.removeEventListener("touchmove",R),document.removeEventListener("touchstart",R),document.removeEventListener("touchend",R)}function R(x){x.target.nodeName&&x.target.nodeName.toLowerCase()==="html"||(n=!1,m())}document.addEventListener("keydown",v,!0),document.addEventListener("mousedown",d,!0),document.addEventListener("pointerdown",d,!0),document.addEventListener("touchstart",d,!0),document.addEventListener("visibilitychange",T,!0),S(),r.addEventListener("focus",y,!0),r.addEventListener("blur",w,!0)}function t(){if(typeof document<"u")try{document.querySelector(":focus-visible")}catch{e(document)}}return{ready:t}})});var zs=c((Dk,js)=>{"use strict";var Xs=je();Xs.define("focus",js.exports=function(){var e=[],t=!1;function r(a){t&&(a.preventDefault(),a.stopPropagation(),a.stopImmediatePropagation(),e.unshift(a))}function n(a){var s=a.target,u=s.tagName;return/^a$/i.test(u)&&s.href!=null||/^(button|textarea)$/i.test(u)&&s.disabled!==!0||/^input$/i.test(u)&&/^(button|reset|submit|radio|checkbox)$/i.test(s.type)&&!s.disabled||!/^(button|input|textarea|select|a)$/i.test(u)&&!Number.isNaN(Number.parseFloat(s.tabIndex))||/^audio$/i.test(u)||/^video$/i.test(u)&&s.controls===!0}function i(a){n(a)&&(t=!0,setTimeout(()=>{for(t=!1,a.target.focus();e.length>0;){var s=e.pop();s.target.dispatchEvent(new MouseEvent(s.type,s))}},0))}function o(){typeof document<"u"&&document.body.hasAttribute("data-wf-focus-within")&&Xs.env.safari&&(document.addEventListener("mousedown",i,!0),document.addEventListener("mouseup",r,!0),document.addEventListener("click",r,!0))}return{ready:o}})});var $s=c((Gk,Ys)=>{"use strict";var Mi=window.jQuery,nt={},sn=[],Ks=".w-ix",un={reset:function(e,t){t.__wf_intro=null},intro:function(e,t){t.__wf_intro||(t.__wf_intro=!0,Mi(t).triggerHandler(nt.types.INTRO))},outro:function(e,t){t.__wf_intro&&(t.__wf_intro=null,Mi(t).triggerHandler(nt.types.OUTRO))}};nt.triggers={};nt.types={INTRO:"w-ix-intro"+Ks,OUTRO:"w-ix-outro"+Ks};nt.init=function(){for(var e=sn.length,t=0;t{"use strict";var Fi=$s();function Qs(e,t){var r=document.createEvent("CustomEvent");r.initCustomEvent(t,!0,!0,null),e.dispatchEvent(r)}var nb=window.jQuery,cn={},Zs=".w-ix",ib={reset:function(e,t){Fi.triggers.reset(e,t)},intro:function(e,t){Fi.triggers.intro(e,t),Qs(t,"COMPONENT_ACTIVE")},outro:function(e,t){Fi.triggers.outro(e,t),Qs(t,"COMPONENT_INACTIVE")}};cn.triggers={};cn.types={INTRO:"w-ix-intro"+Zs,OUTRO:"w-ix-outro"+Zs};nb.extend(cn.triggers,ib);Js.exports=cn});var eu=c((Vk,ft)=>{function Di(e){return ft.exports=Di=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ft.exports.__esModule=!0,ft.exports.default=ft.exports,Di(e)}ft.exports=Di,ft.exports.__esModule=!0,ft.exports.default=ft.exports});var fn=c((kk,mr)=>{var ob=eu().default;function tu(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(tu=function(i){return i?r:t})(e)}function ab(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||ob(e)!=="object"&&typeof e!="function")return{default:e};var r=tu(t);if(r&&r.has(e))return r.get(e);var n={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var a=i?Object.getOwnPropertyDescriptor(e,o):null;a&&(a.get||a.set)?Object.defineProperty(n,o,a):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}mr.exports=ab,mr.exports.__esModule=!0,mr.exports.default=mr.exports});var ru=c((Bk,_r)=>{function sb(e){return e&&e.__esModule?e:{default:e}}_r.exports=sb,_r.exports.__esModule=!0,_r.exports.default=_r.exports});var Ee=c((Hk,nu)=>{var dn=function(e){return e&&e.Math==Math&&e};nu.exports=dn(typeof globalThis=="object"&&globalThis)||dn(typeof window=="object"&&window)||dn(typeof self=="object"&&self)||dn(typeof global=="object"&&global)||function(){return this}()||Function("return this")()});var Bt=c((Wk,iu)=>{iu.exports=function(e){try{return!!e()}catch{return!0}}});var Ct=c((Xk,ou)=>{var ub=Bt();ou.exports=!ub(function(){return Object.defineProperty({},1,{get:function(){return 7}})[1]!=7})});var pn=c((jk,au)=>{var br=Function.prototype.call;au.exports=br.bind?br.bind(br):function(){return br.apply(br,arguments)}});var lu=c(cu=>{"use strict";var su={}.propertyIsEnumerable,uu=Object.getOwnPropertyDescriptor,cb=uu&&!su.call({1:2},1);cu.f=cb?function(t){var r=uu(this,t);return!!r&&r.enumerable}:su});var Gi=c((Kk,fu)=>{fu.exports=function(e,t){return{enumerable:!(e&1),configurable:!(e&2),writable:!(e&4),value:t}}});var ze=c((Yk,pu)=>{var du=Function.prototype,Ui=du.bind,Vi=du.call,lb=Ui&&Ui.bind(Vi);pu.exports=Ui?function(e){return e&&lb(Vi,e)}:function(e){return e&&function(){return Vi.apply(e,arguments)}}});var hu=c(($k,vu)=>{var gu=ze(),fb=gu({}.toString),db=gu("".slice);vu.exports=function(e){return db(fb(e),8,-1)}});var yu=c((Qk,Eu)=>{var pb=Ee(),gb=ze(),vb=Bt(),hb=hu(),ki=pb.Object,Eb=gb("".split);Eu.exports=vb(function(){return!ki("z").propertyIsEnumerable(0)})?function(e){return hb(e)=="String"?Eb(e,""):ki(e)}:ki});var Bi=c((Zk,mu)=>{var yb=Ee(),mb=yb.TypeError;mu.exports=function(e){if(e==null)throw mb("Can't call method on "+e);return e}});var Tr=c((Jk,_u)=>{var _b=yu(),bb=Bi();_u.exports=function(e){return _b(bb(e))}});var it=c((eB,bu)=>{bu.exports=function(e){return typeof e=="function"}});var Ht=c((tB,Tu)=>{var Tb=it();Tu.exports=function(e){return typeof e=="object"?e!==null:Tb(e)}});var Ir=c((rB,Iu)=>{var Hi=Ee(),Ib=it(),Ob=function(e){return Ib(e)?e:void 0};Iu.exports=function(e,t){return arguments.length<2?Ob(Hi[e]):Hi[e]&&Hi[e][t]}});var Au=c((nB,Ou)=>{var Ab=ze();Ou.exports=Ab({}.isPrototypeOf)});var Su=c((iB,wu)=>{var wb=Ir();wu.exports=wb("navigator","userAgent")||""});var qu=c((oB,Pu)=>{var Lu=Ee(),Wi=Su(),xu=Lu.process,Cu=Lu.Deno,Ru=xu&&xu.versions||Cu&&Cu.version,Nu=Ru&&Ru.v8,Ke,gn;Nu&&(Ke=Nu.split("."),gn=Ke[0]>0&&Ke[0]<4?1:+(Ke[0]+Ke[1]));!gn&&Wi&&(Ke=Wi.match(/Edge\/(\d+)/),(!Ke||Ke[1]>=74)&&(Ke=Wi.match(/Chrome\/(\d+)/),Ke&&(gn=+Ke[1])));Pu.exports=gn});var Xi=c((aB,Fu)=>{var Mu=qu(),Sb=Bt();Fu.exports=!!Object.getOwnPropertySymbols&&!Sb(function(){var e=Symbol();return!String(e)||!(Object(e)instanceof Symbol)||!Symbol.sham&&Mu&&Mu<41})});var ji=c((sB,Du)=>{var xb=Xi();Du.exports=xb&&!Symbol.sham&&typeof Symbol.iterator=="symbol"});var zi=c((uB,Gu)=>{var Cb=Ee(),Rb=Ir(),Nb=it(),Lb=Au(),Pb=ji(),qb=Cb.Object;Gu.exports=Pb?function(e){return typeof e=="symbol"}:function(e){var t=Rb("Symbol");return Nb(t)&&Lb(t.prototype,qb(e))}});var Vu=c((cB,Uu)=>{var Mb=Ee(),Fb=Mb.String;Uu.exports=function(e){try{return Fb(e)}catch{return"Object"}}});var Bu=c((lB,ku)=>{var Db=Ee(),Gb=it(),Ub=Vu(),Vb=Db.TypeError;ku.exports=function(e){if(Gb(e))return e;throw Vb(Ub(e)+" is not a function")}});var Wu=c((fB,Hu)=>{var kb=Bu();Hu.exports=function(e,t){var r=e[t];return r==null?void 0:kb(r)}});var ju=c((dB,Xu)=>{var Bb=Ee(),Ki=pn(),Yi=it(),$i=Ht(),Hb=Bb.TypeError;Xu.exports=function(e,t){var r,n;if(t==="string"&&Yi(r=e.toString)&&!$i(n=Ki(r,e))||Yi(r=e.valueOf)&&!$i(n=Ki(r,e))||t!=="string"&&Yi(r=e.toString)&&!$i(n=Ki(r,e)))return n;throw Hb("Can't convert object to primitive value")}});var Ku=c((pB,zu)=>{zu.exports=!1});var vn=c((gB,$u)=>{var Yu=Ee(),Wb=Object.defineProperty;$u.exports=function(e,t){try{Wb(Yu,e,{value:t,configurable:!0,writable:!0})}catch{Yu[e]=t}return t}});var hn=c((vB,Zu)=>{var Xb=Ee(),jb=vn(),Qu="__core-js_shared__",zb=Xb[Qu]||jb(Qu,{});Zu.exports=zb});var Qi=c((hB,ec)=>{var Kb=Ku(),Ju=hn();(ec.exports=function(e,t){return Ju[e]||(Ju[e]=t!==void 0?t:{})})("versions",[]).push({version:"3.19.0",mode:Kb?"pure":"global",copyright:"\xA9 2021 Denis Pushkarev (zloirock.ru)"})});var rc=c((EB,tc)=>{var Yb=Ee(),$b=Bi(),Qb=Yb.Object;tc.exports=function(e){return Qb($b(e))}});var mt=c((yB,nc)=>{var Zb=ze(),Jb=rc(),eT=Zb({}.hasOwnProperty);nc.exports=Object.hasOwn||function(t,r){return eT(Jb(t),r)}});var Zi=c((mB,ic)=>{var tT=ze(),rT=0,nT=Math.random(),iT=tT(1 .toString);ic.exports=function(e){return"Symbol("+(e===void 0?"":e)+")_"+iT(++rT+nT,36)}});var Ji=c((_B,cc)=>{var oT=Ee(),aT=Qi(),oc=mt(),sT=Zi(),ac=Xi(),uc=ji(),Wt=aT("wks"),Rt=oT.Symbol,sc=Rt&&Rt.for,uT=uc?Rt:Rt&&Rt.withoutSetter||sT;cc.exports=function(e){if(!oc(Wt,e)||!(ac||typeof Wt[e]=="string")){var t="Symbol."+e;ac&&oc(Rt,e)?Wt[e]=Rt[e]:uc&&sc?Wt[e]=sc(t):Wt[e]=uT(t)}return Wt[e]}});var pc=c((bB,dc)=>{var cT=Ee(),lT=pn(),lc=Ht(),fc=zi(),fT=Wu(),dT=ju(),pT=Ji(),gT=cT.TypeError,vT=pT("toPrimitive");dc.exports=function(e,t){if(!lc(e)||fc(e))return e;var r=fT(e,vT),n;if(r){if(t===void 0&&(t="default"),n=lT(r,e,t),!lc(n)||fc(n))return n;throw gT("Can't convert object to primitive value")}return t===void 0&&(t="number"),dT(e,t)}});var eo=c((TB,gc)=>{var hT=pc(),ET=zi();gc.exports=function(e){var t=hT(e,"string");return ET(t)?t:t+""}});var ro=c((IB,hc)=>{var yT=Ee(),vc=Ht(),to=yT.document,mT=vc(to)&&vc(to.createElement);hc.exports=function(e){return mT?to.createElement(e):{}}});var no=c((OB,Ec)=>{var _T=Ct(),bT=Bt(),TT=ro();Ec.exports=!_T&&!bT(function(){return Object.defineProperty(TT("div"),"a",{get:function(){return 7}}).a!=7})});var io=c(mc=>{var IT=Ct(),OT=pn(),AT=lu(),wT=Gi(),ST=Tr(),xT=eo(),CT=mt(),RT=no(),yc=Object.getOwnPropertyDescriptor;mc.f=IT?yc:function(t,r){if(t=ST(t),r=xT(r),RT)try{return yc(t,r)}catch{}if(CT(t,r))return wT(!OT(AT.f,t,r),t[r])}});var Or=c((wB,bc)=>{var _c=Ee(),NT=Ht(),LT=_c.String,PT=_c.TypeError;bc.exports=function(e){if(NT(e))return e;throw PT(LT(e)+" is not an object")}});var Ar=c(Oc=>{var qT=Ee(),MT=Ct(),FT=no(),Tc=Or(),DT=eo(),GT=qT.TypeError,Ic=Object.defineProperty;Oc.f=MT?Ic:function(t,r,n){if(Tc(t),r=DT(r),Tc(n),FT)try{return Ic(t,r,n)}catch{}if("get"in n||"set"in n)throw GT("Accessors not supported");return"value"in n&&(t[r]=n.value),t}});var En=c((xB,Ac)=>{var UT=Ct(),VT=Ar(),kT=Gi();Ac.exports=UT?function(e,t,r){return VT.f(e,t,kT(1,r))}:function(e,t,r){return e[t]=r,e}});var ao=c((CB,wc)=>{var BT=ze(),HT=it(),oo=hn(),WT=BT(Function.toString);HT(oo.inspectSource)||(oo.inspectSource=function(e){return WT(e)});wc.exports=oo.inspectSource});var Cc=c((RB,xc)=>{var XT=Ee(),jT=it(),zT=ao(),Sc=XT.WeakMap;xc.exports=jT(Sc)&&/native code/.test(zT(Sc))});var so=c((NB,Nc)=>{var KT=Qi(),YT=Zi(),Rc=KT("keys");Nc.exports=function(e){return Rc[e]||(Rc[e]=YT(e))}});var yn=c((LB,Lc)=>{Lc.exports={}});var Gc=c((PB,Dc)=>{var $T=Cc(),Fc=Ee(),uo=ze(),QT=Ht(),ZT=En(),co=mt(),lo=hn(),JT=so(),eI=yn(),Pc="Object already initialized",po=Fc.TypeError,tI=Fc.WeakMap,mn,wr,_n,rI=function(e){return _n(e)?wr(e):mn(e,{})},nI=function(e){return function(t){var r;if(!QT(t)||(r=wr(t)).type!==e)throw po("Incompatible receiver, "+e+" required");return r}};$T||lo.state?(_t=lo.state||(lo.state=new tI),qc=uo(_t.get),fo=uo(_t.has),Mc=uo(_t.set),mn=function(e,t){if(fo(_t,e))throw new po(Pc);return t.facade=e,Mc(_t,e,t),t},wr=function(e){return qc(_t,e)||{}},_n=function(e){return fo(_t,e)}):(Nt=JT("state"),eI[Nt]=!0,mn=function(e,t){if(co(e,Nt))throw new po(Pc);return t.facade=e,ZT(e,Nt,t),t},wr=function(e){return co(e,Nt)?e[Nt]:{}},_n=function(e){return co(e,Nt)});var _t,qc,fo,Mc,Nt;Dc.exports={set:mn,get:wr,has:_n,enforce:rI,getterFor:nI}});var kc=c((qB,Vc)=>{var go=Ct(),iI=mt(),Uc=Function.prototype,oI=go&&Object.getOwnPropertyDescriptor,vo=iI(Uc,"name"),aI=vo&&function(){}.name==="something",sI=vo&&(!go||go&&oI(Uc,"name").configurable);Vc.exports={EXISTS:vo,PROPER:aI,CONFIGURABLE:sI}});var jc=c((MB,Xc)=>{var uI=Ee(),Bc=it(),cI=mt(),Hc=En(),lI=vn(),fI=ao(),Wc=Gc(),dI=kc().CONFIGURABLE,pI=Wc.get,gI=Wc.enforce,vI=String(String).split("String");(Xc.exports=function(e,t,r,n){var i=n?!!n.unsafe:!1,o=n?!!n.enumerable:!1,a=n?!!n.noTargetGet:!1,s=n&&n.name!==void 0?n.name:t,u;if(Bc(r)&&(String(s).slice(0,7)==="Symbol("&&(s="["+String(s).replace(/^Symbol\(([^)]*)\)/,"$1")+"]"),(!cI(r,"name")||dI&&r.name!==s)&&Hc(r,"name",s),u=gI(r),u.source||(u.source=vI.join(typeof s=="string"?s:""))),e===uI){o?e[t]=r:lI(t,r);return}else i?!a&&e[t]&&(o=!0):delete e[t];o?e[t]=r:Hc(e,t,r)})(Function.prototype,"toString",function(){return Bc(this)&&pI(this).source||fI(this)})});var ho=c((FB,zc)=>{var hI=Math.ceil,EI=Math.floor;zc.exports=function(e){var t=+e;return t!==t||t===0?0:(t>0?EI:hI)(t)}});var Yc=c((DB,Kc)=>{var yI=ho(),mI=Math.max,_I=Math.min;Kc.exports=function(e,t){var r=yI(e);return r<0?mI(r+t,0):_I(r,t)}});var Qc=c((GB,$c)=>{var bI=ho(),TI=Math.min;$c.exports=function(e){return e>0?TI(bI(e),9007199254740991):0}});var Jc=c((UB,Zc)=>{var II=Qc();Zc.exports=function(e){return II(e.length)}});var Eo=c((VB,tl)=>{var OI=Tr(),AI=Yc(),wI=Jc(),el=function(e){return function(t,r,n){var i=OI(t),o=wI(i),a=AI(n,o),s;if(e&&r!=r){for(;o>a;)if(s=i[a++],s!=s)return!0}else for(;o>a;a++)if((e||a in i)&&i[a]===r)return e||a||0;return!e&&-1}};tl.exports={includes:el(!0),indexOf:el(!1)}});var mo=c((kB,nl)=>{var SI=ze(),yo=mt(),xI=Tr(),CI=Eo().indexOf,RI=yn(),rl=SI([].push);nl.exports=function(e,t){var r=xI(e),n=0,i=[],o;for(o in r)!yo(RI,o)&&yo(r,o)&&rl(i,o);for(;t.length>n;)yo(r,o=t[n++])&&(~CI(i,o)||rl(i,o));return i}});var bn=c((BB,il)=>{il.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]});var al=c(ol=>{var NI=mo(),LI=bn(),PI=LI.concat("length","prototype");ol.f=Object.getOwnPropertyNames||function(t){return NI(t,PI)}});var ul=c(sl=>{sl.f=Object.getOwnPropertySymbols});var ll=c((XB,cl)=>{var qI=Ir(),MI=ze(),FI=al(),DI=ul(),GI=Or(),UI=MI([].concat);cl.exports=qI("Reflect","ownKeys")||function(t){var r=FI.f(GI(t)),n=DI.f;return n?UI(r,n(t)):r}});var dl=c((jB,fl)=>{var VI=mt(),kI=ll(),BI=io(),HI=Ar();fl.exports=function(e,t){for(var r=kI(t),n=HI.f,i=BI.f,o=0;o{var WI=Bt(),XI=it(),jI=/#|\.prototype\./,Sr=function(e,t){var r=KI[zI(e)];return r==$I?!0:r==YI?!1:XI(t)?WI(t):!!t},zI=Sr.normalize=function(e){return String(e).replace(jI,".").toLowerCase()},KI=Sr.data={},YI=Sr.NATIVE="N",$I=Sr.POLYFILL="P";pl.exports=Sr});var hl=c((KB,vl)=>{var _o=Ee(),QI=io().f,ZI=En(),JI=jc(),eO=vn(),tO=dl(),rO=gl();vl.exports=function(e,t){var r=e.target,n=e.global,i=e.stat,o,a,s,u,f,h;if(n?a=_o:i?a=_o[r]||eO(r,{}):a=(_o[r]||{}).prototype,a)for(s in t){if(f=t[s],e.noTargetGet?(h=QI(a,s),u=h&&h.value):u=a[s],o=rO(n?s:r+(i?".":"#")+s,e.forced),!o&&u!==void 0){if(typeof f==typeof u)continue;tO(f,u)}(e.sham||u&&u.sham)&&ZI(f,"sham",!0),JI(a,s,f,e)}}});var yl=c((YB,El)=>{var nO=mo(),iO=bn();El.exports=Object.keys||function(t){return nO(t,iO)}});var _l=c(($B,ml)=>{var oO=Ct(),aO=Ar(),sO=Or(),uO=Tr(),cO=yl();ml.exports=oO?Object.defineProperties:function(t,r){sO(t);for(var n=uO(r),i=cO(r),o=i.length,a=0,s;o>a;)aO.f(t,s=i[a++],n[s]);return t}});var Tl=c((QB,bl)=>{var lO=Ir();bl.exports=lO("document","documentElement")});var Rl=c((ZB,Cl)=>{var fO=Or(),dO=_l(),Il=bn(),pO=yn(),gO=Tl(),vO=ro(),hO=so(),Ol=">",Al="<",To="prototype",Io="script",Sl=hO("IE_PROTO"),bo=function(){},xl=function(e){return Al+Io+Ol+e+Al+"/"+Io+Ol},wl=function(e){e.write(xl("")),e.close();var t=e.parentWindow.Object;return e=null,t},EO=function(){var e=vO("iframe"),t="java"+Io+":",r;return e.style.display="none",gO.appendChild(e),e.src=String(t),r=e.contentWindow.document,r.open(),r.write(xl("document.F=Object")),r.close(),r.F},Tn,In=function(){try{Tn=new ActiveXObject("htmlfile")}catch{}In=typeof document<"u"?document.domain&&Tn?wl(Tn):EO():wl(Tn);for(var e=Il.length;e--;)delete In[To][Il[e]];return In()};pO[Sl]=!0;Cl.exports=Object.create||function(t,r){var n;return t!==null?(bo[To]=fO(t),n=new bo,bo[To]=null,n[Sl]=t):n=In(),r===void 0?n:dO(n,r)}});var Ll=c((JB,Nl)=>{var yO=Ji(),mO=Rl(),_O=Ar(),Oo=yO("unscopables"),Ao=Array.prototype;Ao[Oo]==null&&_O.f(Ao,Oo,{configurable:!0,value:mO(null)});Nl.exports=function(e){Ao[Oo][e]=!0}});var Pl=c(()=>{"use strict";var bO=hl(),TO=Eo().includes,IO=Ll();bO({target:"Array",proto:!0},{includes:function(t){return TO(this,t,arguments.length>1?arguments[1]:void 0)}});IO("includes")});var Ml=c((r5,ql)=>{var OO=Ee(),AO=ze();ql.exports=function(e,t){return AO(OO[e].prototype[t])}});var Dl=c((n5,Fl)=>{Pl();var wO=Ml();Fl.exports=wO("Array","includes")});var Ul=c((i5,Gl)=>{var SO=Dl();Gl.exports=SO});var kl=c((o5,Vl)=>{var xO=Ul();Vl.exports=xO});var wo=c((a5,Bl)=>{var CO=typeof global=="object"&&global&&global.Object===Object&&global;Bl.exports=CO});var Ye=c((s5,Hl)=>{var RO=wo(),NO=typeof self=="object"&&self&&self.Object===Object&&self,LO=RO||NO||Function("return this")();Hl.exports=LO});var Xt=c((u5,Wl)=>{var PO=Ye(),qO=PO.Symbol;Wl.exports=qO});var Kl=c((c5,zl)=>{var Xl=Xt(),jl=Object.prototype,MO=jl.hasOwnProperty,FO=jl.toString,xr=Xl?Xl.toStringTag:void 0;function DO(e){var t=MO.call(e,xr),r=e[xr];try{e[xr]=void 0;var n=!0}catch{}var i=FO.call(e);return n&&(t?e[xr]=r:delete e[xr]),i}zl.exports=DO});var $l=c((l5,Yl)=>{var GO=Object.prototype,UO=GO.toString;function VO(e){return UO.call(e)}Yl.exports=VO});var bt=c((f5,Jl)=>{var Ql=Xt(),kO=Kl(),BO=$l(),HO="[object Null]",WO="[object Undefined]",Zl=Ql?Ql.toStringTag:void 0;function XO(e){return e==null?e===void 0?WO:HO:Zl&&Zl in Object(e)?kO(e):BO(e)}Jl.exports=XO});var So=c((d5,ef)=>{function jO(e,t){return function(r){return e(t(r))}}ef.exports=jO});var xo=c((p5,tf)=>{var zO=So(),KO=zO(Object.getPrototypeOf,Object);tf.exports=KO});var dt=c((g5,rf)=>{function YO(e){return e!=null&&typeof e=="object"}rf.exports=YO});var Co=c((v5,of)=>{var $O=bt(),QO=xo(),ZO=dt(),JO="[object Object]",e0=Function.prototype,t0=Object.prototype,nf=e0.toString,r0=t0.hasOwnProperty,n0=nf.call(Object);function i0(e){if(!ZO(e)||$O(e)!=JO)return!1;var t=QO(e);if(t===null)return!0;var r=r0.call(t,"constructor")&&t.constructor;return typeof r=="function"&&r instanceof r&&nf.call(r)==n0}of.exports=i0});var af=c(Ro=>{"use strict";Object.defineProperty(Ro,"__esModule",{value:!0});Ro.default=o0;function o0(e){var t,r=e.Symbol;return typeof r=="function"?r.observable?t=r.observable:(t=r("observable"),r.observable=t):t="@@observable",t}});var sf=c((Lo,No)=>{"use strict";Object.defineProperty(Lo,"__esModule",{value:!0});var a0=af(),s0=u0(a0);function u0(e){return e&&e.__esModule?e:{default:e}}var jt;typeof self<"u"?jt=self:typeof window<"u"?jt=window:typeof global<"u"?jt=global:typeof No<"u"?jt=No:jt=Function("return this")();var c0=(0,s0.default)(jt);Lo.default=c0});var Po=c(Cr=>{"use strict";Cr.__esModule=!0;Cr.ActionTypes=void 0;Cr.default=ff;var l0=Co(),f0=lf(l0),d0=sf(),uf=lf(d0);function lf(e){return e&&e.__esModule?e:{default:e}}var cf=Cr.ActionTypes={INIT:"@@redux/INIT"};function ff(e,t,r){var n;if(typeof t=="function"&&typeof r>"u"&&(r=t,t=void 0),typeof r<"u"){if(typeof r!="function")throw new Error("Expected the enhancer to be a function.");return r(ff)(e,t)}if(typeof e!="function")throw new Error("Expected the reducer to be a function.");var i=e,o=t,a=[],s=a,u=!1;function f(){s===a&&(s=a.slice())}function h(){return o}function v(T){if(typeof T!="function")throw new Error("Expected listener to be a function.");var S=!0;return f(),s.push(T),function(){if(S){S=!1,f();var R=s.indexOf(T);s.splice(R,1)}}}function d(T){if(!(0,f0.default)(T))throw new Error("Actions must be plain objects. Use custom middleware for async actions.");if(typeof T.type>"u")throw new Error('Actions may not have an undefined "type" property. Have you misspelled a constant?');if(u)throw new Error("Reducers may not dispatch actions.");try{u=!0,o=i(o,T)}finally{u=!1}for(var S=a=s,m=0;m{"use strict";qo.__esModule=!0;qo.default=p0;function p0(e){typeof console<"u"&&typeof console.error=="function"&&console.error(e);try{throw new Error(e)}catch{}}});var gf=c(Fo=>{"use strict";Fo.__esModule=!0;Fo.default=y0;var df=Po(),g0=Co(),m5=pf(g0),v0=Mo(),_5=pf(v0);function pf(e){return e&&e.__esModule?e:{default:e}}function h0(e,t){var r=t&&t.type,n=r&&'"'+r.toString()+'"'||"an action";return"Given action "+n+', reducer "'+e+'" returned undefined. To ignore an action, you must explicitly return the previous state.'}function E0(e){Object.keys(e).forEach(function(t){var r=e[t],n=r(void 0,{type:df.ActionTypes.INIT});if(typeof n>"u")throw new Error('Reducer "'+t+'" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly return the initial state. The initial state may not be undefined.');var i="@@redux/PROBE_UNKNOWN_ACTION_"+Math.random().toString(36).substring(7).split("").join(".");if(typeof r(void 0,{type:i})>"u")throw new Error('Reducer "'+t+'" returned undefined when probed with a random type. '+("Don't try to handle "+df.ActionTypes.INIT+' or other actions in "redux/*" ')+"namespace. They are considered private. Instead, you must return the current state for any unknown actions, unless it is undefined, in which case you must return the initial state, regardless of the action type. The initial state may not be undefined.")})}function y0(e){for(var t=Object.keys(e),r={},n=0;n"u"){var x=h0(T,h);throw new Error(x)}y[T]=R,d=d||R!==m}return d?y:f}}});var hf=c(Do=>{"use strict";Do.__esModule=!0;Do.default=m0;function vf(e,t){return function(){return t(e.apply(void 0,arguments))}}function m0(e,t){if(typeof e=="function")return vf(e,t);if(typeof e!="object"||e===null)throw new Error("bindActionCreators expected an object or a function, instead received "+(e===null?"null":typeof e)+'. Did you write "import ActionCreators from" instead of "import * as ActionCreators from"?');for(var r=Object.keys(e),n={},i=0;i{"use strict";Go.__esModule=!0;Go.default=_0;function _0(){for(var e=arguments.length,t=Array(e),r=0;r{"use strict";Vo.__esModule=!0;var b0=Object.assign||function(e){for(var t=1;t{"use strict";ke.__esModule=!0;ke.compose=ke.applyMiddleware=ke.bindActionCreators=ke.combineReducers=ke.createStore=void 0;var w0=Po(),S0=zt(w0),x0=gf(),C0=zt(x0),R0=hf(),N0=zt(R0),L0=Ef(),P0=zt(L0),q0=Uo(),M0=zt(q0),F0=Mo(),A5=zt(F0);function zt(e){return e&&e.__esModule?e:{default:e}}ke.createStore=S0.default;ke.combineReducers=C0.default;ke.bindActionCreators=N0.default;ke.applyMiddleware=P0.default;ke.compose=M0.default});var $e,Bo,ot,D0,G0,On,U0,Ho=he(()=>{"use strict";$e={NAVBAR_OPEN:"NAVBAR_OPEN",NAVBAR_CLOSE:"NAVBAR_CLOSE",TAB_ACTIVE:"TAB_ACTIVE",TAB_INACTIVE:"TAB_INACTIVE",SLIDER_ACTIVE:"SLIDER_ACTIVE",SLIDER_INACTIVE:"SLIDER_INACTIVE",DROPDOWN_OPEN:"DROPDOWN_OPEN",DROPDOWN_CLOSE:"DROPDOWN_CLOSE",MOUSE_CLICK:"MOUSE_CLICK",MOUSE_SECOND_CLICK:"MOUSE_SECOND_CLICK",MOUSE_DOWN:"MOUSE_DOWN",MOUSE_UP:"MOUSE_UP",MOUSE_OVER:"MOUSE_OVER",MOUSE_OUT:"MOUSE_OUT",MOUSE_MOVE:"MOUSE_MOVE",MOUSE_MOVE_IN_VIEWPORT:"MOUSE_MOVE_IN_VIEWPORT",SCROLL_INTO_VIEW:"SCROLL_INTO_VIEW",SCROLL_OUT_OF_VIEW:"SCROLL_OUT_OF_VIEW",SCROLLING_IN_VIEW:"SCROLLING_IN_VIEW",ECOMMERCE_CART_OPEN:"ECOMMERCE_CART_OPEN",ECOMMERCE_CART_CLOSE:"ECOMMERCE_CART_CLOSE",PAGE_START:"PAGE_START",PAGE_FINISH:"PAGE_FINISH",PAGE_SCROLL_UP:"PAGE_SCROLL_UP",PAGE_SCROLL_DOWN:"PAGE_SCROLL_DOWN",PAGE_SCROLL:"PAGE_SCROLL"},Bo={ELEMENT:"ELEMENT",CLASS:"CLASS",PAGE:"PAGE"},ot={ELEMENT:"ELEMENT",VIEWPORT:"VIEWPORT"},D0={X_AXIS:"X_AXIS",Y_AXIS:"Y_AXIS"},G0={CHILDREN:"CHILDREN",SIBLINGS:"SIBLINGS",IMMEDIATE_CHILDREN:"IMMEDIATE_CHILDREN"},On={FADE_EFFECT:"FADE_EFFECT",SLIDE_EFFECT:"SLIDE_EFFECT",GROW_EFFECT:"GROW_EFFECT",SHRINK_EFFECT:"SHRINK_EFFECT",SPIN_EFFECT:"SPIN_EFFECT",FLY_EFFECT:"FLY_EFFECT",POP_EFFECT:"POP_EFFECT",FLIP_EFFECT:"FLIP_EFFECT",JIGGLE_EFFECT:"JIGGLE_EFFECT",PULSE_EFFECT:"PULSE_EFFECT",DROP_EFFECT:"DROP_EFFECT",BLINK_EFFECT:"BLINK_EFFECT",BOUNCE_EFFECT:"BOUNCE_EFFECT",FLIP_LEFT_TO_RIGHT_EFFECT:"FLIP_LEFT_TO_RIGHT_EFFECT",FLIP_RIGHT_TO_LEFT_EFFECT:"FLIP_RIGHT_TO_LEFT_EFFECT",RUBBER_BAND_EFFECT:"RUBBER_BAND_EFFECT",JELLO_EFFECT:"JELLO_EFFECT",GROW_BIG_EFFECT:"GROW_BIG_EFFECT",SHRINK_BIG_EFFECT:"SHRINK_BIG_EFFECT",PLUGIN_LOTTIE_EFFECT:"PLUGIN_LOTTIE_EFFECT"},U0={LEFT:"LEFT",RIGHT:"RIGHT",BOTTOM:"BOTTOM",TOP:"TOP",BOTTOM_LEFT:"BOTTOM_LEFT",BOTTOM_RIGHT:"BOTTOM_RIGHT",TOP_RIGHT:"TOP_RIGHT",TOP_LEFT:"TOP_LEFT",CLOCKWISE:"CLOCKWISE",COUNTER_CLOCKWISE:"COUNTER_CLOCKWISE"}});var De,V0,An=he(()=>{"use strict";De={TRANSFORM_MOVE:"TRANSFORM_MOVE",TRANSFORM_SCALE:"TRANSFORM_SCALE",TRANSFORM_ROTATE:"TRANSFORM_ROTATE",TRANSFORM_SKEW:"TRANSFORM_SKEW",STYLE_OPACITY:"STYLE_OPACITY",STYLE_SIZE:"STYLE_SIZE",STYLE_FILTER:"STYLE_FILTER",STYLE_FONT_VARIATION:"STYLE_FONT_VARIATION",STYLE_BACKGROUND_COLOR:"STYLE_BACKGROUND_COLOR",STYLE_BORDER:"STYLE_BORDER",STYLE_TEXT_COLOR:"STYLE_TEXT_COLOR",OBJECT_VALUE:"OBJECT_VALUE",PLUGIN_LOTTIE:"PLUGIN_LOTTIE",PLUGIN_SPLINE:"PLUGIN_SPLINE",PLUGIN_VARIABLE:"PLUGIN_VARIABLE",GENERAL_DISPLAY:"GENERAL_DISPLAY",GENERAL_START_ACTION:"GENERAL_START_ACTION",GENERAL_CONTINUOUS_ACTION:"GENERAL_CONTINUOUS_ACTION",GENERAL_COMBO_CLASS:"GENERAL_COMBO_CLASS",GENERAL_STOP_ACTION:"GENERAL_STOP_ACTION",GENERAL_LOOP:"GENERAL_LOOP",STYLE_BOX_SHADOW:"STYLE_BOX_SHADOW"},V0={ELEMENT:"ELEMENT",ELEMENT_CLASS:"ELEMENT_CLASS",TRIGGER_ELEMENT:"TRIGGER_ELEMENT"}});var k0,yf=he(()=>{"use strict";k0={MOUSE_CLICK_INTERACTION:"MOUSE_CLICK_INTERACTION",MOUSE_HOVER_INTERACTION:"MOUSE_HOVER_INTERACTION",MOUSE_MOVE_INTERACTION:"MOUSE_MOVE_INTERACTION",SCROLL_INTO_VIEW_INTERACTION:"SCROLL_INTO_VIEW_INTERACTION",SCROLLING_IN_VIEW_INTERACTION:"SCROLLING_IN_VIEW_INTERACTION",MOUSE_MOVE_IN_VIEWPORT_INTERACTION:"MOUSE_MOVE_IN_VIEWPORT_INTERACTION",PAGE_IS_SCROLLING_INTERACTION:"PAGE_IS_SCROLLING_INTERACTION",PAGE_LOAD_INTERACTION:"PAGE_LOAD_INTERACTION",PAGE_SCROLLED_INTERACTION:"PAGE_SCROLLED_INTERACTION",NAVBAR_INTERACTION:"NAVBAR_INTERACTION",DROPDOWN_INTERACTION:"DROPDOWN_INTERACTION",ECOMMERCE_CART_INTERACTION:"ECOMMERCE_CART_INTERACTION",TAB_INTERACTION:"TAB_INTERACTION",SLIDER_INTERACTION:"SLIDER_INTERACTION"}});var B0,H0,W0,X0,j0,z0,K0,Wo,mf=he(()=>{"use strict";An();({TRANSFORM_MOVE:B0,TRANSFORM_SCALE:H0,TRANSFORM_ROTATE:W0,TRANSFORM_SKEW:X0,STYLE_SIZE:j0,STYLE_FILTER:z0,STYLE_FONT_VARIATION:K0}=De),Wo={[B0]:!0,[H0]:!0,[W0]:!0,[X0]:!0,[j0]:!0,[z0]:!0,[K0]:!0}});var Ie={};Fe(Ie,{IX2_ACTION_LIST_PLAYBACK_CHANGED:()=>fA,IX2_ANIMATION_FRAME_CHANGED:()=>oA,IX2_CLEAR_REQUESTED:()=>rA,IX2_ELEMENT_STATE_CHANGED:()=>lA,IX2_EVENT_LISTENER_ADDED:()=>nA,IX2_EVENT_STATE_CHANGED:()=>iA,IX2_INSTANCE_ADDED:()=>sA,IX2_INSTANCE_REMOVED:()=>cA,IX2_INSTANCE_STARTED:()=>uA,IX2_MEDIA_QUERIES_DEFINED:()=>pA,IX2_PARAMETER_CHANGED:()=>aA,IX2_PLAYBACK_REQUESTED:()=>eA,IX2_PREVIEW_REQUESTED:()=>J0,IX2_RAW_DATA_IMPORTED:()=>Y0,IX2_SESSION_INITIALIZED:()=>$0,IX2_SESSION_STARTED:()=>Q0,IX2_SESSION_STOPPED:()=>Z0,IX2_STOP_REQUESTED:()=>tA,IX2_TEST_FRAME_RENDERED:()=>gA,IX2_VIEWPORT_WIDTH_CHANGED:()=>dA});var Y0,$0,Q0,Z0,J0,eA,tA,rA,nA,iA,oA,aA,sA,uA,cA,lA,fA,dA,pA,gA,_f=he(()=>{"use strict";Y0="IX2_RAW_DATA_IMPORTED",$0="IX2_SESSION_INITIALIZED",Q0="IX2_SESSION_STARTED",Z0="IX2_SESSION_STOPPED",J0="IX2_PREVIEW_REQUESTED",eA="IX2_PLAYBACK_REQUESTED",tA="IX2_STOP_REQUESTED",rA="IX2_CLEAR_REQUESTED",nA="IX2_EVENT_LISTENER_ADDED",iA="IX2_EVENT_STATE_CHANGED",oA="IX2_ANIMATION_FRAME_CHANGED",aA="IX2_PARAMETER_CHANGED",sA="IX2_INSTANCE_ADDED",uA="IX2_INSTANCE_STARTED",cA="IX2_INSTANCE_REMOVED",lA="IX2_ELEMENT_STATE_CHANGED",fA="IX2_ACTION_LIST_PLAYBACK_CHANGED",dA="IX2_VIEWPORT_WIDTH_CHANGED",pA="IX2_MEDIA_QUERIES_DEFINED",gA="IX2_TEST_FRAME_RENDERED"});var Ce={};Fe(Ce,{ABSTRACT_NODE:()=>dw,AUTO:()=>tw,BACKGROUND:()=>YA,BACKGROUND_COLOR:()=>KA,BAR_DELIMITER:()=>iw,BORDER_COLOR:()=>$A,BOUNDARY_SELECTOR:()=>mA,CHILDREN:()=>ow,COLON_DELIMITER:()=>nw,COLOR:()=>QA,COMMA_DELIMITER:()=>rw,CONFIG_UNIT:()=>SA,CONFIG_VALUE:()=>IA,CONFIG_X_UNIT:()=>OA,CONFIG_X_VALUE:()=>_A,CONFIG_Y_UNIT:()=>AA,CONFIG_Y_VALUE:()=>bA,CONFIG_Z_UNIT:()=>wA,CONFIG_Z_VALUE:()=>TA,DISPLAY:()=>ZA,FILTER:()=>WA,FLEX:()=>JA,FONT_VARIATION_SETTINGS:()=>XA,HEIGHT:()=>zA,HTML_ELEMENT:()=>lw,IMMEDIATE_CHILDREN:()=>aw,IX2_ID_DELIMITER:()=>vA,OPACITY:()=>HA,PARENT:()=>uw,PLAIN_OBJECT:()=>fw,PRESERVE_3D:()=>cw,RENDER_GENERAL:()=>gw,RENDER_PLUGIN:()=>hw,RENDER_STYLE:()=>vw,RENDER_TRANSFORM:()=>pw,ROTATE_X:()=>DA,ROTATE_Y:()=>GA,ROTATE_Z:()=>UA,SCALE_3D:()=>FA,SCALE_X:()=>PA,SCALE_Y:()=>qA,SCALE_Z:()=>MA,SIBLINGS:()=>sw,SKEW:()=>VA,SKEW_X:()=>kA,SKEW_Y:()=>BA,TRANSFORM:()=>xA,TRANSLATE_3D:()=>LA,TRANSLATE_X:()=>CA,TRANSLATE_Y:()=>RA,TRANSLATE_Z:()=>NA,WF_PAGE:()=>hA,WIDTH:()=>jA,WILL_CHANGE:()=>ew,W_MOD_IX:()=>yA,W_MOD_JS:()=>EA});var vA,hA,EA,yA,mA,_A,bA,TA,IA,OA,AA,wA,SA,xA,CA,RA,NA,LA,PA,qA,MA,FA,DA,GA,UA,VA,kA,BA,HA,WA,XA,jA,zA,KA,YA,$A,QA,ZA,JA,ew,tw,rw,nw,iw,ow,aw,sw,uw,cw,lw,fw,dw,pw,gw,vw,hw,bf=he(()=>{"use strict";vA="|",hA="data-wf-page",EA="w-mod-js",yA="w-mod-ix",mA=".w-dyn-item",_A="xValue",bA="yValue",TA="zValue",IA="value",OA="xUnit",AA="yUnit",wA="zUnit",SA="unit",xA="transform",CA="translateX",RA="translateY",NA="translateZ",LA="translate3d",PA="scaleX",qA="scaleY",MA="scaleZ",FA="scale3d",DA="rotateX",GA="rotateY",UA="rotateZ",VA="skew",kA="skewX",BA="skewY",HA="opacity",WA="filter",XA="font-variation-settings",jA="width",zA="height",KA="backgroundColor",YA="background",$A="borderColor",QA="color",ZA="display",JA="flex",ew="willChange",tw="AUTO",rw=",",nw=":",iw="|",ow="CHILDREN",aw="IMMEDIATE_CHILDREN",sw="SIBLINGS",uw="PARENT",cw="preserve-3d",lw="HTML_ELEMENT",fw="PLAIN_OBJECT",dw="ABSTRACT_NODE",pw="RENDER_TRANSFORM",gw="RENDER_GENERAL",vw="RENDER_STYLE",hw="RENDER_PLUGIN"});var Tf={};Fe(Tf,{ActionAppliesTo:()=>V0,ActionTypeConsts:()=>De,EventAppliesTo:()=>Bo,EventBasedOn:()=>ot,EventContinuousMouseAxes:()=>D0,EventLimitAffectedElements:()=>G0,EventTypeConsts:()=>$e,IX2EngineActionTypes:()=>Ie,IX2EngineConstants:()=>Ce,InteractionTypeConsts:()=>k0,QuickEffectDirectionConsts:()=>U0,QuickEffectIds:()=>On,ReducedMotionTypes:()=>Wo});var Ge=he(()=>{"use strict";Ho();An();yf();mf();_f();bf();An();Ho()});var Ew,If,Of=he(()=>{"use strict";Ge();({IX2_RAW_DATA_IMPORTED:Ew}=Ie),If=(e=Object.freeze({}),t)=>{switch(t.type){case Ew:return t.payload.ixData||Object.freeze({});default:return e}}});var Kt=c(me=>{"use strict";Object.defineProperty(me,"__esModule",{value:!0});var yw=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};me.clone=Sn;me.addLast=Sf;me.addFirst=xf;me.removeLast=Cf;me.removeFirst=Rf;me.insert=Nf;me.removeAt=Lf;me.replaceAt=Pf;me.getIn=xn;me.set=Cn;me.setIn=Rn;me.update=Mf;me.updateIn=Ff;me.merge=Df;me.mergeDeep=Gf;me.mergeIn=Uf;me.omit=Vf;me.addDefaults=kf;var Af="INVALID_ARGS";function wf(e){throw new Error(e)}function Xo(e){var t=Object.keys(e);return Object.getOwnPropertySymbols?t.concat(Object.getOwnPropertySymbols(e)):t}var mw={}.hasOwnProperty;function Sn(e){if(Array.isArray(e))return e.slice();for(var t=Xo(e),r={},n=0;n3?o-3:0),s=3;s"u"?"undefined":yw(e);return e!=null&&(t==="object"||t==="function")}function Sf(e,t){return Array.isArray(t)?e.concat(t):e.concat([t])}function xf(e,t){return Array.isArray(t)?t.concat(e):[t].concat(e)}function Cf(e){return e.length?e.slice(0,e.length-1):e}function Rf(e){return e.length?e.slice(1):e}function Nf(e,t,r){return e.slice(0,t).concat(Array.isArray(r)?r:[r]).concat(e.slice(t))}function Lf(e,t){return t>=e.length||t<0?e:e.slice(0,t).concat(e.slice(t+1))}function Pf(e,t,r){if(e[t]===r)return e;for(var n=e.length,i=Array(n),o=0;o6?a-6:0),u=6;u6?a-6:0),u=6;u7?f-7:0),v=7;v=0||(o[u]=e[u])}return o}function kf(e,t,r,n,i,o){for(var a=arguments.length,s=Array(a>6?a-6:0),u=6;u{"use strict";Ge();Hf=le(Kt()),{IX2_PREVIEW_REQUESTED:bw,IX2_PLAYBACK_REQUESTED:Tw,IX2_STOP_REQUESTED:Iw,IX2_CLEAR_REQUESTED:Ow}=Ie,Aw={preview:{},playback:{},stop:{},clear:{}},Bf=Object.create(null,{[bw]:{value:"preview"},[Tw]:{value:"playback"},[Iw]:{value:"stop"},[Ow]:{value:"clear"}}),Wf=(e=Aw,t)=>{if(t.type in Bf){let r=[Bf[t.type]];return(0,Hf.setIn)(e,[r],{...t.payload})}return e}});var Le,ww,Sw,xw,Cw,Rw,Nw,Lw,Pw,qw,Mw,jf,Fw,zf,Kf=he(()=>{"use strict";Ge();Le=le(Kt()),{IX2_SESSION_INITIALIZED:ww,IX2_SESSION_STARTED:Sw,IX2_TEST_FRAME_RENDERED:xw,IX2_SESSION_STOPPED:Cw,IX2_EVENT_LISTENER_ADDED:Rw,IX2_EVENT_STATE_CHANGED:Nw,IX2_ANIMATION_FRAME_CHANGED:Lw,IX2_ACTION_LIST_PLAYBACK_CHANGED:Pw,IX2_VIEWPORT_WIDTH_CHANGED:qw,IX2_MEDIA_QUERIES_DEFINED:Mw}=Ie,jf={active:!1,tick:0,eventListeners:[],eventState:{},playbackState:{},viewportWidth:0,mediaQueryKey:null,hasBoundaryNodes:!1,hasDefinedMediaQueries:!1,reducedMotion:!1},Fw=20,zf=(e=jf,t)=>{switch(t.type){case ww:{let{hasBoundaryNodes:r,reducedMotion:n}=t.payload;return(0,Le.merge)(e,{hasBoundaryNodes:r,reducedMotion:n})}case Sw:return(0,Le.set)(e,"active",!0);case xw:{let{payload:{step:r=Fw}}=t;return(0,Le.set)(e,"tick",e.tick+r)}case Cw:return jf;case Lw:{let{payload:{now:r}}=t;return(0,Le.set)(e,"tick",r)}case Rw:{let r=(0,Le.addLast)(e.eventListeners,t.payload);return(0,Le.set)(e,"eventListeners",r)}case Nw:{let{stateKey:r,newState:n}=t.payload;return(0,Le.setIn)(e,["eventState",r],n)}case Pw:{let{actionListId:r,isPlaying:n}=t.payload;return(0,Le.setIn)(e,["playbackState",r],n)}case qw:{let{width:r,mediaQueries:n}=t.payload,i=n.length,o=null;for(let a=0;a=u&&r<=f){o=s;break}}return(0,Le.merge)(e,{viewportWidth:r,mediaQueryKey:o})}case Mw:return(0,Le.set)(e,"hasDefinedMediaQueries",!0);default:return e}}});var $f=c((X5,Yf)=>{function Dw(){this.__data__=[],this.size=0}Yf.exports=Dw});var Nn=c((j5,Qf)=>{function Gw(e,t){return e===t||e!==e&&t!==t}Qf.exports=Gw});var Rr=c((z5,Zf)=>{var Uw=Nn();function Vw(e,t){for(var r=e.length;r--;)if(Uw(e[r][0],t))return r;return-1}Zf.exports=Vw});var ed=c((K5,Jf)=>{var kw=Rr(),Bw=Array.prototype,Hw=Bw.splice;function Ww(e){var t=this.__data__,r=kw(t,e);if(r<0)return!1;var n=t.length-1;return r==n?t.pop():Hw.call(t,r,1),--this.size,!0}Jf.exports=Ww});var rd=c((Y5,td)=>{var Xw=Rr();function jw(e){var t=this.__data__,r=Xw(t,e);return r<0?void 0:t[r][1]}td.exports=jw});var id=c(($5,nd)=>{var zw=Rr();function Kw(e){return zw(this.__data__,e)>-1}nd.exports=Kw});var ad=c((Q5,od)=>{var Yw=Rr();function $w(e,t){var r=this.__data__,n=Yw(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this}od.exports=$w});var Nr=c((Z5,sd)=>{var Qw=$f(),Zw=ed(),Jw=rd(),eS=id(),tS=ad();function Yt(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t{var rS=Nr();function nS(){this.__data__=new rS,this.size=0}ud.exports=nS});var fd=c((eH,ld)=>{function iS(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r}ld.exports=iS});var pd=c((tH,dd)=>{function oS(e){return this.__data__.get(e)}dd.exports=oS});var vd=c((rH,gd)=>{function aS(e){return this.__data__.has(e)}gd.exports=aS});var at=c((nH,hd)=>{function sS(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}hd.exports=sS});var jo=c((iH,Ed)=>{var uS=bt(),cS=at(),lS="[object AsyncFunction]",fS="[object Function]",dS="[object GeneratorFunction]",pS="[object Proxy]";function gS(e){if(!cS(e))return!1;var t=uS(e);return t==fS||t==dS||t==lS||t==pS}Ed.exports=gS});var md=c((oH,yd)=>{var vS=Ye(),hS=vS["__core-js_shared__"];yd.exports=hS});var Td=c((aH,bd)=>{var zo=md(),_d=function(){var e=/[^.]+$/.exec(zo&&zo.keys&&zo.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function ES(e){return!!_d&&_d in e}bd.exports=ES});var Ko=c((sH,Id)=>{var yS=Function.prototype,mS=yS.toString;function _S(e){if(e!=null){try{return mS.call(e)}catch{}try{return e+""}catch{}}return""}Id.exports=_S});var Ad=c((uH,Od)=>{var bS=jo(),TS=Td(),IS=at(),OS=Ko(),AS=/[\\^$.*+?()[\]{}|]/g,wS=/^\[object .+?Constructor\]$/,SS=Function.prototype,xS=Object.prototype,CS=SS.toString,RS=xS.hasOwnProperty,NS=RegExp("^"+CS.call(RS).replace(AS,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function LS(e){if(!IS(e)||TS(e))return!1;var t=bS(e)?NS:wS;return t.test(OS(e))}Od.exports=LS});var Sd=c((cH,wd)=>{function PS(e,t){return e?.[t]}wd.exports=PS});var Tt=c((lH,xd)=>{var qS=Ad(),MS=Sd();function FS(e,t){var r=MS(e,t);return qS(r)?r:void 0}xd.exports=FS});var Ln=c((fH,Cd)=>{var DS=Tt(),GS=Ye(),US=DS(GS,"Map");Cd.exports=US});var Lr=c((dH,Rd)=>{var VS=Tt(),kS=VS(Object,"create");Rd.exports=kS});var Pd=c((pH,Ld)=>{var Nd=Lr();function BS(){this.__data__=Nd?Nd(null):{},this.size=0}Ld.exports=BS});var Md=c((gH,qd)=>{function HS(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}qd.exports=HS});var Dd=c((vH,Fd)=>{var WS=Lr(),XS="__lodash_hash_undefined__",jS=Object.prototype,zS=jS.hasOwnProperty;function KS(e){var t=this.__data__;if(WS){var r=t[e];return r===XS?void 0:r}return zS.call(t,e)?t[e]:void 0}Fd.exports=KS});var Ud=c((hH,Gd)=>{var YS=Lr(),$S=Object.prototype,QS=$S.hasOwnProperty;function ZS(e){var t=this.__data__;return YS?t[e]!==void 0:QS.call(t,e)}Gd.exports=ZS});var kd=c((EH,Vd)=>{var JS=Lr(),ex="__lodash_hash_undefined__";function tx(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=JS&&t===void 0?ex:t,this}Vd.exports=tx});var Hd=c((yH,Bd)=>{var rx=Pd(),nx=Md(),ix=Dd(),ox=Ud(),ax=kd();function $t(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t{var Wd=Hd(),sx=Nr(),ux=Ln();function cx(){this.size=0,this.__data__={hash:new Wd,map:new(ux||sx),string:new Wd}}Xd.exports=cx});var Kd=c((_H,zd)=>{function lx(e){var t=typeof e;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?e!=="__proto__":e===null}zd.exports=lx});var Pr=c((bH,Yd)=>{var fx=Kd();function dx(e,t){var r=e.__data__;return fx(t)?r[typeof t=="string"?"string":"hash"]:r.map}Yd.exports=dx});var Qd=c((TH,$d)=>{var px=Pr();function gx(e){var t=px(this,e).delete(e);return this.size-=t?1:0,t}$d.exports=gx});var Jd=c((IH,Zd)=>{var vx=Pr();function hx(e){return vx(this,e).get(e)}Zd.exports=hx});var tp=c((OH,ep)=>{var Ex=Pr();function yx(e){return Ex(this,e).has(e)}ep.exports=yx});var np=c((AH,rp)=>{var mx=Pr();function _x(e,t){var r=mx(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this}rp.exports=_x});var Pn=c((wH,ip)=>{var bx=jd(),Tx=Qd(),Ix=Jd(),Ox=tp(),Ax=np();function Qt(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t{var wx=Nr(),Sx=Ln(),xx=Pn(),Cx=200;function Rx(e,t){var r=this.__data__;if(r instanceof wx){var n=r.__data__;if(!Sx||n.length{var Nx=Nr(),Lx=cd(),Px=fd(),qx=pd(),Mx=vd(),Fx=ap();function Zt(e){var t=this.__data__=new Nx(e);this.size=t.size}Zt.prototype.clear=Lx;Zt.prototype.delete=Px;Zt.prototype.get=qx;Zt.prototype.has=Mx;Zt.prototype.set=Fx;sp.exports=Zt});var cp=c((CH,up)=>{var Dx="__lodash_hash_undefined__";function Gx(e){return this.__data__.set(e,Dx),this}up.exports=Gx});var fp=c((RH,lp)=>{function Ux(e){return this.__data__.has(e)}lp.exports=Ux});var pp=c((NH,dp)=>{var Vx=Pn(),kx=cp(),Bx=fp();function qn(e){var t=-1,r=e==null?0:e.length;for(this.__data__=new Vx;++t{function Hx(e,t){for(var r=-1,n=e==null?0:e.length;++r{function Wx(e,t){return e.has(t)}hp.exports=Wx});var $o=c((qH,yp)=>{var Xx=pp(),jx=vp(),zx=Ep(),Kx=1,Yx=2;function $x(e,t,r,n,i,o){var a=r&Kx,s=e.length,u=t.length;if(s!=u&&!(a&&u>s))return!1;var f=o.get(e),h=o.get(t);if(f&&h)return f==t&&h==e;var v=-1,d=!0,y=r&Yx?new Xx:void 0;for(o.set(e,t),o.set(t,e);++v{var Qx=Ye(),Zx=Qx.Uint8Array;mp.exports=Zx});var Tp=c((FH,bp)=>{function Jx(e){var t=-1,r=Array(e.size);return e.forEach(function(n,i){r[++t]=[i,n]}),r}bp.exports=Jx});var Op=c((DH,Ip)=>{function eC(e){var t=-1,r=Array(e.size);return e.forEach(function(n){r[++t]=n}),r}Ip.exports=eC});var Cp=c((GH,xp)=>{var Ap=Xt(),wp=_p(),tC=Nn(),rC=$o(),nC=Tp(),iC=Op(),oC=1,aC=2,sC="[object Boolean]",uC="[object Date]",cC="[object Error]",lC="[object Map]",fC="[object Number]",dC="[object RegExp]",pC="[object Set]",gC="[object String]",vC="[object Symbol]",hC="[object ArrayBuffer]",EC="[object DataView]",Sp=Ap?Ap.prototype:void 0,Qo=Sp?Sp.valueOf:void 0;function yC(e,t,r,n,i,o,a){switch(r){case EC:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case hC:return!(e.byteLength!=t.byteLength||!o(new wp(e),new wp(t)));case sC:case uC:case fC:return tC(+e,+t);case cC:return e.name==t.name&&e.message==t.message;case dC:case gC:return e==t+"";case lC:var s=nC;case pC:var u=n&oC;if(s||(s=iC),e.size!=t.size&&!u)return!1;var f=a.get(e);if(f)return f==t;n|=aC,a.set(e,t);var h=rC(s(e),s(t),n,i,o,a);return a.delete(e),h;case vC:if(Qo)return Qo.call(e)==Qo.call(t)}return!1}xp.exports=yC});var Mn=c((UH,Rp)=>{function mC(e,t){for(var r=-1,n=t.length,i=e.length;++r{var _C=Array.isArray;Np.exports=_C});var Zo=c((kH,Lp)=>{var bC=Mn(),TC=Oe();function IC(e,t,r){var n=t(e);return TC(e)?n:bC(n,r(e))}Lp.exports=IC});var qp=c((BH,Pp)=>{function OC(e,t){for(var r=-1,n=e==null?0:e.length,i=0,o=[];++r{function AC(){return[]}Mp.exports=AC});var ea=c((WH,Dp)=>{var wC=qp(),SC=Jo(),xC=Object.prototype,CC=xC.propertyIsEnumerable,Fp=Object.getOwnPropertySymbols,RC=Fp?function(e){return e==null?[]:(e=Object(e),wC(Fp(e),function(t){return CC.call(e,t)}))}:SC;Dp.exports=RC});var Up=c((XH,Gp)=>{function NC(e,t){for(var r=-1,n=Array(e);++r{var LC=bt(),PC=dt(),qC="[object Arguments]";function MC(e){return PC(e)&&LC(e)==qC}Vp.exports=MC});var qr=c((zH,Wp)=>{var Bp=kp(),FC=dt(),Hp=Object.prototype,DC=Hp.hasOwnProperty,GC=Hp.propertyIsEnumerable,UC=Bp(function(){return arguments}())?Bp:function(e){return FC(e)&&DC.call(e,"callee")&&!GC.call(e,"callee")};Wp.exports=UC});var jp=c((KH,Xp)=>{function VC(){return!1}Xp.exports=VC});var Fn=c((Mr,Jt)=>{var kC=Ye(),BC=jp(),Yp=typeof Mr=="object"&&Mr&&!Mr.nodeType&&Mr,zp=Yp&&typeof Jt=="object"&&Jt&&!Jt.nodeType&&Jt,HC=zp&&zp.exports===Yp,Kp=HC?kC.Buffer:void 0,WC=Kp?Kp.isBuffer:void 0,XC=WC||BC;Jt.exports=XC});var Dn=c((YH,$p)=>{var jC=9007199254740991,zC=/^(?:0|[1-9]\d*)$/;function KC(e,t){var r=typeof e;return t=t??jC,!!t&&(r=="number"||r!="symbol"&&zC.test(e))&&e>-1&&e%1==0&&e{var YC=9007199254740991;function $C(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=YC}Qp.exports=$C});var Jp=c((QH,Zp)=>{var QC=bt(),ZC=Gn(),JC=dt(),eR="[object Arguments]",tR="[object Array]",rR="[object Boolean]",nR="[object Date]",iR="[object Error]",oR="[object Function]",aR="[object Map]",sR="[object Number]",uR="[object Object]",cR="[object RegExp]",lR="[object Set]",fR="[object String]",dR="[object WeakMap]",pR="[object ArrayBuffer]",gR="[object DataView]",vR="[object Float32Array]",hR="[object Float64Array]",ER="[object Int8Array]",yR="[object Int16Array]",mR="[object Int32Array]",_R="[object Uint8Array]",bR="[object Uint8ClampedArray]",TR="[object Uint16Array]",IR="[object Uint32Array]",ve={};ve[vR]=ve[hR]=ve[ER]=ve[yR]=ve[mR]=ve[_R]=ve[bR]=ve[TR]=ve[IR]=!0;ve[eR]=ve[tR]=ve[pR]=ve[rR]=ve[gR]=ve[nR]=ve[iR]=ve[oR]=ve[aR]=ve[sR]=ve[uR]=ve[cR]=ve[lR]=ve[fR]=ve[dR]=!1;function OR(e){return JC(e)&&ZC(e.length)&&!!ve[QC(e)]}Zp.exports=OR});var tg=c((ZH,eg)=>{function AR(e){return function(t){return e(t)}}eg.exports=AR});var ng=c((Fr,er)=>{var wR=wo(),rg=typeof Fr=="object"&&Fr&&!Fr.nodeType&&Fr,Dr=rg&&typeof er=="object"&&er&&!er.nodeType&&er,SR=Dr&&Dr.exports===rg,ta=SR&&wR.process,xR=function(){try{var e=Dr&&Dr.require&&Dr.require("util").types;return e||ta&&ta.binding&&ta.binding("util")}catch{}}();er.exports=xR});var Un=c((JH,ag)=>{var CR=Jp(),RR=tg(),ig=ng(),og=ig&&ig.isTypedArray,NR=og?RR(og):CR;ag.exports=NR});var ra=c((eW,sg)=>{var LR=Up(),PR=qr(),qR=Oe(),MR=Fn(),FR=Dn(),DR=Un(),GR=Object.prototype,UR=GR.hasOwnProperty;function VR(e,t){var r=qR(e),n=!r&&PR(e),i=!r&&!n&&MR(e),o=!r&&!n&&!i&&DR(e),a=r||n||i||o,s=a?LR(e.length,String):[],u=s.length;for(var f in e)(t||UR.call(e,f))&&!(a&&(f=="length"||i&&(f=="offset"||f=="parent")||o&&(f=="buffer"||f=="byteLength"||f=="byteOffset")||FR(f,u)))&&s.push(f);return s}sg.exports=VR});var Vn=c((tW,ug)=>{var kR=Object.prototype;function BR(e){var t=e&&e.constructor,r=typeof t=="function"&&t.prototype||kR;return e===r}ug.exports=BR});var lg=c((rW,cg)=>{var HR=So(),WR=HR(Object.keys,Object);cg.exports=WR});var kn=c((nW,fg)=>{var XR=Vn(),jR=lg(),zR=Object.prototype,KR=zR.hasOwnProperty;function YR(e){if(!XR(e))return jR(e);var t=[];for(var r in Object(e))KR.call(e,r)&&r!="constructor"&&t.push(r);return t}fg.exports=YR});var Lt=c((iW,dg)=>{var $R=jo(),QR=Gn();function ZR(e){return e!=null&&QR(e.length)&&!$R(e)}dg.exports=ZR});var Gr=c((oW,pg)=>{var JR=ra(),eN=kn(),tN=Lt();function rN(e){return tN(e)?JR(e):eN(e)}pg.exports=rN});var vg=c((aW,gg)=>{var nN=Zo(),iN=ea(),oN=Gr();function aN(e){return nN(e,oN,iN)}gg.exports=aN});var yg=c((sW,Eg)=>{var hg=vg(),sN=1,uN=Object.prototype,cN=uN.hasOwnProperty;function lN(e,t,r,n,i,o){var a=r&sN,s=hg(e),u=s.length,f=hg(t),h=f.length;if(u!=h&&!a)return!1;for(var v=u;v--;){var d=s[v];if(!(a?d in t:cN.call(t,d)))return!1}var y=o.get(e),w=o.get(t);if(y&&w)return y==t&&w==e;var T=!0;o.set(e,t),o.set(t,e);for(var S=a;++v{var fN=Tt(),dN=Ye(),pN=fN(dN,"DataView");mg.exports=pN});var Tg=c((cW,bg)=>{var gN=Tt(),vN=Ye(),hN=gN(vN,"Promise");bg.exports=hN});var Og=c((lW,Ig)=>{var EN=Tt(),yN=Ye(),mN=EN(yN,"Set");Ig.exports=mN});var na=c((fW,Ag)=>{var _N=Tt(),bN=Ye(),TN=_N(bN,"WeakMap");Ag.exports=TN});var Bn=c((dW,Lg)=>{var ia=_g(),oa=Ln(),aa=Tg(),sa=Og(),ua=na(),Ng=bt(),tr=Ko(),wg="[object Map]",IN="[object Object]",Sg="[object Promise]",xg="[object Set]",Cg="[object WeakMap]",Rg="[object DataView]",ON=tr(ia),AN=tr(oa),wN=tr(aa),SN=tr(sa),xN=tr(ua),Pt=Ng;(ia&&Pt(new ia(new ArrayBuffer(1)))!=Rg||oa&&Pt(new oa)!=wg||aa&&Pt(aa.resolve())!=Sg||sa&&Pt(new sa)!=xg||ua&&Pt(new ua)!=Cg)&&(Pt=function(e){var t=Ng(e),r=t==IN?e.constructor:void 0,n=r?tr(r):"";if(n)switch(n){case ON:return Rg;case AN:return wg;case wN:return Sg;case SN:return xg;case xN:return Cg}return t});Lg.exports=Pt});var Vg=c((pW,Ug)=>{var ca=Yo(),CN=$o(),RN=Cp(),NN=yg(),Pg=Bn(),qg=Oe(),Mg=Fn(),LN=Un(),PN=1,Fg="[object Arguments]",Dg="[object Array]",Hn="[object Object]",qN=Object.prototype,Gg=qN.hasOwnProperty;function MN(e,t,r,n,i,o){var a=qg(e),s=qg(t),u=a?Dg:Pg(e),f=s?Dg:Pg(t);u=u==Fg?Hn:u,f=f==Fg?Hn:f;var h=u==Hn,v=f==Hn,d=u==f;if(d&&Mg(e)){if(!Mg(t))return!1;a=!0,h=!1}if(d&&!h)return o||(o=new ca),a||LN(e)?CN(e,t,r,n,i,o):RN(e,t,u,r,n,i,o);if(!(r&PN)){var y=h&&Gg.call(e,"__wrapped__"),w=v&&Gg.call(t,"__wrapped__");if(y||w){var T=y?e.value():e,S=w?t.value():t;return o||(o=new ca),i(T,S,r,n,o)}}return d?(o||(o=new ca),NN(e,t,r,n,i,o)):!1}Ug.exports=MN});var la=c((gW,Hg)=>{var FN=Vg(),kg=dt();function Bg(e,t,r,n,i){return e===t?!0:e==null||t==null||!kg(e)&&!kg(t)?e!==e&&t!==t:FN(e,t,r,n,Bg,i)}Hg.exports=Bg});var Xg=c((vW,Wg)=>{var DN=Yo(),GN=la(),UN=1,VN=2;function kN(e,t,r,n){var i=r.length,o=i,a=!n;if(e==null)return!o;for(e=Object(e);i--;){var s=r[i];if(a&&s[2]?s[1]!==e[s[0]]:!(s[0]in e))return!1}for(;++i{var BN=at();function HN(e){return e===e&&!BN(e)}jg.exports=HN});var Kg=c((EW,zg)=>{var WN=fa(),XN=Gr();function jN(e){for(var t=XN(e),r=t.length;r--;){var n=t[r],i=e[n];t[r]=[n,i,WN(i)]}return t}zg.exports=jN});var da=c((yW,Yg)=>{function zN(e,t){return function(r){return r==null?!1:r[e]===t&&(t!==void 0||e in Object(r))}}Yg.exports=zN});var Qg=c((mW,$g)=>{var KN=Xg(),YN=Kg(),$N=da();function QN(e){var t=YN(e);return t.length==1&&t[0][2]?$N(t[0][0],t[0][1]):function(r){return r===e||KN(r,e,t)}}$g.exports=QN});var Ur=c((_W,Zg)=>{var ZN=bt(),JN=dt(),eL="[object Symbol]";function tL(e){return typeof e=="symbol"||JN(e)&&ZN(e)==eL}Zg.exports=tL});var Wn=c((bW,Jg)=>{var rL=Oe(),nL=Ur(),iL=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,oL=/^\w*$/;function aL(e,t){if(rL(e))return!1;var r=typeof e;return r=="number"||r=="symbol"||r=="boolean"||e==null||nL(e)?!0:oL.test(e)||!iL.test(e)||t!=null&&e in Object(t)}Jg.exports=aL});var rv=c((TW,tv)=>{var ev=Pn(),sL="Expected a function";function pa(e,t){if(typeof e!="function"||t!=null&&typeof t!="function")throw new TypeError(sL);var r=function(){var n=arguments,i=t?t.apply(this,n):n[0],o=r.cache;if(o.has(i))return o.get(i);var a=e.apply(this,n);return r.cache=o.set(i,a)||o,a};return r.cache=new(pa.Cache||ev),r}pa.Cache=ev;tv.exports=pa});var iv=c((IW,nv)=>{var uL=rv(),cL=500;function lL(e){var t=uL(e,function(n){return r.size===cL&&r.clear(),n}),r=t.cache;return t}nv.exports=lL});var av=c((OW,ov)=>{var fL=iv(),dL=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,pL=/\\(\\)?/g,gL=fL(function(e){var t=[];return e.charCodeAt(0)===46&&t.push(""),e.replace(dL,function(r,n,i,o){t.push(i?o.replace(pL,"$1"):n||r)}),t});ov.exports=gL});var ga=c((AW,sv)=>{function vL(e,t){for(var r=-1,n=e==null?0:e.length,i=Array(n);++r{var uv=Xt(),hL=ga(),EL=Oe(),yL=Ur(),mL=1/0,cv=uv?uv.prototype:void 0,lv=cv?cv.toString:void 0;function fv(e){if(typeof e=="string")return e;if(EL(e))return hL(e,fv)+"";if(yL(e))return lv?lv.call(e):"";var t=e+"";return t=="0"&&1/e==-mL?"-0":t}dv.exports=fv});var vv=c((SW,gv)=>{var _L=pv();function bL(e){return e==null?"":_L(e)}gv.exports=bL});var Vr=c((xW,hv)=>{var TL=Oe(),IL=Wn(),OL=av(),AL=vv();function wL(e,t){return TL(e)?e:IL(e,t)?[e]:OL(AL(e))}hv.exports=wL});var rr=c((CW,Ev)=>{var SL=Ur(),xL=1/0;function CL(e){if(typeof e=="string"||SL(e))return e;var t=e+"";return t=="0"&&1/e==-xL?"-0":t}Ev.exports=CL});var Xn=c((RW,yv)=>{var RL=Vr(),NL=rr();function LL(e,t){t=RL(t,e);for(var r=0,n=t.length;e!=null&&r{var PL=Xn();function qL(e,t,r){var n=e==null?void 0:PL(e,t);return n===void 0?r:n}mv.exports=qL});var bv=c((LW,_v)=>{function ML(e,t){return e!=null&&t in Object(e)}_v.exports=ML});var Iv=c((PW,Tv)=>{var FL=Vr(),DL=qr(),GL=Oe(),UL=Dn(),VL=Gn(),kL=rr();function BL(e,t,r){t=FL(t,e);for(var n=-1,i=t.length,o=!1;++n{var HL=bv(),WL=Iv();function XL(e,t){return e!=null&&WL(e,t,HL)}Ov.exports=XL});var Sv=c((MW,wv)=>{var jL=la(),zL=jn(),KL=Av(),YL=Wn(),$L=fa(),QL=da(),ZL=rr(),JL=1,eP=2;function tP(e,t){return YL(e)&&$L(t)?QL(ZL(e),t):function(r){var n=zL(r,e);return n===void 0&&n===t?KL(r,e):jL(t,n,JL|eP)}}wv.exports=tP});var zn=c((FW,xv)=>{function rP(e){return e}xv.exports=rP});var va=c((DW,Cv)=>{function nP(e){return function(t){return t?.[e]}}Cv.exports=nP});var Nv=c((GW,Rv)=>{var iP=Xn();function oP(e){return function(t){return iP(t,e)}}Rv.exports=oP});var Pv=c((UW,Lv)=>{var aP=va(),sP=Nv(),uP=Wn(),cP=rr();function lP(e){return uP(e)?aP(cP(e)):sP(e)}Lv.exports=lP});var It=c((VW,qv)=>{var fP=Qg(),dP=Sv(),pP=zn(),gP=Oe(),vP=Pv();function hP(e){return typeof e=="function"?e:e==null?pP:typeof e=="object"?gP(e)?dP(e[0],e[1]):fP(e):vP(e)}qv.exports=hP});var ha=c((kW,Mv)=>{var EP=It(),yP=Lt(),mP=Gr();function _P(e){return function(t,r,n){var i=Object(t);if(!yP(t)){var o=EP(r,3);t=mP(t),r=function(s){return o(i[s],s,i)}}var a=e(t,r,n);return a>-1?i[o?t[a]:a]:void 0}}Mv.exports=_P});var Ea=c((BW,Fv)=>{function bP(e,t,r,n){for(var i=e.length,o=r+(n?1:-1);n?o--:++o{var TP=/\s/;function IP(e){for(var t=e.length;t--&&TP.test(e.charAt(t)););return t}Dv.exports=IP});var Vv=c((WW,Uv)=>{var OP=Gv(),AP=/^\s+/;function wP(e){return e&&e.slice(0,OP(e)+1).replace(AP,"")}Uv.exports=wP});var Kn=c((XW,Hv)=>{var SP=Vv(),kv=at(),xP=Ur(),Bv=0/0,CP=/^[-+]0x[0-9a-f]+$/i,RP=/^0b[01]+$/i,NP=/^0o[0-7]+$/i,LP=parseInt;function PP(e){if(typeof e=="number")return e;if(xP(e))return Bv;if(kv(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=kv(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=SP(e);var r=RP.test(e);return r||NP.test(e)?LP(e.slice(2),r?2:8):CP.test(e)?Bv:+e}Hv.exports=PP});var jv=c((jW,Xv)=>{var qP=Kn(),Wv=1/0,MP=17976931348623157e292;function FP(e){if(!e)return e===0?e:0;if(e=qP(e),e===Wv||e===-Wv){var t=e<0?-1:1;return t*MP}return e===e?e:0}Xv.exports=FP});var ya=c((zW,zv)=>{var DP=jv();function GP(e){var t=DP(e),r=t%1;return t===t?r?t-r:t:0}zv.exports=GP});var Yv=c((KW,Kv)=>{var UP=Ea(),VP=It(),kP=ya(),BP=Math.max;function HP(e,t,r){var n=e==null?0:e.length;if(!n)return-1;var i=r==null?0:kP(r);return i<0&&(i=BP(n+i,0)),UP(e,VP(t,3),i)}Kv.exports=HP});var ma=c((YW,$v)=>{var WP=ha(),XP=Yv(),jP=WP(XP);$v.exports=jP});var Jv={};Fe(Jv,{ELEMENT_MATCHES:()=>zP,FLEX_PREFIXED:()=>_a,IS_BROWSER_ENV:()=>Qe,TRANSFORM_PREFIXED:()=>Ot,TRANSFORM_STYLE_PREFIXED:()=>$n,withBrowser:()=>Yn});var Zv,Qe,Yn,zP,_a,Ot,Qv,$n,Qn=he(()=>{"use strict";Zv=le(ma()),Qe=typeof window<"u",Yn=(e,t)=>Qe?e():t,zP=Yn(()=>(0,Zv.default)(["matches","matchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector","webkitMatchesSelector"],e=>e in Element.prototype)),_a=Yn(()=>{let e=document.createElement("i"),t=["flex","-webkit-flex","-ms-flexbox","-moz-box","-webkit-box"],r="";try{let{length:n}=t;for(let i=0;i{let e=document.createElement("i");if(e.style.transform==null){let t=["Webkit","Moz","ms"],r="Transform",{length:n}=t;for(let i=0;i{var KP=4,YP=.001,$P=1e-7,QP=10,kr=11,Zn=1/(kr-1),ZP=typeof Float32Array=="function";function eh(e,t){return 1-3*t+3*e}function th(e,t){return 3*t-6*e}function rh(e){return 3*e}function Jn(e,t,r){return((eh(t,r)*e+th(t,r))*e+rh(t))*e}function nh(e,t,r){return 3*eh(t,r)*e*e+2*th(t,r)*e+rh(t)}function JP(e,t,r,n,i){var o,a,s=0;do a=t+(r-t)/2,o=Jn(a,n,i)-e,o>0?r=a:t=a;while(Math.abs(o)>$P&&++s=YP?eq(u,y,t,n):w===0?y:JP(u,f,f+Zn,t,n)}return function(f){return t===r&&n===i?f:f===0?0:f===1?1:Jn(s(f),r,i)}}});var Hr={};Fe(Hr,{bounce:()=>Fq,bouncePast:()=>Dq,ease:()=>tq,easeIn:()=>rq,easeInOut:()=>iq,easeOut:()=>nq,inBack:()=>Sq,inCirc:()=>Iq,inCubic:()=>uq,inElastic:()=>Rq,inExpo:()=>_q,inOutBack:()=>Cq,inOutCirc:()=>Aq,inOutCubic:()=>lq,inOutElastic:()=>Lq,inOutExpo:()=>Tq,inOutQuad:()=>sq,inOutQuart:()=>pq,inOutQuint:()=>hq,inOutSine:()=>mq,inQuad:()=>oq,inQuart:()=>fq,inQuint:()=>gq,inSine:()=>Eq,outBack:()=>xq,outBounce:()=>wq,outCirc:()=>Oq,outCubic:()=>cq,outElastic:()=>Nq,outExpo:()=>bq,outQuad:()=>aq,outQuart:()=>dq,outQuint:()=>vq,outSine:()=>yq,swingFrom:()=>qq,swingFromTo:()=>Pq,swingTo:()=>Mq});function oq(e){return Math.pow(e,2)}function aq(e){return-(Math.pow(e-1,2)-1)}function sq(e){return(e/=.5)<1?.5*Math.pow(e,2):-.5*((e-=2)*e-2)}function uq(e){return Math.pow(e,3)}function cq(e){return Math.pow(e-1,3)+1}function lq(e){return(e/=.5)<1?.5*Math.pow(e,3):.5*(Math.pow(e-2,3)+2)}function fq(e){return Math.pow(e,4)}function dq(e){return-(Math.pow(e-1,4)-1)}function pq(e){return(e/=.5)<1?.5*Math.pow(e,4):-.5*((e-=2)*Math.pow(e,3)-2)}function gq(e){return Math.pow(e,5)}function vq(e){return Math.pow(e-1,5)+1}function hq(e){return(e/=.5)<1?.5*Math.pow(e,5):.5*(Math.pow(e-2,5)+2)}function Eq(e){return-Math.cos(e*(Math.PI/2))+1}function yq(e){return Math.sin(e*(Math.PI/2))}function mq(e){return-.5*(Math.cos(Math.PI*e)-1)}function _q(e){return e===0?0:Math.pow(2,10*(e-1))}function bq(e){return e===1?1:-Math.pow(2,-10*e)+1}function Tq(e){return e===0?0:e===1?1:(e/=.5)<1?.5*Math.pow(2,10*(e-1)):.5*(-Math.pow(2,-10*--e)+2)}function Iq(e){return-(Math.sqrt(1-e*e)-1)}function Oq(e){return Math.sqrt(1-Math.pow(e-1,2))}function Aq(e){return(e/=.5)<1?-.5*(Math.sqrt(1-e*e)-1):.5*(Math.sqrt(1-(e-=2)*e)+1)}function wq(e){return e<1/2.75?7.5625*e*e:e<2/2.75?7.5625*(e-=1.5/2.75)*e+.75:e<2.5/2.75?7.5625*(e-=2.25/2.75)*e+.9375:7.5625*(e-=2.625/2.75)*e+.984375}function Sq(e){let t=pt;return e*e*((t+1)*e-t)}function xq(e){let t=pt;return(e-=1)*e*((t+1)*e+t)+1}function Cq(e){let t=pt;return(e/=.5)<1?.5*(e*e*(((t*=1.525)+1)*e-t)):.5*((e-=2)*e*(((t*=1.525)+1)*e+t)+2)}function Rq(e){let t=pt,r=0,n=1;return e===0?0:e===1?1:(r||(r=.3),n<1?(n=1,t=r/4):t=r/(2*Math.PI)*Math.asin(1/n),-(n*Math.pow(2,10*(e-=1))*Math.sin((e-t)*(2*Math.PI)/r)))}function Nq(e){let t=pt,r=0,n=1;return e===0?0:e===1?1:(r||(r=.3),n<1?(n=1,t=r/4):t=r/(2*Math.PI)*Math.asin(1/n),n*Math.pow(2,-10*e)*Math.sin((e-t)*(2*Math.PI)/r)+1)}function Lq(e){let t=pt,r=0,n=1;return e===0?0:(e/=1/2)===2?1:(r||(r=.3*1.5),n<1?(n=1,t=r/4):t=r/(2*Math.PI)*Math.asin(1/n),e<1?-.5*(n*Math.pow(2,10*(e-=1))*Math.sin((e-t)*(2*Math.PI)/r)):n*Math.pow(2,-10*(e-=1))*Math.sin((e-t)*(2*Math.PI)/r)*.5+1)}function Pq(e){let t=pt;return(e/=.5)<1?.5*(e*e*(((t*=1.525)+1)*e-t)):.5*((e-=2)*e*(((t*=1.525)+1)*e+t)+2)}function qq(e){let t=pt;return e*e*((t+1)*e-t)}function Mq(e){let t=pt;return(e-=1)*e*((t+1)*e+t)+1}function Fq(e){return e<1/2.75?7.5625*e*e:e<2/2.75?7.5625*(e-=1.5/2.75)*e+.75:e<2.5/2.75?7.5625*(e-=2.25/2.75)*e+.9375:7.5625*(e-=2.625/2.75)*e+.984375}function Dq(e){return e<1/2.75?7.5625*e*e:e<2/2.75?2-(7.5625*(e-=1.5/2.75)*e+.75):e<2.5/2.75?2-(7.5625*(e-=2.25/2.75)*e+.9375):2-(7.5625*(e-=2.625/2.75)*e+.984375)}var Br,pt,tq,rq,nq,iq,Ta=he(()=>{"use strict";Br=le(ba()),pt=1.70158,tq=(0,Br.default)(.25,.1,.25,1),rq=(0,Br.default)(.42,0,1,1),nq=(0,Br.default)(0,0,.58,1),iq=(0,Br.default)(.42,0,.58,1)});var ah={};Fe(ah,{applyEasing:()=>Uq,createBezierEasing:()=>Gq,optimizeFloat:()=>Wr});function Wr(e,t=5,r=10){let n=Math.pow(r,t),i=Number(Math.round(e*n)/n);return Math.abs(i)>1e-4?i:0}function Gq(e){return(0,oh.default)(...e)}function Uq(e,t,r){return t===0?0:t===1?1:Wr(r?t>0?r(t):t:t>0&&e&&Hr[e]?Hr[e](t):t)}var oh,Ia=he(()=>{"use strict";Ta();oh=le(ba())});var ch={};Fe(ch,{createElementState:()=>uh,ixElements:()=>Jq,mergeActionState:()=>Oa});function uh(e,t,r,n,i){let o=r===Vq?(0,nr.getIn)(i,["config","target","objectId"]):null;return(0,nr.mergeIn)(e,[n],{id:n,ref:t,refId:o,refType:r})}function Oa(e,t,r,n,i){let o=tM(i);return(0,nr.mergeIn)(e,[t,Zq,r],n,o)}function tM(e){let{config:t}=e;return eM.reduce((r,n)=>{let i=n[0],o=n[1],a=t[i],s=t[o];return a!=null&&s!=null&&(r[o]=s),r},{})}var nr,ZW,Vq,JW,kq,Bq,Hq,Wq,Xq,jq,zq,Kq,Yq,$q,Qq,sh,Zq,Jq,eM,lh=he(()=>{"use strict";nr=le(Kt());Ge();({HTML_ELEMENT:ZW,PLAIN_OBJECT:Vq,ABSTRACT_NODE:JW,CONFIG_X_VALUE:kq,CONFIG_Y_VALUE:Bq,CONFIG_Z_VALUE:Hq,CONFIG_VALUE:Wq,CONFIG_X_UNIT:Xq,CONFIG_Y_UNIT:jq,CONFIG_Z_UNIT:zq,CONFIG_UNIT:Kq}=Ce),{IX2_SESSION_STOPPED:Yq,IX2_INSTANCE_ADDED:$q,IX2_ELEMENT_STATE_CHANGED:Qq}=Ie,sh={},Zq="refState",Jq=(e=sh,t={})=>{switch(t.type){case Yq:return sh;case $q:{let{elementId:r,element:n,origin:i,actionItem:o,refType:a}=t.payload,{actionTypeId:s}=o,u=e;return(0,nr.getIn)(u,[r,n])!==n&&(u=uh(u,n,a,r,o)),Oa(u,r,s,i,o)}case Qq:{let{elementId:r,actionTypeId:n,current:i,actionItem:o}=t.payload;return Oa(e,r,n,i,o)}default:return e}};eM=[[kq,Xq],[Bq,jq],[Hq,zq],[Wq,Kq]]});var fh=c(Ae=>{"use strict";Object.defineProperty(Ae,"__esModule",{value:!0});Ae.renderPlugin=Ae.getPluginOrigin=Ae.getPluginDuration=Ae.getPluginDestination=Ae.getPluginConfig=Ae.createPluginInstance=Ae.clearPlugin=void 0;var rM=e=>e.value;Ae.getPluginConfig=rM;var nM=(e,t)=>{if(t.config.duration!=="auto")return null;let r=parseFloat(e.getAttribute("data-duration"));return r>0?r*1e3:parseFloat(e.getAttribute("data-default-duration"))*1e3};Ae.getPluginDuration=nM;var iM=e=>e||{value:0};Ae.getPluginOrigin=iM;var oM=e=>({value:e.value});Ae.getPluginDestination=oM;var aM=e=>{let t=window.Webflow.require("lottie").createInstance(e);return t.stop(),t.setSubframe(!0),t};Ae.createPluginInstance=aM;var sM=(e,t,r)=>{if(!e)return;let n=t[r.actionTypeId].value/100;e.goToFrame(e.frames*n)};Ae.renderPlugin=sM;var uM=e=>{window.Webflow.require("lottie").createInstance(e).stop()};Ae.clearPlugin=uM});var ph=c(we=>{"use strict";Object.defineProperty(we,"__esModule",{value:!0});we.renderPlugin=we.getPluginOrigin=we.getPluginDuration=we.getPluginDestination=we.getPluginConfig=we.createPluginInstance=we.clearPlugin=void 0;var cM=e=>document.querySelector(`[data-w-id="${e}"]`),lM=()=>window.Webflow.require("spline"),fM=(e,t)=>e.filter(r=>!t.includes(r)),dM=(e,t)=>e.value[t];we.getPluginConfig=dM;var pM=()=>null;we.getPluginDuration=pM;var dh=Object.freeze({positionX:0,positionY:0,positionZ:0,rotationX:0,rotationY:0,rotationZ:0,scaleX:1,scaleY:1,scaleZ:1}),gM=(e,t)=>{let r=t.config.value,n=Object.keys(r);if(e){let o=Object.keys(e),a=fM(n,o);return a.length?a.reduce((u,f)=>(u[f]=dh[f],u),e):e}return n.reduce((o,a)=>(o[a]=dh[a],o),{})};we.getPluginOrigin=gM;var vM=e=>e.value;we.getPluginDestination=vM;var hM=(e,t)=>{var r;let n=t==null||(r=t.config)===null||r===void 0||(r=r.target)===null||r===void 0?void 0:r.pluginElement;return n?cM(n):null};we.createPluginInstance=hM;var EM=(e,t,r)=>{let n=lM(),i=n.getInstance(e),o=r.config.target.objectId,a=s=>{if(!s)throw new Error("Invalid spline app passed to renderSpline");let u=o&&s.findObjectById(o);if(!u)return;let{PLUGIN_SPLINE:f}=t;f.positionX!=null&&(u.position.x=f.positionX),f.positionY!=null&&(u.position.y=f.positionY),f.positionZ!=null&&(u.position.z=f.positionZ),f.rotationX!=null&&(u.rotation.x=f.rotationX),f.rotationY!=null&&(u.rotation.y=f.rotationY),f.rotationZ!=null&&(u.rotation.z=f.rotationZ),f.scaleX!=null&&(u.scale.x=f.scaleX),f.scaleY!=null&&(u.scale.y=f.scaleY),f.scaleZ!=null&&(u.scale.z=f.scaleZ)};i?a(i.spline):n.setLoadHandler(e,a)};we.renderPlugin=EM;var yM=()=>null;we.clearPlugin=yM});var wa=c(Aa=>{"use strict";Object.defineProperty(Aa,"__esModule",{value:!0});Aa.normalizeColor=mM;var gh={aliceblue:"#F0F8FF",antiquewhite:"#FAEBD7",aqua:"#00FFFF",aquamarine:"#7FFFD4",azure:"#F0FFFF",beige:"#F5F5DC",bisque:"#FFE4C4",black:"#000000",blanchedalmond:"#FFEBCD",blue:"#0000FF",blueviolet:"#8A2BE2",brown:"#A52A2A",burlywood:"#DEB887",cadetblue:"#5F9EA0",chartreuse:"#7FFF00",chocolate:"#D2691E",coral:"#FF7F50",cornflowerblue:"#6495ED",cornsilk:"#FFF8DC",crimson:"#DC143C",cyan:"#00FFFF",darkblue:"#00008B",darkcyan:"#008B8B",darkgoldenrod:"#B8860B",darkgray:"#A9A9A9",darkgreen:"#006400",darkgrey:"#A9A9A9",darkkhaki:"#BDB76B",darkmagenta:"#8B008B",darkolivegreen:"#556B2F",darkorange:"#FF8C00",darkorchid:"#9932CC",darkred:"#8B0000",darksalmon:"#E9967A",darkseagreen:"#8FBC8F",darkslateblue:"#483D8B",darkslategray:"#2F4F4F",darkslategrey:"#2F4F4F",darkturquoise:"#00CED1",darkviolet:"#9400D3",deeppink:"#FF1493",deepskyblue:"#00BFFF",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1E90FF",firebrick:"#B22222",floralwhite:"#FFFAF0",forestgreen:"#228B22",fuchsia:"#FF00FF",gainsboro:"#DCDCDC",ghostwhite:"#F8F8FF",gold:"#FFD700",goldenrod:"#DAA520",gray:"#808080",green:"#008000",greenyellow:"#ADFF2F",grey:"#808080",honeydew:"#F0FFF0",hotpink:"#FF69B4",indianred:"#CD5C5C",indigo:"#4B0082",ivory:"#FFFFF0",khaki:"#F0E68C",lavender:"#E6E6FA",lavenderblush:"#FFF0F5",lawngreen:"#7CFC00",lemonchiffon:"#FFFACD",lightblue:"#ADD8E6",lightcoral:"#F08080",lightcyan:"#E0FFFF",lightgoldenrodyellow:"#FAFAD2",lightgray:"#D3D3D3",lightgreen:"#90EE90",lightgrey:"#D3D3D3",lightpink:"#FFB6C1",lightsalmon:"#FFA07A",lightseagreen:"#20B2AA",lightskyblue:"#87CEFA",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#B0C4DE",lightyellow:"#FFFFE0",lime:"#00FF00",limegreen:"#32CD32",linen:"#FAF0E6",magenta:"#FF00FF",maroon:"#800000",mediumaquamarine:"#66CDAA",mediumblue:"#0000CD",mediumorchid:"#BA55D3",mediumpurple:"#9370DB",mediumseagreen:"#3CB371",mediumslateblue:"#7B68EE",mediumspringgreen:"#00FA9A",mediumturquoise:"#48D1CC",mediumvioletred:"#C71585",midnightblue:"#191970",mintcream:"#F5FFFA",mistyrose:"#FFE4E1",moccasin:"#FFE4B5",navajowhite:"#FFDEAD",navy:"#000080",oldlace:"#FDF5E6",olive:"#808000",olivedrab:"#6B8E23",orange:"#FFA500",orangered:"#FF4500",orchid:"#DA70D6",palegoldenrod:"#EEE8AA",palegreen:"#98FB98",paleturquoise:"#AFEEEE",palevioletred:"#DB7093",papayawhip:"#FFEFD5",peachpuff:"#FFDAB9",peru:"#CD853F",pink:"#FFC0CB",plum:"#DDA0DD",powderblue:"#B0E0E6",purple:"#800080",rebeccapurple:"#663399",red:"#FF0000",rosybrown:"#BC8F8F",royalblue:"#4169E1",saddlebrown:"#8B4513",salmon:"#FA8072",sandybrown:"#F4A460",seagreen:"#2E8B57",seashell:"#FFF5EE",sienna:"#A0522D",silver:"#C0C0C0",skyblue:"#87CEEB",slateblue:"#6A5ACD",slategray:"#708090",slategrey:"#708090",snow:"#FFFAFA",springgreen:"#00FF7F",steelblue:"#4682B4",tan:"#D2B48C",teal:"#008080",thistle:"#D8BFD8",tomato:"#FF6347",turquoise:"#40E0D0",violet:"#EE82EE",wheat:"#F5DEB3",white:"#FFFFFF",whitesmoke:"#F5F5F5",yellow:"#FFFF00",yellowgreen:"#9ACD32"};function mM(e){let t,r,n,i=1,o=e.replace(/\s/g,"").toLowerCase(),s=(typeof gh[o]=="string"?gh[o].toLowerCase():null)||o;if(s.startsWith("#")){let u=s.substring(1);u.length===3?(t=parseInt(u[0]+u[0],16),r=parseInt(u[1]+u[1],16),n=parseInt(u[2]+u[2],16)):u.length===6&&(t=parseInt(u.substring(0,2),16),r=parseInt(u.substring(2,4),16),n=parseInt(u.substring(4,6),16))}else if(s.startsWith("rgba")){let u=s.match(/rgba\(([^)]+)\)/)[1].split(",");t=parseInt(u[0],10),r=parseInt(u[1],10),n=parseInt(u[2],10),i=parseFloat(u[3])}else if(s.startsWith("rgb")){let u=s.match(/rgb\(([^)]+)\)/)[1].split(",");t=parseInt(u[0],10),r=parseInt(u[1],10),n=parseInt(u[2],10)}else if(s.startsWith("hsla")){let u=s.match(/hsla\(([^)]+)\)/)[1].split(","),f=parseFloat(u[0]),h=parseFloat(u[1].replace("%",""))/100,v=parseFloat(u[2].replace("%",""))/100;i=parseFloat(u[3]);let d=(1-Math.abs(2*v-1))*h,y=d*(1-Math.abs(f/60%2-1)),w=v-d/2,T,S,m;f>=0&&f<60?(T=d,S=y,m=0):f>=60&&f<120?(T=y,S=d,m=0):f>=120&&f<180?(T=0,S=d,m=y):f>=180&&f<240?(T=0,S=y,m=d):f>=240&&f<300?(T=y,S=0,m=d):(T=d,S=0,m=y),t=Math.round((T+w)*255),r=Math.round((S+w)*255),n=Math.round((m+w)*255)}else if(s.startsWith("hsl")){let u=s.match(/hsl\(([^)]+)\)/)[1].split(","),f=parseFloat(u[0]),h=parseFloat(u[1].replace("%",""))/100,v=parseFloat(u[2].replace("%",""))/100,d=(1-Math.abs(2*v-1))*h,y=d*(1-Math.abs(f/60%2-1)),w=v-d/2,T,S,m;f>=0&&f<60?(T=d,S=y,m=0):f>=60&&f<120?(T=y,S=d,m=0):f>=120&&f<180?(T=0,S=d,m=y):f>=180&&f<240?(T=0,S=y,m=d):f>=240&&f<300?(T=y,S=0,m=d):(T=d,S=0,m=y),t=Math.round((T+w)*255),r=Math.round((S+w)*255),n=Math.round((m+w)*255)}if(Number.isNaN(t)||Number.isNaN(r)||Number.isNaN(n))throw new Error(`Invalid color in [ix2/shared/utils/normalizeColor.js] '${e}'`);return{red:t,green:r,blue:n,alpha:i}}});var vh=c(Se=>{"use strict";Object.defineProperty(Se,"__esModule",{value:!0});Se.renderPlugin=Se.getPluginOrigin=Se.getPluginDuration=Se.getPluginDestination=Se.getPluginConfig=Se.createPluginInstance=Se.clearPlugin=void 0;var _M=wa(),bM=(e,t)=>e.value[t];Se.getPluginConfig=bM;var TM=()=>null;Se.getPluginDuration=TM;var IM=(e,t)=>{if(e)return e;let r=t.config.value,n=t.config.target.objectId,i=getComputedStyle(document.documentElement).getPropertyValue(n);if(r.size!=null)return{size:parseInt(i,10)};if(r.red!=null&&r.green!=null&&r.blue!=null)return(0,_M.normalizeColor)(i)};Se.getPluginOrigin=IM;var OM=e=>e.value;Se.getPluginDestination=OM;var AM=()=>null;Se.createPluginInstance=AM;var wM=(e,t,r)=>{let n=r.config.target.objectId,i=r.config.value.unit,{PLUGIN_VARIABLE:o}=t,{size:a,red:s,green:u,blue:f,alpha:h}=o,v;a!=null&&(v=a+i),s!=null&&f!=null&&u!=null&&h!=null&&(v=`rgba(${s}, ${u}, ${f}, ${h})`),v!=null&&document.documentElement.style.setProperty(n,v)};Se.renderPlugin=wM;var SM=(e,t)=>{let r=t.config.target.objectId;document.documentElement.style.removeProperty(r)};Se.clearPlugin=SM});var hh=c(ei=>{"use strict";var xa=fn().default;Object.defineProperty(ei,"__esModule",{value:!0});ei.pluginMethodMap=void 0;var Sa=(Ge(),tt(Tf)),xM=xa(fh()),CM=xa(ph()),RM=xa(vh()),iX=ei.pluginMethodMap=new Map([[Sa.ActionTypeConsts.PLUGIN_LOTTIE,{...xM}],[Sa.ActionTypeConsts.PLUGIN_SPLINE,{...CM}],[Sa.ActionTypeConsts.PLUGIN_VARIABLE,{...RM}]])});var Eh={};Fe(Eh,{clearPlugin:()=>qa,createPluginInstance:()=>LM,getPluginConfig:()=>Ra,getPluginDestination:()=>La,getPluginDuration:()=>NM,getPluginOrigin:()=>Na,isPluginType:()=>qt,renderPlugin:()=>Pa});function qt(e){return Ca.pluginMethodMap.has(e)}var Ca,Mt,Ra,Na,NM,La,LM,Pa,qa,Ma=he(()=>{"use strict";Qn();Ca=le(hh());Mt=e=>t=>{if(!Qe)return()=>null;let r=Ca.pluginMethodMap.get(t);if(!r)throw new Error(`IX2 no plugin configured for: ${t}`);let n=r[e];if(!n)throw new Error(`IX2 invalid plugin method: ${e}`);return n},Ra=Mt("getPluginConfig"),Na=Mt("getPluginOrigin"),NM=Mt("getPluginDuration"),La=Mt("getPluginDestination"),LM=Mt("createPluginInstance"),Pa=Mt("renderPlugin"),qa=Mt("clearPlugin")});var mh=c((sX,yh)=>{function PM(e,t){return e==null||e!==e?t:e}yh.exports=PM});var bh=c((uX,_h)=>{function qM(e,t,r,n){var i=-1,o=e==null?0:e.length;for(n&&o&&(r=e[++i]);++i{function MM(e){return function(t,r,n){for(var i=-1,o=Object(t),a=n(t),s=a.length;s--;){var u=a[e?s:++i];if(r(o[u],u,o)===!1)break}return t}}Th.exports=MM});var Ah=c((lX,Oh)=>{var FM=Ih(),DM=FM();Oh.exports=DM});var Fa=c((fX,wh)=>{var GM=Ah(),UM=Gr();function VM(e,t){return e&&GM(e,t,UM)}wh.exports=VM});var xh=c((dX,Sh)=>{var kM=Lt();function BM(e,t){return function(r,n){if(r==null)return r;if(!kM(r))return e(r,n);for(var i=r.length,o=t?i:-1,a=Object(r);(t?o--:++o{var HM=Fa(),WM=xh(),XM=WM(HM);Ch.exports=XM});var Nh=c((gX,Rh)=>{function jM(e,t,r,n,i){return i(e,function(o,a,s){r=n?(n=!1,o):t(r,o,a,s)}),r}Rh.exports=jM});var Ph=c((vX,Lh)=>{var zM=bh(),KM=Da(),YM=It(),$M=Nh(),QM=Oe();function ZM(e,t,r){var n=QM(e)?zM:$M,i=arguments.length<3;return n(e,YM(t,4),r,i,KM)}Lh.exports=ZM});var Mh=c((hX,qh)=>{var JM=Ea(),eF=It(),tF=ya(),rF=Math.max,nF=Math.min;function iF(e,t,r){var n=e==null?0:e.length;if(!n)return-1;var i=n-1;return r!==void 0&&(i=tF(r),i=r<0?rF(n+i,0):nF(i,n-1)),JM(e,eF(t,3),i,!0)}qh.exports=iF});var Dh=c((EX,Fh)=>{var oF=ha(),aF=Mh(),sF=oF(aF);Fh.exports=sF});function Gh(e,t){return e===t?e!==0||t!==0||1/e===1/t:e!==e&&t!==t}function cF(e,t){if(Gh(e,t))return!0;if(typeof e!="object"||e===null||typeof t!="object"||t===null)return!1;let r=Object.keys(e),n=Object.keys(t);if(r.length!==n.length)return!1;for(let i=0;i{"use strict";uF=Object.prototype.hasOwnProperty;Ga=cF});var nE={};Fe(nE,{cleanupHTMLElement:()=>aD,clearAllStyles:()=>oD,clearObjectCache:()=>wF,getActionListProgress:()=>uD,getAffectedElements:()=>Ha,getComputedStyle:()=>qF,getDestinationValues:()=>kF,getElementId:()=>RF,getInstanceId:()=>xF,getInstanceOrigin:()=>DF,getItemConfigByKey:()=>VF,getMaxDurationItemIndex:()=>rE,getNamespacedParameterId:()=>fD,getRenderType:()=>Jh,getStyleProp:()=>BF,mediaQueriesEqual:()=>pD,observeStore:()=>PF,reduceListToGroup:()=>cD,reifyState:()=>NF,renderHTMLElement:()=>HF,shallowEqual:()=>Ga,shouldAllowMediaQuery:()=>dD,shouldNamespaceEventParameter:()=>lD,stringifyTarget:()=>gD});function wF(){ti.clear()}function xF(){return"i"+SF++}function RF(e,t){for(let r in e){let n=e[r];if(n&&n.ref===t)return n.id}return"e"+CF++}function NF({events:e,actionLists:t,site:r}={}){let n=(0,oi.default)(e,(a,s)=>{let{eventTypeId:u}=s;return a[u]||(a[u]={}),a[u][s.id]=s,a},{}),i=r&&r.mediaQueries,o=[];return i?o=i.map(a=>a.key):(i=[],console.warn("IX2 missing mediaQueries in site data")),{ixData:{events:e,actionLists:t,eventTypeMap:n,mediaQueries:i,mediaQueryKeys:o}}}function PF({store:e,select:t,onChange:r,comparator:n=LF}){let{getState:i,subscribe:o}=e,a=o(u),s=t(i());function u(){let f=t(i());if(f==null){a();return}n(f,s)||(s=f,r(s,e))}return a}function Bh(e){let t=typeof e;if(t==="string")return{id:e};if(e!=null&&t==="object"){let{id:r,objectId:n,selector:i,selectorGuids:o,appliesTo:a,useEventTarget:s}=e;return{id:r,objectId:n,selector:i,selectorGuids:o,appliesTo:a,useEventTarget:s}}return{}}function Ha({config:e,event:t,eventTarget:r,elementRoot:n,elementApi:i}){if(!i)throw new Error("IX2 missing elementApi");let{targets:o}=e;if(Array.isArray(o)&&o.length>0)return o.reduce((P,I)=>P.concat(Ha({config:{target:I},event:t,eventTarget:r,elementRoot:n,elementApi:i})),[]);let{getValidDocument:a,getQuerySelector:s,queryDocument:u,getChildElements:f,getSiblingElements:h,matchSelector:v,elementContains:d,isSiblingNode:y}=i,{target:w}=e;if(!w)return[];let{id:T,objectId:S,selector:m,selectorGuids:R,appliesTo:x,useEventTarget:q}=Bh(w);if(S)return[ti.has(S)?ti.get(S):ti.set(S,{}).get(S)];if(x===Bo.PAGE){let P=a(T);return P?[P]:[]}let N=(t?.action?.config?.affectedElements??{})[T||m]||{},j=!!(N.id||N.selector),z,$,J,te=t&&s(Bh(t.target));if(j?(z=N.limitAffectedElements,$=te,J=s(N)):$=J=s({id:T,selector:m,selectorGuids:R}),t&&q){let P=r&&(J||q===!0)?[r]:u(te);if(J){if(q===IF)return u(J).filter(I=>P.some(L=>d(I,L)));if(q===Vh)return u(J).filter(I=>P.some(L=>d(L,I)));if(q===kh)return u(J).filter(I=>P.some(L=>y(L,I)))}return P}return $==null||J==null?[]:Qe&&n?u(J).filter(P=>n.contains(P)):z===Vh?u($,J):z===TF?f(u($)).filter(v(J)):z===kh?h(u($)).filter(v(J)):u(J)}function qF({element:e,actionItem:t}){if(!Qe)return{};let{actionTypeId:r}=t;switch(r){case ur:case cr:case lr:case fr:case si:return window.getComputedStyle(e);default:return{}}}function DF(e,t={},r={},n,i){let{getStyle:o}=i,{actionTypeId:a}=n;if(qt(a))return Na(a)(t[a],n);switch(n.actionTypeId){case or:case ar:case sr:case Kr:return t[n.actionTypeId]||Wa[n.actionTypeId];case Yr:return MF(t[n.actionTypeId],n.config.filters);case $r:return FF(t[n.actionTypeId],n.config.fontVariations);case $h:return{value:(0,gt.default)(parseFloat(o(e,ni)),1)};case ur:{let s=o(e,st),u=o(e,ut),f,h;return n.config.widthUnit===At?f=Hh.test(s)?parseFloat(s):parseFloat(r.width):f=(0,gt.default)(parseFloat(s),parseFloat(r.width)),n.config.heightUnit===At?h=Hh.test(u)?parseFloat(u):parseFloat(r.height):h=(0,gt.default)(parseFloat(u),parseFloat(r.height)),{widthValue:f,heightValue:h}}case cr:case lr:case fr:return rD({element:e,actionTypeId:n.actionTypeId,computedStyle:r,getStyle:o});case si:return{value:(0,gt.default)(o(e,ii),r.display)};case AF:return t[n.actionTypeId]||{value:0};default:return}}function kF({element:e,actionItem:t,elementApi:r}){if(qt(t.actionTypeId))return La(t.actionTypeId)(t.config);switch(t.actionTypeId){case or:case ar:case sr:case Kr:{let{xValue:n,yValue:i,zValue:o}=t.config;return{xValue:n,yValue:i,zValue:o}}case ur:{let{getStyle:n,setStyle:i,getProperty:o}=r,{widthUnit:a,heightUnit:s}=t.config,{widthValue:u,heightValue:f}=t.config;if(!Qe)return{widthValue:u,heightValue:f};if(a===At){let h=n(e,st);i(e,st,""),u=o(e,"offsetWidth"),i(e,st,h)}if(s===At){let h=n(e,ut);i(e,ut,""),f=o(e,"offsetHeight"),i(e,ut,h)}return{widthValue:u,heightValue:f}}case cr:case lr:case fr:{let{rValue:n,gValue:i,bValue:o,aValue:a,globalSwatchId:s}=t.config;if(s&&s.startsWith("--")){let{getStyle:u}=r,f=u(e,s),h=(0,jh.normalizeColor)(f);return{rValue:h.red,gValue:h.green,bValue:h.blue,aValue:h.alpha}}return{rValue:n,gValue:i,bValue:o,aValue:a}}case Yr:return t.config.filters.reduce(GF,{});case $r:return t.config.fontVariations.reduce(UF,{});default:{let{value:n}=t.config;return{value:n}}}}function Jh(e){if(/^TRANSFORM_/.test(e))return Kh;if(/^STYLE_/.test(e))return ka;if(/^GENERAL_/.test(e))return Va;if(/^PLUGIN_/.test(e))return Yh}function BF(e,t){return e===ka?t.replace("STYLE_","").toLowerCase():null}function HF(e,t,r,n,i,o,a,s,u){switch(s){case Kh:return KF(e,t,r,i,a);case ka:return nD(e,t,r,i,o,a);case Va:return iD(e,i,a);case Yh:{let{actionTypeId:f}=i;if(qt(f))return Pa(f)(u,t,i)}}}function KF(e,t,r,n,i){let o=zF.map(s=>{let u=Wa[s],{xValue:f=u.xValue,yValue:h=u.yValue,zValue:v=u.zValue,xUnit:d="",yUnit:y="",zUnit:w=""}=t[s]||{};switch(s){case or:return`${dF}(${f}${d}, ${h}${y}, ${v}${w})`;case ar:return`${pF}(${f}${d}, ${h}${y}, ${v}${w})`;case sr:return`${gF}(${f}${d}) ${vF}(${h}${y}) ${hF}(${v}${w})`;case Kr:return`${EF}(${f}${d}, ${h}${y})`;default:return""}}).join(" "),{setStyle:a}=i;Ft(e,Ot,i),a(e,Ot,o),QF(n,r)&&a(e,$n,yF)}function YF(e,t,r,n){let i=(0,oi.default)(t,(a,s,u)=>`${a} ${u}(${s}${jF(u,r)})`,""),{setStyle:o}=n;Ft(e,Xr,n),o(e,Xr,i)}function $F(e,t,r,n){let i=(0,oi.default)(t,(a,s,u)=>(a.push(`"${u}" ${s}`),a),[]).join(", "),{setStyle:o}=n;Ft(e,jr,n),o(e,jr,i)}function QF({actionTypeId:e},{xValue:t,yValue:r,zValue:n}){return e===or&&n!==void 0||e===ar&&n!==void 0||e===sr&&(t!==void 0||r!==void 0)}function tD(e,t){let r=e.exec(t);return r?r[1]:""}function rD({element:e,actionTypeId:t,computedStyle:r,getStyle:n}){let i=Ba[t],o=n(e,i),a=JF.test(o)?o:r[i],s=tD(eD,a).split(zr);return{rValue:(0,gt.default)(parseInt(s[0],10),255),gValue:(0,gt.default)(parseInt(s[1],10),255),bValue:(0,gt.default)(parseInt(s[2],10),255),aValue:(0,gt.default)(parseFloat(s[3]),1)}}function nD(e,t,r,n,i,o){let{setStyle:a}=o;switch(n.actionTypeId){case ur:{let{widthUnit:s="",heightUnit:u=""}=n.config,{widthValue:f,heightValue:h}=r;f!==void 0&&(s===At&&(s="px"),Ft(e,st,o),a(e,st,f+s)),h!==void 0&&(u===At&&(u="px"),Ft(e,ut,o),a(e,ut,h+u));break}case Yr:{YF(e,r,n.config,o);break}case $r:{$F(e,r,n.config,o);break}case cr:case lr:case fr:{let s=Ba[n.actionTypeId],u=Math.round(r.rValue),f=Math.round(r.gValue),h=Math.round(r.bValue),v=r.aValue;Ft(e,s,o),a(e,s,v>=1?`rgb(${u},${f},${h})`:`rgba(${u},${f},${h},${v})`);break}default:{let{unit:s=""}=n.config;Ft(e,i,o),a(e,i,r.value+s);break}}}function iD(e,t,r){let{setStyle:n}=r;switch(t.actionTypeId){case si:{let{value:i}=t.config;i===mF&&Qe?n(e,ii,_a):n(e,ii,i);return}}}function Ft(e,t,r){if(!Qe)return;let n=Zh[t];if(!n)return;let{getStyle:i,setStyle:o}=r,a=i(e,ir);if(!a){o(e,ir,n);return}let s=a.split(zr).map(Qh);s.indexOf(n)===-1&&o(e,ir,s.concat(n).join(zr))}function eE(e,t,r){if(!Qe)return;let n=Zh[t];if(!n)return;let{getStyle:i,setStyle:o}=r,a=i(e,ir);!a||a.indexOf(n)===-1||o(e,ir,a.split(zr).map(Qh).filter(s=>s!==n).join(zr))}function oD({store:e,elementApi:t}){let{ixData:r}=e.getState(),{events:n={},actionLists:i={}}=r;Object.keys(n).forEach(o=>{let a=n[o],{config:s}=a.action,{actionListId:u}=s,f=i[u];f&&Wh({actionList:f,event:a,elementApi:t})}),Object.keys(i).forEach(o=>{Wh({actionList:i[o],elementApi:t})})}function Wh({actionList:e={},event:t,elementApi:r}){let{actionItemGroups:n,continuousParameterGroups:i}=e;n&&n.forEach(o=>{Xh({actionGroup:o,event:t,elementApi:r})}),i&&i.forEach(o=>{let{continuousActionGroups:a}=o;a.forEach(s=>{Xh({actionGroup:s,event:t,elementApi:r})})})}function Xh({actionGroup:e,event:t,elementApi:r}){let{actionItems:n}=e;n.forEach(i=>{let{actionTypeId:o,config:a}=i,s;qt(o)?s=u=>qa(o)(u,i):s=tE({effect:sD,actionTypeId:o,elementApi:r}),Ha({config:a,event:t,elementApi:r}).forEach(s)})}function aD(e,t,r){let{setStyle:n,getStyle:i}=r,{actionTypeId:o}=t;if(o===ur){let{config:a}=t;a.widthUnit===At&&n(e,st,""),a.heightUnit===At&&n(e,ut,"")}i(e,ir)&&tE({effect:eE,actionTypeId:o,elementApi:r})(e)}function sD(e,t,r){let{setStyle:n}=r;eE(e,t,r),n(e,t,""),t===Ot&&n(e,$n,"")}function rE(e){let t=0,r=0;return e.forEach((n,i)=>{let{config:o}=n,a=o.delay+o.duration;a>=t&&(t=a,r=i)}),r}function uD(e,t){let{actionItemGroups:r,useFirstGroupAsInitialState:n}=e,{actionItem:i,verboseTimeElapsed:o=0}=t,a=0,s=0;return r.forEach((u,f)=>{if(n&&f===0)return;let{actionItems:h}=u,v=h[rE(h)],{config:d,actionTypeId:y}=v;i.id===v.id&&(s=a+o);let w=Jh(y)===Va?0:d.duration;a+=d.delay+w}),a>0?Wr(s/a):0}function cD({actionList:e,actionItemId:t,rawData:r}){let{actionItemGroups:n,continuousParameterGroups:i}=e,o=[],a=s=>(o.push((0,ai.mergeIn)(s,["config"],{delay:0,duration:0})),s.id===t);return n&&n.some(({actionItems:s})=>s.some(a)),i&&i.some(s=>{let{continuousActionGroups:u}=s;return u.some(({actionItems:f})=>f.some(a))}),(0,ai.setIn)(r,["actionLists"],{[e.id]:{id:e.id,actionItemGroups:[{actionItems:o}]}})}function lD(e,{basedOn:t}){return e===$e.SCROLLING_IN_VIEW&&(t===ot.ELEMENT||t==null)||e===$e.MOUSE_MOVE&&t===ot.ELEMENT}function fD(e,t){return e+OF+t}function dD(e,t){return t==null?!0:e.indexOf(t)!==-1}function pD(e,t){return Ga(e&&e.sort(),t&&t.sort())}function gD(e){if(typeof e=="string")return e;if(e.pluginElement&&e.objectId)return e.pluginElement+Ua+e.objectId;if(e.objectId)return e.objectId;let{id:t="",selector:r="",useEventTarget:n=""}=e;return t+Ua+r+Ua+n}var gt,oi,ri,ai,jh,lF,fF,dF,pF,gF,vF,hF,EF,yF,mF,ni,Xr,jr,st,ut,zh,_F,bF,Vh,TF,kh,IF,ii,ir,At,zr,OF,Ua,Kh,Va,ka,Yh,or,ar,sr,Kr,$h,Yr,$r,ur,cr,lr,fr,si,AF,Qh,Ba,Zh,ti,SF,CF,LF,Hh,MF,FF,GF,UF,VF,Wa,WF,XF,jF,zF,ZF,JF,eD,tE,iE=he(()=>{"use strict";gt=le(mh()),oi=le(Ph()),ri=le(Dh()),ai=le(Kt());Ge();Uh();Ia();jh=le(wa());Ma();Qn();({BACKGROUND:lF,TRANSFORM:fF,TRANSLATE_3D:dF,SCALE_3D:pF,ROTATE_X:gF,ROTATE_Y:vF,ROTATE_Z:hF,SKEW:EF,PRESERVE_3D:yF,FLEX:mF,OPACITY:ni,FILTER:Xr,FONT_VARIATION_SETTINGS:jr,WIDTH:st,HEIGHT:ut,BACKGROUND_COLOR:zh,BORDER_COLOR:_F,COLOR:bF,CHILDREN:Vh,IMMEDIATE_CHILDREN:TF,SIBLINGS:kh,PARENT:IF,DISPLAY:ii,WILL_CHANGE:ir,AUTO:At,COMMA_DELIMITER:zr,COLON_DELIMITER:OF,BAR_DELIMITER:Ua,RENDER_TRANSFORM:Kh,RENDER_GENERAL:Va,RENDER_STYLE:ka,RENDER_PLUGIN:Yh}=Ce),{TRANSFORM_MOVE:or,TRANSFORM_SCALE:ar,TRANSFORM_ROTATE:sr,TRANSFORM_SKEW:Kr,STYLE_OPACITY:$h,STYLE_FILTER:Yr,STYLE_FONT_VARIATION:$r,STYLE_SIZE:ur,STYLE_BACKGROUND_COLOR:cr,STYLE_BORDER:lr,STYLE_TEXT_COLOR:fr,GENERAL_DISPLAY:si,OBJECT_VALUE:AF}=De,Qh=e=>e.trim(),Ba=Object.freeze({[cr]:zh,[lr]:_F,[fr]:bF}),Zh=Object.freeze({[Ot]:fF,[zh]:lF,[ni]:ni,[Xr]:Xr,[st]:st,[ut]:ut,[jr]:jr}),ti=new Map;SF=1;CF=1;LF=(e,t)=>e===t;Hh=/px/,MF=(e,t)=>t.reduce((r,n)=>(r[n.type]==null&&(r[n.type]=WF[n.type]),r),e||{}),FF=(e,t)=>t.reduce((r,n)=>(r[n.type]==null&&(r[n.type]=XF[n.type]||n.defaultValue||0),r),e||{});GF=(e,t)=>(t&&(e[t.type]=t.value||0),e),UF=(e,t)=>(t&&(e[t.type]=t.value||0),e),VF=(e,t,r)=>{if(qt(e))return Ra(e)(r,t);switch(e){case Yr:{let n=(0,ri.default)(r.filters,({type:i})=>i===t);return n?n.value:0}case $r:{let n=(0,ri.default)(r.fontVariations,({type:i})=>i===t);return n?n.value:0}default:return r[t]}};Wa={[or]:Object.freeze({xValue:0,yValue:0,zValue:0}),[ar]:Object.freeze({xValue:1,yValue:1,zValue:1}),[sr]:Object.freeze({xValue:0,yValue:0,zValue:0}),[Kr]:Object.freeze({xValue:0,yValue:0})},WF=Object.freeze({blur:0,"hue-rotate":0,invert:0,grayscale:0,saturate:100,sepia:0,contrast:100,brightness:100}),XF=Object.freeze({wght:0,opsz:0,wdth:0,slnt:0}),jF=(e,t)=>{let r=(0,ri.default)(t.filters,({type:n})=>n===e);if(r&&r.unit)return r.unit;switch(e){case"blur":return"px";case"hue-rotate":return"deg";default:return"%"}},zF=Object.keys(Wa);ZF="\\(([^)]+)\\)",JF=/^rgb/,eD=RegExp(`rgba?${ZF}`);tE=({effect:e,actionTypeId:t,elementApi:r})=>n=>{switch(t){case or:case ar:case sr:case Kr:e(n,Ot,r);break;case Yr:e(n,Xr,r);break;case $r:e(n,jr,r);break;case $h:e(n,ni,r);break;case ur:e(n,st,r),e(n,ut,r);break;case cr:case lr:case fr:e(n,Ba[t],r);break;case si:e(n,ii,r);break}}});var Dt=c(Pe=>{"use strict";var dr=fn().default;Object.defineProperty(Pe,"__esModule",{value:!0});Pe.IX2VanillaUtils=Pe.IX2VanillaPlugins=Pe.IX2ElementsReducer=Pe.IX2Easings=Pe.IX2EasingUtils=Pe.IX2BrowserSupport=void 0;var vD=dr((Qn(),tt(Jv)));Pe.IX2BrowserSupport=vD;var hD=dr((Ta(),tt(Hr)));Pe.IX2Easings=hD;var ED=dr((Ia(),tt(ah)));Pe.IX2EasingUtils=ED;var yD=dr((lh(),tt(ch)));Pe.IX2ElementsReducer=yD;var mD=dr((Ma(),tt(Eh)));Pe.IX2VanillaPlugins=mD;var _D=dr((iE(),tt(nE)));Pe.IX2VanillaUtils=_D});var ci,vt,bD,TD,ID,OD,AD,wD,ui,oE,SD,xD,Xa,CD,RD,ND,LD,aE,sE=he(()=>{"use strict";Ge();ci=le(Dt()),vt=le(Kt()),{IX2_RAW_DATA_IMPORTED:bD,IX2_SESSION_STOPPED:TD,IX2_INSTANCE_ADDED:ID,IX2_INSTANCE_STARTED:OD,IX2_INSTANCE_REMOVED:AD,IX2_ANIMATION_FRAME_CHANGED:wD}=Ie,{optimizeFloat:ui,applyEasing:oE,createBezierEasing:SD}=ci.IX2EasingUtils,{RENDER_GENERAL:xD}=Ce,{getItemConfigByKey:Xa,getRenderType:CD,getStyleProp:RD}=ci.IX2VanillaUtils,ND=(e,t)=>{let{position:r,parameterId:n,actionGroups:i,destinationKeys:o,smoothing:a,restingValue:s,actionTypeId:u,customEasingFn:f,skipMotion:h,skipToValue:v}=e,{parameters:d}=t.payload,y=Math.max(1-a,.01),w=d[n];w==null&&(y=1,w=s);let T=Math.max(w,0)||0,S=ui(T-r),m=h?v:ui(r+S*y),R=m*100;if(m===r&&e.current)return e;let x,q,F,N;for(let z=0,{length:$}=i;z<$;z++){let{keyframe:J,actionItems:te}=i[z];if(z===0&&(x=te[0]),R>=J){x=te[0];let P=i[z+1],I=P&&R!==J;q=I?P.actionItems[0]:null,I&&(F=J/100,N=(P.keyframe-J)/100)}}let j={};if(x&&!q)for(let z=0,{length:$}=o;z<$;z++){let J=o[z];j[J]=Xa(u,J,x.config)}else if(x&&q&&F!==void 0&&N!==void 0){let z=(m-F)/N,$=x.config.easing,J=oE($,z,f);for(let te=0,{length:P}=o;te{let{active:r,origin:n,start:i,immediate:o,renderType:a,verbose:s,actionItem:u,destination:f,destinationKeys:h,pluginDuration:v,instanceDelay:d,customEasingFn:y,skipMotion:w}=e,T=u.config.easing,{duration:S,delay:m}=u.config;v!=null&&(S=v),m=d??m,a===xD?S=0:(o||w)&&(S=m=0);let{now:R}=t.payload;if(r&&n){let x=R-(i+m);if(s){let z=R-i,$=S+m,J=ui(Math.min(Math.max(0,z/$),1));e=(0,vt.set)(e,"verboseTimeElapsed",$*J)}if(x<0)return e;let q=ui(Math.min(Math.max(0,x/S),1)),F=oE(T,q,y),N={},j=null;return h.length&&(j=h.reduce((z,$)=>{let J=f[$],te=parseFloat(n[$])||0,I=(parseFloat(J)-te)*F+te;return z[$]=I,z},{})),N.current=j,N.position=q,q===1&&(N.active=!1,N.complete=!0),(0,vt.merge)(e,N)}return e},aE=(e=Object.freeze({}),t)=>{switch(t.type){case bD:return t.payload.ixInstances||Object.freeze({});case TD:return Object.freeze({});case ID:{let{instanceId:r,elementId:n,actionItem:i,eventId:o,eventTarget:a,eventStateKey:s,actionListId:u,groupIndex:f,isCarrier:h,origin:v,destination:d,immediate:y,verbose:w,continuous:T,parameterId:S,actionGroups:m,smoothing:R,restingValue:x,pluginInstance:q,pluginDuration:F,instanceDelay:N,skipMotion:j,skipToValue:z}=t.payload,{actionTypeId:$}=i,J=CD($),te=RD(J,$),P=Object.keys(d).filter(L=>d[L]!=null&&typeof d[L]!="string"),{easing:I}=i.config;return(0,vt.set)(e,r,{id:r,elementId:n,active:!1,position:0,start:0,origin:v,destination:d,destinationKeys:P,immediate:y,verbose:w,current:null,actionItem:i,actionTypeId:$,eventId:o,eventTarget:a,eventStateKey:s,actionListId:u,groupIndex:f,renderType:J,isCarrier:h,styleProp:te,continuous:T,parameterId:S,actionGroups:m,smoothing:R,restingValue:x,pluginInstance:q,pluginDuration:F,instanceDelay:N,skipMotion:j,skipToValue:z,customEasingFn:Array.isArray(I)&&I.length===4?SD(I):void 0})}case OD:{let{instanceId:r,time:n}=t.payload;return(0,vt.mergeIn)(e,[r],{active:!0,complete:!1,start:n})}case AD:{let{instanceId:r}=t.payload;if(!e[r])return e;let n={},i=Object.keys(e),{length:o}=i;for(let a=0;a{"use strict";Ge();({IX2_RAW_DATA_IMPORTED:PD,IX2_SESSION_STOPPED:qD,IX2_PARAMETER_CHANGED:MD}=Ie),uE=(e={},t)=>{switch(t.type){case PD:return t.payload.ixParameters||{};case qD:return{};case MD:{let{key:r,value:n}=t.payload;return e[r]=n,e}default:return e}}});var dE={};Fe(dE,{default:()=>DD});var lE,fE,FD,DD,pE=he(()=>{"use strict";lE=le(ko());Of();Xf();Kf();fE=le(Dt());sE();cE();({ixElements:FD}=fE.IX2ElementsReducer),DD=(0,lE.combineReducers)({ixData:If,ixRequest:Wf,ixSession:zf,ixElements:FD,ixInstances:aE,ixParameters:uE})});var vE=c((qX,gE)=>{var GD=bt(),UD=Oe(),VD=dt(),kD="[object String]";function BD(e){return typeof e=="string"||!UD(e)&&VD(e)&&GD(e)==kD}gE.exports=BD});var EE=c((MX,hE)=>{var HD=va(),WD=HD("length");hE.exports=WD});var mE=c((FX,yE)=>{var XD="\\ud800-\\udfff",jD="\\u0300-\\u036f",zD="\\ufe20-\\ufe2f",KD="\\u20d0-\\u20ff",YD=jD+zD+KD,$D="\\ufe0e\\ufe0f",QD="\\u200d",ZD=RegExp("["+QD+XD+YD+$D+"]");function JD(e){return ZD.test(e)}yE.exports=JD});var xE=c((DX,SE)=>{var bE="\\ud800-\\udfff",e1="\\u0300-\\u036f",t1="\\ufe20-\\ufe2f",r1="\\u20d0-\\u20ff",n1=e1+t1+r1,i1="\\ufe0e\\ufe0f",o1="["+bE+"]",ja="["+n1+"]",za="\\ud83c[\\udffb-\\udfff]",a1="(?:"+ja+"|"+za+")",TE="[^"+bE+"]",IE="(?:\\ud83c[\\udde6-\\uddff]){2}",OE="[\\ud800-\\udbff][\\udc00-\\udfff]",s1="\\u200d",AE=a1+"?",wE="["+i1+"]?",u1="(?:"+s1+"(?:"+[TE,IE,OE].join("|")+")"+wE+AE+")*",c1=wE+AE+u1,l1="(?:"+[TE+ja+"?",ja,IE,OE,o1].join("|")+")",_E=RegExp(za+"(?="+za+")|"+l1+c1,"g");function f1(e){for(var t=_E.lastIndex=0;_E.test(e);)++t;return t}SE.exports=f1});var RE=c((GX,CE)=>{var d1=EE(),p1=mE(),g1=xE();function v1(e){return p1(e)?g1(e):d1(e)}CE.exports=v1});var LE=c((UX,NE)=>{var h1=kn(),E1=Bn(),y1=Lt(),m1=vE(),_1=RE(),b1="[object Map]",T1="[object Set]";function I1(e){if(e==null)return 0;if(y1(e))return m1(e)?_1(e):e.length;var t=E1(e);return t==b1||t==T1?e.size:h1(e).length}NE.exports=I1});var qE=c((VX,PE)=>{var O1="Expected a function";function A1(e){if(typeof e!="function")throw new TypeError(O1);return function(){var t=arguments;switch(t.length){case 0:return!e.call(this);case 1:return!e.call(this,t[0]);case 2:return!e.call(this,t[0],t[1]);case 3:return!e.call(this,t[0],t[1],t[2])}return!e.apply(this,t)}}PE.exports=A1});var Ka=c((kX,ME)=>{var w1=Tt(),S1=function(){try{var e=w1(Object,"defineProperty");return e({},"",{}),e}catch{}}();ME.exports=S1});var Ya=c((BX,DE)=>{var FE=Ka();function x1(e,t,r){t=="__proto__"&&FE?FE(e,t,{configurable:!0,enumerable:!0,value:r,writable:!0}):e[t]=r}DE.exports=x1});var UE=c((HX,GE)=>{var C1=Ya(),R1=Nn(),N1=Object.prototype,L1=N1.hasOwnProperty;function P1(e,t,r){var n=e[t];(!(L1.call(e,t)&&R1(n,r))||r===void 0&&!(t in e))&&C1(e,t,r)}GE.exports=P1});var BE=c((WX,kE)=>{var q1=UE(),M1=Vr(),F1=Dn(),VE=at(),D1=rr();function G1(e,t,r,n){if(!VE(e))return e;t=M1(t,e);for(var i=-1,o=t.length,a=o-1,s=e;s!=null&&++i{var U1=Xn(),V1=BE(),k1=Vr();function B1(e,t,r){for(var n=-1,i=t.length,o={};++n{var H1=Mn(),W1=xo(),X1=ea(),j1=Jo(),z1=Object.getOwnPropertySymbols,K1=z1?function(e){for(var t=[];e;)H1(t,X1(e)),e=W1(e);return t}:j1;XE.exports=K1});var KE=c((zX,zE)=>{function Y1(e){var t=[];if(e!=null)for(var r in Object(e))t.push(r);return t}zE.exports=Y1});var $E=c((KX,YE)=>{var $1=at(),Q1=Vn(),Z1=KE(),J1=Object.prototype,e2=J1.hasOwnProperty;function t2(e){if(!$1(e))return Z1(e);var t=Q1(e),r=[];for(var n in e)n=="constructor"&&(t||!e2.call(e,n))||r.push(n);return r}YE.exports=t2});var ZE=c((YX,QE)=>{var r2=ra(),n2=$E(),i2=Lt();function o2(e){return i2(e)?r2(e,!0):n2(e)}QE.exports=o2});var ey=c(($X,JE)=>{var a2=Zo(),s2=jE(),u2=ZE();function c2(e){return a2(e,u2,s2)}JE.exports=c2});var ry=c((QX,ty)=>{var l2=ga(),f2=It(),d2=WE(),p2=ey();function g2(e,t){if(e==null)return{};var r=l2(p2(e),function(n){return[n]});return t=f2(t),d2(e,r,function(n,i){return t(n,i[0])})}ty.exports=g2});var iy=c((ZX,ny)=>{var v2=It(),h2=qE(),E2=ry();function y2(e,t){return E2(e,h2(v2(t)))}ny.exports=y2});var ay=c((JX,oy)=>{var m2=kn(),_2=Bn(),b2=qr(),T2=Oe(),I2=Lt(),O2=Fn(),A2=Vn(),w2=Un(),S2="[object Map]",x2="[object Set]",C2=Object.prototype,R2=C2.hasOwnProperty;function N2(e){if(e==null)return!0;if(I2(e)&&(T2(e)||typeof e=="string"||typeof e.splice=="function"||O2(e)||w2(e)||b2(e)))return!e.length;var t=_2(e);if(t==S2||t==x2)return!e.size;if(A2(e))return!m2(e).length;for(var r in e)if(R2.call(e,r))return!1;return!0}oy.exports=N2});var uy=c((ej,sy)=>{var L2=Ya(),P2=Fa(),q2=It();function M2(e,t){var r={};return t=q2(t,3),P2(e,function(n,i,o){L2(r,i,t(n,i,o))}),r}sy.exports=M2});var ly=c((tj,cy)=>{function F2(e,t){for(var r=-1,n=e==null?0:e.length;++r{var D2=zn();function G2(e){return typeof e=="function"?e:D2}fy.exports=G2});var gy=c((nj,py)=>{var U2=ly(),V2=Da(),k2=dy(),B2=Oe();function H2(e,t){var r=B2(e)?U2:V2;return r(e,k2(t))}py.exports=H2});var hy=c((ij,vy)=>{var W2=Ye(),X2=function(){return W2.Date.now()};vy.exports=X2});var my=c((oj,yy)=>{var j2=at(),$a=hy(),Ey=Kn(),z2="Expected a function",K2=Math.max,Y2=Math.min;function $2(e,t,r){var n,i,o,a,s,u,f=0,h=!1,v=!1,d=!0;if(typeof e!="function")throw new TypeError(z2);t=Ey(t)||0,j2(r)&&(h=!!r.leading,v="maxWait"in r,o=v?K2(Ey(r.maxWait)||0,t):o,d="trailing"in r?!!r.trailing:d);function y(N){var j=n,z=i;return n=i=void 0,f=N,a=e.apply(z,j),a}function w(N){return f=N,s=setTimeout(m,t),h?y(N):a}function T(N){var j=N-u,z=N-f,$=t-j;return v?Y2($,o-z):$}function S(N){var j=N-u,z=N-f;return u===void 0||j>=t||j<0||v&&z>=o}function m(){var N=$a();if(S(N))return R(N);s=setTimeout(m,T(N))}function R(N){return s=void 0,d&&n?y(N):(n=i=void 0,a)}function x(){s!==void 0&&clearTimeout(s),f=0,n=u=i=s=void 0}function q(){return s===void 0?a:R($a())}function F(){var N=$a(),j=S(N);if(n=arguments,i=this,u=N,j){if(s===void 0)return w(u);if(v)return clearTimeout(s),s=setTimeout(m,t),y(u)}return s===void 0&&(s=setTimeout(m,t)),a}return F.cancel=x,F.flush=q,F}yy.exports=$2});var by=c((aj,_y)=>{var Q2=my(),Z2=at(),J2="Expected a function";function eG(e,t,r){var n=!0,i=!0;if(typeof e!="function")throw new TypeError(J2);return Z2(r)&&(n="leading"in r?!!r.leading:n,i="trailing"in r?!!r.trailing:i),Q2(e,t,{leading:n,maxWait:t,trailing:i})}_y.exports=eG});var Iy={};Fe(Iy,{actionListPlaybackChanged:()=>gr,animationFrameChanged:()=>fi,clearRequested:()=>AG,elementStateChanged:()=>is,eventListenerAdded:()=>li,eventStateChanged:()=>ts,instanceAdded:()=>rs,instanceRemoved:()=>ns,instanceStarted:()=>di,mediaQueriesDefined:()=>as,parameterChanged:()=>pr,playbackRequested:()=>IG,previewRequested:()=>TG,rawDataImported:()=>Qa,sessionInitialized:()=>Za,sessionStarted:()=>Ja,sessionStopped:()=>es,stopRequested:()=>OG,testFrameRendered:()=>wG,viewportWidthChanged:()=>os});var Ty,tG,rG,nG,iG,oG,aG,sG,uG,cG,lG,fG,dG,pG,gG,vG,hG,EG,yG,mG,_G,bG,Qa,Za,Ja,es,TG,IG,OG,AG,li,wG,ts,fi,pr,rs,di,ns,is,gr,os,as,pi=he(()=>{"use strict";Ge();Ty=le(Dt()),{IX2_RAW_DATA_IMPORTED:tG,IX2_SESSION_INITIALIZED:rG,IX2_SESSION_STARTED:nG,IX2_SESSION_STOPPED:iG,IX2_PREVIEW_REQUESTED:oG,IX2_PLAYBACK_REQUESTED:aG,IX2_STOP_REQUESTED:sG,IX2_CLEAR_REQUESTED:uG,IX2_EVENT_LISTENER_ADDED:cG,IX2_TEST_FRAME_RENDERED:lG,IX2_EVENT_STATE_CHANGED:fG,IX2_ANIMATION_FRAME_CHANGED:dG,IX2_PARAMETER_CHANGED:pG,IX2_INSTANCE_ADDED:gG,IX2_INSTANCE_STARTED:vG,IX2_INSTANCE_REMOVED:hG,IX2_ELEMENT_STATE_CHANGED:EG,IX2_ACTION_LIST_PLAYBACK_CHANGED:yG,IX2_VIEWPORT_WIDTH_CHANGED:mG,IX2_MEDIA_QUERIES_DEFINED:_G}=Ie,{reifyState:bG}=Ty.IX2VanillaUtils,Qa=e=>({type:tG,payload:{...bG(e)}}),Za=({hasBoundaryNodes:e,reducedMotion:t})=>({type:rG,payload:{hasBoundaryNodes:e,reducedMotion:t}}),Ja=()=>({type:nG}),es=()=>({type:iG}),TG=({rawData:e,defer:t})=>({type:oG,payload:{defer:t,rawData:e}}),IG=({actionTypeId:e=De.GENERAL_START_ACTION,actionListId:t,actionItemId:r,eventId:n,allowEvents:i,immediate:o,testManual:a,verbose:s,rawData:u})=>({type:aG,payload:{actionTypeId:e,actionListId:t,actionItemId:r,testManual:a,eventId:n,allowEvents:i,immediate:o,verbose:s,rawData:u}}),OG=e=>({type:sG,payload:{actionListId:e}}),AG=()=>({type:uG}),li=(e,t)=>({type:cG,payload:{target:e,listenerParams:t}}),wG=(e=1)=>({type:lG,payload:{step:e}}),ts=(e,t)=>({type:fG,payload:{stateKey:e,newState:t}}),fi=(e,t)=>({type:dG,payload:{now:e,parameters:t}}),pr=(e,t)=>({type:pG,payload:{key:e,value:t}}),rs=e=>({type:gG,payload:{...e}}),di=(e,t)=>({type:vG,payload:{instanceId:e,time:t}}),ns=e=>({type:hG,payload:{instanceId:e}}),is=(e,t,r,n)=>({type:EG,payload:{elementId:e,actionTypeId:t,current:r,actionItem:n}}),gr=({actionListId:e,isPlaying:t})=>({type:yG,payload:{actionListId:e,isPlaying:t}}),os=({width:e,mediaQueries:t})=>({type:mG,payload:{width:e,mediaQueries:t}}),as=()=>({type:_G})});var qe={};Fe(qe,{elementContains:()=>cs,getChildElements:()=>FG,getClosestElement:()=>Qr,getProperty:()=>NG,getQuerySelector:()=>us,getRefType:()=>ls,getSiblingElements:()=>DG,getStyle:()=>RG,getValidDocument:()=>PG,isSiblingNode:()=>MG,matchSelector:()=>LG,queryDocument:()=>qG,setStyle:()=>CG});function CG(e,t,r){e.style[t]=r}function RG(e,t){return t.startsWith("--")?window.getComputedStyle(document.documentElement).getPropertyValue(t):e.style[t]}function NG(e,t){return e[t]}function LG(e){return t=>t[ss](e)}function us({id:e,selector:t}){if(e){let r=e;if(e.indexOf(Oy)!==-1){let n=e.split(Oy),i=n[0];if(r=n[1],i!==document.documentElement.getAttribute(wy))return null}return`[data-w-id="${r}"], [data-w-id^="${r}_instance"]`}return t}function PG(e){return e==null||e===document.documentElement.getAttribute(wy)?document:null}function qG(e,t){return Array.prototype.slice.call(document.querySelectorAll(t?e+" "+t:e))}function cs(e,t){return e.contains(t)}function MG(e,t){return e!==t&&e.parentNode===t.parentNode}function FG(e){let t=[];for(let r=0,{length:n}=e||[];r{"use strict";Ay=le(Dt());Ge();({ELEMENT_MATCHES:ss}=Ay.IX2BrowserSupport),{IX2_ID_DELIMITER:Oy,HTML_ELEMENT:SG,PLAIN_OBJECT:xG,WF_PAGE:wy}=Ce;Qr=Element.prototype.closest?(e,t)=>document.documentElement.contains(e)?e.closest(t):null:(e,t)=>{if(!document.documentElement.contains(e))return null;let r=e;do{if(r[ss]&&r[ss](t))return r;r=r.parentNode}while(r!=null);return null}});var fs=c((cj,Cy)=>{var GG=at(),xy=Object.create,UG=function(){function e(){}return function(t){if(!GG(t))return{};if(xy)return xy(t);e.prototype=t;var r=new e;return e.prototype=void 0,r}}();Cy.exports=UG});var gi=c((lj,Ry)=>{function VG(){}Ry.exports=VG});var hi=c((fj,Ny)=>{var kG=fs(),BG=gi();function vi(e,t){this.__wrapped__=e,this.__actions__=[],this.__chain__=!!t,this.__index__=0,this.__values__=void 0}vi.prototype=kG(BG.prototype);vi.prototype.constructor=vi;Ny.exports=vi});var My=c((dj,qy)=>{var Ly=Xt(),HG=qr(),WG=Oe(),Py=Ly?Ly.isConcatSpreadable:void 0;function XG(e){return WG(e)||HG(e)||!!(Py&&e&&e[Py])}qy.exports=XG});var Gy=c((pj,Dy)=>{var jG=Mn(),zG=My();function Fy(e,t,r,n,i){var o=-1,a=e.length;for(r||(r=zG),i||(i=[]);++o0&&r(s)?t>1?Fy(s,t-1,r,n,i):jG(i,s):n||(i[i.length]=s)}return i}Dy.exports=Fy});var Vy=c((gj,Uy)=>{var KG=Gy();function YG(e){var t=e==null?0:e.length;return t?KG(e,1):[]}Uy.exports=YG});var By=c((vj,ky)=>{function $G(e,t,r){switch(r.length){case 0:return e.call(t);case 1:return e.call(t,r[0]);case 2:return e.call(t,r[0],r[1]);case 3:return e.call(t,r[0],r[1],r[2])}return e.apply(t,r)}ky.exports=$G});var Xy=c((hj,Wy)=>{var QG=By(),Hy=Math.max;function ZG(e,t,r){return t=Hy(t===void 0?e.length-1:t,0),function(){for(var n=arguments,i=-1,o=Hy(n.length-t,0),a=Array(o);++i{function JG(e){return function(){return e}}jy.exports=JG});var $y=c((yj,Yy)=>{var eU=zy(),Ky=Ka(),tU=zn(),rU=Ky?function(e,t){return Ky(e,"toString",{configurable:!0,enumerable:!1,value:eU(t),writable:!0})}:tU;Yy.exports=rU});var Zy=c((mj,Qy)=>{var nU=800,iU=16,oU=Date.now;function aU(e){var t=0,r=0;return function(){var n=oU(),i=iU-(n-r);if(r=n,i>0){if(++t>=nU)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}Qy.exports=aU});var em=c((_j,Jy)=>{var sU=$y(),uU=Zy(),cU=uU(sU);Jy.exports=cU});var rm=c((bj,tm)=>{var lU=Vy(),fU=Xy(),dU=em();function pU(e){return dU(fU(e,void 0,lU),e+"")}tm.exports=pU});var om=c((Tj,im)=>{var nm=na(),gU=nm&&new nm;im.exports=gU});var sm=c((Ij,am)=>{function vU(){}am.exports=vU});var ds=c((Oj,cm)=>{var um=om(),hU=sm(),EU=um?function(e){return um.get(e)}:hU;cm.exports=EU});var fm=c((Aj,lm)=>{var yU={};lm.exports=yU});var ps=c((wj,pm)=>{var dm=fm(),mU=Object.prototype,_U=mU.hasOwnProperty;function bU(e){for(var t=e.name+"",r=dm[t],n=_U.call(dm,t)?r.length:0;n--;){var i=r[n],o=i.func;if(o==null||o==e)return i.name}return t}pm.exports=bU});var yi=c((Sj,gm)=>{var TU=fs(),IU=gi(),OU=4294967295;function Ei(e){this.__wrapped__=e,this.__actions__=[],this.__dir__=1,this.__filtered__=!1,this.__iteratees__=[],this.__takeCount__=OU,this.__views__=[]}Ei.prototype=TU(IU.prototype);Ei.prototype.constructor=Ei;gm.exports=Ei});var hm=c((xj,vm)=>{function AU(e,t){var r=-1,n=e.length;for(t||(t=Array(n));++r{var wU=yi(),SU=hi(),xU=hm();function CU(e){if(e instanceof wU)return e.clone();var t=new SU(e.__wrapped__,e.__chain__);return t.__actions__=xU(e.__actions__),t.__index__=e.__index__,t.__values__=e.__values__,t}Em.exports=CU});var bm=c((Rj,_m)=>{var RU=yi(),mm=hi(),NU=gi(),LU=Oe(),PU=dt(),qU=ym(),MU=Object.prototype,FU=MU.hasOwnProperty;function mi(e){if(PU(e)&&!LU(e)&&!(e instanceof RU)){if(e instanceof mm)return e;if(FU.call(e,"__wrapped__"))return qU(e)}return new mm(e)}mi.prototype=NU.prototype;mi.prototype.constructor=mi;_m.exports=mi});var Im=c((Nj,Tm)=>{var DU=yi(),GU=ds(),UU=ps(),VU=bm();function kU(e){var t=UU(e),r=VU[t];if(typeof r!="function"||!(t in DU.prototype))return!1;if(e===r)return!0;var n=GU(r);return!!n&&e===n[0]}Tm.exports=kU});var Sm=c((Lj,wm)=>{var Om=hi(),BU=rm(),HU=ds(),gs=ps(),WU=Oe(),Am=Im(),XU="Expected a function",jU=8,zU=32,KU=128,YU=256;function $U(e){return BU(function(t){var r=t.length,n=r,i=Om.prototype.thru;for(e&&t.reverse();n--;){var o=t[n];if(typeof o!="function")throw new TypeError(XU);if(i&&!a&&gs(o)=="wrapper")var a=new Om([],!0)}for(n=a?n:r;++n{var QU=Sm(),ZU=QU();xm.exports=ZU});var Nm=c((qj,Rm)=>{function JU(e,t,r){return e===e&&(r!==void 0&&(e=e<=r?e:r),t!==void 0&&(e=e>=t?e:t)),e}Rm.exports=JU});var Pm=c((Mj,Lm)=>{var eV=Nm(),vs=Kn();function tV(e,t,r){return r===void 0&&(r=t,t=void 0),r!==void 0&&(r=vs(r),r=r===r?r:0),t!==void 0&&(t=vs(t),t=t===t?t:0),eV(vs(e),t,r)}Lm.exports=tV});var Bm,Hm,Wm,Xm,rV,nV,iV,oV,aV,sV,uV,cV,lV,fV,dV,pV,gV,vV,hV,jm,zm,EV,yV,mV,Km,_V,bV,Ym,TV,hs,$m,qm,Mm,Qm,Jr,IV,ct,Zm,OV,Ve,Ze,en,Jm,Es,Fm,ys,AV,Zr,wV,SV,xV,e_,Dm,CV,Gm,RV,NV,LV,Um,_i,bi,Vm,km,t_,r_=he(()=>{"use strict";Bm=le(Cm()),Hm=le(jn()),Wm=le(Pm());Ge();ms();pi();Xm=le(Dt()),{MOUSE_CLICK:rV,MOUSE_SECOND_CLICK:nV,MOUSE_DOWN:iV,MOUSE_UP:oV,MOUSE_OVER:aV,MOUSE_OUT:sV,DROPDOWN_CLOSE:uV,DROPDOWN_OPEN:cV,SLIDER_ACTIVE:lV,SLIDER_INACTIVE:fV,TAB_ACTIVE:dV,TAB_INACTIVE:pV,NAVBAR_CLOSE:gV,NAVBAR_OPEN:vV,MOUSE_MOVE:hV,PAGE_SCROLL_DOWN:jm,SCROLL_INTO_VIEW:zm,SCROLL_OUT_OF_VIEW:EV,PAGE_SCROLL_UP:yV,SCROLLING_IN_VIEW:mV,PAGE_FINISH:Km,ECOMMERCE_CART_CLOSE:_V,ECOMMERCE_CART_OPEN:bV,PAGE_START:Ym,PAGE_SCROLL:TV}=$e,hs="COMPONENT_ACTIVE",$m="COMPONENT_INACTIVE",{COLON_DELIMITER:qm}=Ce,{getNamespacedParameterId:Mm}=Xm.IX2VanillaUtils,Qm=e=>t=>typeof t=="object"&&e(t)?!0:t,Jr=Qm(({element:e,nativeEvent:t})=>e===t.target),IV=Qm(({element:e,nativeEvent:t})=>e.contains(t.target)),ct=(0,Bm.default)([Jr,IV]),Zm=(e,t)=>{if(t){let{ixData:r}=e.getState(),{events:n}=r,i=n[t];if(i&&!AV[i.eventTypeId])return i}return null},OV=({store:e,event:t})=>{let{action:r}=t,{autoStopEventId:n}=r.config;return!!Zm(e,n)},Ve=({store:e,event:t,element:r,eventStateKey:n},i)=>{let{action:o,id:a}=t,{actionListId:s,autoStopEventId:u}=o.config,f=Zm(e,u);return f&&vr({store:e,eventId:u,eventTarget:r,eventStateKey:u+qm+n.split(qm)[1],actionListId:(0,Hm.default)(f,"action.config.actionListId")}),vr({store:e,eventId:a,eventTarget:r,eventStateKey:n,actionListId:s}),tn({store:e,eventId:a,eventTarget:r,eventStateKey:n,actionListId:s}),i},Ze=(e,t)=>(r,n)=>e(r,n)===!0?t(r,n):n,en={handler:Ze(ct,Ve)},Jm={...en,types:[hs,$m].join(" ")},Es=[{target:window,types:"resize orientationchange",throttle:!0},{target:document,types:"scroll wheel readystatechange IX2_PAGE_UPDATE",throttle:!0}],Fm="mouseover mouseout",ys={types:Es},AV={PAGE_START:Ym,PAGE_FINISH:Km},Zr=(()=>{let e=window.pageXOffset!==void 0,r=document.compatMode==="CSS1Compat"?document.documentElement:document.body;return()=>({scrollLeft:e?window.pageXOffset:r.scrollLeft,scrollTop:e?window.pageYOffset:r.scrollTop,stiffScrollTop:(0,Wm.default)(e?window.pageYOffset:r.scrollTop,0,r.scrollHeight-window.innerHeight),scrollWidth:r.scrollWidth,scrollHeight:r.scrollHeight,clientWidth:r.clientWidth,clientHeight:r.clientHeight,innerWidth:window.innerWidth,innerHeight:window.innerHeight})})(),wV=(e,t)=>!(e.left>t.right||e.rightt.bottom||e.bottom{let{type:r,target:n,relatedTarget:i}=t,o=e.contains(n);if(r==="mouseover"&&o)return!0;let a=e.contains(i);return!!(r==="mouseout"&&o&&a)},xV=e=>{let{element:t,event:{config:r}}=e,{clientWidth:n,clientHeight:i}=Zr(),o=r.scrollOffsetValue,u=r.scrollOffsetUnit==="PX"?o:i*(o||0)/100;return wV(t.getBoundingClientRect(),{left:0,top:u,right:n,bottom:i-u})},e_=e=>(t,r)=>{let{type:n}=t.nativeEvent,i=[hs,$m].indexOf(n)!==-1?n===hs:r.isActive,o={...r,isActive:i};return(!r||o.isActive!==r.isActive)&&e(t,o)||o},Dm=e=>(t,r)=>{let n={elementHovered:SV(t)};return(r?n.elementHovered!==r.elementHovered:n.elementHovered)&&e(t,n)||n},CV=e=>(t,r)=>{let n={...r,elementVisible:xV(t)};return(r?n.elementVisible!==r.elementVisible:n.elementVisible)&&e(t,n)||n},Gm=e=>(t,r={})=>{let{stiffScrollTop:n,scrollHeight:i,innerHeight:o}=Zr(),{event:{config:a,eventTypeId:s}}=t,{scrollOffsetValue:u,scrollOffsetUnit:f}=a,h=f==="PX",v=i-o,d=Number((n/v).toFixed(2));if(r&&r.percentTop===d)return r;let y=(h?u:o*(u||0)/100)/v,w,T,S=0;r&&(w=d>r.percentTop,T=r.scrollingDown!==w,S=T?d:r.anchorTop);let m=s===jm?d>=S+y:d<=S-y,R={...r,percentTop:d,inBounds:m,anchorTop:S,scrollingDown:w};return r&&m&&(T||R.inBounds!==r.inBounds)&&e(t,R)||R},RV=(e,t)=>e.left>t.left&&e.leftt.top&&e.top(t,r)=>{let n={finished:document.readyState==="complete"};return n.finished&&!(r&&r.finshed)&&e(t),n},LV=e=>(t,r)=>{let n={started:!0};return r||e(t),n},Um=e=>(t,r={clickCount:0})=>{let n={clickCount:r.clickCount%2+1};return n.clickCount!==r.clickCount&&e(t,n)||n},_i=(e=!0)=>({...Jm,handler:Ze(e?ct:Jr,e_((t,r)=>r.isActive?en.handler(t,r):r))}),bi=(e=!0)=>({...Jm,handler:Ze(e?ct:Jr,e_((t,r)=>r.isActive?r:en.handler(t,r)))}),Vm={...ys,handler:CV((e,t)=>{let{elementVisible:r}=t,{event:n,store:i}=e,{ixData:o}=i.getState(),{events:a}=o;return!a[n.action.config.autoStopEventId]&&t.triggered?t:n.eventTypeId===zm===r?(Ve(e),{...t,triggered:!0}):t})},km=.05,t_={[lV]:_i(),[fV]:bi(),[cV]:_i(),[uV]:bi(),[vV]:_i(!1),[gV]:bi(!1),[dV]:_i(),[pV]:bi(),[bV]:{types:"ecommerce-cart-open",handler:Ze(ct,Ve)},[_V]:{types:"ecommerce-cart-close",handler:Ze(ct,Ve)},[rV]:{types:"click",handler:Ze(ct,Um((e,{clickCount:t})=>{OV(e)?t===1&&Ve(e):Ve(e)}))},[nV]:{types:"click",handler:Ze(ct,Um((e,{clickCount:t})=>{t===2&&Ve(e)}))},[iV]:{...en,types:"mousedown"},[oV]:{...en,types:"mouseup"},[aV]:{types:Fm,handler:Ze(ct,Dm((e,t)=>{t.elementHovered&&Ve(e)}))},[sV]:{types:Fm,handler:Ze(ct,Dm((e,t)=>{t.elementHovered||Ve(e)}))},[hV]:{types:"mousemove mouseout scroll",handler:({store:e,element:t,eventConfig:r,nativeEvent:n,eventStateKey:i},o={clientX:0,clientY:0,pageX:0,pageY:0})=>{let{basedOn:a,selectedAxis:s,continuousParameterGroupId:u,reverse:f,restingState:h=0}=r,{clientX:v=o.clientX,clientY:d=o.clientY,pageX:y=o.pageX,pageY:w=o.pageY}=n,T=s==="X_AXIS",S=n.type==="mouseout",m=h/100,R=u,x=!1;switch(a){case ot.VIEWPORT:{m=T?Math.min(v,window.innerWidth)/window.innerWidth:Math.min(d,window.innerHeight)/window.innerHeight;break}case ot.PAGE:{let{scrollLeft:q,scrollTop:F,scrollWidth:N,scrollHeight:j}=Zr();m=T?Math.min(q+y,N)/N:Math.min(F+w,j)/j;break}case ot.ELEMENT:default:{R=Mm(i,u);let q=n.type.indexOf("mouse")===0;if(q&&ct({element:t,nativeEvent:n})!==!0)break;let F=t.getBoundingClientRect(),{left:N,top:j,width:z,height:$}=F;if(!q&&!RV({left:v,top:d},F))break;x=!0,m=T?(v-N)/z:(d-j)/$;break}}return S&&(m>1-km||m{let{continuousParameterGroupId:r,reverse:n}=t,{scrollTop:i,scrollHeight:o,clientHeight:a}=Zr(),s=i/(o-a);s=n?1-s:s,e.dispatch(pr(r,s))}},[mV]:{types:Es,handler:({element:e,store:t,eventConfig:r,eventStateKey:n},i={scrollPercent:0})=>{let{scrollLeft:o,scrollTop:a,scrollWidth:s,scrollHeight:u,clientHeight:f}=Zr(),{basedOn:h,selectedAxis:v,continuousParameterGroupId:d,startsEntering:y,startsExiting:w,addEndOffset:T,addStartOffset:S,addOffsetValue:m=0,endOffsetValue:R=0}=r,x=v==="X_AXIS";if(h===ot.VIEWPORT){let q=x?o/s:a/u;return q!==i.scrollPercent&&t.dispatch(pr(d,q)),{scrollPercent:q}}else{let q=Mm(n,d),F=e.getBoundingClientRect(),N=(S?m:0)/100,j=(T?R:0)/100;N=y?N:1-N,j=w?j:1-j;let z=F.top+Math.min(F.height*N,f),J=F.top+F.height*j-z,te=Math.min(f+J,u),I=Math.min(Math.max(0,f-z),te)/te;return I!==i.scrollPercent&&t.dispatch(pr(q,I)),{scrollPercent:I}}}},[zm]:Vm,[EV]:Vm,[jm]:{...ys,handler:Gm((e,t)=>{t.scrollingDown&&Ve(e)})},[yV]:{...ys,handler:Gm((e,t)=>{t.scrollingDown||Ve(e)})},[Km]:{types:"readystatechange IX2_PAGE_UPDATE",handler:Ze(Jr,NV(Ve))},[Ym]:{types:"readystatechange IX2_PAGE_UPDATE",handler:Ze(Jr,LV(Ve))}}});var m_={};Fe(m_,{observeRequests:()=>ZV,startActionGroup:()=>tn,startEngine:()=>Si,stopActionGroup:()=>vr,stopAllActionGroups:()=>h_,stopEngine:()=>xi});function ZV(e){Gt({store:e,select:({ixRequest:t})=>t.preview,onChange:tk}),Gt({store:e,select:({ixRequest:t})=>t.playback,onChange:rk}),Gt({store:e,select:({ixRequest:t})=>t.stop,onChange:nk}),Gt({store:e,select:({ixRequest:t})=>t.clear,onChange:ik})}function JV(e){Gt({store:e,select:({ixSession:t})=>t.mediaQueryKey,onChange:()=>{xi(e),d_({store:e,elementApi:qe}),Si({store:e,allowEvents:!0}),p_()}})}function ek(e,t){let r=Gt({store:e,select:({ixSession:n})=>n.tick,onChange:n=>{t(n),r()}})}function tk({rawData:e,defer:t},r){let n=()=>{Si({store:r,rawData:e,allowEvents:!0}),p_()};t?setTimeout(n,0):n()}function p_(){document.dispatchEvent(new CustomEvent("IX2_PAGE_UPDATE"))}function rk(e,t){let{actionTypeId:r,actionListId:n,actionItemId:i,eventId:o,allowEvents:a,immediate:s,testManual:u,verbose:f=!0}=e,{rawData:h}=e;if(n&&i&&h&&s){let v=h.actionLists[n];v&&(h=kV({actionList:v,actionItemId:i,rawData:h}))}if(Si({store:t,rawData:h,allowEvents:a,testManual:u}),n&&r===De.GENERAL_START_ACTION||_s(r)){vr({store:t,actionListId:n}),v_({store:t,actionListId:n,eventId:o});let v=tn({store:t,eventId:o,actionListId:n,immediate:s,verbose:f});f&&v&&t.dispatch(gr({actionListId:n,isPlaying:!s}))}}function nk({actionListId:e},t){e?vr({store:t,actionListId:e}):h_({store:t}),xi(t)}function ik(e,t){xi(t),d_({store:t,elementApi:qe})}function Si({store:e,rawData:t,allowEvents:r,testManual:n}){let{ixSession:i}=e.getState();t&&e.dispatch(Qa(t)),i.active||(e.dispatch(Za({hasBoundaryNodes:!!document.querySelector(Ii),reducedMotion:document.body.hasAttribute("data-wf-ix-vacation")&&window.matchMedia("(prefers-reduced-motion)").matches})),r&&(lk(e),ok(),e.getState().ixSession.hasDefinedMediaQueries&&JV(e)),e.dispatch(Ja()),ak(e,n))}function ok(){let{documentElement:e}=document;e.className.indexOf(n_)===-1&&(e.className+=` ${n_}`)}function ak(e,t){let r=n=>{let{ixSession:i,ixParameters:o}=e.getState();i.active&&(e.dispatch(fi(n,o)),t?ek(e,r):requestAnimationFrame(r))};r(window.performance.now())}function xi(e){let{ixSession:t}=e.getState();if(t.active){let{eventListeners:r}=t;r.forEach(sk),XV(),e.dispatch(es())}}function sk({target:e,listenerParams:t}){e.removeEventListener.apply(e,t)}function uk({store:e,eventStateKey:t,eventTarget:r,eventId:n,eventConfig:i,actionListId:o,parameterGroup:a,smoothing:s,restingValue:u}){let{ixData:f,ixSession:h}=e.getState(),{events:v}=f,d=v[n],{eventTypeId:y}=d,w={},T={},S=[],{continuousActionGroups:m}=a,{id:R}=a;BV(y,i)&&(R=HV(t,R));let x=h.hasBoundaryNodes&&r?Qr(r,Ii):null;m.forEach(q=>{let{keyframe:F,actionItems:N}=q;N.forEach(j=>{let{actionTypeId:z}=j,{target:$}=j.config;if(!$)return;let J=$.boundaryMode?x:null,te=jV($)+bs+z;if(T[te]=ck(T[te],F,j),!w[te]){w[te]=!0;let{config:P}=j;Oi({config:P,event:d,eventTarget:r,elementRoot:J,elementApi:qe}).forEach(I=>{S.push({element:I,key:te})})}})}),S.forEach(({element:q,key:F})=>{let N=T[F],j=(0,ht.default)(N,"[0].actionItems[0]",{}),{actionTypeId:z}=j,$=wi(z)?Is(z)(q,j):null,J=Ts({element:q,actionItem:j,elementApi:qe},$);Os({store:e,element:q,eventId:n,actionListId:o,actionItem:j,destination:J,continuous:!0,parameterId:R,actionGroups:N,smoothing:s,restingValue:u,pluginInstance:$})})}function ck(e=[],t,r){let n=[...e],i;return n.some((o,a)=>o.keyframe===t?(i=a,!0):!1),i==null&&(i=n.length,n.push({keyframe:t,actionItems:[]})),n[i].actionItems.push(r),n}function lk(e){let{ixData:t}=e.getState(),{eventTypeMap:r}=t;g_(e),(0,hr.default)(r,(i,o)=>{let a=t_[o];if(!a){console.warn(`IX2 event type not configured: ${o}`);return}hk({logic:a,store:e,events:i})});let{ixSession:n}=e.getState();n.eventListeners.length&&dk(e)}function dk(e){let t=()=>{g_(e)};fk.forEach(r=>{window.addEventListener(r,t),e.dispatch(li(window,[r,t]))}),t()}function g_(e){let{ixSession:t,ixData:r}=e.getState(),n=window.innerWidth;if(n!==t.viewportWidth){let{mediaQueries:i}=r;e.dispatch(os({width:n,mediaQueries:i}))}}function hk({logic:e,store:t,events:r}){Ek(r);let{types:n,handler:i}=e,{ixData:o}=t.getState(),{actionLists:a}=o,s=pk(r,vk);if(!(0,a_.default)(s))return;(0,hr.default)(s,(v,d)=>{let y=r[d],{action:w,id:T,mediaQueries:S=o.mediaQueryKeys}=y,{actionListId:m}=w.config;zV(S,o.mediaQueryKeys)||t.dispatch(as()),w.actionTypeId===De.GENERAL_CONTINUOUS_ACTION&&(Array.isArray(y.config)?y.config:[y.config]).forEach(x=>{let{continuousParameterGroupId:q}=x,F=(0,ht.default)(a,`${m}.continuousParameterGroups`,[]),N=(0,o_.default)(F,({id:$})=>$===q),j=(x.smoothing||0)/100,z=(x.restingState||0)/100;N&&v.forEach(($,J)=>{let te=T+bs+J;uk({store:t,eventStateKey:te,eventTarget:$,eventId:T,eventConfig:x,actionListId:m,parameterGroup:N,smoothing:j,restingValue:z})})}),(w.actionTypeId===De.GENERAL_START_ACTION||_s(w.actionTypeId))&&v_({store:t,actionListId:m,eventId:T})});let u=v=>{let{ixSession:d}=t.getState();gk(s,(y,w,T)=>{let S=r[w],m=d.eventState[T],{action:R,mediaQueries:x=o.mediaQueryKeys}=S;if(!Ai(x,d.mediaQueryKey))return;let q=(F={})=>{let N=i({store:t,element:y,event:S,eventConfig:F,nativeEvent:v,eventStateKey:T},m);KV(N,m)||t.dispatch(ts(T,N))};R.actionTypeId===De.GENERAL_CONTINUOUS_ACTION?(Array.isArray(S.config)?S.config:[S.config]).forEach(q):q()})},f=(0,l_.default)(u,QV),h=({target:v=document,types:d,throttle:y})=>{d.split(" ").filter(Boolean).forEach(w=>{let T=y?f:u;v.addEventListener(w,T),t.dispatch(li(v,[w,T]))})};Array.isArray(n)?n.forEach(h):typeof n=="string"&&h(e)}function Ek(e){if(!$V)return;let t={},r="";for(let n in e){let{eventTypeId:i,target:o}=e[n],a=us(o);t[a]||(i===$e.MOUSE_CLICK||i===$e.MOUSE_SECOND_CLICK)&&(t[a]=!0,r+=a+"{cursor: pointer;touch-action: manipulation;}")}if(r){let n=document.createElement("style");n.textContent=r,document.body.appendChild(n)}}function v_({store:e,actionListId:t,eventId:r}){let{ixData:n,ixSession:i}=e.getState(),{actionLists:o,events:a}=n,s=a[r],u=o[t];if(u&&u.useFirstGroupAsInitialState){let f=(0,ht.default)(u,"actionItemGroups[0].actionItems",[]),h=(0,ht.default)(s,"mediaQueries",n.mediaQueryKeys);if(!Ai(h,i.mediaQueryKey))return;f.forEach(v=>{let{config:d,actionTypeId:y}=v,w=d?.target?.useEventTarget===!0&&d?.target?.objectId==null?{target:s.target,targets:s.targets}:d,T=Oi({config:w,event:s,elementApi:qe}),S=wi(y);T.forEach(m=>{let R=S?Is(y)(m,v):null;Os({destination:Ts({element:m,actionItem:v,elementApi:qe},R),immediate:!0,store:e,element:m,eventId:r,actionItem:v,actionListId:t,pluginInstance:R})})})}}function h_({store:e}){let{ixInstances:t}=e.getState();(0,hr.default)(t,r=>{if(!r.continuous){let{actionListId:n,verbose:i}=r;As(r,e),i&&e.dispatch(gr({actionListId:n,isPlaying:!1}))}})}function vr({store:e,eventId:t,eventTarget:r,eventStateKey:n,actionListId:i}){let{ixInstances:o,ixSession:a}=e.getState(),s=a.hasBoundaryNodes&&r?Qr(r,Ii):null;(0,hr.default)(o,u=>{let f=(0,ht.default)(u,"actionItem.config.target.boundaryMode"),h=n?u.eventStateKey===n:!0;if(u.actionListId===i&&u.eventId===t&&h){if(s&&f&&!cs(s,u.element))return;As(u,e),u.verbose&&e.dispatch(gr({actionListId:i,isPlaying:!1}))}})}function tn({store:e,eventId:t,eventTarget:r,eventStateKey:n,actionListId:i,groupIndex:o=0,immediate:a,verbose:s}){let{ixData:u,ixSession:f}=e.getState(),{events:h}=u,v=h[t]||{},{mediaQueries:d=u.mediaQueryKeys}=v,y=(0,ht.default)(u,`actionLists.${i}`,{}),{actionItemGroups:w,useFirstGroupAsInitialState:T}=y;if(!w||!w.length)return!1;o>=w.length&&(0,ht.default)(v,"config.loop")&&(o=0),o===0&&T&&o++;let m=(o===0||o===1&&T)&&_s(v.action?.actionTypeId)?v.config.delay:void 0,R=(0,ht.default)(w,[o,"actionItems"],[]);if(!R.length||!Ai(d,f.mediaQueryKey))return!1;let x=f.hasBoundaryNodes&&r?Qr(r,Ii):null,q=GV(R),F=!1;return R.forEach((N,j)=>{let{config:z,actionTypeId:$}=N,J=wi($),{target:te}=z;if(!te)return;let P=te.boundaryMode?x:null;Oi({config:z,event:v,eventTarget:r,elementRoot:P,elementApi:qe}).forEach((L,K)=>{let B=J?Is($)(L,N):null,re=J?YV($)(L,N):null;F=!0;let ne=q===j&&K===0,M=UV({element:L,actionItem:N}),H=Ts({element:L,actionItem:N,elementApi:qe},B);Os({store:e,element:L,actionItem:N,eventId:t,eventTarget:r,eventStateKey:n,actionListId:i,groupIndex:o,isCarrier:ne,computedStyle:M,destination:H,immediate:a,verbose:s,pluginInstance:B,pluginDuration:re,instanceDelay:m})})}),F}function Os(e){let{store:t,computedStyle:r,...n}=e,{element:i,actionItem:o,immediate:a,pluginInstance:s,continuous:u,restingValue:f,eventId:h}=n,v=!u,d=FV(),{ixElements:y,ixSession:w,ixData:T}=t.getState(),S=MV(y,i),{refState:m}=y[S]||{},R=ls(i),x=w.reducedMotion&&Wo[o.actionTypeId],q;if(x&&u)switch(T.events[h]?.eventTypeId){case $e.MOUSE_MOVE:case $e.MOUSE_MOVE_IN_VIEWPORT:q=f;break;default:q=.5;break}let F=VV(i,m,r,o,qe,s);if(t.dispatch(rs({instanceId:d,elementId:S,origin:F,refType:R,skipMotion:x,skipToValue:q,...n})),E_(document.body,"ix2-animation-started",d),a){yk(t,d);return}Gt({store:t,select:({ixInstances:N})=>N[d],onChange:y_}),v&&t.dispatch(di(d,w.tick))}function As(e,t){E_(document.body,"ix2-animation-stopping",{instanceId:e.id,state:t.getState()});let{elementId:r,actionItem:n}=e,{ixElements:i}=t.getState(),{ref:o,refType:a}=i[r]||{};a===f_&&WV(o,n,qe),t.dispatch(ns(e.id))}function E_(e,t,r){let n=document.createEvent("CustomEvent");n.initCustomEvent(t,!0,!0,r),e.dispatchEvent(n)}function yk(e,t){let{ixParameters:r}=e.getState();e.dispatch(di(t,0)),e.dispatch(fi(performance.now(),r));let{ixInstances:n}=e.getState();y_(n[t],e)}function y_(e,t){let{active:r,continuous:n,complete:i,elementId:o,actionItem:a,actionTypeId:s,renderType:u,current:f,groupIndex:h,eventId:v,eventTarget:d,eventStateKey:y,actionListId:w,isCarrier:T,styleProp:S,verbose:m,pluginInstance:R}=e,{ixData:x,ixSession:q}=t.getState(),{events:F}=x,N=F[v]||{},{mediaQueries:j=x.mediaQueryKeys}=N;if(Ai(j,q.mediaQueryKey)&&(n||r||i)){if(f||u===qV&&i){t.dispatch(is(o,s,f,a));let{ixElements:z}=t.getState(),{ref:$,refType:J,refState:te}=z[o]||{},P=te&&te[s];(J===f_||wi(s))&&DV($,te,P,v,a,S,qe,u,R)}if(i){if(T){let z=tn({store:t,eventId:v,eventTarget:d,eventStateKey:y,actionListId:w,groupIndex:h+1,verbose:m});m&&!z&&t.dispatch(gr({actionListId:w,isPlaying:!1}))}As(e,t)}}}var o_,ht,a_,s_,u_,c_,hr,l_,Ti,PV,_s,bs,Ii,f_,qV,n_,Oi,MV,Ts,Gt,FV,DV,d_,GV,UV,VV,kV,BV,HV,Ai,WV,XV,jV,zV,KV,wi,Is,YV,i_,$V,QV,fk,pk,gk,vk,ms=he(()=>{"use strict";o_=le(ma()),ht=le(jn()),a_=le(LE()),s_=le(iy()),u_=le(ay()),c_=le(uy()),hr=le(gy()),l_=le(by());Ge();Ti=le(Dt());pi();Sy();r_();PV=Object.keys(On),_s=e=>PV.includes(e),{COLON_DELIMITER:bs,BOUNDARY_SELECTOR:Ii,HTML_ELEMENT:f_,RENDER_GENERAL:qV,W_MOD_IX:n_}=Ce,{getAffectedElements:Oi,getElementId:MV,getDestinationValues:Ts,observeStore:Gt,getInstanceId:FV,renderHTMLElement:DV,clearAllStyles:d_,getMaxDurationItemIndex:GV,getComputedStyle:UV,getInstanceOrigin:VV,reduceListToGroup:kV,shouldNamespaceEventParameter:BV,getNamespacedParameterId:HV,shouldAllowMediaQuery:Ai,cleanupHTMLElement:WV,clearObjectCache:XV,stringifyTarget:jV,mediaQueriesEqual:zV,shallowEqual:KV}=Ti.IX2VanillaUtils,{isPluginType:wi,createPluginInstance:Is,getPluginDuration:YV}=Ti.IX2VanillaPlugins,i_=navigator.userAgent,$V=i_.match(/iPad/i)||i_.match(/iPhone/),QV=12;fk=["resize","orientationchange"];pk=(e,t)=>(0,s_.default)((0,c_.default)(e,t),u_.default),gk=(e,t)=>{(0,hr.default)(e,(r,n)=>{r.forEach((i,o)=>{let a=n+bs+o;t(i,n,a)})})},vk=e=>{let t={target:e.target,targets:e.targets};return Oi({config:t,elementApi:qe})}});var b_=c(Et=>{"use strict";var mk=fn().default,_k=ru().default;Object.defineProperty(Et,"__esModule",{value:!0});Et.actions=void 0;Et.destroy=__;Et.init=Ak;Et.setEnv=Ok;Et.store=void 0;kl();var bk=ko(),Tk=_k((pE(),tt(dE))),ws=(ms(),tt(m_)),Ik=mk((pi(),tt(Iy)));Et.actions=Ik;var Ss=Et.store=(0,bk.createStore)(Tk.default);function Ok(e){e()&&(0,ws.observeRequests)(Ss)}function Ak(e){__(),(0,ws.startEngine)({store:Ss,rawData:e,allowEvents:!0})}function __(){(0,ws.stopEngine)(Ss)}});var A_=c((Wj,O_)=>{"use strict";var T_=je(),I_=b_();I_.setEnv(T_.env);T_.define("ix2",O_.exports=function(){return I_})});var S_=c((Xj,w_)=>{"use strict";var Er=je();Er.define("links",w_.exports=function(e,t){var r={},n=e(window),i,o=Er.env(),a=window.location,s=document.createElement("a"),u="w--current",f=/index\.(html|php)$/,h=/\/$/,v,d;r.ready=r.design=r.preview=y;function y(){i=o&&Er.env("design"),d=Er.env("slug")||a.pathname||"",Er.scroll.off(T),v=[];for(var m=document.links,R=0;R=0)){var x=e(m);if(s.hash.length>1&&s.host+s.pathname===a.host+a.pathname){if(!/^#[a-zA-Z0-9\-\_]+$/.test(s.hash))return;var q=e(s.hash);q.length&&v.push({link:x,sec:q,active:!1});return}if(!(R==="#"||R==="")){var F=s.href===a.href||R===d||f.test(R)&&h.test(d);S(x,u,F)}}}}function T(){var m=n.scrollTop(),R=n.height();t.each(v,function(x){if(!x.link.attr("hreflang")){var q=x.link,F=x.sec,N=F.offset().top,j=F.outerHeight(),z=R*.5,$=F.is(":visible")&&N+j-z>=m&&N+z<=m+R;x.active!==$&&(x.active=$,S(q,u,$))}})}function S(m,R,x){var q=m.hasClass(R);x&&q||!x&&!q||(x?m.addClass(R):m.removeClass(R))}return r})});var C_=c((jj,x_)=>{"use strict";var Ci=je();Ci.define("scroll",x_.exports=function(e){var t={WF_CLICK_EMPTY:"click.wf-empty-link",WF_CLICK_SCROLL:"click.wf-scroll"},r=window.location,n=w()?null:window.history,i=e(window),o=e(document),a=e(document.body),s=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||function(P){window.setTimeout(P,15)},u=Ci.env("editor")?".w-editor-body":"body",f="header, "+u+" > .header, "+u+" > .w-nav:not([data-no-scroll])",h='a[href="#"]',v='a[href*="#"]:not(.w-tab-link):not('+h+")",d='.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}',y=document.createElement("style");y.appendChild(document.createTextNode(d));function w(){try{return!!window.frameElement}catch{return!0}}var T=/^#[a-zA-Z0-9][\w:.-]*$/;function S(P){return T.test(P.hash)&&P.host+P.pathname===r.host+r.pathname}let m=typeof window.matchMedia=="function"&&window.matchMedia("(prefers-reduced-motion: reduce)");function R(){return document.body.getAttribute("data-wf-scroll-motion")==="none"||m.matches}function x(P,I){var L;switch(I){case"add":L=P.attr("tabindex"),L?P.attr("data-wf-tabindex-swap",L):P.attr("tabindex","-1");break;case"remove":L=P.attr("data-wf-tabindex-swap"),L?(P.attr("tabindex",L),P.removeAttr("data-wf-tabindex-swap")):P.removeAttr("tabindex");break}P.toggleClass("wf-force-outline-none",I==="add")}function q(P){var I=P.currentTarget;if(!(Ci.env("design")||window.$.mobile&&/(?:^|\s)ui-link(?:$|\s)/.test(I.className))){var L=S(I)?I.hash:"";if(L!==""){var K=e(L);K.length&&(P&&(P.preventDefault(),P.stopPropagation()),F(L,P),window.setTimeout(function(){N(K,function(){x(K,"add"),K.get(0).focus({preventScroll:!0}),x(K,"remove")})},P?0:300))}}}function F(P){if(r.hash!==P&&n&&n.pushState&&!(Ci.env.chrome&&r.protocol==="file:")){var I=n.state&&n.state.hash;I!==P&&n.pushState({hash:P},"",P)}}function N(P,I){var L=i.scrollTop(),K=j(P);if(L!==K){var B=z(P,L,K),re=Date.now(),ne=function(){var M=Date.now()-re;window.scroll(0,$(L,K,M,B)),M<=B?s(ne):typeof I=="function"&&I()};s(ne)}}function j(P){var I=e(f),L=I.css("position")==="fixed"?I.outerHeight():0,K=P.offset().top-L;if(P.data("scroll")==="mid"){var B=i.height()-L,re=P.outerHeight();re=0&&(K=ne)}),(472.143*Math.log(Math.abs(I-L)+125)-2e3)*K}function $(P,I,L,K){return L>K?I:P+(I-P)*J(L/K)}function J(P){return P<.5?4*P*P*P:(P-1)*(2*P-2)*(2*P-2)+1}function te(){var{WF_CLICK_EMPTY:P,WF_CLICK_SCROLL:I}=t;o.on(I,v,q),o.on(P,h,function(L){L.preventDefault()}),document.head.insertBefore(y,document.head.firstChild)}return{ready:te}})});var N_=c((zj,R_)=>{"use strict";var wk=je();wk.define("touch",R_.exports=function(e){var t={},r=window.getSelection;e.event.special.tap={bindType:"click",delegateType:"click"},t.init=function(o){return o=typeof o=="string"?e(o).get(0):o,o?new n(o):null};function n(o){var a=!1,s=!1,u=Math.min(Math.round(window.innerWidth*.04),40),f,h;o.addEventListener("touchstart",v,!1),o.addEventListener("touchmove",d,!1),o.addEventListener("touchend",y,!1),o.addEventListener("touchcancel",w,!1),o.addEventListener("mousedown",v,!1),o.addEventListener("mousemove",d,!1),o.addEventListener("mouseup",y,!1),o.addEventListener("mouseout",w,!1);function v(S){var m=S.touches;m&&m.length>1||(a=!0,m?(s=!0,f=m[0].clientX):f=S.clientX,h=f)}function d(S){if(a){if(s&&S.type==="mousemove"){S.preventDefault(),S.stopPropagation();return}var m=S.touches,R=m?m[0].clientX:S.clientX,x=R-h;h=R,Math.abs(x)>u&&r&&String(r())===""&&(i("swipe",S,{direction:x>0?"right":"left"}),w())}}function y(S){if(a&&(a=!1,s&&S.type==="mouseup")){S.preventDefault(),S.stopPropagation(),s=!1;return}}function w(){a=!1}function T(){o.removeEventListener("touchstart",v,!1),o.removeEventListener("touchmove",d,!1),o.removeEventListener("touchend",y,!1),o.removeEventListener("touchcancel",w,!1),o.removeEventListener("mousedown",v,!1),o.removeEventListener("mousemove",d,!1),o.removeEventListener("mouseup",y,!1),o.removeEventListener("mouseout",w,!1),o=null}this.destroy=T}function i(o,a,s){var u=e.Event(o,{originalEvent:a});e(a.target).trigger(u,s)}return t.instance=t.init(document),t})});var q_=c((Kj,P_)=>{"use strict";var Ut=je(),Sk=ln(),Je={ARROW_LEFT:37,ARROW_UP:38,ARROW_RIGHT:39,ARROW_DOWN:40,ESCAPE:27,SPACE:32,ENTER:13,HOME:36,END:35},L_=!0,xk=/^#[a-zA-Z0-9\-_]+$/;Ut.define("dropdown",P_.exports=function(e,t){var r=t.debounce,n={},i=Ut.env(),o=!1,a,s=Ut.env.touch,u=".w-dropdown",f="w--open",h=Sk.triggers,v=900,d="focusout"+u,y="keydown"+u,w="mouseenter"+u,T="mousemove"+u,S="mouseleave"+u,m=(s?"click":"mouseup")+u,R="w-close"+u,x="setting"+u,q=e(document),F;n.ready=N,n.design=function(){o&&I(),o=!1,N()},n.preview=function(){o=!0,N()};function N(){a=i&&Ut.env("design"),F=q.find(u),F.each(j)}function j(g,k){var W=e(k),C=e.data(k,u);C||(C=e.data(k,u,{open:!1,el:W,config:{},selectedIdx:-1})),C.toggle=C.el.children(".w-dropdown-toggle"),C.list=C.el.children(".w-dropdown-list"),C.links=C.list.find("a:not(.w-dropdown .w-dropdown a)"),C.complete=B(C),C.mouseLeave=ne(C),C.mouseUpOutside=K(C),C.mouseMoveOutside=M(C),z(C);var oe=C.toggle.attr("id"),_e=C.list.attr("id");oe||(oe="w-dropdown-toggle-"+g),_e||(_e="w-dropdown-list-"+g),C.toggle.attr("id",oe),C.toggle.attr("aria-controls",_e),C.toggle.attr("aria-haspopup","menu"),C.toggle.attr("aria-expanded","false"),C.toggle.find(".w-icon-dropdown-toggle").attr("aria-hidden","true"),C.toggle.prop("tagName")!=="BUTTON"&&(C.toggle.attr("role","button"),C.toggle.attr("tabindex")||C.toggle.attr("tabindex","0")),C.list.attr("id",_e),C.list.attr("aria-labelledby",oe),C.links.each(function(p,G){G.hasAttribute("tabindex")||G.setAttribute("tabindex","0"),xk.test(G.hash)&&G.addEventListener("click",P.bind(null,C))}),C.el.off(u),C.toggle.off(u),C.nav&&C.nav.off(u);var se=J(C,L_);a&&C.el.on(x,$(C)),a||(i&&(C.hovering=!1,P(C)),C.config.hover&&C.toggle.on(w,re(C)),C.el.on(R,se),C.el.on(y,H(C)),C.el.on(d,D(C)),C.toggle.on(m,se),C.toggle.on(y,U(C)),C.nav=C.el.closest(".w-nav"),C.nav.on(R,se))}function z(g){var k=Number(g.el.css("z-index"));g.manageZ=k===v||k===v+1,g.config={hover:g.el.attr("data-hover")==="true"&&!s,delay:g.el.attr("data-delay")}}function $(g){return function(k,W){W=W||{},z(g),W.open===!0&&te(g,!0),W.open===!1&&P(g,{immediate:!0})}}function J(g,k){return r(function(W){if(g.open||W&&W.type==="w-close")return P(g,{forceClose:k});te(g)})}function te(g){if(!g.open){L(g),g.open=!0,g.list.addClass(f),g.toggle.addClass(f),g.toggle.attr("aria-expanded","true"),h.intro(0,g.el[0]),Ut.redraw.up(),g.manageZ&&g.el.css("z-index",v+1);var k=Ut.env("editor");a||q.on(m,g.mouseUpOutside),g.hovering&&!k&&g.el.on(S,g.mouseLeave),g.hovering&&k&&q.on(T,g.mouseMoveOutside),window.clearTimeout(g.delayId)}}function P(g,{immediate:k,forceClose:W}={}){if(g.open&&!(g.config.hover&&g.hovering&&!W)){g.toggle.attr("aria-expanded","false"),g.open=!1;var C=g.config;if(h.outro(0,g.el[0]),q.off(m,g.mouseUpOutside),q.off(T,g.mouseMoveOutside),g.el.off(S,g.mouseLeave),window.clearTimeout(g.delayId),!C.delay||k)return g.complete();g.delayId=window.setTimeout(g.complete,C.delay)}}function I(){q.find(u).each(function(g,k){e(k).triggerHandler(R)})}function L(g){var k=g.el[0];F.each(function(W,C){var oe=e(C);oe.is(k)||oe.has(k).length||oe.triggerHandler(R)})}function K(g){return g.mouseUpOutside&&q.off(m,g.mouseUpOutside),r(function(k){if(g.open){var W=e(k.target);if(!W.closest(".w-dropdown-toggle").length){var C=e.inArray(g.el[0],W.parents(u))===-1,oe=Ut.env("editor");if(C){if(oe){var _e=W.parents().length===1&&W.parents("svg").length===1,se=W.parents(".w-editor-bem-EditorHoverControls").length;if(_e||se)return}P(g)}}}})}function B(g){return function(){g.list.removeClass(f),g.toggle.removeClass(f),g.manageZ&&g.el.css("z-index","")}}function re(g){return function(){g.hovering=!0,te(g)}}function ne(g){return function(){g.hovering=!1,g.links.is(":focus")||P(g)}}function M(g){return r(function(k){if(g.open){var W=e(k.target),C=e.inArray(g.el[0],W.parents(u))===-1;if(C){var oe=W.parents(".w-editor-bem-EditorHoverControls").length,_e=W.parents(".w-editor-bem-RTToolbar").length,se=e(".w-editor-bem-EditorOverlay"),p=se.find(".w-editor-edit-outline").length||se.find(".w-editor-bem-RTToolbar").length;if(oe||_e||p)return;g.hovering=!1,P(g)}}})}function H(g){return function(k){if(!(a||!g.open))switch(g.selectedIdx=g.links.index(document.activeElement),k.keyCode){case Je.HOME:return g.open?(g.selectedIdx=0,Y(g),k.preventDefault()):void 0;case Je.END:return g.open?(g.selectedIdx=g.links.length-1,Y(g),k.preventDefault()):void 0;case Je.ESCAPE:return P(g),g.toggle.focus(),k.stopPropagation();case Je.ARROW_RIGHT:case Je.ARROW_DOWN:return g.selectedIdx=Math.min(g.links.length-1,g.selectedIdx+1),Y(g),k.preventDefault();case Je.ARROW_LEFT:case Je.ARROW_UP:return g.selectedIdx=Math.max(-1,g.selectedIdx-1),Y(g),k.preventDefault()}}}function Y(g){g.links[g.selectedIdx]&&g.links[g.selectedIdx].focus()}function U(g){var k=J(g,L_);return function(W){if(!a){if(!g.open)switch(W.keyCode){case Je.ARROW_UP:case Je.ARROW_DOWN:return W.stopPropagation()}switch(W.keyCode){case Je.SPACE:case Je.ENTER:return k(),W.stopPropagation(),W.preventDefault()}}}}function D(g){return r(function(k){var{relatedTarget:W,target:C}=k,oe=g.el[0],_e=oe.contains(W)||oe.contains(C);return _e||P(g),k.stopPropagation()})}return n})});var F_=c((Yj,M_)=>{"use strict";var xs=je();xs.define("forms",M_.exports=function(e,t){var r={},n=e(document),i,o=window.location,a=window.XDomainRequest&&!window.atob,s=".w-form",u,f=/e(-)?mail/i,h=/^\S+@\S+$/,v=window.alert,d=xs.env(),y,w,T,S=/list-manage[1-9]?.com/i,m=t.debounce(function(){v("Oops! This page has improperly configured forms. Please contact your website administrator to fix this issue.")},100);r.ready=r.design=r.preview=function(){R(),!d&&!y&&q()};function R(){u=e("html").attr("data-wf-site"),w="https://webflow.com/api/v1/form/"+u,a&&w.indexOf("https://webflow.com")>=0&&(w=w.replace("https://webflow.com","https://formdata.webflow.com")),T=`${w}/signFile`,i=e(s+" form"),i.length&&i.each(x)}function x(M,H){var Y=e(H),U=e.data(H,s);U||(U=e.data(H,s,{form:Y})),F(U);var D=Y.closest("div.w-form");U.done=D.find("> .w-form-done"),U.fail=D.find("> .w-form-fail"),U.fileUploads=D.find(".w-file-upload"),U.fileUploads.each(function(W){B(W,U)});var g=U.form.attr("aria-label")||U.form.attr("data-name")||"Form";U.done.attr("aria-label")||U.form.attr("aria-label",g),U.done.attr("tabindex","-1"),U.done.attr("role","region"),U.done.attr("aria-label")||U.done.attr("aria-label",g+" success"),U.fail.attr("tabindex","-1"),U.fail.attr("role","region"),U.fail.attr("aria-label")||U.fail.attr("aria-label",g+" failure");var k=U.action=Y.attr("action");if(U.handler=null,U.redirect=Y.attr("data-redirect"),S.test(k)){U.handler=I;return}if(!k){if(u){U.handler=P;return}m()}}function q(){y=!0,n.on("submit",s+" form",function(W){var C=e.data(this,s);C.handler&&(C.evt=W,C.handler(C))});let M=".w-checkbox-input",H=".w-radio-input",Y="w--redirected-checked",U="w--redirected-focus",D="w--redirected-focus-visible",g=":focus-visible, [data-wf-focus-visible]",k=[["checkbox",M],["radio",H]];n.on("change",s+' form input[type="checkbox"]:not('+M+")",W=>{e(W.target).siblings(M).toggleClass(Y)}),n.on("change",s+' form input[type="radio"]',W=>{e(`input[name="${W.target.name}"]:not(${M})`).map((oe,_e)=>e(_e).siblings(H).removeClass(Y));let C=e(W.target);C.hasClass("w-radio-input")||C.siblings(H).addClass(Y)}),k.forEach(([W,C])=>{n.on("focus",s+` form input[type="${W}"]:not(`+C+")",oe=>{e(oe.target).siblings(C).addClass(U),e(oe.target).filter(g).siblings(C).addClass(D)}),n.on("blur",s+` form input[type="${W}"]:not(`+C+")",oe=>{e(oe.target).siblings(C).removeClass(`${U} ${D}`)})})}function F(M){var H=M.btn=M.form.find(':input[type="submit"]');M.wait=M.btn.attr("data-wait")||null,M.success=!1,H.prop("disabled",!1),M.label&&H.val(M.label)}function N(M){var H=M.btn,Y=M.wait;H.prop("disabled",!0),Y&&(M.label=H.val(),H.val(Y))}function j(M,H){var Y=null;return H=H||{},M.find(':input:not([type="submit"]):not([type="file"])').each(function(U,D){var g=e(D),k=g.attr("type"),W=g.attr("data-name")||g.attr("name")||"Field "+(U+1);W=encodeURIComponent(W);var C=g.val();if(k==="checkbox")C=g.is(":checked");else if(k==="radio"){if(H[W]===null||typeof H[W]=="string")return;C=M.find('input[name="'+g.attr("name")+'"]:checked').val()||null}typeof C=="string"&&(C=e.trim(C)),H[W]=C,Y=Y||te(g,k,W,C)}),Y}function z(M){var H={};return M.find(':input[type="file"]').each(function(Y,U){var D=e(U),g=D.attr("data-name")||D.attr("name")||"File "+(Y+1),k=D.attr("data-value");typeof k=="string"&&(k=e.trim(k)),H[g]=k}),H}let $={_mkto_trk:"marketo"};function J(){return document.cookie.split("; ").reduce(function(H,Y){let U=Y.split("="),D=U[0];if(D in $){let g=$[D],k=U.slice(1).join("=");H[g]=k}return H},{})}function te(M,H,Y,U){var D=null;return H==="password"?D="Passwords cannot be submitted.":M.attr("required")?U?f.test(M.attr("type"))&&(h.test(U)||(D="Please enter a valid email address for: "+Y)):D="Please fill out the required field: "+Y:Y==="g-recaptcha-response"&&!U&&(D="Please confirm you\u2019re not a robot."),D}function P(M){K(M),L(M)}function I(M){F(M);var H=M.form,Y={};if(/^https/.test(o.href)&&!/^https/.test(M.action)){H.attr("method","post");return}K(M);var U=j(H,Y);if(U)return v(U);N(M);var D;t.each(Y,function(C,oe){f.test(oe)&&(Y.EMAIL=C),/^((full[ _-]?)?name)$/i.test(oe)&&(D=C),/^(first[ _-]?name)$/i.test(oe)&&(Y.FNAME=C),/^(last[ _-]?name)$/i.test(oe)&&(Y.LNAME=C)}),D&&!Y.FNAME&&(D=D.split(" "),Y.FNAME=D[0],Y.LNAME=Y.LNAME||D[1]);var g=M.action.replace("/post?","/post-json?")+"&c=?",k=g.indexOf("u=")+2;k=g.substring(k,g.indexOf("&",k));var W=g.indexOf("id=")+3;W=g.substring(W,g.indexOf("&",W)),Y["b_"+k+"_"+W]="",e.ajax({url:g,data:Y,dataType:"jsonp"}).done(function(C){M.success=C.result==="success"||/already/.test(C.msg),M.success||console.info("MailChimp error: "+C.msg),L(M)}).fail(function(){L(M)})}function L(M){var H=M.form,Y=M.redirect,U=M.success;if(U&&Y){xs.location(Y);return}M.done.toggle(U),M.fail.toggle(!U),U?M.done.focus():M.fail.focus(),H.toggle(!U),F(M)}function K(M){M.evt&&M.evt.preventDefault(),M.evt=null}function B(M,H){if(!H.fileUploads||!H.fileUploads[M])return;var Y,U=e(H.fileUploads[M]),D=U.find("> .w-file-upload-default"),g=U.find("> .w-file-upload-uploading"),k=U.find("> .w-file-upload-success"),W=U.find("> .w-file-upload-error"),C=D.find(".w-file-upload-input"),oe=D.find(".w-file-upload-label"),_e=oe.children(),se=W.find(".w-file-upload-error-msg"),p=k.find(".w-file-upload-file"),G=k.find(".w-file-remove-link"),Q=p.find(".w-file-upload-file-name"),X=se.attr("data-w-size-error"),ge=se.attr("data-w-type-error"),St=se.attr("data-w-generic-error");if(d||oe.on("click keydown",function(_){_.type==="keydown"&&_.which!==13&&_.which!==32||(_.preventDefault(),C.click())}),oe.find(".w-icon-file-upload-icon").attr("aria-hidden","true"),G.find(".w-icon-file-upload-remove").attr("aria-hidden","true"),d)C.on("click",function(_){_.preventDefault()}),oe.on("click",function(_){_.preventDefault()}),_e.on("click",function(_){_.preventDefault()});else{G.on("click keydown",function(_){if(_.type==="keydown"){if(_.which!==13&&_.which!==32)return;_.preventDefault()}C.removeAttr("data-value"),C.val(""),Q.html(""),D.toggle(!0),k.toggle(!1),oe.focus()}),C.on("change",function(_){Y=_.target&&_.target.files&&_.target.files[0],Y&&(D.toggle(!1),W.toggle(!1),g.toggle(!0),g.focus(),Q.text(Y.name),O()||N(H),H.fileUploads[M].uploading=!0,re(Y,E))});var lt=oe.outerHeight();C.height(lt),C.width(1)}function l(_){var A=_.responseJSON&&_.responseJSON.msg,Z=St;typeof A=="string"&&A.indexOf("InvalidFileTypeError")===0?Z=ge:typeof A=="string"&&A.indexOf("MaxFileSizeError")===0&&(Z=X),se.text(Z),C.removeAttr("data-value"),C.val(""),g.toggle(!1),D.toggle(!0),W.toggle(!0),W.focus(),H.fileUploads[M].uploading=!1,O()||F(H)}function E(_,A){if(_)return l(_);var Z=A.fileName,ie=A.postData,pe=A.fileId,V=A.s3Url;C.attr("data-value",pe),ne(V,ie,Y,Z,b)}function b(_){if(_)return l(_);g.toggle(!1),k.css("display","inline-block"),k.focus(),H.fileUploads[M].uploading=!1,O()||F(H)}function O(){var _=H.fileUploads&&H.fileUploads.toArray()||[];return _.some(function(A){return A.uploading})}}function re(M,H){var Y=new URLSearchParams({name:M.name,size:M.size});e.ajax({type:"GET",url:`${T}?${Y}`,crossDomain:!0}).done(function(U){H(null,U)}).fail(function(U){H(U)})}function ne(M,H,Y,U,D){var g=new FormData;for(var k in H)g.append(k,H[k]);g.append("file",Y,U),e.ajax({type:"POST",url:M,data:g,processData:!1,contentType:!1}).done(function(){D(null)}).fail(function(W){D(W)})}return r})});var G_=c(($j,D_)=>{"use strict";var wt=je(),Ck=ln(),xe={ARROW_LEFT:37,ARROW_UP:38,ARROW_RIGHT:39,ARROW_DOWN:40,ESCAPE:27,SPACE:32,ENTER:13,HOME:36,END:35};wt.define("navbar",D_.exports=function(e,t){var r={},n=e.tram,i=e(window),o=e(document),a=t.debounce,s,u,f,h,v=wt.env(),d='
',y=".w-nav",w="w--open",T="w--nav-dropdown-open",S="w--nav-dropdown-toggle-open",m="w--nav-dropdown-list-open",R="w--nav-link-open",x=Ck.triggers,q=e();r.ready=r.design=r.preview=F,r.destroy=function(){q=e(),N(),u&&u.length&&u.each(J)};function F(){f=v&&wt.env("design"),h=wt.env("editor"),s=e(document.body),u=o.find(y),u.length&&(u.each($),N(),j())}function N(){wt.resize.off(z)}function j(){wt.resize.on(z)}function z(){u.each(D)}function $(p,G){var Q=e(G),X=e.data(G,y);X||(X=e.data(G,y,{open:!1,el:Q,config:{},selectedIdx:-1})),X.menu=Q.find(".w-nav-menu"),X.links=X.menu.find(".w-nav-link"),X.dropdowns=X.menu.find(".w-dropdown"),X.dropdownToggle=X.menu.find(".w-dropdown-toggle"),X.dropdownList=X.menu.find(".w-dropdown-list"),X.button=Q.find(".w-nav-button"),X.container=Q.find(".w-container"),X.overlayContainerId="w-nav-overlay-"+p,X.outside=Y(X);var ge=Q.find(".w-nav-brand");ge&&ge.attr("href")==="/"&&ge.attr("aria-label")==null&&ge.attr("aria-label","home"),X.button.attr("style","-webkit-user-select: text;"),X.button.attr("aria-label")==null&&X.button.attr("aria-label","menu"),X.button.attr("role","button"),X.button.attr("tabindex","0"),X.button.attr("aria-controls",X.overlayContainerId),X.button.attr("aria-haspopup","menu"),X.button.attr("aria-expanded","false"),X.el.off(y),X.button.off(y),X.menu.off(y),I(X),f?(te(X),X.el.on("setting"+y,L(X))):(P(X),X.button.on("click"+y,M(X)),X.menu.on("click"+y,"a",H(X)),X.button.on("keydown"+y,K(X)),X.el.on("keydown"+y,B(X))),D(p,G)}function J(p,G){var Q=e.data(G,y);Q&&(te(Q),e.removeData(G,y))}function te(p){p.overlay&&(se(p,!0),p.overlay.remove(),p.overlay=null)}function P(p){p.overlay||(p.overlay=e(d).appendTo(p.el),p.overlay.attr("id",p.overlayContainerId),p.parent=p.menu.parent(),se(p,!0))}function I(p){var G={},Q=p.config||{},X=G.animation=p.el.attr("data-animation")||"default";G.animOver=/^over/.test(X),G.animDirect=/left$/.test(X)?-1:1,Q.animation!==X&&p.open&&t.defer(ne,p),G.easing=p.el.attr("data-easing")||"ease",G.easing2=p.el.attr("data-easing2")||"ease";var ge=p.el.attr("data-duration");G.duration=ge!=null?Number(ge):400,G.docHeight=p.el.attr("data-doc-height"),p.config=G}function L(p){return function(G,Q){Q=Q||{};var X=i.width();I(p),Q.open===!0&&oe(p,!0),Q.open===!1&&se(p,!0),p.open&&t.defer(function(){X!==i.width()&&ne(p)})}}function K(p){return function(G){switch(G.keyCode){case xe.SPACE:case xe.ENTER:return M(p)(),G.preventDefault(),G.stopPropagation();case xe.ESCAPE:return se(p),G.preventDefault(),G.stopPropagation();case xe.ARROW_RIGHT:case xe.ARROW_DOWN:case xe.HOME:case xe.END:return p.open?(G.keyCode===xe.END?p.selectedIdx=p.links.length-1:p.selectedIdx=0,re(p),G.preventDefault(),G.stopPropagation()):(G.preventDefault(),G.stopPropagation())}}}function B(p){return function(G){if(p.open)switch(p.selectedIdx=p.links.index(document.activeElement),G.keyCode){case xe.HOME:case xe.END:return G.keyCode===xe.END?p.selectedIdx=p.links.length-1:p.selectedIdx=0,re(p),G.preventDefault(),G.stopPropagation();case xe.ESCAPE:return se(p),p.button.focus(),G.preventDefault(),G.stopPropagation();case xe.ARROW_LEFT:case xe.ARROW_UP:return p.selectedIdx=Math.max(-1,p.selectedIdx-1),re(p),G.preventDefault(),G.stopPropagation();case xe.ARROW_RIGHT:case xe.ARROW_DOWN:return p.selectedIdx=Math.min(p.links.length-1,p.selectedIdx+1),re(p),G.preventDefault(),G.stopPropagation()}}}function re(p){if(p.links[p.selectedIdx]){var G=p.links[p.selectedIdx];G.focus(),H(G)}}function ne(p){p.open&&(se(p,!0),oe(p,!0))}function M(p){return a(function(){p.open?se(p):oe(p)})}function H(p){return function(G){var Q=e(this),X=Q.attr("href");if(!wt.validClick(G.currentTarget)){G.preventDefault();return}X&&X.indexOf("#")===0&&p.open&&se(p)}}function Y(p){return p.outside&&o.off("click"+y,p.outside),function(G){var Q=e(G.target);h&&Q.closest(".w-editor-bem-EditorOverlay").length||U(p,Q)}}var U=a(function(p,G){if(p.open){var Q=G.closest(".w-nav-menu");p.menu.is(Q)||se(p)}});function D(p,G){var Q=e.data(G,y),X=Q.collapsed=Q.button.css("display")!=="none";if(Q.open&&!X&&!f&&se(Q,!0),Q.container.length){var ge=k(Q);Q.links.each(ge),Q.dropdowns.each(ge)}Q.open&&_e(Q)}var g="max-width";function k(p){var G=p.container.css(g);return G==="none"&&(G=""),function(Q,X){X=e(X),X.css(g,""),X.css(g)==="none"&&X.css(g,G)}}function W(p,G){G.setAttribute("data-nav-menu-open","")}function C(p,G){G.removeAttribute("data-nav-menu-open")}function oe(p,G){if(p.open)return;p.open=!0,p.menu.each(W),p.links.addClass(R),p.dropdowns.addClass(T),p.dropdownToggle.addClass(S),p.dropdownList.addClass(m),p.button.addClass(w);var Q=p.config,X=Q.animation;(X==="none"||!n.support.transform||Q.duration<=0)&&(G=!0);var ge=_e(p),St=p.menu.outerHeight(!0),lt=p.menu.outerWidth(!0),l=p.el.height(),E=p.el[0];if(D(0,E),x.intro(0,E),wt.redraw.up(),f||o.on("click"+y,p.outside),G){_();return}var b="transform "+Q.duration+"ms "+Q.easing;if(p.overlay&&(q=p.menu.prev(),p.overlay.show().append(p.menu)),Q.animOver){n(p.menu).add(b).set({x:Q.animDirect*lt,height:ge}).start({x:0}).then(_),p.overlay&&p.overlay.width(lt);return}var O=l+St;n(p.menu).add(b).set({y:-O}).start({y:0}).then(_);function _(){p.button.attr("aria-expanded","true")}}function _e(p){var G=p.config,Q=G.docHeight?o.height():s.height();return G.animOver?p.menu.height(Q):p.el.css("position")!=="fixed"&&(Q-=p.el.outerHeight(!0)),p.overlay&&p.overlay.height(Q),Q}function se(p,G){if(!p.open)return;p.open=!1,p.button.removeClass(w);var Q=p.config;if((Q.animation==="none"||!n.support.transform||Q.duration<=0)&&(G=!0),x.outro(0,p.el[0]),o.off("click"+y,p.outside),G){n(p.menu).stop(),E();return}var X="transform "+Q.duration+"ms "+Q.easing2,ge=p.menu.outerHeight(!0),St=p.menu.outerWidth(!0),lt=p.el.height();if(Q.animOver){n(p.menu).add(X).start({x:St*Q.animDirect}).then(E);return}var l=lt+ge;n(p.menu).add(X).start({y:-l}).then(E);function E(){p.menu.height(""),n(p.menu).set({x:0,y:0}),p.menu.each(C),p.links.removeClass(R),p.dropdowns.removeClass(T),p.dropdownToggle.removeClass(S),p.dropdownList.removeClass(m),p.overlay&&p.overlay.children().length&&(q.length?p.menu.insertAfter(q):p.menu.prependTo(p.parent),p.overlay.attr("style","").hide()),p.el.triggerHandler("w-close"),p.button.attr("aria-expanded","false")}}return r})});Bs();Ws();zs();ln();A_();S_();C_();N_();q_();F_();G_();})(); -/*! - * tram.js v0.8.2-global - * Cross-browser CSS3 transitions in JavaScript - * https://github.com/bkwld/tram - * MIT License - */ -/*! - * Webflow._ (aka) Underscore.js 1.6.0 (custom build) - * - * http://underscorejs.org - * (c) 2009-2013 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors - * Underscore may be freely distributed under the MIT license. - * @license MIT - */ -/*! Bundled license information: - -timm/lib/timm.js: - (*! - * Timm - * - * Immutability helpers with fast reads and acceptable writes. - * - * @copyright Guillermo Grau Panea 2016 - * @license MIT - *) -*/ -/** - * ---------------------------------------------------------------------- - * Webflow: Interactions 2.0: Init - */ -Webflow.require('ix2').init( -{"events":{"e-5":{"id":"e-5","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-6"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"c97544df-c851-1359-8fb0-7893503e37ea","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"c97544df-c851-1359-8fb0-7893503e37ea","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705176763806},"e-6":{"id":"e-6","name":"","animationType":"custom","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-5"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"c97544df-c851-1359-8fb0-7893503e37ea","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"c97544df-c851-1359-8fb0-7893503e37ea","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705176763806},"e-7":{"id":"e-7","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-8"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|b73b30a6-db40-2891-c2f8-4662110d4719","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|b73b30a6-db40-2891-c2f8-4662110d4719","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705177758549},"e-8":{"id":"e-8","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-7"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|b73b30a6-db40-2891-c2f8-4662110d4719","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|b73b30a6-db40-2891-c2f8-4662110d4719","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705177758549},"e-9":{"id":"e-9","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-10"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|a4ffce30-7079-5027-78fd-26c119298886","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|a4ffce30-7079-5027-78fd-26c119298886","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705177826736},"e-10":{"id":"e-10","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-9"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|a4ffce30-7079-5027-78fd-26c119298886","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|a4ffce30-7079-5027-78fd-26c119298886","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705177826736},"e-11":{"id":"e-11","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-12"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|90fa1b38-afd1-f01f-6dee-fc751d9a480b","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|90fa1b38-afd1-f01f-6dee-fc751d9a480b","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705177851584},"e-12":{"id":"e-12","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-11"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|90fa1b38-afd1-f01f-6dee-fc751d9a480b","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|90fa1b38-afd1-f01f-6dee-fc751d9a480b","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705177851584},"e-17":{"id":"e-17","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-18"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|8de7dc8a-3886-71c4-493f-0e19157d7014","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|8de7dc8a-3886-71c4-493f-0e19157d7014","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705177913144},"e-18":{"id":"e-18","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-17"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|8de7dc8a-3886-71c4-493f-0e19157d7014","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|8de7dc8a-3886-71c4-493f-0e19157d7014","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705177913144},"e-31":{"id":"e-31","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-32"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13b67","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13b67","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705179987434},"e-32":{"id":"e-32","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-31"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13b67","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13b67","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705179987434},"e-33":{"id":"e-33","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-34"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13bdd","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13bdd","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705179987434},"e-34":{"id":"e-34","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-33"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13bdd","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13bdd","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705179987434},"e-35":{"id":"e-35","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-36"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13c39","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13c39","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705179987434},"e-36":{"id":"e-36","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-35"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13c39","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13c39","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705179987434},"e-37":{"id":"e-37","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-38"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13c83","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13c83","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705179987434},"e-38":{"id":"e-38","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-37"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13c83","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13c83","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705179987434},"e-39":{"id":"e-39","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-40"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13cbf","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13cbf","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705179987434},"e-40":{"id":"e-40","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-39"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13cbf","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13cbf","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705179987434},"e-41":{"id":"e-41","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-42"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13ceb","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13ceb","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705179987434},"e-42":{"id":"e-42","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-41"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13ceb","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13ceb","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705179987434},"e-43":{"id":"e-43","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-44"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13d1e","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13d1e","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705179987434},"e-44":{"id":"e-44","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-43"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13d1e","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13d1e","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705179987434},"e-45":{"id":"e-45","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-46"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13d94","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13d94","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705179987434},"e-46":{"id":"e-46","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-45"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13d94","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13d94","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705179987434},"e-47":{"id":"e-47","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-48"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13df0","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13df0","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705179987434},"e-48":{"id":"e-48","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-47"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13df0","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13df0","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705179987434},"e-49":{"id":"e-49","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-50"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13e3a","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13e3a","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705179987434},"e-50":{"id":"e-50","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-49"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13e3a","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13e3a","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705179987434},"e-51":{"id":"e-51","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-52"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13e76","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13e76","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705179987434},"e-52":{"id":"e-52","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-51"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13e76","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13e76","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705179987434},"e-53":{"id":"e-53","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-54"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13ea2","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13ea2","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705179987434},"e-54":{"id":"e-54","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-53"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13ea2","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|0dea7904-cb5c-6322-7aeb-8dd426e13ea2","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705179987434},"e-63":{"id":"e-63","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-64"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|850b45ab-b7ee-55e8-e9f6-8ffde7d4e019","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|850b45ab-b7ee-55e8-e9f6-8ffde7d4e019","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705347077390},"e-64":{"id":"e-64","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-63"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|850b45ab-b7ee-55e8-e9f6-8ffde7d4e019","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|850b45ab-b7ee-55e8-e9f6-8ffde7d4e019","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705347077390},"e-65":{"id":"e-65","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-66"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|850b45ab-b7ee-55e8-e9f6-8ffde7d4e063","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|850b45ab-b7ee-55e8-e9f6-8ffde7d4e063","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705347077390},"e-66":{"id":"e-66","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-65"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|850b45ab-b7ee-55e8-e9f6-8ffde7d4e063","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|850b45ab-b7ee-55e8-e9f6-8ffde7d4e063","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705347077390},"e-67":{"id":"e-67","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-68"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|850b45ab-b7ee-55e8-e9f6-8ffde7d4e0b9","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|850b45ab-b7ee-55e8-e9f6-8ffde7d4e0b9","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705347077390},"e-68":{"id":"e-68","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-67"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|850b45ab-b7ee-55e8-e9f6-8ffde7d4e0b9","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|850b45ab-b7ee-55e8-e9f6-8ffde7d4e0b9","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705347077390},"e-69":{"id":"e-69","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-70"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|850b45ab-b7ee-55e8-e9f6-8ffde7d4e11b","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|850b45ab-b7ee-55e8-e9f6-8ffde7d4e11b","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705347077390},"e-70":{"id":"e-70","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-69"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|850b45ab-b7ee-55e8-e9f6-8ffde7d4e11b","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|850b45ab-b7ee-55e8-e9f6-8ffde7d4e11b","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705347077390},"e-71":{"id":"e-71","name":"","animationType":"custom","eventTypeId":"DROPDOWN_OPEN","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-2","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-72"}},"mediaQueries":["main","medium","small","tiny"],"target":{"selector":".dropdown3","originalId":"a55b3e5b-5828-5a6e-01fb-1099588f616e","appliesTo":"CLASS"},"targets":[{"selector":".dropdown3","originalId":"a55b3e5b-5828-5a6e-01fb-1099588f616e","appliesTo":"CLASS"}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705355398757},"e-72":{"id":"e-72","name":"","animationType":"custom","eventTypeId":"DROPDOWN_CLOSE","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-5","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-71"}},"mediaQueries":["main","medium","small","tiny"],"target":{"selector":".dropdown3","originalId":"a55b3e5b-5828-5a6e-01fb-1099588f616e","appliesTo":"CLASS"},"targets":[{"selector":".dropdown3","originalId":"a55b3e5b-5828-5a6e-01fb-1099588f616e","appliesTo":"CLASS"}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705355398758},"e-73":{"id":"e-73","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-6","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-74"}},"mediaQueries":["medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|20fd89fd-956e-b956-886b-9919b9d8a7db","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|20fd89fd-956e-b956-886b-9919b9d8a7db","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705378123823},"e-75":{"id":"e-75","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-7","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-76"}},"mediaQueries":["medium","small","tiny"],"target":{"id":"65a2d11dd068c3c350283adf|06aa7ab4-9908-77cc-1312-d98f3705eedd","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"65a2d11dd068c3c350283adf|06aa7ab4-9908-77cc-1312-d98f3705eedd","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705379197347},"e-79":{"id":"e-79","name":"","animationType":"custom","eventTypeId":"NAVBAR_OPEN","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-10","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-80"}},"mediaQueries":["medium","small","tiny"],"target":{"id":"93cc1ab2-1935-2bab-30ca-8d04a18df31d","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"93cc1ab2-1935-2bab-30ca-8d04a18df31d","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705780769949},"e-80":{"id":"e-80","name":"","animationType":"custom","eventTypeId":"NAVBAR_CLOSE","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-11","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-79"}},"mediaQueries":["medium","small","tiny"],"target":{"id":"93cc1ab2-1935-2bab-30ca-8d04a18df31d","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"93cc1ab2-1935-2bab-30ca-8d04a18df31d","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1705780769949}},"actionLists":{"a":{"id":"a","title":"Accordion Open","actionItemGroups":[{"actionItems":[{"id":"a-n","actionTypeId":"STYLE_SIZE","config":{"delay":0,"easing":"","duration":500,"target":{"useEventTarget":"SIBLINGS","selector":".accordion-content","selectorGuids":["b12f2e0e-5ee0-7978-011d-17e3d29420a6"]},"heightValue":0,"widthUnit":"PX","heightUnit":"px","locked":false}},{"id":"a-n-3","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":500,"target":{"useEventTarget":"CHILDREN","selector":".accordion-trigger-icon","selectorGuids":["6abf2005-fed4-829a-e47f-0b792223c3ea"]},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"}},{"id":"a-n-5","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"","duration":500,"target":{"useEventTarget":"CHILDREN","selector":".state-bg","selectorGuids":["5bf65e87-b206-5933-5045-737ae9cd91bc"]},"value":0,"unit":""}}]},{"actionItems":[{"id":"a-n-2","actionTypeId":"STYLE_SIZE","config":{"delay":0,"easing":"inOutQuart","duration":500,"target":{"useEventTarget":"SIBLINGS","selector":".accordion-content","selectorGuids":["b12f2e0e-5ee0-7978-011d-17e3d29420a6"]},"widthUnit":"PX","heightUnit":"AUTO","locked":false}},{"id":"a-n-4","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"inOutQuart","duration":500,"target":{"useEventTarget":"CHILDREN","selector":".accordion-trigger-icon","selectorGuids":["6abf2005-fed4-829a-e47f-0b792223c3ea"]},"zValue":-180,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"}},{"id":"a-n-6","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"outQuart","duration":500,"target":{"useEventTarget":"CHILDREN","selector":".state-bg","selectorGuids":["5bf65e87-b206-5933-5045-737ae9cd91bc"]},"value":0.05,"unit":""}}]}],"useFirstGroupAsInitialState":true,"createdOn":1704829636866},"a-4":{"id":"a-4","title":"Accordion Close","actionItemGroups":[{"actionItems":[{"id":"a-4-n-2","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"inOutQuart","duration":500,"target":{"useEventTarget":"CHILDREN","selector":".accordion-trigger-icon","selectorGuids":["6abf2005-fed4-829a-e47f-0b792223c3ea"]},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"}},{"id":"a-4-n-3","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"outQuart","duration":500,"target":{"useEventTarget":"CHILDREN","selector":".state-bg","selectorGuids":["5bf65e87-b206-5933-5045-737ae9cd91bc"]},"value":0,"unit":""}},{"id":"a-4-n","actionTypeId":"STYLE_SIZE","config":{"delay":0,"easing":"inOutQuart","duration":500,"target":{"useEventTarget":"SIBLINGS","selector":".accordion-content","selectorGuids":["b12f2e0e-5ee0-7978-011d-17e3d29420a6"]},"heightValue":0,"widthUnit":"PX","heightUnit":"px","locked":false}}]}],"useFirstGroupAsInitialState":false,"createdOn":1704829636866},"a-2":{"id":"a-2","title":"Dropdown Open","actionItemGroups":[{"actionItems":[{"id":"a-2-n","actionTypeId":"TRANSFORM_SCALE","config":{"delay":0,"easing":"","duration":500,"target":{},"xValue":0,"yValue":0,"locked":true}},{"id":"a-2-n-3","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"","duration":500,"target":{},"value":0,"unit":""}}]},{"actionItems":[{"id":"a-2-n-2","actionTypeId":"TRANSFORM_SCALE","config":{"delay":0,"easing":"outQuart","duration":500,"target":{},"xValue":1,"yValue":1,"locked":true}},{"id":"a-2-n-4","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"outQuart","duration":500,"target":{},"value":1,"unit":""}}]}],"useFirstGroupAsInitialState":true,"createdOn":1704829636866},"a-5":{"id":"a-5","title":"Dropdown Close","actionItemGroups":[{"actionItems":[{"id":"a-5-n","actionTypeId":"TRANSFORM_SCALE","config":{"delay":0,"easing":"","duration":500,"target":{},"xValue":0,"yValue":0,"locked":true}}]}],"useFirstGroupAsInitialState":false,"createdOn":1704829636866},"a-6":{"id":"a-6","title":"Sidebar Open","actionItemGroups":[{"actionItems":[{"id":"a-6-n-4","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"","duration":500,"target":{"selector":".util__sidebar-shadow","selectorGuids":["3119d391-5b5c-9947-fbff-f9a45b217acf"]},"value":0,"unit":""}}]},{"actionItems":[{"id":"a-6-n-2","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":[0.23,1,0.234,0.977],"duration":500,"target":{"selector":".util__appbar-sidebarwrap","selectorGuids":["b1dec83d-3a43-f2ce-39c1-767950e1e865"]},"xValue":0,"xUnit":"%","yUnit":"PX","zUnit":"PX"}},{"id":"a-6-n-5","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":100,"target":{"selector":".util__sidebar-shadow","selectorGuids":["3119d391-5b5c-9947-fbff-f9a45b217acf"]},"value":1,"unit":""}}]}],"useFirstGroupAsInitialState":true,"createdOn":1705378127670},"a-7":{"id":"a-7","title":"Sidebar Close","actionItemGroups":[{"actionItems":[{"id":"a-7-n-3","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":[0.23,1,0.234,0.977],"duration":500,"target":{"selector":".util__appbar-sidebarwrap","selectorGuids":["b1dec83d-3a43-f2ce-39c1-767950e1e865"]},"xValue":100,"xUnit":"%","yUnit":"PX","zUnit":"PX"}},{"id":"a-7-n-4","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":200,"target":{"selector":".util__sidebar-shadow","selectorGuids":["3119d391-5b5c-9947-fbff-f9a45b217acf"]},"value":0,"unit":""}}]}],"useFirstGroupAsInitialState":false,"createdOn":1705378127670},"a-10":{"id":"a-10","title":"Navbar Opens","actionItemGroups":[{"actionItems":[{"id":"a-10-n","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"useEventTarget":"CHILDREN","id":"93cc1ab2-1935-2bab-30ca-8d04a18df375"},"value":"block"}},{"id":"a-10-n-3","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"useEventTarget":"CHILDREN","id":"93cc1ab2-1935-2bab-30ca-8d04a18df377"},"value":"none"}},{"id":"a-10-n-5","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"useEventTarget":"CHILDREN","selector":".nav-buttons","selectorGuids":["8f7126c1-c6ca-f569-5842-f4272f0c6b35"]},"xValue":-100,"xUnit":"%","yUnit":"PX","zUnit":"PX"}}]},{"actionItems":[{"id":"a-10-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"useEventTarget":"CHILDREN","id":"93cc1ab2-1935-2bab-30ca-8d04a18df377"},"value":"block"}},{"id":"a-10-n-4","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"useEventTarget":"CHILDREN","id":"93cc1ab2-1935-2bab-30ca-8d04a18df375"},"value":"none"}},{"id":"a-10-n-6","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"outQuart","duration":500,"target":{"useEventTarget":"CHILDREN","selector":".nav-buttons","selectorGuids":["8f7126c1-c6ca-f569-5842-f4272f0c6b35"]},"xValue":0,"xUnit":"%","yUnit":"PX","zUnit":"PX"}}]}],"useFirstGroupAsInitialState":true,"createdOn":1705780772822},"a-11":{"id":"a-11","title":"Navbar Closes","actionItemGroups":[{"actionItems":[{"id":"a-11-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"useEventTarget":"CHILDREN","id":"93cc1ab2-1935-2bab-30ca-8d04a18df377"},"value":"none"}},{"id":"a-11-n","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"useEventTarget":"CHILDREN","id":"93cc1ab2-1935-2bab-30ca-8d04a18df375"},"value":"block"}}]},{"actionItems":[{"id":"a-11-n-3","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"outQuart","duration":500,"target":{"useEventTarget":"CHILDREN","selector":".nav-buttons","selectorGuids":["8f7126c1-c6ca-f569-5842-f4272f0c6b35"]},"xValue":-100,"xUnit":"%","yUnit":"PX","zUnit":"PX"}}]}],"useFirstGroupAsInitialState":false,"createdOn":1705780772822}},"site":{"mediaQueries":[{"key":"main","min":992,"max":10000},{"key":"medium","min":768,"max":991},{"key":"small","min":480,"max":767},{"key":"tiny","min":0,"max":479}]}} -);