diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000..32ba157 --- /dev/null +++ b/.gitattributes @@ -0,0 +1,2 @@ +assets/ filter=lfs diff=lfs merge=lfs -text +templates/images/ filter=lfs diff=lfs merge=lfs -text diff --git a/.woodpecker.yml b/.woodpecker.yml new file mode 100644 index 0000000..44ad97f --- /dev/null +++ b/.woodpecker.yml @@ -0,0 +1,7 @@ +steps: + - name: build + image: journal + commands: + - bruin-journal-gen + volumes: + - /var/woodpecker:/var/woodpecker diff --git a/assets/giga_chad.jpg b/assets/giga_chad.jpg new file mode 100644 index 0000000..7150f96 Binary files /dev/null and b/assets/giga_chad.jpg differ diff --git a/assets/the_pipeline.svg b/assets/the_pipeline.svg new file mode 100644 index 0000000..806eecc --- /dev/null +++ b/assets/the_pipeline.svg @@ -0,0 +1,4 @@ + + + +
Articles are
served with
Articles are...
Search is powered
by
Search is powered...
Merges to prod
trigger CI
Merges to prod...
If article is good,
it gets merged
to prod
If article is good,...
Large assets
like images are
stored here
Large assets...
Forgejo
Compiles articles to HTML
Compiles articles to HTML
Woodpecker CI
Writers, editors, etc.
Write...
Articles are
statically
compressed
Articles are...
Articles are registered
and updated with
Articles are registered...
Pull requests are opened on
Pull requests are opened on

Djot

Articles are written in
Djot...
Uses git for incremental
rendering, and author
annotations
Uses git for incremental...
Gitfile_type_nginxNGINXBrotli
Compressed articles
are written back to
server
Compressed articles...
Meilisearch Meilisearch Git LFS
\ No newline at end of file diff --git a/src/how_to_run_a_journal.dj b/src/how_to_run_a_journal.dj new file mode 100644 index 0000000..8599aeb --- /dev/null +++ b/src/how_to_run_a_journal.dj @@ -0,0 +1,93 @@ +# How to Run a Journal + +Hi! I'm Isaac Mills, I'm the guy managing the infrastructure behind Compute! In this article, I'd like to talk about just that: the infra behind this journal, how it all works, and why it is the way it is. + +## Plain text + +Plain text is kind of insane. It's capable of being anything, and can also be transmuted into anything. It's infinite extensibility makes it a powerful tool that every developer should have in their arsenal. For this journal, we use a lot of plain text. In fact, the article you're reading right now is written in plain text, _not with some web UI_. A while back, I found a markup language called [djot](https://djot.net). It was created by the same person who created CommonMark, a flavor of markdown, to be easier to parse and more featureful. Below is some example djot + +```djot +# Heading + +paragraph + +*bold* _italic_ _*bold italic*_ {-strikethorugh-} {+underline+} + +- list +- list + +1. list +2. list +``` + +The benefit of using djot is that it compiles directly to HTML, thus the jorunalists who have joined Compute don't need to learn HTML to write articles. They also don't need to learn a clunky slow website editor like Wix or Squarespace. + +This is another superpower of plain text, if we used Wix for our website, our journalists would need to learn how to use the Wix UI, and how to write articles _for_ that UI. If we needed to change our tooling at any time, they would need to re-learn everything for _that_ tool. Not only that, but we would need to port the entire journal (_every_ article), to use that new tooling. This is not so with plain text, if things change in the pipeline, or even if you're just joining the journal, there's no need to re-learn how to write text. At worst, you just need to convert the plain text to another format of plain text (djot to HTML for example). All our journalists need to know how to do is write their articles in djot, and submit it to the team via the pipeline + +## The Pipeline + +![A flowchart of the pipeline](assets/the_pipeline.svg) + +Pictured above is the full pipeline that articles go through in order to reach you readers at home, it goes like this + +1. Articles are written by our journalists in a plain text format (djot in our case) +2. Once an article is done, the journalist who wrote the article opens a pull request on our git repository with their new article and associated assets +3. The article can be reviewed by the team and edits can be made by them. +4. Once the article has been edited, the pull request gets merged into the main branch of our git repository, which is where the articles you see live +5. From there, the article goes through CI and gets deployed (we'll get into that in more detail later) + +Basically, this is just the workflow you would use for code, but adapted for journalism. In other words, no learning curve for our journalists! And if they do need to learn it, then this is information that they *should* know _anyway_. The workflow you see above has been in the making since git was created in 2005, with the sole purpose of efficiently moving code from development, into production. The more efficiently we can accomplish that, and the more bad code we can filter out of production, the better. If this workflow has worked for nearly 2 decades for a pathologically huge project like the Linux kernel (which git was tailor-made to handle), the better. + +## CI + +Consider the following: If I'm accepting untrusted code from the public into my open source project, and I need that code to be production ready, how can I ensure that the code I accept _is_ actually production ready. The answer is with _continuous integration_, or _CI_. The idea is that every piece of code submitted to an open source project would undergo automated testing, linting, and checking to ensure that nothing will break upon merging the code into the production code base. For a project like [`egui`](https://lib.rs/crates/egui), their CI pipeline contains 19 checks. + +Their pipeline checks if the library with your new code compiles to every platform it's compatible with, with every feature enabled. It also makes sure that your code is well-formatted, contains no conflicts of license, uses no libraries banned by the project, and contains no security advisories. The _only_ way this many checks can be done on every git commit, is through CI, GitHub Actions in egui's case. + +If you're making an open source project, and it becomes big enough to pull in contributions from a lot of developers, CI can not only serve as a means to filter bugs out of pull requests, but also as a way to communicate to open source developers _what a project wants_ out of their code. Instead of having to read a big `CONTRIBUTORS.md` file to get an idea of that, developers can know that their code is good quality if it just passes CI. + +Fortunately, the level of CI I've described above is not required for journalism. Our CI simply compiles our journalists' unreviewed articles, and serves them on an un-indexed (not visible on production) web page so that they and the team can preview their work before merging it. Our CI is also responsible for indexing and publishing finished articles onto our production website. We could get the CI to do an automated grammar check, but there are too many tech-terms that the checker would need to know in order for it to pass consistently. + +## Deployment + +Deployment is the most complex part of our pipeline; getting the written, production ready articles, onto the website _you_ are reading this on. As I said earlier in the article, we use CI to compile and index finished articles. The CI tool we use is called [Woodpecker CI](https://woodpecker-ci.org/), a self-hosted docker-based CI tool. Self-hosted basically means that we can run the CI tool on the same server we use to serve our website, making deployment to there as easy as moving the generated files into the directory that our web server is serving (NGINX in our case). What's important to know is that when a pull request is opened on this journal's git repository, and when a pull request is merged into production, Woodpecker CI will run a custom program that I wrote in Rust to... + +- Compile djot articles to HTML +- Minify and compress compiled HTML +- Index articles with our search engine + +Because our CI tool is running this code, we can know which articles need compilation, who wrote those articles, and if any articles need to be deleted. Our CI tools will put our code in the working directory of our git repo. And via environment variables, the CI tool will tell us which files have changed, how the pipeline was triggered (via pull request, code push, etc.), as well as which git branch production resides in, and which branch our code is currently in. Our code can then use this information to... + +- Stat the changed files, which is how we know which files need to be compiled, and which files have been deleted +- Run a blame on new articles, which is how we figure out who wrote them +- See if we are we have changed the production branch, and index new articles if so + +In our case, what CI allows us to do is keep as much of our pipeline as automated as possible. Our journalists should only need to focus on writing good articles, not wrestling with tooling. Coming back to the benefits of plain text, git is an extremely powerful tool for working with plain text. + +- It allows us to separate the WIP and the finished articles +- It allows us to keep an accurate and automated reference of who wrote and edited each article +- It allows a copy of the entire journal to be stored in many different places as backups. +- It allows us to easily sync new articles and changes to any git-compatible software forge of our choice (we use [forgejo](https://forgejo.org/)) + +By and large, with the power of git, plain text can fill more use cases than you could possibly imagine. + +## Our webpages (and staying based) + +![An image of the giga-chad](assets/giga_chad.jpg) + +The modern web sucks. Most webpages are not only bloated with ads, cookie banners, autoplaying BS, popups and the like; most webpages are also inundated with copious amounts of JavaScript. We only use JavaScript in 2 places + +1. On our homepage to power the search bar and display articles +2. Our web design tool, Webflow, bundles a small amount of JavaScript in every page (more on that later) + +Other than that, the actual article pages, such as this one, depend on nothing but the JavaScript that Webflow bundles in. And for our homepage, it's built and optimized so it can be served statically with it's _one_ dependency. Basically, I wanted to make our website as [suckless](https://suckless.org/philosophy/) (as lightweight, and as free from bloat) as possible. I say _I_ wanted to because our founder wanted to use Wix originally, yuck. + +Instead of _that_, I used [Webflow](https://webflow.com/) to design our webpages. For a one-time fee of $24, you can have access to the Webflow editor for 1 month, and then export your web pages to HTML/CSS/JS. Webflow is very different from your average Wix/Squarespace, those editors are designed for non-programmers who don't know and don't want to know HTML or CSS. Webflow is an editor for _developers_ that know what they're doing. It gives you the full power of HTML and CSS in a responsive, visual editor; making it an incredibly flexible tool capable of generating very based and performant webpages. Unlike the latter tools which generate bloated and obfuscated garbage. + +## Search engine + +I was expecting to have to put most of the effort of getting our website ready into getting a search bar working. Instead, I found [Meilisearch](https://www.meilisearch.com/), and I fell in love immediately. Not only is it incredibly easy to deploy _and_ use, but it's also much more than just a search engine. You can basically use it as a way to index and display pages on your website. And by using [instantsearch-meilisearch](https://github.com/meilisearch/meilisearch-js-plugins/tree/main/packages/instant-meilisearch) (that one dependency that our homepage uses), we can just make an article browser and search experience, _incredibly_ easily. It's not just easy on the front-end, the [meilisearch-sdk](https://lib.rs/crates/meilisearch-sdk) is also incredibly easy to use to index articles. Meilisearch, despite being a complex full-text search engine, is incredibly simple to use. Just initialize a search index, and send documents to it in a structured JSON format. On the front end, you can get that JSON back with a simple HTTP request containing the search query and field constraints (sorting, only sending snippets of big fields, etc.). All in all, Meilisearch's unexpected simplicity suprised me in a big way, and it made my job so _sooo_ much easier! + +## In conclusion + +Computers have an inconcievable amount of potential, but they're only as smart as their programmer. When you're building something with a computer, it's often much better to do more with less, than less with more. Don't use 17 different JavaScript frameworks with your hypervisor GPU WEB2.0 interface-driven scripting framework to drive your map/reduce-aware proxy-oriented software API. Just start simple, build simple, and if you need complexity, build it with more simple. Often times in computer software, plain text is the simplest place to start. From there, you can add complexity by processing the plain text in some way (hell, I made a whole ass [PowerPoint clone](https://github.com/StratusFearMe21/grezi-next) centered around plain text). If you need more than plain text, try the terminal. And if you need more than that, try [wxWidgets](https://www.wxwidgets.org/). The point I'm trying to make here is that bloat is your enemy, and it's often better for you, your team, and your users to just KISS (Keep it simple, stupid!) diff --git a/templates/article.html b/templates/article.html new file mode 100644 index 0000000..517cac3 --- /dev/null +++ b/templates/article.html @@ -0,0 +1,70 @@ + + + + + + + {{title}} + + + + + + + + + + {% for author in authors %} + + + + {% endfor %} + + + + + + + + + + + + + + +
+

{{title}}

+
+ {% for author in authors %} + {{author.full_name}}'s Avatar +
{{author.full_name}}
+ {% endfor %} +
+

{{published}}

+
+
{{body}}
+
+ +

Read more from Compute

+
+ + + + + \ No newline at end of file diff --git a/templates/assets b/templates/assets new file mode 120000 index 0000000..bae6859 --- /dev/null +++ b/templates/assets @@ -0,0 +1 @@ +../assets/ \ No newline at end of file diff --git a/templates/css/compute-c23f91.webflow.css b/templates/css/compute-c23f91.webflow.css new file mode 100644 index 0000000..8587062 --- /dev/null +++ b/templates/css/compute-c23f91.webflow.css @@ -0,0 +1,276 @@ +:root { + --white: white; + --black: black; +} + +.w-layout-vflex { + flex-direction: column; + align-items: flex-start; + display: flex; +} + +.w-layout-blockcontainer { + max-width: 940px; + margin-left: auto; + margin-right: auto; + display: block; +} + +.w-layout-grid { + grid-row-gap: 16px; + grid-column-gap: 16px; + grid-template-rows: auto auto; + grid-template-columns: 1fr 1fr; + grid-auto-columns: 1fr; + display: grid; +} + +.w-layout-hflex { + flex-direction: row; + align-items: flex-start; + display: flex; +} + +@media screen and (max-width: 991px) { + .w-layout-blockcontainer { + max-width: 728px; + } +} + +@media screen and (max-width: 767px) { + .w-layout-blockcontainer { + max-width: none; + } +} + +article { + margin: 20px; +} + +h1 { + margin-top: auto; + font-size: 128px; + font-weight: 700; +} + +p { + margin-bottom: 10px; + margin-top: 10px; + font-size: 18px; +} + +li { + font-size: 18px; +} + +.utility-page-wrap { + justify-content: center; + align-items: center; + width: 100vw; + max-width: 100%; + height: 100vh; + max-height: 100%; + display: flex; +} + +.utility-page-content { + text-align: center; + flex-direction: column; + width: 260px; + display: flex; +} + +.utility-page-form { + flex-direction: column; + align-items: stretch; + display: flex; +} + +.container-2 { + padding-top: 8px; + padding-bottom: 8px; +} + +.flex-block-2 { + justify-content: center; + align-items: center; +} + +.flex-block-2.purple { + color: #333; + background-color: #552a85; + flex-flow: column; + justify-content: space-around; + padding-top: 0; + display: flex; + overflow-x: hidden; +} + +.heading-3 { + color: #f6c415; + font-size: 22vw; + overflow-x: hidden; +} + +.heading-3.wrapped-compute { + display: none; +} + +.heading-3.unwrapped-compute.compute-gradiant { + -webkit-text-fill-color: transparent; + background-image: linear-gradient(90deg, #f6c415, #f6c41533); + -webkit-background-clip: text; + background-clip: text; + margin-bottom: 20px; +} + +.text-block { + color: #fff; + text-align: left; + margin-left: 20px; + margin-right: 20px; + font-size: 18px; +} + +.container-3 { + height: 20vh; + margin-top: 8px; + margin-bottom: 8px; + padding-left: 16px; + padding-right: 16px; +} + +.heading-4 { + margin-top: 0; + margin-bottom: 0; + font-size: 5vw; +} + +.heading-5 { + margin-top: 0; + margin-bottom: 0; +} + +.heading-6 { + margin-top: 0; + margin-bottom: 0; + font-size: 64px; +} + +.paragraph { + font-size: 24px; +} + +.heading-7 { + font-size: 64px; +} + +.grid { + padding-left: 16px; + padding-right: 16px; +} + +.heading-8 { + color: #f6c415; + text-align: left; + -webkit-text-fill-color: transparent; + background-image: linear-gradient(90deg, #f6c415, rgba(246, 196, 21, .3)); + -webkit-background-clip: text; + background-clip: text; + margin-bottom: 20px; + margin-left: 20px; + margin-right: 20px; +} + +.image { + -webkit-text-fill-color: inherit; + background-clip: border-box; + border-radius: 50%; + margin-bottom: 0; + margin-left: 20px; + margin-right: 10px; +} + +.flex-block-3 { + align-items: center; + margin-bottom: 20px; +} + +.text-block-2 { + color: #fff; + font-size: 18px; +} + +@media screen and (max-width: 991px) { + .heading-3.unwrapped-compute.compute-gradiant { + height: 22vw; + min-height: 0%; + } + + .grid { + grid-template-columns: 1fr; + } + + .heading-8 { + margin-bottom: 20px; + font-size: 64px; + } +} + +@media screen and (max-width: 767px) { + .heading-3.wrapped-compute.compute-gradiant { + -webkit-text-fill-color: transparent; + background-image: linear-gradient(90deg, #f6c415, #f6c41533); + -webkit-background-clip: text; + background-clip: text; + margin-bottom: 20px; + display: block; + } + + .ais-Hits-item { + margin-bottom: 1em; + width: calc(50% - 1rem); + } + + .heading-3.unwrapped-compute.compute-gradiant { + display: none; + } + + .heading-8 { + font-size: 64px; + } +} + +@media screen and (max-width: 479px) { + .flex-block-2.purple { + flex-flow: column; + justify-content: space-around; + } + + .heading-3 { + font-size: 48vw; + } + + .heading-3.wrapped-compute { + display: block; + } + + .heading-3.wrapped-compute.compute-gradiant { + -webkit-text-fill-color: transparent; + background-image: linear-gradient(90deg, #f6c415, #f6c41533); + -webkit-background-clip: text; + background-clip: text; + min-height: 48vw; + margin-top: 0; + margin-bottom: 10px; + overflow-y: hidden; + } + + .heading-3.unwrapped-compute { + display: none; + } + + .text-block { + font-size: 6vw; + } +} \ No newline at end of file diff --git a/templates/css/normalize.css b/templates/css/normalize.css new file mode 100644 index 0000000..411d0b2 --- /dev/null +++ b/templates/css/normalize.css @@ -0,0 +1,355 @@ +/*! 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; +} diff --git a/templates/css/webflow.css b/templates/css/webflow.css new file mode 100644 index 0000000..e7c3b3a --- /dev/null +++ b/templates/css/webflow.css @@ -0,0 +1,2141 @@ +@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; + 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; + margin-top: 20px; +} + +h2 { + font-size: 32px; + margin-top: 20px; +} + +h3 { + font-size: 24px; + margin-top: 20px; +} + +h4 { + font-size: 18px; + margin-top: 10px; +} + +h5 { + font-size: 14px; + margin-top: 10px; +} + +h6 { + font-size: 12px; + 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; +} + +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/templates/images/favicon.ico b/templates/images/favicon.ico new file mode 100644 index 0000000..052c539 Binary files /dev/null and b/templates/images/favicon.ico differ diff --git a/templates/images/logo-z.svg b/templates/images/logo-z.svg new file mode 100644 index 0000000..1d41aa7 --- /dev/null +++ b/templates/images/logo-z.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/images/webclip.png b/templates/images/webclip.png new file mode 100644 index 0000000..7fd380c Binary files /dev/null and b/templates/images/webclip.png differ diff --git a/templates/js/webflow.js b/templates/js/webflow.js new file mode 100644 index 0000000..6cd0459 --- /dev/null +++ b/templates/js/webflow.js @@ -0,0 +1,36 @@ + +/*! + * Webflow: Front-end site library + * @license MIT + * Inline scripts may access the api using an async handler: + * var Webflow = Webflow || []; + * Webflow.push(readyFunction); + */ + +(()=>{var be=(t,f)=>()=>(f||t((f={exports:{}}).exports,f),f.exports);var Ke=be(()=>{"use strict";window.tram=function(t){function f(e,r){var o=new h.Bare;return o.init(e,r)}function v(e){return e.replace(/[A-Z]/g,function(r){return"-"+r.toLowerCase()})}function A(e){var r=parseInt(e.slice(1),16),o=r>>16&255,a=r>>8&255,i=255&r;return[o,a,i]}function $(e,r,o){return"#"+(1<<24|e<<16|r<<8|o).toString(16).slice(1)}function L(){}function N(e,r){J("Type warning: Expected: ["+e+"] Got: ["+typeof r+"] "+r)}function S(e,r,o){J("Units do not match ["+e+"]: "+r+", "+o)}function W(e,r,o){if(r!==void 0&&(o=r),e===void 0)return o;var a=o;return Re.test(e)||!Se.test(e)?a=parseInt(e,10):Se.test(e)&&(a=1e3*parseFloat(e)),0>a&&(a=0),a===a?a:o}function J(e){te.debug&&window&&window.console.warn(e)}function se(e){for(var r=-1,o=e?e.length:0,a=[];++rme&&(me=le.span),le.stop(),le.animate(qt)},function(le){"wait"in le&&(me=W(le.wait,0))}),fe.call(this),me>0&&(this.timer=new ie({duration:me,context:this}),this.active=!0,j&&(this.timer.complete=s));var Ee=this,we=!1,We={};c(function(){_e.call(Ee,C,function(le){le.active&&(we=!0,We[le.name]=le.nextStyle)}),we&&Ee.$el.css(We)})}}}function a(C){C=W(C,0),this.active?this.queue.push({options:C}):(this.timer=new ie({duration:C,context:this,complete:s}),this.active=!0)}function i(C){return this.active?(this.queue.push({options:C,args:arguments}),void(this.timer.complete=s)):J("No active transition timer. Use start() or wait() before then().")}function s(){if(this.timer&&this.timer.destroy(),this.active=!1,this.queue.length){var C=this.queue.shift();o.call(this,C.options,!0,C.args)}}function O(C){this.timer&&this.timer.destroy(),this.queue=[],this.active=!1;var j;typeof C=="string"?(j={},j[C]=1):j=typeof C=="object"&&C!=null?C:this.props,_e.call(this,j,pe),fe.call(this)}function D(C){O.call(this,C),_e.call(this,C,Ne,Dt)}function oe(C){typeof C!="string"&&(C="block"),this.el.style.display=C}function m(){O.call(this),this.el.style.display="none"}function z(){this.el.offsetHeight}function X(){O.call(this),t.removeData(this.el,V),this.$el=this.el=null}function fe(){var C,j,ue=[];this.upstream&&ue.push(this.upstream);for(C in this.props)j=this.props[C],j.active&&ue.push(j.string);ue=ue.join(","),this.style!==ue&&(this.style=ue,this.el.style[b.transition.dom]=ue)}function _e(C,j,ue){var ne,me,Ee,we,We=j!==pe,le={};for(ne in C)Ee=C[ne],ne in ae?(le.transform||(le.transform={}),le.transform[ne]=Ee):(F.test(ne)&&(ne=v(ne)),ne in g?le[ne]=Ee:(we||(we={}),we[ne]=Ee));for(ne in le){if(Ee=le[ne],me=this.props[ne],!me){if(!We)continue;me=r.call(this,ne)}j.call(this,me,Ee)}ue&&we&&ue.call(this,we)}function pe(C){C.stop()}function Ne(C,j){C.set(j)}function Dt(C){this.$el.css(C)}function ye(C,j){e[C]=function(){return this.children?Pt.call(this,j,arguments):(this.el&&j.apply(this,arguments),this)}}function Pt(C,j){var ue,ne=this.children.length;for(ue=0;ne>ue;ue++)C.apply(this.children[ue],j);return this}e.init=function(C){if(this.$el=t(C),this.el=this.$el[0],this.props={},this.queue=[],this.style="",this.active=!1,te.keepInherited&&!te.fallback){var j=p(this.el,"transition");j&&!ve.test(j)&&(this.upstream=j)}b.backface&&te.hideBackface&&n(this.el,b.backface.css,"hidden")},ye("add",r),ye("start",o),ye("wait",a),ye("then",i),ye("next",s),ye("stop",O),ye("set",D),ye("show",oe),ye("hide",m),ye("redraw",z),ye("destroy",X)}),h=K(k,function(e){function r(o,a){var i=t.data(o,V)||t.data(o,V,new k.Bare);return i.el||i.init(o),a?i.start(a):i}e.init=function(o,a){var i=t(o);if(!i.length)return this;if(i.length===1)return r(i[0],a);var s=[];return i.each(function(O,D){s.push(r(D,a))}),this.children=s,this}}),d=K(function(e){function r(){var s=this.get();this.update("auto");var O=this.get();return this.update(s),O}function o(s,O,D){return O!==void 0&&(D=O),s in G?s:D}function a(s){var O=/rgba?\((\d+),\s*(\d+),\s*(\d+)/.exec(s);return(O?$(O[1],O[2],O[3]):s).replace(/#(\w)(\w)(\w)$/,"#$1$1$2$2$3$3")}var i={duration:500,ease:"ease",delay:0};e.init=function(s,O,D,oe){this.$el=s,this.el=s[0];var m=O[0];D[2]&&(m=D[2]),_[m]&&(m=_[m]),this.name=m,this.type=D[1],this.duration=W(O[1],this.duration,i.duration),this.ease=o(O[2],this.ease,i.ease),this.delay=W(O[3],this.delay,i.delay),this.span=this.duration+this.delay,this.active=!1,this.nextStyle=null,this.auto=Ce.test(this.name),this.unit=oe.unit||this.unit||te.defaultUnit,this.angle=oe.angle||this.angle||te.defaultAngle,te.fallback||oe.fallback?this.animate=this.fallback:(this.animate=this.transition,this.string=this.name+ge+this.duration+"ms"+(this.ease!="ease"?ge+G[this.ease][0]:"")+(this.delay?ge+this.delay+"ms":""))},e.set=function(s){s=this.convert(s,this.type),this.update(s),this.redraw()},e.transition=function(s){this.active=!0,s=this.convert(s,this.type),this.auto&&(this.el.style[this.name]=="auto"&&(this.update(this.get()),this.redraw()),s=="auto"&&(s=r.call(this))),this.nextStyle=s},e.fallback=function(s){var O=this.el.style[this.name]||this.convert(this.get(),this.type);s=this.convert(s,this.type),this.auto&&(O=="auto"&&(O=this.convert(this.get(),this.type)),s=="auto"&&(s=r.call(this))),this.tween=new R({from:O,to:s,duration:this.duration,delay:this.delay,ease:this.ease,update:this.update,context:this})},e.get=function(){return p(this.el,this.name)},e.update=function(s){n(this.el,this.name,s)},e.stop=function(){(this.active||this.nextStyle)&&(this.active=!1,this.nextStyle=null,n(this.el,this.name,this.get()));var s=this.tween;s&&s.context&&s.destroy()},e.convert=function(s,O){if(s=="auto"&&this.auto)return s;var D,oe=typeof s=="number",m=typeof s=="string";switch(O){case w:if(oe)return s;if(m&&s.replace(H,"")==="")return+s;D="number(unitless)";break;case Q:if(m){if(s===""&&this.original)return this.original;if(O.test(s))return s.charAt(0)=="#"&&s.length==7?s:a(s)}D="hex or rgb string";break;case q:if(oe)return s+this.unit;if(m&&O.test(s))return s;D="number(px) or string(unit)";break;case Y:if(oe)return s+this.unit;if(m&&O.test(s))return s;D="number(px) or string(unit or %)";break;case ce:if(oe)return s+this.angle;if(m&&O.test(s))return s;D="number(deg) or string(angle)";break;case he:if(oe||m&&Y.test(s))return s;D="number(unitless) or string(unit or %)"}return N(D,s),s},e.redraw=function(){this.el.offsetHeight}}),T=K(d,function(e,r){e.init=function(){r.init.apply(this,arguments),this.original||(this.original=this.convert(this.get(),Q))}}),B=K(d,function(e,r){e.init=function(){r.init.apply(this,arguments),this.animate=this.fallback},e.get=function(){return this.$el[this.name]()},e.update=function(o){this.$el[this.name](o)}}),U=K(d,function(e,r){function o(a,i){var s,O,D,oe,m;for(s in a)oe=ae[s],D=oe[0],O=oe[1]||s,m=this.convert(a[s],D),i.call(this,O,m,D)}e.init=function(){r.init.apply(this,arguments),this.current||(this.current={},ae.perspective&&te.perspective&&(this.current.perspective=te.perspective,n(this.el,this.name,this.style(this.current)),this.redraw()))},e.set=function(a){o.call(this,a,function(i,s){this.current[i]=s}),n(this.el,this.name,this.style(this.current)),this.redraw()},e.transition=function(a){var i=this.values(a);this.tween=new Ae({current:this.current,values:i,duration:this.duration,delay:this.delay,ease:this.ease});var s,O={};for(s in this.current)O[s]=s in i?i[s]:this.current[s];this.active=!0,this.nextStyle=this.style(O)},e.fallback=function(a){var i=this.values(a);this.tween=new Ae({current:this.current,values:i,duration:this.duration,delay:this.delay,ease:this.ease,update:this.update,context:this})},e.update=function(){n(this.el,this.name,this.style(this.current))},e.style=function(a){var i,s="";for(i in a)s+=i+"("+a[i]+") ";return s},e.values=function(a){var i,s={};return o.call(this,a,function(O,D,oe){s[O]=D,this.current[O]===void 0&&(i=0,~O.indexOf("scale")&&(i=1),this.current[O]=this.convert(i,oe))}),s}}),R=K(function(e){function r(m){D.push(m)===1&&c(o)}function o(){var m,z,X,fe=D.length;if(fe)for(c(o),z=y(),m=fe;m--;)X=D[m],X&&X.render(z)}function a(m){var z,X=t.inArray(m,D);X>=0&&(z=D.slice(X+1),D.length=X,z.length&&(D=D.concat(z)))}function i(m){return Math.round(m*oe)/oe}function s(m,z,X){return $(m[0]+X*(z[0]-m[0]),m[1]+X*(z[1]-m[1]),m[2]+X*(z[2]-m[2]))}var O={ease:G.ease[1],from:0,to:1};e.init=function(m){this.duration=m.duration||0,this.delay=m.delay||0;var z=m.ease||O.ease;G[z]&&(z=G[z][1]),typeof z!="function"&&(z=O.ease),this.ease=z,this.update=m.update||L,this.complete=m.complete||L,this.context=m.context||this,this.name=m.name;var X=m.from,fe=m.to;X===void 0&&(X=O.from),fe===void 0&&(fe=O.to),this.unit=m.unit||"",typeof X=="number"&&typeof fe=="number"?(this.begin=X,this.change=fe-X):this.format(fe,X),this.value=this.begin+this.unit,this.start=y(),m.autoplay!==!1&&this.play()},e.play=function(){this.active||(this.start||(this.start=y()),this.active=!0,r(this))},e.stop=function(){this.active&&(this.active=!1,a(this))},e.render=function(m){var z,X=m-this.start;if(this.delay){if(X<=this.delay)return;X-=this.delay}if(X{"use strict";var Nt=window.$,Wt=Ke()&&Nt.tram;et.exports=function(){var t={};t.VERSION="1.6.0-Webflow";var f={},v=Array.prototype,A=Object.prototype,$=Function.prototype,L=v.push,N=v.slice,S=v.concat,W=A.toString,J=A.hasOwnProperty,se=v.forEach,K=v.map,G=v.reduce,M=v.reduceRight,Z=v.filter,ee=v.every,V=v.some,H=v.indexOf,F=v.lastIndexOf,w=Array.isArray,Q=Object.keys,q=$.bind,Y=t.each=t.forEach=function(u,l,E){if(u==null)return u;if(se&&u.forEach===se)u.forEach(l,E);else if(u.length===+u.length){for(var b=0,P=u.length;b/g,interpolate:/<%=([\s\S]+?)%>/g,escape:/<%-([\s\S]+?)%>/g};var he=/(.)^/,ve={"'":"'","\\":"\\","\r":"r","\n":"n","\u2028":"u2028","\u2029":"u2029"},Ce=/\\|'|\r|\n|\u2028|\u2029/g,ge=function(u){return"\\"+ve[u]},x=/^\s*(\w|\$)+\s*$/;return t.template=function(u,l,E){!l&&E&&(l=E),l=t.defaults({},l,t.templateSettings);var b=RegExp([(l.escape||he).source,(l.interpolate||he).source,(l.evaluate||he).source].join("|")+"|$","g"),P=0,I="__p+='";u.replace(b,function(h,d,T,B,U){return I+=u.slice(P,U).replace(Ce,ge),P=U+h.length,d?I+=`'+ +((__t=(`+d+`))==null?'':_.escape(__t))+ +'`:T?I+=`'+ +((__t=(`+T+`))==null?'':__t)+ +'`:B&&(I+=`'; +`+B+` +__p+='`),h}),I+=`'; +`;var c=l.variable;if(c){if(!x.test(c))throw new Error("variable is not a bare identifier: "+c)}else I=`with(obj||{}){ +`+I+`} +`,c="obj";I=`var __t,__p='',__j=Array.prototype.join,print=function(){__p+=__j.call(arguments,'');}; +`+I+`return __p; +`;var y;try{y=new Function(l.variable||"obj","_",I)}catch(h){throw h.source=I,h}var k=function(h){return y.call(this,h,t)};return k.source="function("+c+`){ +`+I+"}",k},t}()});var Te=be((nn,ct)=>{"use strict";var re={},De={},Pe=[],Ye=window.Webflow||[],Me=window.jQuery,ke=Me(window),zt=Me(document),Oe=Me.isFunction,xe=re._=tt(),rt=re.tram=Ke()&&Me.tram,He=!1,Ge=!1;rt.config.hideBackface=!1;rt.config.keepInherited=!0;re.define=function(t,f,v){De[t]&&ot(De[t]);var A=De[t]=f(Me,xe,v)||{};return it(A),A};re.require=function(t){return De[t]};function it(t){re.env()&&(Oe(t.design)&&ke.on("__wf_design",t.design),Oe(t.preview)&&ke.on("__wf_preview",t.preview)),Oe(t.destroy)&&ke.on("__wf_destroy",t.destroy),t.ready&&Oe(t.ready)&&Ht(t)}function Ht(t){if(He){t.ready();return}xe.contains(Pe,t.ready)||Pe.push(t.ready)}function ot(t){Oe(t.design)&&ke.off("__wf_design",t.design),Oe(t.preview)&&ke.off("__wf_preview",t.preview),Oe(t.destroy)&&ke.off("__wf_destroy",t.destroy),t.ready&&Oe(t.ready)&&Ut(t)}function Ut(t){Pe=xe.filter(Pe,function(f){return f!==t.ready})}re.push=function(t){if(He){Oe(t)&&t();return}Ye.push(t)};re.env=function(t){var f=window.__wf_design,v=typeof f<"u";if(!t)return v;if(t==="design")return v&&f;if(t==="preview")return v&&!f;if(t==="slug")return v&&window.__wf_slug;if(t==="editor")return window.WebflowEditor;if(t==="test")return window.__wf_test;if(t==="frame")return window!==window.top};var ze=navigator.userAgent.toLowerCase(),at=re.env.touch="ontouchstart"in window||window.DocumentTouch&&document instanceof window.DocumentTouch,Bt=re.env.chrome=/chrome/.test(ze)&&/Google/.test(navigator.vendor)&&parseInt(ze.match(/chrome\/(\d+)\./)[1],10),$t=re.env.ios=/(ipod|iphone|ipad)/.test(ze);re.env.safari=/safari/.test(ze)&&!Bt&&!$t;var Ve;at&&zt.on("touchstart mousedown",function(t){Ve=t.target});re.validClick=at?function(t){return t===Ve||Me.contains(t,Ve)}:function(){return!0};var st="resize.webflow orientationchange.webflow load.webflow",Xt="scroll.webflow "+st;re.resize=Ze(ke,st);re.scroll=Ze(ke,Xt);re.redraw=Ze();function Ze(t,f){var v=[],A={};return A.up=xe.throttle(function($){xe.each(v,function(L){L($)})}),t&&f&&t.on(f,A.up),A.on=function($){typeof $=="function"&&(xe.contains(v,$)||v.push($))},A.off=function($){if(!arguments.length){v=[];return}v=xe.filter(v,function(L){return L!==$})},A}re.location=function(t){window.location=t};re.env()&&(re.location=function(){});re.ready=function(){He=!0,Ge?Kt():xe.each(Pe,nt),xe.each(Ye,nt),re.resize.up()};function nt(t){Oe(t)&&t()}function Kt(){Ge=!1,xe.each(De,it)}var Ie;re.load=function(t){Ie.then(t)};function ut(){Ie&&(Ie.reject(),ke.off("load",Ie.resolve)),Ie=new Me.Deferred,ke.on("load",Ie.resolve)}re.destroy=function(t){t=t||{},Ge=!0,ke.triggerHandler("__wf_destroy"),t.domready!=null&&(He=t.domready),xe.each(De,ot),re.resize.off(),re.scroll.off(),re.redraw.off(),Pe=[],Ye=[],Ie.state()==="pending"&&ut()};Me(re.ready);ut();ct.exports=window.Webflow=re});var dt=be((rn,lt)=>{"use strict";var ft=Te();ft.define("brand",lt.exports=function(t){var f={},v=document,A=t("html"),$=t("body"),L=".w-webflow-badge",N=window.location,S=/PhantomJS/i.test(navigator.userAgent),W="fullscreenchange webkitfullscreenchange mozfullscreenchange msfullscreenchange",J;f.ready=function(){var M=A.attr("data-wf-status"),Z=A.attr("data-wf-domain")||"";/\.webflow\.io$/i.test(Z)&&N.hostname!==Z&&(M=!0),M&&!S&&(J=J||K(),G(),setTimeout(G,500),t(v).off(W,se).on(W,se))};function se(){var M=v.fullScreen||v.mozFullScreen||v.webkitIsFullScreen||v.msFullscreenElement||!!v.webkitFullscreenElement;t(J).attr("style",M?"display: none !important;":"")}function K(){var M=t('').attr("href","https://webflow.com?utm_campaign=brandjs"),Z=t("").attr("src","https://d3e54v103j8qbb.cloudfront.net/img/webflow-badge-icon-d2.89e12c322e.svg").attr("alt","").css({marginRight:"4px",width:"26px"}),ee=t("").attr("src","https://d3e54v103j8qbb.cloudfront.net/img/webflow-badge-text-d2.c82cec3b78.svg").attr("alt","Made in Webflow");return M.append(Z,ee),M[0]}function G(){var M=$.children(L),Z=M.length&&M.get(0)===J,ee=ft.env("editor");if(Z){ee&&M.remove();return}M.length&&M.remove(),ee||$.append(J)}return f})});var vt=be((on,ht)=>{"use strict";var Vt=Te();Vt.define("focus-visible",ht.exports=function(){function t(v){var A=!0,$=!1,L=null,N={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(w){return!!(w&&w!==document&&w.nodeName!=="HTML"&&w.nodeName!=="BODY"&&"classList"in w&&"contains"in w.classList)}function W(w){var Q=w.type,q=w.tagName;return!!(q==="INPUT"&&N[Q]&&!w.readOnly||q==="TEXTAREA"&&!w.readOnly||w.isContentEditable)}function J(w){w.getAttribute("data-wf-focus-visible")||w.setAttribute("data-wf-focus-visible","true")}function se(w){w.getAttribute("data-wf-focus-visible")&&w.removeAttribute("data-wf-focus-visible")}function K(w){w.metaKey||w.altKey||w.ctrlKey||(S(v.activeElement)&&J(v.activeElement),A=!0)}function G(){A=!1}function M(w){S(w.target)&&(A||W(w.target))&&J(w.target)}function Z(w){S(w.target)&&w.target.hasAttribute("data-wf-focus-visible")&&($=!0,window.clearTimeout(L),L=window.setTimeout(function(){$=!1},100),se(w.target))}function ee(){document.visibilityState==="hidden"&&($&&(A=!0),V())}function V(){document.addEventListener("mousemove",F),document.addEventListener("mousedown",F),document.addEventListener("mouseup",F),document.addEventListener("pointermove",F),document.addEventListener("pointerdown",F),document.addEventListener("pointerup",F),document.addEventListener("touchmove",F),document.addEventListener("touchstart",F),document.addEventListener("touchend",F)}function H(){document.removeEventListener("mousemove",F),document.removeEventListener("mousedown",F),document.removeEventListener("mouseup",F),document.removeEventListener("pointermove",F),document.removeEventListener("pointerdown",F),document.removeEventListener("pointerup",F),document.removeEventListener("touchmove",F),document.removeEventListener("touchstart",F),document.removeEventListener("touchend",F)}function F(w){w.target.nodeName&&w.target.nodeName.toLowerCase()==="html"||(A=!1,H())}document.addEventListener("keydown",K,!0),document.addEventListener("mousedown",G,!0),document.addEventListener("pointerdown",G,!0),document.addEventListener("touchstart",G,!0),document.addEventListener("visibilitychange",ee,!0),V(),v.addEventListener("focus",M,!0),v.addEventListener("blur",Z,!0)}function f(){if(typeof document<"u")try{document.querySelector(":focus-visible")}catch{t(document)}}return{ready:f}})});var gt=be((an,mt)=>{"use strict";var pt=Te();pt.define("focus",mt.exports=function(){var t=[],f=!1;function v(N){f&&(N.preventDefault(),N.stopPropagation(),N.stopImmediatePropagation(),t.unshift(N))}function A(N){var S=N.target,W=S.tagName;return/^a$/i.test(W)&&S.href!=null||/^(button|textarea)$/i.test(W)&&S.disabled!==!0||/^input$/i.test(W)&&/^(button|reset|submit|radio|checkbox)$/i.test(S.type)&&!S.disabled||!/^(button|input|textarea|select|a)$/i.test(W)&&!Number.isNaN(Number.parseFloat(S.tabIndex))||/^audio$/i.test(W)||/^video$/i.test(W)&&S.controls===!0}function $(N){A(N)&&(f=!0,setTimeout(()=>{for(f=!1,N.target.focus();t.length>0;){var S=t.pop();S.target.dispatchEvent(new MouseEvent(S.type,S))}},0))}function L(){typeof document<"u"&&document.body.hasAttribute("data-wf-focus-within")&&pt.env.safari&&(document.addEventListener("mousedown",$,!0),document.addEventListener("mouseup",v,!0),document.addEventListener("click",v,!0))}return{ready:L}})});var bt=be((sn,wt)=>{"use strict";var qe=Te();qe.define("links",wt.exports=function(t,f){var v={},A=t(window),$,L=qe.env(),N=window.location,S=document.createElement("a"),W="w--current",J=/index\.(html|php)$/,se=/\/$/,K,G;v.ready=v.design=v.preview=M;function M(){$=L&&qe.env("design"),G=qe.env("slug")||N.pathname||"",qe.scroll.off(ee),K=[];for(var H=document.links,F=0;F=0)){var w=t(H);if(S.hash.length>1&&S.host+S.pathname===N.host+N.pathname){if(!/^#[a-zA-Z0-9\-\_]+$/.test(S.hash))return;var Q=t(S.hash);Q.length&&K.push({link:w,sec:Q,active:!1});return}if(!(F==="#"||F==="")){var q=S.href===N.href||F===G||J.test(F)&&se.test(G);V(w,W,q)}}}}function ee(){var H=A.scrollTop(),F=A.height();f.each(K,function(w){if(!w.link.attr("hreflang")){var Q=w.link,q=w.sec,Y=q.offset().top,ce=q.outerHeight(),he=F*.5,ve=q.is(":visible")&&Y+ce-he>=H&&Y+he<=H+F;w.active!==ve&&(w.active=ve,V(Q,W,ve))}})}function V(H,F,w){var Q=H.hasClass(F);w&&Q||!w&&!Q||(w?H.addClass(F):H.removeClass(F))}return v})});var Et=be((un,yt)=>{"use strict";var Ue=Te();Ue.define("scroll",yt.exports=function(t){var f={WF_CLICK_EMPTY:"click.wf-empty-link",WF_CLICK_SCROLL:"click.wf-scroll"},v=window.location,A=Z()?null:window.history,$=t(window),L=t(document),N=t(document.body),S=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||function(x){window.setTimeout(x,15)},W=Ue.env("editor")?".w-editor-body":"body",J="header, "+W+" > .header, "+W+" > .w-nav:not([data-no-scroll])",se='a[href="#"]',K='a[href*="#"]:not(.w-tab-link):not('+se+")",G='.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}',M=document.createElement("style");M.appendChild(document.createTextNode(G));function Z(){try{return!!window.frameElement}catch{return!0}}var ee=/^#[a-zA-Z0-9][\w:.-]*$/;function V(x){return ee.test(x.hash)&&x.host+x.pathname===v.host+v.pathname}let H=typeof window.matchMedia=="function"&&window.matchMedia("(prefers-reduced-motion: reduce)");function F(){return document.body.getAttribute("data-wf-scroll-motion")==="none"||H.matches}function w(x,u){var l;switch(u){case"add":l=x.attr("tabindex"),l?x.attr("data-wf-tabindex-swap",l):x.attr("tabindex","-1");break;case"remove":l=x.attr("data-wf-tabindex-swap"),l?(x.attr("tabindex",l),x.removeAttr("data-wf-tabindex-swap")):x.removeAttr("tabindex");break}x.toggleClass("wf-force-outline-none",u==="add")}function Q(x){var u=x.currentTarget;if(!(Ue.env("design")||window.$.mobile&&/(?:^|\s)ui-link(?:$|\s)/.test(u.className))){var l=V(u)?u.hash:"";if(l!==""){var E=t(l);E.length&&(x&&(x.preventDefault(),x.stopPropagation()),q(l,x),window.setTimeout(function(){Y(E,function(){w(E,"add"),E.get(0).focus({preventScroll:!0}),w(E,"remove")})},x?0:300))}}}function q(x){if(v.hash!==x&&A&&A.pushState&&!(Ue.env.chrome&&v.protocol==="file:")){var u=A.state&&A.state.hash;u!==x&&A.pushState({hash:x},"",x)}}function Y(x,u){var l=$.scrollTop(),E=ce(x);if(l!==E){var b=he(x,l,E),P=Date.now(),I=function(){var c=Date.now()-P;window.scroll(0,ve(l,E,c,b)),c<=b?S(I):typeof u=="function"&&u()};S(I)}}function ce(x){var u=t(J),l=u.css("position")==="fixed"?u.outerHeight():0,E=x.offset().top-l;if(x.data("scroll")==="mid"){var b=$.height()-l,P=x.outerHeight();P=0&&(E=I)}),(472.143*Math.log(Math.abs(u-l)+125)-2e3)*E}function ve(x,u,l,E){return l>E?u:x+(u-x)*Ce(l/E)}function Ce(x){return x<.5?4*x*x*x:(x-1)*(2*x-2)*(2*x-2)+1}function ge(){var{WF_CLICK_EMPTY:x,WF_CLICK_SCROLL:u}=f;L.on(u,K,Q),L.on(x,se,function(l){l.preventDefault()}),document.head.insertBefore(M,document.head.firstChild)}return{ready:ge}})});var kt=be((cn,xt)=>{"use strict";var Yt=Te();Yt.define("touch",xt.exports=function(t){var f={},v=window.getSelection;t.event.special.tap={bindType:"click",delegateType:"click"},f.init=function(L){return L=typeof L=="string"?t(L).get(0):L,L?new A(L):null};function A(L){var N=!1,S=!1,W=Math.min(Math.round(window.innerWidth*.04),40),J,se;L.addEventListener("touchstart",K,!1),L.addEventListener("touchmove",G,!1),L.addEventListener("touchend",M,!1),L.addEventListener("touchcancel",Z,!1),L.addEventListener("mousedown",K,!1),L.addEventListener("mousemove",G,!1),L.addEventListener("mouseup",M,!1),L.addEventListener("mouseout",Z,!1);function K(V){var H=V.touches;H&&H.length>1||(N=!0,H?(S=!0,J=H[0].clientX):J=V.clientX,se=J)}function G(V){if(N){if(S&&V.type==="mousemove"){V.preventDefault(),V.stopPropagation();return}var H=V.touches,F=H?H[0].clientX:V.clientX,w=F-se;se=F,Math.abs(w)>W&&v&&String(v())===""&&($("swipe",V,{direction:w>0?"right":"left"}),Z())}}function M(V){if(N&&(N=!1,S&&V.type==="mouseup")){V.preventDefault(),V.stopPropagation(),S=!1;return}}function Z(){N=!1}function ee(){L.removeEventListener("touchstart",K,!1),L.removeEventListener("touchmove",G,!1),L.removeEventListener("touchend",M,!1),L.removeEventListener("touchcancel",Z,!1),L.removeEventListener("mousedown",K,!1),L.removeEventListener("mousemove",G,!1),L.removeEventListener("mouseup",M,!1),L.removeEventListener("mouseout",Z,!1),L=null}this.destroy=ee}function $(L,N,S){var W=t.Event(L,{originalEvent:N});t(N.target).trigger(W,S)}return f.instance=f.init(document),f})});var Ot=be((fn,_t)=>{"use strict";var Qe=Te();Qe.define("forms",_t.exports=function(t,f){var v={},A=t(document),$,L=window.location,N=window.XDomainRequest&&!window.atob,S=".w-form",W,J=/e(-)?mail/i,se=/^\S+@\S+$/,K=window.alert,G=Qe.env(),M,Z,ee,V=/list-manage[1-9]?.com/i,H=f.debounce(function(){K("Oops! This page has improperly configured forms. Please contact your website administrator to fix this issue.")},100);v.ready=v.design=v.preview=function(){F(),!G&&!M&&Q()};function F(){W=t("html").attr("data-wf-site"),Z="https://webflow.com/api/v1/form/"+W,N&&Z.indexOf("https://webflow.com")>=0&&(Z=Z.replace("https://webflow.com","https://formdata.webflow.com")),ee=`${Z}/signFile`,$=t(S+" form"),$.length&&$.each(w)}function w(c,y){var k=t(y),h=t.data(y,S);h||(h=t.data(y,S,{form:k})),q(h);var d=k.closest("div.w-form");h.done=d.find("> .w-form-done"),h.fail=d.find("> .w-form-fail"),h.fileUploads=d.find(".w-file-upload"),h.fileUploads.each(function(U){b(U,h)});var T=h.form.attr("aria-label")||h.form.attr("data-name")||"Form";h.done.attr("aria-label")||h.form.attr("aria-label",T),h.done.attr("tabindex","-1"),h.done.attr("role","region"),h.done.attr("aria-label")||h.done.attr("aria-label",T+" success"),h.fail.attr("tabindex","-1"),h.fail.attr("role","region"),h.fail.attr("aria-label")||h.fail.attr("aria-label",T+" failure");var B=h.action=k.attr("action");if(h.handler=null,h.redirect=k.attr("data-redirect"),V.test(B)){h.handler=u;return}if(!B){if(W){h.handler=x;return}H()}}function Q(){M=!0,A.on("submit",S+" form",function(U){var R=t.data(this,S);R.handler&&(R.evt=U,R.handler(R))});let c=".w-checkbox-input",y=".w-radio-input",k="w--redirected-checked",h="w--redirected-focus",d="w--redirected-focus-visible",T=":focus-visible, [data-wf-focus-visible]",B=[["checkbox",c],["radio",y]];A.on("change",S+' form input[type="checkbox"]:not('+c+")",U=>{t(U.target).siblings(c).toggleClass(k)}),A.on("change",S+' form input[type="radio"]',U=>{t(`input[name="${U.target.name}"]:not(${c})`).map((ie,Ae)=>t(Ae).siblings(y).removeClass(k));let R=t(U.target);R.hasClass("w-radio-input")||R.siblings(y).addClass(k)}),B.forEach(([U,R])=>{A.on("focus",S+` form input[type="${U}"]:not(`+R+")",ie=>{t(ie.target).siblings(R).addClass(h),t(ie.target).filter(T).siblings(R).addClass(d)}),A.on("blur",S+` form input[type="${U}"]:not(`+R+")",ie=>{t(ie.target).siblings(R).removeClass(`${h} ${d}`)})})}function q(c){var y=c.btn=c.form.find(':input[type="submit"]');c.wait=c.btn.attr("data-wait")||null,c.success=!1,y.prop("disabled",!1),c.label&&y.val(c.label)}function Y(c){var y=c.btn,k=c.wait;y.prop("disabled",!0),k&&(c.label=y.val(),y.val(k))}function ce(c,y){var k=null;return y=y||{},c.find(':input:not([type="submit"]):not([type="file"])').each(function(h,d){var T=t(d),B=T.attr("type"),U=T.attr("data-name")||T.attr("name")||"Field "+(h+1);U=encodeURIComponent(U);var R=T.val();if(B==="checkbox")R=T.is(":checked");else if(B==="radio"){if(y[U]===null||typeof y[U]=="string")return;R=c.find('input[name="'+T.attr("name")+'"]:checked').val()||null}typeof R=="string"&&(R=t.trim(R)),y[U]=R,k=k||ge(T,B,U,R)}),k}function he(c){var y={};return c.find(':input[type="file"]').each(function(k,h){var d=t(h),T=d.attr("data-name")||d.attr("name")||"File "+(k+1),B=d.attr("data-value");typeof B=="string"&&(B=t.trim(B)),y[T]=B}),y}let ve={_mkto_trk:"marketo"};function Ce(){return document.cookie.split("; ").reduce(function(y,k){let h=k.split("="),d=h[0];if(d in ve){let T=ve[d],B=h.slice(1).join("=");y[T]=B}return y},{})}function ge(c,y,k,h){var d=null;return y==="password"?d="Passwords cannot be submitted.":c.attr("required")?h?J.test(c.attr("type"))&&(se.test(h)||(d="Please enter a valid email address for: "+k)):d="Please fill out the required field: "+k:k==="g-recaptcha-response"&&!h&&(d="Please confirm you\u2019re not a robot."),d}function x(c){E(c),l(c)}function u(c){q(c);var y=c.form,k={};if(/^https/.test(L.href)&&!/^https/.test(c.action)){y.attr("method","post");return}E(c);var h=ce(y,k);if(h)return K(h);Y(c);var d;f.each(k,function(R,ie){J.test(ie)&&(k.EMAIL=R),/^((full[ _-]?)?name)$/i.test(ie)&&(d=R),/^(first[ _-]?name)$/i.test(ie)&&(k.FNAME=R),/^(last[ _-]?name)$/i.test(ie)&&(k.LNAME=R)}),d&&!k.FNAME&&(d=d.split(" "),k.FNAME=d[0],k.LNAME=k.LNAME||d[1]);var T=c.action.replace("/post?","/post-json?")+"&c=?",B=T.indexOf("u=")+2;B=T.substring(B,T.indexOf("&",B));var U=T.indexOf("id=")+3;U=T.substring(U,T.indexOf("&",U)),k["b_"+B+"_"+U]="",t.ajax({url:T,data:k,dataType:"jsonp"}).done(function(R){c.success=R.result==="success"||/already/.test(R.msg),c.success||console.info("MailChimp error: "+R.msg),l(c)}).fail(function(){l(c)})}function l(c){var y=c.form,k=c.redirect,h=c.success;if(h&&k){Qe.location(k);return}c.done.toggle(h),c.fail.toggle(!h),h?c.done.focus():c.fail.focus(),y.toggle(!h),q(c)}function E(c){c.evt&&c.evt.preventDefault(),c.evt=null}function b(c,y){if(!y.fileUploads||!y.fileUploads[c])return;var k,h=t(y.fileUploads[c]),d=h.find("> .w-file-upload-default"),T=h.find("> .w-file-upload-uploading"),B=h.find("> .w-file-upload-success"),U=h.find("> .w-file-upload-error"),R=d.find(".w-file-upload-input"),ie=d.find(".w-file-upload-label"),Ae=ie.children(),te=U.find(".w-file-upload-error-msg"),n=B.find(".w-file-upload-file"),p=B.find(".w-file-remove-link"),_=n.find(".w-file-upload-file-name"),g=te.attr("data-w-size-error"),ae=te.attr("data-w-type-error"),Re=te.attr("data-w-generic-error");if(G||ie.on("click keydown",function(i){i.type==="keydown"&&i.which!==13&&i.which!==32||(i.preventDefault(),R.click())}),ie.find(".w-icon-file-upload-icon").attr("aria-hidden","true"),p.find(".w-icon-file-upload-remove").attr("aria-hidden","true"),G)R.on("click",function(i){i.preventDefault()}),ie.on("click",function(i){i.preventDefault()}),Ae.on("click",function(i){i.preventDefault()});else{p.on("click keydown",function(i){if(i.type==="keydown"){if(i.which!==13&&i.which!==32)return;i.preventDefault()}R.removeAttr("data-value"),R.val(""),_.html(""),d.toggle(!0),B.toggle(!1),ie.focus()}),R.on("change",function(i){k=i.target&&i.target.files&&i.target.files[0],k&&(d.toggle(!1),U.toggle(!1),T.toggle(!0),T.focus(),_.text(k.name),a()||Y(y),y.fileUploads[c].uploading=!0,P(k,r))});var Se=ie.outerHeight();R.height(Se),R.width(1)}function e(i){var s=i.responseJSON&&i.responseJSON.msg,O=Re;typeof s=="string"&&s.indexOf("InvalidFileTypeError")===0?O=ae:typeof s=="string"&&s.indexOf("MaxFileSizeError")===0&&(O=g),te.text(O),R.removeAttr("data-value"),R.val(""),T.toggle(!1),d.toggle(!0),U.toggle(!0),U.focus(),y.fileUploads[c].uploading=!1,a()||q(y)}function r(i,s){if(i)return e(i);var O=s.fileName,D=s.postData,oe=s.fileId,m=s.s3Url;R.attr("data-value",oe),I(m,D,k,O,o)}function o(i){if(i)return e(i);T.toggle(!1),B.css("display","inline-block"),B.focus(),y.fileUploads[c].uploading=!1,a()||q(y)}function a(){var i=y.fileUploads&&y.fileUploads.toArray()||[];return i.some(function(s){return s.uploading})}}function P(c,y){var k=new URLSearchParams({name:c.name,size:c.size});t.ajax({type:"GET",url:`${ee}?${k}`,crossDomain:!0}).done(function(h){y(null,h)}).fail(function(h){y(h)})}function I(c,y,k,h,d){var T=new FormData;for(var B in y)T.append(B,y[B]);T.append("file",k,h),t.ajax({type:"POST",url:c,data:T,processData:!1,contentType:!1}).done(function(){d(null)}).fail(function(U){d(U)})}return v})});var St=be((ln,At)=>{"use strict";var je=window.jQuery,Le={},Be=[],Lt=".w-ix",$e={reset:function(t,f){f.__wf_intro=null},intro:function(t,f){f.__wf_intro||(f.__wf_intro=!0,je(f).triggerHandler(Le.types.INTRO))},outro:function(t,f){f.__wf_intro&&(f.__wf_intro=null,je(f).triggerHandler(Le.types.OUTRO))}};Le.triggers={};Le.types={INTRO:"w-ix-intro"+Lt,OUTRO:"w-ix-outro"+Lt};Le.init=function(){for(var t=Be.length,f=0;f{"use strict";var Je=St();function Tt(t,f){var v=document.createEvent("CustomEvent");v.initCustomEvent(f,!0,!0,null),t.dispatchEvent(v)}var Gt=window.jQuery,Xe={},Ct=".w-ix",Zt={reset:function(t,f){Je.triggers.reset(t,f)},intro:function(t,f){Je.triggers.intro(t,f),Tt(f,"COMPONENT_ACTIVE")},outro:function(t,f){Je.triggers.outro(t,f),Tt(f,"COMPONENT_INACTIVE")}};Xe.triggers={};Xe.types={INTRO:"w-ix-intro"+Ct,OUTRO:"w-ix-outro"+Ct};Gt.extend(Xe.triggers,Zt);Mt.exports=Xe});var It=be((hn,Rt)=>{"use strict";var Fe=Te(),Qt=Ft(),de={ARROW_LEFT:37,ARROW_UP:38,ARROW_RIGHT:39,ARROW_DOWN:40,ESCAPE:27,SPACE:32,ENTER:13,HOME:36,END:35};Fe.define("navbar",Rt.exports=function(t,f){var v={},A=t.tram,$=t(window),L=t(document),N=f.debounce,S,W,J,se,K=Fe.env(),G='
',M=".w-nav",Z="w--open",ee="w--nav-dropdown-open",V="w--nav-dropdown-toggle-open",H="w--nav-dropdown-list-open",F="w--nav-link-open",w=Qt.triggers,Q=t();v.ready=v.design=v.preview=q,v.destroy=function(){Q=t(),Y(),W&&W.length&&W.each(Ce)};function q(){J=K&&Fe.env("design"),se=Fe.env("editor"),S=t(document.body),W=L.find(M),W.length&&(W.each(ve),Y(),ce())}function Y(){Fe.resize.off(he)}function ce(){Fe.resize.on(he)}function he(){W.each(d)}function ve(n,p){var _=t(p),g=t.data(p,M);g||(g=t.data(p,M,{open:!1,el:_,config:{},selectedIdx:-1})),g.menu=_.find(".w-nav-menu"),g.links=g.menu.find(".w-nav-link"),g.dropdowns=g.menu.find(".w-dropdown"),g.dropdownToggle=g.menu.find(".w-dropdown-toggle"),g.dropdownList=g.menu.find(".w-dropdown-list"),g.button=_.find(".w-nav-button"),g.container=_.find(".w-container"),g.overlayContainerId="w-nav-overlay-"+n,g.outside=k(g);var ae=_.find(".w-nav-brand");ae&&ae.attr("href")==="/"&&ae.attr("aria-label")==null&&ae.attr("aria-label","home"),g.button.attr("style","-webkit-user-select: text;"),g.button.attr("aria-label")==null&&g.button.attr("aria-label","menu"),g.button.attr("role","button"),g.button.attr("tabindex","0"),g.button.attr("aria-controls",g.overlayContainerId),g.button.attr("aria-haspopup","menu"),g.button.attr("aria-expanded","false"),g.el.off(M),g.button.off(M),g.menu.off(M),u(g),J?(ge(g),g.el.on("setting"+M,l(g))):(x(g),g.button.on("click"+M,c(g)),g.menu.on("click"+M,"a",y(g)),g.button.on("keydown"+M,E(g)),g.el.on("keydown"+M,b(g))),d(n,p)}function Ce(n,p){var _=t.data(p,M);_&&(ge(_),t.removeData(p,M))}function ge(n){n.overlay&&(te(n,!0),n.overlay.remove(),n.overlay=null)}function x(n){n.overlay||(n.overlay=t(G).appendTo(n.el),n.overlay.attr("id",n.overlayContainerId),n.parent=n.menu.parent(),te(n,!0))}function u(n){var p={},_=n.config||{},g=p.animation=n.el.attr("data-animation")||"default";p.animOver=/^over/.test(g),p.animDirect=/left$/.test(g)?-1:1,_.animation!==g&&n.open&&f.defer(I,n),p.easing=n.el.attr("data-easing")||"ease",p.easing2=n.el.attr("data-easing2")||"ease";var ae=n.el.attr("data-duration");p.duration=ae!=null?Number(ae):400,p.docHeight=n.el.attr("data-doc-height"),n.config=p}function l(n){return function(p,_){_=_||{};var g=$.width();u(n),_.open===!0&&ie(n,!0),_.open===!1&&te(n,!0),n.open&&f.defer(function(){g!==$.width()&&I(n)})}}function E(n){return function(p){switch(p.keyCode){case de.SPACE:case de.ENTER:return c(n)(),p.preventDefault(),p.stopPropagation();case de.ESCAPE:return te(n),p.preventDefault(),p.stopPropagation();case de.ARROW_RIGHT:case de.ARROW_DOWN:case de.HOME:case de.END:return n.open?(p.keyCode===de.END?n.selectedIdx=n.links.length-1:n.selectedIdx=0,P(n),p.preventDefault(),p.stopPropagation()):(p.preventDefault(),p.stopPropagation())}}}function b(n){return function(p){if(n.open)switch(n.selectedIdx=n.links.index(document.activeElement),p.keyCode){case de.HOME:case de.END:return p.keyCode===de.END?n.selectedIdx=n.links.length-1:n.selectedIdx=0,P(n),p.preventDefault(),p.stopPropagation();case de.ESCAPE:return te(n),n.button.focus(),p.preventDefault(),p.stopPropagation();case de.ARROW_LEFT:case de.ARROW_UP:return n.selectedIdx=Math.max(-1,n.selectedIdx-1),P(n),p.preventDefault(),p.stopPropagation();case de.ARROW_RIGHT:case de.ARROW_DOWN:return n.selectedIdx=Math.min(n.links.length-1,n.selectedIdx+1),P(n),p.preventDefault(),p.stopPropagation()}}}function P(n){if(n.links[n.selectedIdx]){var p=n.links[n.selectedIdx];p.focus(),y(p)}}function I(n){n.open&&(te(n,!0),ie(n,!0))}function c(n){return N(function(){n.open?te(n):ie(n)})}function y(n){return function(p){var _=t(this),g=_.attr("href");if(!Fe.validClick(p.currentTarget)){p.preventDefault();return}g&&g.indexOf("#")===0&&n.open&&te(n)}}function k(n){return n.outside&&L.off("click"+M,n.outside),function(p){var _=t(p.target);se&&_.closest(".w-editor-bem-EditorOverlay").length||h(n,_)}}var h=N(function(n,p){if(n.open){var _=p.closest(".w-nav-menu");n.menu.is(_)||te(n)}});function d(n,p){var _=t.data(p,M),g=_.collapsed=_.button.css("display")!=="none";if(_.open&&!g&&!J&&te(_,!0),_.container.length){var ae=B(_);_.links.each(ae),_.dropdowns.each(ae)}_.open&&Ae(_)}var T="max-width";function B(n){var p=n.container.css(T);return p==="none"&&(p=""),function(_,g){g=t(g),g.css(T,""),g.css(T)==="none"&&g.css(T,p)}}function U(n,p){p.setAttribute("data-nav-menu-open","")}function R(n,p){p.removeAttribute("data-nav-menu-open")}function ie(n,p){if(n.open)return;n.open=!0,n.menu.each(U),n.links.addClass(F),n.dropdowns.addClass(ee),n.dropdownToggle.addClass(V),n.dropdownList.addClass(H),n.button.addClass(Z);var _=n.config,g=_.animation;(g==="none"||!A.support.transform||_.duration<=0)&&(p=!0);var ae=Ae(n),Re=n.menu.outerHeight(!0),Se=n.menu.outerWidth(!0),e=n.el.height(),r=n.el[0];if(d(0,r),w.intro(0,r),Fe.redraw.up(),J||L.on("click"+M,n.outside),p){i();return}var o="transform "+_.duration+"ms "+_.easing;if(n.overlay&&(Q=n.menu.prev(),n.overlay.show().append(n.menu)),_.animOver){A(n.menu).add(o).set({x:_.animDirect*Se,height:ae}).start({x:0}).then(i),n.overlay&&n.overlay.width(Se);return}var a=e+Re;A(n.menu).add(o).set({y:-a}).start({y:0}).then(i);function i(){n.button.attr("aria-expanded","true")}}function Ae(n){var p=n.config,_=p.docHeight?L.height():S.height();return p.animOver?n.menu.height(_):n.el.css("position")!=="fixed"&&(_-=n.el.outerHeight(!0)),n.overlay&&n.overlay.height(_),_}function te(n,p){if(!n.open)return;n.open=!1,n.button.removeClass(Z);var _=n.config;if((_.animation==="none"||!A.support.transform||_.duration<=0)&&(p=!0),w.outro(0,n.el[0]),L.off("click"+M,n.outside),p){A(n.menu).stop(),r();return}var g="transform "+_.duration+"ms "+_.easing2,ae=n.menu.outerHeight(!0),Re=n.menu.outerWidth(!0),Se=n.el.height();if(_.animOver){A(n.menu).add(g).start({x:Re*_.animDirect}).then(r);return}var e=Se+ae;A(n.menu).add(g).start({y:-e}).then(r);function r(){n.menu.height(""),A(n.menu).set({x:0,y:0}),n.menu.each(R),n.links.removeClass(F),n.dropdowns.removeClass(ee),n.dropdownToggle.removeClass(V),n.dropdownList.removeClass(H),n.overlay&&n.overlay.children().length&&(Q.length?n.menu.insertAfter(Q):n.menu.prependTo(n.parent),n.overlay.attr("style","").hide()),n.el.triggerHandler("w-close"),n.button.attr("aria-expanded","false")}}return v})});dt();vt();gt();bt();Et();kt();Ot();It();})(); +/*! + * 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 + */