diff --git a/.prettierrc b/.prettierrc index d8ffdc2f..cf631165 100644 --- a/.prettierrc +++ b/.prettierrc @@ -1,11 +1,11 @@ { - "printWidth": 80, + "printWidth": 180, "tabWidth": 4, "useTabs": false, "semi": true, "singleQuote": false, "quoteProps": "as-needed", - "proseWrap": "always", + "proseWrap": "preserve", "htmlWhitespaceSensitivity": "css", "endOfLine": "auto", "bracketSameLine": true diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md index e01f0fe1..e08002e3 100644 --- a/CODE_OF_CONDUCT.md +++ b/CODE_OF_CONDUCT.md @@ -2,17 +2,11 @@ ## Our Pledge -In the interest of fostering an open and welcoming environment, we as -contributors and maintainers pledge to making participation in our project and -our community a harassment-free experience for everyone, regardless of age, body -size, disability, ethnicity, gender identity and expression, level of -experience, nationality, personal appearance, race, religion, or sexual identity -and orientation. +In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation. ## Our Standards -Examples of behavior that contributes to creating a positive environment -include: +Examples of behavior that contributes to creating a positive environment include: - Using welcoming and inclusive language - Being respectful of differing viewpoints and experiences @@ -22,53 +16,31 @@ include: Examples of unacceptable behavior by participants include: -- The use of sexualized language or imagery and unwelcome sexual attention or - advances +- The use of sexualized language or imagery and unwelcome sexual attention or advances - Trolling, insulting/derogatory comments, and personal or political attacks - Public or private harassment -- Publishing others' private information, such as a physical or electronic - address, without explicit permission -- Other conduct which could reasonably be considered inappropriate in a - professional setting +- Publishing others' private information, such as a physical or electronic address, without explicit permission +- Other conduct which could reasonably be considered inappropriate in a professional setting ## Our Responsibilities -Project maintainers are responsible for clarifying the standards of acceptable -behavior and are expected to take appropriate and fair corrective action in -response to any instances of unacceptable behavior. +Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior. -Project maintainers have the right and responsibility to remove, edit, or reject -comments, commits, code, wiki edits, issues, and other contributions that are -not aligned to this Code of Conduct, or to ban temporarily or permanently any -contributor for other behaviors that they deem inappropriate, threatening, -offensive, or harmful. +Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful. ## Scope -This Code of Conduct applies both within project spaces and in public spaces -when an individual is representing the project or its community. Examples of -representing a project or community include using an official project e-mail -address, posting via an official social media account, or acting as an appointed -representative at an online or offline event. Representation of a project may be -further defined and clarified by project maintainers. +This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers. ## Enforcement -Instances of abusive, harassing, or otherwise unacceptable behavior may be -reported by contacting the project team at tryzencss@gmail.com. The project team -will review and investigate all complaints, and will respond in a way that it -deems appropriate to the circumstances. The project team is obligated to -maintain confidentiality with regard to the reporter of an incident. Further -details of specific enforcement policies may be posted separately. +Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at tryzencss@gmail.com. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately. -Project maintainers who do not follow or enforce the Code of Conduct in good -faith may face temporary or permanent repercussions as determined by other -members of the project's leadership. +Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership. ## Attribution -This Code of Conduct is adapted from the [Contributor Covenant][homepage], -version 1.4, available at [http://contributor-covenant.org/version/1/4][version] +This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at [http://contributor-covenant.org/version/1/4][version] [homepage]: http://contributor-covenant.org [version]: http://contributor-covenant.org/version/1/4/ diff --git a/README.md b/README.md index 0c07ff19..1dfaf8fa 100644 --- a/README.md +++ b/README.md @@ -1,14 +1,11 @@ # zencss -An open-source, website authoring and design toolkit that helps you build, -style, and debug websites. Current Release is v2.0.2-beta +An open-source, website authoring and design toolkit that helps you build, style, and debug websites. Current Release is v2.0.2-beta ### Pre-Launch Installation -- Download or clone the latest files - [from the zencss repository](https://github.com/zen-solutions/zencss). -- Follow the instructions in the - [zenCSS setup documentation](https://zencss.com/docs/help-desk/installation.html). +- Download or clone the latest files [from the zencss repository](https://github.com/zen-solutions/zencss). +- Follow the instructions in the [zenCSS setup documentation](https://zencss.com/docs/help-desk/installation.html). ## Features @@ -23,54 +20,30 @@ style, and debug websites. Current Release is v2.0.2-beta ### Dependencies -For the core framework, none - just pure CSS and Vanilla JavaScript. If you want -to work with our SASS files or JavaScript modules, there are a few dependencies. -We provide -[instructions for that here](https://zencss.com/docs/help-desk/installation-source.html). +For the core framework, none - just pure CSS and Vanilla JavaScript. If you want to work with our SASS files or JavaScript modules, there are a few dependencies. We provide [instructions for that here](https://zencss.com/docs/help-desk/installation-source.html). ### Best Practices for Customization -When working with zenCSS, we recommend using override files instead of directly -modifying the core files. This approach ensures that your customizations are -preserved when updating to newer versions of zenCSS. +When working with zenCSS, we recommend using override files instead of directly modifying the core files. This approach ensures that your customizations are preserved when updating to newer versions of zenCSS. -1. **For CSS:** Create separate CSS files for your custom styles and link them - after the core zenCSS files in your HTML. This will allow your styles to take - precedence. +1. **For CSS:** Create separate CSS files for your custom styles and link them after the core zenCSS files in your HTML. This will allow your styles to take precedence. -2. **For JavaScript:** If you need to extend or modify the JavaScript - functionality, create separate JS modules and import the core zenCSS modules - as dependencies. This way, you can enhance or override specific - functionalities without altering the original source. +2. **For JavaScript:** If you need to extend or modify the JavaScript functionality, create separate JS modules and import the core zenCSS modules as dependencies. This way, you can enhance or override specific functionalities without altering the original source. # Contributing -Help us make zenCSS better for everyone, any contribution will be considered. -Use the issue tracker for bug reports, features requests and submitting pull -requests. +Help us make zenCSS better for everyone, any contribution will be considered. Use the issue tracker for bug reports, features requests and submitting pull requests. # Bug Reports -Please try to be as detailed as possible in your report. What is your -environment? What steps will reproduce the issue? What browser(s) and OS -experience the problem? What would you expect to be the outcome? All these -details will help us fix any potential bugs. Please reproduce any issues -[here](https://codepen.io/ScrmSe4L6/pen/ExrQRdE) and include with your bug -report. +Please try to be as detailed as possible in your report. What is your environment? What steps will reproduce the issue? What browser(s) and OS experience the problem? What would you expect to be the outcome? All these details will help us fix any potential bugs. Please reproduce any issues [here](https://codepen.io/ScrmSe4L6/pen/ExrQRdE) and include with your bug report. # Feature Requests -Before opening a feature request, please take a moment to find out whether your -idea fits with the scope and aims of the project. It's up to you to make a -strong case to convince the project's developers of the merits of this feature. -Please provide as much detail and context as possible. +Before opening a feature request, please take a moment to find out whether your idea fits with the scope and aims of the project. It's up to you to make a strong case to convince the project's developers of the merits of this feature. Please provide as much detail and context as possible. # Pull Requests -Please ask first before embarking on any significant pull request (e.g. -implementing features, re-factoring code, porting to a different language), -otherwise you risk spending a lot of time working on something that the -project's developers might not want to merge into the project. When contributing -code to this project always ask yourself these questions. +Please ask first before embarking on any significant pull request (e.g. implementing features, re-factoring code, porting to a different language), otherwise you risk spending a lot of time working on something that the project's developers might not want to merge into the project. When contributing code to this project always ask yourself these questions. Is it essential? Will it add value? Is this change necessary? diff --git a/dist/hello-world/index.html b/dist/hello-world/index.html index 3264e79d..93d23f83 100644 --- a/dist/hello-world/index.html +++ b/dist/hello-world/index.html @@ -8,12 +8,10 @@ - - @@ -24,10 +22,7 @@
- Menu + Menu
@@ -47,7 +46,6 @@
- @@ -85,17 +83,14 @@

👋 Hello World

-
- © . Built using zenCSS. - + © . Built using zenCSS.
- diff --git a/dist/zen.css b/dist/zen.css index 41d2de5c..9ed6a647 100644 --- a/dist/zen.css +++ b/dist/zen.css @@ -5,28 +5,28 @@ */ @import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap"); .zen { - background: #e2e2e2; - font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 16px; - color: #444444; - font-weight: 400; - display: flex; - flex-direction: column; - margin: 0; - box-sizing: border-box; - overflow-x: hidden; - scroll-behavior: smooth; - /* + background: #e2e2e2; + font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 16px; + color: #444444; + font-weight: 400; + display: flex; + flex-direction: column; + margin: 0; + box-sizing: border-box; + overflow-x: hidden; + scroll-behavior: smooth; + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* Purpose: + /* Purpose: This file checks the color contrast of color maps for brand palette, universal color palette, and shades of grey palette It evaluates each color in each map against WCAG recommended color contrast ratio @@ -35,402 +35,402 @@ Finally, it autoassigns that color to the font color associated with that background, ensuring WCAG color compliance out of the box. Change colors, and this script will update the color value with a new compliant match for the font color. */ - /* + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2023-2023 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* Firefox */ - /* Chrome, Edge, and Safari */ - /* + /* Firefox */ + /* Chrome, Edge, and Safari */ + /* border-box can cause problems with some third party software like Google Maps and Google Custom Search Engine. If you need to override it, use: */ - /* Styles for the tabbed card */ - /* Styles for the tab header container */ - /* Styles for individual tabs */ - /* Styles for tab content */ - /* Hide tab content by default */ - /* + /* Styles for the tabbed card */ + /* Styles for the tab header container */ + /* Styles for individual tabs */ + /* Styles for tab content */ + /* Hide tab content by default */ + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* Mobile & Tablet Styles */ - /* Styling for navigation and links */ - /* + /* Mobile & Tablet Styles */ + /* Styling for navigation and links */ + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* Shrink and move label on input focus or if there is content in the input field */ - /* + /* Shrink and move label on input focus or if there is content in the input field */ + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* Variables */ - /* Mixin for hover styles */ - /* + /* Variables */ + /* Mixin for hover styles */ + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* Width and height */ - /* Generate classes for gaps */ - /* + /* Width and height */ + /* Generate classes for gaps */ + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* Active Items */ - /* Disabled Items */ - /* Flush */ - /* Horizontal */ - /* Contextual Classes */ - /* + /* Active Items */ + /* Disabled Items */ + /* Flush */ + /* Horizontal */ + /* Contextual Classes */ + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* Generate border color classes */ - /* + /* Generate border color classes */ + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* Mobile Styles */ - /* + /* Mobile Styles */ + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* Color for the fill effect on click */ - /* + /* Color for the fill effect on click */ + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* Additional styling for better visualization */ - /* + /* Additional styling for better visualization */ + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* Image Gallery Styles */ - /* + /* Image Gallery Styles */ + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* RTL Enhancements */ - /* Logical Properties for automatic RTL adaptation */ - /* + /* RTL Enhancements */ + /* Logical Properties for automatic RTL adaptation */ + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* Apply the mixin for each color */ - /* + /* Apply the mixin for each color */ + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* Flex Container Classes */ - /* Wrap and No-Wrap Classes */ - /* Justify Content Classes */ - /* Align Items Classes */ - /* Align Content Classes */ - /* Align Self Classes */ - /* Flex Grow and Shrink Classes */ - /* Order Classes */ - /* + /* Flex Container Classes */ + /* Wrap and No-Wrap Classes */ + /* Justify Content Classes */ + /* Align Items Classes */ + /* Align Content Classes */ + /* Align Self Classes */ + /* Flex Grow and Shrink Classes */ + /* Order Classes */ + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ - /* Medium devices (tablets, 768px and up) */ - /* Large devices (desktops, 992px and up) */ - /* X-Large devices (large desktops, 1200px and up) */ - /* XX-Large devices (larger desktops, 1400px and up) */ - /* + /* Medium devices (tablets, 768px and up) */ + /* Large devices (desktops, 992px and up) */ + /* X-Large devices (large desktops, 1200px and up) */ + /* XX-Large devices (larger desktops, 1400px and up) */ + /* * zenCSS v2.0.2-beta (https://zencss.com/) * Copyright 2022-2024 Shaun Mackey * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) */ + /* ------------------------------------------------- */ + /* ----- Padding & Margin /* ------------------------------------------------- */ - /* ----- Padding & Margin - /* ------------------------------------------------- */ - /* ------------------------------------------------- */ - /* ----- Top/Bottom/Left/Right Margins/Padding + /* ------------------------------------------------- */ + /* ----- Top/Bottom/Left/Right Margins/Padding /* ------------------------------------------------- */ } .zen *::before, .zen *::after { - box-sizing: border-box; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-rendering: optimizeLegibility; + box-sizing: border-box; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-rendering: optimizeLegibility; } .zen .bg-primary-gradient { - background: linear-gradient(to bottom, #094394, #05295a) !important; - color: white !important; + background: linear-gradient(to bottom, #094394, #05295a) !important; + color: white !important; } .zen .bg-secondary-gradient { - background: linear-gradient(to bottom, #0b6e09, #053504) !important; - color: white !important; + background: linear-gradient(to bottom, #0b6e09, #053504) !important; + color: white !important; } .zen .bg-cta-gradient { - background: linear-gradient(to bottom, #2b66c5, #1b3f7a) !important; - color: white !important; + background: linear-gradient(to bottom, #2b66c5, #1b3f7a) !important; + color: white !important; } .zen .bg-accent-gradient { - background: linear-gradient(to bottom, #f7d62e, #fae478) !important; - color: black !important; + background: linear-gradient(to bottom, #f7d62e, #fae478) !important; + color: black !important; } .zen .bg-red-gradient { - background: linear-gradient(to bottom, rgb(245, 76, 34), #f87b5d) !important; - color: black !important; + background: linear-gradient(to bottom, rgb(245, 76, 34), #f87b5d) !important; + color: black !important; } .zen .bg-orange-gradient { - background: linear-gradient(to bottom, rgb(247, 196, 78), #fbde9c) !important; - color: black !important; + background: linear-gradient(to bottom, rgb(247, 196, 78), #fbde9c) !important; + color: black !important; } .zen .bg-yellow-gradient { - background: linear-gradient(to bottom, rgb(251, 236, 67), #fdf493) !important; - color: black !important; + background: linear-gradient(to bottom, rgb(251, 236, 67), #fdf493) !important; + color: black !important; } .zen .bg-green-gradient { - background: linear-gradient(to bottom, #48cc6b, #88de9f) !important; - color: black !important; + background: linear-gradient(to bottom, #48cc6b, #88de9f) !important; + color: black !important; } .zen .bg-blue-gradient { - background: linear-gradient(to bottom, #5394fc, #a3c6fd) !important; - color: black !important; + background: linear-gradient(to bottom, #5394fc, #a3c6fd) !important; + color: black !important; } .zen .bg-purple-gradient { - background: linear-gradient(to bottom, #ab56f4, #d1a3f9) !important; - color: black !important; + background: linear-gradient(to bottom, #ab56f4, #d1a3f9) !important; + color: black !important; } .zen .light-color { - color: white; + color: white; } .zen z-container, .zen .z-container { - max-width: 1140px; - width: 100%; - margin: 0 auto; - display: block; - border-radius: 6px; - display: flex; - flex-direction: column; - flex-grow: 1; - align-items: stretch !important; + max-width: 1140px; + width: 100%; + margin: 0 auto; + display: block; + border-radius: 6px; + display: flex; + flex-direction: column; + flex-grow: 1; + align-items: stretch !important; } .zen z-container-fluid, .zen .z-container-fluid { - width: 100% !important; - margin-right: auto; - margin-left: auto; - display: flex; - flex-direction: column; - flex-grow: 1; - border-radius: 0 !important; + width: 100% !important; + margin-right: auto; + margin-left: auto; + display: flex; + flex-direction: column; + flex-grow: 1; + border-radius: 0 !important; } .zen z-row, .zen .z-row { - display: flex; - flex-direction: column; - box-sizing: border-box; - width: 100%; - flex-wrap: wrap; - gap: 1em; - padding-top: 0.5em; - padding-bottom: 0.5em; - flex-grow: 1; - border-radius: 6px; + display: flex; + flex-direction: column; + box-sizing: border-box; + width: 100%; + flex-wrap: wrap; + gap: 1em; + padding-top: 0.5em; + padding-bottom: 0.5em; + flex-grow: 1; + border-radius: 6px; } .zen .z-row-vcenter { - align-items: center; + align-items: center; } .zen .z-row-center { - justify-content: center; + justify-content: center; } .zen z-row > *, .zen .z-row > * { - flex: 1; - align-items: flex-start; - justify-content: space-between; + flex: 1; + align-items: flex-start; + justify-content: space-between; } .zen z-col, .zen .z-col { - flex-basis: calc(25% - 20px) !important; - flex: 1; - width: 100%; - padding: 0.8em; - margin: 0; + flex-basis: calc(25% - 20px) !important; + flex: 1; + width: 100%; + padding: 0.8em; + margin: 0; } .zen .z-col > *, .zen z-col > * { - max-width: 100%; - width: 100%; + max-width: 100%; + width: 100%; } .zen .z-col > span, .zen z-col > span { - display: inline; + display: inline; } .zen z-col :has(z-row), .zen .z-col :has(.z-row) { - margin-left: 0; - margin-right: 0; + margin-left: 0; + margin-right: 0; } .zen html { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .zen .header { - width: 100%; - margin: 0 auto; - padding: 0.618rem; - overflow: hidden; - display: flex; - justify-content: space-between; - min-height: 89px; + width: 100%; + margin: 0 auto; + padding: 0.618rem; + overflow: hidden; + display: flex; + justify-content: space-between; + min-height: 89px; } .zen .bg-dark { - background: black !important; - color: white; + background: black !important; + color: white; } .zen .bg-dark button { - color: black; - background: white; - text-decoration: none; - display: inline; - cursor: pointer; - transition: transform 0.3s ease-in-out; + color: black; + background: white; + text-decoration: none; + display: inline; + cursor: pointer; + transition: transform 0.3s ease-in-out; } .zen .bg-dark button:hover { - background: #d9d9d9; + background: #d9d9d9; } .zen .bg-light { - background: white !important; - color: black !important; + background: white !important; + color: black !important; } .zen .bg-light button { - color: white; - background: black; - text-decoration: none; - display: inline; - cursor: pointer; - transition: transform 0.3s ease-in-out; + color: white; + background: black; + text-decoration: none; + display: inline; + cursor: pointer; + transition: transform 0.3s ease-in-out; } .zen .bg-light button:hover { - background: #262626; + background: #262626; } .zen h1, .zen .h1 { - font-size: 2.75em; - line-height: 1.2; + font-size: 2.75em; + line-height: 1.2; } .zen h2, .zen .h2 { - font-size: 2.25em; + font-size: 2.25em; } .zen h3, .zen .h3 { - font-size: 2em; + font-size: 2em; } .zen h4, .zen .h4 { - font-size: 1.75em; + font-size: 1.75em; } .zen h5, .zen .h5 { - font-size: 1.5em; + font-size: 1.5em; } .zen h6, .zen .h6 { - font-size: 1.25em; + font-size: 1.25em; } .zen h1, .zen h2, @@ -444,13 +444,13 @@ .zen .h4, .zen .h5, .zen .h6 { - position: relative; - z-index: 2; - text-wrap: pretty; - margin: 0; - padding: 1rem 0; - font-family: "Inter", sans-serif; - font-weight: 600; + position: relative; + z-index: 2; + text-wrap: pretty; + margin: 0; + padding: 1rem 0; + font-family: "Inter", sans-serif; + font-weight: 600; } .zen h1 + h1, .zen h1 + h2, @@ -473,1735 +473,1737 @@ .zen h5 + h5, .zen h5 + h6, .zen h6 + h6 { - padding-top: 0; + padding-top: 0; } .zen p { - line-height: 1.65; - letter-spacing: 0; - position: relative; - margin-top: 0; - margin-bottom: 0.85rem; - text-wrap: pretty; + line-height: 1.65; + letter-spacing: 0; + position: relative; + margin-top: 0; + margin-bottom: 0.85rem; + text-wrap: pretty; } .zen span { - align-self: flex-start; - display: inline; + align-self: flex-start; + display: inline; } .zen ol { - padding: 0; - margin-block-start: 0; - margin-block-end: 0; - margin-bottom: 1em; - padding-inline-start: 35px; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + margin-bottom: 1em; + padding-inline-start: 35px; } .zen ul { - padding: 0; - margin-block-start: 0; - margin-block-end: 0; - list-style-type: disc; - padding-left: 30px; - margin-bottom: 1em; + padding: 0; + margin-block-start: 0; + margin-block-end: 0; + list-style-type: disc; + padding-left: 30px; + margin-bottom: 1em; } .zen li { - margin-top: 0.5em; - margin-bottom: 0.5em; - line-height: 1.8rem; - padding-left: 0.5em; + margin-top: 0.5em; + margin-bottom: 0.5em; + line-height: 1.8rem; + padding-left: 0.5em; } .zen li::marker { - color: grey; + color: grey; } .zen ul li > ul { - list-style-type: circle; + list-style-type: circle; } .zen ul li > ul li > ul { - list-style-type: square; + list-style-type: square; } .zen ul li > ul > li { - margin-top: 20px; - margin-bottom: 20px; + margin-top: 20px; + margin-bottom: 20px; } .zen hr { - margin-top: 1.25em; - margin-bottom: 1.25em; - height: 1px; - opacity: 0.15; - width: 100%; + margin-top: 1.25em; + margin-bottom: 1.25em; + height: 1px; + opacity: 0.15; + width: 100%; } .zen .hr-light { - opacity: 0.05; + opacity: 0.05; } .zen button.bg-cta:hover { - background: #2455a4; + background: #2455a4; } .zen z-container, .zen z-row, .zen z-col, .zen .z-row, .zen .z-col { - box-sizing: border-box; + box-sizing: border-box; } .zen img { - max-width: 100%; - height: auto; - padding: 0; - margin: 0; - border-radius: 6px; + max-width: 100%; + height: auto; + padding: 0; + margin: 0; + border-radius: 6px; } .zen .image-left-fullbleed { - height: 100%; - width: auto; + height: 100%; + width: auto; } .zen section { - padding-bottom: 0.25em; + padding-bottom: 0.25em; } .zen a.swap-underline { - color: #2b66c5; - text-decoration: none; + color: #2b66c5; + text-decoration: none; } .zen a.swap-underline:hover { - text-decoration: underline; + text-decoration: underline; } .zen pre { - padding: 10px 20px; - font-size: 0.8em; - background: rgba(0, 0, 0, 0.1); - border-radius: 6px; - width: 100%; - white-space: pre-line; - font-family: Consolas, Monaco, "Andale Mono", monospace; - border: 1px solid rgba(115, 130, 140, 0.2); - margin-bottom: 2em; + padding: 10px 20px; + font-size: 0.8em; + background: rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 100%; + white-space: pre-line; + font-family: Consolas, Monaco, "Andale Mono", monospace; + border: 1px solid rgba(115, 130, 140, 0.2); + margin-bottom: 2em; } .zen figure { - margin: 1em 0; + margin: 1em 0; } .zen figcaption { - font-size: 0.875em; - line-height: 1.4285714; - margin-top: 0.8571429em; + font-size: 0.875em; + line-height: 1.4285714; + margin-top: 0.8571429em; } .zen small { - line-height: 1.5; - margin-top: 0; - margin-bottom: 1rem; + line-height: 1.5; + margin-top: 0; + margin-bottom: 1rem; } .zen input, .zen textarea, -.zen button[type=submit] { - font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; - width: 100%; - min-height: 39px; - border: 0; - padding: 5px; +.zen button[type="submit"] { + font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; + width: 100%; + min-height: 39px; + border: 0; + padding: 5px; } -.zen input[type=submit] { - padding-left: 10px; - padding-right: 10px; +.zen input[type="submit"] { + padding-left: 10px; + padding-right: 10px; } .zen .tout { - width: auto; + width: auto; } .zen .thick { - border-width: 2px; + border-width: 2px; } .zen .thicker { - border-width: 3px; + border-width: 3px; } .zen .thickest { - border-width: 4px; - outline-width: 4px; + border-width: 4px; + outline-width: 4px; } .zen .br-sm { - border-radius: 4px !important; + border-radius: 4px !important; } .zen .br-md { - border-radius: 8px !important; + border-radius: 8px !important; } .zen .br-lg { - border-radius: 12px !important; + border-radius: 12px !important; } .zen .br-xl { - border-radius: 16px !important; + border-radius: 16px !important; } .zen .br-xxl { - border-radius: 20px !important; + border-radius: 20px !important; } .zen .square { - border-radius: 0 !important; + border-radius: 0 !important; } .zen .br-bottom { - border-bottom-left-radius: 6px !important; - border-bottom-right-radius: 6px !important; - overflow: hidden; + border-bottom-left-radius: 6px !important; + border-bottom-right-radius: 6px !important; + overflow: hidden; } .zen .br-top-0 { - border-top-left-radius: 0 !important; - border-top-right-radius: 0 !important; + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; } .zen .br-bottom-0 { - border-bottom-left-radius: 0 !important; - border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; + border-bottom-right-radius: 0 !important; } .zen .br-left-0 { - border-bottom-left-radius: 0 !important; - border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; + border-top-left-radius: 0 !important; } .zen .br-right-0 { - border-bottom-right-radius: 0 !important; - border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; + border-top-right-radius: 0 !important; } .zen .circle { - border-radius: 100%; - width: 56px !important; - height: 56px; + border-radius: 100%; + width: 56px !important; + height: 56px; } .zen .circle-border { - border-radius: 100%; + border-radius: 100%; } .zen .border-0 { - border: none !important; + border: none !important; } .zen .page-section { - padding-top: 50px; - padding-bottom: 50px; + padding-top: 50px; + padding-bottom: 50px; } .zen a { - color: #5e5e5e; - cursor: pointer; - text-decoration: underline; + color: #5e5e5e; + cursor: pointer; + text-decoration: underline; } .zen a:hover { - color: #636363; - text-decoration: none; + color: #636363; + text-decoration: none; } .zen header :link { - text-decoration: none; - font-size: 0.88rem; + text-decoration: none; + font-size: 0.88rem; } .zen header :link:hover { - background: hsla(0, 0%, 0%, 0.65); - text-decoration: none; - border-radius: 6px; + background: hsla(0, 0%, 0%, 0.65); + text-decoration: none; + border-radius: 6px; } .zen .image-container { - position: relative; - overflow: hidden; + position: relative; + overflow: hidden; } .zen .image-container img { - display: none; + display: none; } .zen .image-text-card { - display: flex; - flex-direction: row; - align-items: center; - font-size: 0.7em; - gap: 0.2em; - box-shadow: 0 4px 8px rgba(124, 124, 124, 0.1); + display: flex; + flex-direction: row; + align-items: center; + font-size: 0.7em; + gap: 0.2em; + box-shadow: 0 4px 8px rgba(124, 124, 124, 0.1); } .zen .image-text-card .left-group { - margin-right: 20px; - width: 28%; - align-self: center; + margin-right: 20px; + width: 28%; + align-self: center; } .zen .text-group { - gap: 0.3em; - display: flex; - flex-direction: column; - flex: 4; + gap: 0.3em; + display: flex; + flex-direction: column; + flex: 4; } .zen .text-group .signature { - font-size: 11px; - font-style: italic; - margin-top: 5px; + font-size: 11px; + font-style: italic; + margin-top: 5px; } .zen .cookie-consent-banner { - position: fixed; - bottom: 0; - left: 0; - width: 100%; - background: white; - color: black; - text-align: center; - padding: 15px; - z-index: 1100; - display: none; + position: fixed; + bottom: 0; + left: 0; + width: 100%; + background: white; + color: black; + text-align: center; + padding: 15px; + z-index: 1100; + display: none; } .zen .cookie-consent-banner a { - color: black; + color: black; } .zen .cookie-consent-banner a:hover { - color: black; + color: black; } .zen .cookie-consent-banner p { - margin: 0; - margin-right: 10px; - display: inline-block; + margin: 0; + margin-right: 10px; + display: inline-block; } .zen * { - scrollbar-width: thin; - scrollbar-color: #a1a1a1 #e8e8e8; - box-sizing: border-box; + scrollbar-width: thin; + scrollbar-color: #a1a1a1 #e8e8e8; + box-sizing: border-box; } .zen *::-webkit-scrollbar { - width: 8px; + width: 8px; } .zen *::-webkit-scrollbar-track { - background: #e8e8e8; + background: #e8e8e8; } .zen *::-webkit-scrollbar-thumb { - background-color: #b0b0b0; - border-radius: 8px; - border: 1px solid #b0b0b0; + background-color: #b0b0b0; + border-radius: 8px; + border: 1px solid #b0b0b0; } .zen .header-sticky { - position: -webkit-sticky; - position: sticky; - top: 0; - z-index: 1000; + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1000; } .zen .icon-circle { - display: inline-flex; - justify-content: center; - align-items: center; - width: 50px; - height: 50px; - border-radius: 50%; - background: rgba(115, 130, 140, 0.2); - color: white; + display: inline-flex; + justify-content: center; + align-items: center; + width: 50px; + height: 50px; + border-radius: 50%; + background: rgba(115, 130, 140, 0.2); + color: white; } .zen .nav-dropdown .dropdown-content a { - padding-left: 12px; + padding-left: 12px; } .zen .language-html, .zen .language-scss, .zen .language-css { - white-space: pre-wrap; - word-wrap: break-word; + white-space: pre-wrap; + word-wrap: break-word; } .zen .border-right::after { - content: ""; - position: absolute; - top: 0; - right: -5px; - width: 0; - height: 100%; - border-right: 1px solid rgba(115, 130, 140, 0.2); + content: ""; + position: absolute; + top: 0; + right: -5px; + width: 0; + height: 100%; + border-right: 1px solid rgba(115, 130, 140, 0.2); } .zen .border-top { - border-top: 1px solid rgba(115, 130, 140, 0.2); + border-top: 1px solid rgba(115, 130, 140, 0.2); } .zen .border-bottom { - position: relative; + position: relative; } .zen .border-bottom::after { - content: ""; - position: absolute; - bottom: 7px; - left: 0; - width: 100%; - height: 1px; - background-color: rgba(115, 130, 140, 0.2); - z-index: -1; + content: ""; + position: absolute; + bottom: 7px; + left: 0; + width: 100%; + height: 1px; + background-color: rgba(115, 130, 140, 0.2); + z-index: -1; } .zen .text-decoration-none { - text-decoration: none; + text-decoration: none; } .zen #skip-navigation { - position: absolute; - left: -9999px; + position: absolute; + left: -9999px; } .zen .skip-link:focus { - left: 0; - top: 0; - width: auto; - height: auto; - padding: 5px; - z-index: 999; - background-color: #fff; - text-align: center; - font-weight: bold; + left: 0; + top: 0; + width: auto; + height: auto; + padding: 5px; + z-index: 999; + background-color: #fff; + text-align: center; + font-weight: bold; } .zen .video-container { - position: relative; - overflow: hidden; - width: 100%; - aspect-ratio: 16/9; + position: relative; + overflow: hidden; + width: 100%; + aspect-ratio: 16/9; } .zen .video-container video { - position: relative; - width: 100%; - height: 100%; + position: relative; + width: 100%; + height: 100%; } .zen .youtube\:video-container { - display: block; - width: 100%; - aspect-ratio: 16/9; - margin: 0 auto; + display: block; + width: 100%; + aspect-ratio: 16/9; + margin: 0 auto; } .zen .youtube\:video-container iframe { - display: block; - width: 100%; - height: 100%; - border: none; + display: block; + width: 100%; + height: 100%; + border: none; } .zen .content-box { - box-sizing: content-box; + box-sizing: content-box; } .zen .text-superscript { - vertical-align: super; - font-size: 0.5em; - position: relative; + vertical-align: super; + font-size: 0.5em; + position: relative; } .zen .bg-black { - background: black; - color: white; + background: black; + color: white; } .zen .modal-sm { - max-width: 500px; + max-width: 500px; } .zen .link-white { - color: white; + color: white; } .zen .link-white:hover { - color: #e6e6e6; + color: #e6e6e6; } .zen .fade-out { - opacity: 0; - transition: opacity 0.5s ease; + opacity: 0; + transition: opacity 0.5s ease; } .zen .fade-in { - opacity: 1; - transition: opacity 0.5s ease; + opacity: 1; + transition: opacity 0.5s ease; } .zen .br-left { - border-top-left-radius: 6px !important; - border-bottom-left-radius: 6px !important; + border-top-left-radius: 6px !important; + border-bottom-left-radius: 6px !important; } .zen .br-right { - border-top-right-radius: 6px !important; - border-bottom-right-radius: 6px !important; + border-top-right-radius: 6px !important; + border-bottom-right-radius: 6px !important; } .zen .line-clamp-1 { - overflow: hidden; - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 1; + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 1; } .zen .line-clamp-2 { - overflow: hidden; - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 2; + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; } .zen .line-clamp-3 { - overflow: hidden; - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 3; + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; } .zen .line-clamp-4 { - overflow: hidden; - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 4; + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 4; } .zen .line-clamp-5 { - overflow: hidden; - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 5; + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 5; } .zen .line-clamp-6 { - overflow: hidden; - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 6; + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 6; } .zen .line-clamp-none { - overflow: visible; - display: block; - -webkit-box-orient: horizontal; - -webkit-line-clamp: none; + overflow: visible; + display: block; + -webkit-box-orient: horizontal; + -webkit-line-clamp: none; } .zen .hero-section { - padding-top: 65px !important; - padding-bottom: 65px !important; + padding-top: 65px !important; + padding-bottom: 65px !important; } .zen .code { - margin-bottom: 1.5em; + margin-bottom: 1.5em; } .zen .border-top-0 { - border-top: none !important; + border-top: none !important; } .zen .border-bottom-0 { - border-bottom: none !important; + border-bottom: none !important; } .zen .tabbed-card { - margin: 0 auto; - padding: 0; - gap: 0 !important; - border-radius: 6px; + margin: 0 auto; + padding: 0; + gap: 0 !important; + border-radius: 6px; } .zen .tab-header { - display: flex; - justify-content: space-between; - padding: 10px; - padding-bottom: 0; - border-top-left-radius: 6px; - border-top-right-radius: 6px; - border: 1px solid rgba(115, 130, 140, 0.2); - border-bottom: none; - padding-left: 10px; - padding-right: 10px; + display: flex; + justify-content: space-between; + padding: 10px; + padding-bottom: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border: 1px solid rgba(115, 130, 140, 0.2); + border-bottom: none; + padding-left: 10px; + padding-right: 10px; } .zen .tab-content { - padding: 20px; - border: 1px solid rgba(115, 130, 140, 0.2); - border-radius: 0 0 6px 6px; + padding: 20px; + border: 1px solid rgba(115, 130, 140, 0.2); + border-radius: 0 0 6px 6px; } .zen .panel { - max-height: 0; - overflow: hidden; - transition: max-height 0.5s ease-out; + max-height: 0; + overflow: hidden; + transition: max-height 0.5s ease-out; } .zen .panel::after { - content: ""; - display: block; - height: 200px; + content: ""; + display: block; + height: 200px; } .zen .active-toggle { - background-color: rgba(199, 199, 199, 0.3) !important; + background-color: rgba(199, 199, 199, 0.3) !important; } .zen .tab-content:not(.active) { - display: none; + display: none; } .zen .close { - background: transparent; - border: none; - cursor: pointer; - font-size: 16px; - padding: 8px; - color: #999999; + background: transparent; + border: none; + cursor: pointer; + font-size: 16px; + padding: 8px; + color: #999999; } .zen .close:before { - content: "\ea29"; - font-family: "zenicons"; - display: inline-block; + content: "\ea29"; + font-family: "zenicons"; + display: inline-block; } .zen .close:hover:before { - content: "\ea04"; - color: #999999; + content: "\ea04"; + color: #999999; } .zen .naked { - background: unset !important; - border: unset !important; + background: unset !important; + border: unset !important; } .zen .overlay { - position: absolute; /* Absolute position to overlay on top of the image */ - top: 0; - right: 0; - bottom: 0; - left: 0; - background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent); - z-index: 1; + position: absolute; /* Absolute position to overlay on top of the image */ + top: 0; + right: 0; + bottom: 0; + left: 0; + background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent); + z-index: 1; } .zen .lazy-load { - background-color: grey; - width: 100%; - height: auto; + background-color: grey; + width: 100%; + height: auto; } .zen .zen-body-bg-color { - background: #e2e2e2; + background: #e2e2e2; } .zen .underline-handdrawn { - background-image: url("../img/placeholder/underline.svg"); - background-repeat: repeat-x; - background-position: bottom center; - background-size: 100%; - padding-bottom: 15px; - text-decoration: none; - display: inline-block; + background-image: url("../img/placeholder/underline.svg"); + background-repeat: repeat-x; + background-position: bottom center; + background-size: 100%; + padding-bottom: 15px; + text-decoration: none; + display: inline-block; } .zen .promo-banner { - width: 100%; - height: auto; - background: #094394; - color: white; - line-height: normal; - word-wrap: break-word; - white-space: normal; - padding: 0.8rem !important; - text-align: center; - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; + width: 100%; + height: auto; + background: #094394; + color: white; + line-height: normal; + word-wrap: break-word; + white-space: normal; + padding: 0.8rem !important; + text-align: center; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; } .zen .promo-banner-text { - color: #fff; - font-size: 18px; + color: #fff; + font-size: 18px; } -.zen .promo-banner-input, .zen .promo-banner-button, .zen .promo-banner-icon { - vertical-align: middle; +.zen .promo-banner-input, +.zen .promo-banner-button, +.zen .promo-banner-icon { + vertical-align: middle; } .zen .promo-banner-input { - margin-right: 10px; - padding: 5px; + margin-right: 10px; + padding: 5px; } .zen .promo-banner-button { - background-color: #2b66c5; - color: #fff; - padding: 10px 20px; - border: none; - cursor: pointer; + background-color: #2b66c5; + color: #fff; + padding: 10px 20px; + border: none; + cursor: pointer; } .zen .promo-banner-icon { - margin-right: 10px; + margin-right: 10px; } .zen header { - display: flex; - justify-content: space-between; - align-items: center; - background: #212121; - padding: 10px 20px; - width: 100%; + display: flex; + justify-content: space-between; + align-items: center; + background: #212121; + padding: 10px 20px; + width: 100%; } .zen #header-logo, .zen #header-logo img { - max-height: 43px; + max-height: 43px; } .zen #header-logo a:hover, .zen #header-logo img a:hover { - background: none; + background: none; } .zen .top-nav ul { - list-style-type: none; - margin: 0; - padding: 0; - display: flex; - height: 100%; + list-style-type: none; + margin: 0; + padding: 0; + display: flex; + height: 100%; } .zen .top-nav li { - margin-left: 20px; - height: 4%; - display: flex; - align-items: center; - justify-content: center; - align-self: center; + margin-left: 20px; + height: 4%; + display: flex; + align-items: center; + justify-content: center; + align-self: center; } .zen .top-nav :link { - text-decoration: none; + text-decoration: none; } .zen .top-nav a:hover { - color: #cacaca; - text-decoration: none; - background: hsla(0, 0%, 60%, 0.3); + color: #cacaca; + text-decoration: none; + background: hsla(0, 0%, 60%, 0.3); } .zen .nav-dropdown { - padding: 1em 0.5em; + padding: 1em 0.5em; } .zen .nav-dropdown .dropdown-content { - top: 115%; - border-top-right-radius: 0; - border-top-left-radius: 0; - padding-top: 1em; - padding-bottom: 0.9em; + top: 115%; + border-top-right-radius: 0; + border-top-left-radius: 0; + padding-top: 1em; + padding-bottom: 0.9em; } .zen .nav-dropdown .caret-up { - top: calc(100% + 12px); + top: calc(100% + 12px); } .zen header { - padding: 10px; - z-index: 1001; + padding: 10px; + z-index: 1001; } .zen .top-nav .li { - max-height: 52px; + max-height: 52px; } .zen #header-logo img { - height: 40px; + height: 40px; } .zen #hamburger-button-2, .zen #close-button { - font-size: 30px; - cursor: pointer; - background: none; - border: none; - color: #ccc; - display: none; - margin: 5px; - padding: 0; + font-size: 30px; + cursor: pointer; + background: none; + border: none; + color: #ccc; + display: none; + margin: 5px; + padding: 0; } .zen .top-nav { - display: flex; + display: flex; } .zen .top-nav ul { - display: flex; - list-style-type: none; - margin: 0; - padding: 0; + display: flex; + list-style-type: none; + margin: 0; + padding: 0; } .zen .top-nav li { - margin: 0 10px; + margin: 0 10px; } .zen .top-nav a { - color: #eee; - text-decoration: none; - padding: 10px; - display: block; - transition: color 0.3s; + color: #eee; + text-decoration: none; + padding: 10px; + display: block; + transition: color 0.3s; } @media (min-width: 768px) { - .zen #hamburger-button { - display: none; - } + .zen #hamburger-button { + display: none; + } } @media (max-width: 768px) { - .zen #hamburger-button-2 { - display: block; - } - .zen .nav-link { - width: 90%; - } - .zen .top-nav { - position: fixed; - top: 0; - left: -250px; - width: 250px; - height: 100%; - transition: left 0.3s; - display: block; - overflow: auto; - overflow-x: hidden; - background: #303030; - } - .zen #nav-placeholder .sticky-nav { - top: 50px; - } - .zen .top-nav ul { - flex-direction: column; - padding-top: 30px; - } - .zen .top-nav li { - margin: 0; - height: 40px; - display: block; - width: 100%; - margin-left: 1.5em; - } - .zen #close-button { - display: block; - position: absolute; - top: -10px; - right: -5px; - width: 44px; - height: 44px; - } + .zen #hamburger-button-2 { + display: block; + } + .zen .nav-link { + width: 90%; + } + .zen .top-nav { + position: fixed; + top: 0; + left: -250px; + width: 250px; + height: 100%; + transition: left 0.3s; + display: block; + overflow: auto; + overflow-x: hidden; + background: #303030; + } + .zen #nav-placeholder .sticky-nav { + top: 50px; + } + .zen .top-nav ul { + flex-direction: column; + padding-top: 30px; + } + .zen .top-nav li { + margin: 0; + height: 40px; + display: block; + width: 100%; + margin-left: 1.5em; + } + .zen #close-button { + display: block; + position: absolute; + top: -10px; + right: -5px; + width: 44px; + height: 44px; + } } .zen .icon-header { - height: 20px; - filter: invert(81%) sepia(5%) saturate(13%) hue-rotate(315deg) brightness(85%) contrast(91%); - margin-right: 5px; + height: 20px; + filter: invert(81%) sepia(5%) saturate(13%) hue-rotate(315deg) brightness(85%) contrast(91%); + margin-right: 5px; } .zen form { - margin-top: 0.5em; - /* Style the input fields, textarea, and select elements */ - /* Style the button elements */ + margin-top: 0.5em; + /* Style the input fields, textarea, and select elements */ + /* Style the button elements */ } .zen form fieldset { - margin-bottom: 20px; - padding: 20px; - border: none; + margin-bottom: 20px; + padding: 20px; + border: none; } .zen form p { - margin-bottom: 1em; + margin-bottom: 1em; } .zen form label { - display: block; - margin-bottom: 0.5em; -} -.zen form input[type=text], -.zen form input[type=password], -.zen form input[type=number], -.zen form input[type=email], -.zen form input[type=url], -.zen form input[type=tel], -.zen form input[type=search], -.zen form input[type=date], -.zen form input[type=datetime], -.zen form input[type=datetime-local], -.zen form input[type=month], -.zen form input[type=week], -.zen form input[type=time], -.zen form input[type=color], -.zen form input[type=range], + display: block; + margin-bottom: 0.5em; +} +.zen form input[type="text"], +.zen form input[type="password"], +.zen form input[type="number"], +.zen form input[type="email"], +.zen form input[type="url"], +.zen form input[type="tel"], +.zen form input[type="search"], +.zen form input[type="date"], +.zen form input[type="datetime"], +.zen form input[type="datetime-local"], +.zen form input[type="month"], +.zen form input[type="week"], +.zen form input[type="time"], +.zen form input[type="color"], +.zen form input[type="range"], .zen form textarea, .zen form select { - width: 100%; - padding: 0; - padding-left: 10px; - padding-right: 10px; - border-radius: 6px; - border: 1px solid rgba(115, 130, 140, 0.2); -} -.zen form input[type=color] { - height: 200px; -} -.zen form input[type=radio], -.zen form input[type=checkbox] { - margin-right: 10px; -} -.zen form input[type=submit], -.zen form input[type=reset], -.zen form input[type=button], + width: 100%; + padding: 0; + padding-left: 10px; + padding-right: 10px; + border-radius: 6px; + border: 1px solid rgba(115, 130, 140, 0.2); +} +.zen form input[type="color"] { + height: 200px; +} +.zen form input[type="radio"], +.zen form input[type="checkbox"] { + margin-right: 10px; +} +.zen form input[type="submit"], +.zen form input[type="reset"], +.zen form input[type="button"], .zen form button { - margin-left: -1px; - padding: 10px 20px; - border: none; - border-radius: 6px; - background-color: #094394; - color: white; - font-size: 16px; - cursor: pointer; -} -.zen form input[type=submit]:hover, -.zen form input[type=reset]:hover, -.zen form input[type=button]:hover, + margin-left: -1px; + padding: 10px 20px; + border: none; + border-radius: 6px; + background-color: #094394; + color: white; + font-size: 16px; + cursor: pointer; +} +.zen form input[type="submit"]:hover, +.zen form input[type="reset"]:hover, +.zen form input[type="button"]:hover, .zen form button:hover { - background: #22509b; + background: #22509b; } -.zen form input[type=file] { - width: 100%; - padding: 0; - padding-left: 10px; - padding-right: 10px; - border-radius: 6px; - border: 1px solid rgba(115, 130, 140, 0.2); - border: none; +.zen form input[type="file"] { + width: 100%; + padding: 0; + padding-left: 10px; + padding-right: 10px; + border-radius: 6px; + border: 1px solid rgba(115, 130, 140, 0.2); + border: none; } .zen form output { - display: block; - margin-bottom: 10px; - color: #094394; + display: block; + margin-bottom: 10px; + color: #094394; } .zen form select, -.zen form input[type=date], -.zen form input[type=datetime-local], -.zen form input[type=time], -.zen form input[type=week], -.zen form input[type=month] { - color: black; - border: 0; +.zen form input[type="date"], +.zen form input[type="datetime-local"], +.zen form input[type="time"], +.zen form input[type="week"], +.zen form input[type="month"] { + color: black; + border: 0; } .zen .form-footer { - font-size: 0.7rem; - display: block; - margin-top: 1em; - opacity: 0.5; + font-size: 0.7rem; + display: block; + margin-top: 1em; + opacity: 0.5; } .zen form div { - position: relative; - margin-bottom: 20px; + position: relative; + margin-bottom: 20px; } .zen input { - width: 100%; - padding: 5px; - font-size: 13px; + width: 100%; + padding: 5px; + font-size: 13px; } .zen .form-container form label { - position: absolute; - left: 10px; - top: 13px; - font-size: 0.8em; - transition: 0.3s all; + position: absolute; + left: 10px; + top: 13px; + font-size: 0.8em; + transition: 0.3s all; } .zen form input:focus + label, .zen form input:not(:placeholder-shown) + label { - top: 3px; - left: 10px; - font-size: 8px; + top: 3px; + left: 10px; + font-size: 8px; } -.zen input[type=checkbox], -.zen input[type=radio] { - width: 12px; - height: 12px; - min-height: 12px; +.zen input[type="checkbox"], +.zen input[type="radio"] { + width: 12px; + height: 12px; + min-height: 12px; } .zen form select, .zen select { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; /* Remove default arrow icon */ - border: 1px solid rgba(115, 130, 140, 0.2); - padding: 10px 4px; - width: 100%; - background-image: url("../img/icons/zenicon-arrow-down.svg"); /* Path to your custom dropdown icon */ - background-repeat: no-repeat; - background-position: right 10px center; /* Position for the background icon */ - background-repeat: no-repeat; - background-position: right 7px center; - cursor: pointer; - padding-right: 20px; - text-indent: 10px; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; /* Remove default arrow icon */ + border: 1px solid rgba(115, 130, 140, 0.2); + padding: 10px 4px; + width: 100%; + background-image: url("../img/icons/zenicon-arrow-down.svg"); /* Path to your custom dropdown icon */ + background-repeat: no-repeat; + background-position: right 10px center; /* Position for the background icon */ + background-repeat: no-repeat; + background-position: right 7px center; + cursor: pointer; + padding-right: 20px; + text-indent: 10px; } .zen .slider { - position: relative; - width: 100%; - overflow: hidden; + position: relative; + width: 100%; + overflow: hidden; } .zen .slides-container { - width: 100%; - display: flex; - transition: transform 0.5s ease; + width: 100%; + display: flex; + transition: transform 0.5s ease; } .zen .slide { - min-width: 100%; - transition: transform 0.5s ease; + min-width: 100%; + transition: transform 0.5s ease; } .zen .arrow { - position: absolute; - top: 50%; - transform: translateY(-50%); - font-size: 24px; - z-index: 100; - cursor: pointer; - padding: 0 10px; + position: absolute; + top: 50%; + transform: translateY(-50%); + font-size: 24px; + z-index: 100; + cursor: pointer; + padding: 0 10px; } .zen .prev { - left: 10px; + left: 10px; } .zen .next { - right: 10px; + right: 10px; } @media (max-width: 768px) { - .zen .arrow { - font-size: 30px; - padding: 5px; - } + .zen .arrow { + font-size: 30px; + padding: 5px; + } } .zen button, .zen .btn { - font-size: 14px; - box-sizing: border-box; - display: inline-flex; - justify-content: center; - align-items: center; - min-height: 46px; - border: none; - cursor: pointer; - border-radius: 6px; - text-decoration: none; - cursor: pointer; - color: white; - background: #545454; - padding: 10px 16px; - margin: 10px 3px; - font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; - z-index: 3; + font-size: 14px; + box-sizing: border-box; + display: inline-flex; + justify-content: center; + align-items: center; + min-height: 46px; + border: none; + cursor: pointer; + border-radius: 6px; + text-decoration: none; + cursor: pointer; + color: white; + background: #545454; + padding: 10px 16px; + margin: 10px 3px; + font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; + z-index: 3; } .zen button:hover, .zen .btn:hover { - background: #6e6e6e; + background: #6e6e6e; } .zen .disabled { - cursor: not-allowed; - opacity: 0.65; - pointer-events: none; + cursor: not-allowed; + opacity: 0.65; + pointer-events: none; } .zen .btn { - display: inline-flex !important; - position: relative; + display: inline-flex !important; + position: relative; } .zen .label { - border-radius: 6px; - padding: 3px 15px; - overflow: hidden; - display: inline; - background: #545454; - color: white; - position: relative; - font-size: 11px; - line-height: 11px; - font-family: "Inter", sans-serif; - font-weight: 700; - width: auto; + border-radius: 6px; + padding: 3px 15px; + overflow: hidden; + display: inline; + background: #545454; + color: white; + position: relative; + font-size: 11px; + line-height: 11px; + font-family: "Inter", sans-serif; + font-weight: 700; + width: auto; } .zen .eyebrow { - overflow: hidden; - display: inline-block; - line-height: 10px; - position: relative; - font-size: 11px; - font-weight: 700; + overflow: hidden; + display: inline-block; + line-height: 10px; + position: relative; + font-size: 11px; + font-weight: 700; } .zen .position-top-right { - float: right; - padding: 5px 10px; - margin-right: 10px; - border-radius: 5px; + float: right; + padding: 5px 10px; + margin-right: 10px; + border-radius: 5px; } .zen .position-top-center { - position: absolute; - top: -9px; - left: 50%; - transform: translateX(-50%); - padding-top: 0.4em; + position: absolute; + top: -9px; + left: 50%; + transform: translateX(-50%); + padding-top: 0.4em; } .zen .position-corner { - float: right; - padding: 5px 10px; - margin-top: -13px; - margin-right: -17px; + float: right; + padding: 5px 10px; + margin-top: -13px; + margin-right: -17px; } .zen .label-circle { - border-radius: 50%; - width: 16px; - height: 16px; - display: inline-flex; - justify-content: center; - align-items: center; + border-radius: 50%; + width: 16px; + height: 16px; + display: inline-flex; + justify-content: center; + align-items: center; } .zen .label-wrapper { - position: absolute; - margin-top: -18px; - margin-left: -18px; - width: 45px; - height: 45px; - border-top-left-radius: 6px; - overflow: hidden; + position: absolute; + margin-top: -18px; + margin-left: -18px; + width: 45px; + height: 45px; + border-top-left-radius: 6px; + overflow: hidden; } .zen .btn-primary { - background: #094394 !important; - color: white !important; + background: #094394 !important; + color: white !important; } .zen .btn-primary:hover { - background: #05295a !important; + background: #05295a !important; } .zen .btn-secondary { - background: #0b6e09 !important; - color: white !important; + background: #0b6e09 !important; + color: white !important; } .zen .btn-secondary:hover { - background: #053504 !important; + background: #053504 !important; } .zen .btn-dark { - background: #333333 !important; - color: white !important; + background: #333333 !important; + color: white !important; } .zen .btn-dark:hover { - background: black !important; + background: black !important; } .zen .btn-light { - background: white !important; - color: black !important; + background: white !important; + color: black !important; } .zen .btn-light:hover { - background: #d4d4d4 !important; + background: #d4d4d4 !important; } .zen .btn-cta { - background: #2b66c5 !important; - color: white !important; + background: #2b66c5 !important; + color: white !important; } .zen .btn-cta:hover { - background: #204c93 !important; + background: #204c93 !important; } .zen .btn-accent { - background: #f7d62e !important; - color: black !important; + background: #f7d62e !important; + color: black !important; } .zen .btn-accent:hover { - background: #dfbc09 !important; + background: #dfbc09 !important; } .zen .btn-primary-outline { - border: 2px solid #094394 !important; - background: none; - color: #094394 !important; + border: 2px solid #094394 !important; + background: none; + color: #094394 !important; } .zen .btn-primary-outline:hover { - background: #094394 !important; - color: white !important; + background: #094394 !important; + color: white !important; } .zen .btn-secondary-outline { - border: 2px solid #0b6e09 !important; - background: none; - color: #0b6e09 !important; + border: 2px solid #0b6e09 !important; + background: none; + color: #0b6e09 !important; } .zen .btn-secondary-outline:hover { - background: #0b6e09 !important; - color: white !important; + background: #0b6e09 !important; + color: white !important; } .zen .btn-cta-outline { - border: 2px solid #2b66c5 !important; - background: none; - color: #2b66c5 !important; + border: 2px solid #2b66c5 !important; + background: none; + color: #2b66c5 !important; } .zen .btn-cta-outline:hover { - background: #2b66c5 !important; - color: white !important; + background: #2b66c5 !important; + color: white !important; } .zen .btn-accent-outline { - border: 2px solid #f7d62e !important; - background: none; - color: #f7d62e !important; + border: 2px solid #f7d62e !important; + background: none; + color: #f7d62e !important; } .zen .btn-accent-outline:hover { - background: #f7d62e !important; - color: black !important; + background: #f7d62e !important; + color: black !important; } .zen .btn-light-outline { - border: 2px solid white !important; - background: none; - color: white !important; + border: 2px solid white !important; + background: none; + color: white !important; } .zen .btn-light-outline:hover { - background: white !important; - color: black !important; + background: white !important; + color: black !important; } .zen .btn-dark-outline { - border: 2px solid rgba(13, 17, 23, 0.8) !important; - background: none; - color: rgba(13, 17, 23, 0.8) !important; + border: 2px solid rgba(13, 17, 23, 0.8) !important; + background: none; + color: rgba(13, 17, 23, 0.8) !important; } .zen .btn-dark-outline:hover { - background: rgba(13, 17, 23, 0.8) !important; - color: white !important; + background: rgba(13, 17, 23, 0.8) !important; + color: white !important; } .zen .btn-xl { - min-width: 200px; - max-width: 200px; + min-width: 200px; + max-width: 200px; } .zen .btn-lg { - min-width: 150px; - max-width: 150px; + min-width: 150px; + max-width: 150px; } .zen .btn-md { - min-width: 120px; - max-width: 120px; + min-width: 120px; + max-width: 120px; } .zen .btn-sm { - min-width: 75px; - max-width: 75px; - padding: 0.3em; - font-size: 12px; + min-width: 75px; + max-width: 75px; + padding: 0.3em; + font-size: 12px; } .zen .btn-circle { - width: 50px; - height: 50px; - border-radius: 50% !important; + width: 50px; + height: 50px; + border-radius: 50% !important; } .zen #result-types { - display: none; + display: none; } .zen .btn-outline { - background-color: transparent; - border: 2px solid #616161; - color: #545454; - padding: 11px; + background-color: transparent; + border: 2px solid #616161; + color: #545454; + padding: 11px; } .zen .btn-outline:hover { - background: #d9d9d9; - border: 2px solid gray; + background: #d9d9d9; + border: 2px solid gray; } .zen .btn-outline.theme-primary { - background-color: transparent; - border: 2px solid #2b66c5; - color: #2b66c5; - padding: 0.85em; + background-color: transparent; + border: 2px solid #2b66c5; + color: #2b66c5; + padding: 0.85em; } .zen .btn-outline.theme-primary:hover { - background-color: #2b66c5; - color: white; + background-color: #2b66c5; + color: white; } .zen .btn-outline.theme-secondary { - background-color: transparent; - border: 2px solid #f7d62e; - color: #f7d62e; - padding: 0.85em; + background-color: transparent; + border: 2px solid #f7d62e; + color: #f7d62e; + padding: 0.85em; } .zen .btn-outline.theme-secondary:hover { - background-color: #f7d62e; - color: black; + background-color: #f7d62e; + color: black; } .zen .btn-outline.theme-accent { - background-color: transparent; - border: 2px solid #0b6e09; - color: #0b6e09; - padding: 0.85em; + background-color: transparent; + border: 2px solid #0b6e09; + color: #0b6e09; + padding: 0.85em; } .zen .btn-outline.theme-accent:hover { - background-color: #0b6e09; - color: white; + background-color: #0b6e09; + color: white; } .zen .btn-outline.theme-dark { - background-color: transparent; - border: 2px solid white; - color: white; - padding: 0.85em; + background-color: transparent; + border: 2px solid white; + color: white; + padding: 0.85em; } .zen .btn-outline.theme-dark:hover { - background-color: white; - color: black; + background-color: white; + color: black; } .zen .btn-outline.theme-light { - background-color: transparent; - border: 2px solid black; - color: black; - padding: 0.85em; + background-color: transparent; + border: 2px solid black; + color: black; + padding: 0.85em; } .zen .btn-outline.theme-light:hover { - background-color: black; - color: white; + background-color: black; + color: white; } .zen .btn-outline.theme-cta { - background-color: transparent; - border: 2px solid #094394; - color: #094394; - padding: 0.85em; + background-color: transparent; + border: 2px solid #094394; + color: #094394; + padding: 0.85em; } .zen .btn-outline.theme-cta:hover { - background-color: #094394; - color: white; + background-color: #094394; + color: white; } .zen .responsive-table, .zen table { - width: 100%; - border-collapse: collapse; - margin-top: 1.5rem; - margin-bottom: 1rem; + width: 100%; + border-collapse: collapse; + margin-top: 1.5rem; + margin-bottom: 1rem; } .zen th, .zen td { - padding: 8px; - text-align: left; + padding: 8px; + text-align: left; } .zen .zebra th { - background: rgba(0, 0, 0, 0.06); + background: rgba(0, 0, 0, 0.06); } .zen .zebra tr:nth-child(odd) td { - background: rgba(255, 255, 255, 0.06); + background: rgba(255, 255, 255, 0.06); } .zen .zebra tr:nth-child(even) td { - background: rgba(186, 185, 185, 0.06); + background: rgba(186, 185, 185, 0.06); } .zen .striped th, .zen .striped td { - padding: 8px; - text-align: left; - border-bottom: 1px solid rgba(115, 130, 140, 0.2); + padding: 8px; + text-align: left; + border-bottom: 1px solid rgba(115, 130, 140, 0.2); } .zen .striped th { - border-bottom: 1px solid rgba(92, 104, 112, 0.2); + border-bottom: 1px solid rgba(92, 104, 112, 0.2); } .zen .striped tbody tr:last-child td { - border-bottom: none; + border-bottom: none; } .zen th { - font-weight: 600; + font-weight: 600; } @media (max-width: 767px) { - .zen .responsive-table thead { - display: none; - } - .zen .responsive-table thead th { - background-color: inherit; - } + .zen .responsive-table thead { + display: none; + } + .zen .responsive-table thead th { + background-color: inherit; + } } @media (max-width: 767px) { - .zen .responsive-table tr td:last-child { - margin-bottom: 20px; - } - .zen .responsive-table tbody .responsive-table tr { - background: rgba(130, 129, 129, 0.06); - background-color: rgba(111, 111, 111, 0.1); - display: block; - } + .zen .responsive-table tr td:last-child { + margin-bottom: 20px; + } + .zen .responsive-table tbody .responsive-table tr { + background: rgba(130, 129, 129, 0.06); + background-color: rgba(111, 111, 111, 0.1); + display: block; + } } @media (max-width: 767px) and (max-width: 767px) { - .zen .responsive-table tbody td { - display: flex; - } - .zen .responsive-table tbody td:before { - content: attr(data-label); - font-weight: bold; - margin-right: 10px; - text-align: left; - } + .zen .responsive-table tbody td { + display: flex; + } + .zen .responsive-table tbody td:before { + content: attr(data-label); + font-weight: bold; + margin-right: 10px; + text-align: left; + } } .zen .up-10 { - position: relative; - top: -10px !important; + position: relative; + top: -10px !important; } .zen .down-10 { - position: relative; - top: 10px !important; + position: relative; + top: 10px !important; } .zen .left-10 { - position: relative; - left: -10px !important; + position: relative; + left: -10px !important; } .zen .right-10 { - position: relative; - right: -10px !important; + position: relative; + right: -10px !important; } .zen .up-20 { - position: relative; - top: -20px !important; + position: relative; + top: -20px !important; } .zen .down-20 { - position: relative; - top: 20px !important; + position: relative; + top: 20px !important; } .zen .left-20 { - position: relative; - left: -20px !important; + position: relative; + left: -20px !important; } .zen .right-20 { - position: relative; - right: -20px !important; + position: relative; + right: -20px !important; } .zen .up-30 { - position: relative; - top: -30px !important; + position: relative; + top: -30px !important; } .zen .down-30 { - position: relative; - top: 30px !important; + position: relative; + top: 30px !important; } .zen .left-30 { - position: relative; - left: -30px !important; + position: relative; + left: -30px !important; } .zen .right-30 { - position: relative; - right: -30px !important; + position: relative; + right: -30px !important; } .zen .up-40 { - position: relative; - top: -40px !important; + position: relative; + top: -40px !important; } .zen .down-40 { - position: relative; - top: 40px !important; + position: relative; + top: 40px !important; } .zen .left-40 { - position: relative; - left: -40px !important; + position: relative; + left: -40px !important; } .zen .right-40 { - position: relative; - right: -40px !important; + position: relative; + right: -40px !important; } .zen .up-50 { - position: relative; - top: -50px !important; + position: relative; + top: -50px !important; } .zen .down-50 { - position: relative; - top: 50px !important; + position: relative; + top: 50px !important; } .zen .left-50 { - position: relative; - left: -50px !important; + position: relative; + left: -50px !important; } .zen .right-50 { - position: relative; - right: -50px !important; + position: relative; + right: -50px !important; } .zen .up-60 { - position: relative; - top: -60px !important; + position: relative; + top: -60px !important; } .zen .down-60 { - position: relative; - top: 60px !important; + position: relative; + top: 60px !important; } .zen .left-60 { - position: relative; - left: -60px !important; + position: relative; + left: -60px !important; } .zen .right-60 { - position: relative; - right: -60px !important; + position: relative; + right: -60px !important; } .zen .up-70 { - position: relative; - top: -70px !important; + position: relative; + top: -70px !important; } .zen .down-70 { - position: relative; - top: 70px !important; + position: relative; + top: 70px !important; } .zen .left-70 { - position: relative; - left: -70px !important; + position: relative; + left: -70px !important; } .zen .right-70 { - position: relative; - right: -70px !important; + position: relative; + right: -70px !important; } .zen .up-80 { - position: relative; - top: -80px !important; + position: relative; + top: -80px !important; } .zen .down-80 { - position: relative; - top: 80px !important; + position: relative; + top: 80px !important; } .zen .left-80 { - position: relative; - left: -80px !important; + position: relative; + left: -80px !important; } .zen .right-80 { - position: relative; - right: -80px !important; + position: relative; + right: -80px !important; } .zen .up-90 { - position: relative; - top: -90px !important; + position: relative; + top: -90px !important; } .zen .down-90 { - position: relative; - top: 90px !important; + position: relative; + top: 90px !important; } .zen .left-90 { - position: relative; - left: -90px !important; + position: relative; + left: -90px !important; } .zen .right-90 { - position: relative; - right: -90px !important; + position: relative; + right: -90px !important; } .zen .up-100 { - position: relative; - top: -100px !important; + position: relative; + top: -100px !important; } .zen .down-100 { - position: relative; - top: 100px !important; + position: relative; + top: 100px !important; } .zen .left-100 { - position: relative; - left: -100px !important; + position: relative; + left: -100px !important; } .zen .right-100 { - position: relative; - right: -100px !important; + position: relative; + right: -100px !important; } .zen .up-1 { - position: relative; - top: -1px !important; + position: relative; + top: -1px !important; } .zen .down-1 { - position: relative; - top: 1px !important; + position: relative; + top: 1px !important; } .zen .left-1 { - position: relative; - left: -1px !important; + position: relative; + left: -1px !important; } .zen .right-1 { - position: relative; - right: -1px !important; + position: relative; + right: -1px !important; } .zen .up-2 { - position: relative; - top: -2px !important; + position: relative; + top: -2px !important; } .zen .down-2 { - position: relative; - top: 2px !important; + position: relative; + top: 2px !important; } .zen .left-2 { - position: relative; - left: -2px !important; + position: relative; + left: -2px !important; } .zen .right-2 { - position: relative; - right: -2px !important; + position: relative; + right: -2px !important; } .zen .up-3 { - position: relative; - top: -3px !important; + position: relative; + top: -3px !important; } .zen .down-3 { - position: relative; - top: 3px !important; + position: relative; + top: 3px !important; } .zen .left-3 { - position: relative; - left: -3px !important; + position: relative; + left: -3px !important; } .zen .right-3 { - position: relative; - right: -3px !important; + position: relative; + right: -3px !important; } .zen .up-4 { - position: relative; - top: -4px !important; + position: relative; + top: -4px !important; } .zen .down-4 { - position: relative; - top: 4px !important; + position: relative; + top: 4px !important; } .zen .left-4 { - position: relative; - left: -4px !important; + position: relative; + left: -4px !important; } .zen .right-4 { - position: relative; - right: -4px !important; + position: relative; + right: -4px !important; } .zen .up-5 { - position: relative; - top: -5px !important; + position: relative; + top: -5px !important; } .zen .down-5 { - position: relative; - top: 5px !important; + position: relative; + top: 5px !important; } .zen .left-5 { - position: relative; - left: -5px !important; + position: relative; + left: -5px !important; } .zen .right-5 { - position: relative; - right: -5px !important; + position: relative; + right: -5px !important; } .zen .up-6 { - position: relative; - top: -6px !important; + position: relative; + top: -6px !important; } .zen .down-6 { - position: relative; - top: 6px !important; + position: relative; + top: 6px !important; } .zen .left-6 { - position: relative; - left: -6px !important; + position: relative; + left: -6px !important; } .zen .right-6 { - position: relative; - right: -6px !important; + position: relative; + right: -6px !important; } .zen .up-7 { - position: relative; - top: -7px !important; + position: relative; + top: -7px !important; } .zen .down-7 { - position: relative; - top: 7px !important; + position: relative; + top: 7px !important; } .zen .left-7 { - position: relative; - left: -7px !important; + position: relative; + left: -7px !important; } .zen .right-7 { - position: relative; - right: -7px !important; + position: relative; + right: -7px !important; } .zen .up-8 { - position: relative; - top: -8px !important; + position: relative; + top: -8px !important; } .zen .down-8 { - position: relative; - top: 8px !important; + position: relative; + top: 8px !important; } .zen .left-8 { - position: relative; - left: -8px !important; + position: relative; + left: -8px !important; } .zen .right-8 { - position: relative; - right: -8px !important; + position: relative; + right: -8px !important; } .zen .up-9 { - position: relative; - top: -9px !important; + position: relative; + top: -9px !important; } .zen .down-9 { - position: relative; - top: 9px !important; + position: relative; + top: 9px !important; } .zen .left-9 { - position: relative; - left: -9px !important; + position: relative; + left: -9px !important; } .zen .right-9 { - position: relative; - right: -9px !important; + position: relative; + right: -9px !important; } .zen .w-10 { - width: 10px !important; - min-width: 10px; + width: 10px !important; + min-width: 10px; } .zen .h-10 { - height: 10px !important; - min-height: 10px; + height: 10px !important; + min-height: 10px; } .zen .w-20 { - width: 20px !important; - min-width: 20px; + width: 20px !important; + min-width: 20px; } .zen .h-20 { - height: 20px !important; - min-height: 20px; + height: 20px !important; + min-height: 20px; } .zen .w-25 { - width: 25px !important; - min-width: 25px; + width: 25px !important; + min-width: 25px; } .zen .h-25 { - height: 25px !important; - min-height: 25px; + height: 25px !important; + min-height: 25px; } .zen .w-30 { - width: 30px !important; - min-width: 30px; + width: 30px !important; + min-width: 30px; } .zen .h-30 { - height: 30px !important; - min-height: 30px; + height: 30px !important; + min-height: 30px; } .zen .w-40 { - width: 40px !important; - min-width: 40px; + width: 40px !important; + min-width: 40px; } .zen .h-40 { - height: 40px !important; - min-height: 40px; + height: 40px !important; + min-height: 40px; } .zen .w-50 { - width: 50px !important; - min-width: 50px; + width: 50px !important; + min-width: 50px; } .zen .h-50 { - height: 50px !important; - min-height: 50px; + height: 50px !important; + min-height: 50px; } .zen .w-75 { - width: 75px !important; - min-width: 75px; + width: 75px !important; + min-width: 75px; } .zen .h-75 { - height: 75px !important; - min-height: 75px; + height: 75px !important; + min-height: 75px; } .zen .w-100 { - width: 100px !important; - min-width: 100px; + width: 100px !important; + min-width: 100px; } .zen .h-100 { - height: 100px !important; - min-height: 100px; + height: 100px !important; + min-height: 100px; } .zen .w-125 { - width: 125px !important; - min-width: 125px; + width: 125px !important; + min-width: 125px; } .zen .h-125 { - height: 125px !important; - min-height: 125px; + height: 125px !important; + min-height: 125px; } .zen .w-150 { - width: 150px !important; - min-width: 150px; + width: 150px !important; + min-width: 150px; } .zen .h-150 { - height: 150px !important; - min-height: 150px; + height: 150px !important; + min-height: 150px; } .zen .w-175 { - width: 175px !important; - min-width: 175px; + width: 175px !important; + min-width: 175px; } .zen .h-175 { - height: 175px !important; - min-height: 175px; + height: 175px !important; + min-height: 175px; } .zen .w-200 { - width: 200px !important; - min-width: 200px; + width: 200px !important; + min-width: 200px; } .zen .h-200 { - height: 200px !important; - min-height: 200px; + height: 200px !important; + min-height: 200px; } .zen .w-225 { - width: 225px !important; - min-width: 225px; + width: 225px !important; + min-width: 225px; } .zen .h-225 { - height: 225px !important; - min-height: 225px; + height: 225px !important; + min-height: 225px; } .zen .w-250 { - width: 250px !important; - min-width: 250px; + width: 250px !important; + min-width: 250px; } .zen .h-250 { - height: 250px !important; - min-height: 250px; + height: 250px !important; + min-height: 250px; } .zen .w-275 { - width: 275px !important; - min-width: 275px; + width: 275px !important; + min-width: 275px; } .zen .h-275 { - height: 275px !important; - min-height: 275px; + height: 275px !important; + min-height: 275px; } .zen .w-300 { - width: 300px !important; - min-width: 300px; + width: 300px !important; + min-width: 300px; } .zen .h-300 { - height: 300px !important; - min-height: 300px; + height: 300px !important; + min-height: 300px; } .zen .h-full { - height: 100% !important; - max-height: 100% !important; + height: 100% !important; + max-height: 100% !important; } .zen .w-full { - width: 100% !important; - max-width: 100% !important; + width: 100% !important; + max-width: 100% !important; } .zen .w-sm { - width: 25% !important; - max-width: 25% !important; + width: 25% !important; + max-width: 25% !important; } .zen .w-md { - width: 50% !important; - max-width: 50% !important; + width: 50% !important; + max-width: 50% !important; } .zen .w-lg { - width: 75% !important; - max-width: 75% !important; + width: 75% !important; + max-width: 75% !important; } .zen .mh-100 { - min-height: 100px; + min-height: 100px; } .zen .mh-200 { - min-height: 200px; + min-height: 200px; } .zen .mh-300 { - min-height: 300px; + min-height: 300px; } .zen .mh-400 { - min-height: 400px; + min-height: 400px; } .zen .mh-500 { - min-height: 500px; + min-height: 500px; } .zen .card { - position: relative; - padding: 1.2rem; - font-size: 0.9em; - gap: 0.5em; - display: inline-flex; - flex-direction: column; - justify-content: flex-start; + position: relative; + padding: 1.2rem; + font-size: 0.9em; + gap: 0.5em; + display: inline-flex; + flex-direction: column; + justify-content: flex-start; } .zen .card h1, .zen .card h2, @@ -2212,1299 +2214,1320 @@ .zen .card p, .zen .card small, .zen .card .eyebrow { - margin: 0; - border: 0; - padding: 0; + margin: 0; + border: 0; + padding: 0; } .zen .card p, .zen .card div { - padding: 0; + padding: 0; } .zen .card ul { - margin-block-start: 0; - margin-block-end: 0; + margin-block-start: 0; + margin-block-end: 0; } .zen .card > img { - border: 0; - padding: 0; + border: 0; + padding: 0; } .zen .img-full { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - padding: 0 !important; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + padding: 0 !important; } .zen .bg-img { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - object-fit: cover; - width: 100%; - height: 100%; - z-index: 0; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + object-fit: cover; + width: 100%; + height: 100%; + z-index: 0; } .zen .d-block { - display: block; + display: block; } .zen .d-inline { - display: inline; + display: inline; } .zen .d-inline-block { - display: inline-block; + display: inline-block; } .zen .d-flex { - display: flex; + display: flex; } .zen .d-inline-flex { - display: inline-flex; + display: inline-flex; } .zen .d-grid { - display: grid; + display: grid; } .zen .d-inline-grid { - display: inline-grid; + display: inline-grid; } .zen .d-table { - display: table; + display: table; } .zen .d-table-row { - display: table-row; + display: table-row; } .zen .d-table-cell { - display: table-cell; + display: table-cell; } .zen .d-none { - display: none; + display: none; } .zen .row { - flex-direction: row; - gap: 1em; + flex-direction: row; + gap: 1em; } .zen .column { - flex-direction: column; - gap: 1em; + flex-direction: column; + gap: 1em; } .zen .reverse { - flex-direction: row-reverse !important; + flex-direction: row-reverse !important; } .zen .overflow-hidden { - overflow: hidden !important; + overflow: hidden !important; } .zen .overflow-auto { - overflow: auto !important; + overflow: auto !important; } .zen .overflow-scroll { - overflow: scroll !important; + overflow: scroll !important; } .zen .overflow-visible { - overflow: visible !important; + overflow: visible !important; } .zen .vertical-center { - position: absolute; - width: 60%; - top: 50%; - left: 55%; - transform: translate(-50%, -50%); + position: absolute; + width: 60%; + top: 50%; + left: 55%; + transform: translate(-50%, -50%); } .zen .bg-none { - background: none !important; + background: none !important; } .zen .squeeze > * { - margin-top: 0.3em; - margin-bottom: 0.3em; + margin-top: 0.3em; + margin-bottom: 0.3em; } .zen .z-index-2 { - position: relative; - z-index: 2; + position: relative; + z-index: 2; } .zen .z-index-3 { - position: relative; - z-index: 3; + position: relative; + z-index: 3; } .zen .z-index-4 { - position: relative; - z-index: 4; + position: relative; + z-index: 4; } .zen .z-index-5 { - position: relative; - z-index: 5; + position: relative; + z-index: 5; } .zen .gap-1 { - gap: 0.25em; + gap: 0.25em; } .zen .gap-2 { - gap: 0.5em; + gap: 0.5em; } .zen .gap-3 { - gap: 0.75em; + gap: 0.75em; } .zen .gap-4 { - gap: 1em; + gap: 1em; } .zen .gap-5 { - gap: 1.5em; + gap: 1.5em; } .zen .gap-6 { - gap: 2em; + gap: 2em; } .zen .gap-0 { - gap: 0; + gap: 0; } .zen .img-left { - float: left; - margin-right: 15px; - margin-bottom: 7px; + float: left; + margin-right: 15px; + margin-bottom: 7px; } .zen .img-right { - float: right; - margin-left: 15px; - margin-bottom: 7px; + float: right; + margin-left: 15px; + margin-bottom: 7px; } .zen .alert-primary { - background: white; - border-spacing: 1px; - padding: 1em 1em 1em 16px; - filter: grayscale(10%); - color: #0865fb; - width: 100%; - box-sizing: border-box; - border-radius: 6px; - margin: 1rem 0; - position: relative; - opacity: 0.9; - border-left: 60px solid #5394fc; - font-size: 0.8em; + background: white; + border-spacing: 1px; + padding: 1em 1em 1em 16px; + filter: grayscale(10%); + color: #0865fb; + width: 100%; + box-sizing: border-box; + border-radius: 6px; + margin: 1rem 0; + position: relative; + opacity: 0.9; + border-left: 60px solid #5394fc; + font-size: 0.8em; } .zen .alert-primary::before { - margin-left: -56px; - background: url("../img/icons/alerts/thumbs-up-solid.svg") no-repeat center center; - background-size: contain; - content: ""; - position: absolute; - left: 18px; - top: 50%; - transform: translateY(-50%); - width: 15px; - height: 15px; - filter: invert(100%) sepia(0%) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); + margin-left: -56px; + background: url("../img/icons/alerts/thumbs-up-solid.svg") no-repeat center center; + background-size: contain; + content: ""; + position: absolute; + left: 18px; + top: 50%; + transform: translateY(-50%); + width: 15px; + height: 15px; + filter: invert(100%) sepia(0%) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); } .zen .alert-primary.alert-light-minimal { - color: black; - border-left: 4px solid #0347b3; + color: black; + border-left: 4px solid #0347b3; } .zen .alert-primary.alert-light { - color: black; - border-left: 60px solid #0347b3; + color: black; + border-left: 60px solid #0347b3; } .zen .alert-primary.alert-light::before { - filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); + filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); } .zen .alert-primary-minimal { - background: white; - border-spacing: 1px; - padding: 1em 1em 1em 16px; - filter: grayscale(10%); - color: #0865fb; - width: 100%; - box-sizing: border-box; - border-radius: 6px; - margin: 1rem 0; - position: relative; - opacity: 0.9; - border-left: 4px solid #5394fc; - font-size: 0.8em; + background: white; + border-spacing: 1px; + padding: 1em 1em 1em 16px; + filter: grayscale(10%); + color: #0865fb; + width: 100%; + box-sizing: border-box; + border-radius: 6px; + margin: 1rem 0; + position: relative; + opacity: 0.9; + border-left: 4px solid #5394fc; + font-size: 0.8em; } .zen .alert-primary-minimal::before { - margin-left: -56px; - background: url("") no-repeat center center; - background-size: contain; - content: ""; - position: absolute; - left: 18px; - top: 50%; - transform: translateY(-50%); - width: 15px; - height: 15px; - filter: invert(100%) sepia(0%) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); + margin-left: -56px; + background: url("") no-repeat center center; + background-size: contain; + content: ""; + position: absolute; + left: 18px; + top: 50%; + transform: translateY(-50%); + width: 15px; + height: 15px; + filter: invert(100%) sepia(0%) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); } .zen .alert-primary-minimal.alert-light-minimal { - color: black; - border-left: 4px solid #0347b3; + color: black; + border-left: 4px solid #0347b3; } .zen .alert-primary-minimal.alert-light { - color: black; - border-left: 60px solid #0347b3; + color: black; + border-left: 60px solid #0347b3; } .zen .alert-primary-minimal.alert-light::before { - filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); + filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); } .zen .alert-danger { - background: white; - border-spacing: 1px; - padding: 1em 1em 1em 16px; - filter: grayscale(10%); - color: #e9370b; - width: 100%; - box-sizing: border-box; - border-radius: 6px; - margin: 1rem 0; - position: relative; - opacity: 0.9; - border-left: 60px solid #f76c49; - font-size: 0.8em; + background: white; + border-spacing: 1px; + padding: 1em 1em 1em 16px; + filter: grayscale(10%); + color: #e9370b; + width: 100%; + box-sizing: border-box; + border-radius: 6px; + margin: 1rem 0; + position: relative; + opacity: 0.9; + border-left: 60px solid #f76c49; + font-size: 0.8em; } .zen .alert-danger::before { - margin-left: -56px; - background: url("../img/icons/alerts/triangle-exclamation-solid.svg") no-repeat center center; - background-size: contain; - content: ""; - position: absolute; - left: 18px; - top: 50%; - transform: translateY(-50%); - width: 15px; - height: 15px; - filter: invert(100%) sepia(0%) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); + margin-left: -56px; + background: url("../img/icons/alerts/triangle-exclamation-solid.svg") no-repeat center center; + background-size: contain; + content: ""; + position: absolute; + left: 18px; + top: 50%; + transform: translateY(-50%); + width: 15px; + height: 15px; + filter: invert(100%) sepia(0%) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); } .zen .alert-danger.alert-light-minimal { - color: black; - border-left: 4px solid #a02607; + color: black; + border-left: 4px solid #a02607; } .zen .alert-danger.alert-light { - color: black; - border-left: 60px solid #a02607; + color: black; + border-left: 60px solid #a02607; } .zen .alert-danger.alert-light::before { - filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); + filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); } .zen .alert-danger-minimal { - background: white; - border-spacing: 1px; - padding: 1em 1em 1em 16px; - filter: grayscale(10%); - color: #e9370b; - width: 100%; - box-sizing: border-box; - border-radius: 6px; - margin: 1rem 0; - position: relative; - opacity: 0.9; - border-left: 4px solid #f76c49; - font-size: 0.8em; + background: white; + border-spacing: 1px; + padding: 1em 1em 1em 16px; + filter: grayscale(10%); + color: #e9370b; + width: 100%; + box-sizing: border-box; + border-radius: 6px; + margin: 1rem 0; + position: relative; + opacity: 0.9; + border-left: 4px solid #f76c49; + font-size: 0.8em; } .zen .alert-danger-minimal::before { - margin-left: -56px; - background: url("") no-repeat center center; - background-size: contain; - content: ""; - position: absolute; - left: 18px; - top: 50%; - transform: translateY(-50%); - width: 15px; - height: 15px; - filter: invert(100%) sepia(0%) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); + margin-left: -56px; + background: url("") no-repeat center center; + background-size: contain; + content: ""; + position: absolute; + left: 18px; + top: 50%; + transform: translateY(-50%); + width: 15px; + height: 15px; + filter: invert(100%) sepia(0%) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); } .zen .alert-danger-minimal.alert-light-minimal { - color: black; - border-left: 4px solid #a02607; + color: black; + border-left: 4px solid #a02607; } .zen .alert-danger-minimal.alert-light { - color: black; - border-left: 60px solid #a02607; + color: black; + border-left: 60px solid #a02607; } .zen .alert-danger-minimal.alert-light::before { - filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); + filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); } .zen .alert-success { - background: white; - border-spacing: 1px; - padding: 1em 1em 1em 16px; - filter: grayscale(10%); - color: #085207; - width: 100%; - box-sizing: border-box; - border-radius: 6px; - margin: 1rem 0; - position: relative; - opacity: 0.9; - border-left: 60px solid #0f980c; - font-size: 0.8em; + background: white; + border-spacing: 1px; + padding: 1em 1em 1em 16px; + filter: grayscale(10%); + color: #085207; + width: 100%; + box-sizing: border-box; + border-radius: 6px; + margin: 1rem 0; + position: relative; + opacity: 0.9; + border-left: 60px solid #0f980c; + font-size: 0.8em; } .zen .alert-success::before { - margin-left: -56px; - background: url("../img/icons/alerts/circle-check-solid.svg") no-repeat center center; - background-size: contain; - content: ""; - position: absolute; - left: 18px; - top: 50%; - transform: translateY(-50%); - width: 15px; - height: 15px; - filter: invert(100%) sepia(0%) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); + margin-left: -56px; + background: url("../img/icons/alerts/circle-check-solid.svg") no-repeat center center; + background-size: contain; + content: ""; + position: absolute; + left: 18px; + top: 50%; + transform: translateY(-50%); + width: 15px; + height: 15px; + filter: invert(100%) sepia(0%) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); } .zen .alert-success.alert-light-minimal { - color: black; - border-left: 4px solid #010b01; + color: black; + border-left: 4px solid #010b01; } .zen .alert-success.alert-light { - color: black; - border-left: 60px solid #010b01; + color: black; + border-left: 60px solid #010b01; } .zen .alert-success.alert-light::before { - filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); + filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); } .zen .alert-success-minimal { - background: white; - border-spacing: 1px; - padding: 1em 1em 1em 16px; - filter: grayscale(10%); - color: #085207; - width: 100%; - box-sizing: border-box; - border-radius: 6px; - margin: 1rem 0; - position: relative; - opacity: 0.9; - border-left: 4px solid #0f980c; - font-size: 0.8em; + background: white; + border-spacing: 1px; + padding: 1em 1em 1em 16px; + filter: grayscale(10%); + color: #085207; + width: 100%; + box-sizing: border-box; + border-radius: 6px; + margin: 1rem 0; + position: relative; + opacity: 0.9; + border-left: 4px solid #0f980c; + font-size: 0.8em; } .zen .alert-success-minimal::before { - margin-left: -56px; - background: url("") no-repeat center center; - background-size: contain; - content: ""; - position: absolute; - left: 18px; - top: 50%; - transform: translateY(-50%); - width: 15px; - height: 15px; - filter: invert(100%) sepia(0%) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); + margin-left: -56px; + background: url("") no-repeat center center; + background-size: contain; + content: ""; + position: absolute; + left: 18px; + top: 50%; + transform: translateY(-50%); + width: 15px; + height: 15px; + filter: invert(100%) sepia(0%) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); } .zen .alert-success-minimal.alert-light-minimal { - color: black; - border-left: 4px solid #010b01; + color: black; + border-left: 4px solid #010b01; } .zen .alert-success-minimal.alert-light { - color: black; - border-left: 60px solid #010b01; + color: black; + border-left: 60px solid #010b01; } .zen .alert-success-minimal.alert-light::before { - filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); + filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); } .zen .alert-warning { - background: white; - border-spacing: 1px; - padding: 1em 1em 1em 16px; - filter: grayscale(10%); - color: #a29503; - width: 100%; - box-sizing: border-box; - border-radius: 6px; - margin: 1rem 0; - position: relative; - opacity: 0.9; - border-left: 60px solid #ecda05; - font-size: 0.8em; + background: white; + border-spacing: 1px; + padding: 1em 1em 1em 16px; + filter: grayscale(10%); + color: #a29503; + width: 100%; + box-sizing: border-box; + border-radius: 6px; + margin: 1rem 0; + position: relative; + opacity: 0.9; + border-left: 60px solid #ecda05; + font-size: 0.8em; } .zen .alert-warning::before { - margin-left: -56px; - background: url("../img/icons/alerts/circle-exclamation-solid.svg") no-repeat center center; - background-size: contain; - content: ""; - position: absolute; - left: 18px; - top: 50%; - transform: translateY(-50%); - width: 15px; - height: 15px; - filter: invert(100%) sepia(0%) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); + margin-left: -56px; + background: url("../img/icons/alerts/circle-exclamation-solid.svg") no-repeat center center; + background-size: contain; + content: ""; + position: absolute; + left: 18px; + top: 50%; + transform: translateY(-50%); + width: 15px; + height: 15px; + filter: invert(100%) sepia(0%) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); } .zen .alert-warning.alert-light-minimal { - color: black; - border-left: 4px solid #575002; + color: black; + border-left: 4px solid #575002; } .zen .alert-warning.alert-light { - color: black; - border-left: 60px solid #575002; + color: black; + border-left: 60px solid #575002; } .zen .alert-warning.alert-light::before { - filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); + filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); } .zen .alert-warning-minimal { - background: white; - border-spacing: 1px; - padding: 1em 1em 1em 16px; - filter: grayscale(10%); - color: #a29503; - width: 100%; - box-sizing: border-box; - border-radius: 6px; - margin: 1rem 0; - position: relative; - opacity: 0.9; - border-left: 4px solid #ecda05; - font-size: 0.8em; + background: white; + border-spacing: 1px; + padding: 1em 1em 1em 16px; + filter: grayscale(10%); + color: #a29503; + width: 100%; + box-sizing: border-box; + border-radius: 6px; + margin: 1rem 0; + position: relative; + opacity: 0.9; + border-left: 4px solid #ecda05; + font-size: 0.8em; } .zen .alert-warning-minimal::before { - margin-left: -56px; - background: url("") no-repeat center center; - background-size: contain; - content: ""; - position: absolute; - left: 18px; - top: 50%; - transform: translateY(-50%); - width: 15px; - height: 15px; - filter: invert(100%) sepia(0%) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); + margin-left: -56px; + background: url("") no-repeat center center; + background-size: contain; + content: ""; + position: absolute; + left: 18px; + top: 50%; + transform: translateY(-50%); + width: 15px; + height: 15px; + filter: invert(100%) sepia(0%) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); } .zen .alert-warning-minimal.alert-light-minimal { - color: black; - border-left: 4px solid #575002; + color: black; + border-left: 4px solid #575002; } .zen .alert-warning-minimal.alert-light { - color: black; - border-left: 60px solid #575002; + color: black; + border-left: 60px solid #575002; } .zen .alert-warning-minimal.alert-light::before { - filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); + filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); } .zen .alert-dark { - background: white; - border-spacing: 1px; - padding: 1em 1em 1em 16px; - filter: grayscale(10%); - color: rgba(13, 17, 23, 0.8); - width: 100%; - box-sizing: border-box; - border-radius: 6px; - margin: 1rem 0; - position: relative; - opacity: 0.9; - border-left: 60px solid rgba(41, 53, 72, 0.8); - font-size: 0.8em; + background: white; + border-spacing: 1px; + padding: 1em 1em 1em 16px; + filter: grayscale(10%); + color: rgba(13, 17, 23, 0.8); + width: 100%; + box-sizing: border-box; + border-radius: 6px; + margin: 1rem 0; + position: relative; + opacity: 0.9; + border-left: 60px solid rgba(41, 53, 72, 0.8); + font-size: 0.8em; } .zen .alert-dark::before { - margin-left: -56px; - background: url("../img/icons/alerts/circle-check-regular.svg") no-repeat center center; - background-size: contain; - content: ""; - position: absolute; - left: 18px; - top: 50%; - transform: translateY(-50%); - width: 15px; - height: 15px; - filter: invert(100%) sepia(0%) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); + margin-left: -56px; + background: url("../img/icons/alerts/circle-check-regular.svg") no-repeat center center; + background-size: contain; + content: ""; + position: absolute; + left: 18px; + top: 50%; + transform: translateY(-50%); + width: 15px; + height: 15px; + filter: invert(100%) sepia(0%) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); } .zen .alert-dark.alert-light-minimal { - color: black; - border-left: 4px solid rgba(0, 0, 0, 0.8); + color: black; + border-left: 4px solid rgba(0, 0, 0, 0.8); } .zen .alert-dark.alert-light { - color: black; - border-left: 60px solid rgba(0, 0, 0, 0.8); + color: black; + border-left: 60px solid rgba(0, 0, 0, 0.8); } .zen .alert-dark.alert-light::before { - filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); + filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); } .zen .alert-dark-minimal { - background: white; - border-spacing: 1px; - padding: 1em 1em 1em 16px; - filter: grayscale(10%); - color: rgba(13, 17, 23, 0.8); - width: 100%; - box-sizing: border-box; - border-radius: 6px; - margin: 1rem 0; - position: relative; - opacity: 0.9; - border-left: 4px solid rgba(41, 53, 72, 0.8); - font-size: 0.8em; + background: white; + border-spacing: 1px; + padding: 1em 1em 1em 16px; + filter: grayscale(10%); + color: rgba(13, 17, 23, 0.8); + width: 100%; + box-sizing: border-box; + border-radius: 6px; + margin: 1rem 0; + position: relative; + opacity: 0.9; + border-left: 4px solid rgba(41, 53, 72, 0.8); + font-size: 0.8em; } .zen .alert-dark-minimal::before { - margin-left: -56px; - background: url("") no-repeat center center; - background-size: contain; - content: ""; - position: absolute; - left: 18px; - top: 50%; - transform: translateY(-50%); - width: 15px; - height: 15px; - filter: invert(100%) sepia(0%) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); + margin-left: -56px; + background: url("") no-repeat center center; + background-size: contain; + content: ""; + position: absolute; + left: 18px; + top: 50%; + transform: translateY(-50%); + width: 15px; + height: 15px; + filter: invert(100%) sepia(0%) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); } .zen .alert-dark-minimal.alert-light-minimal { - color: black; - border-left: 4px solid rgba(0, 0, 0, 0.8); + color: black; + border-left: 4px solid rgba(0, 0, 0, 0.8); } .zen .alert-dark-minimal.alert-light { - color: black; - border-left: 60px solid rgba(0, 0, 0, 0.8); + color: black; + border-left: 60px solid rgba(0, 0, 0, 0.8); } .zen .alert-dark-minimal.alert-light::before { - filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); + filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); } .zen .alert-light { - background: white; - border-spacing: 1px; - padding: 1em 1em 1em 16px; - filter: grayscale(10%); - color: rgba(230, 230, 230, 0.55); - width: 100%; - box-sizing: border-box; - border-radius: 6px; - margin: 1rem 0; - position: relative; - opacity: 0.9; - border-left: 60px solid rgba(255, 255, 255, 0.55); - font-size: 0.8em; + background: white; + border-spacing: 1px; + padding: 1em 1em 1em 16px; + filter: grayscale(10%); + color: rgba(230, 230, 230, 0.55); + width: 100%; + box-sizing: border-box; + border-radius: 6px; + margin: 1rem 0; + position: relative; + opacity: 0.9; + border-left: 60px solid rgba(255, 255, 255, 0.55); + font-size: 0.8em; } .zen .alert-light::before { - margin-left: -56px; - background: url("../img/icons/alerts/circle-check-regular.svg") no-repeat center center; - background-size: contain; - content: ""; - position: absolute; - left: 18px; - top: 50%; - transform: translateY(-50%); - width: 15px; - height: 15px; - filter: invert(100%) sepia(0%) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); + margin-left: -56px; + background: url("../img/icons/alerts/circle-check-regular.svg") no-repeat center center; + background-size: contain; + content: ""; + position: absolute; + left: 18px; + top: 50%; + transform: translateY(-50%); + width: 15px; + height: 15px; + filter: invert(100%) sepia(0%) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); } .zen .alert-light.alert-light-minimal { - color: black; - border-left: 4px solid rgba(191, 191, 191, 0.55); + color: black; + border-left: 4px solid rgba(191, 191, 191, 0.55); } .zen .alert-light.alert-light { - color: black; - border-left: 60px solid rgba(191, 191, 191, 0.55); + color: black; + border-left: 60px solid rgba(191, 191, 191, 0.55); } .zen .alert-light.alert-light::before { - filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); + filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); } .zen .alert-light-minimal { - background: white; - border-spacing: 1px; - padding: 1em 1em 1em 16px; - filter: grayscale(10%); - color: rgba(230, 230, 230, 0.55); - width: 100%; - box-sizing: border-box; - border-radius: 6px; - margin: 1rem 0; - position: relative; - opacity: 0.9; - border-left: 4px solid rgba(255, 255, 255, 0.55); - font-size: 0.8em; + background: white; + border-spacing: 1px; + padding: 1em 1em 1em 16px; + filter: grayscale(10%); + color: rgba(230, 230, 230, 0.55); + width: 100%; + box-sizing: border-box; + border-radius: 6px; + margin: 1rem 0; + position: relative; + opacity: 0.9; + border-left: 4px solid rgba(255, 255, 255, 0.55); + font-size: 0.8em; } .zen .alert-light-minimal::before { - margin-left: -56px; - background: url("") no-repeat center center; - background-size: contain; - content: ""; - position: absolute; - left: 18px; - top: 50%; - transform: translateY(-50%); - width: 15px; - height: 15px; - filter: invert(100%) sepia(0%) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); + margin-left: -56px; + background: url("") no-repeat center center; + background-size: contain; + content: ""; + position: absolute; + left: 18px; + top: 50%; + transform: translateY(-50%); + width: 15px; + height: 15px; + filter: invert(100%) sepia(0%) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); } .zen .alert-light-minimal.alert-light-minimal { - color: black; - border-left: 4px solid rgba(191, 191, 191, 0.55); + color: black; + border-left: 4px solid rgba(191, 191, 191, 0.55); } .zen .alert-light-minimal.alert-light { - color: black; - border-left: 60px solid rgba(191, 191, 191, 0.55); + color: black; + border-left: 60px solid rgba(191, 191, 191, 0.55); } .zen .alert-light-minimal.alert-light::before { - filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); + filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); } .zen .alert-warning, .zen .alert-warning-minimal { - color: #947100; + color: #947100; } .zen .headline { - font-family: "Inter", sans-serif; - font-weight: 800; + font-family: "Inter", sans-serif; + font-weight: 800; } .zen .lead { - font-size: 1.2em; - margin: 0; - padding: 1rem 0; - margin-top: 0; - padding-top: 0; - font-weight: 300; - line-height: 1.75em; + font-size: 1.2em; + margin: 0; + padding: 1rem 0; + margin-top: 0; + padding-top: 0; + font-weight: 300; + line-height: 1.75em; } .zen .text-balance { - text-wrap: balance; + text-wrap: balance; } .zen .text-grey-dual { - color: #5e5e5e; + color: #5e5e5e; } .zen .text-italic { - font-style: italic; + font-style: italic; } .zen .text-thin { - font-weight: 300; + font-weight: 300; } .zen .text-regular { - font-weight: 400; + font-weight: 400; } .zen .text-medium { - font-weight: 500; + font-weight: 500; } .zen .text-semibold { - font-weight: 600; + font-weight: 600; } .zen .text-bold { - font-weight: 700; + font-weight: 700; } .zen .text-bolder { - font-weight: 800; + font-weight: 800; } .zen .text-boldest { - font-weight: 900; + font-weight: 900; } .zen .center, .zen .text-center { - text-align: center !important; + text-align: center !important; } .zen .center-vertical { - margin: auto; - width: 100%; + margin: auto; + width: 100%; } .zen .text-right { - text-align: right !important; + text-align: right !important; } .zen .text-left { - text-align: left !important; + text-align: left !important; } .zen .text-lowercase { - text-transform: lowercase; + text-transform: lowercase; } .zen .text-uppercase { - text-transform: uppercase; + text-transform: uppercase; } .zen .text-xs { - font-size: 0.8em !important; + font-size: 0.8em !important; } .zen .text-xxs { - font-size: 0.6em; + font-size: 0.6em; } .zen .text-align-right { - text-align: right; + text-align: right; } .zen .text-sm { - font-size: 0.9em; + font-size: 0.9em; } .zen .text-md { - font-size: 1.2em; + font-size: 1.2em; } .zen .text-lg { - font-size: 1.5em; + font-size: 1.5em; } .zen .text-xl { - font-size: 2.5em; + font-size: 2.5em; } .zen .text-xxl { - font-size: 4em; - line-height: 1em; + font-size: 4em; + line-height: 1em; } .zen .breadcrumb { - list-style-type: none; - margin: 0; - padding: 0; - display: flex; - flex-wrap: wrap; + list-style-type: none; + margin: 0; + padding: 0; + display: flex; + flex-wrap: wrap; } .zen .breadcrumb li { - display: inline; - margin-right: 5px; + display: inline; + margin-right: 5px; } .zen .breadcrumb li + li:before { - content: "> "; - margin-right: 5px; - position: relative; - right: 2px; - color: #636363; + content: "> "; + margin-right: 5px; + position: relative; + right: 2px; + color: #636363; } .zen .breadcrumb a { - text-decoration: underline; + text-decoration: underline; } .zen .breadcrumb a:hover { - text-decoration: none; + text-decoration: none; } .zen .list-group { - padding-left: 0; - margin-bottom: 0; + padding-left: 0; + margin-bottom: 0; } .zen .list-group-item { - position: relative; - display: block; - padding: 0.75em; - border: 1px solid rgba(115, 130, 140, 0.2); - margin-bottom: -1px; - margin-top: 0; + position: relative; + display: block; + padding: 0.75em; + border: 1px solid rgba(115, 130, 140, 0.2); + margin-bottom: -1px; + margin-top: 0; } .zen .list-group-item.active { - color: #fff; - background-color: #2b66c5; - border-color: #2b66c5; + color: #fff; + background-color: #2b66c5; + border-color: #2b66c5; } .zen .list-group-item.disabled { - color: #6c757d; - background-color: #cacaca; - pointer-events: none; + color: #6c757d; + background-color: #cacaca; + pointer-events: none; } .zen .list-group-flush .list-group-item { - border-right: 0; - border-left: 0; - border-radius: 0; + border-right: 0; + border-left: 0; + border-radius: 0; } .zen .list-group-horizontal .list-group-item { - display: inline-block; + display: inline-block; } .zen .success { - background-color: #d4edda; - color: #207437; - padding: 1em; + background-color: #d4edda; + color: #207437; + padding: 1em; } .zen .danger { - background-color: #f8d7da; - color: #a23737; - padding: 1em; + background-color: #f8d7da; + color: #a23737; + padding: 1em; } .zen .notice { - background-color: #d3deec; - color: #3e5d8b; - padding: 1em; + background-color: #d3deec; + color: #3e5d8b; + padding: 1em; } .zen .warning { - background-color: #fff3cd; - color: #8b6900; - padding: 1em; + background-color: #fff3cd; + color: #8b6900; + padding: 1em; } .zen .list-group-horizontal .list-group-item { - border-bottom: 1px solid rgba(115, 130, 140, 0.2); - margin-bottom: 0.3em; + border-bottom: 1px solid rgba(115, 130, 140, 0.2); + margin-bottom: 0.3em; } .zen .list-group .list-group-item-action:hover { - background-color: #2b66c5; - color: white; + background-color: #2b66c5; + color: white; } .zen .pagination-nav { - display: flex; - list-style-type: none; - padding: 0; - flex-wrap: wrap; - gap: 0; - justify-content: center; + display: flex; + list-style-type: none; + padding: 0; + flex-wrap: wrap; + gap: 0; + justify-content: center; } .zen .pagination-nav .item { - padding: 0.5rem 1.25rem; - border: 1px solid rgba(115, 130, 140, 0.2); - text-decoration: none !important; - background: rgba(130, 129, 129, 0.06); - margin-bottom: 0.5em; - margin-top: 0.5em; - position: relative; - z-index: 10; - margin-right: -1px; + padding: 0.5rem 1.25rem; + border: 1px solid rgba(115, 130, 140, 0.2); + text-decoration: none !important; + background: rgba(130, 129, 129, 0.06); + margin-bottom: 0.5em; + margin-top: 0.5em; + position: relative; + z-index: 10; + margin-right: -1px; } .zen .pagination-nav .item:hover { - background: rgba(173, 173, 173, 0.3); + background: rgba(173, 173, 173, 0.3); } .zen .pagination-nav .item-minimal { - padding: 0.5rem 1.25rem; - text-decoration: none !important; - background: rgba(130, 129, 129, 0.06); - position: relative; - padding: 6px 12px; - border-radius: 6px; - background: none; - margin: 0.6em; + padding: 0.5rem 1.25rem; + text-decoration: none !important; + background: rgba(130, 129, 129, 0.06); + position: relative; + padding: 6px 12px; + border-radius: 6px; + background: none; + margin: 0.6em; } .zen .pagination-nav .item-minimal:hover { - background: rgba(173, 173, 173, 0.3); + background: rgba(173, 173, 173, 0.3); } .zen .pagination-nav .item-minimal:hover { - background: rgba(173, 173, 173, 0.3); + background: rgba(173, 173, 173, 0.3); } .zen .pagination-nav .current { - background: rgba(173, 173, 173, 0.3); -} -.zen .tab-nav, .zen .tab-nav-round-thin, .zen .tab-nav-round, .zen .tab-nav-thin { - display: flex; - list-style-type: none; - padding: 0; - flex-wrap: wrap; - gap: 0; - justify-content: center; -} -.zen .tab-nav .item, .zen .tab-nav-round-thin .item, .zen .tab-nav-round .item, .zen .tab-nav-thin .item { - padding: 0.5rem 1.25rem; - border: 1px solid rgba(115, 130, 140, 0.2); - text-decoration: none !important; - background: rgba(130, 129, 129, 0.06); - margin-bottom: 0.5em; - margin-top: 0.5em; - position: relative; - z-index: 10; - margin-right: -1px; -} -.zen .tab-nav .item:hover, .zen .tab-nav-round-thin .item:hover, .zen .tab-nav-round .item:hover, .zen .tab-nav-thin .item:hover { - background: rgba(173, 173, 173, 0.3); -} -.zen .tab-nav .item-minimal, .zen .tab-nav-round-thin .item-minimal, .zen .tab-nav-round .item-minimal, .zen .tab-nav-thin .item-minimal { - padding: 0.5rem 1.25rem; - text-decoration: none !important; - background: rgba(130, 129, 129, 0.06); - position: relative; - padding: 6px 12px; - border-radius: 6px; - background: none; - margin: 0.6em; -} -.zen .tab-nav .item-minimal:hover, .zen .tab-nav-round-thin .item-minimal:hover, .zen .tab-nav-round .item-minimal:hover, .zen .tab-nav-thin .item-minimal:hover { - background: rgba(173, 173, 173, 0.3); -} -.zen .tab-nav .item-minimal:hover, .zen .tab-nav-round-thin .item-minimal:hover, .zen .tab-nav-round .item-minimal:hover, .zen .tab-nav-thin .item-minimal:hover { - background: rgba(173, 173, 173, 0.3); -} -.zen .tab-nav .current, .zen .tab-nav-round-thin .current, .zen .tab-nav-round .current, .zen .tab-nav-thin .current { - background: rgba(173, 173, 173, 0.3); + background: rgba(173, 173, 173, 0.3); +} +.zen .tab-nav, +.zen .tab-nav-round-thin, +.zen .tab-nav-round, +.zen .tab-nav-thin { + display: flex; + list-style-type: none; + padding: 0; + flex-wrap: wrap; + gap: 0; + justify-content: center; +} +.zen .tab-nav .item, +.zen .tab-nav-round-thin .item, +.zen .tab-nav-round .item, +.zen .tab-nav-thin .item { + padding: 0.5rem 1.25rem; + border: 1px solid rgba(115, 130, 140, 0.2); + text-decoration: none !important; + background: rgba(130, 129, 129, 0.06); + margin-bottom: 0.5em; + margin-top: 0.5em; + position: relative; + z-index: 10; + margin-right: -1px; +} +.zen .tab-nav .item:hover, +.zen .tab-nav-round-thin .item:hover, +.zen .tab-nav-round .item:hover, +.zen .tab-nav-thin .item:hover { + background: rgba(173, 173, 173, 0.3); +} +.zen .tab-nav .item-minimal, +.zen .tab-nav-round-thin .item-minimal, +.zen .tab-nav-round .item-minimal, +.zen .tab-nav-thin .item-minimal { + padding: 0.5rem 1.25rem; + text-decoration: none !important; + background: rgba(130, 129, 129, 0.06); + position: relative; + padding: 6px 12px; + border-radius: 6px; + background: none; + margin: 0.6em; +} +.zen .tab-nav .item-minimal:hover, +.zen .tab-nav-round-thin .item-minimal:hover, +.zen .tab-nav-round .item-minimal:hover, +.zen .tab-nav-thin .item-minimal:hover { + background: rgba(173, 173, 173, 0.3); +} +.zen .tab-nav .item-minimal:hover, +.zen .tab-nav-round-thin .item-minimal:hover, +.zen .tab-nav-round .item-minimal:hover, +.zen .tab-nav-thin .item-minimal:hover { + background: rgba(173, 173, 173, 0.3); +} +.zen .tab-nav .current, +.zen .tab-nav-round-thin .current, +.zen .tab-nav-round .current, +.zen .tab-nav-thin .current { + background: rgba(173, 173, 173, 0.3); } .zen .tab-nav-thin .item { - padding: 0.25rem 1.25rem; + padding: 0.25rem 1.25rem; } .zen .tab-nav-round .item:first-child { - border-top-left-radius: 8px; - border-bottom-left-radius: 8px; + border-top-left-radius: 8px; + border-bottom-left-radius: 8px; } .zen .tab-nav-round .item:last-child { - border-top-right-radius: 8px; - border-bottom-right-radius: 8px; + border-top-right-radius: 8px; + border-bottom-right-radius: 8px; } .zen .tab-nav-round-thin .item { - padding: 0.25rem 1.25rem; + padding: 0.25rem 1.25rem; } .zen .tab-nav-round-thin .item:first-child { - border-top-left-radius: 8px; - border-bottom-left-radius: 8px; + border-top-left-radius: 8px; + border-bottom-left-radius: 8px; } .zen .tab-nav-round-thin .item:last-child { - border-top-right-radius: 8px; - border-bottom-right-radius: 8px; + border-top-right-radius: 8px; + border-bottom-right-radius: 8px; } .zen .bg-ui-hover:hover, .zen .tab-nav .item-minimal:hover, .zen .tab-nav-thin .item-minimal:hover, .zen .tab-nav-round .item-minimal:hover, .zen .tab-nav-round-thin .item-minimal:hover { - background: rgba(173, 173, 173, 0.3); + background: rgba(173, 173, 173, 0.3); } .zen .pagination-nav-alt { - display: flex; - align-items: center; - justify-content: center; - position: relative; + display: flex; + align-items: center; + justify-content: center; + position: relative; } .zen .pagination-nav-alt .item { - display: flex; - justify-content: center; - align-items: center; - width: 40px; - height: 40px; - border-radius: 50%; - text-decoration: none; - margin: 0 10px; - position: relative; - z-index: 1; + display: flex; + justify-content: center; + align-items: center; + width: 40px; + height: 40px; + border-radius: 50%; + text-decoration: none; + margin: 0 10px; + position: relative; + z-index: 1; } .zen .pagination-nav-alt .item:not(:first-child)::before { - content: ""; - position: absolute; - top: 50%; - left: -20px; - height: 2px; - width: 20px; - background-color: rgba(115, 130, 140, 0.2); - transform: translateY(-50%); - z-index: 0; + content: ""; + position: absolute; + top: 50%; + left: -20px; + height: 2px; + width: 20px; + background-color: rgba(115, 130, 140, 0.2); + transform: translateY(-50%); + z-index: 0; } .zen .text-height-lg { - line-height: 2.2em; + line-height: 2.2em; } .zen .text-cta-dual { - color: #22509b; + color: #22509b; } .zen a.text-cta-dual { - text-decoration: none; - position: relative; - display: inline-block; + text-decoration: none; + position: relative; + display: inline-block; } .zen .link-underline { - display: inline-block; - position: relative; - text-decoration: none; + display: inline-block; + position: relative; + text-decoration: none; } .zen .link-underline::after { - content: ""; - position: absolute; - left: 0; - right: 100%; - bottom: -4px; - height: 2px; - background-color: transparent; - transition: right 0.3s ease; + content: ""; + position: absolute; + left: 0; + right: 100%; + bottom: -4px; + height: 2px; + background-color: transparent; + transition: right 0.3s ease; } .zen .link-underline:hover::after { - right: 0; - background-color: #919191; + right: 0; + background-color: #919191; } .zen .link-underline-white:hover::after { - background-color: white; + background-color: white; } .zen .link-classic { - color: #0062c4; - text-decoration: none; + color: #0062c4; + text-decoration: none; } .zen .link-classic:hover { - color: #0061c2; - text-decoration: underline; + color: #0061c2; + text-decoration: underline; } .zen .text-underline { - text-decoration: underline; + text-decoration: underline; } .zen .border-1 { - border: 1px solid #f7f7f7; - border-bottom-color: #f7f7f7 !important; + border: 1px solid #f7f7f7; + border-bottom-color: #f7f7f7 !important; } .zen .border-2 { - border: 1px solid #d9d9d9; - border-bottom-color: #d9d9d9 !important; + border: 1px solid #d9d9d9; + border-bottom-color: #d9d9d9 !important; } .zen .border-3 { - border: 1px solid rgba(115, 130, 140, 0.2); - border-bottom-color: rgba(115, 130, 140, 0.2) !important; + border: 1px solid rgba(115, 130, 140, 0.2); + border-bottom-color: rgba(115, 130, 140, 0.2) !important; } .zen .border-4 { - border: 1px solid #8a8a8a; - border-bottom-color: #8a8a8a !important; + border: 1px solid #8a8a8a; + border-bottom-color: #8a8a8a !important; } .zen .border-5 { - border: 1px solid #404040; - border-bottom-color: #404040 !important; + border: 1px solid #404040; + border-bottom-color: #404040 !important; } .zen .border-success { - border: 2px solid #48cc6b !important; + border: 2px solid #48cc6b !important; } .zen .border-danger { - border: 2px solid rgb(245, 76, 34) !important; + border: 2px solid rgb(245, 76, 34) !important; } .zen .border-warning { - border: 2px solid rgb(247, 196, 78) !important; + border: 2px solid rgb(247, 196, 78) !important; } .zen .border-primary { - border: 2px solid #094394 !important; + border: 2px solid #094394 !important; } .zen .border-cta { - border: 2px solid #2b66c5 !important; + border: 2px solid #2b66c5 !important; } .zen .border-secondary { - border: 2px solid #0b6e09 !important; + border: 2px solid #0b6e09 !important; } .zen .border-accent { - border: 2px solid #f7d62e !important; + border: 2px solid #f7d62e !important; } .zen .left-line { - display: inline-block; - position: relative; - padding-left: 10px; + display: inline-block; + position: relative; + padding-left: 10px; } .zen .left-line::before { - content: ""; - position: absolute; - left: 0; - transform: translateX(-100%); - margin-left: -5px; - top: 20%; - bottom: 0; - width: 5px; - background-color: #2b66c5; - height: 60%; + content: ""; + position: absolute; + left: 0; + transform: translateX(-100%); + margin-left: -5px; + top: 20%; + bottom: 0; + width: 5px; + background-color: #2b66c5; + height: 60%; } .zen .test-1 { - outline: 2px dotted rgb(245, 76, 34); + outline: 2px dotted rgb(245, 76, 34); } .zen .test-2 { - outline: 2px solid rgb(245, 76, 34); + outline: 2px solid rgb(245, 76, 34); } .zen .test-3 { - outline: 4px solid #48cc6b; + outline: 4px solid #48cc6b; } .zen .test-4 { - outline: 2px solid #5394fc; + outline: 2px solid #5394fc; } .zen .test-5 { - outline: 2px solid rgb(247, 196, 78); + outline: 2px solid rgb(247, 196, 78); } .zen .z-container-outline-on { - outline: 2px dashed #5394fc; - border-radius: 0; + outline: 2px dashed #5394fc; + border-radius: 0; } .zen .z-container-fluid-outline-on { - outline: 2px dashed #ab56f4; - border-radius: 0; + outline: 2px dashed #ab56f4; + border-radius: 0; } .zen .z-row-outline-on { - border-radius: 0; - box-shadow: inset 0 0 0 1px green; + border-radius: 0; + box-shadow: inset 0 0 0 1px green; } .zen .z-col-outline-on { - border-radius: 0; - box-shadow: inset 0 0 0 1px red; + border-radius: 0; + box-shadow: inset 0 0 0 1px red; } .zen .p-outline-on { - outline: 1px solid rgb(247, 196, 78); + outline: 1px solid rgb(247, 196, 78); } .zen .h1-outline-on { - outline: 2px dotted rgb(247, 196, 78); + outline: 2px dotted rgb(247, 196, 78); } .zen .h-outline-on { - outline: 2px solid rgb(247, 196, 78); + outline: 2px solid rgb(247, 196, 78); } .zen .center-line { - display: none; + display: none; } .zen .icon { - width: 24px; - height: 24px; + width: 24px; + height: 24px; } .zen .modal { - position: fixed; - z-index: 10000; - left: 0; - top: 0; - width: 100%; - height: 100%; - overflow: auto; - background-color: rgba(0, 0, 0, 0.8); - display: none; - align-items: center; - justify-content: center; + position: fixed; + z-index: 10000; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgba(0, 0, 0, 0.8); + display: none; + align-items: center; + justify-content: center; } .zen .btn-modal { - width: 150px; + width: 150px; } .zen .modal-content { - background-color: rgba(255, 255, 255, 0.9); - color: #212121; - padding: 20px; - border: 1px solid #888; - width: 80%; - max-width: 400px; - border-radius: 6px; - position: relative; + background-color: rgba(255, 255, 255, 0.9); + color: #212121; + padding: 20px; + border: 1px solid #888; + width: 80%; + max-width: 400px; + border-radius: 6px; + position: relative; } .zen .modal-content > .text { - width: 91%; + width: 91%; } .zen .left-child { - width: 95%; - background-color: lightblue; - white-space: pre-wrap; + width: 95%; + background-color: lightblue; + white-space: pre-wrap; } .zen .right-child { - width: 5%; - background-color: lightcoral; + width: 5%; + background-color: lightcoral; } .zen .accordion { - gap: 0; + gap: 0; } .zen .accordion p { - margin: 0; - padding: 0.6em; + margin: 0; + padding: 0.6em; } .zen .accordion a { - padding-bottom: 0.5em; - text-decoration: none; - padding-left: 10px; - margin-left: -24px; + padding-bottom: 0.5em; + text-decoration: none; + padding-left: 10px; + margin-left: -24px; } .zen .accordion a:hover { - background-color: rgba(115, 130, 140, 0.2); + background-color: rgba(115, 130, 140, 0.2); } .zen .accordion .toggle { - display: none; + display: none; } .zen .accordion .title { - display: block; - padding: 10px; - cursor: pointer; - margin: 0; - border: 1px solid rgba(115, 130, 140, 0.2); - transition: background-color 0.3s; - background: rgba(130, 129, 129, 0.06); - margin-top: -1px; + display: block; + padding: 10px; + cursor: pointer; + margin: 0; + border: 1px solid rgba(115, 130, 140, 0.2); + transition: background-color 0.3s; + background: rgba(130, 129, 129, 0.06); + margin-top: -1px; } .zen .accordion .title:hover { - background: rgba(173, 173, 173, 0.3); + background: rgba(173, 173, 173, 0.3); } .zen .expanded-content { - max-height: 0; - overflow-y: hidden; - transition: max-height 0.3s ease-out; - border-left: 1px solid rgba(115, 130, 140, 0.2); - border-right: 1px solid rgba(115, 130, 140, 0.2); - padding: 0 1.05em; + max-height: 0; + overflow-y: hidden; + transition: max-height 0.3s ease-out; + border-left: 1px solid rgba(115, 130, 140, 0.2); + border-right: 1px solid rgba(115, 130, 140, 0.2); + padding: 0 1.05em; } .zen .expanded-content.static { - transition: none; + transition: none; } .zen .expanded-content.show { - max-height: 300px; - border: 1px solid rgba(115, 130, 140, 0.2); - padding: 0 1.05em; + max-height: 300px; + border: 1px solid rgba(115, 130, 140, 0.2); + padding: 0 1.05em; } .zen .expanded-content.full-height.show { - max-height: none; + max-height: none; } .zen .accordion .title { - border-bottom: 1px solid rgba(115, 130, 140, 0.2); + border-bottom: 1px solid rgba(115, 130, 140, 0.2); } .zen .accordion .title:not(:last-of-type) { - border-bottom: none; + border-bottom: none; } .zen .dropdown { - position: relative; - display: inline-block; + position: relative; + display: inline-block; } .zen .dropdown-content { - display: none; - position: absolute; - left: -50px; - top: calc(100% + 29px); - background: #fdfdfd; - color: black; - min-width: 160px; - box-shadow: 0px 8px 16px 0px rgba(122, 122, 122, 0.1); - z-index: 1001; - border-radius: 6px; - padding: 0.8em; - font-size: 0.9em; + display: none; + position: absolute; + left: -50px; + top: calc(100% + 29px); + background: #fdfdfd; + color: black; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(122, 122, 122, 0.1); + z-index: 1001; + border-radius: 6px; + padding: 0.8em; + font-size: 0.9em; } .zen .dropdown-content.megamenu { - min-width: 650px; - left: -539px; - top: 79px; - border-top-left-radius: 0; - border-top-right-radius: 0; - z-index: 1001; + min-width: 650px; + left: -539px; + top: 79px; + border-top-left-radius: 0; + border-top-right-radius: 0; + z-index: 1001; } .zen .dropdown-content a { - color: black; - text-decoration: none; - display: block; - border-radius: 6px; - padding: 10px; - padding-left: 12px; - margin-left: -1px; + color: black; + text-decoration: none; + display: block; + border-radius: 6px; + padding: 10px; + padding-left: 12px; + margin-left: -1px; } .zen .dropdown-content a:hover { - background: rgba(169, 169, 169, 0.35); - color: black; - text-decoration: none; + background: rgba(169, 169, 169, 0.35); + color: black; + text-decoration: none; } .zen .dropdown-link-container { - position: absolute; - display: inline-block; - color: black; + position: absolute; + display: inline-block; + color: black; } .zen .megamenu { - color: black; - padding: 0; + color: black; + padding: 0; } .zen .megamenu a { - margin-left: -15px; + margin-left: -15px; } .zen .caret-up { - background: none !important; - width: 0; - height: 0; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-bottom: 10px solid #fdfdfd; - position: absolute; - top: calc(100% + 29px); - left: 15px; - transform: translateY(-100%); - z-index: 10; - /* Adjust this value to align the caret as needed */ - transform: translateY(-100%); - display: none; + background: none !important; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-bottom: 10px solid #fdfdfd; + position: absolute; + top: calc(100% + 29px); + left: 15px; + transform: translateY(-100%); + z-index: 10; + /* Adjust this value to align the caret as needed */ + transform: translateY(-100%); + display: none; } .zen .dropdown-content { - display: none; - position: absolute; - left: 2px; - top: 48px; + display: none; + position: absolute; + left: 2px; + top: 48px; } .zen nav .dropdown-content { - left: -5px; - min-width: 220px; + left: -5px; + min-width: 220px; } @media screen and (max-width: 768px) { - .zen nav .dropdown-content { - background-color: unset; - } - .zen nav .dropdown-content a { - color: #eee; - } - .zen .dropdown-content { - position: static; - display: block; - left: auto; - top: auto; - box-shadow: none; - z-index: auto; - max-height: 300px; - overflow-y: auto; - overflow-x: hidden; - width: auto; - min-width: 225px !important; - border-radius: unset; - } - .zen .dropdown-link-container { - position: static; - } - .zen .nav-dropdown .caret-up, - .zen .dropdown .caret-up { - display: none !important; - } + .zen nav .dropdown-content { + background-color: unset; + } + .zen nav .dropdown-content a { + color: #eee; + } + .zen .dropdown-content { + position: static; + display: block; + left: auto; + top: auto; + box-shadow: none; + z-index: auto; + max-height: 300px; + overflow-y: auto; + overflow-x: hidden; + width: auto; + min-width: 225px !important; + border-radius: unset; + } + .zen .dropdown-link-container { + position: static; + } + .zen .nav-dropdown .caret-up, + .zen .dropdown .caret-up { + display: none !important; + } } .zen .card-split { - display: flex; - flex-direction: row; - gap: 1em; + display: flex; + flex-direction: row; + gap: 1em; } .zen .card-split .text-group { - flex-basis: 95%; - gap: 1; + flex-basis: 95%; + gap: 1; } .zen .card-split .text-group p, .zen .card-split .text-group h1, @@ -3513,775 +3536,781 @@ .zen .card-split .text-group h4, .zen .card-split .text-group h5, .zen .card-split .text-group h6 { - margin-top: 0; - margin-bottom: 0; - padding-top: 0; - letter-spacing: normal; + margin-top: 0; + margin-bottom: 0; + padding-top: 0; + letter-spacing: normal; } .zen .card-split .image-group { - flex-basis: 110px; + flex-basis: 110px; } .zen blockquote { - display: block; - padding: 15px 5px; - margin-top: 0; - position: relative; - line-height: 2em; - font-weight: 500; - font-style: italic; + display: block; + padding: 15px 5px; + margin-top: 0; + position: relative; + line-height: 2em; + font-weight: 500; + font-style: italic; } .zen blockquote p { - margin-bottom: 0; + margin-bottom: 0; } .zen blockquote::before { - content: ""; - position: absolute; - left: -26px; - top: 0; - bottom: 0; - border-left: 4px solid rgba(115, 130, 140, 0.2); - width: 0; + content: ""; + position: absolute; + left: -26px; + top: 0; + bottom: 0; + border-left: 4px solid rgba(115, 130, 140, 0.2); + width: 0; } .zen blockquote::after { - content: ""; + content: ""; } .zen blockquote a { - text-decoration: none; - cursor: pointer; - padding: 0 3px; - color: #094394; + text-decoration: none; + cursor: pointer; + padding: 0 3px; + color: #094394; } .zen blockquote a:hover { - color: #666; + color: #666; } .zen blockquote em { - font-style: italic; + font-style: italic; } .zen .slide-figure { - display: flex; - transition: transform 0.3s ease-in-out; + display: flex; + transition: transform 0.3s ease-in-out; } .zen .carousel-slide { - min-width: 100%; - box-sizing: border-box; + min-width: 100%; + box-sizing: border-box; } .zen .slider { - position: relative; - width: 100%; - height: auto; - overflow: hidden; + position: relative; + width: 100%; + height: auto; + overflow: hidden; } .zen .slides-container { - display: flex; + display: flex; } .zen .slide { - display: flex; - max-width: 100%; - height: auto; - flex-shrink: 0; - background-size: cover; - background-position: center; + display: flex; + max-width: 100%; + height: auto; + flex-shrink: 0; + background-size: cover; + background-position: center; } .zen .arrow { - position: absolute; - top: 50%; - transform: translateY(-50%); - font-size: 24px; - z-index: 100; - cursor: pointer; - opacity: 0.4; + position: absolute; + top: 50%; + transform: translateY(-50%); + font-size: 24px; + z-index: 100; + cursor: pointer; + opacity: 0.4; } .zen .prev { - left: 10px; + left: 10px; } .zen .next { - right: 10px; + right: 10px; } .zen .arrow.bottom { - top: 94%; - right: 0; - width: 32px; + top: 94%; + right: 0; + width: 32px; } .zen .arrow.right { - right: 40px; - left: unset; + right: 40px; + left: unset; } .zen .wizard-step { - border: 1px solid rgba(171, 180, 186, 0.2); - display: none; - padding: 1em; - margin-top: 1em; + border: 1px solid rgba(171, 180, 186, 0.2); + display: none; + padding: 1em; + margin-top: 1em; } .zen .wizard-step.active { - display: block; + display: block; } .zen .wizard-step label { - display: block; - padding: 0.45em; + display: block; + padding: 0.45em; } @keyframes spin { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); - } + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } } .zen .spin { - animation: spin 2s linear infinite; + animation: spin 2s linear infinite; } .zen .card-split { - position: relative; - overflow: hidden; + position: relative; + overflow: hidden; } .zen .img-responsive { - flex-shrink: 0; - max-width: 100%; - height: auto; - object-fit: contain; + flex-shrink: 0; + max-width: 100%; + height: auto; + object-fit: contain; } .zen .img-round { - border-radius: 50%; - max-width: 100%; - height: auto; + border-radius: 50%; + max-width: 100%; + height: auto; } .zen .img-rounded { - border-radius: 15px; + border-radius: 15px; } .zen .img-round-outline { - border-radius: 50%; - padding: 5px !important; - background-color: white; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); - box-sizing: content-box; + border-radius: 50%; + padding: 5px !important; + background-color: white; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + box-sizing: content-box; } .zen .hidden, .zen .d-none { - display: none !important; + display: none !important; } .zen .opacity-50 { - opacity: 0.5; + opacity: 0.5; } .zen .opacity-75 { - opacity: 0.75; + opacity: 0.75; } .zen .opacity-25 { - opacity: 0.25; + opacity: 0.25; } .zen .corner-popup { - position: fixed; - bottom: 20px; - right: 20px; + position: fixed; + bottom: 20px; + right: 20px; } .zen .corner-popup > div { - width: 300px; - max-height: 400px; - overflow: auto; - position: absolute; - bottom: 66px; - right: 3px; - background: white; - color: black; - border: 1px solid rgba(115, 130, 140, 0.2); - border-radius: 6px; - padding: 1em; - font-size: 0.9em; - z-index: 6; + width: 300px; + max-height: 400px; + overflow: auto; + position: absolute; + bottom: 66px; + right: 3px; + background: white; + color: black; + border: 1px solid rgba(115, 130, 140, 0.2); + border-radius: 6px; + padding: 1em; + font-size: 0.9em; + z-index: 6; } .zen .corner-popup > button { - padding: 5px 10px; - border: none; - border-radius: 6px; - cursor: pointer; - position: absolute; - bottom: -20px; - right: 0; + padding: 5px 10px; + border: none; + border-radius: 6px; + cursor: pointer; + position: absolute; + bottom: -20px; + right: 0; } .zen .btn-circle[data-unread="1"]::after, .zen .btn-circle[data-unread="2"]::after, .zen .btn-circle[data-unread="3"]::after { - content: attr(data-unread); - position: absolute; - top: -5px; - right: -5px; - width: 20px; - height: 20px; - border-radius: 50%; - background-color: rgb(245, 76, 34); - color: white; - text-align: center; - line-height: 20px; - font-size: 12px; + content: attr(data-unread); + position: absolute; + top: -5px; + right: -5px; + width: 20px; + height: 20px; + border-radius: 50%; + background-color: rgb(245, 76, 34); + color: white; + text-align: center; + line-height: 20px; + font-size: 12px; } @keyframes notificationBounce { - 0%, 14.29%, 100% { - transform: translateY(0); - } - 7.14% { - transform: translateY(-5px); - } -} -.zen .btn-circle[data-unread][data-animate=true]::after { - animation: notificationBounce 7s infinite; + 0%, + 14.29%, + 100% { + transform: translateY(0); + } + 7.14% { + transform: translateY(-5px); + } +} +.zen .btn-circle[data-unread][data-animate="true"]::after { + animation: notificationBounce 7s infinite; } .zen .hidden { - display: none; + display: none; } .zen footer, .zen .footer { - background: #212121; - color: white; - padding: 20px; - text-align: center; - width: 100%; + background: #212121; + color: white; + padding: 20px; + text-align: center; + width: 100%; } .zen footer a, .zen .footer a { - color: white; + color: white; } .zen footer a:hover, .zen .footer a:hover { - color: #e6e6e6; + color: #e6e6e6; } .zen .social-icons { - margin-top: 1em; - display: inline-flex; - flex-direction: row; - align-items: center; - justify-content: center; - gap: 1em; + margin-top: 1em; + display: inline-flex; + flex-direction: row; + align-items: center; + justify-content: center; + gap: 1em; } .zen .social-icons a { - display: flex; - justify-content: center; - align-items: center; - width: 30px; - height: 30px; - margin-bottom: 5px; - background-color: white; - border-radius: 6px; - transition: background-color 0.3s ease; - overflow: hidden; + display: flex; + justify-content: center; + align-items: center; + width: 30px; + height: 30px; + margin-bottom: 5px; + background-color: white; + border-radius: 6px; + transition: background-color 0.3s ease; + overflow: hidden; } .zen .social-icons a:hover { - background-color: #cccccc; + background-color: #cccccc; } .zen .social-icons a img { - width: 20px; - height: 20px; - object-fit: contain; + width: 20px; + height: 20px; + object-fit: contain; } .zen .icon-toggle { - cursor: pointer; - position: relative; - display: inline; + cursor: pointer; + position: relative; + display: inline; } .zen .icon-off, .zen .icon-on { - transition: opacity 0.3s ease; - position: absolute; - top: 0; - left: 0; - display: none; + transition: opacity 0.3s ease; + position: absolute; + top: 0; + left: 0; + display: none; } .zen .icon-off.show, .zen .icon-on.show { - display: inline; + display: inline; } .zen .icon-toggle .zenicon-favorite-border:hover::before, .zen .zenicon-favorite:hover { - color: rgb(245, 76, 34); + color: rgb(245, 76, 34); } .zen .zenicon-favorite.icon-on.show { - color: rgb(245, 76, 34); + color: rgb(245, 76, 34); } .zen .shadow-1 { - box-shadow: 0.5px 0.5px 1.5px rgba(0, 0, 0, 0.05); + box-shadow: 0.5px 0.5px 1.5px rgba(0, 0, 0, 0.05); } .zen .shadow-2 { - box-shadow: 1px 1px 2.5px rgba(0, 0, 0, 0.075); + box-shadow: 1px 1px 2.5px rgba(0, 0, 0, 0.075); } .zen .shadow-3 { - box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); + box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); } .zen .shadow-4 { - box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.125); + box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.125); } .zen .shadow-5 { - box-shadow: 4px 4px 7.5px rgba(0, 0, 0, 0.15); + box-shadow: 4px 4px 7.5px rgba(0, 0, 0, 0.15); } .zen .progress-bar-container { - position: relative; - height: 14px; + position: relative; + height: 14px; } .zen .mswizard-progress { - -webkit-appearance: none; - appearance: none; - width: 100%; - height: 13px; + -webkit-appearance: none; + appearance: none; + width: 100%; + height: 13px; } .zen .progress-percentage { - position: absolute; - left: 0; - top: 5px; - height: 100%; - align-items: center; - color: white; - background: none; - margin: 0 5px; - margin-left: -30px; - font-size: 0.7em; + position: absolute; + left: 0; + top: 5px; + height: 100%; + align-items: center; + color: white; + background: none; + margin: 0 5px; + margin-left: -30px; + font-size: 0.7em; } .zen .mswizard-progress[value]::-webkit-progress-value { - display: flex; - align-items: center; - justify-content: center; - color: white; - font-weight: bold; - visibility: visible; + display: flex; + align-items: center; + justify-content: center; + color: white; + font-weight: bold; + visibility: visible; } .zen .step-info { - text-align: left; - font-size: 0.7em; - margin-left: 5px; + text-align: left; + font-size: 0.7em; + margin-left: 5px; } @keyframes blink { - 0%, 100% { - opacity: 1; - } - 50% { - opacity: 0; - } + 0%, + 100% { + opacity: 1; + } + 50% { + opacity: 0; + } } @keyframes slideUpDown { - 0% { - transform: translateY(20px); - } - 100% { - transform: translateY(0); - } + 0% { + transform: translateY(20px); + } + 100% { + transform: translateY(0); + } } @keyframes slideInFromLeft { - 0% { - transform: translateX(-20px); - } - 100% { - transform: translateX(0); - } + 0% { + transform: translateX(-20px); + } + 100% { + transform: translateX(0); + } } @keyframes slideInFromRight { - 0% { - transform: translateX(20px); - } - 100% { - transform: translateX(0); - } + 0% { + transform: translateX(20px); + } + 100% { + transform: translateX(0); + } } @keyframes fadeIn { - 0%, 100% { - opacity: 0; - } - 100% { - opacity: 1; - } + 0%, + 100% { + opacity: 0; + } + 100% { + opacity: 1; + } } .zen .fade-in { - opacity: 0; - transform: translateY(20px); - transition: opacity 0.6s ease-out, transform 0.6s ease-out; + opacity: 0; + transform: translateY(20px); + transition: + opacity 0.6s ease-out, + transform 0.6s ease-out; } .zen .fade-in.visible { - opacity: 1; - transform: translateY(0); + opacity: 1; + transform: translateY(0); } .zen .blink { - animation: blink 1s infinite; + animation: blink 1s infinite; } .zen .slide-up { - animation: slideUpDown 0.5s ease-out; + animation: slideUpDown 0.5s ease-out; } @keyframes slideDown { - 0% { - transform: translateY(-20px); - } - 100% { - transform: translateY(0); - } + 0% { + transform: translateY(-20px); + } + 100% { + transform: translateY(0); + } } .zen .slide-down { - animation: slideDown 0.5s ease-out; + animation: slideDown 0.5s ease-out; } .zen .slide-left { - animation: slideInFromLeft 0.5s ease-out; + animation: slideInFromLeft 0.5s ease-out; } .zen .slide-right { - animation: slideInFromRight 0.5s ease-out; + animation: slideInFromRight 0.5s ease-out; } .zen .fade-in-1 { - opacity: 0; - animation: fadeIn 1s 0.2s forwards; + opacity: 0; + animation: fadeIn 1s 0.2s forwards; } .zen .fade-in-2 { - opacity: 0; - animation: fadeIn 1s 0.4s forwards; + opacity: 0; + animation: fadeIn 1s 0.4s forwards; } .zen .fade-in-3 { - opacity: 0; - animation: fadeIn 1s 0.6s forwards; + opacity: 0; + animation: fadeIn 1s 0.6s forwards; } .zen .fade-in-4 { - opacity: 0; - animation: fadeIn 1s 0.8s forwards; + opacity: 0; + animation: fadeIn 1s 0.8s forwards; } .zen .fade-in-5 { - opacity: 0; - animation: fadeIn 1s 1s forwards; + opacity: 0; + animation: fadeIn 1s 1s forwards; } .zen .fade-in-6 { - opacity: 0; - animation: fadeIn 1s 1.2s forwards; + opacity: 0; + animation: fadeIn 1s 1.2s forwards; } .zen .fade-in-7 { - opacity: 0; - animation: fadeIn 1s 1.4s forwards; + opacity: 0; + animation: fadeIn 1s 1.4s forwards; } .zen .fade-in-8 { - opacity: 0; - animation: fadeIn 1s 1.6s forwards; + opacity: 0; + animation: fadeIn 1s 1.6s forwards; } .zen .btn-hover { - transition: transform 0.3s ease-in-out; - display: inline-block; + transition: transform 0.3s ease-in-out; + display: inline-block; } .zen .btn-hover:hover { - transform: translateY(-3px); + transform: translateY(-3px); } .zen .breathe { - animation: subtleZoom 10s infinite alternate; + animation: subtleZoom 10s infinite alternate; } @keyframes subtleZoom { - 0% { - transform: scale(1); - } - 100% { - transform: scale(1.05); - } + 0% { + transform: scale(1); + } + 100% { + transform: scale(1.05); + } } .zen .card-hover .bg-img { - transition: transform 0.3s ease-in-out; + transition: transform 0.3s ease-in-out; } .zen .card-hover:hover .bg-img { - transform: scale(1.05, 1.05); + transform: scale(1.05, 1.05); } .zen .card-pan .bg-img { - transition: transform 0.3s ease-in-out; - transform: scale(1.1); + transition: transform 0.3s ease-in-out; + transform: scale(1.1); } .zen .card-pan:hover .bg-img { - transform: scale(1.1) translateY(-5%); + transform: scale(1.1) translateY(-5%); } .zen .image-gallery { - display: grid; - grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); - grid-gap: 10px; - grid-row-gap: 6px; + display: grid; + grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); + grid-gap: 10px; + grid-row-gap: 6px; } .zen .image-gallery img { - width: 100%; - height: auto; - cursor: pointer; - border-radius: 6px; + width: 100%; + height: auto; + cursor: pointer; + border-radius: 6px; } .zen [data-tooltip] { - position: relative; + position: relative; } .zen [data-tooltip]:not(a, button, input) { - border-bottom: 1px dotted; - text-decoration: none; - cursor: help; + border-bottom: 1px dotted; + text-decoration: none; + cursor: help; } .zen [data-tooltip]::after, .zen [data-tooltip]::before, -.zen [data-tooltip][data-placement=top]::after, -.zen [data-tooltip][data-placement=top]::before { - display: block; - z-index: 99; - position: absolute; - bottom: 100%; - left: 50%; - padding: 0.25rem 0.5rem; - overflow: hidden; - transform: translate(-50%, -0.25rem); - border-radius: 6px; - background: #545454; - content: attr(data-tooltip); - color: white; - text-decoration: none; - text-overflow: ellipsis; - white-space: nowrap; - opacity: 0; - pointer-events: none; - font-size: 0.8em; +.zen [data-tooltip][data-placement="top"]::after, +.zen [data-tooltip][data-placement="top"]::before { + display: block; + z-index: 99; + position: absolute; + bottom: 100%; + left: 50%; + padding: 0.25rem 0.5rem; + overflow: hidden; + transform: translate(-50%, -0.25rem); + border-radius: 6px; + background: #545454; + content: attr(data-tooltip); + color: white; + text-decoration: none; + text-overflow: ellipsis; + white-space: nowrap; + opacity: 0; + pointer-events: none; + font-size: 0.8em; } .zen [data-tooltip]::after, -.zen [data-tooltip][data-placement=top]::after { - padding: 0; - transform: translate(-50%, 0); - border-top: 0.3rem solid; - border-right: 0.3rem solid transparent; - border-left: 0.3rem solid transparent; - border-radius: 0; - background-color: transparent; - content: ""; - color: #545454; -} -.zen [data-tooltip][data-placement=bottom]::after, -.zen [data-tooltip][data-placement=bottom]::before { - top: 110%; - bottom: auto; - transform: translate(-50%, 0.25rem); -} -.zen [data-tooltip][data-placement=bottom]:after { - transform: translate(-50%, -0.25rem); - border: 0.3rem solid transparent; - border-bottom: 0.3rem solid; -} -.zen [data-tooltip][data-placement=left]::after, -.zen [data-tooltip][data-placement=left]::before { - top: 50%; - right: 110%; - bottom: auto; - left: auto; - transform: translate(-0.25rem, -50%); -} -.zen [data-tooltip][data-placement=left]:after { - transform: translate(0.3rem, -50%); - border: 0.3rem solid transparent; - border-left: 0.3rem solid; -} -.zen [data-tooltip][data-placement=right]::after, -.zen [data-tooltip][data-placement=right]::before { - top: 50%; - right: auto; - bottom: auto; - left: 110%; - transform: translate(0.2rem, -50%); -} -.zen [data-tooltip][data-placement=right]:after { - transform: translate(-0.3rem, -50%); - border: 0.3rem solid transparent; - border-right: 0.3rem solid; +.zen [data-tooltip][data-placement="top"]::after { + padding: 0; + transform: translate(-50%, 0); + border-top: 0.3rem solid; + border-right: 0.3rem solid transparent; + border-left: 0.3rem solid transparent; + border-radius: 0; + background-color: transparent; + content: ""; + color: #545454; +} +.zen [data-tooltip][data-placement="bottom"]::after, +.zen [data-tooltip][data-placement="bottom"]::before { + top: 110%; + bottom: auto; + transform: translate(-50%, 0.25rem); +} +.zen [data-tooltip][data-placement="bottom"]:after { + transform: translate(-50%, -0.25rem); + border: 0.3rem solid transparent; + border-bottom: 0.3rem solid; +} +.zen [data-tooltip][data-placement="left"]::after, +.zen [data-tooltip][data-placement="left"]::before { + top: 50%; + right: 110%; + bottom: auto; + left: auto; + transform: translate(-0.25rem, -50%); +} +.zen [data-tooltip][data-placement="left"]:after { + transform: translate(0.3rem, -50%); + border: 0.3rem solid transparent; + border-left: 0.3rem solid; +} +.zen [data-tooltip][data-placement="right"]::after, +.zen [data-tooltip][data-placement="right"]::before { + top: 50%; + right: auto; + bottom: auto; + left: 110%; + transform: translate(0.2rem, -50%); +} +.zen [data-tooltip][data-placement="right"]:after { + transform: translate(-0.3rem, -50%); + border: 0.3rem solid transparent; + border-right: 0.3rem solid; } .zen [data-tooltip]:focus::after, .zen [data-tooltip]:focus::before, .zen [data-tooltip]:hover::after, .zen [data-tooltip]:hover::before { - opacity: 1; + opacity: 1; } @media (hover: hover) and (pointer: fine) { - .zen [data-tooltip]:hover::after, - .zen [data-tooltip]:hover::before, - .zen [data-tooltip][data-placement=bottom]:focus::after, - .zen [data-tooltip][data-placement=bottom]:focus::before, - .zen [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::after, - .zen [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::before { - animation-duration: 0.2s; - animation-name: tooltip-slide-top; - } - .zen [data-tooltip]:hover::after, - .zen [data-tooltip][data-placement=bottom]:focus::after, - .zen [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::after { - animation-name: tooltip-caret-slide-top; - } - .zen [data-tooltip][data-placement=bottom]:focus::after, - .zen [data-tooltip][data-placement=bottom]:focus::before, - .zen [data-tooltip][data-placement=bottom]:hover::after, - .zen [data-tooltip][data-placement=bottom]:hover::before { - animation-duration: 0.2s; - animation-name: tooltip-slide-bottom; - } - .zen [data-tooltip][data-placement=bottom]:focus::after, - .zen [data-tooltip][data-placement=bottom]:hover::after { - animation-name: tooltip-caret-slide-bottom; - } - .zen [data-tooltip][data-placement=left]:focus::after, - .zen [data-tooltip][data-placement=left]:focus::before, - .zen [data-tooltip][data-placement=left]:hover::after, - .zen [data-tooltip][data-placement=left]:hover::before { - animation-duration: 0.2s; - animation-name: tooltip-slide-left; - } - .zen [data-tooltip][data-placement=left]:focus::after, - .zen [data-tooltip][data-placement=left]:hover::after { - animation-name: tooltip-caret-slide-left; - } - .zen [data-tooltip][data-placement=right]:focus::after, - .zen [data-tooltip][data-placement=right]:focus::before, - .zen [data-tooltip][data-placement=right]:hover::after, - .zen [data-tooltip][data-placement=right]:hover::before { - animation-duration: 0.2s; - animation-name: tooltip-slide-right; - } - .zen [data-tooltip][data-placement=right]:focus::after, - .zen [data-tooltip][data-placement=right]:hover::after { - animation-name: tooltip-caret-slide-right; - } + .zen [data-tooltip]:hover::after, + .zen [data-tooltip]:hover::before, + .zen [data-tooltip][data-placement="bottom"]:focus::after, + .zen [data-tooltip][data-placement="bottom"]:focus::before, + .zen [data-tooltip][data-placement="bottom"]:hover [data-tooltip]:focus::after, + .zen [data-tooltip][data-placement="bottom"]:hover [data-tooltip]:focus::before { + animation-duration: 0.2s; + animation-name: tooltip-slide-top; + } + .zen [data-tooltip]:hover::after, + .zen [data-tooltip][data-placement="bottom"]:focus::after, + .zen [data-tooltip][data-placement="bottom"]:hover [data-tooltip]:focus::after { + animation-name: tooltip-caret-slide-top; + } + .zen [data-tooltip][data-placement="bottom"]:focus::after, + .zen [data-tooltip][data-placement="bottom"]:focus::before, + .zen [data-tooltip][data-placement="bottom"]:hover::after, + .zen [data-tooltip][data-placement="bottom"]:hover::before { + animation-duration: 0.2s; + animation-name: tooltip-slide-bottom; + } + .zen [data-tooltip][data-placement="bottom"]:focus::after, + .zen [data-tooltip][data-placement="bottom"]:hover::after { + animation-name: tooltip-caret-slide-bottom; + } + .zen [data-tooltip][data-placement="left"]:focus::after, + .zen [data-tooltip][data-placement="left"]:focus::before, + .zen [data-tooltip][data-placement="left"]:hover::after, + .zen [data-tooltip][data-placement="left"]:hover::before { + animation-duration: 0.2s; + animation-name: tooltip-slide-left; + } + .zen [data-tooltip][data-placement="left"]:focus::after, + .zen [data-tooltip][data-placement="left"]:hover::after { + animation-name: tooltip-caret-slide-left; + } + .zen [data-tooltip][data-placement="right"]:focus::after, + .zen [data-tooltip][data-placement="right"]:focus::before, + .zen [data-tooltip][data-placement="right"]:hover::after, + .zen [data-tooltip][data-placement="right"]:hover::before { + animation-duration: 0.2s; + animation-name: tooltip-slide-right; + } + .zen [data-tooltip][data-placement="right"]:focus::after, + .zen [data-tooltip][data-placement="right"]:hover::after { + animation-name: tooltip-caret-slide-right; + } } @keyframes tooltip-slide-top { - from { - transform: translate(-50%, 0.75rem); - opacity: 0; - } - to { - transform: translate(-50%, -0.25rem); - opacity: 1; - } + from { + transform: translate(-50%, 0.75rem); + opacity: 0; + } + to { + transform: translate(-50%, -0.25rem); + opacity: 1; + } } @keyframes tooltip-caret-slide-top { - from { - opacity: 0; - } - 50% { - transform: translate(-50%, -0.25rem); - opacity: 0; - } - to { - transform: translate(-50%, 0); - opacity: 1; - } + from { + opacity: 0; + } + 50% { + transform: translate(-50%, -0.25rem); + opacity: 0; + } + to { + transform: translate(-50%, 0); + opacity: 1; + } } @keyframes tooltip-slide-bottom { - from { - transform: translate(-50%, -0.75rem); - opacity: 0; - } - to { - transform: translate(-50%, 0.25rem); - opacity: 1; - } + from { + transform: translate(-50%, -0.75rem); + opacity: 0; + } + to { + transform: translate(-50%, 0.25rem); + opacity: 1; + } } @keyframes tooltip-caret-slide-bottom { - from { - opacity: 0; - } - 50% { - transform: translate(-50%, -0.5rem); - opacity: 0; - } - to { - transform: translate(-50%, -0.3rem); - opacity: 1; - } + from { + opacity: 0; + } + 50% { + transform: translate(-50%, -0.5rem); + opacity: 0; + } + to { + transform: translate(-50%, -0.3rem); + opacity: 1; + } } @keyframes tooltip-slide-left { - from { - transform: translate(0.75rem, -50%); - opacity: 0; - } - to { - transform: translate(-0.25rem, -50%); - opacity: 1; - } + from { + transform: translate(0.75rem, -50%); + opacity: 0; + } + to { + transform: translate(-0.25rem, -50%); + opacity: 1; + } } @keyframes tooltip-caret-slide-left { - from { - opacity: 0; - } - 50% { - transform: translate(0.05rem, -50%); - opacity: 0; - } - to { - transform: translate(0.3rem, -50%); - opacity: 1; - } + from { + opacity: 0; + } + 50% { + transform: translate(0.05rem, -50%); + opacity: 0; + } + to { + transform: translate(0.3rem, -50%); + opacity: 1; + } } @keyframes tooltip-slide-right { - from { - transform: translate(-0.75rem, -50%); - opacity: 0; - } - to { - transform: translate(0.25rem, -50%); - opacity: 1; - } + from { + transform: translate(-0.75rem, -50%); + opacity: 0; + } + to { + transform: translate(0.25rem, -50%); + opacity: 1; + } } @keyframes tooltip-caret-slide-right { - from { - opacity: 0; - } - 50% { - transform: translate(-0.05rem, -50%); - opacity: 0; - } - to { - transform: translate(-0.3rem, -50%); - opacity: 1; - } -} -.zen [aria-busy=true] { - cursor: progress; -} -.zen [aria-busy=true]:not(input, select, textarea, html)::before { - display: inline-block; - width: 1em; - height: 1em; - border: 0.1875em solid #727272; - border-radius: 1em; - border-right-color: transparent; - content: ""; - vertical-align: text-bottom; - vertical-align: -0.125em; - animation: spinner 0.75s linear infinite; - opacity: 0.5; -} -.zen [aria-busy=true]:not(input, select, textarea, html):not(:empty)::before { - margin-right: 0.5em; - margin-left: 0; - -webkit-margin-start: 0; - margin-inline-start: 0; - -webkit-margin-end: 0.5em; - margin-inline-end: 0.5em; -} -.zen [aria-busy=true]:not(input, select, textarea, html):empty { - text-align: center; -} -.zen a[aria-busy=true], -.zen button[aria-busy=true], -.zen input[type=button][aria-busy=true], -.zen input[type=reset][aria-busy=true], -.zen input[type=submit][aria-busy=true] { - pointer-events: none; + from { + opacity: 0; + } + 50% { + transform: translate(-0.05rem, -50%); + opacity: 0; + } + to { + transform: translate(-0.3rem, -50%); + opacity: 1; + } +} +.zen [aria-busy="true"] { + cursor: progress; +} +.zen [aria-busy="true"]:not(input, select, textarea, html)::before { + display: inline-block; + width: 1em; + height: 1em; + border: 0.1875em solid #727272; + border-radius: 1em; + border-right-color: transparent; + content: ""; + vertical-align: text-bottom; + vertical-align: -0.125em; + animation: spinner 0.75s linear infinite; + opacity: 0.5; +} +.zen [aria-busy="true"]:not(input, select, textarea, html):not(:empty)::before { + margin-right: 0.5em; + margin-left: 0; + -webkit-margin-start: 0; + margin-inline-start: 0; + -webkit-margin-end: 0.5em; + margin-inline-end: 0.5em; +} +.zen [aria-busy="true"]:not(input, select, textarea, html):empty { + text-align: center; +} +.zen a[aria-busy="true"], +.zen button[aria-busy="true"], +.zen input[type="button"][aria-busy="true"], +.zen input[type="reset"][aria-busy="true"], +.zen input[type="submit"][aria-busy="true"] { + pointer-events: none; } @keyframes spinner { - to { - transform: rotate(360deg); - } + to { + transform: rotate(360deg); + } } .zen .sr-only { - position: absolute; - width: 1px; - height: 1px; - margin: -1px; - padding: 0; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; - white-space: nowrap; + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; + white-space: nowrap; } .zen [aria-controls] { - cursor: pointer; + cursor: pointer; } -.zen [aria-disabled=true], +.zen [aria-disabled="true"], .zen [disabled] { - cursor: not-allowed; + cursor: not-allowed; } -.zen [aria-hidden=false][hidden] { - display: initial; +.zen [aria-hidden="false"][hidden] { + display: initial; } -.zen [aria-hidden=false][hidden]:not(:focus) { - clip: rect(0, 0, 0, 0); - position: absolute; +.zen [aria-hidden="false"][hidden]:not(:focus) { + clip: rect(0, 0, 0, 0); + position: absolute; } .zen a, .zen area, @@ -4292,2022 +4321,2031 @@ .zen summary, .zen textarea, .zen [tabindex] { - touch-action: manipulation; + touch-action: manipulation; } -.zen [dir=rtl] { - direction: rtl; - text-align: right; +.zen [dir="rtl"] { + direction: rtl; + text-align: right; } -.zen [dir=rtl] .sidebar { - float: right; +.zen [dir="rtl"] .sidebar { + float: right; } -.zen [dir=rtl] .element { - padding-right: 10px; - margin-right: 20px; +.zen [dir="rtl"] .element { + padding-right: 10px; + margin-right: 20px; } -.zen [dir=rtl] .element { - background-position: right top; - border-right: 2px solid rgba(115, 130, 140, 0.2); +.zen [dir="rtl"] .element { + background-position: right top; + border-right: 2px solid rgba(115, 130, 140, 0.2); } -.zen [dir=rtl] .icon { - transform: scaleX(-1); +.zen [dir="rtl"] .icon { + transform: scaleX(-1); } .zen .element { - margin-inline-start: 10px; - padding-inline-start: 10px; - border-inline-start: 2px solid rgba(115, 130, 140, 0.2); + margin-inline-start: 10px; + padding-inline-start: 10px; + border-inline-start: 2px solid rgba(115, 130, 140, 0.2); } .zen .theme-primary { - background: #094394; - color: white; - border-radius: 6px; + background: #094394; + color: white; + border-radius: 6px; } .zen .theme-primary button, .zen .theme-primary .btn { - background: #2b66c5; - color: white; - transition: background-color 0.3s color 0.3s border-color 0.3s; + background: #2b66c5; + color: white; + transition: background-color 0.3s color 0.3s border-color 0.3s; } .zen .theme-primary button:hover, .zen .theme-primary .btn:hover { - background: #193b71; - color: white; + background: #193b71; + color: white; } .zen .theme-primary .label { - background: #2b66c5; - color: white; + background: #2b66c5; + color: white; } .zen .theme-primary .btn-outline { - background: transparent; - border: 2px solid #2b66c5; - color: #2b66c5; - transition: background-color 0.3s color 0.3s border-color 0.3s; + background: transparent; + border: 2px solid #2b66c5; + color: #2b66c5; + transition: background-color 0.3s color 0.3s border-color 0.3s; } .zen .theme-primary .btn-outline:hover { - background: #2b66c5; - color: white; + background: #2b66c5; + color: white; } .zen .theme-dark { - background: rgba(13, 17, 23, 0.8); - color: #f4f4f4; - border-radius: 6px; + background: rgba(13, 17, 23, 0.8); + color: #f4f4f4; + border-radius: 6px; } .zen .theme-dark button, .zen .theme-dark .btn { - background: white; - color: black; - transition: background-color 0.3s color 0.3s border-color 0.3s; + background: white; + color: black; + transition: background-color 0.3s color 0.3s border-color 0.3s; } .zen .theme-dark button:hover, .zen .theme-dark .btn:hover { - background: #cccccc; - color: black; + background: #cccccc; + color: black; } .zen .theme-dark .label { - background: #666; - color: white; + background: #666; + color: white; } .zen .theme-dark .btn-outline { - background: transparent; - border: 2px solid white; - color: white; - transition: background-color 0.3s color 0.3s border-color 0.3s; + background: transparent; + border: 2px solid white; + color: white; + transition: background-color 0.3s color 0.3s border-color 0.3s; } .zen .theme-dark .btn-outline:hover { - background: white; - color: black; + background: white; + color: black; } .zen .theme-light { - background: rgba(255, 255, 255, 0.55); - color: rgba(13, 17, 23, 0.8); - border-radius: 6px; + background: rgba(255, 255, 255, 0.55); + color: rgba(13, 17, 23, 0.8); + border-radius: 6px; } .zen .theme-light button, .zen .theme-light .btn { - background: rgba(13, 17, 23, 0.8); - color: white; - transition: background-color 0.3s color 0.3s border-color 0.3s; + background: rgba(13, 17, 23, 0.8); + color: white; + transition: background-color 0.3s color 0.3s border-color 0.3s; } .zen .theme-light button:hover, .zen .theme-light .btn:hover { - background: rgba(0, 0, 0, 0.8); - color: white; + background: rgba(0, 0, 0, 0.8); + color: white; } .zen .theme-light .label { - background: #ccc; - color: rgba(13, 17, 23, 0.8); + background: #ccc; + color: rgba(13, 17, 23, 0.8); } .zen .theme-light .btn-outline { - background: transparent; - border: 2px solid rgba(13, 17, 23, 0.8); - color: rgba(13, 17, 23, 0.8); - transition: background-color 0.3s color 0.3s border-color 0.3s; + background: transparent; + border: 2px solid rgba(13, 17, 23, 0.8); + color: rgba(13, 17, 23, 0.8); + transition: background-color 0.3s color 0.3s border-color 0.3s; } .zen .theme-light .btn-outline:hover { - background: rgba(13, 17, 23, 0.8); - color: white; + background: rgba(13, 17, 23, 0.8); + color: white; } .zen .theme-cta { - background: #2b66c5; - color: white; - border-radius: 6px; + background: #2b66c5; + color: white; + border-radius: 6px; } .zen .theme-cta button, .zen .theme-cta .btn { - background: #094394; - color: white; - transition: background-color 0.3s color 0.3s border-color 0.3s; + background: #094394; + color: white; + transition: background-color 0.3s color 0.3s border-color 0.3s; } .zen .theme-cta button:hover, .zen .theme-cta .btn:hover { - background: #031734; - color: white; + background: #031734; + color: white; } .zen .theme-cta .label { - background: #094394; - color: white; + background: #094394; + color: white; } .zen .theme-cta .btn-outline { - background: transparent; - border: 2px solid #094394; - color: #094394; - transition: background-color 0.3s color 0.3s border-color 0.3s; + background: transparent; + border: 2px solid #094394; + color: #094394; + transition: background-color 0.3s color 0.3s border-color 0.3s; } .zen .theme-cta .btn-outline:hover { - background: #094394; - color: white; + background: #094394; + color: white; } .zen .theme-accent { - background: #f7d62e; - color: black; - border-radius: 6px; + background: #f7d62e; + color: black; + border-radius: 6px; } .zen .theme-accent button, .zen .theme-accent .btn { - background: #0b6e09; - color: white; - transition: background-color 0.3s color 0.3s border-color 0.3s; + background: #0b6e09; + color: white; + transition: background-color 0.3s color 0.3s border-color 0.3s; } .zen .theme-accent button:hover, .zen .theme-accent .btn:hover { - background: #021001; - color: white; + background: #021001; + color: white; } .zen .theme-accent .label { - background: #0b6e09; - color: white; + background: #0b6e09; + color: white; } .zen .theme-accent .btn-outline { - background: transparent; - border: 2px solid #0b6e09; - color: #0b6e09; - transition: background-color 0.3s color 0.3s border-color 0.3s; + background: transparent; + border: 2px solid #0b6e09; + color: #0b6e09; + transition: background-color 0.3s color 0.3s border-color 0.3s; } .zen .theme-accent .btn-outline:hover { - background: #0b6e09; - color: white; + background: #0b6e09; + color: white; } .zen .theme-secondary { - background: #0b6e09; - color: white; - border-radius: 6px; + background: #0b6e09; + color: white; + border-radius: 6px; } .zen .theme-secondary button, .zen .theme-secondary .btn { - background: #f7d62e; - color: black; - transition: background-color 0.3s color 0.3s border-color 0.3s; + background: #f7d62e; + color: black; + transition: background-color 0.3s color 0.3s border-color 0.3s; } .zen .theme-secondary button:hover, .zen .theme-secondary .btn:hover { - background: #b89b07; - color: black; + background: #b89b07; + color: black; } .zen .theme-secondary .label { - background: #f7d62e; - color: black; + background: #f7d62e; + color: black; } .zen .theme-secondary .btn-outline { - background: transparent; - border: 2px solid #f7d62e; - color: #f7d62e; - transition: background-color 0.3s color 0.3s border-color 0.3s; + background: transparent; + border: 2px solid #f7d62e; + color: #f7d62e; + transition: background-color 0.3s color 0.3s border-color 0.3s; } .zen .theme-secondary .btn-outline:hover { - background: #f7d62e; - color: black; + background: #f7d62e; + color: black; } .zen .theme-primary a { - color: white; + color: white; } .zen .theme-secondary a { - color: white; + color: white; } .zen .theme-accent a { - color: black; + color: black; } .zen .theme-cta a { - color: white; + color: white; } .zen .theme-light a { - color: black; + color: black; } .zen .theme-dark a { - color: white; + color: white; } .zen .theme-primary .btn-outline { - color: white; + color: white; } .zen .theme-secondary .btn-outline { - color: white; + color: white; } .zen .theme-cta .btn-outline { - color: white; + color: white; } .zen .theme-accent .btn-outline { - color: black; + color: black; } .zen .theme-dark .btn-outline { - color: white; + color: white; } .zen .theme-light .btn-outline { - color: black; + color: black; } .zen .theme-light.accent-left { - border-left: 10px solid #f7d62e; + border-left: 10px solid #f7d62e; } .zen .btn-outline { - border-radius: 6px; - cursor: pointer; - text-align: center; - text-decoration: none; - display: inline-block; + border-radius: 6px; + cursor: pointer; + text-align: center; + text-decoration: none; + display: inline-block; } .zen .bg-primary { - background: #094394 !important; - color: white !important; + background: #094394 !important; + color: white !important; } .zen .bg-primary-dark { - background: #083f8a !important; - color: white !important; + background: #083f8a !important; + color: white !important; } .zen .bg-primary-dark a { - color: white !important; + color: white !important; } .zen .bg-primary-darker { - background: #08387c !important; - color: white !important; + background: #08387c !important; + color: white !important; } .zen .bg-primary-darker a { - color: white !important; + color: white !important; } .zen .bg-primary-darkest { - background: #07326e !important; - color: white !important; + background: #07326e !important; + color: white !important; } .zen .bg-primary-darkest a { - color: white !important; + color: white !important; } .zen .bg-primary-light { - background: #0b54ba !important; - color: white !important; + background: #0b54ba !important; + color: white !important; } .zen .bg-primary-light a { - color: white !important; + color: white !important; } .zen .bg-primary-lighter { - background: #0d5dce !important; - color: white !important; + background: #0d5dce !important; + color: white !important; } .zen .bg-primary-lighter a { - color: white !important; + color: white !important; } .zen .bg-primary-lightest { - background: #0d64dc !important; - color: white !important; + background: #0d64dc !important; + color: white !important; } .zen .bg-primary-lightest a { - color: white !important; + color: white !important; } .zen .bg-secondary { - background: #0b6e09 !important; - color: white !important; + background: #0b6e09 !important; + color: white !important; } .zen .bg-secondary-dark { - background: #0a6508 !important; - color: white !important; + background: #0a6508 !important; + color: white !important; } .zen .bg-secondary-dark a { - color: white !important; + color: white !important; } .zen .bg-secondary-darker { - background: #095607 !important; - color: white !important; + background: #095607 !important; + color: white !important; } .zen .bg-secondary-darker a { - color: white !important; + color: white !important; } .zen .bg-secondary-darkest { - background: #074806 !important; - color: white !important; + background: #074806 !important; + color: white !important; } .zen .bg-secondary-darkest a { - color: white !important; + color: white !important; } .zen .bg-secondary-light { - background: #0f940c !important; - color: black !important; + background: #0f940c !important; + color: black !important; } .zen .bg-secondary-light a { - color: black !important; + color: black !important; } .zen .bg-secondary-lighter { - background: #11a70e !important; - color: black !important; + background: #11a70e !important; + color: black !important; } .zen .bg-secondary-lighter a { - color: black !important; + color: black !important; } .zen .bg-secondary-lightest { - background: #12b50f !important; - color: black !important; + background: #12b50f !important; + color: black !important; } .zen .bg-secondary-lightest a { - color: black !important; + color: black !important; } .zen .bg-accent { - background: #f7d62e !important; - color: black !important; + background: #f7d62e !important; + color: black !important; } .zen .bg-accent-dark { - background: #f6d21a !important; - color: black !important; + background: #f6d21a !important; + color: black !important; } .zen .bg-accent-dark a { - color: black !important; + color: black !important; } .zen .bg-accent-darker { - background: #f6cf0c !important; - color: black !important; + background: #f6cf0c !important; + color: black !important; } .zen .bg-accent-darker a { - color: black !important; + color: black !important; } .zen .bg-accent-darkest { - background: #e9c409 !important; - color: black !important; + background: #e9c409 !important; + color: black !important; } .zen .bg-accent-darkest a { - color: black !important; + color: black !important; } .zen .bg-accent-light { - background: #f9de55 !important; - color: black !important; + background: #f9de55 !important; + color: black !important; } .zen .bg-accent-light a { - color: black !important; + color: black !important; } .zen .bg-accent-lighter { - background: #f9e269 !important; - color: black !important; + background: #f9e269 !important; + color: black !important; } .zen .bg-accent-lighter a { - color: black !important; + color: black !important; } .zen .bg-accent-lightest { - background: #fae478 !important; - color: black !important; + background: #fae478 !important; + color: black !important; } .zen .bg-accent-lightest a { - color: black !important; + color: black !important; } .zen .bg-cta { - background: #2b66c5 !important; - color: white !important; + background: #2b66c5 !important; + color: white !important; } .zen .bg-cta-dark { - background: #2455a4 !important; - color: white !important; + background: #2455a4 !important; + color: white !important; } .zen .bg-cta-dark a { - color: white !important; + color: white !important; } .zen .bg-cta-darker { - background: #204c93 !important; - color: white !important; + background: #204c93 !important; + color: white !important; } .zen .bg-cta-darker a { - color: white !important; + color: white !important; } .zen .bg-cta-darkest { - background: #1d4586 !important; - color: white !important; + background: #1d4586 !important; + color: white !important; } .zen .bg-cta-darkest a { - color: white !important; + color: white !important; } .zen .bg-cta-light { - background: #437bd6 !important; - color: black !important; + background: #437bd6 !important; + color: black !important; } .zen .bg-cta-light a { - color: black !important; + color: black !important; } .zen .bg-cta-lighter { - background: #5487da !important; - color: black !important; + background: #5487da !important; + color: black !important; } .zen .bg-cta-lighter a { - color: black !important; + color: black !important; } .zen .bg-cta-lightest { - background: #6090dc !important; - color: black !important; + background: #6090dc !important; + color: black !important; } .zen .bg-cta-lightest a { - color: black !important; + color: black !important; } .zen .bg-red { - background: rgb(245, 76, 34) !important; - color: black !important; + background: rgb(245, 76, 34) !important; + color: black !important; } .zen .bg-red-dark { - background: #f43c0e !important; - color: black !important; + background: #f43c0e !important; + color: black !important; } .zen .bg-red-dark a { - color: black !important; + color: black !important; } .zen .bg-red-darker { - background: #e9370b !important; - color: black !important; + background: #e9370b !important; + color: black !important; } .zen .bg-red-darker a { - color: black !important; + color: black !important; } .zen .bg-red-darkest { - background: #d5320a !important; - color: white !important; + background: #d5320a !important; + color: white !important; } .zen .bg-red-darkest a { - color: white !important; + color: white !important; } .zen .bg-red-light { - background: #f6603a !important; - color: black !important; + background: #f6603a !important; + color: black !important; } .zen .bg-red-light a { - color: black !important; + color: black !important; } .zen .bg-red-lighter { - background: #f76c49 !important; - color: black !important; + background: #f76c49 !important; + color: black !important; } .zen .bg-red-lighter a { - color: black !important; + color: black !important; } .zen .bg-red-lightest { - background: #f87b5d !important; - color: black !important; + background: #f87b5d !important; + color: black !important; } .zen .bg-red-lightest a { - color: black !important; + color: black !important; } .zen .bg-orange { - background: rgb(247, 196, 78) !important; - color: black !important; + background: rgb(247, 196, 78) !important; + color: black !important; } .zen .bg-orange-dark { - background: #f5b522 !important; - color: black !important; + background: #f5b522 !important; + color: black !important; } .zen .bg-orange-dark a { - color: black !important; + color: black !important; } .zen .bg-orange-darker { - background: #f4b013 !important; - color: black !important; + background: #f4b013 !important; + color: black !important; } .zen .bg-orange-darker a { - color: black !important; + color: black !important; } .zen .bg-orange-darkest { - background: #eea90b !important; - color: black !important; + background: #eea90b !important; + color: black !important; } .zen .bg-orange-darkest a { - color: black !important; + color: black !important; } .zen .bg-orange-light { - background: #f9d37a !important; - color: black !important; + background: #f9d37a !important; + color: black !important; } .zen .bg-orange-light a { - color: black !important; + color: black !important; } .zen .bg-orange-lighter { - background: #fad889 !important; - color: black !important; + background: #fad889 !important; + color: black !important; } .zen .bg-orange-lighter a { - color: black !important; + color: black !important; } .zen .bg-orange-lightest { - background: #fadc97 !important; - color: black !important; + background: #fadc97 !important; + color: black !important; } .zen .bg-orange-lightest a { - color: black !important; + color: black !important; } .zen .bg-yellow { - background: rgb(251, 236, 67) !important; - color: black !important; + background: rgb(251, 236, 67) !important; + color: black !important; } .zen .bg-yellow-dark { - background: #fae716 !important; - color: black !important; + background: #fae716 !important; + color: black !important; } .zen .bg-yellow-dark a { - color: black !important; + color: black !important; } .zen .bg-yellow-darker { - background: #fae607 !important; - color: black !important; + background: #fae607 !important; + color: black !important; } .zen .bg-yellow-darker a { - color: black !important; + color: black !important; } .zen .bg-yellow-darkest { - background: #ecda05 !important; - color: black !important; + background: #ecda05 !important; + color: black !important; } .zen .bg-yellow-darkest a { - color: black !important; + color: black !important; } .zen .bg-yellow-light { - background: #fcf170 !important; - color: black !important; + background: #fcf170 !important; + color: black !important; } .zen .bg-yellow-light a { - color: black !important; + color: black !important; } .zen .bg-yellow-lighter { - background: #fcf27f !important; - color: black !important; + background: #fcf27f !important; + color: black !important; } .zen .bg-yellow-lighter a { - color: black !important; + color: black !important; } .zen .bg-yellow-lightest { - background: #fdf48e !important; - color: black !important; + background: #fdf48e !important; + color: black !important; } .zen .bg-yellow-lightest a { - color: black !important; + color: black !important; } .zen .bg-green { - background: #48cc6b !important; - color: black !important; + background: #48cc6b !important; + color: black !important; } .zen .bg-green-dark { - background: #32b455 !important; - color: black !important; + background: #32b455 !important; + color: black !important; } .zen .bg-green-dark a { - color: black !important; + color: black !important; } .zen .bg-green-darker { - background: #2fa84f !important; - color: black !important; + background: #2fa84f !important; + color: black !important; } .zen .bg-green-darker a { - color: black !important; + color: black !important; } .zen .bg-green-darkest { - background: #2da04b !important; - color: black !important; + background: #2da04b !important; + color: black !important; } .zen .bg-green-darkest a { - color: black !important; + color: black !important; } .zen .bg-green-light { - background: #6cd688 !important; - color: black !important; + background: #6cd688 !important; + color: black !important; } .zen .bg-green-light a { - color: black !important; + color: black !important; } .zen .bg-green-lighter { - background: #78d992 !important; - color: black !important; + background: #78d992 !important; + color: black !important; } .zen .bg-green-lighter a { - color: black !important; + color: black !important; } .zen .bg-green-lightest { - background: #84dd9b !important; - color: black !important; + background: #84dd9b !important; + color: black !important; } .zen .bg-green-lightest a { - color: black !important; + color: black !important; } .zen .bg-blue { - background: #5394fc !important; - color: black !important; + background: #5394fc !important; + color: black !important; } .zen .bg-blue-dark { - background: #2678fb !important; - color: black !important; + background: #2678fb !important; + color: black !important; } .zen .bg-blue-dark a { - color: black !important; + color: black !important; } .zen .bg-blue-darker { - background: #176ffb !important; - color: black !important; + background: #176ffb !important; + color: black !important; } .zen .bg-blue-darker a { - color: black !important; + color: black !important; } .zen .bg-blue-darkest { - background: #0865fb !important; - color: white !important; + background: #0865fb !important; + color: white !important; } .zen .bg-blue-darkest a { - color: white !important; + color: white !important; } .zen .bg-blue-light { - background: #80b0fd !important; - color: black !important; + background: #80b0fd !important; + color: black !important; } .zen .bg-blue-light a { - color: black !important; + color: black !important; } .zen .bg-blue-lighter { - background: #8fb9fd !important; - color: black !important; + background: #8fb9fd !important; + color: black !important; } .zen .bg-blue-lighter a { - color: black !important; + color: black !important; } .zen .bg-blue-lightest { - background: #9ec3fd !important; - color: black !important; + background: #9ec3fd !important; + color: black !important; } .zen .bg-blue-lightest a { - color: black !important; + color: black !important; } .zen .bg-purple { - background: #ab56f4 !important; - color: black !important; + background: #ab56f4 !important; + color: black !important; } .zen .bg-purple-dark { - background: #962bf1 !important; - color: white !important; + background: #962bf1 !important; + color: white !important; } .zen .bg-purple-dark a { - color: white !important; + color: white !important; } .zen .bg-purple-darker { - background: #8e1df0 !important; - color: white !important; + background: #8e1df0 !important; + color: white !important; } .zen .bg-purple-darker a { - color: white !important; + color: white !important; } .zen .bg-purple-darkest { - background: #870fee !important; - color: white !important; + background: #870fee !important; + color: white !important; } .zen .bg-purple-darkest a { - color: white !important; + color: white !important; } .zen .bg-purple-light { - background: #c081f7 !important; - color: black !important; + background: #c081f7 !important; + color: black !important; } .zen .bg-purple-light a { - color: black !important; + color: black !important; } .zen .bg-purple-lighter { - background: #c88ff8 !important; - color: black !important; + background: #c88ff8 !important; + color: black !important; } .zen .bg-purple-lighter a { - color: black !important; + color: black !important; } .zen .bg-purple-lightest { - background: #cf9ef9 !important; - color: black !important; + background: #cf9ef9 !important; + color: black !important; } .zen .bg-purple-lightest a { - color: black !important; + color: black !important; } .zen .bg-grey-1 { - background: #c6c6c6 !important; - color: black !important; + background: #c6c6c6 !important; + color: black !important; } .zen .bg-grey-1-dark { - background: #adadad !important; - color: black !important; + background: #adadad !important; + color: black !important; } .zen .bg-grey-1-light { - background: #dadada !important; - color: black !important; + background: #dadada !important; + color: black !important; } .zen .bg-grey-2 { - background: #b0b0b0 !important; - color: black !important; + background: #b0b0b0 !important; + color: black !important; } .zen .bg-grey-2-dark { - background: #979797 !important; - color: black !important; + background: #979797 !important; + color: black !important; } .zen .bg-grey-2-light { - background: #cacaca !important; - color: black !important; + background: #cacaca !important; + color: black !important; } .zen .bg-grey-3 { - background: #999999 !important; - color: black !important; + background: #999999 !important; + color: black !important; } .zen .bg-grey-3-dark { - background: gray !important; - color: black !important; + background: gray !important; + color: black !important; } .zen .bg-grey-3-light { - background: #b3b3b3 !important; - color: black !important; + background: #b3b3b3 !important; + color: black !important; } .zen .bg-grey-4 { - background: #838383 !important; - color: black !important; + background: #838383 !important; + color: black !important; } .zen .bg-grey-4-dark { - background: #6a6a6a !important; - color: white !important; + background: #6a6a6a !important; + color: white !important; } .zen .bg-grey-4-light { - background: #9d9d9d !important; - color: black !important; + background: #9d9d9d !important; + color: black !important; } .zen .bg-grey-5 { - background: #6d6d6d !important; - color: white !important; + background: #6d6d6d !important; + color: white !important; } .zen .bg-grey-5-dark { - background: #545454 !important; - color: white !important; + background: #545454 !important; + color: white !important; } .zen .bg-grey-5-light { - background: #878787 !important; - color: black !important; + background: #878787 !important; + color: black !important; } .zen .bg-grey-6 { - background: #585858 !important; - color: white !important; + background: #585858 !important; + color: white !important; } .zen .bg-grey-6-dark { - background: #3f3f3f !important; - color: white !important; + background: #3f3f3f !important; + color: white !important; } .zen .bg-grey-6-light { - background: #727272 !important; - color: white !important; + background: #727272 !important; + color: white !important; } .zen .bg-opaque { - background-color: rgba(255, 255, 255, 0.2); + background-color: rgba(255, 255, 255, 0.2); } .zen .bg-blur { - backdrop-filter: blur(3px); + backdrop-filter: blur(3px); } .zen .text-dark-green { - color: hsl(117, 39%, 37%); + color: hsl(117, 39%, 37%); } .zen .highlight { - background-color: rgb(251, 236, 67); + background-color: rgb(251, 236, 67); } .zen .text-black { - color: #070707; + color: #070707; } .zen .bg-white { - background-color: white; + background-color: white; } .zen .bg-text-color { - background: #444444; + background: #444444; } .zen .bg-primary-hover:hover { - background: #062d64 !important; - color: #eee; + background: #062d64 !important; + color: #eee; } .zen .bg-secondary-hover:hover { - background: #063f05 !important; - color: #eee !important; + background: #063f05 !important; + color: #eee !important; } .zen .bg-cta-hover:hover { - background: #22509b !important; - color: #eee !important; + background: #22509b !important; + color: #eee !important; } .zen .bg-light-hover:hover { - background: #e6e6e6 !important; - color: #070707 !important; + background: #e6e6e6 !important; + color: #070707 !important; } .zen .bg-dark-hover:hover { - background: black !important; - color: #eee !important; + background: black !important; + color: #eee !important; } .zen .bg-accent-hover:hover { - background: #e9c409 !important; - color: #eee !important; + background: #e9c409 !important; + color: #eee !important; } .zen .icon-invert { - filter: invert(1); + filter: invert(1); } .zen .icon-gold { - width: 9px; - filter: invert(76%) sepia(83%) saturate(556%) hue-rotate(344deg) brightness(105%) contrast(98%); + width: 9px; + filter: invert(76%) sepia(83%) saturate(556%) hue-rotate(344deg) brightness(105%) contrast(98%); } .zen .icon-silver { - width: 9px; - filter: invert(50%) sepia(8%) saturate(15%) hue-rotate(314deg) brightness(103%) contrast(84%); + width: 9px; + filter: invert(50%) sepia(8%) saturate(15%) hue-rotate(314deg) brightness(103%) contrast(84%); } .zen .bg-angle { - background-color: #f0f0f0; /* Example background color */ - padding: 20px; - position: relative; - overflow: hidden; + background-color: #f0f0f0; /* Example background color */ + padding: 20px; + position: relative; + overflow: hidden; } .zen .bg-angle::after { - content: ""; - position: absolute; - bottom: 0; - left: 0; - width: 100%; - height: 20px; - background: repeating-linear-gradient(-45deg, transparent, transparent 10px, #f0f0f0 10px, #f0f0f0 20px); + content: ""; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 20px; + background: repeating-linear-gradient(-45deg, transparent, transparent 10px, #f0f0f0 10px, #f0f0f0 20px); } .zen .bg-white { - color: black; + color: black; } .zen .text-primary { - color: #094394 !important; + color: #094394 !important; } .zen .text-primary-dark { - color: #062d64 !important; + color: #062d64 !important; } .zen .text-primary-light { - color: #0c59c4 !important; + color: #0c59c4 !important; } .zen .text-secondary { - color: #0b6e09 !important; + color: #0b6e09 !important; } .zen .text-secondary-dark { - color: #063f05 !important; + color: #063f05 !important; } .zen .text-secondary-light { - color: #109d0d !important; + color: #109d0d !important; } .zen .text-accent { - color: #f7d62e !important; + color: #f7d62e !important; } .zen .text-accent-dark { - color: #e9c409 !important; + color: #e9c409 !important; } .zen .text-accent-light { - color: #f9e05f !important; + color: #f9e05f !important; } .zen .text-cta { - color: #2b66c5 !important; + color: #2b66c5 !important; } .zen .text-cta-dark { - color: #22509b !important; + color: #22509b !important; } .zen .text-cta-light { - color: #4b81d8 !important; + color: #4b81d8 !important; } .zen .text-ghost { - color: white !important; + color: white !important; } .zen .text-ghost-dark { - color: #e6e6e6 !important; + color: #e6e6e6 !important; } .zen .text-ghost-light { - color: white !important; + color: white !important; } .zen .text-red { - color: rgb(245, 76, 34) !important; + color: rgb(245, 76, 34) !important; } .zen .text-red-dark { - color: #da330a !important; + color: #da330a !important; } .zen .text-red-light { - color: #f77453 !important; + color: #f77453 !important; } .zen .text-orange { - color: rgb(247, 196, 78) !important; + color: rgb(247, 196, 78) !important; } .zen .text-orange-dark { - color: #f5b41d !important; + color: #f5b41d !important; } .zen .text-orange-light { - color: #f9d47f !important; + color: #f9d47f !important; } .zen .text-yellow { - color: rgb(251, 236, 67) !important; + color: rgb(251, 236, 67) !important; } .zen .text-yellow-dark { - color: #fae711 !important; + color: #fae711 !important; } .zen .text-yellow-light { - color: #fcf175 !important; + color: #fcf175 !important; } .zen .text-green { - color: #48cc6b !important; + color: #48cc6b !important; } .zen .text-green-dark { - color: #31b053 !important; + color: #31b053 !important; } .zen .text-green-light { - color: #70d78b !important; + color: #70d78b !important; } .zen .text-blue { - color: #5394fc !important; + color: #5394fc !important; } .zen .text-blue-dark { - color: #2175fb !important; + color: #2175fb !important; } .zen .text-blue-light { - color: #85b3fd !important; + color: #85b3fd !important; } .zen .text-purple { - color: #ab56f4 !important; + color: #ab56f4 !important; } .zen .text-purple-dark { - color: #9326f1 !important; + color: #9326f1 !important; } .zen .text-purple-light { - color: #c386f7 !important; + color: #c386f7 !important; } .zen .text-white { - color: #eee !important; + color: #eee !important; } .zen .text-white-dark { - color: #d5d5d5 !important; + color: #d5d5d5 !important; } .zen .text-white-light { - color: white !important; + color: white !important; } .zen .text-black { - color: #070707 !important; + color: #070707 !important; } .zen .text-black-dark { - color: black !important; + color: black !important; } .zen .text-black-light { - color: #212121 !important; + color: #212121 !important; } .zen .text-grey { - color: #eee !important; + color: #eee !important; } .zen .text-grey-dark { - color: #d5d5d5 !important; + color: #d5d5d5 !important; } .zen .text-grey-light { - color: white !important; + color: white !important; } .zen .text-grey-1 { - color: #c6c6c6 !important; + color: #c6c6c6 !important; } .zen .text-grey-2 { - color: #b0b0b0 !important; + color: #b0b0b0 !important; } .zen .text-grey-3 { - color: #999999 !important; + color: #999999 !important; } .zen .text-grey-4 { - color: #838383 !important; + color: #838383 !important; } .zen .text-grey-5 { - color: #6d6d6d !important; + color: #6d6d6d !important; } .zen .text-grey-6 { - color: #585858 !important; + color: #585858 !important; } .zen .text-red-dark { - color: #f43c0e !important; + color: #f43c0e !important; } .zen .text-red-light { - color: #f6603a !important; + color: #f6603a !important; } .zen .text-orange-dark { - color: #f5b522 !important; + color: #f5b522 !important; } .zen .text-orange-light { - color: #f9d37a !important; + color: #f9d37a !important; } .zen .text-yellow-dark { - color: #fae716 !important; + color: #fae716 !important; } .zen .text-yellow-light { - color: #fcf170 !important; + color: #fcf170 !important; } .zen .text-green-dark { - color: #32b455 !important; + color: #32b455 !important; } .zen .text-green-light { - color: #6cd688 !important; + color: #6cd688 !important; } .zen .text-blue-dark { - color: #2678fb !important; + color: #2678fb !important; } .zen .text-blue-light { - color: #80b0fd !important; + color: #80b0fd !important; } .zen .text-purple-dark { - color: #962bf1 !important; + color: #962bf1 !important; } .zen .text-purple-light { - color: #c081f7 !important; + color: #c081f7 !important; } .zen .text-danger { - color: #a23737; - position: relative; - top: -5px; + color: #a23737; + position: relative; + top: -5px; } .zen .text-warning { - position: relative; - top: -5px; + position: relative; + top: -5px; } .zen .exit { - display: none; - position: fixed; - z-index: 3; - left: 0; - top: 0; - width: 100%; - height: 100%; - overflow: auto; - background-color: rgb(0, 0, 0); - background-color: rgba(0, 0, 0, 0.4); - padding-top: 60px; + display: none; + position: fixed; + z-index: 3; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.4); + padding-top: 60px; } .zen .modal-content { - background-color: #fefefe; - margin: 5% auto; - padding: 20px; - border: 1px solid #888; - width: 80%; + background-color: #fefefe; + margin: 5% auto; + padding: 20px; + border: 1px solid #888; + width: 80%; } .zen .modal-content .close { - top: -4px; - right: -5px; - position: absolute; - text-align: right !important; -} -.zen #contact input[type=text], -.zen #contact input[type=email], -.zen #contact input[type=tel], -.zen #contact input[type=url], + top: -4px; + right: -5px; + position: absolute; + text-align: right !important; +} +.zen #contact input[type="text"], +.zen #contact input[type="email"], +.zen #contact input[type="tel"], +.zen #contact input[type="url"], .zen #contact textarea, -.zen #contact button[type=submit] { - width: 100%; - border: 0; - padding: 10px; - margin-bottom: 5px; - border-radius: 6px; +.zen #contact button[type="submit"] { + width: 100%; + border: 0; + padding: 10px; + margin-bottom: 5px; + border-radius: 6px; } .zen #contact { - background: #0b6e09; - padding: 25px; - gap: 1em; - display: flex; - flex-direction: column; - border-radius: 6px; + background: #0b6e09; + padding: 25px; + gap: 1em; + display: flex; + flex-direction: column; + border-radius: 6px; } .zen #contact textarea { - height: 100px; - resize: none; + height: 100px; + resize: none; } -.zen #contact button[type=submit] { - cursor: pointer; +.zen #contact button[type="submit"] { + cursor: pointer; } .zen ::placeholder, .zen ::-webkit-input-placeholder, .zen :-ms-input-placeholder { - color: #888; + color: #888; } .zen .nav-menu ul { - list-style: none; - padding: 0; - margin: 0; - flex-direction: column; - border-radius: 6px; - overflow: hidden; - position: relative; + list-style: none; + padding: 0; + margin: 0; + flex-direction: column; + border-radius: 6px; + overflow: hidden; + position: relative; } .zen .nav-menu li { - display: flex; - align-items: center; - padding: 10px; - cursor: pointer; - width: 100%; - flex-grow: 1; - justify-content: unset; - line-height: 1.5em; - padding-left: 20px; - margin: 0; + display: flex; + align-items: center; + padding: 10px; + cursor: pointer; + width: 100%; + flex-grow: 1; + justify-content: unset; + line-height: 1.5em; + padding-left: 20px; + margin: 0; } .zen .nav-menu li i { - margin-top: 3px; + margin-top: 3px; } .zen .active-highlight { - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - background-color: #2b66c5; - z-index: -1; - transition: transform 0.3s ease; - transform: translateY(-100%); + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: #2b66c5; + z-index: -1; + transition: transform 0.3s ease; + transform: translateY(-100%); } .zen .nav-menu li:hover { - background-color: rgba(169, 169, 169, 0.35); + background-color: rgba(169, 169, 169, 0.35); } .zen .nav-menu li.active { - background: #2b66c5; - color: white; + background: #2b66c5; + color: white; } .zen .nav-menu li.active .icon { - color: white; + color: white; } .zen .nav-menu li.active .menu-item .main-text, .zen .nav-menu li.active .menu-item .sub-text { - color: white; + color: white; } .zen .nav-menu li .menu-item { - display: flex; - flex-direction: column; + display: flex; + flex-direction: column; } .zen .nav-menu li .menu-item .main-text { - font-weight: bold; + font-weight: bold; } .zen .sub-text { - font-size: 0.8em; - opacity: 0.7; + font-size: 0.8em; + opacity: 0.7; } .zen .flex { - display: flex; + display: flex; } .zen .card .card-bottom { - flex: 0; - margin-top: auto; + flex: 0; + margin-top: auto; } .zen .flex-inline { - display: inline-flex; + display: inline-flex; } .zen .flex-direction-row { - flex-direction: row; + flex-direction: row; } .zen .flex-direction-row-reverse { - flex-direction: row-reverse; + flex-direction: row-reverse; } .zen .flex-direction-column { - flex-direction: column; + flex-direction: column; } .zen .flex-direction-column-reverse { - flex-direction: column-reverse; + flex-direction: column-reverse; } .zen .flex-wrap { - flex-wrap: wrap; + flex-wrap: wrap; } .zen .flex-nowrap { - flex-wrap: nowrap; + flex-wrap: nowrap; } .zen .flex-wrap-reverse { - flex-wrap: wrap-reverse; + flex-wrap: wrap-reverse; } .zen .justify-content-start { - justify-content: flex-start; + justify-content: flex-start; } .zen .justify-content-end { - justify-content: flex-end; + justify-content: flex-end; } .zen .justify-content-center { - justify-content: center; + justify-content: center; } .zen .justify-content-between { - justify-content: space-between; + justify-content: space-between; } .zen .justify-content-around { - justify-content: space-around; + justify-content: space-around; } .zen .justify-content-evenly { - justify-content: space-evenly; + justify-content: space-evenly; } .zen .align-items-start { - align-items: flex-start; + align-items: flex-start; } .zen .align-items-end { - align-items: flex-end; + align-items: flex-end; } .zen .align-items-center { - align-items: center; + align-items: center; } .zen .align-items-baseline { - align-items: baseline; + align-items: baseline; } .zen .align-items-stretch { - align-items: stretch; + align-items: stretch; } .zen .align-content-start { - align-content: flex-start; + align-content: flex-start; } .zen .align-content-end { - align-content: flex-end; + align-content: flex-end; } .zen .align-content-center { - align-content: center; + align-content: center; } .zen .align-content-between { - align-content: space-between; + align-content: space-between; } .zen .align-content-around { - align-content: space-around; + align-content: space-around; } .zen .align-content-stretch { - align-content: stretch; + align-content: stretch; } .zen .align-self-start { - align-self: flex-start; + align-self: flex-start; } .zen .align-self-end { - align-self: flex-end; + align-self: flex-end; } .zen .align-self-center { - align-self: center; + align-self: center; } .zen .align-self-baseline { - align-self: baseline; + align-self: baseline; } .zen .align-self-stretch { - align-self: stretch; + align-self: stretch; } .zen .flex-grow-0 { - flex-grow: 0; + flex-grow: 0; } .zen .flex-shrink-0 { - flex-shrink: 0; + flex-shrink: 0; } .zen .flex-shrink-1 { - flex-shrink: 1; + flex-shrink: 1; } .zen .order-0 { - order: 0; + order: 0; } .zen .order-1 { - order: 1; + order: 1; } .zen .order-2 { - order: 2; + order: 2; } .zen .order-3 { - order: 3; + order: 3; } .zen .order-4 { - order: 4; + order: 4; } .zen .order-5 { - order: 5; + order: 5; } .zen .order-6 { - order: 6; + order: 6; } .zen .order-7 { - order: 7; + order: 7; } .zen .order-8 { - order: 8; + order: 8; } .zen .order-9 { - order: 9; + order: 9; } .zen .order-10 { - order: 10; + order: 10; } .zen .reverse > :nth-z-col(1) { - order: 2; + order: 2; } .zen .reverse > :nth-z-col(2) { - order: 1; + order: 1; } .zen .expand { - flex: 1; + flex: 1; } .zen .center-me, .zen .img-center { - align-self: center; + align-self: center; } .zen .center-flex { - justify-content: center; + justify-content: center; } .zen .flex-row { - flex-direction: row; + flex-direction: row; } .zen .flex-col { - flex-direction: column; + flex-direction: column; } .zen .d-flex { - display: flex; + display: flex; } .zen .flex-grow-1 { - flex-grow: 1; + flex-grow: 1; } .zen .flex-grow-2 { - flex-grow: 2; + flex-grow: 2; } .zen .flex-grow-8 { - flex-grow: 8; + flex-grow: 8; } .zen .align-self-start { - align-self: start; + align-self: start; } .zen .flex-align-vertical { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; } .zen .flex-vertical-center { - display: flex; - align-items: center; - justify-content: center; - flex-grow: 1; + display: flex; + align-items: center; + justify-content: center; + flex-grow: 1; } .zen .flex-align-horizontal { - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; } .zen .justify-content-center { - justify-content: center; + justify-content: center; } .zen .align-items-center { - align-items: center; + align-items: center; } .zen .center-flex-child { - margin: auto; + margin: auto; } .zen .megamenu z-col, .zen .megamenu .z-col { - flex-basis: 30.94% !important; + flex-basis: 30.94% !important; } .zen .two-up { - display: flex; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .zen .two-up > * { - flex: 1 0 49.18% !important; + flex: 1 0 49.18% !important; } .zen .three-up { - display: flex; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .zen .three-up > * { - flex: 1 0 32.245% !important; + flex: 1 0 32.245% !important; } .zen .four-up { - display: flex; - flex-wrap: wrap; - gap: 1em; + display: flex; + flex-wrap: wrap; + gap: 1em; } .zen .four-up > * { - flex: 1; + flex: 1; } .zen .five-up { - display: flex; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .zen .five-up > * { - flex: 1 0 18.458% !important; + flex: 1 0 18.458% !important; } .zen .six-up { - display: flex; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .zen .six-up > * { - flex: 1 0 15.49% !important; - margin: 0; + flex: 1 0 15.49% !important; + margin: 0; } .zen .seven-up { - display: flex; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .zen .seven-up > * { - flex: 1 0 13.083% !important; + flex: 1 0 13.083% !important; } .zen .eight-up { - display: flex; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .zen .eight-up > * { - flex: 1 0 11.27% !important; + flex: 1 0 11.27% !important; } .zen .br-0 { - border-radius: 0; + border-radius: 0; } @media (min-width: 576px) { - .zen .zen { - font-size: 14px; - } - .zen .z-container, .zen .header { - max-width: 540px; - } - .zen z-container, .zen .header { - max-width: 540px; - } - .zen .mobile\:hide { - display: none; - } - .zen .single { - max-width: 390px; - min-width: 390px; - } + .zen .zen { + font-size: 14px; + } + .zen .z-container, + .zen .header { + max-width: 540px; + } + .zen z-container, + .zen .header { + max-width: 540px; + } + .zen .mobile\:hide { + display: none; + } + .zen .single { + max-width: 390px; + min-width: 390px; + } } @media (min-width: 768px) { - .zen .zen { - font-size: 14px; - } - .zen .z-container, .zen .header { - max-width: 720px; - } - .zen z-container, .zen .header { - max-width: 720px; - } - .zen .z-row, - .zen z-row { - flex-direction: row !important; - } - .zen .z-row.stack-mobile { - flex-direction: row; - } - .zen .z-row.stack-tablet { - flex-direction: column; - } - .zen .hide-tablet { - display: none; - } - .zen .tablet-reverse { - flex-direction: column; - } - .zen .z-col, - .zen z-col { - flex-basis: 33% !important; - } - .zen .z-row .z-col .z-col, - .zen z-row z-col z-col { - flex-direction: column; - } + .zen .zen { + font-size: 14px; + } + .zen .z-container, + .zen .header { + max-width: 720px; + } + .zen z-container, + .zen .header { + max-width: 720px; + } + .zen .z-row, + .zen z-row { + flex-direction: row !important; + } + .zen .z-row.stack-mobile { + flex-direction: row; + } + .zen .z-row.stack-tablet { + flex-direction: column; + } + .zen .hide-tablet { + display: none; + } + .zen .tablet-reverse { + flex-direction: column; + } + .zen .z-col, + .zen z-col { + flex-basis: 33% !important; + } + .zen .z-row .z-col .z-col, + .zen z-row z-col z-col { + flex-direction: column; + } } @media (min-width: 992px) { - .zen .zen { - font-size: 16px; - } - .zen .z-container, .zen .header { - max-width: 960px; - } - .zen z-container, .zen .header { - max-width: 960px; - } - .zen .z-row.stack-tablet, .zen .z-row.stack-mobile { - flex-direction: row; - } - .zen .z-col, - .zen z-col { - flex-basis: calc(25% - 20px) !important; - } + .zen .zen { + font-size: 16px; + } + .zen .z-container, + .zen .header { + max-width: 960px; + } + .zen z-container, + .zen .header { + max-width: 960px; + } + .zen .z-row.stack-tablet, + .zen .z-row.stack-mobile { + flex-direction: row; + } + .zen .z-col, + .zen z-col { + flex-basis: calc(25% - 20px) !important; + } } @media (min-width: 1200px) { - .zen .zen { - font-size: 16px; - } - .zen .z-container, .zen .header { - max-width: 1140px; - } - .zen z-container, .zen .header { - max-width: 1140px; - } - .zen .z-row.stack-tablet { - flex-direction: row; - } - .zen .z-row.stack-mobile { - flex-direction: row !important; - } - .zen .z-row .z-col .z-col, - .zen z-row z-col z-col { - flex-direction: column; - } + .zen .zen { + font-size: 16px; + } + .zen .z-container, + .zen .header { + max-width: 1140px; + } + .zen z-container, + .zen .header { + max-width: 1140px; + } + .zen .z-row.stack-tablet { + flex-direction: row; + } + .zen .z-row.stack-mobile { + flex-direction: row !important; + } + .zen .z-row .z-col .z-col, + .zen z-row z-col z-col { + flex-direction: column; + } } .zen .tablet-reverse { - display: flex; - flex-wrap: wrap; - flex-direction: column-reverse; + display: flex; + flex-wrap: wrap; + flex-direction: column-reverse; } @media (max-width: 991px) { - .zen z-col, - .zen .z-col { - padding: 0.8rem; - } - .zen ul, - .zen ol { - padding-left: 18px; - } + .zen z-col, + .zen .z-col { + padding: 0.8rem; + } + .zen ul, + .zen ol { + padding-left: 18px; + } } @media (max-width: 768px) { - .zen .card { - font-size: 1em; - } - .zen .tablet-reverse > :nth-z-col(1) { - order: 2; - } - .zen .tablet-reverse > :nth-z-col(2) { - order: 1; - } - .zen z-container-fluid z-col, - .zen .z-container-fluid .z-col { - margin-left: 0 !important; - margin-right: 0 !important; - } - .zen .br-left, - .zen .br-right { - border-radius: unset !important; - } + .zen .card { + font-size: 1em; + } + .zen .tablet-reverse > :nth-z-col(1) { + order: 2; + } + .zen .tablet-reverse > :nth-z-col(2) { + order: 1; + } + .zen z-container-fluid z-col, + .zen .z-container-fluid .z-col { + margin-left: 0 !important; + margin-right: 0 !important; + } + .zen .br-left, + .zen .br-right { + border-radius: unset !important; + } } @media (max-width: 767px) { - .zen .z-col, - .zen z-col, - .zen blockquote { - margin-left: 0; - margin-right: 0; - } - .zen blockquote { - padding: 15px; - padding-top: 0; - font-size: 0.8rem; - padding-bottom: 0; - } - .zen li { - padding-left: 0.1em; - } - .zen blockquote::before { - top: 0; - left: 0; - } - .zen .mobile-square { - border-radius: 0; - } - .zen .z-col > .z-container > .z-row > .z-col, - .zen z-col > z-container > z-row > z-col { - margin-left: 0 !important; - margin-right: 0 !important; - } + .zen .z-col, + .zen z-col, + .zen blockquote { + margin-left: 0; + margin-right: 0; + } + .zen blockquote { + padding: 15px; + padding-top: 0; + font-size: 0.8rem; + padding-bottom: 0; + } + .zen li { + padding-left: 0.1em; + } + .zen blockquote::before { + top: 0; + left: 0; + } + .zen .mobile-square { + border-radius: 0; + } + .zen .z-col > .z-container > .z-row > .z-col, + .zen z-col > z-container > z-row > z-col { + margin-left: 0 !important; + margin-right: 0 !important; + } } @media (max-width: 1199px) { - .zen .eight-up > * { - flex: 1 0 23.751% !important; - } - .zen .five-up > * { - flex: 1 0 32.293% !important; - } - .zen .five-up > :nth-child(4n+4), - .zen .five-up > :nth-child(4n+5) { - flex: 1 0 49.168% !important; - } - .zen .six-up > * { - flex: 1 0 32.223% !important; - } + .zen .eight-up > * { + flex: 1 0 23.751% !important; + } + .zen .five-up > * { + flex: 1 0 32.293% !important; + } + .zen .five-up > :nth-child(4n + 4), + .zen .five-up > :nth-child(4n + 5) { + flex: 1 0 49.168% !important; + } + .zen .six-up > * { + flex: 1 0 32.223% !important; + } } .zen .narrow { - padding-left: 0.5em !important; - padding-right: 0.5em !important; + padding-left: 0.5em !important; + padding-right: 0.5em !important; } .zen .narrow-left { - padding-left: 0.5em; + padding-left: 0.5em; } .zen .narrow-left-sm { - padding-left: 2em; + padding-left: 2em; } .zen .narrow-left-md { - padding-left: 4em; + padding-left: 4em; } .zen .narrow-left-lg { - padding-left: 6em; + padding-left: 6em; } .zen .narrow-right { - padding-left: 0.5em; + padding-left: 0.5em; } .zen .narrow-sm { - padding-left: 1em; - padding-right: 1em; + padding-left: 1em; + padding-right: 1em; } .zen .narrow-md { - padding-left: 1.5em; - padding-right: 1.5em; + padding-left: 1.5em; + padding-right: 1.5em; } .zen .narrow-lg { - padding-left: 2em; - padding-right: 2em; + padding-left: 2em; + padding-right: 2em; } .zen .narrow-xl { - padding-left: 15%; - padding-right: 15%; + padding-left: 15%; + padding-right: 15%; } @media (max-width: 992px) { - .zen .narrow, - .zen .narrow-sm, - .zen .narrow-md, - .zen .narrow-lg, - .zen .narrow-left, - .zen .narrow-left-sm, - .zen .narrow-left-md, - .zen .narrow-left-lg, - .zen .narrow-right { - padding-left: 1.2em; - padding-right: 1.2em; - } - .zen .narrow-xl { - padding-left: 1em; - padding-right: 1em; - } - .zen .tablet-reverse > :nth-z-col(1) { - order: 2; - } - .zen .tablet-reverse > :nth-z-col(2) { - order: 1; - } - .zen .center-tablet { - text-align: center; - } - .zen .eight-up > * { - flex: 1 0 23.335% !important; - } - .zen .five-up > * { - flex: 1 0 31.853% !important; - } - .zen .five-up > :nth-child(4n+4), - .zen .five-up > :nth-child(4n+5) { - flex: 1 0 48.891% !important; - } - .zen .six-up > * { - flex: 1 0 31.853% !important; - } - .zen .border-right::after { - content: ""; - position: relative; - top: 15px; - right: 0px; - width: 100%; - height: 1px; - border-right: 0; - border-bottom: 1px solid rgba(115, 130, 140, 0.2); - } - .zen .tablet-order-0 { - order: 0; - } - .zen .tablet-order-1 { - order: 1; - } - .zen .tablet-order-2 { - order: 2; - } + .zen .narrow, + .zen .narrow-sm, + .zen .narrow-md, + .zen .narrow-lg, + .zen .narrow-left, + .zen .narrow-left-sm, + .zen .narrow-left-md, + .zen .narrow-left-lg, + .zen .narrow-right { + padding-left: 1.2em; + padding-right: 1.2em; + } + .zen .narrow-xl { + padding-left: 1em; + padding-right: 1em; + } + .zen .tablet-reverse > :nth-z-col(1) { + order: 2; + } + .zen .tablet-reverse > :nth-z-col(2) { + order: 1; + } + .zen .center-tablet { + text-align: center; + } + .zen .eight-up > * { + flex: 1 0 23.335% !important; + } + .zen .five-up > * { + flex: 1 0 31.853% !important; + } + .zen .five-up > :nth-child(4n + 4), + .zen .five-up > :nth-child(4n + 5) { + flex: 1 0 48.891% !important; + } + .zen .six-up > * { + flex: 1 0 31.853% !important; + } + .zen .border-right::after { + content: ""; + position: relative; + top: 15px; + right: 0px; + width: 100%; + height: 1px; + border-right: 0; + border-bottom: 1px solid rgba(115, 130, 140, 0.2); + } + .zen .tablet-order-0 { + order: 0; + } + .zen .tablet-order-1 { + order: 1; + } + .zen .tablet-order-2 { + order: 2; + } } .zen .col-nested { - margin-left: 0; - margin-right: 0; + margin-left: 0; + margin-right: 0; } @media (max-width: 768px) { - .zen .dropdown-content.megamenu .z-col, - .zen .dropdown-content.megamenu z-col { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .zen header { - padding: 0; - height: 50px; - } - .zen #hamburger-button { - padding: 0; - padding-right: 10px; - } - .zen .feature, - .zen .feature-sm, - .zen .feature-md, - .zen .feature-lg { - flex-grow: 1; - } + .zen .dropdown-content.megamenu .z-col, + .zen .dropdown-content.megamenu z-col { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .zen header { + padding: 0; + height: 50px; + } + .zen #hamburger-button { + padding: 0; + padding-right: 10px; + } + .zen .feature, + .zen .feature-sm, + .zen .feature-md, + .zen .feature-lg { + flex-grow: 1; + } } @media (max-width: 767px) { - .zen .mobile\:thin { - aspect-ratio: 16/9; - object-fit: cover; - object-position: 50% 50%; - } - .zen .mobile\:max-up { - flex-direction: row; - justify-content: center; - } - .zen .tablet\:text-center { - text-align: center !important; - } - .zen .mobile\:two-up { - flex-direction: row; - justify-content: center; - } - .zen .mobile\:two-up z-col, - .zen .mobile\:two-up .z-col { - flex-basis: calc(50% - 20px) !important; - margin: 0 !important; - width: 100%; - } + .zen .mobile\:thin { + aspect-ratio: 16/9; + object-fit: cover; + object-position: 50% 50%; + } + .zen .mobile\:max-up { + flex-direction: row; + justify-content: center; + } + .zen .tablet\:text-center { + text-align: center !important; + } + .zen .mobile\:two-up { + flex-direction: row; + justify-content: center; + } + .zen .mobile\:two-up z-col, + .zen .mobile\:two-up .z-col { + flex-basis: calc(50% - 20px) !important; + margin: 0 !important; + width: 100%; + } } .zen .feature { - flex-grow: 1.5 !important; + flex-grow: 1.5 !important; } .zen .feature-sm { - flex-grow: 2.3 !important; + flex-grow: 2.3 !important; } .zen .feature-md { - flex-grow: 3.9 !important; + flex-grow: 3.9 !important; } .zen .feature-lg { - flex-grow: 8 !important; + flex-grow: 8 !important; } .zen .feature-xl { - flex-grow: 35 !important; + flex-grow: 35 !important; } @media (max-width: 576px) { - .zen .card { - margin-left: 2.5% !important; - margin-right: 2.5% !important; - width: 95%; - } + .zen .card { + margin-left: 2.5% !important; + margin-right: 2.5% !important; + width: 95%; + } } .zen .p-0 { - padding: 0rem !important; + padding: 0rem !important; } .zen .m-0 { - margin: 0rem !important; + margin: 0rem !important; } .zen .p-1 { - padding: 0.25rem !important; + padding: 0.25rem !important; } .zen .m-1 { - margin: 0.25rem !important; + margin: 0.25rem !important; } .zen .p-2 { - padding: 0.5rem !important; + padding: 0.5rem !important; } .zen .m-2 { - margin: 0.5rem !important; + margin: 0.5rem !important; } .zen .p-3 { - padding: 0.75rem !important; + padding: 0.75rem !important; } .zen .m-3 { - margin: 0.75rem !important; + margin: 0.75rem !important; } .zen .p-4 { - padding: 1rem !important; + padding: 1rem !important; } .zen .m-4 { - margin: 1rem !important; + margin: 1rem !important; } .zen .p-5 { - padding: 1.25rem !important; + padding: 1.25rem !important; } .zen .m-5 { - margin: 1.25rem !important; + margin: 1.25rem !important; } .zen .mt-0 { - margin-top: 0em !important; + margin-top: 0em !important; } .zen .mb-0 { - margin-bottom: 0em !important; + margin-bottom: 0em !important; } .zen .ml-0 { - margin-left: 0em !important; + margin-left: 0em !important; } .zen .mr-0 { - margin-right: 0em !important; + margin-right: 0em !important; } .zen .pt-0 { - padding-top: 0em !important; + padding-top: 0em !important; } .zen .pb-0 { - padding-bottom: 0em !important; + padding-bottom: 0em !important; } .zen .pl-0 { - padding-left: 0em !important; + padding-left: 0em !important; } .zen .pr-0 { - padding-right: 0em !important; + padding-right: 0em !important; } .zen .mt-1 { - margin-top: 0.25em !important; + margin-top: 0.25em !important; } .zen .mb-1 { - margin-bottom: 0.25em !important; + margin-bottom: 0.25em !important; } .zen .ml-1 { - margin-left: 0.25em !important; + margin-left: 0.25em !important; } .zen .mr-1 { - margin-right: 0.25em !important; + margin-right: 0.25em !important; } .zen .pt-1 { - padding-top: 0.25em !important; + padding-top: 0.25em !important; } .zen .pb-1 { - padding-bottom: 0.25em !important; + padding-bottom: 0.25em !important; } .zen .pl-1 { - padding-left: 0.25em !important; + padding-left: 0.25em !important; } .zen .pr-1 { - padding-right: 0.25em !important; + padding-right: 0.25em !important; } .zen .mt-2 { - margin-top: 0.5em !important; + margin-top: 0.5em !important; } .zen .mb-2 { - margin-bottom: 0.5em !important; + margin-bottom: 0.5em !important; } .zen .ml-2 { - margin-left: 0.5em !important; + margin-left: 0.5em !important; } .zen .mr-2 { - margin-right: 0.5em !important; + margin-right: 0.5em !important; } .zen .pt-2 { - padding-top: 0.5em !important; + padding-top: 0.5em !important; } .zen .pb-2 { - padding-bottom: 0.5em !important; + padding-bottom: 0.5em !important; } .zen .pl-2 { - padding-left: 0.5em !important; + padding-left: 0.5em !important; } .zen .pr-2 { - padding-right: 0.5em !important; + padding-right: 0.5em !important; } .zen .mt-3 { - margin-top: 0.75em !important; + margin-top: 0.75em !important; } .zen .mb-3 { - margin-bottom: 0.75em !important; + margin-bottom: 0.75em !important; } .zen .ml-3 { - margin-left: 0.75em !important; + margin-left: 0.75em !important; } .zen .mr-3 { - margin-right: 0.75em !important; + margin-right: 0.75em !important; } .zen .pt-3 { - padding-top: 0.75em !important; + padding-top: 0.75em !important; } .zen .pb-3 { - padding-bottom: 0.75em !important; + padding-bottom: 0.75em !important; } .zen .pl-3 { - padding-left: 0.75em !important; + padding-left: 0.75em !important; } .zen .pr-3 { - padding-right: 0.75em !important; + padding-right: 0.75em !important; } .zen .mt-4 { - margin-top: 1em !important; + margin-top: 1em !important; } .zen .mb-4 { - margin-bottom: 1em !important; + margin-bottom: 1em !important; } .zen .ml-4 { - margin-left: 1em !important; + margin-left: 1em !important; } .zen .mr-4 { - margin-right: 1em !important; + margin-right: 1em !important; } .zen .pt-4 { - padding-top: 1em !important; + padding-top: 1em !important; } .zen .pb-4 { - padding-bottom: 1em !important; + padding-bottom: 1em !important; } .zen .pl-4 { - padding-left: 1em !important; + padding-left: 1em !important; } .zen .pr-4 { - padding-right: 1em !important; + padding-right: 1em !important; } .zen .mt-5 { - margin-top: 1.25em !important; + margin-top: 1.25em !important; } .zen .mb-5 { - margin-bottom: 1.25em !important; + margin-bottom: 1.25em !important; } .zen .ml-5 { - margin-left: 1.25em !important; + margin-left: 1.25em !important; } .zen .mr-5 { - margin-right: 1.25em !important; + margin-right: 1.25em !important; } .zen .pt-5 { - padding-top: 1.25em !important; + padding-top: 1.25em !important; } .zen .pb-5 { - padding-bottom: 1.25em !important; + padding-bottom: 1.25em !important; } .zen .pl-5 { - padding-left: 1.25em !important; + padding-left: 1.25em !important; } .zen .pr-5 { - padding-right: 1.25em !important; + padding-right: 1.25em !important; } .zen .p-6 { - padding: 2em !important; + padding: 2em !important; } .zen .m-6 { - margin: 2em !important; + margin: 2em !important; } .zen .p-7 { - padding: 3em !important; + padding: 3em !important; } .zen .m-7 { - margin: 3em !important; + margin: 3em !important; } .zen .text-success { - color: #30ac51; - position: relative; - top: -5px; + color: #30ac51; + position: relative; + top: -5px; } .zen .text-failure { - color: #f43c0e; + color: #f43c0e; } @media (max-width: 575.98px) { - .zen { - font-size: 14px; - } - .zen p { - line-height: 1.4rem; - letter-spacing: -0.2px; - } + .zen { + font-size: 14px; + } + .zen p { + line-height: 1.4rem; + letter-spacing: -0.2px; + } } @media (min-width: 576px) and (max-width: 767.98px) { - .zen { - font-size: 14px; - } - .zen p { - line-height: 1.4rem; - letter-spacing: -0.1px; - } + .zen { + font-size: 14px; + } + .zen p { + line-height: 1.4rem; + letter-spacing: -0.1px; + } } @media (min-width: 768px) and (max-width: 991.98px) { - .zen { - font-size: 15px; - } - .zen p { - line-height: 1.5rem; - } + .zen { + font-size: 15px; + } + .zen p { + line-height: 1.5rem; + } } @media (min-width: 992px) and (max-width: 1199.98px) { - .zen { - font-size: 15px; - } + .zen { + font-size: 15px; + } } @media (min-width: 1200px) { - .zen { - font-size: 16px; - } + .zen { + font-size: 16px; + } } .zen-dark { - color: #cacaca; - background: #2a2a2a; + color: #cacaca; + background: #2a2a2a; } .zen-dark .text-dual { - color: #cacaca !important; + color: #cacaca !important; } .zen-dark a { - color: #cacaca; - cursor: pointer; - text-decoration: underline; + color: #cacaca; + cursor: pointer; + text-decoration: underline; } .zen-dark a:hover { - color: #e8e8e8; - text-decoration: none; + color: #e8e8e8; + text-decoration: none; } .zen-dark .text-grey-dual { - color: #8c8c8c; + color: #8c8c8c; } .zen-dark .bg-ui-hover:hover, .zen-dark .tab-nav .item-minimal:hover, @@ -6317,47 +6355,47 @@ .zen .zen-dark .tab-nav-round .item-minimal:hover, .zen-dark .zen .tab-nav-round-thin .item-minimal:hover, .zen .zen-dark .tab-nav-round-thin .item-minimal:hover { - background: hsla(69, 0%, 79%, 0.3); + background: hsla(69, 0%, 79%, 0.3); } .zen-dark .btn-outline { - color: #ededed; + color: #ededed; } .zen-dark .text-cta-dual { - color: #ededed; + color: #ededed; } .zen-dark .link-classic { - color: #2994ff; - text-decoration: none; + color: #2994ff; + text-decoration: none; } .zen-dark .theme-light { - background: rgba(255, 255, 255, 0.1); - color: #cacaca; + background: rgba(255, 255, 255, 0.1); + color: #cacaca; } .zen-dark .theme-light a { - color: #cacaca; + color: #cacaca; } .zen-dark .theme-light .btn-outline { - color: #cacaca; + color: #cacaca; } .zen-dark .theme-dark { - background: rgba(13, 17, 23, 0.25); + background: rgba(13, 17, 23, 0.25); } .zen-dark .dropdown-content { - background: #e2e2e2; + background: #e2e2e2; } .zen-dark .caret-up { - width: 0px; - height: 0px; - border-left: 10px solid rgba(0, 0, 0, 0); - border-right: 10px solid rgba(0, 0, 0, 0); - border-bottom: 10px solid #e2e2e2; - position: absolute; - top: calc(100% + 29px); - left: 15px; - z-index: 10; - transform: translateY(-100%); - display: none; - background: none !important; + width: 0px; + height: 0px; + border-left: 10px solid rgba(0, 0, 0, 0); + border-right: 10px solid rgba(0, 0, 0, 0); + border-bottom: 10px solid #e2e2e2; + position: absolute; + top: calc(100% + 29px); + left: 15px; + z-index: 10; + transform: translateY(-100%); + display: none; + background: none !important; } /*# sourceMappingURL=zen.css.map */ diff --git a/dist/zen.min.css b/dist/zen.min.css index a45d3981..995a85c7 100644 --- a/dist/zen.min.css +++ b/dist/zen.min.css @@ -1,2 +1,6072 @@ -@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.zen{background:#e2e2e2;box-sizing:border-box;color:#444;display:flex;flex-direction:column;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;margin:0;overflow-x:hidden;scroll-behavior:smooth}.zen :after,.zen :before{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.zen .bg-primary-gradient{background:linear-gradient(180deg,#094394,#05295a)!important;color:#fff!important}.zen .bg-secondary-gradient{background:linear-gradient(180deg,#0b6e09,#053504)!important;color:#fff!important}.zen .bg-cta-gradient{background:linear-gradient(180deg,#2b66c5,#1b3f7a)!important;color:#fff!important}.zen .bg-accent-gradient{background:linear-gradient(180deg,#f7d62e,#fae478)!important;color:#000!important}.zen .bg-red-gradient{background:linear-gradient(180deg,#f54c22,#f87b5d)!important;color:#000!important}.zen .bg-orange-gradient{background:linear-gradient(180deg,#f7c44e,#fbde9c)!important;color:#000!important}.zen .bg-yellow-gradient{background:linear-gradient(180deg,#fbec43,#fdf493)!important;color:#000!important}.zen .bg-green-gradient{background:linear-gradient(180deg,#48cc6b,#88de9f)!important;color:#000!important}.zen .bg-blue-gradient{background:linear-gradient(180deg,#5394fc,#a3c6fd)!important;color:#000!important}.zen .bg-purple-gradient{background:linear-gradient(180deg,#ab56f4,#d1a3f9)!important;color:#000!important}.zen .light-color{color:#fff}.zen .z-container,.zen z-container{align-items:stretch!important;border-radius:6px;display:block;display:flex;flex-direction:column;flex-grow:1;margin:0 auto;max-width:1140px;width:100%}.zen .z-container-fluid,.zen z-container-fluid{border-radius:0!important;display:flex;flex-direction:column;flex-grow:1;margin-left:auto;margin-right:auto;width:100%!important}.zen .z-row,.zen z-row{border-radius:6px;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;flex-wrap:wrap;gap:1em;padding-bottom:.5em;padding-top:.5em;width:100%}.zen .z-row-vcenter{align-items:center}.zen .z-row-center{justify-content:center}.zen .z-row>*,.zen z-row>*{align-items:flex-start;flex:1;justify-content:space-between}.zen .z-col,.zen z-col{flex-basis:calc(25% - 20px)!important;flex:1;margin:0;padding:.8em;width:100%}.zen .z-col>*,.zen z-col>*{max-width:100%;width:100%}.zen .z-col>span,.zen z-col>span{display:inline}.zen .z-col :has(.z-row),.zen z-col :has(z-row){margin-left:0;margin-right:0}.zen html{margin:0;padding:0}.zen .header{display:flex;justify-content:space-between;margin:0 auto;min-height:89px;overflow:hidden;padding:.618rem;width:100%}.zen .bg-dark{background:#000!important;color:#fff}.zen .bg-dark button{background:#fff;color:#000;cursor:pointer;display:inline;text-decoration:none;transition:transform .3s ease-in-out}.zen .bg-dark button:hover{background:#d9d9d9}.zen .bg-light{background:#fff!important;color:#000!important}.zen .bg-light button{background:#000;color:#fff;cursor:pointer;display:inline;text-decoration:none;transition:transform .3s ease-in-out}.zen .bg-light button:hover{background:#262626}.zen .h1,.zen h1{font-size:2.75em;line-height:1.2}.zen .h2,.zen h2{font-size:2.25em}.zen .h3,.zen h3{font-size:2em}.zen .h4,.zen h4{font-size:1.75em}.zen .h5,.zen h5{font-size:1.5em}.zen .h6,.zen h6{font-size:1.25em}.zen .h1,.zen .h2,.zen .h3,.zen .h4,.zen .h5,.zen .h6,.zen h1,.zen h2,.zen h3,.zen h4,.zen h5,.zen h6{position:relative;z-index:2;text-wrap:pretty;font-family:Inter,sans-serif;font-weight:600;margin:0;padding:1rem 0}.zen h1+h1,.zen h1+h2,.zen h1+h3,.zen h1+h4,.zen h1+h5,.zen h1+h6,.zen h2+h2,.zen h2+h3,.zen h2+h4,.zen h2+h5,.zen h2+h6,.zen h3+h3,.zen h3+h4,.zen h3+h5,.zen h3+h6,.zen h4+h4,.zen h4+h5,.zen h4+h6,.zen h5+h5,.zen h5+h6,.zen h6+h6{padding-top:0}.zen p{letter-spacing:0;line-height:1.65;margin-bottom:.85rem;margin-top:0;position:relative;text-wrap:pretty}.zen span{align-self:flex-start;display:inline}.zen ol{padding:0;padding-inline-start:35px}.zen ol,.zen ul{margin-block-end:0;margin-block-start:0;margin-bottom:1em}.zen ul{list-style-type:disc;padding:0 0 0 30px}.zen li{line-height:1.8rem;margin-bottom:.5em;margin-top:.5em;padding-left:.5em}.zen li::marker{color:gray}.zen ul li>ul{list-style-type:circle}.zen ul li>ul li>ul{list-style-type:square}.zen ul li>ul>li{margin-bottom:20px;margin-top:20px}.zen hr{height:1px;margin-bottom:1.25em;margin-top:1.25em;opacity:.15;width:100%}.zen .hr-light{opacity:.05}.zen button.bg-cta:hover{background:#2455a4}.zen .z-col,.zen .z-row,.zen z-col,.zen z-container,.zen z-row{box-sizing:border-box}.zen img{border-radius:6px;height:auto;margin:0;max-width:100%;padding:0}.zen .image-left-fullbleed{height:100%;width:auto}.zen section{padding-bottom:.25em}.zen a.swap-underline{color:#2b66c5;text-decoration:none}.zen a.swap-underline:hover{text-decoration:underline}.zen pre{background:rgba(0,0,0,.1);border:1px solid rgba(115,130,140,.2);border-radius:6px;font-family:Consolas,Monaco,Andale Mono,monospace;font-size:.8em;margin-bottom:2em;padding:10px 20px;white-space:pre-line;width:100%}.zen figure{margin:1em 0}.zen figcaption{font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.zen small{line-height:1.5;margin-bottom:1rem;margin-top:0}.zen button[type=submit],.zen input,.zen textarea{border:0;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;min-height:39px;padding:5px;width:100%}.zen input[type=submit]{padding-left:10px;padding-right:10px}.zen .tout{width:auto}.zen .thick{border-width:2px}.zen .thicker{border-width:3px}.zen .thickest{border-width:4px;outline-width:4px}.zen .br-sm{border-radius:4px!important}.zen .br-md{border-radius:8px!important}.zen .br-lg{border-radius:12px!important}.zen .br-xl{border-radius:16px!important}.zen .br-xxl{border-radius:20px!important}.zen .square{border-radius:0!important}.zen .br-bottom{border-bottom-left-radius:6px!important;border-bottom-right-radius:6px!important;overflow:hidden}.zen .br-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.zen .br-bottom-0{border-bottom-right-radius:0!important}.zen .br-bottom-0,.zen .br-left-0{border-bottom-left-radius:0!important}.zen .br-left-0{border-top-left-radius:0!important}.zen .br-right-0{border-bottom-right-radius:0!important;border-top-right-radius:0!important}.zen .circle{height:56px;width:56px!important}.zen .circle,.zen .circle-border{border-radius:100%}.zen .border-0{border:none!important}.zen .page-section{padding-bottom:50px;padding-top:50px}.zen a{color:#5e5e5e;cursor:pointer;text-decoration:underline}.zen a:hover{color:#636363;text-decoration:none}.zen header :link{font-size:.88rem;text-decoration:none}.zen header :link:hover{background:rgba(0,0,0,.65);border-radius:6px;text-decoration:none}.zen .image-container{overflow:hidden;position:relative}.zen .image-container img{display:none}.zen .image-text-card{align-items:center;box-shadow:0 4px 8px hsla(0,0%,49%,.1);display:flex;flex-direction:row;font-size:.7em;gap:.2em}.zen .image-text-card .left-group{align-self:center;margin-right:20px;width:28%}.zen .text-group{display:flex;flex:4;flex-direction:column;gap:.3em}.zen .text-group .signature{font-size:11px;font-style:italic;margin-top:5px}.zen .cookie-consent-banner{background:#fff;bottom:0;color:#000;display:none;left:0;padding:15px;position:fixed;text-align:center;width:100%;z-index:1100}.zen .cookie-consent-banner a,.zen .cookie-consent-banner a:hover{color:#000}.zen .cookie-consent-banner p{display:inline-block;margin:0 10px 0 0}.zen *{box-sizing:border-box;scrollbar-color:#a1a1a1 #e8e8e8;scrollbar-width:thin}.zen ::-webkit-scrollbar{width:8px}.zen ::-webkit-scrollbar-track{background:#e8e8e8}.zen ::-webkit-scrollbar-thumb{background-color:#b0b0b0;border:1px solid #b0b0b0;border-radius:8px}.zen .header-sticky{position:sticky;top:0;z-index:1000}.zen .icon-circle{align-items:center;background:rgba(115,130,140,.2);border-radius:50%;color:#fff;display:inline-flex;height:50px;justify-content:center;width:50px}.zen .nav-dropdown .dropdown-content a{padding-left:12px}.zen .language-css,.zen .language-html,.zen .language-scss{white-space:pre-wrap;word-wrap:break-word}.zen .border-right:after{border-right:1px solid rgba(115,130,140,.2);content:"";height:100%;position:absolute;right:-5px;top:0;width:0}.zen .border-top{border-top:1px solid rgba(115,130,140,.2)}.zen .border-bottom{position:relative}.zen .border-bottom:after{background-color:rgba(115,130,140,.2);bottom:7px;content:"";height:1px;left:0;position:absolute;width:100%;z-index:-1}.zen .text-decoration-none{text-decoration:none}.zen #skip-navigation{left:-9999px;position:absolute}.zen .skip-link:focus{background-color:#fff;font-weight:700;height:auto;left:0;padding:5px;text-align:center;top:0;width:auto;z-index:999}.zen .video-container{aspect-ratio:16/9;overflow:hidden;position:relative;width:100%}.zen .video-container video{height:100%;position:relative;width:100%}.zen .youtube\:video-container{aspect-ratio:16/9;display:block;margin:0 auto;width:100%}.zen .youtube\:video-container iframe{border:none;display:block;height:100%;width:100%}.zen .content-box{box-sizing:content-box}.zen .text-superscript{font-size:.5em;position:relative;vertical-align:super}.zen .bg-black{background:#000;color:#fff}.zen .modal-sm{max-width:500px}.zen .link-white{color:#fff}.zen .link-white:hover{color:#e6e6e6}.zen .fade-out{opacity:0;transition:opacity .5s ease}.zen .fade-in{opacity:1;transition:opacity .5s ease}.zen .br-left{border-bottom-left-radius:6px!important;border-top-left-radius:6px!important}.zen .br-right{border-bottom-right-radius:6px!important;border-top-right-radius:6px!important}.zen .line-clamp-1{-webkit-line-clamp:1}.zen .line-clamp-1,.zen .line-clamp-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.zen .line-clamp-2{-webkit-line-clamp:2}.zen .line-clamp-3{-webkit-line-clamp:3}.zen .line-clamp-3,.zen .line-clamp-4{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.zen .line-clamp-4{-webkit-line-clamp:4}.zen .line-clamp-5{-webkit-line-clamp:5}.zen .line-clamp-5,.zen .line-clamp-6{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.zen .line-clamp-6{-webkit-line-clamp:6}.zen .line-clamp-none{display:block;overflow:visible;-webkit-box-orient:horizontal;-webkit-line-clamp:none}.zen .hero-section{padding-bottom:65px!important;padding-top:65px!important}.zen .code{margin-bottom:1.5em}.zen .border-top-0{border-top:none!important}.zen .border-bottom-0{border-bottom:none!important}.zen .tabbed-card{border-radius:6px;gap:0!important;margin:0 auto;padding:0}.zen .tab-header{border:1px solid rgba(115,130,140,.2);border-bottom:none;border-top-left-radius:6px;border-top-right-radius:6px;display:flex;justify-content:space-between;padding:10px 10px 0}.zen .tab-content{border:1px solid rgba(115,130,140,.2);border-radius:0 0 6px 6px;padding:20px}.zen .panel{max-height:0;overflow:hidden;transition:max-height .5s ease-out}.zen .panel:after{content:"";display:block;height:200px}.zen .active-toggle{background-color:hsla(0,0%,78%,.3)!important}.zen .tab-content:not(.active){display:none}.zen .close{background:transparent;border:none;color:#999;cursor:pointer;font-size:16px;padding:8px}.zen .close:before{content:"";display:inline-block;font-family:zenicons}.zen .close:hover:before{color:#999;content:""}.zen .naked{background:unset!important;border:unset!important}.zen .overlay{background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.zen .lazy-load{background-color:gray;height:auto;width:100%}.zen .zen-body-bg-color{background:#e2e2e2}.zen .underline-handdrawn{background-image:url(../img/placeholder/underline.svg);background-position:bottom;background-repeat:repeat-x;background-size:100%;display:inline-block;padding-bottom:15px;text-decoration:none}.zen .promo-banner{background:#094394;color:#fff;height:auto;line-height:normal;width:100%;word-wrap:break-word;align-items:center;display:flex;flex-direction:row;justify-content:center;padding:.8rem!important;text-align:center;white-space:normal}.zen .promo-banner-text{color:#fff;font-size:18px}.zen .promo-banner-button,.zen .promo-banner-icon,.zen .promo-banner-input{vertical-align:middle}.zen .promo-banner-input{margin-right:10px;padding:5px}.zen .promo-banner-button{background-color:#2b66c5;border:none;color:#fff;cursor:pointer;padding:10px 20px}.zen .promo-banner-icon{margin-right:10px}.zen header{align-items:center;background:#212121;display:flex;justify-content:space-between;padding:10px 20px;width:100%}.zen #header-logo,.zen #header-logo img{max-height:43px}.zen #header-logo a:hover,.zen #header-logo img a:hover{background:none}.zen .top-nav ul{height:100%}.zen .top-nav li{align-items:center;align-self:center;display:flex;height:4%;justify-content:center;margin-left:20px}.zen .top-nav :link{text-decoration:none}.zen .top-nav a:hover{background:hsla(0,0%,60%,.3);color:#cacaca;text-decoration:none}.zen .nav-dropdown{padding:1em .5em}.zen .nav-dropdown .dropdown-content{border-top-left-radius:0;border-top-right-radius:0;padding-bottom:.9em;padding-top:1em;top:115%}.zen .nav-dropdown .caret-up{top:calc(100% + 12px)}.zen header{padding:10px;z-index:1001}.zen .top-nav .li{max-height:52px}.zen #header-logo img{height:40px}.zen #close-button,.zen #hamburger-button-2{background:none;border:none;color:#ccc;cursor:pointer;display:none;font-size:30px;margin:5px;padding:0}.zen .top-nav{display:flex}.zen .top-nav ul{display:flex;list-style-type:none;margin:0;padding:0}.zen .top-nav li{margin:0 10px}.zen .top-nav a{color:#eee;display:block;padding:10px;text-decoration:none;transition:color .3s}@media(min-width:768px){.zen #hamburger-button{display:none}}@media(max-width:768px){.zen #hamburger-button-2{display:block}.zen .nav-link{width:90%}.zen .top-nav{background:#303030;display:block;height:100%;left:-250px;overflow:auto;overflow-x:hidden;position:fixed;top:0;transition:left .3s;width:250px}.zen #nav-placeholder .sticky-nav{top:50px}.zen .top-nav ul{flex-direction:column;padding-top:30px}.zen .top-nav li{display:block;height:40px;margin:0 0 0 1.5em;width:100%}.zen #close-button{display:block;height:44px;position:absolute;right:-5px;top:-10px;width:44px}}.zen .icon-header{filter:invert(81%) sepia(5%) saturate(13%) hue-rotate(315deg) brightness(85%) contrast(91%);height:20px;margin-right:5px}.zen form{margin-top:.5em}.zen form fieldset{border:none;margin-bottom:20px;padding:20px}.zen form p{margin-bottom:1em}.zen form label{display:block;margin-bottom:.5em}.zen form input[type=color],.zen form input[type=date],.zen form input[type=datetime-local],.zen form input[type=datetime],.zen form input[type=email],.zen form input[type=month],.zen form input[type=number],.zen form input[type=password],.zen form input[type=range],.zen form input[type=search],.zen form input[type=tel],.zen form input[type=text],.zen form input[type=time],.zen form input[type=url],.zen form input[type=week],.zen form select,.zen form textarea{border:1px solid rgba(115,130,140,.2);border-radius:6px;padding:0 10px;width:100%}.zen form input[type=color]{height:200px}.zen form input[type=checkbox],.zen form input[type=radio]{margin-right:10px}.zen form button,.zen form input[type=button],.zen form input[type=reset],.zen form input[type=submit]{background-color:#094394;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin-left:-1px;padding:10px 20px}.zen form button:hover,.zen form input[type=button]:hover,.zen form input[type=reset]:hover,.zen form input[type=submit]:hover{background:#22509b}.zen form input[type=file]{border:none;border-radius:6px;padding:0 10px;width:100%}.zen form output{color:#094394;display:block;margin-bottom:10px}.zen form input[type=date],.zen form input[type=datetime-local],.zen form input[type=month],.zen form input[type=time],.zen form input[type=week],.zen form select{border:0;color:#000}.zen .form-footer{display:block;font-size:.7rem;margin-top:1em;opacity:.5}.zen form div{margin-bottom:20px;position:relative}.zen input{font-size:13px;padding:5px;width:100%}.zen .form-container form label{font-size:.8em;left:10px;position:absolute;top:13px;transition:all .3s}.zen form input:not(:-moz-placeholder-shown)+label{font-size:8px;left:10px;top:3px}.zen form input:focus+label,.zen form input:not(:placeholder-shown)+label{font-size:8px;left:10px;top:3px}.zen input[type=checkbox],.zen input[type=radio]{height:12px;min-height:12px;width:12px}.zen form select,.zen select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(../img/icons/zenicon-arrow-down.svg);background-position:right 10px center;background-position:right 7px center;background-repeat:no-repeat;border:1px solid rgba(115,130,140,.2);cursor:pointer;padding:10px 20px 10px 4px;text-indent:10px;width:100%}.zen .slides-container{transition:transform .5s ease;width:100%}.zen .slide{min-width:100%;transition:transform .5s ease}.zen .arrow{padding:0 10px}@media(max-width:768px){.zen .arrow{font-size:30px;padding:5px}}.zen .btn,.zen button{align-items:center;background:#545454;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;justify-content:center;margin:10px 3px;min-height:46px;padding:10px 16px;text-decoration:none;z-index:3}.zen .btn:hover,.zen button:hover{background:#6e6e6e}.zen .disabled{cursor:not-allowed;opacity:.65;pointer-events:none}.zen .btn{display:inline-flex!important;position:relative}.zen .label{background:#545454;border-radius:6px;color:#fff;display:inline;font-family:Inter,sans-serif;line-height:11px;padding:3px 15px;width:auto}.zen .eyebrow,.zen .label{font-size:11px;font-weight:700;overflow:hidden;position:relative}.zen .eyebrow{display:inline-block;line-height:10px}.zen .position-top-right{border-radius:5px;float:right;margin-right:10px;padding:5px 10px}.zen .position-top-center{left:50%;padding-top:.4em;position:absolute;top:-9px;transform:translateX(-50%)}.zen .position-corner{float:right;margin-right:-17px;margin-top:-13px;padding:5px 10px}.zen .label-circle{align-items:center;border-radius:50%;display:inline-flex;height:16px;justify-content:center;width:16px}.zen .label-wrapper{border-top-left-radius:6px;height:45px;margin-left:-18px;margin-top:-18px;overflow:hidden;position:absolute;width:45px}.zen .btn-primary{background:#094394!important;color:#fff!important}.zen .btn-primary:hover{background:#05295a!important}.zen .btn-secondary{background:#0b6e09!important;color:#fff!important}.zen .btn-secondary:hover{background:#053504!important}.zen .btn-dark{background:#333!important;color:#fff!important}.zen .btn-dark:hover{background:#000!important}.zen .btn-light{background:#fff!important;color:#000!important}.zen .btn-light:hover{background:#d4d4d4!important}.zen .btn-cta{background:#2b66c5!important;color:#fff!important}.zen .btn-cta:hover{background:#204c93!important}.zen .btn-accent{background:#f7d62e!important;color:#000!important}.zen .btn-accent:hover{background:#dfbc09!important}.zen .btn-primary-outline{background:none;border:2px solid #094394!important;color:#094394!important}.zen .btn-primary-outline:hover{background:#094394!important;color:#fff!important}.zen .btn-secondary-outline{background:none;border:2px solid #0b6e09!important;color:#0b6e09!important}.zen .btn-secondary-outline:hover{background:#0b6e09!important;color:#fff!important}.zen .btn-cta-outline{background:none;border:2px solid #2b66c5!important;color:#2b66c5!important}.zen .btn-cta-outline:hover{background:#2b66c5!important;color:#fff!important}.zen .btn-accent-outline{background:none;border:2px solid #f7d62e!important;color:#f7d62e!important}.zen .btn-accent-outline:hover{background:#f7d62e!important;color:#000!important}.zen .btn-light-outline{background:none;border:2px solid #fff!important;color:#fff!important}.zen .btn-light-outline:hover{background:#fff!important;color:#000!important}.zen .btn-dark-outline{background:none;border:2px solid rgba(13,17,23,.8)!important;color:rgba(13,17,23,.8)!important}.zen .btn-dark-outline:hover{background:rgba(13,17,23,.8)!important;color:#fff!important}.zen .btn-xl{max-width:200px;min-width:200px}.zen .btn-lg{max-width:150px;min-width:150px}.zen .btn-md{max-width:120px;min-width:120px}.zen .btn-sm{font-size:12px;max-width:75px;min-width:75px;padding:.3em}.zen .btn-circle{border-radius:50%!important;height:50px;width:50px}.zen #result-types{display:none}.zen .btn-outline{background-color:transparent;border:2px solid #616161;color:#545454;padding:11px}.zen .btn-outline:hover{background:#d9d9d9;border:2px solid gray}.zen .btn-outline.theme-primary{background-color:transparent;border:2px solid #2b66c5;color:#2b66c5;padding:.85em}.zen .btn-outline.theme-primary:hover{background-color:#2b66c5;color:#fff}.zen .btn-outline.theme-secondary{background-color:transparent;border:2px solid #f7d62e;color:#f7d62e;padding:.85em}.zen .btn-outline.theme-secondary:hover{background-color:#f7d62e;color:#000}.zen .btn-outline.theme-accent{background-color:transparent;border:2px solid #0b6e09;color:#0b6e09;padding:.85em}.zen .btn-outline.theme-accent:hover{background-color:#0b6e09;color:#fff}.zen .btn-outline.theme-dark{background-color:transparent;border:2px solid #fff;color:#fff;padding:.85em}.zen .btn-outline.theme-dark:hover{background-color:#fff;color:#000}.zen .btn-outline.theme-light{background-color:transparent;border:2px solid #000;color:#000;padding:.85em}.zen .btn-outline.theme-light:hover{background-color:#000;color:#fff}.zen .btn-outline.theme-cta{background-color:transparent;border:2px solid #094394;color:#094394;padding:.85em}.zen .btn-outline.theme-cta:hover{background-color:#094394;color:#fff}.zen .responsive-table,.zen table{border-collapse:collapse;margin-bottom:1rem;margin-top:1.5rem;width:100%}.zen td,.zen th{padding:8px;text-align:left}.zen .zebra th{background:rgba(0,0,0,.06)}.zen .zebra tr:nth-child(odd) td{background:hsla(0,0%,100%,.06)}.zen .zebra tr:nth-child(2n) td{background:hsla(0,1%,73%,.06)}.zen .striped td,.zen .striped th{border-bottom:1px solid rgba(115,130,140,.2);padding:8px;text-align:left}.zen .striped th{border-bottom:1px solid rgba(92,104,112,.2)}.zen .striped tbody tr:last-child td{border-bottom:none}.zen th{font-weight:600}@media(max-width:767px){.zen .responsive-table thead{display:none}.zen .responsive-table thead th{background-color:inherit}.zen .responsive-table tr td:last-child{margin-bottom:20px}.zen .responsive-table tbody .responsive-table tr{background:hsla(0,0%,51%,.06);background-color:hsla(0,0%,44%,.1);display:block}}@media(max-width:767px)and (max-width:767px){.zen .responsive-table tbody td{display:flex}.zen .responsive-table tbody td:before{content:attr(data-label);font-weight:700;margin-right:10px;text-align:left}}.zen .up-10{position:relative;top:-10px!important}.zen .down-10{position:relative;top:10px!important}.zen .left-10{left:-10px!important;position:relative}.zen .right-10{position:relative;right:-10px!important}.zen .up-20{position:relative;top:-20px!important}.zen .down-20{position:relative;top:20px!important}.zen .left-20{left:-20px!important;position:relative}.zen .right-20{position:relative;right:-20px!important}.zen .up-30{position:relative;top:-30px!important}.zen .down-30{position:relative;top:30px!important}.zen .left-30{left:-30px!important;position:relative}.zen .right-30{position:relative;right:-30px!important}.zen .up-40{position:relative;top:-40px!important}.zen .down-40{position:relative;top:40px!important}.zen .left-40{left:-40px!important;position:relative}.zen .right-40{position:relative;right:-40px!important}.zen .up-50{position:relative;top:-50px!important}.zen .down-50{position:relative;top:50px!important}.zen .left-50{left:-50px!important;position:relative}.zen .right-50{position:relative;right:-50px!important}.zen .up-60{position:relative;top:-60px!important}.zen .down-60{position:relative;top:60px!important}.zen .left-60{left:-60px!important;position:relative}.zen .right-60{position:relative;right:-60px!important}.zen .up-70{position:relative;top:-70px!important}.zen .down-70{position:relative;top:70px!important}.zen .left-70{left:-70px!important;position:relative}.zen .right-70{position:relative;right:-70px!important}.zen .up-80{position:relative;top:-80px!important}.zen .down-80{position:relative;top:80px!important}.zen .left-80{left:-80px!important;position:relative}.zen .right-80{position:relative;right:-80px!important}.zen .up-90{position:relative;top:-90px!important}.zen .down-90{position:relative;top:90px!important}.zen .left-90{left:-90px!important;position:relative}.zen .right-90{position:relative;right:-90px!important}.zen .up-100{position:relative;top:-100px!important}.zen .down-100{position:relative;top:100px!important}.zen .left-100{left:-100px!important;position:relative}.zen .right-100{position:relative;right:-100px!important}.zen .up-1{position:relative;top:-1px!important}.zen .down-1{position:relative;top:1px!important}.zen .left-1{left:-1px!important;position:relative}.zen .right-1{position:relative;right:-1px!important}.zen .up-2{position:relative;top:-2px!important}.zen .down-2{position:relative;top:2px!important}.zen .left-2{left:-2px!important;position:relative}.zen .right-2{position:relative;right:-2px!important}.zen .up-3{position:relative;top:-3px!important}.zen .down-3{position:relative;top:3px!important}.zen .left-3{left:-3px!important;position:relative}.zen .right-3{position:relative;right:-3px!important}.zen .up-4{position:relative;top:-4px!important}.zen .down-4{position:relative;top:4px!important}.zen .left-4{left:-4px!important;position:relative}.zen .right-4{position:relative;right:-4px!important}.zen .up-5{position:relative;top:-5px!important}.zen .down-5{position:relative;top:5px!important}.zen .left-5{left:-5px!important;position:relative}.zen .right-5{position:relative;right:-5px!important}.zen .up-6{position:relative;top:-6px!important}.zen .down-6{position:relative;top:6px!important}.zen .left-6{left:-6px!important;position:relative}.zen .right-6{position:relative;right:-6px!important}.zen .up-7{position:relative;top:-7px!important}.zen .down-7{position:relative;top:7px!important}.zen .left-7{left:-7px!important;position:relative}.zen .right-7{position:relative;right:-7px!important}.zen .up-8{position:relative;top:-8px!important}.zen .down-8{position:relative;top:8px!important}.zen .left-8{left:-8px!important;position:relative}.zen .right-8{position:relative;right:-8px!important}.zen .up-9{position:relative;top:-9px!important}.zen .down-9{position:relative;top:9px!important}.zen .left-9{left:-9px!important;position:relative}.zen .right-9{position:relative;right:-9px!important}.zen .w-10{min-width:10px;width:10px!important}.zen .h-10{height:10px!important;min-height:10px}.zen .w-20{min-width:20px;width:20px!important}.zen .h-20{height:20px!important;min-height:20px}.zen .w-25{min-width:25px;width:25px!important}.zen .h-25{height:25px!important;min-height:25px}.zen .w-30{min-width:30px;width:30px!important}.zen .h-30{height:30px!important;min-height:30px}.zen .w-40{min-width:40px;width:40px!important}.zen .h-40{height:40px!important;min-height:40px}.zen .w-50{min-width:50px;width:50px!important}.zen .h-50{height:50px!important;min-height:50px}.zen .w-75{min-width:75px;width:75px!important}.zen .h-75{height:75px!important;min-height:75px}.zen .w-100{min-width:100px;width:100px!important}.zen .h-100{height:100px!important;min-height:100px}.zen .w-125{min-width:125px;width:125px!important}.zen .h-125{height:125px!important;min-height:125px}.zen .w-150{min-width:150px;width:150px!important}.zen .h-150{height:150px!important;min-height:150px}.zen .w-175{min-width:175px;width:175px!important}.zen .h-175{height:175px!important;min-height:175px}.zen .w-200{min-width:200px;width:200px!important}.zen .h-200{height:200px!important;min-height:200px}.zen .w-225{min-width:225px;width:225px!important}.zen .h-225{height:225px!important;min-height:225px}.zen .w-250{min-width:250px;width:250px!important}.zen .h-250{height:250px!important;min-height:250px}.zen .w-275{min-width:275px;width:275px!important}.zen .h-275{height:275px!important;min-height:275px}.zen .w-300{min-width:300px;width:300px!important}.zen .h-300{height:300px!important;min-height:300px}.zen .h-full{height:100%!important;max-height:100%!important}.zen .w-full{max-width:100%!important;width:100%!important}.zen .w-sm{max-width:25%!important;width:25%!important}.zen .w-md{max-width:50%!important;width:50%!important}.zen .w-lg{max-width:75%!important;width:75%!important}.zen .mh-100{min-height:100px}.zen .mh-200{min-height:200px}.zen .mh-300{min-height:300px}.zen .mh-400{min-height:400px}.zen .mh-500{min-height:500px}.zen .card{display:inline-flex;flex-direction:column;font-size:.9em;gap:.5em;justify-content:flex-start;padding:1.2rem;position:relative}.zen .card .eyebrow,.zen .card h1,.zen .card h2,.zen .card h3,.zen .card h4,.zen .card h5,.zen .card h6,.zen .card p,.zen .card small{border:0;margin:0;padding:0}.zen .card div,.zen .card p{padding:0}.zen .card ul{margin-block-end:0;margin-block-start:0}.zen .card>img{border:0;padding:0}.zen .img-full{padding:0!important}.zen .bg-img,.zen .img-full{bottom:0;left:0;position:absolute;right:0;top:0}.zen .bg-img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%;z-index:0}.zen .d-block{display:block}.zen .d-inline{display:inline}.zen .d-inline-block{display:inline-block}.zen .d-inline-flex{display:inline-flex}.zen .d-grid{display:grid}.zen .d-inline-grid{display:inline-grid}.zen .d-table{display:table}.zen .d-table-row{display:table-row}.zen .d-table-cell{display:table-cell}.zen .d-none{display:none}.zen .row{flex-direction:row;gap:1em}.zen .column{flex-direction:column;gap:1em}.zen .reverse{flex-direction:row-reverse!important}.zen .overflow-hidden{overflow:hidden!important}.zen .overflow-auto{overflow:auto!important}.zen .overflow-scroll{overflow:scroll!important}.zen .overflow-visible{overflow:visible!important}.zen .vertical-center{left:55%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%}.zen .bg-none{background:none!important}.zen .squeeze>*{margin-bottom:.3em;margin-top:.3em}.zen .z-index-2{position:relative;z-index:2}.zen .z-index-3{position:relative;z-index:3}.zen .z-index-4{position:relative;z-index:4}.zen .z-index-5{position:relative;z-index:5}.zen .gap-1{gap:.25em}.zen .gap-2{gap:.5em}.zen .gap-3{gap:.75em}.zen .gap-4{gap:1em}.zen .gap-5{gap:1.5em}.zen .gap-6{gap:2em}.zen .gap-0{gap:0}.zen .img-left{float:left;margin-bottom:7px;margin-right:15px}.zen .img-right{float:right;margin-bottom:7px;margin-left:15px}.zen .alert-primary{background:#fff;border-left:60px solid #5394fc;border-radius:6px;border-spacing:1px;box-sizing:border-box;color:#0865fb;filter:grayscale(10%);font-size:.8em;margin:1rem 0;opacity:.9;padding:1em 1em 1em 16px;position:relative;width:100%}.zen .alert-primary:before{background:url(../img/icons/alerts/thumbs-up-solid.svg) no-repeat 50%;background-size:contain;content:"";filter:invert(100%) sepia(0) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%);height:15px;left:18px;margin-left:-56px;position:absolute;top:50%;transform:translateY(-50%);width:15px}.zen .alert-primary.alert-light-minimal{border-left:4px solid #0347b3;color:#000}.zen .alert-primary.alert-light{border-left:60px solid #0347b3;color:#000}.zen .alert-primary.alert-light:before{filter:invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%)}.zen .alert-primary-minimal{background:#fff;border-left:4px solid #5394fc;border-radius:6px;border-spacing:1px;box-sizing:border-box;color:#0865fb;filter:grayscale(10%);font-size:.8em;margin:1rem 0;opacity:.9;padding:1em 1em 1em 16px;position:relative;width:100%}.zen .alert-primary-minimal:before{background:url() no-repeat 50%;background-size:contain;content:"";filter:invert(100%) sepia(0) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%);height:15px;left:18px;margin-left:-56px;position:absolute;top:50%;transform:translateY(-50%);width:15px}.zen .alert-primary-minimal.alert-light-minimal{border-left:4px solid #0347b3;color:#000}.zen .alert-primary-minimal.alert-light{border-left:60px solid #0347b3;color:#000}.zen .alert-primary-minimal.alert-light:before{filter:invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%)}.zen .alert-danger{background:#fff;border-left:60px solid #f76c49;border-radius:6px;border-spacing:1px;box-sizing:border-box;color:#e9370b;filter:grayscale(10%);font-size:.8em;margin:1rem 0;opacity:.9;padding:1em 1em 1em 16px;position:relative;width:100%}.zen .alert-danger:before{background:url(../img/icons/alerts/triangle-exclamation-solid.svg) no-repeat 50%;background-size:contain;content:"";filter:invert(100%) sepia(0) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%);height:15px;left:18px;margin-left:-56px;position:absolute;top:50%;transform:translateY(-50%);width:15px}.zen .alert-danger.alert-light-minimal{border-left:4px solid #a02607;color:#000}.zen .alert-danger.alert-light{border-left:60px solid #a02607;color:#000}.zen .alert-danger.alert-light:before{filter:invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%)}.zen .alert-danger-minimal{background:#fff;border-left:4px solid #f76c49;border-radius:6px;border-spacing:1px;box-sizing:border-box;color:#e9370b;filter:grayscale(10%);font-size:.8em;margin:1rem 0;opacity:.9;padding:1em 1em 1em 16px;position:relative;width:100%}.zen .alert-danger-minimal:before{background:url() no-repeat 50%;background-size:contain;content:"";filter:invert(100%) sepia(0) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%);height:15px;left:18px;margin-left:-56px;position:absolute;top:50%;transform:translateY(-50%);width:15px}.zen .alert-danger-minimal.alert-light-minimal{border-left:4px solid #a02607;color:#000}.zen .alert-danger-minimal.alert-light{border-left:60px solid #a02607;color:#000}.zen .alert-danger-minimal.alert-light:before{filter:invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%)}.zen .alert-success{background:#fff;border-left:60px solid #0f980c;border-radius:6px;border-spacing:1px;box-sizing:border-box;color:#085207;filter:grayscale(10%);font-size:.8em;margin:1rem 0;opacity:.9;padding:1em 1em 1em 16px;position:relative;width:100%}.zen .alert-success:before{background:url(../img/icons/alerts/circle-check-solid.svg) no-repeat 50%;background-size:contain;content:"";filter:invert(100%) sepia(0) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%);height:15px;left:18px;margin-left:-56px;position:absolute;top:50%;transform:translateY(-50%);width:15px}.zen .alert-success.alert-light-minimal{border-left:4px solid #010b01;color:#000}.zen .alert-success.alert-light{border-left:60px solid #010b01;color:#000}.zen .alert-success.alert-light:before{filter:invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%)}.zen .alert-success-minimal{background:#fff;border-left:4px solid #0f980c;border-radius:6px;border-spacing:1px;box-sizing:border-box;color:#085207;filter:grayscale(10%);font-size:.8em;margin:1rem 0;opacity:.9;padding:1em 1em 1em 16px;position:relative;width:100%}.zen .alert-success-minimal:before{background:url() no-repeat 50%;background-size:contain;content:"";filter:invert(100%) sepia(0) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%);height:15px;left:18px;margin-left:-56px;position:absolute;top:50%;transform:translateY(-50%);width:15px}.zen .alert-success-minimal.alert-light-minimal{border-left:4px solid #010b01;color:#000}.zen .alert-success-minimal.alert-light{border-left:60px solid #010b01;color:#000}.zen .alert-success-minimal.alert-light:before{filter:invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%)}.zen .alert-warning{background:#fff;border-left:60px solid #ecda05;border-radius:6px;border-spacing:1px;box-sizing:border-box;color:#a29503;filter:grayscale(10%);font-size:.8em;margin:1rem 0;opacity:.9;padding:1em 1em 1em 16px;position:relative;width:100%}.zen .alert-warning:before{background:url(../img/icons/alerts/circle-exclamation-solid.svg) no-repeat 50%;background-size:contain;content:"";filter:invert(100%) sepia(0) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%);height:15px;left:18px;margin-left:-56px;position:absolute;top:50%;transform:translateY(-50%);width:15px}.zen .alert-warning.alert-light-minimal{border-left:4px solid #575002;color:#000}.zen .alert-warning.alert-light{border-left:60px solid #575002;color:#000}.zen .alert-warning.alert-light:before{filter:invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%)}.zen .alert-warning-minimal{background:#fff;border-left:4px solid #ecda05;border-radius:6px;border-spacing:1px;box-sizing:border-box;color:#a29503;filter:grayscale(10%);font-size:.8em;margin:1rem 0;opacity:.9;padding:1em 1em 1em 16px;position:relative;width:100%}.zen .alert-warning-minimal:before{background:url() no-repeat 50%;background-size:contain;content:"";filter:invert(100%) sepia(0) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%);height:15px;left:18px;margin-left:-56px;position:absolute;top:50%;transform:translateY(-50%);width:15px}.zen .alert-warning-minimal.alert-light-minimal{border-left:4px solid #575002;color:#000}.zen .alert-warning-minimal.alert-light{border-left:60px solid #575002;color:#000}.zen .alert-warning-minimal.alert-light:before{filter:invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%)}.zen .alert-dark{background:#fff;border-left:60px solid rgba(41,53,72,.8);border-radius:6px;border-spacing:1px;box-sizing:border-box;color:rgba(13,17,23,.8);filter:grayscale(10%);font-size:.8em;margin:1rem 0;opacity:.9;padding:1em 1em 1em 16px;position:relative;width:100%}.zen .alert-dark:before{background:url(../img/icons/alerts/circle-check-regular.svg) no-repeat 50%;background-size:contain;content:"";filter:invert(100%) sepia(0) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%);height:15px;left:18px;margin-left:-56px;position:absolute;top:50%;transform:translateY(-50%);width:15px}.zen .alert-dark.alert-light-minimal{border-left:4px solid rgba(0,0,0,.8);color:#000}.zen .alert-dark.alert-light{border-left:60px solid rgba(0,0,0,.8);color:#000}.zen .alert-dark.alert-light:before{filter:invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%)}.zen .alert-dark-minimal{background:#fff;border-left:4px solid rgba(41,53,72,.8);border-radius:6px;border-spacing:1px;box-sizing:border-box;color:rgba(13,17,23,.8);filter:grayscale(10%);font-size:.8em;margin:1rem 0;opacity:.9;padding:1em 1em 1em 16px;position:relative;width:100%}.zen .alert-dark-minimal:before{background:url() no-repeat 50%;background-size:contain;content:"";filter:invert(100%) sepia(0) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%);height:15px;left:18px;margin-left:-56px;position:absolute;top:50%;transform:translateY(-50%);width:15px}.zen .alert-dark-minimal.alert-light-minimal{border-left:4px solid rgba(0,0,0,.8);color:#000}.zen .alert-dark-minimal.alert-light{border-left:60px solid rgba(0,0,0,.8);color:#000}.zen .alert-dark-minimal.alert-light:before{filter:invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%)}.zen .alert-light{background:#fff;border-left:60px solid hsla(0,0%,100%,.55);border-radius:6px;border-spacing:1px;box-sizing:border-box;color:hsla(0,0%,90%,.55);filter:grayscale(10%);font-size:.8em;margin:1rem 0;opacity:.9;padding:1em 1em 1em 16px;position:relative;width:100%}.zen .alert-light:before{background:url(../img/icons/alerts/circle-check-regular.svg) no-repeat 50%;background-size:contain;content:"";filter:invert(100%) sepia(0) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%);height:15px;left:18px;margin-left:-56px;position:absolute;top:50%;transform:translateY(-50%);width:15px}.zen .alert-light.alert-light-minimal{border-left:4px solid hsla(0,0%,75%,.55);color:#000}.zen .alert-light.alert-light{border-left:60px solid hsla(0,0%,75%,.55);color:#000}.zen .alert-light.alert-light:before{filter:invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%)}.zen .alert-light-minimal{background:#fff;border-left:4px solid hsla(0,0%,100%,.55);border-radius:6px;border-spacing:1px;box-sizing:border-box;color:hsla(0,0%,90%,.55);filter:grayscale(10%);font-size:.8em;margin:1rem 0;opacity:.9;padding:1em 1em 1em 16px;position:relative;width:100%}.zen .alert-light-minimal:before{background:url() no-repeat 50%;background-size:contain;content:"";filter:invert(100%) sepia(0) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%);height:15px;left:18px;margin-left:-56px;position:absolute;top:50%;transform:translateY(-50%);width:15px}.zen .alert-light-minimal.alert-light-minimal{border-left:4px solid hsla(0,0%,75%,.55);color:#000}.zen .alert-light-minimal.alert-light{border-left:60px solid hsla(0,0%,75%,.55);color:#000}.zen .alert-light-minimal.alert-light:before{filter:invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%)}.zen .alert-warning,.zen .alert-warning-minimal{color:#947100}.zen .headline{font-family:Inter,sans-serif;font-weight:800}.zen .lead{font-size:1.2em;font-weight:300;line-height:1.75em;margin:0;padding:0 0 1rem}.zen .text-balance{text-wrap:balance}.zen .text-grey-dual{color:#5e5e5e}.zen .text-italic{font-style:italic}.zen .text-thin{font-weight:300}.zen .text-regular{font-weight:400}.zen .text-medium{font-weight:500}.zen .text-semibold{font-weight:600}.zen .text-bold{font-weight:700}.zen .text-bolder{font-weight:800}.zen .text-boldest{font-weight:900}.zen .center,.zen .text-center{text-align:center!important}.zen .center-vertical{margin:auto;width:100%}.zen .text-right{text-align:right!important}.zen .text-left{text-align:left!important}.zen .text-lowercase{text-transform:lowercase}.zen .text-uppercase{text-transform:uppercase}.zen .text-xs{font-size:.8em!important}.zen .text-xxs{font-size:.6em}.zen .text-align-right{text-align:right}.zen .text-sm{font-size:.9em}.zen .text-md{font-size:1.2em}.zen .text-lg{font-size:1.5em}.zen .text-xl{font-size:2.5em}.zen .text-xxl{font-size:4em;line-height:1em}.zen .breadcrumb{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0}.zen .breadcrumb li{display:inline;margin-right:5px}.zen .breadcrumb li+li:before{color:#636363;content:"> ";margin-right:5px;position:relative;right:2px}.zen .breadcrumb a{text-decoration:underline}.zen .breadcrumb a:hover{text-decoration:none}.zen .list-group{margin-bottom:0;padding-left:0}.zen .list-group-item{border:1px solid rgba(115,130,140,.2);display:block;margin-bottom:-1px;margin-top:0;padding:.75em;position:relative}.zen .list-group-item.active{background-color:#2b66c5;border-color:#2b66c5;color:#fff}.zen .list-group-item.disabled{background-color:#cacaca;color:#6c757d;pointer-events:none}.zen .list-group-flush .list-group-item{border-left:0;border-radius:0;border-right:0}.zen .list-group-horizontal .list-group-item{display:inline-block}.zen .success{background-color:#d4edda;color:#207437;padding:1em}.zen .danger{background-color:#f8d7da;color:#a23737;padding:1em}.zen .notice{background-color:#d3deec;color:#3e5d8b;padding:1em}.zen .warning{background-color:#fff3cd;color:#8b6900;padding:1em}.zen .list-group-horizontal .list-group-item{border-bottom:1px solid rgba(115,130,140,.2);margin-bottom:.3em}.zen .list-group .list-group-item-action:hover{background-color:#2b66c5;color:#fff}.zen .pagination-nav{display:flex;flex-wrap:wrap;gap:0;justify-content:center;list-style-type:none;padding:0}.zen .pagination-nav .item{background:hsla(0,0%,51%,.06);border:1px solid rgba(115,130,140,.2);margin-bottom:.5em;margin-right:-1px;margin-top:.5em;padding:.5rem 1.25rem;position:relative;text-decoration:none!important;z-index:10}.zen .pagination-nav .item:hover{background:hsla(0,0%,68%,.3)}.zen .pagination-nav .item-minimal{background:hsla(0,0%,51%,.06);background:none;border-radius:6px;margin:.6em;padding:6px 12px;position:relative;text-decoration:none!important}.zen .pagination-nav .current,.zen .pagination-nav .item-minimal:hover{background:hsla(0,0%,68%,.3)}.zen .tab-nav,.zen .tab-nav-round,.zen .tab-nav-round-thin,.zen .tab-nav-thin{display:flex;flex-wrap:wrap;gap:0;justify-content:center;list-style-type:none;padding:0}.zen .tab-nav .item,.zen .tab-nav-round .item,.zen .tab-nav-round-thin .item,.zen .tab-nav-thin .item{background:hsla(0,0%,51%,.06);border:1px solid rgba(115,130,140,.2);margin-bottom:.5em;margin-right:-1px;margin-top:.5em;padding:.5rem 1.25rem;position:relative;text-decoration:none!important;z-index:10}.zen .tab-nav .item:hover,.zen .tab-nav-round .item:hover,.zen .tab-nav-round-thin .item:hover,.zen .tab-nav-thin .item:hover{background:hsla(0,0%,68%,.3)}.zen .tab-nav .item-minimal,.zen .tab-nav-round .item-minimal,.zen .tab-nav-round-thin .item-minimal,.zen .tab-nav-thin .item-minimal{background:hsla(0,0%,51%,.06);background:none;border-radius:6px;margin:.6em;padding:6px 12px;position:relative;text-decoration:none!important}.zen .tab-nav .current,.zen .tab-nav .item-minimal:hover,.zen .tab-nav-round .current,.zen .tab-nav-round .item-minimal:hover,.zen .tab-nav-round-thin .current,.zen .tab-nav-round-thin .item-minimal:hover,.zen .tab-nav-thin .current,.zen .tab-nav-thin .item-minimal:hover{background:hsla(0,0%,68%,.3)}.zen .tab-nav-thin .item{padding:.25rem 1.25rem}.zen .tab-nav-round .item:first-child{border-bottom-left-radius:8px;border-top-left-radius:8px}.zen .tab-nav-round .item:last-child{border-bottom-right-radius:8px;border-top-right-radius:8px}.zen .tab-nav-round-thin .item{padding:.25rem 1.25rem}.zen .tab-nav-round-thin .item:first-child{border-bottom-left-radius:8px;border-top-left-radius:8px}.zen .tab-nav-round-thin .item:last-child{border-bottom-right-radius:8px;border-top-right-radius:8px}.zen .bg-ui-hover:hover,.zen .tab-nav .item-minimal:hover,.zen .tab-nav-round .item-minimal:hover,.zen .tab-nav-round-thin .item-minimal:hover,.zen .tab-nav-thin .item-minimal:hover{background:hsla(0,0%,68%,.3)}.zen .pagination-nav-alt,.zen .pagination-nav-alt .item{align-items:center;display:flex;justify-content:center;position:relative}.zen .pagination-nav-alt .item{border-radius:50%;height:40px;margin:0 10px;text-decoration:none;width:40px;z-index:1}.zen .pagination-nav-alt .item:not(:first-child):before{background-color:rgba(115,130,140,.2);content:"";height:2px;left:-20px;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:0}.zen .text-height-lg{line-height:2.2em}.zen .text-cta-dual{color:#22509b}.zen .link-underline,.zen a.text-cta-dual{display:inline-block;position:relative;text-decoration:none}.zen .link-underline:after{background-color:transparent;bottom:-4px;content:"";height:2px;left:0;position:absolute;right:100%;transition:right .3s ease}.zen .link-underline:hover:after{background-color:#919191;right:0}.zen .link-underline-white:hover:after{background-color:#fff}.zen .link-classic{color:#0062c4;text-decoration:none}.zen .link-classic:hover{color:#0061c2}.zen .link-classic:hover,.zen .text-underline{text-decoration:underline}.zen .border-1{border:1px solid #f7f7f7;border-bottom-color:#f7f7f7!important}.zen .border-2{border:1px solid #d9d9d9;border-bottom-color:#d9d9d9!important}.zen .border-3{border:1px solid rgba(115,130,140,.2);border-bottom-color:rgba(115,130,140,.2)!important}.zen .border-4{border:1px solid #8a8a8a;border-bottom-color:#8a8a8a!important}.zen .border-5{border:1px solid #404040;border-bottom-color:#404040!important}.zen .border-success{border:2px solid #48cc6b!important}.zen .border-danger{border:2px solid #f54c22!important}.zen .border-warning{border:2px solid #f7c44e!important}.zen .border-primary{border:2px solid #094394!important}.zen .border-cta{border:2px solid #2b66c5!important}.zen .border-secondary{border:2px solid #0b6e09!important}.zen .border-accent{border:2px solid #f7d62e!important}.zen .left-line{display:inline-block;padding-left:10px;position:relative}.zen .left-line:before{background-color:#2b66c5;bottom:0;content:"";height:60%;left:0;margin-left:-5px;position:absolute;top:20%;transform:translateX(-100%);width:5px}.zen .test-1{outline:2px dotted #f54c22}.zen .test-2{outline:2px solid #f54c22}.zen .test-3{outline:4px solid #48cc6b}.zen .test-4{outline:2px solid #5394fc}.zen .test-5{outline:2px solid #f7c44e}.zen .z-container-outline-on{border-radius:0;outline:2px dashed #5394fc}.zen .z-container-fluid-outline-on{border-radius:0;outline:2px dashed #ab56f4}.zen .z-row-outline-on{border-radius:0;box-shadow:inset 0 0 0 1px green}.zen .z-col-outline-on{border-radius:0;box-shadow:inset 0 0 0 1px red}.zen .p-outline-on{outline:1px solid #f7c44e}.zen .h1-outline-on{outline:2px dotted #f7c44e}.zen .h-outline-on{outline:2px solid #f7c44e}.zen .center-line{display:none}.zen .icon{height:24px;width:24px}.zen .modal{align-items:center;background-color:rgba(0,0,0,.8);display:none;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:10000}.zen .btn-modal{width:150px}.zen .modal-content{background-color:hsla(0,0%,100%,.9);border-radius:6px;color:#212121;max-width:400px;position:relative}.zen .modal-content>.text{width:91%}.zen .left-child{background-color:#add8e6;white-space:pre-wrap;width:95%}.zen .right-child{background-color:#f08080;width:5%}.zen .accordion{gap:0}.zen .accordion p{margin:0;padding:.6em}.zen .accordion a{margin-left:-24px;padding-bottom:.5em;padding-left:10px;text-decoration:none}.zen .accordion a:hover{background-color:rgba(115,130,140,.2)}.zen .accordion .toggle{display:none}.zen .accordion .title{background:hsla(0,0%,51%,.06);border:1px solid rgba(115,130,140,.2);cursor:pointer;display:block;margin:-1px 0 0;padding:10px;transition:background-color .3s}.zen .accordion .title:hover{background:hsla(0,0%,68%,.3)}.zen .expanded-content{border-left:1px solid rgba(115,130,140,.2);border-right:1px solid rgba(115,130,140,.2);max-height:0;overflow-y:hidden;padding:0 1.05em;transition:max-height .3s ease-out}.zen .expanded-content.static{transition:none}.zen .expanded-content.show{border:1px solid rgba(115,130,140,.2);max-height:300px;padding:0 1.05em}.zen .expanded-content.full-height.show{max-height:none}.zen .accordion .title{border-bottom:1px solid rgba(115,130,140,.2)}.zen .accordion .title:not(:last-of-type){border-bottom:none}.zen .dropdown{display:inline-block;position:relative}.zen .dropdown-content{background:#fdfdfd;border-radius:6px;box-shadow:0 8px 16px 0 hsla(0,0%,48%,.1);color:#000;font-size:.9em;left:-50px;min-width:160px;padding:.8em;top:calc(100% + 29px);z-index:1001}.zen .dropdown-content.megamenu{border-top-left-radius:0;border-top-right-radius:0;left:-539px;min-width:650px;top:79px;z-index:1001}.zen .dropdown-content a{border-radius:6px;color:#000;display:block;margin-left:-1px;padding:10px 10px 10px 12px;text-decoration:none}.zen .dropdown-content a:hover{background:hsla(0,0%,66%,.35);color:#000;text-decoration:none}.zen .dropdown-link-container{color:#000;display:inline-block;position:absolute}.zen .megamenu{color:#000;padding:0}.zen .megamenu a{margin-left:-15px}.zen .caret-up{background:none!important;border-bottom:10px solid #fdfdfd;border-left:10px solid transparent;border-right:10px solid transparent;display:none;height:0;left:15px;position:absolute;top:calc(100% + 29px);transform:translateY(-100%);width:0;z-index:10}.zen .dropdown-content{display:none;left:2px;position:absolute;top:48px}.zen nav .dropdown-content{left:-5px;min-width:220px}@media screen and (max-width:768px){.zen nav .dropdown-content{background-color:unset}.zen nav .dropdown-content a{color:#eee}.zen .dropdown-content{border-radius:unset;box-shadow:none;display:block;left:auto;max-height:300px;min-width:225px!important;overflow-x:hidden;overflow-y:auto;position:static;top:auto;width:auto;z-index:auto}.zen .dropdown-link-container{position:static}.zen .dropdown .caret-up,.zen .nav-dropdown .caret-up{display:none!important}}.zen .card-split{display:flex;flex-direction:row;gap:1em}.zen .card-split .text-group{flex-basis:95%;gap:1}.zen .card-split .text-group h1,.zen .card-split .text-group h2,.zen .card-split .text-group h3,.zen .card-split .text-group h4,.zen .card-split .text-group h5,.zen .card-split .text-group h6,.zen .card-split .text-group p{letter-spacing:normal;margin-bottom:0;margin-top:0;padding-top:0}.zen .card-split .image-group{flex-basis:110px}.zen blockquote{display:block;font-style:italic;font-weight:500;line-height:2em;margin-top:0;padding:15px 5px;position:relative}.zen blockquote p{margin-bottom:0}.zen blockquote:before{border-left:4px solid rgba(115,130,140,.2);bottom:0;content:"";left:-26px;position:absolute;top:0;width:0}.zen blockquote:after{content:""}.zen blockquote a{color:#094394;cursor:pointer;padding:0 3px;text-decoration:none}.zen blockquote a:hover{color:#666}.zen blockquote em{font-style:italic}.zen .slide-figure{display:flex;transition:transform .3s ease-in-out}.zen .carousel-slide{box-sizing:border-box;min-width:100%}.zen .slider{height:auto;overflow:hidden;position:relative;width:100%}.zen .slide,.zen .slides-container{display:flex}.zen .slide{background-position:50%;background-size:cover;flex-shrink:0;height:auto;max-width:100%}.zen .arrow{cursor:pointer;font-size:24px;opacity:.4;position:absolute;top:50%;transform:translateY(-50%);z-index:100}.zen .prev{left:10px}.zen .next{right:10px}.zen .arrow.bottom{right:0;top:94%;width:32px}.zen .arrow.right{left:unset;right:40px}.zen .wizard-step{border:1px solid rgba(171,180,186,.2);display:none;margin-top:1em;padding:1em}.zen .wizard-step.active{display:block}.zen .wizard-step label{display:block;padding:.45em}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.zen .spin{animation:spin 2s linear infinite}.zen .card-split{overflow:hidden;position:relative}.zen .img-responsive{flex-shrink:0;height:auto;max-width:100%;-o-object-fit:contain;object-fit:contain}.zen .img-round{border-radius:50%;height:auto;max-width:100%}.zen .img-rounded{border-radius:15px}.zen .img-round-outline{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1);box-sizing:content-box;padding:5px!important}.zen .d-none,.zen .hidden{display:none!important}.zen .opacity-50{opacity:.5}.zen .opacity-75{opacity:.75}.zen .opacity-25{opacity:.25}.zen .corner-popup{bottom:20px;position:fixed;right:20px}.zen .corner-popup>div{background:#fff;border:1px solid rgba(115,130,140,.2);border-radius:6px;bottom:66px;color:#000;font-size:.9em;max-height:400px;overflow:auto;padding:1em;position:absolute;right:3px;width:300px;z-index:6}.zen .corner-popup>button{border:none;border-radius:6px;bottom:-20px;cursor:pointer;padding:5px 10px;position:absolute;right:0}.zen .btn-circle[data-unread="1"]:after,.zen .btn-circle[data-unread="2"]:after,.zen .btn-circle[data-unread="3"]:after{background-color:#f54c22;border-radius:50%;color:#fff;content:attr(data-unread);font-size:12px;height:20px;line-height:20px;position:absolute;right:-5px;text-align:center;top:-5px;width:20px}@keyframes notificationBounce{0%,14.29%,to{transform:translateY(0)}7.14%{transform:translateY(-5px)}}.zen .btn-circle[data-unread][data-animate=true]:after{animation:notificationBounce 7s infinite}.zen .hidden{display:none}.zen .footer,.zen footer{background:#212121;color:#fff;padding:20px;text-align:center;width:100%}.zen .footer a,.zen footer a{color:#fff}.zen .footer a:hover,.zen footer a:hover{color:#e6e6e6}.zen .social-icons{display:inline-flex;flex-direction:row;gap:1em;margin-top:1em}.zen .social-icons,.zen .social-icons a{align-items:center;justify-content:center}.zen .social-icons a{background-color:#fff;border-radius:6px;display:flex;height:30px;margin-bottom:5px;overflow:hidden;transition:background-color .3s ease;width:30px}.zen .social-icons a:hover{background-color:#ccc}.zen .social-icons a img{height:20px;-o-object-fit:contain;object-fit:contain;width:20px}.zen .icon-toggle{cursor:pointer;display:inline;position:relative}.zen .icon-off,.zen .icon-on{display:none;left:0;position:absolute;top:0;transition:opacity .3s ease}.zen .icon-off.show,.zen .icon-on.show{display:inline}.zen .icon-toggle .zenicon-favorite-border:hover:before,.zen .zenicon-favorite.icon-on.show,.zen .zenicon-favorite:hover{color:#f54c22}.zen .shadow-1{box-shadow:.5px .5px 1.5px rgba(0,0,0,.05)}.zen .shadow-2{box-shadow:1px 1px 2.5px rgba(0,0,0,.075)}.zen .shadow-3{box-shadow:2px 2px 4px rgba(0,0,0,.1)}.zen .shadow-4{box-shadow:3px 3px 6px rgba(0,0,0,.125)}.zen .shadow-5{box-shadow:4px 4px 7.5px rgba(0,0,0,.15)}.zen .progress-bar-container{height:14px;position:relative}.zen .mswizard-progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:13px;width:100%}.zen .progress-percentage{align-items:center;background:none;color:#fff;font-size:.7em;height:100%;left:0;margin:0 5px 0 -30px;position:absolute;top:5px}.zen .mswizard-progress[value]::-webkit-progress-value{align-items:center;color:#fff;display:flex;font-weight:700;justify-content:center;visibility:visible}.zen .step-info{font-size:.7em;margin-left:5px;text-align:left}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes slideUpDown{0%{transform:translateY(20px)}to{transform:translateY(0)}}@keyframes slideInFromLeft{0%{transform:translateX(-20px)}to{transform:translateX(0)}}@keyframes slideInFromRight{0%{transform:translateX(20px)}to{transform:translateX(0)}}@keyframes fadeIn{0%,to{opacity:0}to{opacity:1}}.zen .fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.zen .fade-in.visible{opacity:1;transform:translateY(0)}.zen .blink{animation:blink 1s infinite}.zen .slide-up{animation:slideUpDown .5s ease-out}@keyframes slideDown{0%{transform:translateY(-20px)}to{transform:translateY(0)}}.zen .slide-down{animation:slideDown .5s ease-out}.zen .slide-left{animation:slideInFromLeft .5s ease-out}.zen .slide-right{animation:slideInFromRight .5s ease-out}.zen .fade-in-1{animation:fadeIn 1s .2s forwards;opacity:0}.zen .fade-in-2{animation:fadeIn 1s .4s forwards;opacity:0}.zen .fade-in-3{animation:fadeIn 1s .6s forwards;opacity:0}.zen .fade-in-4{animation:fadeIn 1s .8s forwards;opacity:0}.zen .fade-in-5{animation:fadeIn 1s 1s forwards;opacity:0}.zen .fade-in-6{animation:fadeIn 1s 1.2s forwards;opacity:0}.zen .fade-in-7{animation:fadeIn 1s 1.4s forwards;opacity:0}.zen .fade-in-8{animation:fadeIn 1s 1.6s forwards;opacity:0}.zen .btn-hover{display:inline-block;transition:transform .3s ease-in-out}.zen .btn-hover:hover{transform:translateY(-3px)}.zen .breathe{animation:subtleZoom 10s infinite alternate}@keyframes subtleZoom{0%{transform:scale(1)}to{transform:scale(1.05)}}.zen .card-hover .bg-img{transition:transform .3s ease-in-out}.zen .card-hover:hover .bg-img{transform:scale(1.05)}.zen .card-pan .bg-img{transform:scale(1.1);transition:transform .3s ease-in-out}.zen .card-pan:hover .bg-img{transform:scale(1.1) translateY(-5%)}.zen .image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:10px;grid-row-gap:6px}.zen .image-gallery img{border-radius:6px;cursor:pointer;height:auto;width:100%}.zen [data-tooltip]{position:relative}.zen [data-tooltip]:not(a,button,input){border-bottom:1px dotted;cursor:help;text-decoration:none}.zen [data-tooltip]:after,.zen [data-tooltip]:before,.zen [data-tooltip][data-placement=top]:after,.zen [data-tooltip][data-placement=top]:before{background:#545454;border-radius:6px;bottom:100%;color:#fff;content:attr(data-tooltip);display:block;font-size:.8em;left:50%;opacity:0;overflow:hidden;padding:.25rem .5rem;pointer-events:none;position:absolute;text-decoration:none;text-overflow:ellipsis;transform:translate(-50%,-.25rem);white-space:nowrap;z-index:99}.zen [data-tooltip]:after,.zen [data-tooltip][data-placement=top]:after{background-color:transparent;border-left:.3rem solid transparent;border-radius:0;border-right:.3rem solid transparent;border-top:.3rem solid;color:#545454;content:"";padding:0;transform:translate(-50%)}.zen [data-tooltip][data-placement=bottom]:after,.zen [data-tooltip][data-placement=bottom]:before{bottom:auto;top:110%;transform:translate(-50%,.25rem)}.zen [data-tooltip][data-placement=bottom]:after{border:.3rem solid transparent;border-bottom-color:currentcolor;transform:translate(-50%,-.25rem)}.zen [data-tooltip][data-placement=left]:after,.zen [data-tooltip][data-placement=left]:before{bottom:auto;left:auto;right:110%;top:50%;transform:translate(-.25rem,-50%)}.zen [data-tooltip][data-placement=left]:after{border:.3rem solid transparent;border-left-color:currentcolor;transform:translate(.3rem,-50%)}.zen [data-tooltip][data-placement=right]:after,.zen [data-tooltip][data-placement=right]:before{bottom:auto;left:110%;right:auto;top:50%;transform:translate(.2rem,-50%)}.zen [data-tooltip][data-placement=right]:after{border:.3rem solid transparent;border-right-color:currentcolor;transform:translate(-.3rem,-50%)}.zen [data-tooltip]:focus:after,.zen [data-tooltip]:focus:before,.zen [data-tooltip]:hover:after,.zen [data-tooltip]:hover:before{opacity:1}@media(hover:hover)and (pointer:fine){.zen [data-tooltip]:hover:after,.zen [data-tooltip]:hover:before,.zen [data-tooltip][data-placement=bottom]:focus:after,.zen [data-tooltip][data-placement=bottom]:focus:before,.zen [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus:after,.zen [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus:before{animation-duration:.2s;animation-name:tooltip-slide-top}.zen [data-tooltip]:hover:after,.zen [data-tooltip][data-placement=bottom]:focus:after,.zen [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus:after{animation-name:tooltip-caret-slide-top}.zen [data-tooltip][data-placement=bottom]:focus:after,.zen [data-tooltip][data-placement=bottom]:focus:before,.zen [data-tooltip][data-placement=bottom]:hover:after,.zen [data-tooltip][data-placement=bottom]:hover:before{animation-duration:.2s;animation-name:tooltip-slide-bottom}.zen [data-tooltip][data-placement=bottom]:focus:after,.zen [data-tooltip][data-placement=bottom]:hover:after{animation-name:tooltip-caret-slide-bottom}.zen [data-tooltip][data-placement=left]:focus:after,.zen [data-tooltip][data-placement=left]:focus:before,.zen [data-tooltip][data-placement=left]:hover:after,.zen [data-tooltip][data-placement=left]:hover:before{animation-duration:.2s;animation-name:tooltip-slide-left}.zen [data-tooltip][data-placement=left]:focus:after,.zen [data-tooltip][data-placement=left]:hover:after{animation-name:tooltip-caret-slide-left}.zen [data-tooltip][data-placement=right]:focus:after,.zen [data-tooltip][data-placement=right]:focus:before,.zen [data-tooltip][data-placement=right]:hover:after,.zen [data-tooltip][data-placement=right]:hover:before{animation-duration:.2s;animation-name:tooltip-slide-right}.zen [data-tooltip][data-placement=right]:focus:after,.zen [data-tooltip][data-placement=right]:hover:after{animation-name:tooltip-caret-slide-right}}@keyframes tooltip-slide-top{0%{opacity:0;transform:translate(-50%,.75rem)}to{opacity:1;transform:translate(-50%,-.25rem)}}@keyframes tooltip-caret-slide-top{0%{opacity:0}50%{opacity:0;transform:translate(-50%,-.25rem)}to{opacity:1;transform:translate(-50%)}}@keyframes tooltip-slide-bottom{0%{opacity:0;transform:translate(-50%,-.75rem)}to{opacity:1;transform:translate(-50%,.25rem)}}@keyframes tooltip-caret-slide-bottom{0%{opacity:0}50%{opacity:0;transform:translate(-50%,-.5rem)}to{opacity:1;transform:translate(-50%,-.3rem)}}@keyframes tooltip-slide-left{0%{opacity:0;transform:translate(.75rem,-50%)}to{opacity:1;transform:translate(-.25rem,-50%)}}@keyframes tooltip-caret-slide-left{0%{opacity:0}50%{opacity:0;transform:translate(.05rem,-50%)}to{opacity:1;transform:translate(.3rem,-50%)}}@keyframes tooltip-slide-right{0%{opacity:0;transform:translate(-.75rem,-50%)}to{opacity:1;transform:translate(.25rem,-50%)}}@keyframes tooltip-caret-slide-right{0%{opacity:0}50%{opacity:0;transform:translate(-.05rem,-50%)}to{opacity:1;transform:translate(-.3rem,-50%)}}.zen [aria-busy=true]{cursor:progress}.zen [aria-busy=true]:not(input,select,textarea,html):before{animation:spinner .75s linear infinite;border:.1875em solid #727272;border-radius:1em;border-right-color:transparent;content:"";display:inline-block;height:1em;opacity:.5;vertical-align:text-bottom;vertical-align:-.125em;width:1em}.zen [aria-busy=true]:not(input,select,textarea,html):not(:empty):before{margin-left:0;margin-right:.5em;margin-inline-end:.5em;margin-inline-start:0}.zen [aria-busy=true]:not(input,select,textarea,html):empty{text-align:center}.zen a[aria-busy=true],.zen button[aria-busy=true],.zen input[type=button][aria-busy=true],.zen input[type=reset][aria-busy=true],.zen input[type=submit][aria-busy=true]{pointer-events:none}@keyframes spinner{to{transform:rotate(1turn)}}.zen .sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.zen [aria-controls]{cursor:pointer}.zen [aria-disabled=true],.zen [disabled]{cursor:not-allowed}.zen [aria-hidden=false][hidden]{display:initial}.zen [aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}.zen [tabindex],.zen a,.zen area,.zen button,.zen input,.zen label,.zen select,.zen summary,.zen textarea{touch-action:manipulation}.zen [dir=rtl]{direction:rtl;text-align:right}.zen [dir=rtl] .sidebar{float:right}.zen [dir=rtl] .element{background-position:100% 0;border-right:2px solid rgba(115,130,140,.2);margin-right:20px;padding-right:10px}.zen [dir=rtl] .icon{transform:scaleX(-1)}.zen .element{border-inline-start:2px solid rgba(115,130,140,.2);margin-inline-start:10px;padding-inline-start:10px}.zen .theme-primary{background:#094394;border-radius:6px;color:#fff}.zen .theme-primary .btn,.zen .theme-primary button{background:#2b66c5;color:#fff;transition:background-color color border-color .3s .3s .3s}.zen .theme-primary .btn:hover,.zen .theme-primary button:hover{background:#193b71;color:#fff}.zen .theme-primary .label{background:#2b66c5;color:#fff}.zen .theme-primary .btn-outline{background:transparent;border:2px solid #2b66c5;color:#2b66c5;transition:background-color color border-color .3s .3s .3s}.zen .theme-primary .btn-outline:hover{background:#2b66c5;color:#fff}.zen .theme-dark{background:rgba(13,17,23,.8);border-radius:6px;color:#f4f4f4}.zen .theme-dark .btn,.zen .theme-dark button{background:#fff;color:#000;transition:background-color color border-color .3s .3s .3s}.zen .theme-dark .btn:hover,.zen .theme-dark button:hover{background:#ccc;color:#000}.zen .theme-dark .label{background:#666;color:#fff}.zen .theme-dark .btn-outline{background:transparent;border:2px solid #fff;transition:background-color color border-color .3s .3s .3s}.zen .theme-dark .btn-outline:hover{background:#fff;color:#000}.zen .theme-light{background:hsla(0,0%,100%,.55);border-radius:6px;color:rgba(13,17,23,.8)}.zen .theme-light .btn,.zen .theme-light button{background:rgba(13,17,23,.8);color:#fff;transition:background-color color border-color .3s .3s .3s}.zen .theme-light .btn:hover,.zen .theme-light button:hover{background:rgba(0,0,0,.8);color:#fff}.zen .theme-light .label{background:#ccc;color:rgba(13,17,23,.8)}.zen .theme-light .btn-outline{background:transparent;border:2px solid rgba(13,17,23,.8);color:rgba(13,17,23,.8);transition:background-color color border-color .3s .3s .3s}.zen .theme-light .btn-outline:hover{background:rgba(13,17,23,.8);color:#fff}.zen .theme-cta{background:#2b66c5;border-radius:6px;color:#fff}.zen .theme-cta .btn,.zen .theme-cta button{background:#094394;color:#fff;transition:background-color color border-color .3s .3s .3s}.zen .theme-cta .btn:hover,.zen .theme-cta button:hover{background:#031734;color:#fff}.zen .theme-cta .label{background:#094394;color:#fff}.zen .theme-cta .btn-outline{background:transparent;border:2px solid #094394;color:#094394;transition:background-color color border-color .3s .3s .3s}.zen .theme-cta .btn-outline:hover{background:#094394;color:#fff}.zen .theme-accent{background:#f7d62e;border-radius:6px;color:#000}.zen .theme-accent .btn,.zen .theme-accent button{background:#0b6e09;color:#fff;transition:background-color color border-color .3s .3s .3s}.zen .theme-accent .btn:hover,.zen .theme-accent button:hover{background:#021001;color:#fff}.zen .theme-accent .label{background:#0b6e09;color:#fff}.zen .theme-accent .btn-outline{background:transparent;border:2px solid #0b6e09;color:#0b6e09;transition:background-color color border-color .3s .3s .3s}.zen .theme-accent .btn-outline:hover,.zen .theme-secondary{background:#0b6e09;color:#fff}.zen .theme-secondary{border-radius:6px}.zen .theme-secondary .btn,.zen .theme-secondary button{background:#f7d62e;color:#000;transition:background-color color border-color .3s .3s .3s}.zen .theme-secondary .btn:hover,.zen .theme-secondary button:hover{background:#b89b07;color:#000}.zen .theme-secondary .label{background:#f7d62e;color:#000}.zen .theme-secondary .btn-outline{background:transparent;border:2px solid #f7d62e;color:#f7d62e;transition:background-color color border-color .3s .3s .3s}.zen .theme-secondary .btn-outline:hover{background:#f7d62e;color:#000}.zen .theme-primary a,.zen .theme-secondary a{color:#fff}.zen .theme-accent a{color:#000}.zen .theme-cta a{color:#fff}.zen .theme-light a{color:#000}.zen .theme-cta .btn-outline,.zen .theme-dark a,.zen .theme-primary .btn-outline,.zen .theme-secondary .btn-outline{color:#fff}.zen .theme-accent .btn-outline{color:#000}.zen .theme-dark .btn-outline{color:#fff}.zen .theme-light .btn-outline{color:#000}.zen .theme-light.accent-left{border-left:10px solid #f7d62e}.zen .btn-outline{border-radius:6px;cursor:pointer;display:inline-block;text-align:center;text-decoration:none}.zen .bg-primary{background:#094394!important;color:#fff!important}.zen .bg-primary-dark{background:#083f8a!important;color:#fff!important}.zen .bg-primary-dark a{color:#fff!important}.zen .bg-primary-darker{background:#08387c!important;color:#fff!important}.zen .bg-primary-darker a{color:#fff!important}.zen .bg-primary-darkest{background:#07326e!important;color:#fff!important}.zen .bg-primary-darkest a{color:#fff!important}.zen .bg-primary-light{background:#0b54ba!important;color:#fff!important}.zen .bg-primary-light a{color:#fff!important}.zen .bg-primary-lighter{background:#0d5dce!important;color:#fff!important}.zen .bg-primary-lighter a{color:#fff!important}.zen .bg-primary-lightest{background:#0d64dc!important;color:#fff!important}.zen .bg-primary-lightest a,.zen .bg-secondary{color:#fff!important}.zen .bg-secondary{background:#0b6e09!important}.zen .bg-secondary-dark{background:#0a6508!important;color:#fff!important}.zen .bg-secondary-dark a{color:#fff!important}.zen .bg-secondary-darker{background:#095607!important;color:#fff!important}.zen .bg-secondary-darker a{color:#fff!important}.zen .bg-secondary-darkest{background:#074806!important;color:#fff!important}.zen .bg-secondary-darkest a{color:#fff!important}.zen .bg-secondary-light{background:#0f940c!important;color:#000!important}.zen .bg-secondary-light a{color:#000!important}.zen .bg-secondary-lighter{background:#11a70e!important;color:#000!important}.zen .bg-secondary-lighter a{color:#000!important}.zen .bg-secondary-lightest{background:#12b50f!important;color:#000!important}.zen .bg-accent,.zen .bg-secondary-lightest a{color:#000!important}.zen .bg-accent{background:#f7d62e!important}.zen .bg-accent-dark{background:#f6d21a!important;color:#000!important}.zen .bg-accent-dark a{color:#000!important}.zen .bg-accent-darker{background:#f6cf0c!important;color:#000!important}.zen .bg-accent-darker a{color:#000!important}.zen .bg-accent-darkest{background:#e9c409!important;color:#000!important}.zen .bg-accent-darkest a{color:#000!important}.zen .bg-accent-light{background:#f9de55!important;color:#000!important}.zen .bg-accent-light a{color:#000!important}.zen .bg-accent-lighter{background:#f9e269!important;color:#000!important}.zen .bg-accent-lighter a{color:#000!important}.zen .bg-accent-lightest{background:#fae478!important;color:#000!important}.zen .bg-accent-lightest a{color:#000!important}.zen .bg-cta{background:#2b66c5!important;color:#fff!important}.zen .bg-cta-dark{background:#2455a4!important}.zen .bg-cta-dark,.zen .bg-cta-dark a,.zen .bg-cta-darker{color:#fff!important}.zen .bg-cta-darker{background:#204c93!important}.zen .bg-cta-darker a{color:#fff!important}.zen .bg-cta-darkest{background:#1d4586!important;color:#fff!important}.zen .bg-cta-darkest a{color:#fff!important}.zen .bg-cta-light{background:#437bd6!important}.zen .bg-cta-light,.zen .bg-cta-light a{color:#000!important}.zen .bg-cta-lighter{background:#5487da!important;color:#000!important}.zen .bg-cta-lighter a{color:#000!important}.zen .bg-cta-lightest{background:#6090dc!important;color:#000!important}.zen .bg-cta-lightest a,.zen .bg-red{color:#000!important}.zen .bg-red{background:#f54c22!important}.zen .bg-red-dark{background:#f43c0e!important}.zen .bg-red-dark,.zen .bg-red-dark a,.zen .bg-red-darker{color:#000!important}.zen .bg-red-darker{background:#e9370b!important}.zen .bg-red-darker a{color:#000!important}.zen .bg-red-darkest{background:#d5320a!important;color:#fff!important}.zen .bg-red-darkest a{color:#fff!important}.zen .bg-red-light{background:#f6603a!important}.zen .bg-red-light,.zen .bg-red-light a{color:#000!important}.zen .bg-red-lighter{background:#f76c49!important;color:#000!important}.zen .bg-red-lighter a{color:#000!important}.zen .bg-red-lightest{background:#f87b5d!important;color:#000!important}.zen .bg-orange,.zen .bg-red-lightest a{color:#000!important}.zen .bg-orange{background:#f7c44e!important}.zen .bg-orange-dark{background:#f5b522!important;color:#000!important}.zen .bg-orange-dark a{color:#000!important}.zen .bg-orange-darker{background:#f4b013!important;color:#000!important}.zen .bg-orange-darker a{color:#000!important}.zen .bg-orange-darkest{background:#eea90b!important;color:#000!important}.zen .bg-orange-darkest a{color:#000!important}.zen .bg-orange-light{background:#f9d37a!important;color:#000!important}.zen .bg-orange-light a{color:#000!important}.zen .bg-orange-lighter{background:#fad889!important;color:#000!important}.zen .bg-orange-lighter a{color:#000!important}.zen .bg-orange-lightest{background:#fadc97!important;color:#000!important}.zen .bg-orange-lightest a,.zen .bg-yellow{color:#000!important}.zen .bg-yellow{background:#fbec43!important}.zen .bg-yellow-dark{background:#fae716!important;color:#000!important}.zen .bg-yellow-dark a{color:#000!important}.zen .bg-yellow-darker{background:#fae607!important;color:#000!important}.zen .bg-yellow-darker a{color:#000!important}.zen .bg-yellow-darkest{background:#ecda05!important;color:#000!important}.zen .bg-yellow-darkest a{color:#000!important}.zen .bg-yellow-light{background:#fcf170!important;color:#000!important}.zen .bg-yellow-light a{color:#000!important}.zen .bg-yellow-lighter{background:#fcf27f!important;color:#000!important}.zen .bg-yellow-lighter a{color:#000!important}.zen .bg-yellow-lightest{background:#fdf48e!important;color:#000!important}.zen .bg-green,.zen .bg-yellow-lightest a{color:#000!important}.zen .bg-green{background:#48cc6b!important}.zen .bg-green-dark{background:#32b455!important}.zen .bg-green-dark,.zen .bg-green-dark a{color:#000!important}.zen .bg-green-darker{background:#2fa84f!important;color:#000!important}.zen .bg-green-darker a{color:#000!important}.zen .bg-green-darkest{background:#2da04b!important;color:#000!important}.zen .bg-green-darkest a{color:#000!important}.zen .bg-green-light{background:#6cd688!important;color:#000!important}.zen .bg-green-light a{color:#000!important}.zen .bg-green-lighter{background:#78d992!important;color:#000!important}.zen .bg-green-lighter a{color:#000!important}.zen .bg-green-lightest{background:#84dd9b!important;color:#000!important}.zen .bg-blue,.zen .bg-green-lightest a{color:#000!important}.zen .bg-blue{background:#5394fc!important}.zen .bg-blue-dark{background:#2678fb!important}.zen .bg-blue-dark,.zen .bg-blue-dark a{color:#000!important}.zen .bg-blue-darker{background:#176ffb!important;color:#000!important}.zen .bg-blue-darker a{color:#000!important}.zen .bg-blue-darkest{background:#0865fb!important;color:#fff!important}.zen .bg-blue-darkest a{color:#fff!important}.zen .bg-blue-light{background:#80b0fd!important}.zen .bg-blue-light,.zen .bg-blue-light a{color:#000!important}.zen .bg-blue-lighter{background:#8fb9fd!important;color:#000!important}.zen .bg-blue-lighter a{color:#000!important}.zen .bg-blue-lightest{background:#9ec3fd!important;color:#000!important}.zen .bg-blue-lightest a,.zen .bg-purple{color:#000!important}.zen .bg-purple{background:#ab56f4!important}.zen .bg-purple-dark{background:#962bf1!important;color:#fff!important}.zen .bg-purple-dark a{color:#fff!important}.zen .bg-purple-darker{background:#8e1df0!important;color:#fff!important}.zen .bg-purple-darker a{color:#fff!important}.zen .bg-purple-darkest{background:#870fee!important;color:#fff!important}.zen .bg-purple-darkest a{color:#fff!important}.zen .bg-purple-light{background:#c081f7!important;color:#000!important}.zen .bg-purple-light a{color:#000!important}.zen .bg-purple-lighter{background:#c88ff8!important;color:#000!important}.zen .bg-purple-lighter a{color:#000!important}.zen .bg-purple-lightest{background:#cf9ef9!important;color:#000!important}.zen .bg-grey-1,.zen .bg-purple-lightest a{color:#000!important}.zen .bg-grey-1{background:#c6c6c6!important}.zen .bg-grey-1-dark{background:#adadad!important;color:#000!important}.zen .bg-grey-1-light{background:#dadada!important;color:#000!important}.zen .bg-grey-2{background:#b0b0b0!important;color:#000!important}.zen .bg-grey-2-dark{background:#979797!important;color:#000!important}.zen .bg-grey-2-light{background:#cacaca!important;color:#000!important}.zen .bg-grey-3{background:#999!important;color:#000!important}.zen .bg-grey-3-dark{background:gray!important;color:#000!important}.zen .bg-grey-3-light{background:#b3b3b3!important;color:#000!important}.zen .bg-grey-4{background:#838383!important;color:#000!important}.zen .bg-grey-4-dark{background:#6a6a6a!important;color:#fff!important}.zen .bg-grey-4-light{background:#9d9d9d!important;color:#000!important}.zen .bg-grey-5{background:#6d6d6d!important;color:#fff!important}.zen .bg-grey-5-dark{background:#545454!important;color:#fff!important}.zen .bg-grey-5-light{background:#878787!important;color:#000!important}.zen .bg-grey-6{background:#585858!important;color:#fff!important}.zen .bg-grey-6-dark{background:#3f3f3f!important;color:#fff!important}.zen .bg-grey-6-light{background:#727272!important;color:#fff!important}.zen .bg-opaque{background-color:hsla(0,0%,100%,.2)}.zen .bg-blur{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.zen .text-dark-green{color:#3d833a}.zen .highlight{background-color:#fbec43}.zen .text-black{color:#070707}.zen .bg-white{background-color:#fff}.zen .bg-text-color{background:#444}.zen .bg-primary-hover:hover{background:#062d64!important;color:#eee}.zen .bg-secondary-hover:hover{background:#063f05!important;color:#eee!important}.zen .bg-cta-hover:hover{background:#22509b!important;color:#eee!important}.zen .bg-light-hover:hover{background:#e6e6e6!important;color:#070707!important}.zen .bg-dark-hover:hover{background:#000!important;color:#eee!important}.zen .bg-accent-hover:hover{background:#e9c409!important;color:#eee!important}.zen .icon-invert{filter:invert(1)}.zen .icon-gold{filter:invert(76%) sepia(83%) saturate(556%) hue-rotate(344deg) brightness(105%) contrast(98%);width:9px}.zen .icon-silver{filter:invert(50%) sepia(8%) saturate(15%) hue-rotate(314deg) brightness(103%) contrast(84%);width:9px}.zen .bg-angle{background-color:#f0f0f0;overflow:hidden;padding:20px;position:relative}.zen .bg-angle:after{background:repeating-linear-gradient(-45deg,transparent,transparent 10px,#f0f0f0 0,#f0f0f0 20px);bottom:0;content:"";height:20px;left:0;position:absolute;width:100%}.zen .bg-white{color:#000}.zen .text-primary{color:#094394!important}.zen .text-primary-dark{color:#062d64!important}.zen .text-primary-light{color:#0c59c4!important}.zen .text-secondary{color:#0b6e09!important}.zen .text-secondary-dark{color:#063f05!important}.zen .text-secondary-light{color:#109d0d!important}.zen .text-accent{color:#f7d62e!important}.zen .text-accent-dark{color:#e9c409!important}.zen .text-accent-light{color:#f9e05f!important}.zen .text-cta{color:#2b66c5!important}.zen .text-cta-dark{color:#22509b!important}.zen .text-cta-light{color:#4b81d8!important}.zen .text-ghost{color:#fff!important}.zen .text-ghost-dark{color:#e6e6e6!important}.zen .text-ghost-light{color:#fff!important}.zen .text-red{color:#f54c22!important}.zen .text-red-dark{color:#da330a!important}.zen .text-red-light{color:#f77453!important}.zen .text-orange{color:#f7c44e!important}.zen .text-orange-dark{color:#f5b41d!important}.zen .text-orange-light{color:#f9d47f!important}.zen .text-yellow{color:#fbec43!important}.zen .text-yellow-dark{color:#fae711!important}.zen .text-yellow-light{color:#fcf175!important}.zen .text-green{color:#48cc6b!important}.zen .text-green-dark{color:#31b053!important}.zen .text-green-light{color:#70d78b!important}.zen .text-blue{color:#5394fc!important}.zen .text-blue-dark{color:#2175fb!important}.zen .text-blue-light{color:#85b3fd!important}.zen .text-purple{color:#ab56f4!important}.zen .text-purple-dark{color:#9326f1!important}.zen .text-purple-light{color:#c386f7!important}.zen .text-white{color:#eee!important}.zen .text-white-dark{color:#d5d5d5!important}.zen .text-white-light{color:#fff!important}.zen .text-black{color:#070707!important}.zen .text-black-dark{color:#000!important}.zen .text-black-light{color:#212121!important}.zen .text-grey{color:#eee!important}.zen .text-grey-dark{color:#d5d5d5!important}.zen .text-grey-light{color:#fff!important}.zen .text-grey-1{color:#c6c6c6!important}.zen .text-grey-2{color:#b0b0b0!important}.zen .text-grey-3{color:#999!important}.zen .text-grey-4{color:#838383!important}.zen .text-grey-5{color:#6d6d6d!important}.zen .text-grey-6{color:#585858!important}.zen .text-red-dark{color:#f43c0e!important}.zen .text-red-light{color:#f6603a!important}.zen .text-orange-dark{color:#f5b522!important}.zen .text-orange-light{color:#f9d37a!important}.zen .text-yellow-dark{color:#fae716!important}.zen .text-yellow-light{color:#fcf170!important}.zen .text-green-dark{color:#32b455!important}.zen .text-green-light{color:#6cd688!important}.zen .text-blue-dark{color:#2678fb!important}.zen .text-blue-light{color:#80b0fd!important}.zen .text-purple-dark{color:#962bf1!important}.zen .text-purple-light{color:#c081f7!important}.zen .text-danger{color:#a23737}.zen .text-danger,.zen .text-warning{position:relative;top:-5px}.zen .exit{background-color:#000;background-color:rgba(0,0,0,.4);display:none;height:100%;left:0;overflow:auto;padding-top:60px;position:fixed;top:0;width:100%;z-index:3}.zen .modal-content{background-color:#fefefe;border:1px solid #888;margin:5% auto;padding:20px;width:80%}.zen .modal-content .close{position:absolute;right:-5px;text-align:right!important;top:-4px}.zen #contact button[type=submit],.zen #contact input[type=email],.zen #contact input[type=tel],.zen #contact input[type=text],.zen #contact input[type=url],.zen #contact textarea{border:0;border-radius:6px;margin-bottom:5px;padding:10px;width:100%}.zen #contact{background:#0b6e09;border-radius:6px;display:flex;flex-direction:column;gap:1em;padding:25px}.zen #contact textarea{height:100px;resize:none}.zen #contact button[type=submit]{cursor:pointer}.zen :-ms-input-placeholder,.zen ::-webkit-input-placeholder,.zen ::placeholder{color:#888}.zen .nav-menu ul{border-radius:6px;flex-direction:column;list-style:none;margin:0;overflow:hidden;padding:0;position:relative}.zen .nav-menu li{align-items:center;cursor:pointer;display:flex;flex-grow:1;justify-content:unset;line-height:1.5em;margin:0;padding:10px 10px 10px 20px;width:100%}.zen .nav-menu li i{margin-top:3px}.zen .active-highlight{background-color:#2b66c5;height:100%;left:0;position:absolute;top:0;transform:translateY(-100%);transition:transform .3s ease;width:100%;z-index:-1}.zen .nav-menu li:hover{background-color:hsla(0,0%,66%,.35)}.zen .nav-menu li.active{background:#2b66c5;color:#fff}.zen .nav-menu li.active .icon,.zen .nav-menu li.active .menu-item .main-text,.zen .nav-menu li.active .menu-item .sub-text{color:#fff}.zen .nav-menu li .menu-item{display:flex;flex-direction:column}.zen .nav-menu li .menu-item .main-text{font-weight:700}.zen .sub-text{font-size:.8em;opacity:.7}.zen .flex{display:flex}.zen .card .card-bottom{flex:0;margin-top:auto}.zen .flex-inline{display:inline-flex}.zen .flex-direction-row{flex-direction:row}.zen .flex-direction-row-reverse{flex-direction:row-reverse}.zen .flex-direction-column{flex-direction:column}.zen .flex-direction-column-reverse{flex-direction:column-reverse}.zen .flex-wrap{flex-wrap:wrap}.zen .flex-nowrap{flex-wrap:nowrap}.zen .flex-wrap-reverse{flex-wrap:wrap-reverse}.zen .justify-content-start{justify-content:flex-start}.zen .justify-content-end{justify-content:flex-end}.zen .justify-content-between{justify-content:space-between}.zen .justify-content-around{justify-content:space-around}.zen .justify-content-evenly{justify-content:space-evenly}.zen .align-items-start{align-items:flex-start}.zen .align-items-end{align-items:flex-end}.zen .align-items-baseline{align-items:baseline}.zen .align-items-stretch{align-items:stretch}.zen .align-content-start{align-content:flex-start}.zen .align-content-end{align-content:flex-end}.zen .align-content-center{align-content:center}.zen .align-content-between{align-content:space-between}.zen .align-content-around{align-content:space-around}.zen .align-content-stretch{align-content:stretch}.zen .align-self-start{align-self:flex-start}.zen .align-self-end{align-self:flex-end}.zen .align-self-center{align-self:center}.zen .align-self-baseline{align-self:baseline}.zen .align-self-stretch{align-self:stretch}.zen .flex-grow-0{flex-grow:0}.zen .flex-shrink-0{flex-shrink:0}.zen .flex-shrink-1{flex-shrink:1}.zen .order-0{order:0}.zen .order-1{order:1}.zen .order-2{order:2}.zen .order-3{order:3}.zen .order-4{order:4}.zen .order-5{order:5}.zen .order-6{order:6}.zen .order-7{order:7}.zen .order-8{order:8}.zen .order-9{order:9}.zen .order-10{order:10}.zen .reverse>:nth-z-col(1){order:2}.zen .reverse>:nth-z-col(2){order:1}.zen .expand{flex:1}.zen .center-me,.zen .img-center{align-self:center}.zen .center-flex{justify-content:center}.zen .flex-row{flex-direction:row}.zen .flex-col{flex-direction:column}.zen .d-flex{display:flex}.zen .flex-grow-1{flex-grow:1}.zen .flex-grow-2{flex-grow:2}.zen .flex-grow-8{flex-grow:8}.zen .align-self-start{align-self:start}.zen .flex-align-vertical{flex-direction:column}.zen .flex-align-vertical,.zen .flex-vertical-center{align-items:center;display:flex;justify-content:center}.zen .flex-vertical-center{flex-grow:1}.zen .flex-align-horizontal{align-items:center;display:flex;flex-direction:row;justify-content:center}.zen .justify-content-center{justify-content:center}.zen .align-items-center{align-items:center}.zen .center-flex-child{margin:auto}.zen .megamenu .z-col,.zen .megamenu z-col{flex-basis:30.94%!important}.zen .two-up{display:flex;flex-wrap:wrap}.zen .two-up>*{flex:1 0 49.18%!important}.zen .three-up{display:flex;flex-wrap:wrap}.zen .three-up>*{flex:1 0 32.245%!important}.zen .four-up{display:flex;flex-wrap:wrap;gap:1em}.zen .four-up>*{flex:1}.zen .five-up{display:flex;flex-wrap:wrap}.zen .five-up>*{flex:1 0 18.458%!important}.zen .six-up{display:flex;flex-wrap:wrap}.zen .six-up>*{flex:1 0 15.49%!important;margin:0}.zen .seven-up{display:flex;flex-wrap:wrap}.zen .seven-up>*{flex:1 0 13.083%!important}.zen .eight-up{display:flex;flex-wrap:wrap}.zen .eight-up>*{flex:1 0 11.27%!important}.zen .br-0{border-radius:0}@media(min-width:576px){.zen .zen{font-size:14px}.zen .header,.zen .z-container,.zen z-container{max-width:540px}.zen .mobile\:hide{display:none}.zen .single{max-width:390px;min-width:390px}}@media(min-width:768px){.zen .zen{font-size:14px}.zen .header,.zen .z-container,.zen z-container{max-width:720px}.zen .z-row,.zen z-row{flex-direction:row!important}.zen .z-row.stack-mobile{flex-direction:row}.zen .z-row.stack-tablet{flex-direction:column}.zen .hide-tablet{display:none}.zen .tablet-reverse{flex-direction:column}.zen .z-col,.zen z-col{flex-basis:33%!important}.zen .z-row .z-col .z-col,.zen z-row z-col z-col{flex-direction:column}}@media(min-width:992px){.zen .zen{font-size:16px}.zen .header,.zen .z-container,.zen z-container{max-width:960px}.zen .z-row.stack-mobile,.zen .z-row.stack-tablet{flex-direction:row}.zen .z-col,.zen z-col{flex-basis:calc(25% - 20px)!important}}@media(min-width:1200px){.zen .zen{font-size:16px}.zen .header,.zen .z-container,.zen z-container{max-width:1140px}.zen .z-row.stack-tablet{flex-direction:row}.zen .z-row.stack-mobile{flex-direction:row!important}.zen .z-row .z-col .z-col,.zen z-row z-col z-col{flex-direction:column}}.zen .tablet-reverse{display:flex;flex-direction:column-reverse;flex-wrap:wrap}@media(max-width:991px){.zen .z-col,.zen z-col{padding:.8rem}.zen ol,.zen ul{padding-left:18px}}@media(max-width:768px){.zen .card{font-size:1em}.zen .tablet-reverse>:nth-z-col(1){order:2}.zen .tablet-reverse>:nth-z-col(2){order:1}.zen .z-container-fluid .z-col,.zen z-container-fluid z-col{margin-left:0!important;margin-right:0!important}.zen .br-left,.zen .br-right{border-radius:unset!important}}@media(max-width:767px){.zen .z-col,.zen blockquote,.zen z-col{margin-left:0;margin-right:0}.zen blockquote{font-size:.8rem;padding:0 15px}.zen li{padding-left:.1em}.zen blockquote:before{left:0;top:0}.zen .mobile-square{border-radius:0}.zen .z-col>.z-container>.z-row>.z-col,.zen z-col>z-container>z-row>z-col{margin-left:0!important;margin-right:0!important}}@media(max-width:1199px){.zen .eight-up>*{flex:1 0 23.751%!important}.zen .five-up>*{flex:1 0 32.293%!important}.zen .five-up>:nth-child(4n+4),.zen .five-up>:nth-child(4n+5){flex:1 0 49.168%!important}.zen .six-up>*{flex:1 0 32.223%!important}}.zen .narrow{padding-left:.5em!important;padding-right:.5em!important}.zen .narrow-left{padding-left:.5em}.zen .narrow-left-sm{padding-left:2em}.zen .narrow-left-md{padding-left:4em}.zen .narrow-left-lg{padding-left:6em}.zen .narrow-right{padding-left:.5em}.zen .narrow-sm{padding-left:1em;padding-right:1em}.zen .narrow-md{padding-left:1.5em;padding-right:1.5em}.zen .narrow-lg{padding-left:2em;padding-right:2em}.zen .narrow-xl{padding-left:15%;padding-right:15%}@media(max-width:992px){.zen .narrow,.zen .narrow-left,.zen .narrow-left-lg,.zen .narrow-left-md,.zen .narrow-left-sm,.zen .narrow-lg,.zen .narrow-md,.zen .narrow-right,.zen .narrow-sm{padding-left:1.2em;padding-right:1.2em}.zen .narrow-xl{padding-left:1em;padding-right:1em}.zen .tablet-reverse>:nth-z-col(1){order:2}.zen .tablet-reverse>:nth-z-col(2){order:1}.zen .center-tablet{text-align:center}.zen .eight-up>*{flex:1 0 23.335%!important}.zen .five-up>*{flex:1 0 31.853%!important}.zen .five-up>:nth-child(4n+4),.zen .five-up>:nth-child(4n+5){flex:1 0 48.891%!important}.zen .six-up>*{flex:1 0 31.853%!important}.zen .border-right:after{border-bottom:1px solid rgba(115,130,140,.2);border-right:0;content:"";height:1px;position:relative;right:0;top:15px;width:100%}.zen .tablet-order-0{order:0}.zen .tablet-order-1{order:1}.zen .tablet-order-2{order:2}}.zen .col-nested{margin-left:0;margin-right:0}@media(max-width:768px){.zen .dropdown-content.megamenu .z-col,.zen .dropdown-content.megamenu z-col{padding-bottom:0!important;padding-top:0!important}.zen header{height:50px;padding:0}.zen #hamburger-button{padding:0 10px 0 0}.zen .feature,.zen .feature-lg,.zen .feature-md,.zen .feature-sm{flex-grow:1}}@media(max-width:767px){.zen .mobile\:thin{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%}.zen .mobile\:max-up{flex-direction:row;justify-content:center}.zen .tablet\:text-center{text-align:center!important}.zen .mobile\:two-up{flex-direction:row;justify-content:center}.zen .mobile\:two-up .z-col,.zen .mobile\:two-up z-col{flex-basis:calc(50% - 20px)!important;margin:0!important;width:100%}}.zen .feature{flex-grow:1.5!important}.zen .feature-sm{flex-grow:2.3!important}.zen .feature-md{flex-grow:3.9!important}.zen .feature-lg{flex-grow:8!important}.zen .feature-xl{flex-grow:35!important}@media(max-width:576px){.zen .card{margin-left:2.5%!important;margin-right:2.5%!important;width:95%}}.zen .p-0{padding:0!important}.zen .m-0{margin:0!important}.zen .p-1{padding:.25rem!important}.zen .m-1{margin:.25rem!important}.zen .p-2{padding:.5rem!important}.zen .m-2{margin:.5rem!important}.zen .p-3{padding:.75rem!important}.zen .m-3{margin:.75rem!important}.zen .p-4{padding:1rem!important}.zen .m-4{margin:1rem!important}.zen .p-5{padding:1.25rem!important}.zen .m-5{margin:1.25rem!important}.zen .mt-0{margin-top:0!important}.zen .mb-0{margin-bottom:0!important}.zen .ml-0{margin-left:0!important}.zen .mr-0{margin-right:0!important}.zen .pt-0{padding-top:0!important}.zen .pb-0{padding-bottom:0!important}.zen .pl-0{padding-left:0!important}.zen .pr-0{padding-right:0!important}.zen .mt-1{margin-top:.25em!important}.zen .mb-1{margin-bottom:.25em!important}.zen .ml-1{margin-left:.25em!important}.zen .mr-1{margin-right:.25em!important}.zen .pt-1{padding-top:.25em!important}.zen .pb-1{padding-bottom:.25em!important}.zen .pl-1{padding-left:.25em!important}.zen .pr-1{padding-right:.25em!important}.zen .mt-2{margin-top:.5em!important}.zen .mb-2{margin-bottom:.5em!important}.zen .ml-2{margin-left:.5em!important}.zen .mr-2{margin-right:.5em!important}.zen .pt-2{padding-top:.5em!important}.zen .pb-2{padding-bottom:.5em!important}.zen .pl-2{padding-left:.5em!important}.zen .pr-2{padding-right:.5em!important}.zen .mt-3{margin-top:.75em!important}.zen .mb-3{margin-bottom:.75em!important}.zen .ml-3{margin-left:.75em!important}.zen .mr-3{margin-right:.75em!important}.zen .pt-3{padding-top:.75em!important}.zen .pb-3{padding-bottom:.75em!important}.zen .pl-3{padding-left:.75em!important}.zen .pr-3{padding-right:.75em!important}.zen .mt-4{margin-top:1em!important}.zen .mb-4{margin-bottom:1em!important}.zen .ml-4{margin-left:1em!important}.zen .mr-4{margin-right:1em!important}.zen .pt-4{padding-top:1em!important}.zen .pb-4{padding-bottom:1em!important}.zen .pl-4{padding-left:1em!important}.zen .pr-4{padding-right:1em!important}.zen .mt-5{margin-top:1.25em!important}.zen .mb-5{margin-bottom:1.25em!important}.zen .ml-5{margin-left:1.25em!important}.zen .mr-5{margin-right:1.25em!important}.zen .pt-5{padding-top:1.25em!important}.zen .pb-5{padding-bottom:1.25em!important}.zen .pl-5{padding-left:1.25em!important}.zen .pr-5{padding-right:1.25em!important}.zen .p-6{padding:2em!important}.zen .m-6{margin:2em!important}.zen .p-7{padding:3em!important}.zen .m-7{margin:3em!important}.zen .text-success{color:#30ac51;position:relative;top:-5px}.zen .text-failure{color:#f43c0e}@media(max-width:575.98px){.zen{font-size:14px}.zen p{letter-spacing:-.2px;line-height:1.4rem}}@media(min-width:576px)and (max-width:767.98px){.zen{font-size:14px}.zen p{letter-spacing:-.1px;line-height:1.4rem}}@media(min-width:768px)and (max-width:991.98px){.zen{font-size:15px}.zen p{line-height:1.5rem}}@media(min-width:992px)and (max-width:1199.98px){.zen{font-size:15px}}@media(min-width:1200px){.zen{font-size:16px}}.zen-dark{background:#2a2a2a;color:#cacaca}.zen-dark .text-dual{color:#cacaca!important}.zen-dark a{color:#cacaca;cursor:pointer;text-decoration:underline}.zen-dark a:hover{color:#e8e8e8;text-decoration:none}.zen-dark .text-grey-dual{color:#8c8c8c}.zen .zen-dark .tab-nav-round .item-minimal:hover,.zen .zen-dark .tab-nav-round-thin .item-minimal:hover,.zen .zen-dark .tab-nav-thin .item-minimal:hover,.zen-dark .bg-ui-hover:hover,.zen-dark .tab-nav .item-minimal:hover,.zen-dark .zen .tab-nav-round .item-minimal:hover,.zen-dark .zen .tab-nav-round-thin .item-minimal:hover,.zen-dark .zen .tab-nav-thin .item-minimal:hover{background:hsla(0,0%,79%,.3)}.zen-dark .btn-outline,.zen-dark .text-cta-dual{color:#ededed}.zen-dark .link-classic{color:#2994ff;text-decoration:none}.zen-dark .theme-light{background:hsla(0,0%,100%,.1);color:#cacaca}.zen-dark .theme-light .btn-outline,.zen-dark .theme-light a{color:#cacaca}.zen-dark .theme-dark{background:rgba(13,17,23,.25)}.zen-dark .dropdown-content{background:#e2e2e2}.zen-dark .caret-up{background:none!important;border-bottom:10px solid #e2e2e2;border-left:10px solid transparent;border-right:10px solid transparent;display:none;height:0;left:15px;position:absolute;top:calc(100% + 29px);transform:translateY(-100%);width:0;z-index:10} -/*# sourceMappingURL=zen.min.css.map */ \ No newline at end of file +@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap"; +.zen { + background: #e2e2e2; + box-sizing: border-box; + color: #444; + display: flex; + flex-direction: column; + font-family: + Inter, + Helvetica Neue, + Helvetica, + Arial, + sans-serif; + font-size: 16px; + font-weight: 400; + margin: 0; + overflow-x: hidden; + scroll-behavior: smooth; +} +.zen :after, +.zen :before { + box-sizing: border-box; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-rendering: optimizeLegibility; +} +.zen .bg-primary-gradient { + background: linear-gradient(180deg, #094394, #05295a) !important; + color: #fff !important; +} +.zen .bg-secondary-gradient { + background: linear-gradient(180deg, #0b6e09, #053504) !important; + color: #fff !important; +} +.zen .bg-cta-gradient { + background: linear-gradient(180deg, #2b66c5, #1b3f7a) !important; + color: #fff !important; +} +.zen .bg-accent-gradient { + background: linear-gradient(180deg, #f7d62e, #fae478) !important; + color: #000 !important; +} +.zen .bg-red-gradient { + background: linear-gradient(180deg, #f54c22, #f87b5d) !important; + color: #000 !important; +} +.zen .bg-orange-gradient { + background: linear-gradient(180deg, #f7c44e, #fbde9c) !important; + color: #000 !important; +} +.zen .bg-yellow-gradient { + background: linear-gradient(180deg, #fbec43, #fdf493) !important; + color: #000 !important; +} +.zen .bg-green-gradient { + background: linear-gradient(180deg, #48cc6b, #88de9f) !important; + color: #000 !important; +} +.zen .bg-blue-gradient { + background: linear-gradient(180deg, #5394fc, #a3c6fd) !important; + color: #000 !important; +} +.zen .bg-purple-gradient { + background: linear-gradient(180deg, #ab56f4, #d1a3f9) !important; + color: #000 !important; +} +.zen .light-color { + color: #fff; +} +.zen .z-container, +.zen z-container { + align-items: stretch !important; + border-radius: 6px; + display: block; + display: flex; + flex-direction: column; + flex-grow: 1; + margin: 0 auto; + max-width: 1140px; + width: 100%; +} +.zen .z-container-fluid, +.zen z-container-fluid { + border-radius: 0 !important; + display: flex; + flex-direction: column; + flex-grow: 1; + margin-left: auto; + margin-right: auto; + width: 100% !important; +} +.zen .z-row, +.zen z-row { + border-radius: 6px; + box-sizing: border-box; + display: flex; + flex-direction: column; + flex-grow: 1; + flex-wrap: wrap; + gap: 1em; + padding-bottom: 0.5em; + padding-top: 0.5em; + width: 100%; +} +.zen .z-row-vcenter { + align-items: center; +} +.zen .z-row-center { + justify-content: center; +} +.zen .z-row > *, +.zen z-row > * { + align-items: flex-start; + flex: 1; + justify-content: space-between; +} +.zen .z-col, +.zen z-col { + flex-basis: calc(25% - 20px) !important; + flex: 1; + margin: 0; + padding: 0.8em; + width: 100%; +} +.zen .z-col > *, +.zen z-col > * { + max-width: 100%; + width: 100%; +} +.zen .z-col > span, +.zen z-col > span { + display: inline; +} +.zen .z-col :has(.z-row), +.zen z-col :has(z-row) { + margin-left: 0; + margin-right: 0; +} +.zen html { + margin: 0; + padding: 0; +} +.zen .header { + display: flex; + justify-content: space-between; + margin: 0 auto; + min-height: 89px; + overflow: hidden; + padding: 0.618rem; + width: 100%; +} +.zen .bg-dark { + background: #000 !important; + color: #fff; +} +.zen .bg-dark button { + background: #fff; + color: #000; + cursor: pointer; + display: inline; + text-decoration: none; + transition: transform 0.3s ease-in-out; +} +.zen .bg-dark button:hover { + background: #d9d9d9; +} +.zen .bg-light { + background: #fff !important; + color: #000 !important; +} +.zen .bg-light button { + background: #000; + color: #fff; + cursor: pointer; + display: inline; + text-decoration: none; + transition: transform 0.3s ease-in-out; +} +.zen .bg-light button:hover { + background: #262626; +} +.zen .h1, +.zen h1 { + font-size: 2.75em; + line-height: 1.2; +} +.zen .h2, +.zen h2 { + font-size: 2.25em; +} +.zen .h3, +.zen h3 { + font-size: 2em; +} +.zen .h4, +.zen h4 { + font-size: 1.75em; +} +.zen .h5, +.zen h5 { + font-size: 1.5em; +} +.zen .h6, +.zen h6 { + font-size: 1.25em; +} +.zen .h1, +.zen .h2, +.zen .h3, +.zen .h4, +.zen .h5, +.zen .h6, +.zen h1, +.zen h2, +.zen h3, +.zen h4, +.zen h5, +.zen h6 { + position: relative; + z-index: 2; + text-wrap: pretty; + font-family: Inter, sans-serif; + font-weight: 600; + margin: 0; + padding: 1rem 0; +} +.zen h1 + h1, +.zen h1 + h2, +.zen h1 + h3, +.zen h1 + h4, +.zen h1 + h5, +.zen h1 + h6, +.zen h2 + h2, +.zen h2 + h3, +.zen h2 + h4, +.zen h2 + h5, +.zen h2 + h6, +.zen h3 + h3, +.zen h3 + h4, +.zen h3 + h5, +.zen h3 + h6, +.zen h4 + h4, +.zen h4 + h5, +.zen h4 + h6, +.zen h5 + h5, +.zen h5 + h6, +.zen h6 + h6 { + padding-top: 0; +} +.zen p { + letter-spacing: 0; + line-height: 1.65; + margin-bottom: 0.85rem; + margin-top: 0; + position: relative; + text-wrap: pretty; +} +.zen span { + align-self: flex-start; + display: inline; +} +.zen ol { + padding: 0; + padding-inline-start: 35px; +} +.zen ol, +.zen ul { + margin-block-end: 0; + margin-block-start: 0; + margin-bottom: 1em; +} +.zen ul { + list-style-type: disc; + padding: 0 0 0 30px; +} +.zen li { + line-height: 1.8rem; + margin-bottom: 0.5em; + margin-top: 0.5em; + padding-left: 0.5em; +} +.zen li::marker { + color: gray; +} +.zen ul li > ul { + list-style-type: circle; +} +.zen ul li > ul li > ul { + list-style-type: square; +} +.zen ul li > ul > li { + margin-bottom: 20px; + margin-top: 20px; +} +.zen hr { + height: 1px; + margin-bottom: 1.25em; + margin-top: 1.25em; + opacity: 0.15; + width: 100%; +} +.zen .hr-light { + opacity: 0.05; +} +.zen button.bg-cta:hover { + background: #2455a4; +} +.zen .z-col, +.zen .z-row, +.zen z-col, +.zen z-container, +.zen z-row { + box-sizing: border-box; +} +.zen img { + border-radius: 6px; + height: auto; + margin: 0; + max-width: 100%; + padding: 0; +} +.zen .image-left-fullbleed { + height: 100%; + width: auto; +} +.zen section { + padding-bottom: 0.25em; +} +.zen a.swap-underline { + color: #2b66c5; + text-decoration: none; +} +.zen a.swap-underline:hover { + text-decoration: underline; +} +.zen pre { + background: rgba(0, 0, 0, 0.1); + border: 1px solid rgba(115, 130, 140, 0.2); + border-radius: 6px; + font-family: + Consolas, + Monaco, + Andale Mono, + monospace; + font-size: 0.8em; + margin-bottom: 2em; + padding: 10px 20px; + white-space: pre-line; + width: 100%; +} +.zen figure { + margin: 1em 0; +} +.zen figcaption { + font-size: 0.875em; + line-height: 1.4285714; + margin-top: 0.8571429em; +} +.zen small { + line-height: 1.5; + margin-bottom: 1rem; + margin-top: 0; +} +.zen button[type="submit"], +.zen input, +.zen textarea { + border: 0; + font-family: + Inter, + Helvetica Neue, + Helvetica, + Arial, + sans-serif; + min-height: 39px; + padding: 5px; + width: 100%; +} +.zen input[type="submit"] { + padding-left: 10px; + padding-right: 10px; +} +.zen .tout { + width: auto; +} +.zen .thick { + border-width: 2px; +} +.zen .thicker { + border-width: 3px; +} +.zen .thickest { + border-width: 4px; + outline-width: 4px; +} +.zen .br-sm { + border-radius: 4px !important; +} +.zen .br-md { + border-radius: 8px !important; +} +.zen .br-lg { + border-radius: 12px !important; +} +.zen .br-xl { + border-radius: 16px !important; +} +.zen .br-xxl { + border-radius: 20px !important; +} +.zen .square { + border-radius: 0 !important; +} +.zen .br-bottom { + border-bottom-left-radius: 6px !important; + border-bottom-right-radius: 6px !important; + overflow: hidden; +} +.zen .br-top-0 { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; +} +.zen .br-bottom-0 { + border-bottom-right-radius: 0 !important; +} +.zen .br-bottom-0, +.zen .br-left-0 { + border-bottom-left-radius: 0 !important; +} +.zen .br-left-0 { + border-top-left-radius: 0 !important; +} +.zen .br-right-0 { + border-bottom-right-radius: 0 !important; + border-top-right-radius: 0 !important; +} +.zen .circle { + height: 56px; + width: 56px !important; +} +.zen .circle, +.zen .circle-border { + border-radius: 100%; +} +.zen .border-0 { + border: none !important; +} +.zen .page-section { + padding-bottom: 50px; + padding-top: 50px; +} +.zen a { + color: #5e5e5e; + cursor: pointer; + text-decoration: underline; +} +.zen a:hover { + color: #636363; + text-decoration: none; +} +.zen header :link { + font-size: 0.88rem; + text-decoration: none; +} +.zen header :link:hover { + background: rgba(0, 0, 0, 0.65); + border-radius: 6px; + text-decoration: none; +} +.zen .image-container { + overflow: hidden; + position: relative; +} +.zen .image-container img { + display: none; +} +.zen .image-text-card { + align-items: center; + box-shadow: 0 4px 8px hsla(0, 0%, 49%, 0.1); + display: flex; + flex-direction: row; + font-size: 0.7em; + gap: 0.2em; +} +.zen .image-text-card .left-group { + align-self: center; + margin-right: 20px; + width: 28%; +} +.zen .text-group { + display: flex; + flex: 4; + flex-direction: column; + gap: 0.3em; +} +.zen .text-group .signature { + font-size: 11px; + font-style: italic; + margin-top: 5px; +} +.zen .cookie-consent-banner { + background: #fff; + bottom: 0; + color: #000; + display: none; + left: 0; + padding: 15px; + position: fixed; + text-align: center; + width: 100%; + z-index: 1100; +} +.zen .cookie-consent-banner a, +.zen .cookie-consent-banner a:hover { + color: #000; +} +.zen .cookie-consent-banner p { + display: inline-block; + margin: 0 10px 0 0; +} +.zen * { + box-sizing: border-box; + scrollbar-color: #a1a1a1 #e8e8e8; + scrollbar-width: thin; +} +.zen ::-webkit-scrollbar { + width: 8px; +} +.zen ::-webkit-scrollbar-track { + background: #e8e8e8; +} +.zen ::-webkit-scrollbar-thumb { + background-color: #b0b0b0; + border: 1px solid #b0b0b0; + border-radius: 8px; +} +.zen .header-sticky { + position: sticky; + top: 0; + z-index: 1000; +} +.zen .icon-circle { + align-items: center; + background: rgba(115, 130, 140, 0.2); + border-radius: 50%; + color: #fff; + display: inline-flex; + height: 50px; + justify-content: center; + width: 50px; +} +.zen .nav-dropdown .dropdown-content a { + padding-left: 12px; +} +.zen .language-css, +.zen .language-html, +.zen .language-scss { + white-space: pre-wrap; + word-wrap: break-word; +} +.zen .border-right:after { + border-right: 1px solid rgba(115, 130, 140, 0.2); + content: ""; + height: 100%; + position: absolute; + right: -5px; + top: 0; + width: 0; +} +.zen .border-top { + border-top: 1px solid rgba(115, 130, 140, 0.2); +} +.zen .border-bottom { + position: relative; +} +.zen .border-bottom:after { + background-color: rgba(115, 130, 140, 0.2); + bottom: 7px; + content: ""; + height: 1px; + left: 0; + position: absolute; + width: 100%; + z-index: -1; +} +.zen .text-decoration-none { + text-decoration: none; +} +.zen #skip-navigation { + left: -9999px; + position: absolute; +} +.zen .skip-link:focus { + background-color: #fff; + font-weight: 700; + height: auto; + left: 0; + padding: 5px; + text-align: center; + top: 0; + width: auto; + z-index: 999; +} +.zen .video-container { + aspect-ratio: 16/9; + overflow: hidden; + position: relative; + width: 100%; +} +.zen .video-container video { + height: 100%; + position: relative; + width: 100%; +} +.zen .youtube\:video-container { + aspect-ratio: 16/9; + display: block; + margin: 0 auto; + width: 100%; +} +.zen .youtube\:video-container iframe { + border: none; + display: block; + height: 100%; + width: 100%; +} +.zen .content-box { + box-sizing: content-box; +} +.zen .text-superscript { + font-size: 0.5em; + position: relative; + vertical-align: super; +} +.zen .bg-black { + background: #000; + color: #fff; +} +.zen .modal-sm { + max-width: 500px; +} +.zen .link-white { + color: #fff; +} +.zen .link-white:hover { + color: #e6e6e6; +} +.zen .fade-out { + opacity: 0; + transition: opacity 0.5s ease; +} +.zen .fade-in { + opacity: 1; + transition: opacity 0.5s ease; +} +.zen .br-left { + border-bottom-left-radius: 6px !important; + border-top-left-radius: 6px !important; +} +.zen .br-right { + border-bottom-right-radius: 6px !important; + border-top-right-radius: 6px !important; +} +.zen .line-clamp-1 { + -webkit-line-clamp: 1; +} +.zen .line-clamp-1, +.zen .line-clamp-2 { + display: -webkit-box; + overflow: hidden; + -webkit-box-orient: vertical; +} +.zen .line-clamp-2 { + -webkit-line-clamp: 2; +} +.zen .line-clamp-3 { + -webkit-line-clamp: 3; +} +.zen .line-clamp-3, +.zen .line-clamp-4 { + display: -webkit-box; + overflow: hidden; + -webkit-box-orient: vertical; +} +.zen .line-clamp-4 { + -webkit-line-clamp: 4; +} +.zen .line-clamp-5 { + -webkit-line-clamp: 5; +} +.zen .line-clamp-5, +.zen .line-clamp-6 { + display: -webkit-box; + overflow: hidden; + -webkit-box-orient: vertical; +} +.zen .line-clamp-6 { + -webkit-line-clamp: 6; +} +.zen .line-clamp-none { + display: block; + overflow: visible; + -webkit-box-orient: horizontal; + -webkit-line-clamp: none; +} +.zen .hero-section { + padding-bottom: 65px !important; + padding-top: 65px !important; +} +.zen .code { + margin-bottom: 1.5em; +} +.zen .border-top-0 { + border-top: none !important; +} +.zen .border-bottom-0 { + border-bottom: none !important; +} +.zen .tabbed-card { + border-radius: 6px; + gap: 0 !important; + margin: 0 auto; + padding: 0; +} +.zen .tab-header { + border: 1px solid rgba(115, 130, 140, 0.2); + border-bottom: none; + border-top-left-radius: 6px; + border-top-right-radius: 6px; + display: flex; + justify-content: space-between; + padding: 10px 10px 0; +} +.zen .tab-content { + border: 1px solid rgba(115, 130, 140, 0.2); + border-radius: 0 0 6px 6px; + padding: 20px; +} +.zen .panel { + max-height: 0; + overflow: hidden; + transition: max-height 0.5s ease-out; +} +.zen .panel:after { + content: ""; + display: block; + height: 200px; +} +.zen .active-toggle { + background-color: hsla(0, 0%, 78%, 0.3) !important; +} +.zen .tab-content:not(.active) { + display: none; +} +.zen .close { + background: transparent; + border: none; + color: #999; + cursor: pointer; + font-size: 16px; + padding: 8px; +} +.zen .close:before { + content: ""; + display: inline-block; + font-family: zenicons; +} +.zen .close:hover:before { + color: #999; + content: ""; +} +.zen .naked { + background: unset !important; + border: unset !important; +} +.zen .overlay { + background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), transparent); + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + z-index: 1; +} +.zen .lazy-load { + background-color: gray; + height: auto; + width: 100%; +} +.zen .zen-body-bg-color { + background: #e2e2e2; +} +.zen .underline-handdrawn { + background-image: url(../img/placeholder/underline.svg); + background-position: bottom; + background-repeat: repeat-x; + background-size: 100%; + display: inline-block; + padding-bottom: 15px; + text-decoration: none; +} +.zen .promo-banner { + background: #094394; + color: #fff; + height: auto; + line-height: normal; + width: 100%; + word-wrap: break-word; + align-items: center; + display: flex; + flex-direction: row; + justify-content: center; + padding: 0.8rem !important; + text-align: center; + white-space: normal; +} +.zen .promo-banner-text { + color: #fff; + font-size: 18px; +} +.zen .promo-banner-button, +.zen .promo-banner-icon, +.zen .promo-banner-input { + vertical-align: middle; +} +.zen .promo-banner-input { + margin-right: 10px; + padding: 5px; +} +.zen .promo-banner-button { + background-color: #2b66c5; + border: none; + color: #fff; + cursor: pointer; + padding: 10px 20px; +} +.zen .promo-banner-icon { + margin-right: 10px; +} +.zen header { + align-items: center; + background: #212121; + display: flex; + justify-content: space-between; + padding: 10px 20px; + width: 100%; +} +.zen #header-logo, +.zen #header-logo img { + max-height: 43px; +} +.zen #header-logo a:hover, +.zen #header-logo img a:hover { + background: none; +} +.zen .top-nav ul { + height: 100%; +} +.zen .top-nav li { + align-items: center; + align-self: center; + display: flex; + height: 4%; + justify-content: center; + margin-left: 20px; +} +.zen .top-nav :link { + text-decoration: none; +} +.zen .top-nav a:hover { + background: hsla(0, 0%, 60%, 0.3); + color: #cacaca; + text-decoration: none; +} +.zen .nav-dropdown { + padding: 1em 0.5em; +} +.zen .nav-dropdown .dropdown-content { + border-top-left-radius: 0; + border-top-right-radius: 0; + padding-bottom: 0.9em; + padding-top: 1em; + top: 115%; +} +.zen .nav-dropdown .caret-up { + top: calc(100% + 12px); +} +.zen header { + padding: 10px; + z-index: 1001; +} +.zen .top-nav .li { + max-height: 52px; +} +.zen #header-logo img { + height: 40px; +} +.zen #close-button, +.zen #hamburger-button-2 { + background: none; + border: none; + color: #ccc; + cursor: pointer; + display: none; + font-size: 30px; + margin: 5px; + padding: 0; +} +.zen .top-nav { + display: flex; +} +.zen .top-nav ul { + display: flex; + list-style-type: none; + margin: 0; + padding: 0; +} +.zen .top-nav li { + margin: 0 10px; +} +.zen .top-nav a { + color: #eee; + display: block; + padding: 10px; + text-decoration: none; + transition: color 0.3s; +} +@media (min-width: 768px) { + .zen #hamburger-button { + display: none; + } +} +@media (max-width: 768px) { + .zen #hamburger-button-2 { + display: block; + } + .zen .nav-link { + width: 90%; + } + .zen .top-nav { + background: #303030; + display: block; + height: 100%; + left: -250px; + overflow: auto; + overflow-x: hidden; + position: fixed; + top: 0; + transition: left 0.3s; + width: 250px; + } + .zen #nav-placeholder .sticky-nav { + top: 50px; + } + .zen .top-nav ul { + flex-direction: column; + padding-top: 30px; + } + .zen .top-nav li { + display: block; + height: 40px; + margin: 0 0 0 1.5em; + width: 100%; + } + .zen #close-button { + display: block; + height: 44px; + position: absolute; + right: -5px; + top: -10px; + width: 44px; + } +} +.zen .icon-header { + filter: invert(81%) sepia(5%) saturate(13%) hue-rotate(315deg) brightness(85%) contrast(91%); + height: 20px; + margin-right: 5px; +} +.zen form { + margin-top: 0.5em; +} +.zen form fieldset { + border: none; + margin-bottom: 20px; + padding: 20px; +} +.zen form p { + margin-bottom: 1em; +} +.zen form label { + display: block; + margin-bottom: 0.5em; +} +.zen form input[type="color"], +.zen form input[type="date"], +.zen form input[type="datetime-local"], +.zen form input[type="datetime"], +.zen form input[type="email"], +.zen form input[type="month"], +.zen form input[type="number"], +.zen form input[type="password"], +.zen form input[type="range"], +.zen form input[type="search"], +.zen form input[type="tel"], +.zen form input[type="text"], +.zen form input[type="time"], +.zen form input[type="url"], +.zen form input[type="week"], +.zen form select, +.zen form textarea { + border: 1px solid rgba(115, 130, 140, 0.2); + border-radius: 6px; + padding: 0 10px; + width: 100%; +} +.zen form input[type="color"] { + height: 200px; +} +.zen form input[type="checkbox"], +.zen form input[type="radio"] { + margin-right: 10px; +} +.zen form button, +.zen form input[type="button"], +.zen form input[type="reset"], +.zen form input[type="submit"] { + background-color: #094394; + border: none; + border-radius: 6px; + color: #fff; + cursor: pointer; + font-size: 16px; + margin-left: -1px; + padding: 10px 20px; +} +.zen form button:hover, +.zen form input[type="button"]:hover, +.zen form input[type="reset"]:hover, +.zen form input[type="submit"]:hover { + background: #22509b; +} +.zen form input[type="file"] { + border: none; + border-radius: 6px; + padding: 0 10px; + width: 100%; +} +.zen form output { + color: #094394; + display: block; + margin-bottom: 10px; +} +.zen form input[type="date"], +.zen form input[type="datetime-local"], +.zen form input[type="month"], +.zen form input[type="time"], +.zen form input[type="week"], +.zen form select { + border: 0; + color: #000; +} +.zen .form-footer { + display: block; + font-size: 0.7rem; + margin-top: 1em; + opacity: 0.5; +} +.zen form div { + margin-bottom: 20px; + position: relative; +} +.zen input { + font-size: 13px; + padding: 5px; + width: 100%; +} +.zen .form-container form label { + font-size: 0.8em; + left: 10px; + position: absolute; + top: 13px; + transition: all 0.3s; +} +.zen form input:not(:-moz-placeholder-shown) + label { + font-size: 8px; + left: 10px; + top: 3px; +} +.zen form input:focus + label, +.zen form input:not(:placeholder-shown) + label { + font-size: 8px; + left: 10px; + top: 3px; +} +.zen input[type="checkbox"], +.zen input[type="radio"] { + height: 12px; + min-height: 12px; + width: 12px; +} +.zen form select, +.zen select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-image: url(../img/icons/zenicon-arrow-down.svg); + background-position: right 10px center; + background-position: right 7px center; + background-repeat: no-repeat; + border: 1px solid rgba(115, 130, 140, 0.2); + cursor: pointer; + padding: 10px 20px 10px 4px; + text-indent: 10px; + width: 100%; +} +.zen .slides-container { + transition: transform 0.5s ease; + width: 100%; +} +.zen .slide { + min-width: 100%; + transition: transform 0.5s ease; +} +.zen .arrow { + padding: 0 10px; +} +@media (max-width: 768px) { + .zen .arrow { + font-size: 30px; + padding: 5px; + } +} +.zen .btn, +.zen button { + align-items: center; + background: #545454; + border: none; + border-radius: 6px; + box-sizing: border-box; + color: #fff; + cursor: pointer; + display: inline-flex; + font-family: + Inter, + Helvetica Neue, + Helvetica, + Arial, + sans-serif; + font-size: 14px; + justify-content: center; + margin: 10px 3px; + min-height: 46px; + padding: 10px 16px; + text-decoration: none; + z-index: 3; +} +.zen .btn:hover, +.zen button:hover { + background: #6e6e6e; +} +.zen .disabled { + cursor: not-allowed; + opacity: 0.65; + pointer-events: none; +} +.zen .btn { + display: inline-flex !important; + position: relative; +} +.zen .label { + background: #545454; + border-radius: 6px; + color: #fff; + display: inline; + font-family: Inter, sans-serif; + line-height: 11px; + padding: 3px 15px; + width: auto; +} +.zen .eyebrow, +.zen .label { + font-size: 11px; + font-weight: 700; + overflow: hidden; + position: relative; +} +.zen .eyebrow { + display: inline-block; + line-height: 10px; +} +.zen .position-top-right { + border-radius: 5px; + float: right; + margin-right: 10px; + padding: 5px 10px; +} +.zen .position-top-center { + left: 50%; + padding-top: 0.4em; + position: absolute; + top: -9px; + transform: translateX(-50%); +} +.zen .position-corner { + float: right; + margin-right: -17px; + margin-top: -13px; + padding: 5px 10px; +} +.zen .label-circle { + align-items: center; + border-radius: 50%; + display: inline-flex; + height: 16px; + justify-content: center; + width: 16px; +} +.zen .label-wrapper { + border-top-left-radius: 6px; + height: 45px; + margin-left: -18px; + margin-top: -18px; + overflow: hidden; + position: absolute; + width: 45px; +} +.zen .btn-primary { + background: #094394 !important; + color: #fff !important; +} +.zen .btn-primary:hover { + background: #05295a !important; +} +.zen .btn-secondary { + background: #0b6e09 !important; + color: #fff !important; +} +.zen .btn-secondary:hover { + background: #053504 !important; +} +.zen .btn-dark { + background: #333 !important; + color: #fff !important; +} +.zen .btn-dark:hover { + background: #000 !important; +} +.zen .btn-light { + background: #fff !important; + color: #000 !important; +} +.zen .btn-light:hover { + background: #d4d4d4 !important; +} +.zen .btn-cta { + background: #2b66c5 !important; + color: #fff !important; +} +.zen .btn-cta:hover { + background: #204c93 !important; +} +.zen .btn-accent { + background: #f7d62e !important; + color: #000 !important; +} +.zen .btn-accent:hover { + background: #dfbc09 !important; +} +.zen .btn-primary-outline { + background: none; + border: 2px solid #094394 !important; + color: #094394 !important; +} +.zen .btn-primary-outline:hover { + background: #094394 !important; + color: #fff !important; +} +.zen .btn-secondary-outline { + background: none; + border: 2px solid #0b6e09 !important; + color: #0b6e09 !important; +} +.zen .btn-secondary-outline:hover { + background: #0b6e09 !important; + color: #fff !important; +} +.zen .btn-cta-outline { + background: none; + border: 2px solid #2b66c5 !important; + color: #2b66c5 !important; +} +.zen .btn-cta-outline:hover { + background: #2b66c5 !important; + color: #fff !important; +} +.zen .btn-accent-outline { + background: none; + border: 2px solid #f7d62e !important; + color: #f7d62e !important; +} +.zen .btn-accent-outline:hover { + background: #f7d62e !important; + color: #000 !important; +} +.zen .btn-light-outline { + background: none; + border: 2px solid #fff !important; + color: #fff !important; +} +.zen .btn-light-outline:hover { + background: #fff !important; + color: #000 !important; +} +.zen .btn-dark-outline { + background: none; + border: 2px solid rgba(13, 17, 23, 0.8) !important; + color: rgba(13, 17, 23, 0.8) !important; +} +.zen .btn-dark-outline:hover { + background: rgba(13, 17, 23, 0.8) !important; + color: #fff !important; +} +.zen .btn-xl { + max-width: 200px; + min-width: 200px; +} +.zen .btn-lg { + max-width: 150px; + min-width: 150px; +} +.zen .btn-md { + max-width: 120px; + min-width: 120px; +} +.zen .btn-sm { + font-size: 12px; + max-width: 75px; + min-width: 75px; + padding: 0.3em; +} +.zen .btn-circle { + border-radius: 50% !important; + height: 50px; + width: 50px; +} +.zen #result-types { + display: none; +} +.zen .btn-outline { + background-color: transparent; + border: 2px solid #616161; + color: #545454; + padding: 11px; +} +.zen .btn-outline:hover { + background: #d9d9d9; + border: 2px solid gray; +} +.zen .btn-outline.theme-primary { + background-color: transparent; + border: 2px solid #2b66c5; + color: #2b66c5; + padding: 0.85em; +} +.zen .btn-outline.theme-primary:hover { + background-color: #2b66c5; + color: #fff; +} +.zen .btn-outline.theme-secondary { + background-color: transparent; + border: 2px solid #f7d62e; + color: #f7d62e; + padding: 0.85em; +} +.zen .btn-outline.theme-secondary:hover { + background-color: #f7d62e; + color: #000; +} +.zen .btn-outline.theme-accent { + background-color: transparent; + border: 2px solid #0b6e09; + color: #0b6e09; + padding: 0.85em; +} +.zen .btn-outline.theme-accent:hover { + background-color: #0b6e09; + color: #fff; +} +.zen .btn-outline.theme-dark { + background-color: transparent; + border: 2px solid #fff; + color: #fff; + padding: 0.85em; +} +.zen .btn-outline.theme-dark:hover { + background-color: #fff; + color: #000; +} +.zen .btn-outline.theme-light { + background-color: transparent; + border: 2px solid #000; + color: #000; + padding: 0.85em; +} +.zen .btn-outline.theme-light:hover { + background-color: #000; + color: #fff; +} +.zen .btn-outline.theme-cta { + background-color: transparent; + border: 2px solid #094394; + color: #094394; + padding: 0.85em; +} +.zen .btn-outline.theme-cta:hover { + background-color: #094394; + color: #fff; +} +.zen .responsive-table, +.zen table { + border-collapse: collapse; + margin-bottom: 1rem; + margin-top: 1.5rem; + width: 100%; +} +.zen td, +.zen th { + padding: 8px; + text-align: left; +} +.zen .zebra th { + background: rgba(0, 0, 0, 0.06); +} +.zen .zebra tr:nth-child(odd) td { + background: hsla(0, 0%, 100%, 0.06); +} +.zen .zebra tr:nth-child(2n) td { + background: hsla(0, 1%, 73%, 0.06); +} +.zen .striped td, +.zen .striped th { + border-bottom: 1px solid rgba(115, 130, 140, 0.2); + padding: 8px; + text-align: left; +} +.zen .striped th { + border-bottom: 1px solid rgba(92, 104, 112, 0.2); +} +.zen .striped tbody tr:last-child td { + border-bottom: none; +} +.zen th { + font-weight: 600; +} +@media (max-width: 767px) { + .zen .responsive-table thead { + display: none; + } + .zen .responsive-table thead th { + background-color: inherit; + } + .zen .responsive-table tr td:last-child { + margin-bottom: 20px; + } + .zen .responsive-table tbody .responsive-table tr { + background: hsla(0, 0%, 51%, 0.06); + background-color: hsla(0, 0%, 44%, 0.1); + display: block; + } +} +@media (max-width: 767px) and (max-width: 767px) { + .zen .responsive-table tbody td { + display: flex; + } + .zen .responsive-table tbody td:before { + content: attr(data-label); + font-weight: 700; + margin-right: 10px; + text-align: left; + } +} +.zen .up-10 { + position: relative; + top: -10px !important; +} +.zen .down-10 { + position: relative; + top: 10px !important; +} +.zen .left-10 { + left: -10px !important; + position: relative; +} +.zen .right-10 { + position: relative; + right: -10px !important; +} +.zen .up-20 { + position: relative; + top: -20px !important; +} +.zen .down-20 { + position: relative; + top: 20px !important; +} +.zen .left-20 { + left: -20px !important; + position: relative; +} +.zen .right-20 { + position: relative; + right: -20px !important; +} +.zen .up-30 { + position: relative; + top: -30px !important; +} +.zen .down-30 { + position: relative; + top: 30px !important; +} +.zen .left-30 { + left: -30px !important; + position: relative; +} +.zen .right-30 { + position: relative; + right: -30px !important; +} +.zen .up-40 { + position: relative; + top: -40px !important; +} +.zen .down-40 { + position: relative; + top: 40px !important; +} +.zen .left-40 { + left: -40px !important; + position: relative; +} +.zen .right-40 { + position: relative; + right: -40px !important; +} +.zen .up-50 { + position: relative; + top: -50px !important; +} +.zen .down-50 { + position: relative; + top: 50px !important; +} +.zen .left-50 { + left: -50px !important; + position: relative; +} +.zen .right-50 { + position: relative; + right: -50px !important; +} +.zen .up-60 { + position: relative; + top: -60px !important; +} +.zen .down-60 { + position: relative; + top: 60px !important; +} +.zen .left-60 { + left: -60px !important; + position: relative; +} +.zen .right-60 { + position: relative; + right: -60px !important; +} +.zen .up-70 { + position: relative; + top: -70px !important; +} +.zen .down-70 { + position: relative; + top: 70px !important; +} +.zen .left-70 { + left: -70px !important; + position: relative; +} +.zen .right-70 { + position: relative; + right: -70px !important; +} +.zen .up-80 { + position: relative; + top: -80px !important; +} +.zen .down-80 { + position: relative; + top: 80px !important; +} +.zen .left-80 { + left: -80px !important; + position: relative; +} +.zen .right-80 { + position: relative; + right: -80px !important; +} +.zen .up-90 { + position: relative; + top: -90px !important; +} +.zen .down-90 { + position: relative; + top: 90px !important; +} +.zen .left-90 { + left: -90px !important; + position: relative; +} +.zen .right-90 { + position: relative; + right: -90px !important; +} +.zen .up-100 { + position: relative; + top: -100px !important; +} +.zen .down-100 { + position: relative; + top: 100px !important; +} +.zen .left-100 { + left: -100px !important; + position: relative; +} +.zen .right-100 { + position: relative; + right: -100px !important; +} +.zen .up-1 { + position: relative; + top: -1px !important; +} +.zen .down-1 { + position: relative; + top: 1px !important; +} +.zen .left-1 { + left: -1px !important; + position: relative; +} +.zen .right-1 { + position: relative; + right: -1px !important; +} +.zen .up-2 { + position: relative; + top: -2px !important; +} +.zen .down-2 { + position: relative; + top: 2px !important; +} +.zen .left-2 { + left: -2px !important; + position: relative; +} +.zen .right-2 { + position: relative; + right: -2px !important; +} +.zen .up-3 { + position: relative; + top: -3px !important; +} +.zen .down-3 { + position: relative; + top: 3px !important; +} +.zen .left-3 { + left: -3px !important; + position: relative; +} +.zen .right-3 { + position: relative; + right: -3px !important; +} +.zen .up-4 { + position: relative; + top: -4px !important; +} +.zen .down-4 { + position: relative; + top: 4px !important; +} +.zen .left-4 { + left: -4px !important; + position: relative; +} +.zen .right-4 { + position: relative; + right: -4px !important; +} +.zen .up-5 { + position: relative; + top: -5px !important; +} +.zen .down-5 { + position: relative; + top: 5px !important; +} +.zen .left-5 { + left: -5px !important; + position: relative; +} +.zen .right-5 { + position: relative; + right: -5px !important; +} +.zen .up-6 { + position: relative; + top: -6px !important; +} +.zen .down-6 { + position: relative; + top: 6px !important; +} +.zen .left-6 { + left: -6px !important; + position: relative; +} +.zen .right-6 { + position: relative; + right: -6px !important; +} +.zen .up-7 { + position: relative; + top: -7px !important; +} +.zen .down-7 { + position: relative; + top: 7px !important; +} +.zen .left-7 { + left: -7px !important; + position: relative; +} +.zen .right-7 { + position: relative; + right: -7px !important; +} +.zen .up-8 { + position: relative; + top: -8px !important; +} +.zen .down-8 { + position: relative; + top: 8px !important; +} +.zen .left-8 { + left: -8px !important; + position: relative; +} +.zen .right-8 { + position: relative; + right: -8px !important; +} +.zen .up-9 { + position: relative; + top: -9px !important; +} +.zen .down-9 { + position: relative; + top: 9px !important; +} +.zen .left-9 { + left: -9px !important; + position: relative; +} +.zen .right-9 { + position: relative; + right: -9px !important; +} +.zen .w-10 { + min-width: 10px; + width: 10px !important; +} +.zen .h-10 { + height: 10px !important; + min-height: 10px; +} +.zen .w-20 { + min-width: 20px; + width: 20px !important; +} +.zen .h-20 { + height: 20px !important; + min-height: 20px; +} +.zen .w-25 { + min-width: 25px; + width: 25px !important; +} +.zen .h-25 { + height: 25px !important; + min-height: 25px; +} +.zen .w-30 { + min-width: 30px; + width: 30px !important; +} +.zen .h-30 { + height: 30px !important; + min-height: 30px; +} +.zen .w-40 { + min-width: 40px; + width: 40px !important; +} +.zen .h-40 { + height: 40px !important; + min-height: 40px; +} +.zen .w-50 { + min-width: 50px; + width: 50px !important; +} +.zen .h-50 { + height: 50px !important; + min-height: 50px; +} +.zen .w-75 { + min-width: 75px; + width: 75px !important; +} +.zen .h-75 { + height: 75px !important; + min-height: 75px; +} +.zen .w-100 { + min-width: 100px; + width: 100px !important; +} +.zen .h-100 { + height: 100px !important; + min-height: 100px; +} +.zen .w-125 { + min-width: 125px; + width: 125px !important; +} +.zen .h-125 { + height: 125px !important; + min-height: 125px; +} +.zen .w-150 { + min-width: 150px; + width: 150px !important; +} +.zen .h-150 { + height: 150px !important; + min-height: 150px; +} +.zen .w-175 { + min-width: 175px; + width: 175px !important; +} +.zen .h-175 { + height: 175px !important; + min-height: 175px; +} +.zen .w-200 { + min-width: 200px; + width: 200px !important; +} +.zen .h-200 { + height: 200px !important; + min-height: 200px; +} +.zen .w-225 { + min-width: 225px; + width: 225px !important; +} +.zen .h-225 { + height: 225px !important; + min-height: 225px; +} +.zen .w-250 { + min-width: 250px; + width: 250px !important; +} +.zen .h-250 { + height: 250px !important; + min-height: 250px; +} +.zen .w-275 { + min-width: 275px; + width: 275px !important; +} +.zen .h-275 { + height: 275px !important; + min-height: 275px; +} +.zen .w-300 { + min-width: 300px; + width: 300px !important; +} +.zen .h-300 { + height: 300px !important; + min-height: 300px; +} +.zen .h-full { + height: 100% !important; + max-height: 100% !important; +} +.zen .w-full { + max-width: 100% !important; + width: 100% !important; +} +.zen .w-sm { + max-width: 25% !important; + width: 25% !important; +} +.zen .w-md { + max-width: 50% !important; + width: 50% !important; +} +.zen .w-lg { + max-width: 75% !important; + width: 75% !important; +} +.zen .mh-100 { + min-height: 100px; +} +.zen .mh-200 { + min-height: 200px; +} +.zen .mh-300 { + min-height: 300px; +} +.zen .mh-400 { + min-height: 400px; +} +.zen .mh-500 { + min-height: 500px; +} +.zen .card { + display: inline-flex; + flex-direction: column; + font-size: 0.9em; + gap: 0.5em; + justify-content: flex-start; + padding: 1.2rem; + position: relative; +} +.zen .card .eyebrow, +.zen .card h1, +.zen .card h2, +.zen .card h3, +.zen .card h4, +.zen .card h5, +.zen .card h6, +.zen .card p, +.zen .card small { + border: 0; + margin: 0; + padding: 0; +} +.zen .card div, +.zen .card p { + padding: 0; +} +.zen .card ul { + margin-block-end: 0; + margin-block-start: 0; +} +.zen .card > img { + border: 0; + padding: 0; +} +.zen .img-full { + padding: 0 !important; +} +.zen .bg-img, +.zen .img-full { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; +} +.zen .bg-img { + height: 100%; + -o-object-fit: cover; + object-fit: cover; + width: 100%; + z-index: 0; +} +.zen .d-block { + display: block; +} +.zen .d-inline { + display: inline; +} +.zen .d-inline-block { + display: inline-block; +} +.zen .d-inline-flex { + display: inline-flex; +} +.zen .d-grid { + display: grid; +} +.zen .d-inline-grid { + display: inline-grid; +} +.zen .d-table { + display: table; +} +.zen .d-table-row { + display: table-row; +} +.zen .d-table-cell { + display: table-cell; +} +.zen .d-none { + display: none; +} +.zen .row { + flex-direction: row; + gap: 1em; +} +.zen .column { + flex-direction: column; + gap: 1em; +} +.zen .reverse { + flex-direction: row-reverse !important; +} +.zen .overflow-hidden { + overflow: hidden !important; +} +.zen .overflow-auto { + overflow: auto !important; +} +.zen .overflow-scroll { + overflow: scroll !important; +} +.zen .overflow-visible { + overflow: visible !important; +} +.zen .vertical-center { + left: 55%; + position: absolute; + top: 50%; + transform: translate(-50%, -50%); + width: 60%; +} +.zen .bg-none { + background: none !important; +} +.zen .squeeze > * { + margin-bottom: 0.3em; + margin-top: 0.3em; +} +.zen .z-index-2 { + position: relative; + z-index: 2; +} +.zen .z-index-3 { + position: relative; + z-index: 3; +} +.zen .z-index-4 { + position: relative; + z-index: 4; +} +.zen .z-index-5 { + position: relative; + z-index: 5; +} +.zen .gap-1 { + gap: 0.25em; +} +.zen .gap-2 { + gap: 0.5em; +} +.zen .gap-3 { + gap: 0.75em; +} +.zen .gap-4 { + gap: 1em; +} +.zen .gap-5 { + gap: 1.5em; +} +.zen .gap-6 { + gap: 2em; +} +.zen .gap-0 { + gap: 0; +} +.zen .img-left { + float: left; + margin-bottom: 7px; + margin-right: 15px; +} +.zen .img-right { + float: right; + margin-bottom: 7px; + margin-left: 15px; +} +.zen .alert-primary { + background: #fff; + border-left: 60px solid #5394fc; + border-radius: 6px; + border-spacing: 1px; + box-sizing: border-box; + color: #0865fb; + filter: grayscale(10%); + font-size: 0.8em; + margin: 1rem 0; + opacity: 0.9; + padding: 1em 1em 1em 16px; + position: relative; + width: 100%; +} +.zen .alert-primary:before { + background: url(../img/icons/alerts/thumbs-up-solid.svg) no-repeat 50%; + background-size: contain; + content: ""; + filter: invert(100%) sepia(0) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); + height: 15px; + left: 18px; + margin-left: -56px; + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 15px; +} +.zen .alert-primary.alert-light-minimal { + border-left: 4px solid #0347b3; + color: #000; +} +.zen .alert-primary.alert-light { + border-left: 60px solid #0347b3; + color: #000; +} +.zen .alert-primary.alert-light:before { + filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); +} +.zen .alert-primary-minimal { + background: #fff; + border-left: 4px solid #5394fc; + border-radius: 6px; + border-spacing: 1px; + box-sizing: border-box; + color: #0865fb; + filter: grayscale(10%); + font-size: 0.8em; + margin: 1rem 0; + opacity: 0.9; + padding: 1em 1em 1em 16px; + position: relative; + width: 100%; +} +.zen .alert-primary-minimal:before { + background: url() no-repeat 50%; + background-size: contain; + content: ""; + filter: invert(100%) sepia(0) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); + height: 15px; + left: 18px; + margin-left: -56px; + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 15px; +} +.zen .alert-primary-minimal.alert-light-minimal { + border-left: 4px solid #0347b3; + color: #000; +} +.zen .alert-primary-minimal.alert-light { + border-left: 60px solid #0347b3; + color: #000; +} +.zen .alert-primary-minimal.alert-light:before { + filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); +} +.zen .alert-danger { + background: #fff; + border-left: 60px solid #f76c49; + border-radius: 6px; + border-spacing: 1px; + box-sizing: border-box; + color: #e9370b; + filter: grayscale(10%); + font-size: 0.8em; + margin: 1rem 0; + opacity: 0.9; + padding: 1em 1em 1em 16px; + position: relative; + width: 100%; +} +.zen .alert-danger:before { + background: url(../img/icons/alerts/triangle-exclamation-solid.svg) no-repeat 50%; + background-size: contain; + content: ""; + filter: invert(100%) sepia(0) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); + height: 15px; + left: 18px; + margin-left: -56px; + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 15px; +} +.zen .alert-danger.alert-light-minimal { + border-left: 4px solid #a02607; + color: #000; +} +.zen .alert-danger.alert-light { + border-left: 60px solid #a02607; + color: #000; +} +.zen .alert-danger.alert-light:before { + filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); +} +.zen .alert-danger-minimal { + background: #fff; + border-left: 4px solid #f76c49; + border-radius: 6px; + border-spacing: 1px; + box-sizing: border-box; + color: #e9370b; + filter: grayscale(10%); + font-size: 0.8em; + margin: 1rem 0; + opacity: 0.9; + padding: 1em 1em 1em 16px; + position: relative; + width: 100%; +} +.zen .alert-danger-minimal:before { + background: url() no-repeat 50%; + background-size: contain; + content: ""; + filter: invert(100%) sepia(0) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); + height: 15px; + left: 18px; + margin-left: -56px; + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 15px; +} +.zen .alert-danger-minimal.alert-light-minimal { + border-left: 4px solid #a02607; + color: #000; +} +.zen .alert-danger-minimal.alert-light { + border-left: 60px solid #a02607; + color: #000; +} +.zen .alert-danger-minimal.alert-light:before { + filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); +} +.zen .alert-success { + background: #fff; + border-left: 60px solid #0f980c; + border-radius: 6px; + border-spacing: 1px; + box-sizing: border-box; + color: #085207; + filter: grayscale(10%); + font-size: 0.8em; + margin: 1rem 0; + opacity: 0.9; + padding: 1em 1em 1em 16px; + position: relative; + width: 100%; +} +.zen .alert-success:before { + background: url(../img/icons/alerts/circle-check-solid.svg) no-repeat 50%; + background-size: contain; + content: ""; + filter: invert(100%) sepia(0) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); + height: 15px; + left: 18px; + margin-left: -56px; + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 15px; +} +.zen .alert-success.alert-light-minimal { + border-left: 4px solid #010b01; + color: #000; +} +.zen .alert-success.alert-light { + border-left: 60px solid #010b01; + color: #000; +} +.zen .alert-success.alert-light:before { + filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); +} +.zen .alert-success-minimal { + background: #fff; + border-left: 4px solid #0f980c; + border-radius: 6px; + border-spacing: 1px; + box-sizing: border-box; + color: #085207; + filter: grayscale(10%); + font-size: 0.8em; + margin: 1rem 0; + opacity: 0.9; + padding: 1em 1em 1em 16px; + position: relative; + width: 100%; +} +.zen .alert-success-minimal:before { + background: url() no-repeat 50%; + background-size: contain; + content: ""; + filter: invert(100%) sepia(0) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); + height: 15px; + left: 18px; + margin-left: -56px; + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 15px; +} +.zen .alert-success-minimal.alert-light-minimal { + border-left: 4px solid #010b01; + color: #000; +} +.zen .alert-success-minimal.alert-light { + border-left: 60px solid #010b01; + color: #000; +} +.zen .alert-success-minimal.alert-light:before { + filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); +} +.zen .alert-warning { + background: #fff; + border-left: 60px solid #ecda05; + border-radius: 6px; + border-spacing: 1px; + box-sizing: border-box; + color: #a29503; + filter: grayscale(10%); + font-size: 0.8em; + margin: 1rem 0; + opacity: 0.9; + padding: 1em 1em 1em 16px; + position: relative; + width: 100%; +} +.zen .alert-warning:before { + background: url(../img/icons/alerts/circle-exclamation-solid.svg) no-repeat 50%; + background-size: contain; + content: ""; + filter: invert(100%) sepia(0) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); + height: 15px; + left: 18px; + margin-left: -56px; + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 15px; +} +.zen .alert-warning.alert-light-minimal { + border-left: 4px solid #575002; + color: #000; +} +.zen .alert-warning.alert-light { + border-left: 60px solid #575002; + color: #000; +} +.zen .alert-warning.alert-light:before { + filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); +} +.zen .alert-warning-minimal { + background: #fff; + border-left: 4px solid #ecda05; + border-radius: 6px; + border-spacing: 1px; + box-sizing: border-box; + color: #a29503; + filter: grayscale(10%); + font-size: 0.8em; + margin: 1rem 0; + opacity: 0.9; + padding: 1em 1em 1em 16px; + position: relative; + width: 100%; +} +.zen .alert-warning-minimal:before { + background: url() no-repeat 50%; + background-size: contain; + content: ""; + filter: invert(100%) sepia(0) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); + height: 15px; + left: 18px; + margin-left: -56px; + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 15px; +} +.zen .alert-warning-minimal.alert-light-minimal { + border-left: 4px solid #575002; + color: #000; +} +.zen .alert-warning-minimal.alert-light { + border-left: 60px solid #575002; + color: #000; +} +.zen .alert-warning-minimal.alert-light:before { + filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); +} +.zen .alert-dark { + background: #fff; + border-left: 60px solid rgba(41, 53, 72, 0.8); + border-radius: 6px; + border-spacing: 1px; + box-sizing: border-box; + color: rgba(13, 17, 23, 0.8); + filter: grayscale(10%); + font-size: 0.8em; + margin: 1rem 0; + opacity: 0.9; + padding: 1em 1em 1em 16px; + position: relative; + width: 100%; +} +.zen .alert-dark:before { + background: url(../img/icons/alerts/circle-check-regular.svg) no-repeat 50%; + background-size: contain; + content: ""; + filter: invert(100%) sepia(0) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); + height: 15px; + left: 18px; + margin-left: -56px; + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 15px; +} +.zen .alert-dark.alert-light-minimal { + border-left: 4px solid rgba(0, 0, 0, 0.8); + color: #000; +} +.zen .alert-dark.alert-light { + border-left: 60px solid rgba(0, 0, 0, 0.8); + color: #000; +} +.zen .alert-dark.alert-light:before { + filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); +} +.zen .alert-dark-minimal { + background: #fff; + border-left: 4px solid rgba(41, 53, 72, 0.8); + border-radius: 6px; + border-spacing: 1px; + box-sizing: border-box; + color: rgba(13, 17, 23, 0.8); + filter: grayscale(10%); + font-size: 0.8em; + margin: 1rem 0; + opacity: 0.9; + padding: 1em 1em 1em 16px; + position: relative; + width: 100%; +} +.zen .alert-dark-minimal:before { + background: url() no-repeat 50%; + background-size: contain; + content: ""; + filter: invert(100%) sepia(0) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); + height: 15px; + left: 18px; + margin-left: -56px; + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 15px; +} +.zen .alert-dark-minimal.alert-light-minimal { + border-left: 4px solid rgba(0, 0, 0, 0.8); + color: #000; +} +.zen .alert-dark-minimal.alert-light { + border-left: 60px solid rgba(0, 0, 0, 0.8); + color: #000; +} +.zen .alert-dark-minimal.alert-light:before { + filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); +} +.zen .alert-light { + background: #fff; + border-left: 60px solid hsla(0, 0%, 100%, 0.55); + border-radius: 6px; + border-spacing: 1px; + box-sizing: border-box; + color: hsla(0, 0%, 90%, 0.55); + filter: grayscale(10%); + font-size: 0.8em; + margin: 1rem 0; + opacity: 0.9; + padding: 1em 1em 1em 16px; + position: relative; + width: 100%; +} +.zen .alert-light:before { + background: url(../img/icons/alerts/circle-check-regular.svg) no-repeat 50%; + background-size: contain; + content: ""; + filter: invert(100%) sepia(0) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); + height: 15px; + left: 18px; + margin-left: -56px; + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 15px; +} +.zen .alert-light.alert-light-minimal { + border-left: 4px solid hsla(0, 0%, 75%, 0.55); + color: #000; +} +.zen .alert-light.alert-light { + border-left: 60px solid hsla(0, 0%, 75%, 0.55); + color: #000; +} +.zen .alert-light.alert-light:before { + filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); +} +.zen .alert-light-minimal { + background: #fff; + border-left: 4px solid hsla(0, 0%, 100%, 0.55); + border-radius: 6px; + border-spacing: 1px; + box-sizing: border-box; + color: hsla(0, 0%, 90%, 0.55); + filter: grayscale(10%); + font-size: 0.8em; + margin: 1rem 0; + opacity: 0.9; + padding: 1em 1em 1em 16px; + position: relative; + width: 100%; +} +.zen .alert-light-minimal:before { + background: url() no-repeat 50%; + background-size: contain; + content: ""; + filter: invert(100%) sepia(0) saturate(7497%) hue-rotate(25deg) brightness(101%) contrast(104%); + height: 15px; + left: 18px; + margin-left: -56px; + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 15px; +} +.zen .alert-light-minimal.alert-light-minimal { + border-left: 4px solid hsla(0, 0%, 75%, 0.55); + color: #000; +} +.zen .alert-light-minimal.alert-light { + border-left: 60px solid hsla(0, 0%, 75%, 0.55); + color: #000; +} +.zen .alert-light-minimal.alert-light:before { + filter: invert(20%) sepia(8%) saturate(9%) hue-rotate(314deg) brightness(92%) contrast(77%); +} +.zen .alert-warning, +.zen .alert-warning-minimal { + color: #947100; +} +.zen .headline { + font-family: Inter, sans-serif; + font-weight: 800; +} +.zen .lead { + font-size: 1.2em; + font-weight: 300; + line-height: 1.75em; + margin: 0; + padding: 0 0 1rem; +} +.zen .text-balance { + text-wrap: balance; +} +.zen .text-grey-dual { + color: #5e5e5e; +} +.zen .text-italic { + font-style: italic; +} +.zen .text-thin { + font-weight: 300; +} +.zen .text-regular { + font-weight: 400; +} +.zen .text-medium { + font-weight: 500; +} +.zen .text-semibold { + font-weight: 600; +} +.zen .text-bold { + font-weight: 700; +} +.zen .text-bolder { + font-weight: 800; +} +.zen .text-boldest { + font-weight: 900; +} +.zen .center, +.zen .text-center { + text-align: center !important; +} +.zen .center-vertical { + margin: auto; + width: 100%; +} +.zen .text-right { + text-align: right !important; +} +.zen .text-left { + text-align: left !important; +} +.zen .text-lowercase { + text-transform: lowercase; +} +.zen .text-uppercase { + text-transform: uppercase; +} +.zen .text-xs { + font-size: 0.8em !important; +} +.zen .text-xxs { + font-size: 0.6em; +} +.zen .text-align-right { + text-align: right; +} +.zen .text-sm { + font-size: 0.9em; +} +.zen .text-md { + font-size: 1.2em; +} +.zen .text-lg { + font-size: 1.5em; +} +.zen .text-xl { + font-size: 2.5em; +} +.zen .text-xxl { + font-size: 4em; + line-height: 1em; +} +.zen .breadcrumb { + display: flex; + flex-wrap: wrap; + list-style-type: none; + margin: 0; + padding: 0; +} +.zen .breadcrumb li { + display: inline; + margin-right: 5px; +} +.zen .breadcrumb li + li:before { + color: #636363; + content: "> "; + margin-right: 5px; + position: relative; + right: 2px; +} +.zen .breadcrumb a { + text-decoration: underline; +} +.zen .breadcrumb a:hover { + text-decoration: none; +} +.zen .list-group { + margin-bottom: 0; + padding-left: 0; +} +.zen .list-group-item { + border: 1px solid rgba(115, 130, 140, 0.2); + display: block; + margin-bottom: -1px; + margin-top: 0; + padding: 0.75em; + position: relative; +} +.zen .list-group-item.active { + background-color: #2b66c5; + border-color: #2b66c5; + color: #fff; +} +.zen .list-group-item.disabled { + background-color: #cacaca; + color: #6c757d; + pointer-events: none; +} +.zen .list-group-flush .list-group-item { + border-left: 0; + border-radius: 0; + border-right: 0; +} +.zen .list-group-horizontal .list-group-item { + display: inline-block; +} +.zen .success { + background-color: #d4edda; + color: #207437; + padding: 1em; +} +.zen .danger { + background-color: #f8d7da; + color: #a23737; + padding: 1em; +} +.zen .notice { + background-color: #d3deec; + color: #3e5d8b; + padding: 1em; +} +.zen .warning { + background-color: #fff3cd; + color: #8b6900; + padding: 1em; +} +.zen .list-group-horizontal .list-group-item { + border-bottom: 1px solid rgba(115, 130, 140, 0.2); + margin-bottom: 0.3em; +} +.zen .list-group .list-group-item-action:hover { + background-color: #2b66c5; + color: #fff; +} +.zen .pagination-nav { + display: flex; + flex-wrap: wrap; + gap: 0; + justify-content: center; + list-style-type: none; + padding: 0; +} +.zen .pagination-nav .item { + background: hsla(0, 0%, 51%, 0.06); + border: 1px solid rgba(115, 130, 140, 0.2); + margin-bottom: 0.5em; + margin-right: -1px; + margin-top: 0.5em; + padding: 0.5rem 1.25rem; + position: relative; + text-decoration: none !important; + z-index: 10; +} +.zen .pagination-nav .item:hover { + background: hsla(0, 0%, 68%, 0.3); +} +.zen .pagination-nav .item-minimal { + background: hsla(0, 0%, 51%, 0.06); + background: none; + border-radius: 6px; + margin: 0.6em; + padding: 6px 12px; + position: relative; + text-decoration: none !important; +} +.zen .pagination-nav .current, +.zen .pagination-nav .item-minimal:hover { + background: hsla(0, 0%, 68%, 0.3); +} +.zen .tab-nav, +.zen .tab-nav-round, +.zen .tab-nav-round-thin, +.zen .tab-nav-thin { + display: flex; + flex-wrap: wrap; + gap: 0; + justify-content: center; + list-style-type: none; + padding: 0; +} +.zen .tab-nav .item, +.zen .tab-nav-round .item, +.zen .tab-nav-round-thin .item, +.zen .tab-nav-thin .item { + background: hsla(0, 0%, 51%, 0.06); + border: 1px solid rgba(115, 130, 140, 0.2); + margin-bottom: 0.5em; + margin-right: -1px; + margin-top: 0.5em; + padding: 0.5rem 1.25rem; + position: relative; + text-decoration: none !important; + z-index: 10; +} +.zen .tab-nav .item:hover, +.zen .tab-nav-round .item:hover, +.zen .tab-nav-round-thin .item:hover, +.zen .tab-nav-thin .item:hover { + background: hsla(0, 0%, 68%, 0.3); +} +.zen .tab-nav .item-minimal, +.zen .tab-nav-round .item-minimal, +.zen .tab-nav-round-thin .item-minimal, +.zen .tab-nav-thin .item-minimal { + background: hsla(0, 0%, 51%, 0.06); + background: none; + border-radius: 6px; + margin: 0.6em; + padding: 6px 12px; + position: relative; + text-decoration: none !important; +} +.zen .tab-nav .current, +.zen .tab-nav .item-minimal:hover, +.zen .tab-nav-round .current, +.zen .tab-nav-round .item-minimal:hover, +.zen .tab-nav-round-thin .current, +.zen .tab-nav-round-thin .item-minimal:hover, +.zen .tab-nav-thin .current, +.zen .tab-nav-thin .item-minimal:hover { + background: hsla(0, 0%, 68%, 0.3); +} +.zen .tab-nav-thin .item { + padding: 0.25rem 1.25rem; +} +.zen .tab-nav-round .item:first-child { + border-bottom-left-radius: 8px; + border-top-left-radius: 8px; +} +.zen .tab-nav-round .item:last-child { + border-bottom-right-radius: 8px; + border-top-right-radius: 8px; +} +.zen .tab-nav-round-thin .item { + padding: 0.25rem 1.25rem; +} +.zen .tab-nav-round-thin .item:first-child { + border-bottom-left-radius: 8px; + border-top-left-radius: 8px; +} +.zen .tab-nav-round-thin .item:last-child { + border-bottom-right-radius: 8px; + border-top-right-radius: 8px; +} +.zen .bg-ui-hover:hover, +.zen .tab-nav .item-minimal:hover, +.zen .tab-nav-round .item-minimal:hover, +.zen .tab-nav-round-thin .item-minimal:hover, +.zen .tab-nav-thin .item-minimal:hover { + background: hsla(0, 0%, 68%, 0.3); +} +.zen .pagination-nav-alt, +.zen .pagination-nav-alt .item { + align-items: center; + display: flex; + justify-content: center; + position: relative; +} +.zen .pagination-nav-alt .item { + border-radius: 50%; + height: 40px; + margin: 0 10px; + text-decoration: none; + width: 40px; + z-index: 1; +} +.zen .pagination-nav-alt .item:not(:first-child):before { + background-color: rgba(115, 130, 140, 0.2); + content: ""; + height: 2px; + left: -20px; + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 20px; + z-index: 0; +} +.zen .text-height-lg { + line-height: 2.2em; +} +.zen .text-cta-dual { + color: #22509b; +} +.zen .link-underline, +.zen a.text-cta-dual { + display: inline-block; + position: relative; + text-decoration: none; +} +.zen .link-underline:after { + background-color: transparent; + bottom: -4px; + content: ""; + height: 2px; + left: 0; + position: absolute; + right: 100%; + transition: right 0.3s ease; +} +.zen .link-underline:hover:after { + background-color: #919191; + right: 0; +} +.zen .link-underline-white:hover:after { + background-color: #fff; +} +.zen .link-classic { + color: #0062c4; + text-decoration: none; +} +.zen .link-classic:hover { + color: #0061c2; +} +.zen .link-classic:hover, +.zen .text-underline { + text-decoration: underline; +} +.zen .border-1 { + border: 1px solid #f7f7f7; + border-bottom-color: #f7f7f7 !important; +} +.zen .border-2 { + border: 1px solid #d9d9d9; + border-bottom-color: #d9d9d9 !important; +} +.zen .border-3 { + border: 1px solid rgba(115, 130, 140, 0.2); + border-bottom-color: rgba(115, 130, 140, 0.2) !important; +} +.zen .border-4 { + border: 1px solid #8a8a8a; + border-bottom-color: #8a8a8a !important; +} +.zen .border-5 { + border: 1px solid #404040; + border-bottom-color: #404040 !important; +} +.zen .border-success { + border: 2px solid #48cc6b !important; +} +.zen .border-danger { + border: 2px solid #f54c22 !important; +} +.zen .border-warning { + border: 2px solid #f7c44e !important; +} +.zen .border-primary { + border: 2px solid #094394 !important; +} +.zen .border-cta { + border: 2px solid #2b66c5 !important; +} +.zen .border-secondary { + border: 2px solid #0b6e09 !important; +} +.zen .border-accent { + border: 2px solid #f7d62e !important; +} +.zen .left-line { + display: inline-block; + padding-left: 10px; + position: relative; +} +.zen .left-line:before { + background-color: #2b66c5; + bottom: 0; + content: ""; + height: 60%; + left: 0; + margin-left: -5px; + position: absolute; + top: 20%; + transform: translateX(-100%); + width: 5px; +} +.zen .test-1 { + outline: 2px dotted #f54c22; +} +.zen .test-2 { + outline: 2px solid #f54c22; +} +.zen .test-3 { + outline: 4px solid #48cc6b; +} +.zen .test-4 { + outline: 2px solid #5394fc; +} +.zen .test-5 { + outline: 2px solid #f7c44e; +} +.zen .z-container-outline-on { + border-radius: 0; + outline: 2px dashed #5394fc; +} +.zen .z-container-fluid-outline-on { + border-radius: 0; + outline: 2px dashed #ab56f4; +} +.zen .z-row-outline-on { + border-radius: 0; + box-shadow: inset 0 0 0 1px green; +} +.zen .z-col-outline-on { + border-radius: 0; + box-shadow: inset 0 0 0 1px red; +} +.zen .p-outline-on { + outline: 1px solid #f7c44e; +} +.zen .h1-outline-on { + outline: 2px dotted #f7c44e; +} +.zen .h-outline-on { + outline: 2px solid #f7c44e; +} +.zen .center-line { + display: none; +} +.zen .icon { + height: 24px; + width: 24px; +} +.zen .modal { + align-items: center; + background-color: rgba(0, 0, 0, 0.8); + display: none; + height: 100%; + justify-content: center; + left: 0; + overflow: auto; + position: fixed; + top: 0; + width: 100%; + z-index: 10000; +} +.zen .btn-modal { + width: 150px; +} +.zen .modal-content { + background-color: hsla(0, 0%, 100%, 0.9); + border-radius: 6px; + color: #212121; + max-width: 400px; + position: relative; +} +.zen .modal-content > .text { + width: 91%; +} +.zen .left-child { + background-color: #add8e6; + white-space: pre-wrap; + width: 95%; +} +.zen .right-child { + background-color: #f08080; + width: 5%; +} +.zen .accordion { + gap: 0; +} +.zen .accordion p { + margin: 0; + padding: 0.6em; +} +.zen .accordion a { + margin-left: -24px; + padding-bottom: 0.5em; + padding-left: 10px; + text-decoration: none; +} +.zen .accordion a:hover { + background-color: rgba(115, 130, 140, 0.2); +} +.zen .accordion .toggle { + display: none; +} +.zen .accordion .title { + background: hsla(0, 0%, 51%, 0.06); + border: 1px solid rgba(115, 130, 140, 0.2); + cursor: pointer; + display: block; + margin: -1px 0 0; + padding: 10px; + transition: background-color 0.3s; +} +.zen .accordion .title:hover { + background: hsla(0, 0%, 68%, 0.3); +} +.zen .expanded-content { + border-left: 1px solid rgba(115, 130, 140, 0.2); + border-right: 1px solid rgba(115, 130, 140, 0.2); + max-height: 0; + overflow-y: hidden; + padding: 0 1.05em; + transition: max-height 0.3s ease-out; +} +.zen .expanded-content.static { + transition: none; +} +.zen .expanded-content.show { + border: 1px solid rgba(115, 130, 140, 0.2); + max-height: 300px; + padding: 0 1.05em; +} +.zen .expanded-content.full-height.show { + max-height: none; +} +.zen .accordion .title { + border-bottom: 1px solid rgba(115, 130, 140, 0.2); +} +.zen .accordion .title:not(:last-of-type) { + border-bottom: none; +} +.zen .dropdown { + display: inline-block; + position: relative; +} +.zen .dropdown-content { + background: #fdfdfd; + border-radius: 6px; + box-shadow: 0 8px 16px 0 hsla(0, 0%, 48%, 0.1); + color: #000; + font-size: 0.9em; + left: -50px; + min-width: 160px; + padding: 0.8em; + top: calc(100% + 29px); + z-index: 1001; +} +.zen .dropdown-content.megamenu { + border-top-left-radius: 0; + border-top-right-radius: 0; + left: -539px; + min-width: 650px; + top: 79px; + z-index: 1001; +} +.zen .dropdown-content a { + border-radius: 6px; + color: #000; + display: block; + margin-left: -1px; + padding: 10px 10px 10px 12px; + text-decoration: none; +} +.zen .dropdown-content a:hover { + background: hsla(0, 0%, 66%, 0.35); + color: #000; + text-decoration: none; +} +.zen .dropdown-link-container { + color: #000; + display: inline-block; + position: absolute; +} +.zen .megamenu { + color: #000; + padding: 0; +} +.zen .megamenu a { + margin-left: -15px; +} +.zen .caret-up { + background: none !important; + border-bottom: 10px solid #fdfdfd; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + display: none; + height: 0; + left: 15px; + position: absolute; + top: calc(100% + 29px); + transform: translateY(-100%); + width: 0; + z-index: 10; +} +.zen .dropdown-content { + display: none; + left: 2px; + position: absolute; + top: 48px; +} +.zen nav .dropdown-content { + left: -5px; + min-width: 220px; +} +@media screen and (max-width: 768px) { + .zen nav .dropdown-content { + background-color: unset; + } + .zen nav .dropdown-content a { + color: #eee; + } + .zen .dropdown-content { + border-radius: unset; + box-shadow: none; + display: block; + left: auto; + max-height: 300px; + min-width: 225px !important; + overflow-x: hidden; + overflow-y: auto; + position: static; + top: auto; + width: auto; + z-index: auto; + } + .zen .dropdown-link-container { + position: static; + } + .zen .dropdown .caret-up, + .zen .nav-dropdown .caret-up { + display: none !important; + } +} +.zen .card-split { + display: flex; + flex-direction: row; + gap: 1em; +} +.zen .card-split .text-group { + flex-basis: 95%; + gap: 1; +} +.zen .card-split .text-group h1, +.zen .card-split .text-group h2, +.zen .card-split .text-group h3, +.zen .card-split .text-group h4, +.zen .card-split .text-group h5, +.zen .card-split .text-group h6, +.zen .card-split .text-group p { + letter-spacing: normal; + margin-bottom: 0; + margin-top: 0; + padding-top: 0; +} +.zen .card-split .image-group { + flex-basis: 110px; +} +.zen blockquote { + display: block; + font-style: italic; + font-weight: 500; + line-height: 2em; + margin-top: 0; + padding: 15px 5px; + position: relative; +} +.zen blockquote p { + margin-bottom: 0; +} +.zen blockquote:before { + border-left: 4px solid rgba(115, 130, 140, 0.2); + bottom: 0; + content: ""; + left: -26px; + position: absolute; + top: 0; + width: 0; +} +.zen blockquote:after { + content: ""; +} +.zen blockquote a { + color: #094394; + cursor: pointer; + padding: 0 3px; + text-decoration: none; +} +.zen blockquote a:hover { + color: #666; +} +.zen blockquote em { + font-style: italic; +} +.zen .slide-figure { + display: flex; + transition: transform 0.3s ease-in-out; +} +.zen .carousel-slide { + box-sizing: border-box; + min-width: 100%; +} +.zen .slider { + height: auto; + overflow: hidden; + position: relative; + width: 100%; +} +.zen .slide, +.zen .slides-container { + display: flex; +} +.zen .slide { + background-position: 50%; + background-size: cover; + flex-shrink: 0; + height: auto; + max-width: 100%; +} +.zen .arrow { + cursor: pointer; + font-size: 24px; + opacity: 0.4; + position: absolute; + top: 50%; + transform: translateY(-50%); + z-index: 100; +} +.zen .prev { + left: 10px; +} +.zen .next { + right: 10px; +} +.zen .arrow.bottom { + right: 0; + top: 94%; + width: 32px; +} +.zen .arrow.right { + left: unset; + right: 40px; +} +.zen .wizard-step { + border: 1px solid rgba(171, 180, 186, 0.2); + display: none; + margin-top: 1em; + padding: 1em; +} +.zen .wizard-step.active { + display: block; +} +.zen .wizard-step label { + display: block; + padding: 0.45em; +} +@keyframes spin { + 0% { + transform: rotate(0deg); + } + to { + transform: rotate(1turn); + } +} +.zen .spin { + animation: spin 2s linear infinite; +} +.zen .card-split { + overflow: hidden; + position: relative; +} +.zen .img-responsive { + flex-shrink: 0; + height: auto; + max-width: 100%; + -o-object-fit: contain; + object-fit: contain; +} +.zen .img-round { + border-radius: 50%; + height: auto; + max-width: 100%; +} +.zen .img-rounded { + border-radius: 15px; +} +.zen .img-round-outline { + background-color: #fff; + border-radius: 50%; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + box-sizing: content-box; + padding: 5px !important; +} +.zen .d-none, +.zen .hidden { + display: none !important; +} +.zen .opacity-50 { + opacity: 0.5; +} +.zen .opacity-75 { + opacity: 0.75; +} +.zen .opacity-25 { + opacity: 0.25; +} +.zen .corner-popup { + bottom: 20px; + position: fixed; + right: 20px; +} +.zen .corner-popup > div { + background: #fff; + border: 1px solid rgba(115, 130, 140, 0.2); + border-radius: 6px; + bottom: 66px; + color: #000; + font-size: 0.9em; + max-height: 400px; + overflow: auto; + padding: 1em; + position: absolute; + right: 3px; + width: 300px; + z-index: 6; +} +.zen .corner-popup > button { + border: none; + border-radius: 6px; + bottom: -20px; + cursor: pointer; + padding: 5px 10px; + position: absolute; + right: 0; +} +.zen .btn-circle[data-unread="1"]:after, +.zen .btn-circle[data-unread="2"]:after, +.zen .btn-circle[data-unread="3"]:after { + background-color: #f54c22; + border-radius: 50%; + color: #fff; + content: attr(data-unread); + font-size: 12px; + height: 20px; + line-height: 20px; + position: absolute; + right: -5px; + text-align: center; + top: -5px; + width: 20px; +} +@keyframes notificationBounce { + 0%, + 14.29%, + to { + transform: translateY(0); + } + 7.14% { + transform: translateY(-5px); + } +} +.zen .btn-circle[data-unread][data-animate="true"]:after { + animation: notificationBounce 7s infinite; +} +.zen .hidden { + display: none; +} +.zen .footer, +.zen footer { + background: #212121; + color: #fff; + padding: 20px; + text-align: center; + width: 100%; +} +.zen .footer a, +.zen footer a { + color: #fff; +} +.zen .footer a:hover, +.zen footer a:hover { + color: #e6e6e6; +} +.zen .social-icons { + display: inline-flex; + flex-direction: row; + gap: 1em; + margin-top: 1em; +} +.zen .social-icons, +.zen .social-icons a { + align-items: center; + justify-content: center; +} +.zen .social-icons a { + background-color: #fff; + border-radius: 6px; + display: flex; + height: 30px; + margin-bottom: 5px; + overflow: hidden; + transition: background-color 0.3s ease; + width: 30px; +} +.zen .social-icons a:hover { + background-color: #ccc; +} +.zen .social-icons a img { + height: 20px; + -o-object-fit: contain; + object-fit: contain; + width: 20px; +} +.zen .icon-toggle { + cursor: pointer; + display: inline; + position: relative; +} +.zen .icon-off, +.zen .icon-on { + display: none; + left: 0; + position: absolute; + top: 0; + transition: opacity 0.3s ease; +} +.zen .icon-off.show, +.zen .icon-on.show { + display: inline; +} +.zen .icon-toggle .zenicon-favorite-border:hover:before, +.zen .zenicon-favorite.icon-on.show, +.zen .zenicon-favorite:hover { + color: #f54c22; +} +.zen .shadow-1 { + box-shadow: 0.5px 0.5px 1.5px rgba(0, 0, 0, 0.05); +} +.zen .shadow-2 { + box-shadow: 1px 1px 2.5px rgba(0, 0, 0, 0.075); +} +.zen .shadow-3 { + box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); +} +.zen .shadow-4 { + box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.125); +} +.zen .shadow-5 { + box-shadow: 4px 4px 7.5px rgba(0, 0, 0, 0.15); +} +.zen .progress-bar-container { + height: 14px; + position: relative; +} +.zen .mswizard-progress { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + height: 13px; + width: 100%; +} +.zen .progress-percentage { + align-items: center; + background: none; + color: #fff; + font-size: 0.7em; + height: 100%; + left: 0; + margin: 0 5px 0 -30px; + position: absolute; + top: 5px; +} +.zen .mswizard-progress[value]::-webkit-progress-value { + align-items: center; + color: #fff; + display: flex; + font-weight: 700; + justify-content: center; + visibility: visible; +} +.zen .step-info { + font-size: 0.7em; + margin-left: 5px; + text-align: left; +} +@keyframes blink { + 0%, + to { + opacity: 1; + } + 50% { + opacity: 0; + } +} +@keyframes slideUpDown { + 0% { + transform: translateY(20px); + } + to { + transform: translateY(0); + } +} +@keyframes slideInFromLeft { + 0% { + transform: translateX(-20px); + } + to { + transform: translateX(0); + } +} +@keyframes slideInFromRight { + 0% { + transform: translateX(20px); + } + to { + transform: translateX(0); + } +} +@keyframes fadeIn { + 0%, + to { + opacity: 0; + } + to { + opacity: 1; + } +} +.zen .fade-in { + opacity: 0; + transform: translateY(20px); + transition: + opacity 0.6s ease-out, + transform 0.6s ease-out; +} +.zen .fade-in.visible { + opacity: 1; + transform: translateY(0); +} +.zen .blink { + animation: blink 1s infinite; +} +.zen .slide-up { + animation: slideUpDown 0.5s ease-out; +} +@keyframes slideDown { + 0% { + transform: translateY(-20px); + } + to { + transform: translateY(0); + } +} +.zen .slide-down { + animation: slideDown 0.5s ease-out; +} +.zen .slide-left { + animation: slideInFromLeft 0.5s ease-out; +} +.zen .slide-right { + animation: slideInFromRight 0.5s ease-out; +} +.zen .fade-in-1 { + animation: fadeIn 1s 0.2s forwards; + opacity: 0; +} +.zen .fade-in-2 { + animation: fadeIn 1s 0.4s forwards; + opacity: 0; +} +.zen .fade-in-3 { + animation: fadeIn 1s 0.6s forwards; + opacity: 0; +} +.zen .fade-in-4 { + animation: fadeIn 1s 0.8s forwards; + opacity: 0; +} +.zen .fade-in-5 { + animation: fadeIn 1s 1s forwards; + opacity: 0; +} +.zen .fade-in-6 { + animation: fadeIn 1s 1.2s forwards; + opacity: 0; +} +.zen .fade-in-7 { + animation: fadeIn 1s 1.4s forwards; + opacity: 0; +} +.zen .fade-in-8 { + animation: fadeIn 1s 1.6s forwards; + opacity: 0; +} +.zen .btn-hover { + display: inline-block; + transition: transform 0.3s ease-in-out; +} +.zen .btn-hover:hover { + transform: translateY(-3px); +} +.zen .breathe { + animation: subtleZoom 10s infinite alternate; +} +@keyframes subtleZoom { + 0% { + transform: scale(1); + } + to { + transform: scale(1.05); + } +} +.zen .card-hover .bg-img { + transition: transform 0.3s ease-in-out; +} +.zen .card-hover:hover .bg-img { + transform: scale(1.05); +} +.zen .card-pan .bg-img { + transform: scale(1.1); + transition: transform 0.3s ease-in-out; +} +.zen .card-pan:hover .bg-img { + transform: scale(1.1) translateY(-5%); +} +.zen .image-gallery { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); + grid-gap: 10px; + grid-row-gap: 6px; +} +.zen .image-gallery img { + border-radius: 6px; + cursor: pointer; + height: auto; + width: 100%; +} +.zen [data-tooltip] { + position: relative; +} +.zen [data-tooltip]:not(a, button, input) { + border-bottom: 1px dotted; + cursor: help; + text-decoration: none; +} +.zen [data-tooltip]:after, +.zen [data-tooltip]:before, +.zen [data-tooltip][data-placement="top"]:after, +.zen [data-tooltip][data-placement="top"]:before { + background: #545454; + border-radius: 6px; + bottom: 100%; + color: #fff; + content: attr(data-tooltip); + display: block; + font-size: 0.8em; + left: 50%; + opacity: 0; + overflow: hidden; + padding: 0.25rem 0.5rem; + pointer-events: none; + position: absolute; + text-decoration: none; + text-overflow: ellipsis; + transform: translate(-50%, -0.25rem); + white-space: nowrap; + z-index: 99; +} +.zen [data-tooltip]:after, +.zen [data-tooltip][data-placement="top"]:after { + background-color: transparent; + border-left: 0.3rem solid transparent; + border-radius: 0; + border-right: 0.3rem solid transparent; + border-top: 0.3rem solid; + color: #545454; + content: ""; + padding: 0; + transform: translate(-50%); +} +.zen [data-tooltip][data-placement="bottom"]:after, +.zen [data-tooltip][data-placement="bottom"]:before { + bottom: auto; + top: 110%; + transform: translate(-50%, 0.25rem); +} +.zen [data-tooltip][data-placement="bottom"]:after { + border: 0.3rem solid transparent; + border-bottom-color: currentcolor; + transform: translate(-50%, -0.25rem); +} +.zen [data-tooltip][data-placement="left"]:after, +.zen [data-tooltip][data-placement="left"]:before { + bottom: auto; + left: auto; + right: 110%; + top: 50%; + transform: translate(-0.25rem, -50%); +} +.zen [data-tooltip][data-placement="left"]:after { + border: 0.3rem solid transparent; + border-left-color: currentcolor; + transform: translate(0.3rem, -50%); +} +.zen [data-tooltip][data-placement="right"]:after, +.zen [data-tooltip][data-placement="right"]:before { + bottom: auto; + left: 110%; + right: auto; + top: 50%; + transform: translate(0.2rem, -50%); +} +.zen [data-tooltip][data-placement="right"]:after { + border: 0.3rem solid transparent; + border-right-color: currentcolor; + transform: translate(-0.3rem, -50%); +} +.zen [data-tooltip]:focus:after, +.zen [data-tooltip]:focus:before, +.zen [data-tooltip]:hover:after, +.zen [data-tooltip]:hover:before { + opacity: 1; +} +@media (hover: hover) and (pointer: fine) { + .zen [data-tooltip]:hover:after, + .zen [data-tooltip]:hover:before, + .zen [data-tooltip][data-placement="bottom"]:focus:after, + .zen [data-tooltip][data-placement="bottom"]:focus:before, + .zen [data-tooltip][data-placement="bottom"]:hover [data-tooltip]:focus:after, + .zen [data-tooltip][data-placement="bottom"]:hover [data-tooltip]:focus:before { + animation-duration: 0.2s; + animation-name: tooltip-slide-top; + } + .zen [data-tooltip]:hover:after, + .zen [data-tooltip][data-placement="bottom"]:focus:after, + .zen [data-tooltip][data-placement="bottom"]:hover [data-tooltip]:focus:after { + animation-name: tooltip-caret-slide-top; + } + .zen [data-tooltip][data-placement="bottom"]:focus:after, + .zen [data-tooltip][data-placement="bottom"]:focus:before, + .zen [data-tooltip][data-placement="bottom"]:hover:after, + .zen [data-tooltip][data-placement="bottom"]:hover:before { + animation-duration: 0.2s; + animation-name: tooltip-slide-bottom; + } + .zen [data-tooltip][data-placement="bottom"]:focus:after, + .zen [data-tooltip][data-placement="bottom"]:hover:after { + animation-name: tooltip-caret-slide-bottom; + } + .zen [data-tooltip][data-placement="left"]:focus:after, + .zen [data-tooltip][data-placement="left"]:focus:before, + .zen [data-tooltip][data-placement="left"]:hover:after, + .zen [data-tooltip][data-placement="left"]:hover:before { + animation-duration: 0.2s; + animation-name: tooltip-slide-left; + } + .zen [data-tooltip][data-placement="left"]:focus:after, + .zen [data-tooltip][data-placement="left"]:hover:after { + animation-name: tooltip-caret-slide-left; + } + .zen [data-tooltip][data-placement="right"]:focus:after, + .zen [data-tooltip][data-placement="right"]:focus:before, + .zen [data-tooltip][data-placement="right"]:hover:after, + .zen [data-tooltip][data-placement="right"]:hover:before { + animation-duration: 0.2s; + animation-name: tooltip-slide-right; + } + .zen [data-tooltip][data-placement="right"]:focus:after, + .zen [data-tooltip][data-placement="right"]:hover:after { + animation-name: tooltip-caret-slide-right; + } +} +@keyframes tooltip-slide-top { + 0% { + opacity: 0; + transform: translate(-50%, 0.75rem); + } + to { + opacity: 1; + transform: translate(-50%, -0.25rem); + } +} +@keyframes tooltip-caret-slide-top { + 0% { + opacity: 0; + } + 50% { + opacity: 0; + transform: translate(-50%, -0.25rem); + } + to { + opacity: 1; + transform: translate(-50%); + } +} +@keyframes tooltip-slide-bottom { + 0% { + opacity: 0; + transform: translate(-50%, -0.75rem); + } + to { + opacity: 1; + transform: translate(-50%, 0.25rem); + } +} +@keyframes tooltip-caret-slide-bottom { + 0% { + opacity: 0; + } + 50% { + opacity: 0; + transform: translate(-50%, -0.5rem); + } + to { + opacity: 1; + transform: translate(-50%, -0.3rem); + } +} +@keyframes tooltip-slide-left { + 0% { + opacity: 0; + transform: translate(0.75rem, -50%); + } + to { + opacity: 1; + transform: translate(-0.25rem, -50%); + } +} +@keyframes tooltip-caret-slide-left { + 0% { + opacity: 0; + } + 50% { + opacity: 0; + transform: translate(0.05rem, -50%); + } + to { + opacity: 1; + transform: translate(0.3rem, -50%); + } +} +@keyframes tooltip-slide-right { + 0% { + opacity: 0; + transform: translate(-0.75rem, -50%); + } + to { + opacity: 1; + transform: translate(0.25rem, -50%); + } +} +@keyframes tooltip-caret-slide-right { + 0% { + opacity: 0; + } + 50% { + opacity: 0; + transform: translate(-0.05rem, -50%); + } + to { + opacity: 1; + transform: translate(-0.3rem, -50%); + } +} +.zen [aria-busy="true"] { + cursor: progress; +} +.zen [aria-busy="true"]:not(input, select, textarea, html):before { + animation: spinner 0.75s linear infinite; + border: 0.1875em solid #727272; + border-radius: 1em; + border-right-color: transparent; + content: ""; + display: inline-block; + height: 1em; + opacity: 0.5; + vertical-align: text-bottom; + vertical-align: -0.125em; + width: 1em; +} +.zen [aria-busy="true"]:not(input, select, textarea, html):not(:empty):before { + margin-left: 0; + margin-right: 0.5em; + margin-inline-end: 0.5em; + margin-inline-start: 0; +} +.zen [aria-busy="true"]:not(input, select, textarea, html):empty { + text-align: center; +} +.zen a[aria-busy="true"], +.zen button[aria-busy="true"], +.zen input[type="button"][aria-busy="true"], +.zen input[type="reset"][aria-busy="true"], +.zen input[type="submit"][aria-busy="true"] { + pointer-events: none; +} +@keyframes spinner { + to { + transform: rotate(1turn); + } +} +.zen .sr-only { + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + clip: rect(0, 0, 0, 0); + border: 0; + white-space: nowrap; +} +.zen [aria-controls] { + cursor: pointer; +} +.zen [aria-disabled="true"], +.zen [disabled] { + cursor: not-allowed; +} +.zen [aria-hidden="false"][hidden] { + display: initial; +} +.zen [aria-hidden="false"][hidden]:not(:focus) { + clip: rect(0, 0, 0, 0); + position: absolute; +} +.zen [tabindex], +.zen a, +.zen area, +.zen button, +.zen input, +.zen label, +.zen select, +.zen summary, +.zen textarea { + touch-action: manipulation; +} +.zen [dir="rtl"] { + direction: rtl; + text-align: right; +} +.zen [dir="rtl"] .sidebar { + float: right; +} +.zen [dir="rtl"] .element { + background-position: 100% 0; + border-right: 2px solid rgba(115, 130, 140, 0.2); + margin-right: 20px; + padding-right: 10px; +} +.zen [dir="rtl"] .icon { + transform: scaleX(-1); +} +.zen .element { + border-inline-start: 2px solid rgba(115, 130, 140, 0.2); + margin-inline-start: 10px; + padding-inline-start: 10px; +} +.zen .theme-primary { + background: #094394; + border-radius: 6px; + color: #fff; +} +.zen .theme-primary .btn, +.zen .theme-primary button { + background: #2b66c5; + color: #fff; + transition: background-color color border-color 0.3s 0.3s 0.3s; +} +.zen .theme-primary .btn:hover, +.zen .theme-primary button:hover { + background: #193b71; + color: #fff; +} +.zen .theme-primary .label { + background: #2b66c5; + color: #fff; +} +.zen .theme-primary .btn-outline { + background: transparent; + border: 2px solid #2b66c5; + color: #2b66c5; + transition: background-color color border-color 0.3s 0.3s 0.3s; +} +.zen .theme-primary .btn-outline:hover { + background: #2b66c5; + color: #fff; +} +.zen .theme-dark { + background: rgba(13, 17, 23, 0.8); + border-radius: 6px; + color: #f4f4f4; +} +.zen .theme-dark .btn, +.zen .theme-dark button { + background: #fff; + color: #000; + transition: background-color color border-color 0.3s 0.3s 0.3s; +} +.zen .theme-dark .btn:hover, +.zen .theme-dark button:hover { + background: #ccc; + color: #000; +} +.zen .theme-dark .label { + background: #666; + color: #fff; +} +.zen .theme-dark .btn-outline { + background: transparent; + border: 2px solid #fff; + transition: background-color color border-color 0.3s 0.3s 0.3s; +} +.zen .theme-dark .btn-outline:hover { + background: #fff; + color: #000; +} +.zen .theme-light { + background: hsla(0, 0%, 100%, 0.55); + border-radius: 6px; + color: rgba(13, 17, 23, 0.8); +} +.zen .theme-light .btn, +.zen .theme-light button { + background: rgba(13, 17, 23, 0.8); + color: #fff; + transition: background-color color border-color 0.3s 0.3s 0.3s; +} +.zen .theme-light .btn:hover, +.zen .theme-light button:hover { + background: rgba(0, 0, 0, 0.8); + color: #fff; +} +.zen .theme-light .label { + background: #ccc; + color: rgba(13, 17, 23, 0.8); +} +.zen .theme-light .btn-outline { + background: transparent; + border: 2px solid rgba(13, 17, 23, 0.8); + color: rgba(13, 17, 23, 0.8); + transition: background-color color border-color 0.3s 0.3s 0.3s; +} +.zen .theme-light .btn-outline:hover { + background: rgba(13, 17, 23, 0.8); + color: #fff; +} +.zen .theme-cta { + background: #2b66c5; + border-radius: 6px; + color: #fff; +} +.zen .theme-cta .btn, +.zen .theme-cta button { + background: #094394; + color: #fff; + transition: background-color color border-color 0.3s 0.3s 0.3s; +} +.zen .theme-cta .btn:hover, +.zen .theme-cta button:hover { + background: #031734; + color: #fff; +} +.zen .theme-cta .label { + background: #094394; + color: #fff; +} +.zen .theme-cta .btn-outline { + background: transparent; + border: 2px solid #094394; + color: #094394; + transition: background-color color border-color 0.3s 0.3s 0.3s; +} +.zen .theme-cta .btn-outline:hover { + background: #094394; + color: #fff; +} +.zen .theme-accent { + background: #f7d62e; + border-radius: 6px; + color: #000; +} +.zen .theme-accent .btn, +.zen .theme-accent button { + background: #0b6e09; + color: #fff; + transition: background-color color border-color 0.3s 0.3s 0.3s; +} +.zen .theme-accent .btn:hover, +.zen .theme-accent button:hover { + background: #021001; + color: #fff; +} +.zen .theme-accent .label { + background: #0b6e09; + color: #fff; +} +.zen .theme-accent .btn-outline { + background: transparent; + border: 2px solid #0b6e09; + color: #0b6e09; + transition: background-color color border-color 0.3s 0.3s 0.3s; +} +.zen .theme-accent .btn-outline:hover, +.zen .theme-secondary { + background: #0b6e09; + color: #fff; +} +.zen .theme-secondary { + border-radius: 6px; +} +.zen .theme-secondary .btn, +.zen .theme-secondary button { + background: #f7d62e; + color: #000; + transition: background-color color border-color 0.3s 0.3s 0.3s; +} +.zen .theme-secondary .btn:hover, +.zen .theme-secondary button:hover { + background: #b89b07; + color: #000; +} +.zen .theme-secondary .label { + background: #f7d62e; + color: #000; +} +.zen .theme-secondary .btn-outline { + background: transparent; + border: 2px solid #f7d62e; + color: #f7d62e; + transition: background-color color border-color 0.3s 0.3s 0.3s; +} +.zen .theme-secondary .btn-outline:hover { + background: #f7d62e; + color: #000; +} +.zen .theme-primary a, +.zen .theme-secondary a { + color: #fff; +} +.zen .theme-accent a { + color: #000; +} +.zen .theme-cta a { + color: #fff; +} +.zen .theme-light a { + color: #000; +} +.zen .theme-cta .btn-outline, +.zen .theme-dark a, +.zen .theme-primary .btn-outline, +.zen .theme-secondary .btn-outline { + color: #fff; +} +.zen .theme-accent .btn-outline { + color: #000; +} +.zen .theme-dark .btn-outline { + color: #fff; +} +.zen .theme-light .btn-outline { + color: #000; +} +.zen .theme-light.accent-left { + border-left: 10px solid #f7d62e; +} +.zen .btn-outline { + border-radius: 6px; + cursor: pointer; + display: inline-block; + text-align: center; + text-decoration: none; +} +.zen .bg-primary { + background: #094394 !important; + color: #fff !important; +} +.zen .bg-primary-dark { + background: #083f8a !important; + color: #fff !important; +} +.zen .bg-primary-dark a { + color: #fff !important; +} +.zen .bg-primary-darker { + background: #08387c !important; + color: #fff !important; +} +.zen .bg-primary-darker a { + color: #fff !important; +} +.zen .bg-primary-darkest { + background: #07326e !important; + color: #fff !important; +} +.zen .bg-primary-darkest a { + color: #fff !important; +} +.zen .bg-primary-light { + background: #0b54ba !important; + color: #fff !important; +} +.zen .bg-primary-light a { + color: #fff !important; +} +.zen .bg-primary-lighter { + background: #0d5dce !important; + color: #fff !important; +} +.zen .bg-primary-lighter a { + color: #fff !important; +} +.zen .bg-primary-lightest { + background: #0d64dc !important; + color: #fff !important; +} +.zen .bg-primary-lightest a, +.zen .bg-secondary { + color: #fff !important; +} +.zen .bg-secondary { + background: #0b6e09 !important; +} +.zen .bg-secondary-dark { + background: #0a6508 !important; + color: #fff !important; +} +.zen .bg-secondary-dark a { + color: #fff !important; +} +.zen .bg-secondary-darker { + background: #095607 !important; + color: #fff !important; +} +.zen .bg-secondary-darker a { + color: #fff !important; +} +.zen .bg-secondary-darkest { + background: #074806 !important; + color: #fff !important; +} +.zen .bg-secondary-darkest a { + color: #fff !important; +} +.zen .bg-secondary-light { + background: #0f940c !important; + color: #000 !important; +} +.zen .bg-secondary-light a { + color: #000 !important; +} +.zen .bg-secondary-lighter { + background: #11a70e !important; + color: #000 !important; +} +.zen .bg-secondary-lighter a { + color: #000 !important; +} +.zen .bg-secondary-lightest { + background: #12b50f !important; + color: #000 !important; +} +.zen .bg-accent, +.zen .bg-secondary-lightest a { + color: #000 !important; +} +.zen .bg-accent { + background: #f7d62e !important; +} +.zen .bg-accent-dark { + background: #f6d21a !important; + color: #000 !important; +} +.zen .bg-accent-dark a { + color: #000 !important; +} +.zen .bg-accent-darker { + background: #f6cf0c !important; + color: #000 !important; +} +.zen .bg-accent-darker a { + color: #000 !important; +} +.zen .bg-accent-darkest { + background: #e9c409 !important; + color: #000 !important; +} +.zen .bg-accent-darkest a { + color: #000 !important; +} +.zen .bg-accent-light { + background: #f9de55 !important; + color: #000 !important; +} +.zen .bg-accent-light a { + color: #000 !important; +} +.zen .bg-accent-lighter { + background: #f9e269 !important; + color: #000 !important; +} +.zen .bg-accent-lighter a { + color: #000 !important; +} +.zen .bg-accent-lightest { + background: #fae478 !important; + color: #000 !important; +} +.zen .bg-accent-lightest a { + color: #000 !important; +} +.zen .bg-cta { + background: #2b66c5 !important; + color: #fff !important; +} +.zen .bg-cta-dark { + background: #2455a4 !important; +} +.zen .bg-cta-dark, +.zen .bg-cta-dark a, +.zen .bg-cta-darker { + color: #fff !important; +} +.zen .bg-cta-darker { + background: #204c93 !important; +} +.zen .bg-cta-darker a { + color: #fff !important; +} +.zen .bg-cta-darkest { + background: #1d4586 !important; + color: #fff !important; +} +.zen .bg-cta-darkest a { + color: #fff !important; +} +.zen .bg-cta-light { + background: #437bd6 !important; +} +.zen .bg-cta-light, +.zen .bg-cta-light a { + color: #000 !important; +} +.zen .bg-cta-lighter { + background: #5487da !important; + color: #000 !important; +} +.zen .bg-cta-lighter a { + color: #000 !important; +} +.zen .bg-cta-lightest { + background: #6090dc !important; + color: #000 !important; +} +.zen .bg-cta-lightest a, +.zen .bg-red { + color: #000 !important; +} +.zen .bg-red { + background: #f54c22 !important; +} +.zen .bg-red-dark { + background: #f43c0e !important; +} +.zen .bg-red-dark, +.zen .bg-red-dark a, +.zen .bg-red-darker { + color: #000 !important; +} +.zen .bg-red-darker { + background: #e9370b !important; +} +.zen .bg-red-darker a { + color: #000 !important; +} +.zen .bg-red-darkest { + background: #d5320a !important; + color: #fff !important; +} +.zen .bg-red-darkest a { + color: #fff !important; +} +.zen .bg-red-light { + background: #f6603a !important; +} +.zen .bg-red-light, +.zen .bg-red-light a { + color: #000 !important; +} +.zen .bg-red-lighter { + background: #f76c49 !important; + color: #000 !important; +} +.zen .bg-red-lighter a { + color: #000 !important; +} +.zen .bg-red-lightest { + background: #f87b5d !important; + color: #000 !important; +} +.zen .bg-orange, +.zen .bg-red-lightest a { + color: #000 !important; +} +.zen .bg-orange { + background: #f7c44e !important; +} +.zen .bg-orange-dark { + background: #f5b522 !important; + color: #000 !important; +} +.zen .bg-orange-dark a { + color: #000 !important; +} +.zen .bg-orange-darker { + background: #f4b013 !important; + color: #000 !important; +} +.zen .bg-orange-darker a { + color: #000 !important; +} +.zen .bg-orange-darkest { + background: #eea90b !important; + color: #000 !important; +} +.zen .bg-orange-darkest a { + color: #000 !important; +} +.zen .bg-orange-light { + background: #f9d37a !important; + color: #000 !important; +} +.zen .bg-orange-light a { + color: #000 !important; +} +.zen .bg-orange-lighter { + background: #fad889 !important; + color: #000 !important; +} +.zen .bg-orange-lighter a { + color: #000 !important; +} +.zen .bg-orange-lightest { + background: #fadc97 !important; + color: #000 !important; +} +.zen .bg-orange-lightest a, +.zen .bg-yellow { + color: #000 !important; +} +.zen .bg-yellow { + background: #fbec43 !important; +} +.zen .bg-yellow-dark { + background: #fae716 !important; + color: #000 !important; +} +.zen .bg-yellow-dark a { + color: #000 !important; +} +.zen .bg-yellow-darker { + background: #fae607 !important; + color: #000 !important; +} +.zen .bg-yellow-darker a { + color: #000 !important; +} +.zen .bg-yellow-darkest { + background: #ecda05 !important; + color: #000 !important; +} +.zen .bg-yellow-darkest a { + color: #000 !important; +} +.zen .bg-yellow-light { + background: #fcf170 !important; + color: #000 !important; +} +.zen .bg-yellow-light a { + color: #000 !important; +} +.zen .bg-yellow-lighter { + background: #fcf27f !important; + color: #000 !important; +} +.zen .bg-yellow-lighter a { + color: #000 !important; +} +.zen .bg-yellow-lightest { + background: #fdf48e !important; + color: #000 !important; +} +.zen .bg-green, +.zen .bg-yellow-lightest a { + color: #000 !important; +} +.zen .bg-green { + background: #48cc6b !important; +} +.zen .bg-green-dark { + background: #32b455 !important; +} +.zen .bg-green-dark, +.zen .bg-green-dark a { + color: #000 !important; +} +.zen .bg-green-darker { + background: #2fa84f !important; + color: #000 !important; +} +.zen .bg-green-darker a { + color: #000 !important; +} +.zen .bg-green-darkest { + background: #2da04b !important; + color: #000 !important; +} +.zen .bg-green-darkest a { + color: #000 !important; +} +.zen .bg-green-light { + background: #6cd688 !important; + color: #000 !important; +} +.zen .bg-green-light a { + color: #000 !important; +} +.zen .bg-green-lighter { + background: #78d992 !important; + color: #000 !important; +} +.zen .bg-green-lighter a { + color: #000 !important; +} +.zen .bg-green-lightest { + background: #84dd9b !important; + color: #000 !important; +} +.zen .bg-blue, +.zen .bg-green-lightest a { + color: #000 !important; +} +.zen .bg-blue { + background: #5394fc !important; +} +.zen .bg-blue-dark { + background: #2678fb !important; +} +.zen .bg-blue-dark, +.zen .bg-blue-dark a { + color: #000 !important; +} +.zen .bg-blue-darker { + background: #176ffb !important; + color: #000 !important; +} +.zen .bg-blue-darker a { + color: #000 !important; +} +.zen .bg-blue-darkest { + background: #0865fb !important; + color: #fff !important; +} +.zen .bg-blue-darkest a { + color: #fff !important; +} +.zen .bg-blue-light { + background: #80b0fd !important; +} +.zen .bg-blue-light, +.zen .bg-blue-light a { + color: #000 !important; +} +.zen .bg-blue-lighter { + background: #8fb9fd !important; + color: #000 !important; +} +.zen .bg-blue-lighter a { + color: #000 !important; +} +.zen .bg-blue-lightest { + background: #9ec3fd !important; + color: #000 !important; +} +.zen .bg-blue-lightest a, +.zen .bg-purple { + color: #000 !important; +} +.zen .bg-purple { + background: #ab56f4 !important; +} +.zen .bg-purple-dark { + background: #962bf1 !important; + color: #fff !important; +} +.zen .bg-purple-dark a { + color: #fff !important; +} +.zen .bg-purple-darker { + background: #8e1df0 !important; + color: #fff !important; +} +.zen .bg-purple-darker a { + color: #fff !important; +} +.zen .bg-purple-darkest { + background: #870fee !important; + color: #fff !important; +} +.zen .bg-purple-darkest a { + color: #fff !important; +} +.zen .bg-purple-light { + background: #c081f7 !important; + color: #000 !important; +} +.zen .bg-purple-light a { + color: #000 !important; +} +.zen .bg-purple-lighter { + background: #c88ff8 !important; + color: #000 !important; +} +.zen .bg-purple-lighter a { + color: #000 !important; +} +.zen .bg-purple-lightest { + background: #cf9ef9 !important; + color: #000 !important; +} +.zen .bg-grey-1, +.zen .bg-purple-lightest a { + color: #000 !important; +} +.zen .bg-grey-1 { + background: #c6c6c6 !important; +} +.zen .bg-grey-1-dark { + background: #adadad !important; + color: #000 !important; +} +.zen .bg-grey-1-light { + background: #dadada !important; + color: #000 !important; +} +.zen .bg-grey-2 { + background: #b0b0b0 !important; + color: #000 !important; +} +.zen .bg-grey-2-dark { + background: #979797 !important; + color: #000 !important; +} +.zen .bg-grey-2-light { + background: #cacaca !important; + color: #000 !important; +} +.zen .bg-grey-3 { + background: #999 !important; + color: #000 !important; +} +.zen .bg-grey-3-dark { + background: gray !important; + color: #000 !important; +} +.zen .bg-grey-3-light { + background: #b3b3b3 !important; + color: #000 !important; +} +.zen .bg-grey-4 { + background: #838383 !important; + color: #000 !important; +} +.zen .bg-grey-4-dark { + background: #6a6a6a !important; + color: #fff !important; +} +.zen .bg-grey-4-light { + background: #9d9d9d !important; + color: #000 !important; +} +.zen .bg-grey-5 { + background: #6d6d6d !important; + color: #fff !important; +} +.zen .bg-grey-5-dark { + background: #545454 !important; + color: #fff !important; +} +.zen .bg-grey-5-light { + background: #878787 !important; + color: #000 !important; +} +.zen .bg-grey-6 { + background: #585858 !important; + color: #fff !important; +} +.zen .bg-grey-6-dark { + background: #3f3f3f !important; + color: #fff !important; +} +.zen .bg-grey-6-light { + background: #727272 !important; + color: #fff !important; +} +.zen .bg-opaque { + background-color: hsla(0, 0%, 100%, 0.2); +} +.zen .bg-blur { + -webkit-backdrop-filter: blur(3px); + backdrop-filter: blur(3px); +} +.zen .text-dark-green { + color: #3d833a; +} +.zen .highlight { + background-color: #fbec43; +} +.zen .text-black { + color: #070707; +} +.zen .bg-white { + background-color: #fff; +} +.zen .bg-text-color { + background: #444; +} +.zen .bg-primary-hover:hover { + background: #062d64 !important; + color: #eee; +} +.zen .bg-secondary-hover:hover { + background: #063f05 !important; + color: #eee !important; +} +.zen .bg-cta-hover:hover { + background: #22509b !important; + color: #eee !important; +} +.zen .bg-light-hover:hover { + background: #e6e6e6 !important; + color: #070707 !important; +} +.zen .bg-dark-hover:hover { + background: #000 !important; + color: #eee !important; +} +.zen .bg-accent-hover:hover { + background: #e9c409 !important; + color: #eee !important; +} +.zen .icon-invert { + filter: invert(1); +} +.zen .icon-gold { + filter: invert(76%) sepia(83%) saturate(556%) hue-rotate(344deg) brightness(105%) contrast(98%); + width: 9px; +} +.zen .icon-silver { + filter: invert(50%) sepia(8%) saturate(15%) hue-rotate(314deg) brightness(103%) contrast(84%); + width: 9px; +} +.zen .bg-angle { + background-color: #f0f0f0; + overflow: hidden; + padding: 20px; + position: relative; +} +.zen .bg-angle:after { + background: repeating-linear-gradient(-45deg, transparent, transparent 10px, #f0f0f0 0, #f0f0f0 20px); + bottom: 0; + content: ""; + height: 20px; + left: 0; + position: absolute; + width: 100%; +} +.zen .bg-white { + color: #000; +} +.zen .text-primary { + color: #094394 !important; +} +.zen .text-primary-dark { + color: #062d64 !important; +} +.zen .text-primary-light { + color: #0c59c4 !important; +} +.zen .text-secondary { + color: #0b6e09 !important; +} +.zen .text-secondary-dark { + color: #063f05 !important; +} +.zen .text-secondary-light { + color: #109d0d !important; +} +.zen .text-accent { + color: #f7d62e !important; +} +.zen .text-accent-dark { + color: #e9c409 !important; +} +.zen .text-accent-light { + color: #f9e05f !important; +} +.zen .text-cta { + color: #2b66c5 !important; +} +.zen .text-cta-dark { + color: #22509b !important; +} +.zen .text-cta-light { + color: #4b81d8 !important; +} +.zen .text-ghost { + color: #fff !important; +} +.zen .text-ghost-dark { + color: #e6e6e6 !important; +} +.zen .text-ghost-light { + color: #fff !important; +} +.zen .text-red { + color: #f54c22 !important; +} +.zen .text-red-dark { + color: #da330a !important; +} +.zen .text-red-light { + color: #f77453 !important; +} +.zen .text-orange { + color: #f7c44e !important; +} +.zen .text-orange-dark { + color: #f5b41d !important; +} +.zen .text-orange-light { + color: #f9d47f !important; +} +.zen .text-yellow { + color: #fbec43 !important; +} +.zen .text-yellow-dark { + color: #fae711 !important; +} +.zen .text-yellow-light { + color: #fcf175 !important; +} +.zen .text-green { + color: #48cc6b !important; +} +.zen .text-green-dark { + color: #31b053 !important; +} +.zen .text-green-light { + color: #70d78b !important; +} +.zen .text-blue { + color: #5394fc !important; +} +.zen .text-blue-dark { + color: #2175fb !important; +} +.zen .text-blue-light { + color: #85b3fd !important; +} +.zen .text-purple { + color: #ab56f4 !important; +} +.zen .text-purple-dark { + color: #9326f1 !important; +} +.zen .text-purple-light { + color: #c386f7 !important; +} +.zen .text-white { + color: #eee !important; +} +.zen .text-white-dark { + color: #d5d5d5 !important; +} +.zen .text-white-light { + color: #fff !important; +} +.zen .text-black { + color: #070707 !important; +} +.zen .text-black-dark { + color: #000 !important; +} +.zen .text-black-light { + color: #212121 !important; +} +.zen .text-grey { + color: #eee !important; +} +.zen .text-grey-dark { + color: #d5d5d5 !important; +} +.zen .text-grey-light { + color: #fff !important; +} +.zen .text-grey-1 { + color: #c6c6c6 !important; +} +.zen .text-grey-2 { + color: #b0b0b0 !important; +} +.zen .text-grey-3 { + color: #999 !important; +} +.zen .text-grey-4 { + color: #838383 !important; +} +.zen .text-grey-5 { + color: #6d6d6d !important; +} +.zen .text-grey-6 { + color: #585858 !important; +} +.zen .text-red-dark { + color: #f43c0e !important; +} +.zen .text-red-light { + color: #f6603a !important; +} +.zen .text-orange-dark { + color: #f5b522 !important; +} +.zen .text-orange-light { + color: #f9d37a !important; +} +.zen .text-yellow-dark { + color: #fae716 !important; +} +.zen .text-yellow-light { + color: #fcf170 !important; +} +.zen .text-green-dark { + color: #32b455 !important; +} +.zen .text-green-light { + color: #6cd688 !important; +} +.zen .text-blue-dark { + color: #2678fb !important; +} +.zen .text-blue-light { + color: #80b0fd !important; +} +.zen .text-purple-dark { + color: #962bf1 !important; +} +.zen .text-purple-light { + color: #c081f7 !important; +} +.zen .text-danger { + color: #a23737; +} +.zen .text-danger, +.zen .text-warning { + position: relative; + top: -5px; +} +.zen .exit { + background-color: #000; + background-color: rgba(0, 0, 0, 0.4); + display: none; + height: 100%; + left: 0; + overflow: auto; + padding-top: 60px; + position: fixed; + top: 0; + width: 100%; + z-index: 3; +} +.zen .modal-content { + background-color: #fefefe; + border: 1px solid #888; + margin: 5% auto; + padding: 20px; + width: 80%; +} +.zen .modal-content .close { + position: absolute; + right: -5px; + text-align: right !important; + top: -4px; +} +.zen #contact button[type="submit"], +.zen #contact input[type="email"], +.zen #contact input[type="tel"], +.zen #contact input[type="text"], +.zen #contact input[type="url"], +.zen #contact textarea { + border: 0; + border-radius: 6px; + margin-bottom: 5px; + padding: 10px; + width: 100%; +} +.zen #contact { + background: #0b6e09; + border-radius: 6px; + display: flex; + flex-direction: column; + gap: 1em; + padding: 25px; +} +.zen #contact textarea { + height: 100px; + resize: none; +} +.zen #contact button[type="submit"] { + cursor: pointer; +} +.zen :-ms-input-placeholder, +.zen ::-webkit-input-placeholder, +.zen ::placeholder { + color: #888; +} +.zen .nav-menu ul { + border-radius: 6px; + flex-direction: column; + list-style: none; + margin: 0; + overflow: hidden; + padding: 0; + position: relative; +} +.zen .nav-menu li { + align-items: center; + cursor: pointer; + display: flex; + flex-grow: 1; + justify-content: unset; + line-height: 1.5em; + margin: 0; + padding: 10px 10px 10px 20px; + width: 100%; +} +.zen .nav-menu li i { + margin-top: 3px; +} +.zen .active-highlight { + background-color: #2b66c5; + height: 100%; + left: 0; + position: absolute; + top: 0; + transform: translateY(-100%); + transition: transform 0.3s ease; + width: 100%; + z-index: -1; +} +.zen .nav-menu li:hover { + background-color: hsla(0, 0%, 66%, 0.35); +} +.zen .nav-menu li.active { + background: #2b66c5; + color: #fff; +} +.zen .nav-menu li.active .icon, +.zen .nav-menu li.active .menu-item .main-text, +.zen .nav-menu li.active .menu-item .sub-text { + color: #fff; +} +.zen .nav-menu li .menu-item { + display: flex; + flex-direction: column; +} +.zen .nav-menu li .menu-item .main-text { + font-weight: 700; +} +.zen .sub-text { + font-size: 0.8em; + opacity: 0.7; +} +.zen .flex { + display: flex; +} +.zen .card .card-bottom { + flex: 0; + margin-top: auto; +} +.zen .flex-inline { + display: inline-flex; +} +.zen .flex-direction-row { + flex-direction: row; +} +.zen .flex-direction-row-reverse { + flex-direction: row-reverse; +} +.zen .flex-direction-column { + flex-direction: column; +} +.zen .flex-direction-column-reverse { + flex-direction: column-reverse; +} +.zen .flex-wrap { + flex-wrap: wrap; +} +.zen .flex-nowrap { + flex-wrap: nowrap; +} +.zen .flex-wrap-reverse { + flex-wrap: wrap-reverse; +} +.zen .justify-content-start { + justify-content: flex-start; +} +.zen .justify-content-end { + justify-content: flex-end; +} +.zen .justify-content-between { + justify-content: space-between; +} +.zen .justify-content-around { + justify-content: space-around; +} +.zen .justify-content-evenly { + justify-content: space-evenly; +} +.zen .align-items-start { + align-items: flex-start; +} +.zen .align-items-end { + align-items: flex-end; +} +.zen .align-items-baseline { + align-items: baseline; +} +.zen .align-items-stretch { + align-items: stretch; +} +.zen .align-content-start { + align-content: flex-start; +} +.zen .align-content-end { + align-content: flex-end; +} +.zen .align-content-center { + align-content: center; +} +.zen .align-content-between { + align-content: space-between; +} +.zen .align-content-around { + align-content: space-around; +} +.zen .align-content-stretch { + align-content: stretch; +} +.zen .align-self-start { + align-self: flex-start; +} +.zen .align-self-end { + align-self: flex-end; +} +.zen .align-self-center { + align-self: center; +} +.zen .align-self-baseline { + align-self: baseline; +} +.zen .align-self-stretch { + align-self: stretch; +} +.zen .flex-grow-0 { + flex-grow: 0; +} +.zen .flex-shrink-0 { + flex-shrink: 0; +} +.zen .flex-shrink-1 { + flex-shrink: 1; +} +.zen .order-0 { + order: 0; +} +.zen .order-1 { + order: 1; +} +.zen .order-2 { + order: 2; +} +.zen .order-3 { + order: 3; +} +.zen .order-4 { + order: 4; +} +.zen .order-5 { + order: 5; +} +.zen .order-6 { + order: 6; +} +.zen .order-7 { + order: 7; +} +.zen .order-8 { + order: 8; +} +.zen .order-9 { + order: 9; +} +.zen .order-10 { + order: 10; +} +.zen .reverse > :nth-z-col(1) { + order: 2; +} +.zen .reverse > :nth-z-col(2) { + order: 1; +} +.zen .expand { + flex: 1; +} +.zen .center-me, +.zen .img-center { + align-self: center; +} +.zen .center-flex { + justify-content: center; +} +.zen .flex-row { + flex-direction: row; +} +.zen .flex-col { + flex-direction: column; +} +.zen .d-flex { + display: flex; +} +.zen .flex-grow-1 { + flex-grow: 1; +} +.zen .flex-grow-2 { + flex-grow: 2; +} +.zen .flex-grow-8 { + flex-grow: 8; +} +.zen .align-self-start { + align-self: start; +} +.zen .flex-align-vertical { + flex-direction: column; +} +.zen .flex-align-vertical, +.zen .flex-vertical-center { + align-items: center; + display: flex; + justify-content: center; +} +.zen .flex-vertical-center { + flex-grow: 1; +} +.zen .flex-align-horizontal { + align-items: center; + display: flex; + flex-direction: row; + justify-content: center; +} +.zen .justify-content-center { + justify-content: center; +} +.zen .align-items-center { + align-items: center; +} +.zen .center-flex-child { + margin: auto; +} +.zen .megamenu .z-col, +.zen .megamenu z-col { + flex-basis: 30.94% !important; +} +.zen .two-up { + display: flex; + flex-wrap: wrap; +} +.zen .two-up > * { + flex: 1 0 49.18% !important; +} +.zen .three-up { + display: flex; + flex-wrap: wrap; +} +.zen .three-up > * { + flex: 1 0 32.245% !important; +} +.zen .four-up { + display: flex; + flex-wrap: wrap; + gap: 1em; +} +.zen .four-up > * { + flex: 1; +} +.zen .five-up { + display: flex; + flex-wrap: wrap; +} +.zen .five-up > * { + flex: 1 0 18.458% !important; +} +.zen .six-up { + display: flex; + flex-wrap: wrap; +} +.zen .six-up > * { + flex: 1 0 15.49% !important; + margin: 0; +} +.zen .seven-up { + display: flex; + flex-wrap: wrap; +} +.zen .seven-up > * { + flex: 1 0 13.083% !important; +} +.zen .eight-up { + display: flex; + flex-wrap: wrap; +} +.zen .eight-up > * { + flex: 1 0 11.27% !important; +} +.zen .br-0 { + border-radius: 0; +} +@media (min-width: 576px) { + .zen .zen { + font-size: 14px; + } + .zen .header, + .zen .z-container, + .zen z-container { + max-width: 540px; + } + .zen .mobile\:hide { + display: none; + } + .zen .single { + max-width: 390px; + min-width: 390px; + } +} +@media (min-width: 768px) { + .zen .zen { + font-size: 14px; + } + .zen .header, + .zen .z-container, + .zen z-container { + max-width: 720px; + } + .zen .z-row, + .zen z-row { + flex-direction: row !important; + } + .zen .z-row.stack-mobile { + flex-direction: row; + } + .zen .z-row.stack-tablet { + flex-direction: column; + } + .zen .hide-tablet { + display: none; + } + .zen .tablet-reverse { + flex-direction: column; + } + .zen .z-col, + .zen z-col { + flex-basis: 33% !important; + } + .zen .z-row .z-col .z-col, + .zen z-row z-col z-col { + flex-direction: column; + } +} +@media (min-width: 992px) { + .zen .zen { + font-size: 16px; + } + .zen .header, + .zen .z-container, + .zen z-container { + max-width: 960px; + } + .zen .z-row.stack-mobile, + .zen .z-row.stack-tablet { + flex-direction: row; + } + .zen .z-col, + .zen z-col { + flex-basis: calc(25% - 20px) !important; + } +} +@media (min-width: 1200px) { + .zen .zen { + font-size: 16px; + } + .zen .header, + .zen .z-container, + .zen z-container { + max-width: 1140px; + } + .zen .z-row.stack-tablet { + flex-direction: row; + } + .zen .z-row.stack-mobile { + flex-direction: row !important; + } + .zen .z-row .z-col .z-col, + .zen z-row z-col z-col { + flex-direction: column; + } +} +.zen .tablet-reverse { + display: flex; + flex-direction: column-reverse; + flex-wrap: wrap; +} +@media (max-width: 991px) { + .zen .z-col, + .zen z-col { + padding: 0.8rem; + } + .zen ol, + .zen ul { + padding-left: 18px; + } +} +@media (max-width: 768px) { + .zen .card { + font-size: 1em; + } + .zen .tablet-reverse > :nth-z-col(1) { + order: 2; + } + .zen .tablet-reverse > :nth-z-col(2) { + order: 1; + } + .zen .z-container-fluid .z-col, + .zen z-container-fluid z-col { + margin-left: 0 !important; + margin-right: 0 !important; + } + .zen .br-left, + .zen .br-right { + border-radius: unset !important; + } +} +@media (max-width: 767px) { + .zen .z-col, + .zen blockquote, + .zen z-col { + margin-left: 0; + margin-right: 0; + } + .zen blockquote { + font-size: 0.8rem; + padding: 0 15px; + } + .zen li { + padding-left: 0.1em; + } + .zen blockquote:before { + left: 0; + top: 0; + } + .zen .mobile-square { + border-radius: 0; + } + .zen .z-col > .z-container > .z-row > .z-col, + .zen z-col > z-container > z-row > z-col { + margin-left: 0 !important; + margin-right: 0 !important; + } +} +@media (max-width: 1199px) { + .zen .eight-up > * { + flex: 1 0 23.751% !important; + } + .zen .five-up > * { + flex: 1 0 32.293% !important; + } + .zen .five-up > :nth-child(4n + 4), + .zen .five-up > :nth-child(4n + 5) { + flex: 1 0 49.168% !important; + } + .zen .six-up > * { + flex: 1 0 32.223% !important; + } +} +.zen .narrow { + padding-left: 0.5em !important; + padding-right: 0.5em !important; +} +.zen .narrow-left { + padding-left: 0.5em; +} +.zen .narrow-left-sm { + padding-left: 2em; +} +.zen .narrow-left-md { + padding-left: 4em; +} +.zen .narrow-left-lg { + padding-left: 6em; +} +.zen .narrow-right { + padding-left: 0.5em; +} +.zen .narrow-sm { + padding-left: 1em; + padding-right: 1em; +} +.zen .narrow-md { + padding-left: 1.5em; + padding-right: 1.5em; +} +.zen .narrow-lg { + padding-left: 2em; + padding-right: 2em; +} +.zen .narrow-xl { + padding-left: 15%; + padding-right: 15%; +} +@media (max-width: 992px) { + .zen .narrow, + .zen .narrow-left, + .zen .narrow-left-lg, + .zen .narrow-left-md, + .zen .narrow-left-sm, + .zen .narrow-lg, + .zen .narrow-md, + .zen .narrow-right, + .zen .narrow-sm { + padding-left: 1.2em; + padding-right: 1.2em; + } + .zen .narrow-xl { + padding-left: 1em; + padding-right: 1em; + } + .zen .tablet-reverse > :nth-z-col(1) { + order: 2; + } + .zen .tablet-reverse > :nth-z-col(2) { + order: 1; + } + .zen .center-tablet { + text-align: center; + } + .zen .eight-up > * { + flex: 1 0 23.335% !important; + } + .zen .five-up > * { + flex: 1 0 31.853% !important; + } + .zen .five-up > :nth-child(4n + 4), + .zen .five-up > :nth-child(4n + 5) { + flex: 1 0 48.891% !important; + } + .zen .six-up > * { + flex: 1 0 31.853% !important; + } + .zen .border-right:after { + border-bottom: 1px solid rgba(115, 130, 140, 0.2); + border-right: 0; + content: ""; + height: 1px; + position: relative; + right: 0; + top: 15px; + width: 100%; + } + .zen .tablet-order-0 { + order: 0; + } + .zen .tablet-order-1 { + order: 1; + } + .zen .tablet-order-2 { + order: 2; + } +} +.zen .col-nested { + margin-left: 0; + margin-right: 0; +} +@media (max-width: 768px) { + .zen .dropdown-content.megamenu .z-col, + .zen .dropdown-content.megamenu z-col { + padding-bottom: 0 !important; + padding-top: 0 !important; + } + .zen header { + height: 50px; + padding: 0; + } + .zen #hamburger-button { + padding: 0 10px 0 0; + } + .zen .feature, + .zen .feature-lg, + .zen .feature-md, + .zen .feature-sm { + flex-grow: 1; + } +} +@media (max-width: 767px) { + .zen .mobile\:thin { + aspect-ratio: 16/9; + -o-object-fit: cover; + object-fit: cover; + -o-object-position: 50% 50%; + object-position: 50% 50%; + } + .zen .mobile\:max-up { + flex-direction: row; + justify-content: center; + } + .zen .tablet\:text-center { + text-align: center !important; + } + .zen .mobile\:two-up { + flex-direction: row; + justify-content: center; + } + .zen .mobile\:two-up .z-col, + .zen .mobile\:two-up z-col { + flex-basis: calc(50% - 20px) !important; + margin: 0 !important; + width: 100%; + } +} +.zen .feature { + flex-grow: 1.5 !important; +} +.zen .feature-sm { + flex-grow: 2.3 !important; +} +.zen .feature-md { + flex-grow: 3.9 !important; +} +.zen .feature-lg { + flex-grow: 8 !important; +} +.zen .feature-xl { + flex-grow: 35 !important; +} +@media (max-width: 576px) { + .zen .card { + margin-left: 2.5% !important; + margin-right: 2.5% !important; + width: 95%; + } +} +.zen .p-0 { + padding: 0 !important; +} +.zen .m-0 { + margin: 0 !important; +} +.zen .p-1 { + padding: 0.25rem !important; +} +.zen .m-1 { + margin: 0.25rem !important; +} +.zen .p-2 { + padding: 0.5rem !important; +} +.zen .m-2 { + margin: 0.5rem !important; +} +.zen .p-3 { + padding: 0.75rem !important; +} +.zen .m-3 { + margin: 0.75rem !important; +} +.zen .p-4 { + padding: 1rem !important; +} +.zen .m-4 { + margin: 1rem !important; +} +.zen .p-5 { + padding: 1.25rem !important; +} +.zen .m-5 { + margin: 1.25rem !important; +} +.zen .mt-0 { + margin-top: 0 !important; +} +.zen .mb-0 { + margin-bottom: 0 !important; +} +.zen .ml-0 { + margin-left: 0 !important; +} +.zen .mr-0 { + margin-right: 0 !important; +} +.zen .pt-0 { + padding-top: 0 !important; +} +.zen .pb-0 { + padding-bottom: 0 !important; +} +.zen .pl-0 { + padding-left: 0 !important; +} +.zen .pr-0 { + padding-right: 0 !important; +} +.zen .mt-1 { + margin-top: 0.25em !important; +} +.zen .mb-1 { + margin-bottom: 0.25em !important; +} +.zen .ml-1 { + margin-left: 0.25em !important; +} +.zen .mr-1 { + margin-right: 0.25em !important; +} +.zen .pt-1 { + padding-top: 0.25em !important; +} +.zen .pb-1 { + padding-bottom: 0.25em !important; +} +.zen .pl-1 { + padding-left: 0.25em !important; +} +.zen .pr-1 { + padding-right: 0.25em !important; +} +.zen .mt-2 { + margin-top: 0.5em !important; +} +.zen .mb-2 { + margin-bottom: 0.5em !important; +} +.zen .ml-2 { + margin-left: 0.5em !important; +} +.zen .mr-2 { + margin-right: 0.5em !important; +} +.zen .pt-2 { + padding-top: 0.5em !important; +} +.zen .pb-2 { + padding-bottom: 0.5em !important; +} +.zen .pl-2 { + padding-left: 0.5em !important; +} +.zen .pr-2 { + padding-right: 0.5em !important; +} +.zen .mt-3 { + margin-top: 0.75em !important; +} +.zen .mb-3 { + margin-bottom: 0.75em !important; +} +.zen .ml-3 { + margin-left: 0.75em !important; +} +.zen .mr-3 { + margin-right: 0.75em !important; +} +.zen .pt-3 { + padding-top: 0.75em !important; +} +.zen .pb-3 { + padding-bottom: 0.75em !important; +} +.zen .pl-3 { + padding-left: 0.75em !important; +} +.zen .pr-3 { + padding-right: 0.75em !important; +} +.zen .mt-4 { + margin-top: 1em !important; +} +.zen .mb-4 { + margin-bottom: 1em !important; +} +.zen .ml-4 { + margin-left: 1em !important; +} +.zen .mr-4 { + margin-right: 1em !important; +} +.zen .pt-4 { + padding-top: 1em !important; +} +.zen .pb-4 { + padding-bottom: 1em !important; +} +.zen .pl-4 { + padding-left: 1em !important; +} +.zen .pr-4 { + padding-right: 1em !important; +} +.zen .mt-5 { + margin-top: 1.25em !important; +} +.zen .mb-5 { + margin-bottom: 1.25em !important; +} +.zen .ml-5 { + margin-left: 1.25em !important; +} +.zen .mr-5 { + margin-right: 1.25em !important; +} +.zen .pt-5 { + padding-top: 1.25em !important; +} +.zen .pb-5 { + padding-bottom: 1.25em !important; +} +.zen .pl-5 { + padding-left: 1.25em !important; +} +.zen .pr-5 { + padding-right: 1.25em !important; +} +.zen .p-6 { + padding: 2em !important; +} +.zen .m-6 { + margin: 2em !important; +} +.zen .p-7 { + padding: 3em !important; +} +.zen .m-7 { + margin: 3em !important; +} +.zen .text-success { + color: #30ac51; + position: relative; + top: -5px; +} +.zen .text-failure { + color: #f43c0e; +} +@media (max-width: 575.98px) { + .zen { + font-size: 14px; + } + .zen p { + letter-spacing: -0.2px; + line-height: 1.4rem; + } +} +@media (min-width: 576px) and (max-width: 767.98px) { + .zen { + font-size: 14px; + } + .zen p { + letter-spacing: -0.1px; + line-height: 1.4rem; + } +} +@media (min-width: 768px) and (max-width: 991.98px) { + .zen { + font-size: 15px; + } + .zen p { + line-height: 1.5rem; + } +} +@media (min-width: 992px) and (max-width: 1199.98px) { + .zen { + font-size: 15px; + } +} +@media (min-width: 1200px) { + .zen { + font-size: 16px; + } +} +.zen-dark { + background: #2a2a2a; + color: #cacaca; +} +.zen-dark .text-dual { + color: #cacaca !important; +} +.zen-dark a { + color: #cacaca; + cursor: pointer; + text-decoration: underline; +} +.zen-dark a:hover { + color: #e8e8e8; + text-decoration: none; +} +.zen-dark .text-grey-dual { + color: #8c8c8c; +} +.zen .zen-dark .tab-nav-round .item-minimal:hover, +.zen .zen-dark .tab-nav-round-thin .item-minimal:hover, +.zen .zen-dark .tab-nav-thin .item-minimal:hover, +.zen-dark .bg-ui-hover:hover, +.zen-dark .tab-nav .item-minimal:hover, +.zen-dark .zen .tab-nav-round .item-minimal:hover, +.zen-dark .zen .tab-nav-round-thin .item-minimal:hover, +.zen-dark .zen .tab-nav-thin .item-minimal:hover { + background: hsla(0, 0%, 79%, 0.3); +} +.zen-dark .btn-outline, +.zen-dark .text-cta-dual { + color: #ededed; +} +.zen-dark .link-classic { + color: #2994ff; + text-decoration: none; +} +.zen-dark .theme-light { + background: hsla(0, 0%, 100%, 0.1); + color: #cacaca; +} +.zen-dark .theme-light .btn-outline, +.zen-dark .theme-light a { + color: #cacaca; +} +.zen-dark .theme-dark { + background: rgba(13, 17, 23, 0.25); +} +.zen-dark .dropdown-content { + background: #e2e2e2; +} +.zen-dark .caret-up { + background: none !important; + border-bottom: 10px solid #e2e2e2; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + display: none; + height: 0; + left: 15px; + position: absolute; + top: calc(100% + 29px); + transform: translateY(-100%); + width: 0; + z-index: 10; +} +/*# sourceMappingURL=zen.min.css.map */ diff --git a/dist/zencss.js b/dist/zencss.js index 1f510448..2263dd90 100644 --- a/dist/zencss.js +++ b/dist/zencss.js @@ -1,1327 +1,1253 @@ /* - * zenCSS v2.0.2-beta (https://zencss.com/) - * Copyright 2022-2024 Shaun Mackey - * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) - */ - -/******/ (() => { // webpackBootstrap -var __webpack_exports__ = {}; -// This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. -(() => { -/*!************************************!*\ + * zenCSS v2.0.2-beta (https://zencss.com/) + * Copyright 2022-2024 Shaun Mackey + * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) + */ + +/******/ (() => { + // webpackBootstrap + var __webpack_exports__ = {}; + // This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. + (() => { + /*!************************************!*\ !*** ./modules/custom-elements.js ***! \************************************/ + // ---------------------------------------- + // Define zenCSS elements for use in JS + // ---------------------------------------- -// ---------------------------------------- -// Define zenCSS elements for use in JS -// ---------------------------------------- - -// Define z-container custom element -class ZContainer extends HTMLElement { - constructor() { - super(); - } -} - -customElements.define("z-container", ZContainer); - -// Define z-row custom element -class ZRow extends HTMLElement { - constructor() { - super(); - } -} - -customElements.define("z-row", ZRow); - -// Define z-col custom element -class ZCol extends HTMLElement { - constructor() { - super(); - } -} - -customElements.define("z-col", ZCol); - -})(); - -// This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. -(() => { -/*!*****************************!*\ - !*** ./modules/carousel.js ***! - \*****************************/ -/* - * zenCSS v2.0.2-beta (https://zencss.com/) - * Copyright 2022-2023 Shaun Mackey - * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) - */ -document.addEventListener("DOMContentLoaded", () => { - const sliders = document.querySelectorAll(".slider"); - - sliders.forEach((slider) => { - const slidesContainer = slider.querySelector(".slides-container"); - const originalSlides = Array.from(slidesContainer.children); - const totalOriginalSlides = originalSlides.length; - const nextButton = slider.querySelector(".next"); - const prevButton = slider.querySelector(".prev"); - const shouldAutoRotate = - slider.getAttribute("data-auto-rotate") === "true"; - - // Clone the first and last slides to create an infinite loop effect - const firstSlideClone = originalSlides[0].cloneNode(true); - const lastSlideClone = - originalSlides[totalOriginalSlides - 1].cloneNode(true); - slidesContainer.insertBefore(lastSlideClone, originalSlides[0]); - slidesContainer.appendChild(firstSlideClone); - - let currentIndex = 1; // Start from the first original slide (not the clone) - let isTransitioning = false; - let autoRotate; - - // Function to start auto-rotating - function startAutoRotate() { - if (shouldAutoRotate) { - autoRotate = setInterval(moveToNext, 4000); + // Define z-container custom element + class ZContainer extends HTMLElement { + constructor() { + super(); } } - // Function to stop auto-rotating - function stopAutoRotate() { - clearInterval(autoRotate); - } + customElements.define("z-container", ZContainer); - // Initialize position to the first original slide - slidesContainer.style.transition = "none"; - slidesContainer.style.transform = `translateX(-${currentIndex * 100}%)`; + // Define z-row custom element + class ZRow extends HTMLElement { + constructor() { + super(); + } + } - // Re-enable transitions after initial positioning - setTimeout(() => { - slidesContainer.style.transition = "transform 0.5s ease"; - }, 0); + customElements.define("z-row", ZRow); - function updateSlidePosition() { - slidesContainer.style.transform = `translateX(-${ - currentIndex * 100 - }%)`; + // Define z-col custom element + class ZCol extends HTMLElement { + constructor() { + super(); + } } - function moveToNext() { - if (isTransitioning) return; - currentIndex++; - isTransitioning = true; - updateSlidePosition(); - } + customElements.define("z-col", ZCol); + })(); - function moveToPrev() { - if (isTransitioning) return; - currentIndex--; - isTransitioning = true; - updateSlidePosition(); - } + // This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. + (() => { + /*!*****************************!*\ + !*** ./modules/carousel.js ***! + \*****************************/ + /* + * zenCSS v2.0.2-beta (https://zencss.com/) + * Copyright 2022-2023 Shaun Mackey + * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) + */ + document.addEventListener("DOMContentLoaded", () => { + const sliders = document.querySelectorAll(".slider"); + + sliders.forEach((slider) => { + const slidesContainer = slider.querySelector(".slides-container"); + const originalSlides = Array.from(slidesContainer.children); + const totalOriginalSlides = originalSlides.length; + const nextButton = slider.querySelector(".next"); + const prevButton = slider.querySelector(".prev"); + const shouldAutoRotate = slider.getAttribute("data-auto-rotate") === "true"; + + // Clone the first and last slides to create an infinite loop effect + const firstSlideClone = originalSlides[0].cloneNode(true); + const lastSlideClone = originalSlides[totalOriginalSlides - 1].cloneNode(true); + slidesContainer.insertBefore(lastSlideClone, originalSlides[0]); + slidesContainer.appendChild(firstSlideClone); + + let currentIndex = 1; // Start from the first original slide (not the clone) + let isTransitioning = false; + let autoRotate; + + // Function to start auto-rotating + function startAutoRotate() { + if (shouldAutoRotate) { + autoRotate = setInterval(moveToNext, 4000); + } + } - slidesContainer.addEventListener("transitionend", () => { - if (currentIndex >= totalOriginalSlides + 1) { - slidesContainer.style.transition = "none"; - currentIndex = 1; - slidesContainer.style.transform = `translateX(-${ - currentIndex * 100 - }%)`; - setTimeout(() => { - slidesContainer.style.transition = "transform 0.5s ease"; - }, 0); - } else if (currentIndex === 0) { + // Function to stop auto-rotating + function stopAutoRotate() { + clearInterval(autoRotate); + } + + // Initialize position to the first original slide slidesContainer.style.transition = "none"; - currentIndex = totalOriginalSlides; - slidesContainer.style.transform = `translateX(-${ - currentIndex * 100 - }%)`; + slidesContainer.style.transform = `translateX(-${currentIndex * 100}%)`; + + // Re-enable transitions after initial positioning setTimeout(() => { slidesContainer.style.transition = "transform 0.5s ease"; }, 0); - } - isTransitioning = false; - }); - - nextButton.addEventListener("click", moveToNext); - prevButton.addEventListener("click", moveToPrev); - - // Event listeners to stop/start auto-rotating - slidesContainer.addEventListener("mouseenter", stopAutoRotate); - slidesContainer.addEventListener("mouseleave", startAutoRotate); - nextButton.addEventListener("mouseenter", stopAutoRotate); - nextButton.addEventListener("mouseleave", startAutoRotate); - prevButton.addEventListener("mouseenter", stopAutoRotate); - prevButton.addEventListener("mouseleave", startAutoRotate); - // Start auto-rotating for this slider - startAutoRotate(); - }); -}); + function updateSlidePosition() { + slidesContainer.style.transform = `translateX(-${currentIndex * 100}%)`; + } -})(); + function moveToNext() { + if (isTransitioning) return; + currentIndex++; + isTransitioning = true; + updateSlidePosition(); + } -// This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. -(() => { -/*!*****************************!*\ - !*** ./modules/dropdown.js ***! - \*****************************/ + function moveToPrev() { + if (isTransitioning) return; + currentIndex--; + isTransitioning = true; + updateSlidePosition(); + } + slidesContainer.addEventListener("transitionend", () => { + if (currentIndex >= totalOriginalSlides + 1) { + slidesContainer.style.transition = "none"; + currentIndex = 1; + slidesContainer.style.transform = `translateX(-${currentIndex * 100}%)`; + setTimeout(() => { + slidesContainer.style.transition = "transform 0.5s ease"; + }, 0); + } else if (currentIndex === 0) { + slidesContainer.style.transition = "none"; + currentIndex = totalOriginalSlides; + slidesContainer.style.transform = `translateX(-${currentIndex * 100}%)`; + setTimeout(() => { + slidesContainer.style.transition = "transform 0.5s ease"; + }, 0); + } + isTransitioning = false; + }); -//------------------------------------- -// Dropdown -//------------------------------------- -document.addEventListener("DOMContentLoaded", function () { - var dropdownLinks = document.querySelectorAll(".dropdown .dropdown-link"); + nextButton.addEventListener("click", moveToNext); + prevButton.addEventListener("click", moveToPrev); - dropdownLinks.forEach(function (link) { - link.addEventListener("click", function (event) { - event.preventDefault(); + // Event listeners to stop/start auto-rotating + slidesContainer.addEventListener("mouseenter", stopAutoRotate); + slidesContainer.addEventListener("mouseleave", startAutoRotate); + nextButton.addEventListener("mouseenter", stopAutoRotate); + nextButton.addEventListener("mouseleave", startAutoRotate); + prevButton.addEventListener("mouseenter", stopAutoRotate); + prevButton.addEventListener("mouseleave", startAutoRotate); - // Toggle the dropdown content visibility - var dropdownContent = link.nextElementSibling; - if (dropdownContent.style.display === "block") { - dropdownContent.style.display = "none"; - } else { - // Close all open dropdowns before opening the new one - closeAllDropdowns(); - dropdownContent.style.display = "block"; - } + // Start auto-rotating for this slider + startAutoRotate(); + }); }); - }); -}); - -function closeAllDropdowns() { - var dropdowns = document.querySelectorAll(".dropdown .dropdown-content"); - dropdowns.forEach(function (dropdown) { - dropdown.style.display = "none"; - }); -} - -// Close all dropdowns when clicking outside -window.onclick = function (event) { - if (!event.target.matches(".dropdown-link")) { - closeAllDropdowns(); - } -}; + })(); -})(); + // This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. + (() => { + /*!*****************************!*\ + !*** ./modules/dropdown.js ***! + \*****************************/ -// This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. -(() => { -/*!**********************************!*\ - !*** ./modules/image-gallery.js ***! - \**********************************/ -// /* -// * zenCSS v2.0.2-beta (https://zencss.com/) -// * Copyright 2022-2024 Shaun Mackey -// * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) -// */ - -//12/29 removing lazy load - - - -function preloadImage(src) { - const img = new Image(); - img.src = src; -} - -document.addEventListener("DOMContentLoaded", function () { - const gallery = document.querySelector(".image-gallery"); - const modal = document.querySelector("z-modal"); - const paginationNav = document.querySelector(".pagination-nav"); - - if (gallery && modal && paginationNav) { - let currentPage = 1; - const imagesPerPage = 15; - let currentModalIndex = 0; - const imageWrappers = []; - - Array.from(gallery.children).forEach((img, index) => { - const wrapper = document.createElement("div"); - wrapper.style.display = index < imagesPerPage ? "block" : "none"; - const clonedImg = img.cloneNode(true); - clonedImg.addEventListener("click", () => { - currentModalIndex = index; - openModal( - clonedImg.src, - clonedImg.getAttribute("data-text"), - index, - ); + //------------------------------------- + // Dropdown + //------------------------------------- + document.addEventListener("DOMContentLoaded", function () { + var dropdownLinks = document.querySelectorAll(".dropdown .dropdown-link"); + + dropdownLinks.forEach(function (link) { + link.addEventListener("click", function (event) { + event.preventDefault(); + + // Toggle the dropdown content visibility + var dropdownContent = link.nextElementSibling; + if (dropdownContent.style.display === "block") { + dropdownContent.style.display = "none"; + } else { + // Close all open dropdowns before opening the new one + closeAllDropdowns(); + dropdownContent.style.display = "block"; + } + }); }); - wrapper.appendChild(clonedImg); - imageWrappers.push(wrapper); }); - const totalPages = Math.ceil(imageWrappers.length / imagesPerPage); - - function updateImagesForPage(pageNumber) { - imageWrappers.forEach((wrapper, index) => { - const start = (pageNumber - 1) * imagesPerPage; - const end = start + imagesPerPage; - wrapper.style.display = - index >= start && index < end ? "block" : "none"; + function closeAllDropdowns() { + var dropdowns = document.querySelectorAll(".dropdown .dropdown-content"); + dropdowns.forEach(function (dropdown) { + dropdown.style.display = "none"; }); } - function updatePaginationNav() { - paginationNav.innerHTML = - '«'; - for (let i = 1; i <= totalPages; i++) { - const classCurrent = i === currentPage ? "current" : ""; - paginationNav.innerHTML += `${i}`; + // Close all dropdowns when clicking outside + window.onclick = function (event) { + if (!event.target.matches(".dropdown-link")) { + closeAllDropdowns(); } - paginationNav.innerHTML += - '»'; - } - - function openModal(src, text, index) { - currentModalIndex = index; - const modalBody = modal.shadowRoot.querySelector(".modal-body"); - const modalWrapper = - modal.shadowRoot.querySelector(".modal-wrapper"); - const modalHeader = modal.shadowRoot.querySelector(".modal-header"); - - if (modalBody && modalWrapper && modalHeader) { - const currentWidth = modalWrapper.clientWidth; - const currentHeight = modalWrapper.clientHeight; - modalWrapper.style.minWidth = `${currentWidth}px`; - modalWrapper.style.minHeight = `${currentHeight}px`; - - modalBody.innerHTML = ""; - const imageContainer = document.createElement("div"); - imageContainer.style.display = "flex"; - imageContainer.style.position = "relative"; - imageContainer.style.justifyContent = "center"; - - const prevArrow = document.createElement("div"); - prevArrow.className = "prev arrow theme-dark"; - prevArrow.innerHTML = "❮"; - prevArrow.style.cursor = "pointer"; - prevArrow.style.position = "absolute"; - prevArrow.style.top = "50%"; - prevArrow.style.left = "7px"; - prevArrow.style.padding = "10px"; - prevArrow.style.backgroundColor = "rgba(255,255,255,.5)"; - prevArrow.style.transform = "translateY(-50%)"; - prevArrow.onclick = function () { - currentModalIndex = - currentModalIndex > 0 - ? currentModalIndex - 1 - : imageWrappers.length - 1; - const newImg = imageWrappers[currentModalIndex].firstChild; - openModal( - newImg.src, - newImg.getAttribute("data-text"), - currentModalIndex, - ); - }; - imageContainer.appendChild(prevArrow); - - const modalImage = document.createElement("img"); - modalImage.onload = () => { - modalWrapper.style.minWidth = ""; - modalWrapper.style.minHeight = ""; - }; - modalImage.src = src; - modalImage.style.maxWidth = "100%"; - modalImage.style.maxHeight = "60vh"; - modalImage.style.objectFit = "contain"; - modalImage.style.margin = "auto"; - imageContainer.appendChild(modalImage); - - const nextArrow = document.createElement("div"); - nextArrow.className = "next arrow theme-dark"; - nextArrow.innerHTML = "❯"; - nextArrow.style.cursor = "pointer"; - nextArrow.style.position = "absolute"; - nextArrow.style.padding = "10px"; - nextArrow.style.top = "50%"; - nextArrow.style.backgroundColor = "rgba(255,255,255,.5)"; - nextArrow.style.right = "7px"; - nextArrow.style.transform = "translateY(-50%)"; - nextArrow.onclick = function () { - currentModalIndex = - currentModalIndex < imageWrappers.length - 1 - ? currentModalIndex + 1 - : 0; - const newImg = imageWrappers[currentModalIndex].firstChild; - openModal( - newImg.src, - newImg.getAttribute("data-text"), - currentModalIndex, - ); - }; - imageContainer.appendChild(nextArrow); + }; + })(); - modalBody.appendChild(imageContainer); + // This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. + (() => { + /*!**********************************!*\ + !*** ./modules/image-gallery.js ***! + \**********************************/ + // /* + // * zenCSS v2.0.2-beta (https://zencss.com/) + // * Copyright 2022-2024 Shaun Mackey + // * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) + // */ - const modalText = document.createElement("p"); - modalText.textContent = text; - modalText.style.textAlign = "center"; - modalBody.appendChild(modalText); + //12/29 removing lazy load - modalBody.style.overflowY = "auto"; - modalBody.style.maxHeight = "80vh"; - modalHeader.style.display = "none"; + function preloadImage(src) { + const img = new Image(); + img.src = src; + } - modalWrapper.style.maxWidth = - window.innerWidth >= 1070 ? "860px" : "80%"; + document.addEventListener("DOMContentLoaded", function () { + const gallery = document.querySelector(".image-gallery"); + const modal = document.querySelector("z-modal"); + const paginationNav = document.querySelector(".pagination-nav"); + + if (gallery && modal && paginationNav) { + let currentPage = 1; + const imagesPerPage = 15; + let currentModalIndex = 0; + const imageWrappers = []; + + Array.from(gallery.children).forEach((img, index) => { + const wrapper = document.createElement("div"); + wrapper.style.display = index < imagesPerPage ? "block" : "none"; + const clonedImg = img.cloneNode(true); + clonedImg.addEventListener("click", () => { + currentModalIndex = index; + openModal(clonedImg.src, clonedImg.getAttribute("data-text"), index); + }); + wrapper.appendChild(clonedImg); + imageWrappers.push(wrapper); + }); - const nextIndex = (index + 1) % imageWrappers.length; - const prevIndex = - (index - 1 + imageWrappers.length) % imageWrappers.length; - preloadImage(imageWrappers[nextIndex].firstChild.src); - preloadImage(imageWrappers[prevIndex].firstChild.src); + const totalPages = Math.ceil(imageWrappers.length / imagesPerPage); - modal.open(); - } - } + function updateImagesForPage(pageNumber) { + imageWrappers.forEach((wrapper, index) => { + const start = (pageNumber - 1) * imagesPerPage; + const end = start + imagesPerPage; + wrapper.style.display = index >= start && index < end ? "block" : "none"; + }); + } - paginationNav.addEventListener("click", function (event) { - event.preventDefault(); - const target = event.target; - if (target.tagName === "A" && target.dataset.page) { - let newPage = currentPage; - if (target.dataset.page === "prev") { - newPage = currentPage > 1 ? currentPage - 1 : totalPages; - } else if (target.dataset.page === "next") { - newPage = currentPage < totalPages ? currentPage + 1 : 1; - } else { - newPage = parseInt(target.dataset.page); + function updatePaginationNav() { + paginationNav.innerHTML = '«'; + for (let i = 1; i <= totalPages; i++) { + const classCurrent = i === currentPage ? "current" : ""; + paginationNav.innerHTML += `${i}`; + } + paginationNav.innerHTML += '»'; } - if (newPage !== currentPage) { - currentPage = newPage; - updateImagesForPage(currentPage); - updatePaginationNav(); + function openModal(src, text, index) { + currentModalIndex = index; + const modalBody = modal.shadowRoot.querySelector(".modal-body"); + const modalWrapper = modal.shadowRoot.querySelector(".modal-wrapper"); + const modalHeader = modal.shadowRoot.querySelector(".modal-header"); + + if (modalBody && modalWrapper && modalHeader) { + const currentWidth = modalWrapper.clientWidth; + const currentHeight = modalWrapper.clientHeight; + modalWrapper.style.minWidth = `${currentWidth}px`; + modalWrapper.style.minHeight = `${currentHeight}px`; + + modalBody.innerHTML = ""; + const imageContainer = document.createElement("div"); + imageContainer.style.display = "flex"; + imageContainer.style.position = "relative"; + imageContainer.style.justifyContent = "center"; + + const prevArrow = document.createElement("div"); + prevArrow.className = "prev arrow theme-dark"; + prevArrow.innerHTML = "❮"; + prevArrow.style.cursor = "pointer"; + prevArrow.style.position = "absolute"; + prevArrow.style.top = "50%"; + prevArrow.style.left = "7px"; + prevArrow.style.padding = "10px"; + prevArrow.style.backgroundColor = "rgba(255,255,255,.5)"; + prevArrow.style.transform = "translateY(-50%)"; + prevArrow.onclick = function () { + currentModalIndex = currentModalIndex > 0 ? currentModalIndex - 1 : imageWrappers.length - 1; + const newImg = imageWrappers[currentModalIndex].firstChild; + openModal(newImg.src, newImg.getAttribute("data-text"), currentModalIndex); + }; + imageContainer.appendChild(prevArrow); + + const modalImage = document.createElement("img"); + modalImage.onload = () => { + modalWrapper.style.minWidth = ""; + modalWrapper.style.minHeight = ""; + }; + modalImage.src = src; + modalImage.style.maxWidth = "100%"; + modalImage.style.maxHeight = "60vh"; + modalImage.style.objectFit = "contain"; + modalImage.style.margin = "auto"; + imageContainer.appendChild(modalImage); + + const nextArrow = document.createElement("div"); + nextArrow.className = "next arrow theme-dark"; + nextArrow.innerHTML = "❯"; + nextArrow.style.cursor = "pointer"; + nextArrow.style.position = "absolute"; + nextArrow.style.padding = "10px"; + nextArrow.style.top = "50%"; + nextArrow.style.backgroundColor = "rgba(255,255,255,.5)"; + nextArrow.style.right = "7px"; + nextArrow.style.transform = "translateY(-50%)"; + nextArrow.onclick = function () { + currentModalIndex = currentModalIndex < imageWrappers.length - 1 ? currentModalIndex + 1 : 0; + const newImg = imageWrappers[currentModalIndex].firstChild; + openModal(newImg.src, newImg.getAttribute("data-text"), currentModalIndex); + }; + imageContainer.appendChild(nextArrow); + + modalBody.appendChild(imageContainer); + + const modalText = document.createElement("p"); + modalText.textContent = text; + modalText.style.textAlign = "center"; + modalBody.appendChild(modalText); + + modalBody.style.overflowY = "auto"; + modalBody.style.maxHeight = "80vh"; + modalHeader.style.display = "none"; + + modalWrapper.style.maxWidth = window.innerWidth >= 1070 ? "860px" : "80%"; + + const nextIndex = (index + 1) % imageWrappers.length; + const prevIndex = (index - 1 + imageWrappers.length) % imageWrappers.length; + preloadImage(imageWrappers[nextIndex].firstChild.src); + preloadImage(imageWrappers[prevIndex].firstChild.src); + + modal.open(); + } } - } - }); - window.addEventListener("resize", function () { - const modalWrapper = - modal.shadowRoot.querySelector(".modal-wrapper"); - if (modalWrapper) { - modalWrapper.style.maxWidth = - window.innerWidth >= 1070 ? "860px" : "80%"; - } - }); + paginationNav.addEventListener("click", function (event) { + event.preventDefault(); + const target = event.target; + if (target.tagName === "A" && target.dataset.page) { + let newPage = currentPage; + if (target.dataset.page === "prev") { + newPage = currentPage > 1 ? currentPage - 1 : totalPages; + } else if (target.dataset.page === "next") { + newPage = currentPage < totalPages ? currentPage + 1 : 1; + } else { + newPage = parseInt(target.dataset.page); + } + + if (newPage !== currentPage) { + currentPage = newPage; + updateImagesForPage(currentPage); + updatePaginationNav(); + } + } + }); - gallery.innerHTML = ""; - imageWrappers.forEach((wrapper) => gallery.appendChild(wrapper)); - updateImagesForPage(currentPage); - updatePaginationNav(); - } -}); - -// function preloadImage(src) { -// const img = new Image(); -// img.src = src; -// } - -// document.addEventListener("DOMContentLoaded", function () { -// const gallery = document.querySelector(".image-gallery"); -// const modal = document.querySelector("z-modal"); -// const paginationNav = document.querySelector(".pagination-nav"); - -// if (gallery && modal && paginationNav) { -// let currentPage = 1; -// const imagesPerPage = 15; -// let currentModalIndex = 0; -// const imageWrappers = []; - -// Array.from(gallery.children).forEach((img, index) => { -// const wrapper = document.createElement("div"); -// wrapper.classList.add("lazy-load"); // using the lazy-load class -// wrapper.style.display = index < imagesPerPage ? "block" : "none"; -// const clonedImg = img.cloneNode(true); -// clonedImg.addEventListener("click", () => { -// currentModalIndex = index; -// openModal( -// clonedImg.src, -// clonedImg.getAttribute("data-text"), -// index, -// ); -// }); -// wrapper.appendChild(clonedImg); -// imageWrappers.push(wrapper); -// }); - -// const totalPages = Math.ceil(imageWrappers.length / imagesPerPage); - -// function updateImagesForPage(pageNumber) { -// imageWrappers.forEach((wrapper, index) => { -// const start = (pageNumber - 1) * imagesPerPage; -// const end = start + imagesPerPage; -// wrapper.style.display = -// index >= start && index < end ? "block" : "none"; -// }); -// } - -// function updatePaginationNav() { -// paginationNav.innerHTML = -// '«'; -// for (let i = 1; i <= totalPages; i++) { -// const classCurrent = i === currentPage ? "current" : ""; -// paginationNav.innerHTML += `${i}`; -// } -// paginationNav.innerHTML += -// '»'; -// } - -// function openModal(src, text, index) { -// currentModalIndex = index; -// const modalBody = modal.shadowRoot.querySelector(".modal-body"); -// const modalWrapper = -// modal.shadowRoot.querySelector(".modal-wrapper"); -// const modalHeader = modal.shadowRoot.querySelector(".modal-header"); - -// if (modalBody && modalWrapper && modalHeader) { -// const currentWidth = modalWrapper.clientWidth; -// const currentHeight = modalWrapper.clientHeight; -// modalWrapper.style.minWidth = `${currentWidth}px`; -// modalWrapper.style.minHeight = `${currentHeight}px`; - -// modalBody.innerHTML = ""; -// const imageContainer = document.createElement("div"); -// imageContainer.style.display = "flex"; -// imageContainer.style.position = "relative"; -// imageContainer.style.justifyContent = "center"; - -// const prevArrow = document.createElement("div"); -// prevArrow.className = "prev arrow theme-dark"; -// prevArrow.innerHTML = "❮"; -// prevArrow.style.cursor = "pointer"; -// prevArrow.style.position = "absolute"; -// prevArrow.style.top = "50%"; -// prevArrow.style.left = "7px"; -// prevArrow.style.padding = "10px"; -// prevArrow.style.backgroundColor = "rgba(255,255,255,.5)"; -// prevArrow.style.transform = "translateY(-50%)"; -// prevArrow.onclick = function () { -// currentModalIndex = -// currentModalIndex > 0 -// ? currentModalIndex - 1 -// : imageWrappers.length - 1; -// const newImg = imageWrappers[currentModalIndex].firstChild; -// openModal( -// newImg.src, -// newImg.getAttribute("data-text"), -// currentModalIndex, -// ); -// }; -// imageContainer.appendChild(prevArrow); - -// const modalImage = document.createElement("img"); -// modalImage.onload = () => { -// modalWrapper.style.minWidth = ""; -// modalWrapper.style.minHeight = ""; -// }; -// modalImage.src = src; -// modalImage.style.maxWidth = "100%"; -// modalImage.style.maxHeight = "60vh"; -// modalImage.style.objectFit = "contain"; -// modalImage.style.margin = "auto"; -// imageContainer.appendChild(modalImage); - -// const nextArrow = document.createElement("div"); -// nextArrow.className = "next arrow theme-dark"; -// nextArrow.innerHTML = "❯"; -// nextArrow.style.cursor = "pointer"; -// nextArrow.style.position = "absolute"; -// nextArrow.style.padding = "10px"; -// nextArrow.style.top = "50%"; -// nextArrow.style.backgroundColor = "rgba(255,255,255,.5)"; -// nextArrow.style.right = "7px"; -// nextArrow.style.transform = "translateY(-50%)"; -// nextArrow.onclick = function () { -// currentModalIndex = -// currentModalIndex < imageWrappers.length - 1 -// ? currentModalIndex + 1 -// : 0; -// const newImg = imageWrappers[currentModalIndex].firstChild; -// openModal( -// newImg.src, -// newImg.getAttribute("data-text"), -// currentModalIndex, -// ); -// }; -// imageContainer.appendChild(nextArrow); - -// modalBody.appendChild(imageContainer); - -// const modalText = document.createElement("p"); -// modalText.textContent = text; -// modalText.style.textAlign = "center"; -// modalBody.appendChild(modalText); - -// modalBody.style.overflowY = "auto"; -// modalBody.style.maxHeight = "80vh"; -// modalHeader.style.display = "none"; - -// modalWrapper.style.maxWidth = -// window.innerWidth >= 1070 ? "860px" : "80%"; - -// const nextIndex = (index + 1) % imageWrappers.length; -// const prevIndex = -// (index - 1 + imageWrappers.length) % imageWrappers.length; -// preloadImage(imageWrappers[nextIndex].firstChild.src); -// preloadImage(imageWrappers[prevIndex].firstChild.src); - -// modal.open(); -// } -// } - -// paginationNav.addEventListener("click", function (event) { -// event.preventDefault(); -// const target = event.target; -// if (target.tagName === "A" && target.dataset.page) { -// let newPage = currentPage; -// if (target.dataset.page === "prev") { -// newPage = currentPage > 1 ? currentPage - 1 : totalPages; -// } else if (target.dataset.page === "next") { -// newPage = currentPage < totalPages ? currentPage + 1 : 1; -// } else { -// newPage = parseInt(target.dataset.page); -// } - -// if (newPage !== currentPage) { -// currentPage = newPage; -// updateImagesForPage(currentPage); -// updatePaginationNav(); -// } -// } -// }); - -// window.addEventListener("resize", function () { -// const modalWrapper = -// modal.shadowRoot.querySelector(".modal-wrapper"); -// if (modalWrapper) { -// modalWrapper.style.maxWidth = -// window.innerWidth >= 1070 ? "860px" : "80%"; -// } -// }); - -// gallery.innerHTML = ""; -// imageWrappers.forEach((wrapper) => gallery.appendChild(wrapper)); -// updateImagesForPage(currentPage); -// updatePaginationNav(); -// } -// }); + window.addEventListener("resize", function () { + const modalWrapper = modal.shadowRoot.querySelector(".modal-wrapper"); + if (modalWrapper) { + modalWrapper.style.maxWidth = window.innerWidth >= 1070 ? "860px" : "80%"; + } + }); -})(); + gallery.innerHTML = ""; + imageWrappers.forEach((wrapper) => gallery.appendChild(wrapper)); + updateImagesForPage(currentPage); + updatePaginationNav(); + } + }); -// This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. -(() => { -/*!******************************!*\ + // function preloadImage(src) { + // const img = new Image(); + // img.src = src; + // } + + // document.addEventListener("DOMContentLoaded", function () { + // const gallery = document.querySelector(".image-gallery"); + // const modal = document.querySelector("z-modal"); + // const paginationNav = document.querySelector(".pagination-nav"); + + // if (gallery && modal && paginationNav) { + // let currentPage = 1; + // const imagesPerPage = 15; + // let currentModalIndex = 0; + // const imageWrappers = []; + + // Array.from(gallery.children).forEach((img, index) => { + // const wrapper = document.createElement("div"); + // wrapper.classList.add("lazy-load"); // using the lazy-load class + // wrapper.style.display = index < imagesPerPage ? "block" : "none"; + // const clonedImg = img.cloneNode(true); + // clonedImg.addEventListener("click", () => { + // currentModalIndex = index; + // openModal( + // clonedImg.src, + // clonedImg.getAttribute("data-text"), + // index, + // ); + // }); + // wrapper.appendChild(clonedImg); + // imageWrappers.push(wrapper); + // }); + + // const totalPages = Math.ceil(imageWrappers.length / imagesPerPage); + + // function updateImagesForPage(pageNumber) { + // imageWrappers.forEach((wrapper, index) => { + // const start = (pageNumber - 1) * imagesPerPage; + // const end = start + imagesPerPage; + // wrapper.style.display = + // index >= start && index < end ? "block" : "none"; + // }); + // } + + // function updatePaginationNav() { + // paginationNav.innerHTML = + // '«'; + // for (let i = 1; i <= totalPages; i++) { + // const classCurrent = i === currentPage ? "current" : ""; + // paginationNav.innerHTML += `${i}`; + // } + // paginationNav.innerHTML += + // '»'; + // } + + // function openModal(src, text, index) { + // currentModalIndex = index; + // const modalBody = modal.shadowRoot.querySelector(".modal-body"); + // const modalWrapper = + // modal.shadowRoot.querySelector(".modal-wrapper"); + // const modalHeader = modal.shadowRoot.querySelector(".modal-header"); + + // if (modalBody && modalWrapper && modalHeader) { + // const currentWidth = modalWrapper.clientWidth; + // const currentHeight = modalWrapper.clientHeight; + // modalWrapper.style.minWidth = `${currentWidth}px`; + // modalWrapper.style.minHeight = `${currentHeight}px`; + + // modalBody.innerHTML = ""; + // const imageContainer = document.createElement("div"); + // imageContainer.style.display = "flex"; + // imageContainer.style.position = "relative"; + // imageContainer.style.justifyContent = "center"; + + // const prevArrow = document.createElement("div"); + // prevArrow.className = "prev arrow theme-dark"; + // prevArrow.innerHTML = "❮"; + // prevArrow.style.cursor = "pointer"; + // prevArrow.style.position = "absolute"; + // prevArrow.style.top = "50%"; + // prevArrow.style.left = "7px"; + // prevArrow.style.padding = "10px"; + // prevArrow.style.backgroundColor = "rgba(255,255,255,.5)"; + // prevArrow.style.transform = "translateY(-50%)"; + // prevArrow.onclick = function () { + // currentModalIndex = + // currentModalIndex > 0 + // ? currentModalIndex - 1 + // : imageWrappers.length - 1; + // const newImg = imageWrappers[currentModalIndex].firstChild; + // openModal( + // newImg.src, + // newImg.getAttribute("data-text"), + // currentModalIndex, + // ); + // }; + // imageContainer.appendChild(prevArrow); + + // const modalImage = document.createElement("img"); + // modalImage.onload = () => { + // modalWrapper.style.minWidth = ""; + // modalWrapper.style.minHeight = ""; + // }; + // modalImage.src = src; + // modalImage.style.maxWidth = "100%"; + // modalImage.style.maxHeight = "60vh"; + // modalImage.style.objectFit = "contain"; + // modalImage.style.margin = "auto"; + // imageContainer.appendChild(modalImage); + + // const nextArrow = document.createElement("div"); + // nextArrow.className = "next arrow theme-dark"; + // nextArrow.innerHTML = "❯"; + // nextArrow.style.cursor = "pointer"; + // nextArrow.style.position = "absolute"; + // nextArrow.style.padding = "10px"; + // nextArrow.style.top = "50%"; + // nextArrow.style.backgroundColor = "rgba(255,255,255,.5)"; + // nextArrow.style.right = "7px"; + // nextArrow.style.transform = "translateY(-50%)"; + // nextArrow.onclick = function () { + // currentModalIndex = + // currentModalIndex < imageWrappers.length - 1 + // ? currentModalIndex + 1 + // : 0; + // const newImg = imageWrappers[currentModalIndex].firstChild; + // openModal( + // newImg.src, + // newImg.getAttribute("data-text"), + // currentModalIndex, + // ); + // }; + // imageContainer.appendChild(nextArrow); + + // modalBody.appendChild(imageContainer); + + // const modalText = document.createElement("p"); + // modalText.textContent = text; + // modalText.style.textAlign = "center"; + // modalBody.appendChild(modalText); + + // modalBody.style.overflowY = "auto"; + // modalBody.style.maxHeight = "80vh"; + // modalHeader.style.display = "none"; + + // modalWrapper.style.maxWidth = + // window.innerWidth >= 1070 ? "860px" : "80%"; + + // const nextIndex = (index + 1) % imageWrappers.length; + // const prevIndex = + // (index - 1 + imageWrappers.length) % imageWrappers.length; + // preloadImage(imageWrappers[nextIndex].firstChild.src); + // preloadImage(imageWrappers[prevIndex].firstChild.src); + + // modal.open(); + // } + // } + + // paginationNav.addEventListener("click", function (event) { + // event.preventDefault(); + // const target = event.target; + // if (target.tagName === "A" && target.dataset.page) { + // let newPage = currentPage; + // if (target.dataset.page === "prev") { + // newPage = currentPage > 1 ? currentPage - 1 : totalPages; + // } else if (target.dataset.page === "next") { + // newPage = currentPage < totalPages ? currentPage + 1 : 1; + // } else { + // newPage = parseInt(target.dataset.page); + // } + + // if (newPage !== currentPage) { + // currentPage = newPage; + // updateImagesForPage(currentPage); + // updatePaginationNav(); + // } + // } + // }); + + // window.addEventListener("resize", function () { + // const modalWrapper = + // modal.shadowRoot.querySelector(".modal-wrapper"); + // if (modalWrapper) { + // modalWrapper.style.maxWidth = + // window.innerWidth >= 1070 ? "860px" : "80%"; + // } + // }); + + // gallery.innerHTML = ""; + // imageWrappers.forEach((wrapper) => gallery.appendChild(wrapper)); + // updateImagesForPage(currentPage); + // updatePaginationNav(); + // } + // }); + })(); + + // This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. + (() => { + /*!******************************!*\ !*** ./modules/accordian.js ***! \******************************/ -/* - * zenCSS v2.0.2-beta (https://zencss.com/) - * Copyright 2022-2023 Shaun Mackey - * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) - */ -document.addEventListener("DOMContentLoaded", function () { - var accordionToggles = document.querySelectorAll(".accordion-toggle"); + /* + * zenCSS v2.0.2-beta (https://zencss.com/) + * Copyright 2022-2023 Shaun Mackey + * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) + */ + document.addEventListener("DOMContentLoaded", function () { + var accordionToggles = document.querySelectorAll(".accordion-toggle"); + + accordionToggles.forEach(function (accordionToggle) { + accordionToggle.addEventListener("click", function () { + // Determine if the clicked toggle is being expanded + var isExpanding = this.getAttribute("aria-expanded") === "false"; + + // Remove active class from all toggles and reset icons + accordionToggles.forEach(function (otherToggle) { + otherToggle.classList.remove("active-toggle"); + otherToggle.setAttribute("aria-expanded", "false"); + + var otherIcon = otherToggle.querySelector(".zenicon-keyboard-arrow-right, .zenicon-keyboard-arrow-down"); + if (otherIcon) { + otherIcon.classList.remove("zenicon-keyboard-arrow-down"); + otherIcon.classList.add("zenicon-keyboard-arrow-right"); + } + + var otherPanel = otherToggle.nextElementSibling; + otherPanel.style.maxHeight = null; + otherPanel.setAttribute("aria-hidden", "true"); // Hide other panels + }); + + // Set the clicked toggle as active if it's expanding + if (isExpanding) { + this.classList.add("active-toggle"); + this.setAttribute("aria-expanded", "true"); + + var icon = this.querySelector(".zenicon-keyboard-arrow-right, .zenicon-keyboard-arrow-down"); + if (icon) { + icon.classList.remove("zenicon-keyboard-arrow-right"); + icon.classList.add("zenicon-keyboard-arrow-down"); + } + + var panel = this.nextElementSibling; + panel.style.maxHeight = panel.scrollHeight > 200 ? "1000px" : panel.scrollHeight + 10 + "px"; + panel.setAttribute("aria-hidden", "false"); // Show the current panel + } + }); + }); + }); + })(); - accordionToggles.forEach(function (accordionToggle) { - accordionToggle.addEventListener("click", function () { - // Determine if the clicked toggle is being expanded - var isExpanding = this.getAttribute("aria-expanded") === "false"; + // This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. + (() => { + /*!*************************!*\ + !*** ./modules/misc.js ***! + \*************************/ - // Remove active class from all toggles and reset icons - accordionToggles.forEach(function (otherToggle) { - otherToggle.classList.remove("active-toggle"); - otherToggle.setAttribute("aria-expanded", "false"); + //------------------------------------- + // Dynamic year in footer + //------------------------------------- + document.addEventListener("DOMContentLoaded", (event) => { + const yearSpan = document.getElementById("current-year"); + if (yearSpan) { + const currentYear = new Date().getFullYear(); + yearSpan.textContent = currentYear; + } + }); - var otherIcon = otherToggle.querySelector( - ".zenicon-keyboard-arrow-right, .zenicon-keyboard-arrow-down", - ); - if (otherIcon) { - otherIcon.classList.remove("zenicon-keyboard-arrow-down"); - otherIcon.classList.add("zenicon-keyboard-arrow-right"); - } + //------------------------------------- + // icon toggle + //------------------------------------- + document.addEventListener("DOMContentLoaded", function () { + var iconToggles = document.querySelectorAll(".icon-toggle"); - var otherPanel = otherToggle.nextElementSibling; - otherPanel.style.maxHeight = null; - otherPanel.setAttribute("aria-hidden", "true"); // Hide other panels + iconToggles.forEach(function (toggle) { + toggle.addEventListener("click", function () { + var iconOff = this.querySelector(".icon-off"); + var iconOn = this.querySelector(".icon-on"); + + // Toggle the 'show' class + iconOff.classList.toggle("show"); + iconOn.classList.toggle("show"); + }); }); + }); - // Set the clicked toggle as active if it's expanding - if (isExpanding) { - this.classList.add("active-toggle"); - this.setAttribute("aria-expanded", "true"); + // New stuff here after modules were created. If we need to revert, include this stuff. + document.querySelectorAll(".accordion-toggle").forEach((item) => { + item.addEventListener("click", (event) => { + event.preventDefault(); - var icon = this.querySelector( - ".zenicon-keyboard-arrow-right, .zenicon-keyboard-arrow-down", - ); - if (icon) { - icon.classList.remove("zenicon-keyboard-arrow-right"); - icon.classList.add("zenicon-keyboard-arrow-down"); - } + const contentId = item.getAttribute("aria-controls"); + const content = document.getElementById(contentId); - var panel = this.nextElementSibling; - panel.style.maxHeight = - panel.scrollHeight > 200 - ? "1000px" - : panel.scrollHeight + 10 + "px"; - panel.setAttribute("aria-hidden", "false"); // Show the current panel - } + // Close other expanded contents + document.querySelectorAll(".expanded-content").forEach((el) => { + if (el.id !== contentId) { + el.classList.remove("show"); + el.style.overflowY = "hidden"; + } + }); + + // Toggle current content + content.classList.toggle("show"); + + setTimeout(() => { + if (content.scrollHeight > content.clientHeight) { + content.style.overflowY = "auto"; + } else { + content.style.overflowY = "hidden"; + } + }, 500); + }); }); - }); -}); -})(); + //------------------------------------- + // Corner Popup + //------------------------------------- + document.addEventListener("DOMContentLoaded", function () { + var cornerPopup = document.querySelector(".corner-popup"); -// This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. -(() => { -/*!*************************!*\ - !*** ./modules/misc.js ***! - \*************************/ + if (cornerPopup) { + var button = cornerPopup.querySelector("button"); + var popup = cornerPopup.querySelector("div"); + popup.classList.add("card"); -//------------------------------------- -// Dynamic year in footer -//------------------------------------- -document.addEventListener("DOMContentLoaded", (event) => { - const yearSpan = document.getElementById("current-year"); - if (yearSpan) { - const currentYear = new Date().getFullYear(); - yearSpan.textContent = currentYear; - } -}); - -//------------------------------------- -// icon toggle -//------------------------------------- -document.addEventListener("DOMContentLoaded", function () { - var iconToggles = document.querySelectorAll(".icon-toggle"); - - iconToggles.forEach(function (toggle) { - toggle.addEventListener("click", function () { - var iconOff = this.querySelector(".icon-off"); - var iconOn = this.querySelector(".icon-on"); - - // Toggle the 'show' class - iconOff.classList.toggle("show"); - iconOn.classList.toggle("show"); - }); - }); -}); - -// New stuff here after modules were created. If we need to revert, include this stuff. -document.querySelectorAll(".accordion-toggle").forEach((item) => { - item.addEventListener("click", (event) => { - event.preventDefault(); - - const contentId = item.getAttribute("aria-controls"); - const content = document.getElementById(contentId); - - // Close other expanded contents - document.querySelectorAll(".expanded-content").forEach((el) => { - if (el.id !== contentId) { - el.classList.remove("show"); - el.style.overflowY = "hidden"; + button.addEventListener("click", function () { + popup.classList.toggle("hidden"); + console.log("Button clicked"); + }); } }); - // Toggle current content - content.classList.toggle("show"); - - setTimeout(() => { - if (content.scrollHeight > content.clientHeight) { - content.style.overflowY = "auto"; - } else { - content.style.overflowY = "hidden"; + //------------------------------------- + // Responsive Table + //------------------------------------- + document.addEventListener("DOMContentLoaded", () => { + // Function to apply data labels to a table + function applyDataLabelsToTable(table) { + // Get all the headers from the direct child thead of the table + const headers = Array.from(table.querySelectorAll(":scope > thead > tr > th")).map((th) => th.textContent.trim()); + + // Iterate over each row in the direct child tbody of the table + table.querySelectorAll(":scope > tbody > tr").forEach((row) => { + // Get all cells (td) in this row + row.querySelectorAll(":scope > td").forEach((cell, index) => { + // Assign the corresponding header text to the data-label attribute of the cell + if (headers[index]) { + cell.setAttribute("data-label", headers[index]); + } + }); + }); } - }, 500); - }); -}); -//------------------------------------- -// Corner Popup -//------------------------------------- -document.addEventListener("DOMContentLoaded", function () { - var cornerPopup = document.querySelector(".corner-popup"); + // Select all tables with class 'responsive-table' and apply data labels to each + document.querySelectorAll(".responsive-table").forEach(applyDataLabelsToTable); + }); + + //------------------------------------- + // Lazy Load Test - WIP + //------------------------------------- + + // document.addEventListener("DOMContentLoaded", function() { + // const lazyLoadImages = document.querySelectorAll("img.lazy-load"); + + // if (lazyLoadImages.length > 0) { + // const imageObserver = new IntersectionObserver(function(entries, observer) { + // entries.forEach(function(entry) { + // if (entry.isIntersecting) { + // const image = entry.target; + // image.src = image.dataset.src; + // image.classList.remove("lazy-load"); + // imageObserver.unobserve(image); + // } + // }); + // }); + + // lazyLoadImages.forEach(function(image) { + // imageObserver.observe(image); + // }); + // } + // }); + + //------------------------------------- + // Tabbed Card + //------------------------------------- + + // function showTab(tabNumber) { + // const tabbedCard = document.querySelector(".tabbed-card"); + // if (tabbedCard) { + // const tabs = tabbedCard.querySelectorAll(".tab"); + // const tabContents = tabbedCard.querySelectorAll(".tab-content"); + + // if (tabs.length && tabContents.length) { + // tabs.forEach((tab, index) => { + // if (index + 1 === tabNumber) { + // tab.classList.add("active"); + // if (tabContents[index]) { + // tabContents[index].classList.add("active"); + // } + // } else { + // tab.classList.remove("active"); + // if (tabContents[index]) { + // tabContents[index].classList.remove("active"); + // } + // } + // }); + // } + // } + // } + + // document.addEventListener("DOMContentLoaded", function () { + // const tabs = document.querySelectorAll(".tab"); + // if (tabs.length) { + // tabs.forEach((tab) => { + // tab.addEventListener("click", function () { + // const tabNumber = parseInt(tab.getAttribute("data-tab")); + // showTab(tabNumber); + // }); + // }); + // } + // }); + + //------------------------------------- + // side menus + //------------------------------------- + document.addEventListener("DOMContentLoaded", function () { + // Select all the menu items + const menuItems = document.querySelectorAll(".nav-menu li"); + + // Only proceed if menu items exist + if (menuItems.length) { + menuItems.forEach((item) => { + // Add click event listener to each menu item + item.addEventListener("click", function () { + // Remove the 'active' class from all items + menuItems.forEach((i) => i.classList.remove("active")); + + // Add the 'active' class to the clicked item + this.classList.add("active"); + }); + }); + } + }); - if (cornerPopup) { - var button = cornerPopup.querySelector("button"); - var popup = cornerPopup.querySelector("div"); + //------------------------------------- + // unread notifications + //------------------------------------- - popup.classList.add("card"); + document.addEventListener("DOMContentLoaded", function () { + var button = document.querySelector(".btn-circle"); - button.addEventListener("click", function () { - popup.classList.toggle("hidden"); - console.log("Button clicked"); - }); - } -}); - -//------------------------------------- -// Responsive Table -//------------------------------------- -document.addEventListener("DOMContentLoaded", () => { - // Function to apply data labels to a table - function applyDataLabelsToTable(table) { - // Get all the headers from the direct child thead of the table - const headers = Array.from( - table.querySelectorAll(":scope > thead > tr > th"), - ).map((th) => th.textContent.trim()); - - // Iterate over each row in the direct child tbody of the table - table.querySelectorAll(":scope > tbody > tr").forEach((row) => { - // Get all cells (td) in this row - row.querySelectorAll(":scope > td").forEach((cell, index) => { - // Assign the corresponding header text to the data-label attribute of the cell - if (headers[index]) { - cell.setAttribute("data-label", headers[index]); + // Check if the button exists + if (button) { + // Restore the data-unread attribute if 24 hours have not passed + var unreadResetTime = localStorage.getItem("unreadResetTime"); + if (unreadResetTime && new Date().getTime() < unreadResetTime) { + button.removeAttribute("data-unread"); } - }); - }); - } - - // Select all tables with class 'responsive-table' and apply data labels to each - document - .querySelectorAll(".responsive-table") - .forEach(applyDataLabelsToTable); -}); - -//------------------------------------- -// Lazy Load Test - WIP -//------------------------------------- - -// document.addEventListener("DOMContentLoaded", function() { -// const lazyLoadImages = document.querySelectorAll("img.lazy-load"); - -// if (lazyLoadImages.length > 0) { -// const imageObserver = new IntersectionObserver(function(entries, observer) { -// entries.forEach(function(entry) { -// if (entry.isIntersecting) { -// const image = entry.target; -// image.src = image.dataset.src; -// image.classList.remove("lazy-load"); -// imageObserver.unobserve(image); -// } -// }); -// }); - -// lazyLoadImages.forEach(function(image) { -// imageObserver.observe(image); -// }); -// } -// }); - -//------------------------------------- -// Tabbed Card -//------------------------------------- - -// function showTab(tabNumber) { -// const tabbedCard = document.querySelector(".tabbed-card"); -// if (tabbedCard) { -// const tabs = tabbedCard.querySelectorAll(".tab"); -// const tabContents = tabbedCard.querySelectorAll(".tab-content"); - -// if (tabs.length && tabContents.length) { -// tabs.forEach((tab, index) => { -// if (index + 1 === tabNumber) { -// tab.classList.add("active"); -// if (tabContents[index]) { -// tabContents[index].classList.add("active"); -// } -// } else { -// tab.classList.remove("active"); -// if (tabContents[index]) { -// tabContents[index].classList.remove("active"); -// } -// } -// }); -// } -// } -// } - -// document.addEventListener("DOMContentLoaded", function () { -// const tabs = document.querySelectorAll(".tab"); -// if (tabs.length) { -// tabs.forEach((tab) => { -// tab.addEventListener("click", function () { -// const tabNumber = parseInt(tab.getAttribute("data-tab")); -// showTab(tabNumber); -// }); -// }); -// } -// }); - -//------------------------------------- -// side menus -//------------------------------------- -document.addEventListener("DOMContentLoaded", function () { - // Select all the menu items - const menuItems = document.querySelectorAll(".nav-menu li"); - - // Only proceed if menu items exist - if (menuItems.length) { - menuItems.forEach((item) => { - // Add click event listener to each menu item - item.addEventListener("click", function () { - // Remove the 'active' class from all items - menuItems.forEach((i) => i.classList.remove("active")); - - // Add the 'active' class to the clicked item - this.classList.add("active"); - }); - }); - } -}); - -//------------------------------------- -// unread notifications -//------------------------------------- - -document.addEventListener("DOMContentLoaded", function () { - var button = document.querySelector(".btn-circle"); - - // Check if the button exists - if (button) { - // Restore the data-unread attribute if 24 hours have not passed - var unreadResetTime = localStorage.getItem("unreadResetTime"); - if (unreadResetTime && new Date().getTime() < unreadResetTime) { - button.removeAttribute("data-unread"); - } - // Add click event listener to the button - button.addEventListener("click", function () { - // Remove data-unread attribute and set the reset time in localStorage - button.removeAttribute("data-unread"); - var resetTime = new Date().getTime() + 24 * 60 * 60 * 1000; // 24 hours from now - localStorage.setItem("unreadResetTime", resetTime); - }); - } -}); - -//------------------------------------- -// fade in animation -//------------------------------------- - -document.addEventListener("DOMContentLoaded", () => { - const elementsToAnimate = document.querySelectorAll(".fade-in"); - - if (elementsToAnimate.length > 0) { - const observer = new IntersectionObserver( - (entries) => { - entries.forEach((entry) => { - if (entry.isIntersecting) { - entry.target.classList.add("visible"); - } + // Add click event listener to the button + button.addEventListener("click", function () { + // Remove data-unread attribute and set the reset time in localStorage + button.removeAttribute("data-unread"); + var resetTime = new Date().getTime() + 24 * 60 * 60 * 1000; // 24 hours from now + localStorage.setItem("unreadResetTime", resetTime); }); - }, - { - threshold: 0.3, - }, - ); - - elementsToAnimate.forEach((el) => observer.observe(el)); - } -}); - -// //pie charts -// document.addEventListener('DOMContentLoaded', () => { -// const chart = document.querySelector('.zen-pie-chart'); -// let accumulatedRotation = 0; - -// document.querySelectorAll('.zen-pie-chart .zen-slice').forEach(slice => { -// const percentage = parseFloat(slice.dataset.percentage); -// const rotation = 360 * (percentage / 100); -// const sliceRotation = accumulatedRotation + rotation / 2; - -// // Set styles and classes for the slice -// slice.style.transform = `rotate(${sliceRotation}deg)`; -// slice.style.clip = `rect(0px, ${chart.clientWidth}px, ${chart.clientWidth}px, ${chart.clientWidth / 2}px)`; -// slice.style.backgroundColor = getComputedStyle(slice).backgroundColor; -// slice.style.opacity = '1'; - -// // For more than 50%, create an overlay slice to simulate the additional percentage -// if (percentage > 50) { -// let overlaySlice = document.createElement('div'); -// overlaySlice.classList.add('zen-slice', 'overlay'); -// overlaySlice.style.backgroundColor = slice.style.backgroundColor; -// overlaySlice.style.position = 'absolute'; -// overlaySlice.style.width = '100%'; -// overlaySlice.style.height = '100%'; -// overlaySlice.style.transform = `rotate(${sliceRotation + 180}deg)`; -// overlaySlice.style.clip = `rect(0px, ${chart.clientWidth}px, ${chart.clientWidth}px, ${chart.clientWidth / 2}px)`; -// chart.appendChild(overlaySlice); -// } - -// accumulatedRotation += rotation; -// }); -// }); - -//------------------------------------- -// Pattern Interrupt -//------------------------------------- -// document.addEventListener('DOMContentLoaded', function() { -// var modalShown = false; -// var modal = document.querySelector('.pattern-interrupt'); -// var modal2 = document.querySelector('.modal'); - -// function showModal() { -// if (!modal) return; // Exit if no modal found - -// // Center the modal in the viewport -// modal.style.display = 'block'; -// modal2.style.display = 'block'; -// modal.style.position = 'fixed'; // Fixed position -// modal.style.top = '50%'; // Center vertically -// modal.style.left = '50%'; // Center horizontally -// modal.style.transform = 'translate(-50%, -50%)'; // Adjust for modal's dimensions - -// modalShown = true; -// } - -// function checkScroll() { -// if (modalShown) return; // Skip if the modal is already shown - -// var scrollPosition = window.pageYOffset || document.documentElement.scrollTop; -// var totalHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight; -// var scrolledPercentage = (scrollPosition / totalHeight) * 100; - -// if (scrolledPercentage > 10) { -// showModal(); -// } -// } - -// // Attach the scroll event listener only if the modal exists -// if (modal) { -// window.addEventListener('scroll', checkScroll); -// } -// }); - -//------------------------------------- -// Dynamic Navigation -//------------------------------------- -// document.addEventListener('DOMContentLoaded', function() { -// const header = document.querySelector('.header-sticky.slide-down'); -// console.log("Script running"); -// if (header) { -// fetch('../docs/navigation.html') // Assuming navigation.html is in the /docs folder -// .then(response => response.text()) -// .then(data => { -// header.innerHTML = data; -// }) -// .catch(error => console.error('Error loading navigation:', error)); -// } -// }); - -// //------------------------------------- -// // Video Player -// //------------------------------------- - -// class VideoPlayer extends HTMLElement { -// constructor() { -// super(); -// const shadowRoot = this.attachShadow({ mode: 'open' }); - -// const style = document.createElement('style'); -// style.textContent = ` - -// `; - -// const container = document.createElement('div'); -// container.className = 'video-container'; - -// const video = document.createElement('video'); -// video.className = 'video-player'; -// video.controls = true; - -// const src = this.getAttribute('src'); -// if (src) { -// const source = document.createElement('source'); -// source.src = src; -// source.type = 'video/mp4'; -// video.appendChild(source); -// } else { -// console.error('Video source not provided for .'); -// } - -// container.appendChild(video); -// shadowRoot.appendChild(style); -// shadowRoot.appendChild(container); -// } -// } - -// customElements.define('video-player', VideoPlayer); + } + }); -})(); + //------------------------------------- + // fade in animation + //------------------------------------- + + document.addEventListener("DOMContentLoaded", () => { + const elementsToAnimate = document.querySelectorAll(".fade-in"); + + if (elementsToAnimate.length > 0) { + const observer = new IntersectionObserver( + (entries) => { + entries.forEach((entry) => { + if (entry.isIntersecting) { + entry.target.classList.add("visible"); + } + }); + }, + { + threshold: 0.3, + }, + ); -// This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. -(() => { -/*!******************************!*\ + elementsToAnimate.forEach((el) => observer.observe(el)); + } + }); + + // //pie charts + // document.addEventListener('DOMContentLoaded', () => { + // const chart = document.querySelector('.zen-pie-chart'); + // let accumulatedRotation = 0; + + // document.querySelectorAll('.zen-pie-chart .zen-slice').forEach(slice => { + // const percentage = parseFloat(slice.dataset.percentage); + // const rotation = 360 * (percentage / 100); + // const sliceRotation = accumulatedRotation + rotation / 2; + + // // Set styles and classes for the slice + // slice.style.transform = `rotate(${sliceRotation}deg)`; + // slice.style.clip = `rect(0px, ${chart.clientWidth}px, ${chart.clientWidth}px, ${chart.clientWidth / 2}px)`; + // slice.style.backgroundColor = getComputedStyle(slice).backgroundColor; + // slice.style.opacity = '1'; + + // // For more than 50%, create an overlay slice to simulate the additional percentage + // if (percentage > 50) { + // let overlaySlice = document.createElement('div'); + // overlaySlice.classList.add('zen-slice', 'overlay'); + // overlaySlice.style.backgroundColor = slice.style.backgroundColor; + // overlaySlice.style.position = 'absolute'; + // overlaySlice.style.width = '100%'; + // overlaySlice.style.height = '100%'; + // overlaySlice.style.transform = `rotate(${sliceRotation + 180}deg)`; + // overlaySlice.style.clip = `rect(0px, ${chart.clientWidth}px, ${chart.clientWidth}px, ${chart.clientWidth / 2}px)`; + // chart.appendChild(overlaySlice); + // } + + // accumulatedRotation += rotation; + // }); + // }); + + //------------------------------------- + // Pattern Interrupt + //------------------------------------- + // document.addEventListener('DOMContentLoaded', function() { + // var modalShown = false; + // var modal = document.querySelector('.pattern-interrupt'); + // var modal2 = document.querySelector('.modal'); + + // function showModal() { + // if (!modal) return; // Exit if no modal found + + // // Center the modal in the viewport + // modal.style.display = 'block'; + // modal2.style.display = 'block'; + // modal.style.position = 'fixed'; // Fixed position + // modal.style.top = '50%'; // Center vertically + // modal.style.left = '50%'; // Center horizontally + // modal.style.transform = 'translate(-50%, -50%)'; // Adjust for modal's dimensions + + // modalShown = true; + // } + + // function checkScroll() { + // if (modalShown) return; // Skip if the modal is already shown + + // var scrollPosition = window.pageYOffset || document.documentElement.scrollTop; + // var totalHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight; + // var scrolledPercentage = (scrollPosition / totalHeight) * 100; + + // if (scrolledPercentage > 10) { + // showModal(); + // } + // } + + // // Attach the scroll event listener only if the modal exists + // if (modal) { + // window.addEventListener('scroll', checkScroll); + // } + // }); + + //------------------------------------- + // Dynamic Navigation + //------------------------------------- + // document.addEventListener('DOMContentLoaded', function() { + // const header = document.querySelector('.header-sticky.slide-down'); + // console.log("Script running"); + // if (header) { + // fetch('../docs/navigation.html') // Assuming navigation.html is in the /docs folder + // .then(response => response.text()) + // .then(data => { + // header.innerHTML = data; + // }) + // .catch(error => console.error('Error loading navigation:', error)); + // } + // }); + + // //------------------------------------- + // // Video Player + // //------------------------------------- + + // class VideoPlayer extends HTMLElement { + // constructor() { + // super(); + // const shadowRoot = this.attachShadow({ mode: 'open' }); + + // const style = document.createElement('style'); + // style.textContent = ` + + // `; + + // const container = document.createElement('div'); + // container.className = 'video-container'; + + // const video = document.createElement('video'); + // video.className = 'video-player'; + // video.controls = true; + + // const src = this.getAttribute('src'); + // if (src) { + // const source = document.createElement('source'); + // source.src = src; + // source.type = 'video/mp4'; + // video.appendChild(source); + // } else { + // console.error('Video source not provided for .'); + // } + + // container.appendChild(video); + // shadowRoot.appendChild(style); + // shadowRoot.appendChild(container); + // } + // } + + // customElements.define('video-player', VideoPlayer); + })(); + + // This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. + (() => { + /*!******************************!*\ !*** ./modules/dark-mode.js ***! \******************************/ + //-------------------------------------------------------- + // Toggle Dark Mode Option + //-------------------------------------------------------- + document.addEventListener("DOMContentLoaded", () => { + function toggleDarkMode() { + const zenElements = document.querySelectorAll(".zen"); -//-------------------------------------------------------- -// Toggle Dark Mode Option -//-------------------------------------------------------- -document.addEventListener("DOMContentLoaded", () => { - function toggleDarkMode() { - const zenElements = document.querySelectorAll(".zen"); + zenElements.forEach((element) => { + element.classList.toggle("zen-dark"); + }); - zenElements.forEach((element) => { - element.classList.toggle("zen-dark"); - }); + const isDarkModeEnabled = Array.from(zenElements).some((element) => element.classList.contains("zen-dark")); + localStorage.setItem("darkMode", isDarkModeEnabled); + } - const isDarkModeEnabled = Array.from(zenElements).some((element) => - element.classList.contains("zen-dark"), - ); - localStorage.setItem("darkMode", isDarkModeEnabled); - } - - const toggleButton = document.getElementById("toggleDarkMode"); - if (toggleButton) { - toggleButton.addEventListener("click", toggleDarkMode); - } - - const storedDarkMode = localStorage.getItem("darkMode"); - if (storedDarkMode === "true") { - const zenElements = document.querySelectorAll(".zen"); - zenElements.forEach((element) => { - element.classList.add("zen-dark"); - }); - } -}); + const toggleButton = document.getElementById("toggleDarkMode"); + if (toggleButton) { + toggleButton.addEventListener("click", toggleDarkMode); + } -})(); + const storedDarkMode = localStorage.getItem("darkMode"); + if (storedDarkMode === "true") { + const zenElements = document.querySelectorAll(".zen"); + zenElements.forEach((element) => { + element.classList.add("zen-dark"); + }); + } + }); + })(); -// This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. -(() => { -/*!******************************!*\ + // This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. + (() => { + /*!******************************!*\ !*** ./modules/lazy-load.js ***! \******************************/ + document.addEventListener("DOMContentLoaded", function () { + var lazyImages = [].slice.call(document.querySelectorAll(".zen img.lazy-load")); + + if (lazyImages.length === 0) { + //console.log('No lazy-load images found.'); + return; + } + + if ("IntersectionObserver" in window) { + let lazyImageObserver = new IntersectionObserver(function (entries, observer) { + entries.forEach(function (entry) { + if (entry.isIntersecting) { + let lazyImage = entry.target; + // Set onload before changing the src + lazyImage.onload = function () { + this.classList.remove("lazy-load"); + //console.log('Lazy-load class removed:', this); + }; + lazyImage.src = lazyImage.dataset.src; + lazyImageObserver.unobserve(lazyImage); + } + }); + }); -document.addEventListener("DOMContentLoaded", function () { - var lazyImages = [].slice.call( - document.querySelectorAll(".zen img.lazy-load"), - ); - - if (lazyImages.length === 0) { - //console.log('No lazy-load images found.'); - return; - } - - if ("IntersectionObserver" in window) { - let lazyImageObserver = new IntersectionObserver(function ( - entries, - observer, - ) { - entries.forEach(function (entry) { - if (entry.isIntersecting) { - let lazyImage = entry.target; - // Set onload before changing the src + lazyImages.forEach(function (lazyImage) { + lazyImageObserver.observe(lazyImage); + }); + } else { + lazyImages.forEach(function (lazyImage) { lazyImage.onload = function () { this.classList.remove("lazy-load"); //console.log('Lazy-load class removed:', this); }; lazyImage.src = lazyImage.dataset.src; - lazyImageObserver.unobserve(lazyImage); - } - }); - }); - - lazyImages.forEach(function (lazyImage) { - lazyImageObserver.observe(lazyImage); - }); - } else { - lazyImages.forEach(function (lazyImage) { - lazyImage.onload = function () { - this.classList.remove("lazy-load"); - //console.log('Lazy-load class removed:', this); - }; - lazyImage.src = lazyImage.dataset.src; + }); + } }); - } -}); - -//old depricated - leaving for now to reference to what was done for image gallery - -// document.addEventListener("DOMContentLoaded", function () { -// const images = document.querySelectorAll(".lazy-load"); - -// if (images.length > 0) { -// const imageObserver = new IntersectionObserver((entries, observer) => { -// entries.forEach((entry) => { -// if (entry.isIntersecting) { -// const image = entry.target; -// image.setAttribute("aria-busy", "true"); // Indicate loading -// const newSrc = image.getAttribute("data-src"); - -// // Create a new Image to load in the background -// const img = new Image(); -// img.onload = function () { -// image.src = newSrc; // Set src when fully loaded -// image.removeAttribute("aria-busy"); // Remove loading indication -// }; -// img.src = newSrc; - -// image.classList.remove("lazy-load"); -// observer.unobserve(image); -// } -// }); -// }); - -// images.forEach((image) => { -// imageObserver.observe(image); -// }); -// } -// }); - -})(); -// This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. -(() => { -/*!*************************************!*\ + //old depricated - leaving for now to reference to what was done for image gallery + + // document.addEventListener("DOMContentLoaded", function () { + // const images = document.querySelectorAll(".lazy-load"); + + // if (images.length > 0) { + // const imageObserver = new IntersectionObserver((entries, observer) => { + // entries.forEach((entry) => { + // if (entry.isIntersecting) { + // const image = entry.target; + // image.setAttribute("aria-busy", "true"); // Indicate loading + // const newSrc = image.getAttribute("data-src"); + + // // Create a new Image to load in the background + // const img = new Image(); + // img.onload = function () { + // image.src = newSrc; // Set src when fully loaded + // image.removeAttribute("aria-busy"); // Remove loading indication + // }; + // img.src = newSrc; + + // image.classList.remove("lazy-load"); + // observer.unobserve(image); + // } + // }); + // }); + + // images.forEach((image) => { + // imageObserver.observe(image); + // }); + // } + // }); + })(); + + // This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. + (() => { + /*!*************************************!*\ !*** ./modules/background-image.js ***! \*************************************/ + //-------------------------------------------------------- + //Background image + //-------------------------------------------------------- + + window.addEventListener("DOMContentLoaded", function () { + var imageContainers = document.querySelectorAll(".image-container"); + imageContainers.forEach(function (container) { + var img = container.querySelector("img"); + var imgUrl = img.src; + container.style.backgroundImage = "url(" + imgUrl + ")"; + container.style.backgroundSize = "cover"; + container.style.backgroundPosition = "center center"; + img.style.display = "none"; + }); + }); + })(); -//-------------------------------------------------------- -//Background image -//-------------------------------------------------------- - -window.addEventListener("DOMContentLoaded", function () { - var imageContainers = document.querySelectorAll(".image-container"); - imageContainers.forEach(function (container) { - var img = container.querySelector("img"); - var imgUrl = img.src; - container.style.backgroundImage = "url(" + imgUrl + ")"; - container.style.backgroundSize = "cover"; - container.style.backgroundPosition = "center center"; - img.style.display = "none"; - }); -}); - -})(); - -// This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. -(() => { -/*!*******************************!*\ + // This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. + (() => { + /*!*******************************!*\ !*** ./modules/mobile-nav.js ***! \*******************************/ + // //-------------------------------------------------------- + // // Mobile Nav + // //-------------------------------------------------------- + // document.addEventListener("DOMContentLoaded", (event) => { + // const hamburgerButton = document.getElementById("hamburger-button"); + // const closeButton = document.getElementById("close-button"); + // const nav = document.querySelector("nav"); + // const navLinks = document.querySelectorAll(".nav-link"); + + // const toggleMenu = () => { + // nav.style.left = nav.style.left === "0px" ? "-250px" : "0px"; + // }; + + // if (hamburgerButton && closeButton && nav) { + // hamburgerButton.addEventListener("click", toggleMenu); + // closeButton.addEventListener("click", toggleMenu); + + // navLinks.forEach((link) => { + // // link.addEventListener("click", toggleMenu); // Use toggleMenu to close the menu + // }); + // } + // }); + + document.addEventListener("DOMContentLoaded", (event) => { + const hamburgerButton = document.getElementById("hamburger-button-2"); + const closeButton = document.getElementById("close-button"); + const nav = document.querySelector(".top-nav"); + const navLinks = document.querySelectorAll(".nav-link"); + + const toggleMenu = () => { + nav.style.left = nav.style.left === "0px" ? "-250px" : "0px"; + }; + + if (hamburgerButton && closeButton && nav) { + hamburgerButton.addEventListener("click", toggleMenu); + closeButton.addEventListener("click", toggleMenu); -// //-------------------------------------------------------- -// // Mobile Nav -// //-------------------------------------------------------- -// document.addEventListener("DOMContentLoaded", (event) => { -// const hamburgerButton = document.getElementById("hamburger-button"); -// const closeButton = document.getElementById("close-button"); -// const nav = document.querySelector("nav"); -// const navLinks = document.querySelectorAll(".nav-link"); - -// const toggleMenu = () => { -// nav.style.left = nav.style.left === "0px" ? "-250px" : "0px"; -// }; - -// if (hamburgerButton && closeButton && nav) { -// hamburgerButton.addEventListener("click", toggleMenu); -// closeButton.addEventListener("click", toggleMenu); - -// navLinks.forEach((link) => { -// // link.addEventListener("click", toggleMenu); // Use toggleMenu to close the menu -// }); -// } -// }); - -document.addEventListener("DOMContentLoaded", (event) => { - const hamburgerButton = document.getElementById("hamburger-button-2"); - const closeButton = document.getElementById("close-button"); - const nav = document.querySelector(".top-nav"); - const navLinks = document.querySelectorAll(".nav-link"); - - const toggleMenu = () => { - nav.style.left = nav.style.left === "0px" ? "-250px" : "0px"; - }; - - if (hamburgerButton && closeButton && nav) { - hamburgerButton.addEventListener("click", toggleMenu); - closeButton.addEventListener("click", toggleMenu); - - navLinks.forEach((link) => { - link.addEventListener("click", toggleMenu); + navLinks.forEach((link) => { + link.addEventListener("click", toggleMenu); + }); + } }); - } -}); - -})(); + })(); -// This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. -(() => { -/*!**************************!*\ + // This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. + (() => { + /*!**************************!*\ !*** ./modules/modal.js ***! \**************************/ -/* - * zenCSS v2.0.2-beta (https://zencss.com/) - * Copyright 2022-2024 Shaun Mackey - * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) - */ - -//-------------------------------------------------------- -// Modal -//-------------------------------------------------------- - -class ZModal extends HTMLElement { - constructor() { - super(); - this.attachShadow({ mode: "open" }); - this.render(); - } - - connectedCallback() { - this.shadowRoot - .querySelector(".close") - .addEventListener("click", () => { - this.close(); - }); - this.shadowRoot - .querySelector(".modal") - .addEventListener("click", (event) => { - if (event.target === event.currentTarget) { - this.close(); - } - }); - document.addEventListener("click", (event) => { - if (event.target.classList.contains("modal-close")) { - this.close(); + /* + * zenCSS v2.0.2-beta (https://zencss.com/) + * Copyright 2022-2024 Shaun Mackey + * Licensed under MIT (https://github.com/zen-solutions/zencss/blob/main/LICENSE) + */ + + //-------------------------------------------------------- + // Modal + //-------------------------------------------------------- + + class ZModal extends HTMLElement { + constructor() { + super(); + this.attachShadow({ mode: "open" }); + this.render(); } - document.addEventListener("keydown", (event) => { - if (event.key === "Escape") { + connectedCallback() { + this.shadowRoot.querySelector(".close").addEventListener("click", () => { this.close(); - } - }); - }); + }); + this.shadowRoot.querySelector(".modal").addEventListener("click", (event) => { + if (event.target === event.currentTarget) { + this.close(); + } + }); + document.addEventListener("click", (event) => { + if (event.target.classList.contains("modal-close")) { + this.close(); + } - const openModalButton = document.querySelector(".modal-open"); - if (openModalButton) { - openModalButton.addEventListener("click", () => { - this.open(); - }); - } - } + document.addEventListener("keydown", (event) => { + if (event.key === "Escape") { + this.close(); + } + }); + }); - open() { - this.shadowRoot.querySelector(".modal").style.display = "flex"; - } + const openModalButton = document.querySelector(".modal-open"); + if (openModalButton) { + openModalButton.addEventListener("click", () => { + this.open(); + }); + } + } - close() { - this.shadowRoot.querySelector(".modal").style.display = "none"; - } + open() { + this.shadowRoot.querySelector(".modal").style.display = "flex"; + } + + close() { + this.shadowRoot.querySelector(".modal").style.display = "none"; + } - render() { - this.shadowRoot.innerHTML = ` + render() { + this.shadowRoot.innerHTML = ` `; - this.shadowRoot.appendChild(fragment); - } -} - -customElements.define("star-component", StarComponent); + this.shadowRoot.appendChild(fragment); + } + } -})(); + customElements.define("star-component", StarComponent); + })(); -// This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. -(() => { -/*!********************************!*\ + // This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. + (() => { + /*!********************************!*\ !*** ./modules/exit-intent.js ***! \********************************/ + // ---------------------------------------- + // Exit Intent + // ---------------------------------------- + // Get the modal + var modal = document.querySelector(".exit"); -// ---------------------------------------- -// Exit Intent -// ---------------------------------------- -// Get the modal -var modal = document.querySelector(".exit"); - -// Function to show the modal if conditions are met -function tryToShowModal() { - if (modal && shouldShowModal() && !modalIsDisplayed()) { - modal.style.display = "block"; - } -} - -// Function to hide modal and set a flag in local storage -function closeModal() { - if (modal) { - modal.style.display = "none"; - // Set the flag in local storage with the current timestamp - localStorage.setItem("modalClosed", new Date().getTime()); - } -} - -// Check if the modal is currently displayed -function modalIsDisplayed() { - return modal.style.display === "block"; -} - -// Get the element that closes the modal -var span = document.querySelector(".close"); - -// When the user clicks on (x), close the modal -if (span) { - span.onclick = closeModal; -} - -// When the user clicks anywhere outside of the modal, close it -window.onclick = function (event) { - if (event.target == modal) { - closeModal(); - } -}; - -// Check local storage to see if we should show the modal -function shouldShowModal() { - var modalClosedTime = localStorage.getItem("modalClosed"); - if (modalClosedTime) { - var now = new Date(); - var daysPassed = - (now.getTime() - parseInt(modalClosedTime, 10)) / - (1000 * 3600 * 24); - return daysPassed >= 7; - } - return true; -} - -// Trigger the modal after 8 seconds if the user hasn't closed it already -setTimeout(function () { - document.addEventListener("mousemove", function (e) { - if (e.clientY <= 5) { - tryToShowModal(); + // Function to show the modal if conditions are met + function tryToShowModal() { + if (modal && shouldShowModal() && !modalIsDisplayed()) { + modal.style.display = "block"; + } } - }); -}, 8000); - -})(); -// This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. -(() => { -/*!***************************!*\ - !*** ./modules/wizard.js ***! - \***************************/ + // Function to hide modal and set a flag in local storage + function closeModal() { + if (modal) { + modal.style.display = "none"; + // Set the flag in local storage with the current timestamp + localStorage.setItem("modalClosed", new Date().getTime()); + } + } + // Check if the modal is currently displayed + function modalIsDisplayed() { + return modal.style.display === "block"; + } -// ---------------------------------------- -// Wizard -// ---------------------------------------- + // Get the element that closes the modal + var span = document.querySelector(".close"); -document.addEventListener("DOMContentLoaded", (event) => { - const steps = document.querySelectorAll(".wizard-step"); - const navItems = document.querySelectorAll(".wizard-nav"); + // When the user clicks on (x), close the modal + if (span) { + span.onclick = closeModal; + } - if (steps.length > 0 && navItems.length > 0) { - let currentStep = 1; - const totalSteps = steps.length; + // When the user clicks anywhere outside of the modal, close it + window.onclick = function (event) { + if (event.target == modal) { + closeModal(); + } + }; - function goToStep(stepNumber) { - steps.forEach((step) => { - step.style.display = "none"; // Hide all steps - }); - document.getElementById(`step-${stepNumber}`).style.display = - "block"; // Show the desired step + // Check local storage to see if we should show the modal + function shouldShowModal() { + var modalClosedTime = localStorage.getItem("modalClosed"); + if (modalClosedTime) { + var now = new Date(); + var daysPassed = (now.getTime() - parseInt(modalClosedTime, 10)) / (1000 * 3600 * 24); + return daysPassed >= 7; + } + return true; + } - // Update the current class on pagination - navItems.forEach((item) => { - if (item.dataset.step == stepNumber.toString()) { - item.classList.add("current"); - } else { - item.classList.remove("current"); + // Trigger the modal after 8 seconds if the user hasn't closed it already + setTimeout(function () { + document.addEventListener("mousemove", function (e) { + if (e.clientY <= 5) { + tryToShowModal(); } }); - } + }, 8000); + })(); - navItems.forEach((item) => { - item.addEventListener("click", (e) => { - e.preventDefault(); - let direction = item.dataset.direction; - if (direction) { - if (direction === "next" && currentStep < totalSteps) { - currentStep++; - } else if (direction === "prev" && currentStep > 1) { - currentStep--; - } - } else if (item.dataset.step) { - currentStep = parseInt(item.dataset.step); + // This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. + (() => { + /*!***************************!*\ + !*** ./modules/wizard.js ***! + \***************************/ + + // ---------------------------------------- + // Wizard + // ---------------------------------------- + + document.addEventListener("DOMContentLoaded", (event) => { + const steps = document.querySelectorAll(".wizard-step"); + const navItems = document.querySelectorAll(".wizard-nav"); + + if (steps.length > 0 && navItems.length > 0) { + let currentStep = 1; + const totalSteps = steps.length; + + function goToStep(stepNumber) { + steps.forEach((step) => { + step.style.display = "none"; // Hide all steps + }); + document.getElementById(`step-${stepNumber}`).style.display = "block"; // Show the desired step + + // Update the current class on pagination + navItems.forEach((item) => { + if (item.dataset.step == stepNumber.toString()) { + item.classList.add("current"); + } else { + item.classList.remove("current"); + } + }); } - goToStep(currentStep); - }); - }); - // Initialize the wizard to the first step - goToStep(currentStep); - } -}); + navItems.forEach((item) => { + item.addEventListener("click", (e) => { + e.preventDefault(); + let direction = item.dataset.direction; + if (direction) { + if (direction === "next" && currentStep < totalSteps) { + currentStep++; + } else if (direction === "prev" && currentStep > 1) { + currentStep--; + } + } else if (item.dataset.step) { + currentStep = parseInt(item.dataset.step); + } + goToStep(currentStep); + }); + }); -})(); + // Initialize the wizard to the first step + goToStep(currentStep); + } + }); + })(); -// This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. -(() => { -/*!*************************************!*\ + // This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. + (() => { + /*!*************************************!*\ !*** ./modules/multistep-wizard.js ***! \*************************************/ + document.addEventListener("DOMContentLoaded", function () { + const mswizard = document.querySelector(".mswizard"); + if (!mswizard) return; + const progressBar = mswizard.querySelector(".mswizard-progress"); + const currentStepSpan = mswizard.querySelector("#current-step"); + const totalStepsSpan = mswizard.querySelector("#total-steps"); + const progressPercentage = mswizard.querySelector(".progress-percentage"); + const steps = mswizard.querySelectorAll(".mswizard-step"); + const totalSteps = steps.length; + totalStepsSpan.textContent = totalSteps; + progressBar.max = 100; + + function updatemswizardStep(stepNumber) { + steps.forEach((step) => (step.style.display = "none")); + mswizard.querySelector(`#step-${stepNumber}`).style.display = "block"; + currentStepSpan.textContent = stepNumber; + const progressValue = ((stepNumber - 1) / (totalSteps - 1)) * 100; + progressBar.value = progressValue; + progressPercentage.textContent = `${Math.round(progressValue)}%`; + const percentagePosition = progressBar.offsetWidth * (progressValue / 100) - progressPercentage.offsetWidth / 2; + progressPercentage.style.left = `${Math.max(0, percentagePosition)}px`; + progressPercentage.style.visibility = progressValue >= 5 ? "visible" : "hidden"; + } -document.addEventListener("DOMContentLoaded", function () { - const mswizard = document.querySelector(".mswizard"); - if (!mswizard) return; - const progressBar = mswizard.querySelector(".mswizard-progress"); - const currentStepSpan = mswizard.querySelector("#current-step"); - const totalStepsSpan = mswizard.querySelector("#total-steps"); - const progressPercentage = mswizard.querySelector(".progress-percentage"); - const steps = mswizard.querySelectorAll(".mswizard-step"); - const totalSteps = steps.length; - totalStepsSpan.textContent = totalSteps; - progressBar.max = 100; - - function updatemswizardStep(stepNumber) { - steps.forEach((step) => (step.style.display = "none")); - mswizard.querySelector(`#step-${stepNumber}`).style.display = "block"; - currentStepSpan.textContent = stepNumber; - const progressValue = ((stepNumber - 1) / (totalSteps - 1)) * 100; - progressBar.value = progressValue; - progressPercentage.textContent = `${Math.round(progressValue)}%`; - const percentagePosition = - progressBar.offsetWidth * (progressValue / 100) - - progressPercentage.offsetWidth / 2; - progressPercentage.style.left = `${Math.max(0, percentagePosition)}px`; - progressPercentage.style.visibility = - progressValue >= 5 ? "visible" : "hidden"; - } - - steps.forEach((step, index) => { - if (index === totalSteps - 1) return; // No buttons on the last step - - const buttonContainer = document.createElement("div"); - buttonContainer.className = "button-container"; - - // Always add the Previous button except on the last step - const prevButton = document.createElement("button"); - prevButton.textContent = "Previous"; - prevButton.className = "prev-btn"; - prevButton.setAttribute("role", "button"); - prevButton.setAttribute("aria-label", `Go back to step ${index}`); - if (index === 0) { - prevButton.disabled = true; - prevButton.classList.add("disabled"); - } else { - prevButton.addEventListener("click", () => - updatemswizardStep(index), - ); - } - buttonContainer.appendChild(prevButton); - - // Add the Next/Finish button to all steps except the last - const nextButton = document.createElement("button"); - nextButton.textContent = index === totalSteps - 2 ? "Finish" : "Next"; - nextButton.className = "next-btn"; - nextButton.setAttribute("role", "button"); - nextButton.setAttribute("aria-label", `Go to step ${index + 2}`); - nextButton.addEventListener("click", () => - updatemswizardStep(index + 2), - ); - buttonContainer.appendChild(nextButton); - - step.appendChild(buttonContainer); - }); - - updatemswizardStep(1); -}); + steps.forEach((step, index) => { + if (index === totalSteps - 1) return; // No buttons on the last step + + const buttonContainer = document.createElement("div"); + buttonContainer.className = "button-container"; + + // Always add the Previous button except on the last step + const prevButton = document.createElement("button"); + prevButton.textContent = "Previous"; + prevButton.className = "prev-btn"; + prevButton.setAttribute("role", "button"); + prevButton.setAttribute("aria-label", `Go back to step ${index}`); + if (index === 0) { + prevButton.disabled = true; + prevButton.classList.add("disabled"); + } else { + prevButton.addEventListener("click", () => updatemswizardStep(index)); + } + buttonContainer.appendChild(prevButton); + + // Add the Next/Finish button to all steps except the last + const nextButton = document.createElement("button"); + nextButton.textContent = index === totalSteps - 2 ? "Finish" : "Next"; + nextButton.className = "next-btn"; + nextButton.setAttribute("role", "button"); + nextButton.setAttribute("aria-label", `Go to step ${index + 2}`); + nextButton.addEventListener("click", () => updatemswizardStep(index + 2)); + buttonContainer.appendChild(nextButton); + + step.appendChild(buttonContainer); + }); -})(); + updatemswizardStep(1); + }); + })(); -// This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. -(() => { -/*!*************************!*\ + // This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. + (() => { + /*!*************************!*\ !*** ./modules/tabs.js ***! \*************************/ + // ---------------------------------------- + // Tabs + // ---------------------------------------- + document.addEventListener("DOMContentLoaded", function () { + const tabs = document.querySelectorAll(".tab-nav .item"); + + if (tabs.length > 0) { + function removeCurrentClass() { + tabs.forEach((tab) => { + tab.classList.remove("current"); + }); + } -// ---------------------------------------- -// Tabs -// ---------------------------------------- -document.addEventListener("DOMContentLoaded", function () { - const tabs = document.querySelectorAll(".tab-nav .item"); - - if (tabs.length > 0) { - function removeCurrentClass() { - tabs.forEach((tab) => { - tab.classList.remove("current"); - }); - } - - function setCurrentClass(event) { - event.preventDefault(); - removeCurrentClass(); - event.target.classList.add("current"); - } + function setCurrentClass(event) { + event.preventDefault(); + removeCurrentClass(); + event.target.classList.add("current"); + } - tabs.forEach((tab) => { - tab.addEventListener("click", setCurrentClass); + tabs.forEach((tab) => { + tab.addEventListener("click", setCurrentClass); + }); + } }); - } -}); - -})(); + })(); -// This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. -(() => { -/*!*************************!*\ + // This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. + (() => { + /*!*************************!*\ !*** ./modules/spin.js ***! \*************************/ + //------------------------------------- + //Spin + //------------------------------------- -//------------------------------------- -//Spin -//------------------------------------- + // This function will apply the spinning effect to the spinner if it exists + function startSpinning() { + // Select the spinner element + var spinner = document.querySelector(".rotate-spinner"); -// This function will apply the spinning effect to the spinner if it exists -function startSpinning() { - // Select the spinner element - var spinner = document.querySelector(".rotate-spinner"); - - // Check if the spinner exists to avoid errors - if (spinner) { - // Apply the CSS animation using inline styles - spinner.style.animation = "spin 1s linear infinite"; - } -} - -// This function will start the spinning when the document is loaded, if the spinner exists -document.addEventListener("DOMContentLoaded", startSpinning); + // Check if the spinner exists to avoid errors + if (spinner) { + // Apply the CSS animation using inline styles + spinner.style.animation = "spin 1s linear infinite"; + } + } -})(); + // This function will start the spinning when the document is loaded, if the spinner exists + document.addEventListener("DOMContentLoaded", startSpinning); + })(); -// This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. -(() => { -/*!*************************!*\ + // This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. + (() => { + /*!*************************!*\ !*** ./modules/poll.js ***! \*************************/ + //------------------------------------- + //Poll + //------------------------------------- + document.addEventListener("DOMContentLoaded", function () { + var currentStep = 1; + var results = { a: 0, b: 0, c: 0, d: 0 }; + + function updateStepDisplay(step) { + var steps = document.querySelectorAll(".wizard-step"); + steps.forEach(function (stepDiv) { + stepDiv.classList.remove("active"); + }); + document.querySelector("#step-" + step).classList.add("active"); + } -//------------------------------------- -//Poll -//------------------------------------- -document.addEventListener("DOMContentLoaded", function () { - var currentStep = 1; - var results = { a: 0, b: 0, c: 0, d: 0 }; + function handleOptionSelect(event) { + var selectedOption = event.target.value; + results[selectedOption]++; + if (currentStep < 4) { + currentStep++; + updateStepDisplay(currentStep); + } else { + // Call the showResult function immediately after the last selection + showResult(); + } + } - function updateStepDisplay(step) { - var steps = document.querySelectorAll(".wizard-step"); - steps.forEach(function (stepDiv) { - stepDiv.classList.remove("active"); - }); - document.querySelector("#step-" + step).classList.add("active"); - } - - function handleOptionSelect(event) { - var selectedOption = event.target.value; - results[selectedOption]++; - if (currentStep < 4) { - currentStep++; - updateStepDisplay(currentStep); - } else { - // Call the showResult function immediately after the last selection - showResult(); - } - } + function showResult() { + // Remove the active class from all steps + var steps = document.querySelectorAll(".wizard-step"); + steps.forEach(function (step) { + step.classList.remove("active"); + }); - function showResult() { - // Remove the active class from all steps - var steps = document.querySelectorAll(".wizard-step"); - steps.forEach(function (step) { - step.classList.remove("active"); - }); + // Calculate the most chosen answer + var max = Math.max(...Object.values(results)); + var mostChosenResults = Object.keys(results).filter(function (key) { + return results[key] === max; + }); - // Calculate the most chosen answer - var max = Math.max(...Object.values(results)); - var mostChosenResults = Object.keys(results).filter(function (key) { - return results[key] === max; - }); + // Take the first result if there's a tie + var mostChosen = mostChosenResults[0]; + var resultElement = document.querySelector('#result-types [data-result="' + mostChosen + '"]'); + var resultContent = resultElement ? resultElement.innerHTML : mostChosen; - // Take the first result if there's a tie - var mostChosen = mostChosenResults[0]; - var resultElement = document.querySelector( - '#result-types [data-result="' + mostChosen + '"]', - ); - var resultContent = resultElement - ? resultElement.innerHTML - : mostChosen; - - // Update the result div and make the result visible - var resultDiv = document.getElementById("result-text"); - if (resultDiv) { - resultDiv.innerHTML = resultContent; - } - var resultContainer = document.getElementById("result"); - if (resultContainer) { - resultContainer.classList.add("active"); // Ensure this class makes the element visible - } - } - - // Attaching change event listeners to radio buttons - var wizard = document.querySelector(".wizard"); - if (wizard) { - var radioButtons = wizard.querySelectorAll('input[type="radio"]'); - radioButtons.forEach(function (radioButton) { - radioButton.addEventListener("change", handleOptionSelect); - }); - } -}); + // Update the result div and make the result visible + var resultDiv = document.getElementById("result-text"); + if (resultDiv) { + resultDiv.innerHTML = resultContent; + } + var resultContainer = document.getElementById("result"); + if (resultContainer) { + resultContainer.classList.add("active"); // Ensure this class makes the element visible + } + } -})(); + // Attaching change event listeners to radio buttons + var wizard = document.querySelector(".wizard"); + if (wizard) { + var radioButtons = wizard.querySelectorAll('input[type="radio"]'); + radioButtons.forEach(function (radioButton) { + radioButton.addEventListener("change", handleOptionSelect); + }); + } + }); + })(); -// This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. -(() => { -/*!********************************!*\ + // This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. + (() => { + /*!********************************!*\ !*** ./modules/link-scroll.js ***! \********************************/ -document.addEventListener("DOMContentLoaded", () => { - const anchors = document.querySelectorAll('a[href^="#"]'); + document.addEventListener("DOMContentLoaded", () => { + const anchors = document.querySelectorAll('a[href^="#"]'); - if (anchors.length > 0) { - anchors.forEach((anchor) => { - anchor.addEventListener("click", function (e) { - const hrefAttribute = this.getAttribute("href"); + if (anchors.length > 0) { + anchors.forEach((anchor) => { + anchor.addEventListener("click", function (e) { + const hrefAttribute = this.getAttribute("href"); - // Skip processing if href is only '#' - if (hrefAttribute === "#") { - return; - } + // Skip processing if href is only '#' + if (hrefAttribute === "#") { + return; + } - e.preventDefault(); - const targetElement = document.querySelector(hrefAttribute); + e.preventDefault(); + const targetElement = document.querySelector(hrefAttribute); - if (targetElement) { - targetElement.scrollIntoView({ behavior: "smooth" }); - } - }); + if (targetElement) { + targetElement.scrollIntoView({ + behavior: "smooth", + }); + } + }); + }); + } }); - } -}); - -})(); + })(); -// This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. -(() => { -/*!***********************************!*\ + // This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. + (() => { + /*!***********************************!*\ !*** ./modules/cookie-consent.js ***! \***********************************/ + document.addEventListener("DOMContentLoaded", (event) => { + const banner = document.querySelector(".cookie-consent-banner"); -document.addEventListener("DOMContentLoaded", (event) => { - const banner = document.querySelector(".cookie-consent-banner"); - - // Check if the banner element exists - if (banner) { - const acceptBtn = document.querySelector(".accept-cookies"); - banner.style.zIndex = "1100"; - - // Check if cookies are already accepted - if (!localStorage.getItem("cookies-accepted")) { - banner.style.display = "block"; // Show banner if cookies not accepted - } + // Check if the banner element exists + if (banner) { + const acceptBtn = document.querySelector(".accept-cookies"); + banner.style.zIndex = "1100"; - // Event listener for accept button - if (acceptBtn) { - acceptBtn.addEventListener("click", () => { - localStorage.setItem("cookies-accepted", "true"); // Set flag in local storage - banner.style.display = "none"; // Hide banner - }); - } - } -}); + // Check if cookies are already accepted + if (!localStorage.getItem("cookies-accepted")) { + banner.style.display = "block"; // Show banner if cookies not accepted + } -})(); + // Event listener for accept button + if (acceptBtn) { + acceptBtn.addEventListener("click", () => { + localStorage.setItem("cookies-accepted", "true"); // Set flag in local storage + banner.style.display = "none"; // Hide banner + }); + } + } + }); + })(); -// This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. -(() => { -/*!******************************!*\ + // This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules. + (() => { + /*!******************************!*\ !*** ./modules/test-mode.js ***! \******************************/ + //-------------------------------------------------------- + //Toggle test mode + //-------------------------------------------------------- -//-------------------------------------------------------- -//Toggle test mode -//-------------------------------------------------------- + var toggleButton = document.getElementById("toggleButton"); -var toggleButton = document.getElementById("toggleButton"); + if (toggleButton) { + toggleButton.addEventListener("click", function () { + const toggleClassOnElements = (selector, className) => { + const elements = document.querySelectorAll(selector); + elements.forEach((element) => { + element.classList.toggle(className); + }); + }; -if (toggleButton) { - toggleButton.addEventListener("click", function () { - const toggleClassOnElements = (selector, className) => { - const elements = document.querySelectorAll(selector); - elements.forEach((element) => { - element.classList.toggle(className); + const selectorsAndClasses = [ + ["z-container", "z-container-outline-on"], + ["z-container-fluid", "z-container-fluid-outline-on"], + ["z-row", "z-row-outline-on"], + ["z-col", "z-col-outline-on"], + ["p", "p-outline-on"], + ["h1", "h1-outline-on"], + ["h2", "h2-outline-on"], + ["h3", "h3-outline-on"], + ["h4", "h4-outline-on"], + ["h5", "h5-outline-on"], + ["h6", "h6-outline-on"], + [".center-line", "center-line-outline-on"], + ]; + + selectorsAndClasses.forEach(([selector, className]) => { + toggleClassOnElements(selector, className); + }); }); - }; - - const selectorsAndClasses = [ - ["z-container", "z-container-outline-on"], - ["z-container-fluid", "z-container-fluid-outline-on"], - ["z-row", "z-row-outline-on"], - ["z-col", "z-col-outline-on"], - ["p", "p-outline-on"], - ["h1", "h1-outline-on"], - ["h2", "h2-outline-on"], - ["h3", "h3-outline-on"], - ["h4", "h4-outline-on"], - ["h5", "h5-outline-on"], - ["h6", "h6-outline-on"], - [".center-line", "center-line-outline-on"], - ]; - - selectorsAndClasses.forEach(([selector, className]) => { - toggleClassOnElements(selector, className); - }); - }); -} + } + })(); + /******/ })(); - -/******/ })() -; -//# sourceMappingURL=zencss.js.map \ No newline at end of file +//# sourceMappingURL=zencss.js.map diff --git a/dist/zencss.min.js b/dist/zencss.min.js index 7f3b3c01..94b73b8e 100644 --- a/dist/zencss.min.js +++ b/dist/zencss.min.js @@ -1,2 +1,670 @@ -(()=>{var e;(()=>{class e extends HTMLElement{constructor(){super()}}customElements.define("z-container",e);class t extends HTMLElement{constructor(){super()}}customElements.define("z-row",t);class n extends HTMLElement{constructor(){super()}}customElements.define("z-col",n)})(),document.addEventListener("DOMContentLoaded",(()=>{document.querySelectorAll(".slider").forEach((e=>{const t=e.querySelector(".slides-container"),n=Array.from(t.children),o=n.length,r=e.querySelector(".next"),a=e.querySelector(".prev"),s="true"===e.getAttribute("data-auto-rotate"),c=n[0].cloneNode(!0),l=n[o-1].cloneNode(!0);t.insertBefore(l,n[0]),t.appendChild(c);let i,d=1,u=!1;function m(){s&&(i=setInterval(f,4e3))}function h(){clearInterval(i)}function y(){t.style.transform=`translateX(-${100*d}%)`}function f(){u||(d++,u=!0,y())}t.style.transition="none",t.style.transform=`translateX(-${100*d}%)`,setTimeout((()=>{t.style.transition="transform 0.5s ease"}),0),t.addEventListener("transitionend",(()=>{d>=o+1?(t.style.transition="none",d=1,t.style.transform=`translateX(-${100*d}%)`,setTimeout((()=>{t.style.transition="transform 0.5s ease"}),0)):0===d&&(t.style.transition="none",d=o,t.style.transform=`translateX(-${100*d}%)`,setTimeout((()=>{t.style.transition="transform 0.5s ease"}),0)),u=!1})),r.addEventListener("click",f),a.addEventListener("click",(function(){u||(d--,u=!0,y())})),t.addEventListener("mouseenter",h),t.addEventListener("mouseleave",m),r.addEventListener("mouseenter",h),r.addEventListener("mouseleave",m),a.addEventListener("mouseenter",h),a.addEventListener("mouseleave",m),m()}))})),(()=>{function e(){document.querySelectorAll(".dropdown .dropdown-content").forEach((function(e){e.style.display="none"}))}document.addEventListener("DOMContentLoaded",(function(){document.querySelectorAll(".dropdown .dropdown-link").forEach((function(t){t.addEventListener("click",(function(n){n.preventDefault();var o=t.nextElementSibling;"block"===o.style.display?o.style.display="none":(e(),o.style.display="block")}))}))})),window.onclick=function(t){t.target.matches(".dropdown-link")||e()}})(),(()=>{function e(e){(new Image).src=e}document.addEventListener("DOMContentLoaded",(function(){const t=document.querySelector(".image-gallery"),n=document.querySelector("z-modal"),o=document.querySelector(".pagination-nav");if(t&&n&&o){let c=1;const l=15;let i=0;const d=[];Array.from(t.children).forEach(((e,t)=>{const n=document.createElement("div");n.style.display=t{i=t,s(o.src,o.getAttribute("data-text"),t)})),n.appendChild(o),d.push(n)}));const u=Math.ceil(d.length/l);function r(e){d.forEach(((t,n)=>{const o=(e-1)*l,r=o+l;t.style.display=n>=o&&n${e}`}o.innerHTML+='»'}function s(t,o,r){i=r;const a=n.shadowRoot.querySelector(".modal-body"),c=n.shadowRoot.querySelector(".modal-wrapper"),l=n.shadowRoot.querySelector(".modal-header");if(a&&c&&l){const u=c.clientWidth,m=c.clientHeight;c.style.minWidth=`${u}px`,c.style.minHeight=`${m}px`,a.innerHTML="";const h=document.createElement("div");h.style.display="flex",h.style.position="relative",h.style.justifyContent="center";const y=document.createElement("div");y.className="prev arrow theme-dark",y.innerHTML="❮",y.style.cursor="pointer",y.style.position="absolute",y.style.top="50%",y.style.left="7px",y.style.padding="10px",y.style.backgroundColor="rgba(255,255,255,.5)",y.style.transform="translateY(-50%)",y.onclick=function(){i=i>0?i-1:d.length-1;const e=d[i].firstChild;s(e.src,e.getAttribute("data-text"),i)},h.appendChild(y);const f=document.createElement("img");f.onload=()=>{c.style.minWidth="",c.style.minHeight=""},f.src=t,f.style.maxWidth="100%",f.style.maxHeight="60vh",f.style.objectFit="contain",f.style.margin="auto",h.appendChild(f);const p=document.createElement("div");p.className="next arrow theme-dark",p.innerHTML="❯",p.style.cursor="pointer",p.style.position="absolute",p.style.padding="10px",p.style.top="50%",p.style.backgroundColor="rgba(255,255,255,.5)",p.style.right="7px",p.style.transform="translateY(-50%)",p.onclick=function(){i=i=1070?"860px":"80%";const g=(r+1)%d.length,E=(r-1+d.length)%d.length;e(d[g].firstChild.src),e(d[E].firstChild.src),n.open()}}o.addEventListener("click",(function(e){e.preventDefault();const t=e.target;if("A"===t.tagName&&t.dataset.page){let e=c;e="prev"===t.dataset.page?c>1?c-1:u:"next"===t.dataset.page?c=1070?"860px":"80%")})),t.innerHTML="",d.forEach((e=>t.appendChild(e))),r(c),a()}}))})(),document.addEventListener("DOMContentLoaded",(function(){var e=document.querySelectorAll(".accordion-toggle");e.forEach((function(t){t.addEventListener("click",(function(){var t="false"===this.getAttribute("aria-expanded");if(e.forEach((function(e){e.classList.remove("active-toggle"),e.setAttribute("aria-expanded","false");var t=e.querySelector(".zenicon-keyboard-arrow-right, .zenicon-keyboard-arrow-down");t&&(t.classList.remove("zenicon-keyboard-arrow-down"),t.classList.add("zenicon-keyboard-arrow-right"));var n=e.nextElementSibling;n.style.maxHeight=null,n.setAttribute("aria-hidden","true")})),t){this.classList.add("active-toggle"),this.setAttribute("aria-expanded","true");var n=this.querySelector(".zenicon-keyboard-arrow-right, .zenicon-keyboard-arrow-down");n&&(n.classList.remove("zenicon-keyboard-arrow-right"),n.classList.add("zenicon-keyboard-arrow-down"));var o=this.nextElementSibling;o.style.maxHeight=o.scrollHeight>200?"1000px":o.scrollHeight+10+"px",o.setAttribute("aria-hidden","false")}}))}))})),document.addEventListener("DOMContentLoaded",(e=>{const t=document.getElementById("current-year");if(t){const e=(new Date).getFullYear();t.textContent=e}})),document.addEventListener("DOMContentLoaded",(function(){document.querySelectorAll(".icon-toggle").forEach((function(e){e.addEventListener("click",(function(){var e=this.querySelector(".icon-off"),t=this.querySelector(".icon-on");e.classList.toggle("show"),t.classList.toggle("show")}))}))})),document.querySelectorAll(".accordion-toggle").forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const n=e.getAttribute("aria-controls"),o=document.getElementById(n);document.querySelectorAll(".expanded-content").forEach((e=>{e.id!==n&&(e.classList.remove("show"),e.style.overflowY="hidden")})),o.classList.toggle("show"),setTimeout((()=>{o.scrollHeight>o.clientHeight?o.style.overflowY="auto":o.style.overflowY="hidden"}),500)}))})),document.addEventListener("DOMContentLoaded",(function(){var e=document.querySelector(".corner-popup");if(e){var t=e.querySelector("button"),n=e.querySelector("div");n.classList.add("card"),t.addEventListener("click",(function(){n.classList.toggle("hidden"),console.log("Button clicked")}))}})),document.addEventListener("DOMContentLoaded",(()=>{document.querySelectorAll(".responsive-table").forEach((function(e){const t=Array.from(e.querySelectorAll(":scope > thead > tr > th")).map((e=>e.textContent.trim()));e.querySelectorAll(":scope > tbody > tr").forEach((e=>{e.querySelectorAll(":scope > td").forEach(((e,n)=>{t[n]&&e.setAttribute("data-label",t[n])}))}))}))})),document.addEventListener("DOMContentLoaded",(function(){const e=document.querySelectorAll(".nav-menu li");e.length&&e.forEach((t=>{t.addEventListener("click",(function(){e.forEach((e=>e.classList.remove("active"))),this.classList.add("active")}))}))})),document.addEventListener("DOMContentLoaded",(function(){var e=document.querySelector(".btn-circle");if(e){var t=localStorage.getItem("unreadResetTime");t&&(new Date).getTime(){const e=document.querySelectorAll(".fade-in");if(e.length>0){const t=new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting&&e.target.classList.add("visible")}))}),{threshold:.3});e.forEach((e=>t.observe(e)))}})),document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("toggleDarkMode");e&&e.addEventListener("click",(function(){const e=document.querySelectorAll(".zen");e.forEach((e=>{e.classList.toggle("zen-dark")}));const t=Array.from(e).some((e=>e.classList.contains("zen-dark")));localStorage.setItem("darkMode",t)})),"true"===localStorage.getItem("darkMode")&&document.querySelectorAll(".zen").forEach((e=>{e.classList.add("zen-dark")}))})),document.addEventListener("DOMContentLoaded",(function(){var e=[].slice.call(document.querySelectorAll(".zen img.lazy-load"));if(0!==e.length)if("IntersectionObserver"in window){let t=new IntersectionObserver((function(e,n){e.forEach((function(e){if(e.isIntersecting){let n=e.target;n.onload=function(){this.classList.remove("lazy-load")},n.src=n.dataset.src,t.unobserve(n)}}))}));e.forEach((function(e){t.observe(e)}))}else e.forEach((function(e){e.onload=function(){this.classList.remove("lazy-load")},e.src=e.dataset.src}))})),window.addEventListener("DOMContentLoaded",(function(){document.querySelectorAll(".image-container").forEach((function(e){var t=e.querySelector("img"),n=t.src;e.style.backgroundImage="url("+n+")",e.style.backgroundSize="cover",e.style.backgroundPosition="center center",t.style.display="none"}))})),document.addEventListener("DOMContentLoaded",(e=>{const t=document.getElementById("hamburger-button-2"),n=document.getElementById("close-button"),o=document.querySelector(".top-nav"),r=document.querySelectorAll(".nav-link"),a=()=>{o.style.left="0px"===o.style.left?"-250px":"0px"};t&&n&&o&&(t.addEventListener("click",a),n.addEventListener("click",a),r.forEach((e=>{e.addEventListener("click",a)})))})),(()=>{class e extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this.render()}connectedCallback(){this.shadowRoot.querySelector(".close").addEventListener("click",(()=>{this.close()})),this.shadowRoot.querySelector(".modal").addEventListener("click",(e=>{e.target===e.currentTarget&&this.close()})),document.addEventListener("click",(e=>{e.target.classList.contains("modal-close")&&this.close(),document.addEventListener("keydown",(e=>{"Escape"===e.key&&this.close()}))}));const e=document.querySelector(".modal-open");e&&e.addEventListener("click",(()=>{this.open()}))}open(){this.shadowRoot.querySelector(".modal").style.display="flex"}close(){this.shadowRoot.querySelector(".modal").style.display="none"}render(){this.shadowRoot.innerHTML='\n \n \n '}}customElements.define("z-modal",e)})(),(()=>{class e extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this.render()}static get observedAttributes(){return["stars","half"]}attributeChangedCallback(e,t,n){this.render()}render(){const e=parseInt(this.getAttribute("stars"))||1,t="true"===this.getAttribute("half"),n=document.createDocumentFragment();for(let t=0;t{var e=document.querySelector(".exit");function t(){e&&function(){var e=localStorage.getItem("modalClosed");if(e){return((new Date).getTime()-parseInt(e,10))/864e5>=7}return!0}()&&"block"!==e.style.display&&(e.style.display="block")}function n(){e&&(e.style.display="none",localStorage.setItem("modalClosed",(new Date).getTime()))}var o=document.querySelector(".close");o&&(o.onclick=n),window.onclick=function(t){t.target==e&&n()},setTimeout((function(){document.addEventListener("mousemove",(function(e){e.clientY<=5&&t()}))}),8e3)})(),document.addEventListener("DOMContentLoaded",(e=>{const t=document.querySelectorAll(".wizard-step"),n=document.querySelectorAll(".wizard-nav");if(t.length>0&&n.length>0){let r=1;const a=t.length;function o(e){t.forEach((e=>{e.style.display="none"})),document.getElementById(`step-${e}`).style.display="block",n.forEach((t=>{t.dataset.step==e.toString()?t.classList.add("current"):t.classList.remove("current")}))}n.forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();let n=e.dataset.direction;n?"next"===n&&r1&&r--:e.dataset.step&&(r=parseInt(e.dataset.step)),o(r)}))})),o(r)}})),document.addEventListener("DOMContentLoaded",(function(){const e=document.querySelector(".mswizard");if(!e)return;const t=e.querySelector(".mswizard-progress"),n=e.querySelector("#current-step"),o=e.querySelector("#total-steps"),r=e.querySelector(".progress-percentage"),a=e.querySelectorAll(".mswizard-step"),s=a.length;function c(o){a.forEach((e=>e.style.display="none")),e.querySelector(`#step-${o}`).style.display="block",n.textContent=o;const c=(o-1)/(s-1)*100;t.value=c,r.textContent=`${Math.round(c)}%`;const l=t.offsetWidth*(c/100)-r.offsetWidth/2;r.style.left=`${Math.max(0,l)}px`,r.style.visibility=c>=5?"visible":"hidden"}o.textContent=s,t.max=100,a.forEach(((e,t)=>{if(t===s-1)return;const n=document.createElement("div");n.className="button-container";const o=document.createElement("button");o.textContent="Previous",o.className="prev-btn",o.setAttribute("role","button"),o.setAttribute("aria-label",`Go back to step ${t}`),0===t?(o.disabled=!0,o.classList.add("disabled")):o.addEventListener("click",(()=>c(t))),n.appendChild(o);const r=document.createElement("button");r.textContent=t===s-2?"Finish":"Next",r.className="next-btn",r.setAttribute("role","button"),r.setAttribute("aria-label",`Go to step ${t+2}`),r.addEventListener("click",(()=>c(t+2))),n.appendChild(r),e.appendChild(n)})),c(1)})),document.addEventListener("DOMContentLoaded",(function(){const e=document.querySelectorAll(".tab-nav .item");if(e.length>0){function t(t){t.preventDefault(),e.forEach((e=>{e.classList.remove("current")})),t.target.classList.add("current")}e.forEach((e=>{e.addEventListener("click",t)}))}})),document.addEventListener("DOMContentLoaded",(function(){var e=document.querySelector(".rotate-spinner");e&&(e.style.animation="spin 1s linear infinite")})),document.addEventListener("DOMContentLoaded",(function(){var e=1,t={a:0,b:0,c:0,d:0};function n(n){var o,r=n.target.value;t[r]++,e<4?(e++,o=e,document.querySelectorAll(".wizard-step").forEach((function(e){e.classList.remove("active")})),document.querySelector("#step-"+o).classList.add("active")):function(){document.querySelectorAll(".wizard-step").forEach((function(e){e.classList.remove("active")}));var e=Math.max(...Object.values(t)),n=Object.keys(t).filter((function(n){return t[n]===e}))[0],o=document.querySelector('#result-types [data-result="'+n+'"]'),r=o?o.innerHTML:n,a=document.getElementById("result-text");a&&(a.innerHTML=r);var s=document.getElementById("result");s&&s.classList.add("active")}()}var o=document.querySelector(".wizard");o&&o.querySelectorAll('input[type="radio"]').forEach((function(e){e.addEventListener("change",n)}))})),document.addEventListener("DOMContentLoaded",(()=>{const e=document.querySelectorAll('a[href^="#"]');e.length>0&&e.forEach((e=>{e.addEventListener("click",(function(e){const t=this.getAttribute("href");if("#"===t)return;e.preventDefault();const n=document.querySelector(t);n&&n.scrollIntoView({behavior:"smooth"})}))}))})),document.addEventListener("DOMContentLoaded",(e=>{const t=document.querySelector(".cookie-consent-banner");if(t){const e=document.querySelector(".accept-cookies");t.style.zIndex="1100",localStorage.getItem("cookies-accepted")||(t.style.display="block"),e&&e.addEventListener("click",(()=>{localStorage.setItem("cookies-accepted","true"),t.style.display="none"}))}})),(e=document.getElementById("toggleButton"))&&e.addEventListener("click",(function(){[["z-container","z-container-outline-on"],["z-container-fluid","z-container-fluid-outline-on"],["z-row","z-row-outline-on"],["z-col","z-col-outline-on"],["p","p-outline-on"],["h1","h1-outline-on"],["h2","h2-outline-on"],["h3","h3-outline-on"],["h4","h4-outline-on"],["h5","h5-outline-on"],["h6","h6-outline-on"],[".center-line","center-line-outline-on"]].forEach((([e,t])=>{((e,t)=>{document.querySelectorAll(e).forEach((e=>{e.classList.toggle(t)}))})(e,t)}))}))})(); -//# sourceMappingURL=zencss.min.js.map \ No newline at end of file +(() => { + var e; + (() => { + class e extends HTMLElement { + constructor() { + super(); + } + } + customElements.define("z-container", e); + class t extends HTMLElement { + constructor() { + super(); + } + } + customElements.define("z-row", t); + class n extends HTMLElement { + constructor() { + super(); + } + } + customElements.define("z-col", n); + })(), + document.addEventListener("DOMContentLoaded", () => { + document.querySelectorAll(".slider").forEach((e) => { + const t = e.querySelector(".slides-container"), + n = Array.from(t.children), + o = n.length, + r = e.querySelector(".next"), + a = e.querySelector(".prev"), + s = "true" === e.getAttribute("data-auto-rotate"), + c = n[0].cloneNode(!0), + l = n[o - 1].cloneNode(!0); + t.insertBefore(l, n[0]), t.appendChild(c); + let i, + d = 1, + u = !1; + function m() { + s && (i = setInterval(f, 4e3)); + } + function h() { + clearInterval(i); + } + function y() { + t.style.transform = `translateX(-${100 * d}%)`; + } + function f() { + u || (d++, (u = !0), y()); + } + (t.style.transition = "none"), + (t.style.transform = `translateX(-${100 * d}%)`), + setTimeout(() => { + t.style.transition = "transform 0.5s ease"; + }, 0), + t.addEventListener("transitionend", () => { + d >= o + 1 + ? ((t.style.transition = "none"), + (d = 1), + (t.style.transform = `translateX(-${100 * d}%)`), + setTimeout(() => { + t.style.transition = "transform 0.5s ease"; + }, 0)) + : 0 === d && + ((t.style.transition = "none"), + (d = o), + (t.style.transform = `translateX(-${100 * d}%)`), + setTimeout(() => { + t.style.transition = "transform 0.5s ease"; + }, 0)), + (u = !1); + }), + r.addEventListener("click", f), + a.addEventListener("click", function () { + u || (d--, (u = !0), y()); + }), + t.addEventListener("mouseenter", h), + t.addEventListener("mouseleave", m), + r.addEventListener("mouseenter", h), + r.addEventListener("mouseleave", m), + a.addEventListener("mouseenter", h), + a.addEventListener("mouseleave", m), + m(); + }); + }), + (() => { + function e() { + document.querySelectorAll(".dropdown .dropdown-content").forEach(function (e) { + e.style.display = "none"; + }); + } + document.addEventListener("DOMContentLoaded", function () { + document.querySelectorAll(".dropdown .dropdown-link").forEach(function (t) { + t.addEventListener("click", function (n) { + n.preventDefault(); + var o = t.nextElementSibling; + "block" === o.style.display ? (o.style.display = "none") : (e(), (o.style.display = "block")); + }); + }); + }), + (window.onclick = function (t) { + t.target.matches(".dropdown-link") || e(); + }); + })(), + (() => { + function e(e) { + new Image().src = e; + } + document.addEventListener("DOMContentLoaded", function () { + const t = document.querySelector(".image-gallery"), + n = document.querySelector("z-modal"), + o = document.querySelector(".pagination-nav"); + if (t && n && o) { + let c = 1; + const l = 15; + let i = 0; + const d = []; + Array.from(t.children).forEach((e, t) => { + const n = document.createElement("div"); + n.style.display = t < l ? "block" : "none"; + const o = e.cloneNode(!0); + o.addEventListener("click", () => { + (i = t), s(o.src, o.getAttribute("data-text"), t); + }), + n.appendChild(o), + d.push(n); + }); + const u = Math.ceil(d.length / l); + function r(e) { + d.forEach((t, n) => { + const o = (e - 1) * l, + r = o + l; + t.style.display = n >= o && n < r ? "block" : "none"; + }); + } + function a() { + o.innerHTML = '«'; + for (let e = 1; e <= u; e++) { + const t = e === c ? "current" : ""; + o.innerHTML += `${e}`; + } + o.innerHTML += '»'; + } + function s(t, o, r) { + i = r; + const a = n.shadowRoot.querySelector(".modal-body"), + c = n.shadowRoot.querySelector(".modal-wrapper"), + l = n.shadowRoot.querySelector(".modal-header"); + if (a && c && l) { + const u = c.clientWidth, + m = c.clientHeight; + (c.style.minWidth = `${u}px`), (c.style.minHeight = `${m}px`), (a.innerHTML = ""); + const h = document.createElement("div"); + (h.style.display = "flex"), (h.style.position = "relative"), (h.style.justifyContent = "center"); + const y = document.createElement("div"); + (y.className = "prev arrow theme-dark"), + (y.innerHTML = "❮"), + (y.style.cursor = "pointer"), + (y.style.position = "absolute"), + (y.style.top = "50%"), + (y.style.left = "7px"), + (y.style.padding = "10px"), + (y.style.backgroundColor = "rgba(255,255,255,.5)"), + (y.style.transform = "translateY(-50%)"), + (y.onclick = function () { + i = i > 0 ? i - 1 : d.length - 1; + const e = d[i].firstChild; + s(e.src, e.getAttribute("data-text"), i); + }), + h.appendChild(y); + const f = document.createElement("img"); + (f.onload = () => { + (c.style.minWidth = ""), (c.style.minHeight = ""); + }), + (f.src = t), + (f.style.maxWidth = "100%"), + (f.style.maxHeight = "60vh"), + (f.style.objectFit = "contain"), + (f.style.margin = "auto"), + h.appendChild(f); + const p = document.createElement("div"); + (p.className = "next arrow theme-dark"), + (p.innerHTML = "❯"), + (p.style.cursor = "pointer"), + (p.style.position = "absolute"), + (p.style.padding = "10px"), + (p.style.top = "50%"), + (p.style.backgroundColor = "rgba(255,255,255,.5)"), + (p.style.right = "7px"), + (p.style.transform = "translateY(-50%)"), + (p.onclick = function () { + i = i < d.length - 1 ? i + 1 : 0; + const e = d[i].firstChild; + s(e.src, e.getAttribute("data-text"), i); + }), + h.appendChild(p), + a.appendChild(h); + const v = document.createElement("p"); + (v.textContent = o), + (v.style.textAlign = "center"), + a.appendChild(v), + (a.style.overflowY = "auto"), + (a.style.maxHeight = "80vh"), + (l.style.display = "none"), + (c.style.maxWidth = window.innerWidth >= 1070 ? "860px" : "80%"); + const g = (r + 1) % d.length, + E = (r - 1 + d.length) % d.length; + e(d[g].firstChild.src), e(d[E].firstChild.src), n.open(); + } + } + o.addEventListener("click", function (e) { + e.preventDefault(); + const t = e.target; + if ("A" === t.tagName && t.dataset.page) { + let e = c; + (e = "prev" === t.dataset.page ? (c > 1 ? c - 1 : u) : "next" === t.dataset.page ? (c < u ? c + 1 : 1) : parseInt(t.dataset.page)), + e !== c && ((c = e), r(c), a()); + } + }), + window.addEventListener("resize", function () { + const e = n.shadowRoot.querySelector(".modal-wrapper"); + e && (e.style.maxWidth = window.innerWidth >= 1070 ? "860px" : "80%"); + }), + (t.innerHTML = ""), + d.forEach((e) => t.appendChild(e)), + r(c), + a(); + } + }); + })(), + document.addEventListener("DOMContentLoaded", function () { + var e = document.querySelectorAll(".accordion-toggle"); + e.forEach(function (t) { + t.addEventListener("click", function () { + var t = "false" === this.getAttribute("aria-expanded"); + if ( + (e.forEach(function (e) { + e.classList.remove("active-toggle"), e.setAttribute("aria-expanded", "false"); + var t = e.querySelector(".zenicon-keyboard-arrow-right, .zenicon-keyboard-arrow-down"); + t && (t.classList.remove("zenicon-keyboard-arrow-down"), t.classList.add("zenicon-keyboard-arrow-right")); + var n = e.nextElementSibling; + (n.style.maxHeight = null), n.setAttribute("aria-hidden", "true"); + }), + t) + ) { + this.classList.add("active-toggle"), this.setAttribute("aria-expanded", "true"); + var n = this.querySelector(".zenicon-keyboard-arrow-right, .zenicon-keyboard-arrow-down"); + n && (n.classList.remove("zenicon-keyboard-arrow-right"), n.classList.add("zenicon-keyboard-arrow-down")); + var o = this.nextElementSibling; + (o.style.maxHeight = o.scrollHeight > 200 ? "1000px" : o.scrollHeight + 10 + "px"), o.setAttribute("aria-hidden", "false"); + } + }); + }); + }), + document.addEventListener("DOMContentLoaded", (e) => { + const t = document.getElementById("current-year"); + if (t) { + const e = new Date().getFullYear(); + t.textContent = e; + } + }), + document.addEventListener("DOMContentLoaded", function () { + document.querySelectorAll(".icon-toggle").forEach(function (e) { + e.addEventListener("click", function () { + var e = this.querySelector(".icon-off"), + t = this.querySelector(".icon-on"); + e.classList.toggle("show"), t.classList.toggle("show"); + }); + }); + }), + document.querySelectorAll(".accordion-toggle").forEach((e) => { + e.addEventListener("click", (t) => { + t.preventDefault(); + const n = e.getAttribute("aria-controls"), + o = document.getElementById(n); + document.querySelectorAll(".expanded-content").forEach((e) => { + e.id !== n && (e.classList.remove("show"), (e.style.overflowY = "hidden")); + }), + o.classList.toggle("show"), + setTimeout(() => { + o.scrollHeight > o.clientHeight ? (o.style.overflowY = "auto") : (o.style.overflowY = "hidden"); + }, 500); + }); + }), + document.addEventListener("DOMContentLoaded", function () { + var e = document.querySelector(".corner-popup"); + if (e) { + var t = e.querySelector("button"), + n = e.querySelector("div"); + n.classList.add("card"), + t.addEventListener("click", function () { + n.classList.toggle("hidden"), console.log("Button clicked"); + }); + } + }), + document.addEventListener("DOMContentLoaded", () => { + document.querySelectorAll(".responsive-table").forEach(function (e) { + const t = Array.from(e.querySelectorAll(":scope > thead > tr > th")).map((e) => e.textContent.trim()); + e.querySelectorAll(":scope > tbody > tr").forEach((e) => { + e.querySelectorAll(":scope > td").forEach((e, n) => { + t[n] && e.setAttribute("data-label", t[n]); + }); + }); + }); + }), + document.addEventListener("DOMContentLoaded", function () { + const e = document.querySelectorAll(".nav-menu li"); + e.length && + e.forEach((t) => { + t.addEventListener("click", function () { + e.forEach((e) => e.classList.remove("active")), this.classList.add("active"); + }); + }); + }), + document.addEventListener("DOMContentLoaded", function () { + var e = document.querySelector(".btn-circle"); + if (e) { + var t = localStorage.getItem("unreadResetTime"); + t && new Date().getTime() < t && e.removeAttribute("data-unread"), + e.addEventListener("click", function () { + e.removeAttribute("data-unread"); + var t = new Date().getTime() + 864e5; + localStorage.setItem("unreadResetTime", t); + }); + } + }), + document.addEventListener("DOMContentLoaded", () => { + const e = document.querySelectorAll(".fade-in"); + if (e.length > 0) { + const t = new IntersectionObserver( + (e) => { + e.forEach((e) => { + e.isIntersecting && e.target.classList.add("visible"); + }); + }, + { threshold: 0.3 }, + ); + e.forEach((e) => t.observe(e)); + } + }), + document.addEventListener("DOMContentLoaded", () => { + const e = document.getElementById("toggleDarkMode"); + e && + e.addEventListener("click", function () { + const e = document.querySelectorAll(".zen"); + e.forEach((e) => { + e.classList.toggle("zen-dark"); + }); + const t = Array.from(e).some((e) => e.classList.contains("zen-dark")); + localStorage.setItem("darkMode", t); + }), + "true" === localStorage.getItem("darkMode") && + document.querySelectorAll(".zen").forEach((e) => { + e.classList.add("zen-dark"); + }); + }), + document.addEventListener("DOMContentLoaded", function () { + var e = [].slice.call(document.querySelectorAll(".zen img.lazy-load")); + if (0 !== e.length) + if ("IntersectionObserver" in window) { + let t = new IntersectionObserver(function (e, n) { + e.forEach(function (e) { + if (e.isIntersecting) { + let n = e.target; + (n.onload = function () { + this.classList.remove("lazy-load"); + }), + (n.src = n.dataset.src), + t.unobserve(n); + } + }); + }); + e.forEach(function (e) { + t.observe(e); + }); + } else + e.forEach(function (e) { + (e.onload = function () { + this.classList.remove("lazy-load"); + }), + (e.src = e.dataset.src); + }); + }), + window.addEventListener("DOMContentLoaded", function () { + document.querySelectorAll(".image-container").forEach(function (e) { + var t = e.querySelector("img"), + n = t.src; + (e.style.backgroundImage = "url(" + n + ")"), (e.style.backgroundSize = "cover"), (e.style.backgroundPosition = "center center"), (t.style.display = "none"); + }); + }), + document.addEventListener("DOMContentLoaded", (e) => { + const t = document.getElementById("hamburger-button-2"), + n = document.getElementById("close-button"), + o = document.querySelector(".top-nav"), + r = document.querySelectorAll(".nav-link"), + a = () => { + o.style.left = "0px" === o.style.left ? "-250px" : "0px"; + }; + t && + n && + o && + (t.addEventListener("click", a), + n.addEventListener("click", a), + r.forEach((e) => { + e.addEventListener("click", a); + })); + }), + (() => { + class e extends HTMLElement { + constructor() { + super(), this.attachShadow({ mode: "open" }), this.render(); + } + connectedCallback() { + this.shadowRoot.querySelector(".close").addEventListener("click", () => { + this.close(); + }), + this.shadowRoot.querySelector(".modal").addEventListener("click", (e) => { + e.target === e.currentTarget && this.close(); + }), + document.addEventListener("click", (e) => { + e.target.classList.contains("modal-close") && this.close(), + document.addEventListener("keydown", (e) => { + "Escape" === e.key && this.close(); + }); + }); + const e = document.querySelector(".modal-open"); + e && + e.addEventListener("click", () => { + this.open(); + }); + } + open() { + this.shadowRoot.querySelector(".modal").style.display = "flex"; + } + close() { + this.shadowRoot.querySelector(".modal").style.display = "none"; + } + render() { + this.shadowRoot.innerHTML = + '\n \n \n '; + } + } + customElements.define("z-modal", e); + })(), + (() => { + class e extends HTMLElement { + constructor() { + super(), this.attachShadow({ mode: "open" }), this.render(); + } + static get observedAttributes() { + return ["stars", "half"]; + } + attributeChangedCallback(e, t, n) { + this.render(); + } + render() { + const e = parseInt(this.getAttribute("stars")) || 1, + t = "true" === this.getAttribute("half"), + n = document.createDocumentFragment(); + for (let t = 0; t < e; t++) { + const e = document.createElement("img"); + (e.src = "../../img/icons/alerts/star-solid.svg"), (e.alt = ""), (e.className = "icon icon-gold"), n.appendChild(e); + } + if (t && e < 5) { + const e = document.createElement("img"); + (e.src = "../../img/icons/alerts/star-half-stroke-regular.svg"), (e.alt = ""), (e.className = "icon icon-gold"), n.appendChild(e); + } + (this.shadowRoot.innerHTML = + "\n \n "), + this.shadowRoot.appendChild(n); + } + } + customElements.define("star-component", e); + })(), + (() => { + var e = document.querySelector(".exit"); + function t() { + e && + (function () { + var e = localStorage.getItem("modalClosed"); + if (e) { + return (new Date().getTime() - parseInt(e, 10)) / 864e5 >= 7; + } + return !0; + })() && + "block" !== e.style.display && + (e.style.display = "block"); + } + function n() { + e && ((e.style.display = "none"), localStorage.setItem("modalClosed", new Date().getTime())); + } + var o = document.querySelector(".close"); + o && (o.onclick = n), + (window.onclick = function (t) { + t.target == e && n(); + }), + setTimeout(function () { + document.addEventListener("mousemove", function (e) { + e.clientY <= 5 && t(); + }); + }, 8e3); + })(), + document.addEventListener("DOMContentLoaded", (e) => { + const t = document.querySelectorAll(".wizard-step"), + n = document.querySelectorAll(".wizard-nav"); + if (t.length > 0 && n.length > 0) { + let r = 1; + const a = t.length; + function o(e) { + t.forEach((e) => { + e.style.display = "none"; + }), + (document.getElementById(`step-${e}`).style.display = "block"), + n.forEach((t) => { + t.dataset.step == e.toString() ? t.classList.add("current") : t.classList.remove("current"); + }); + } + n.forEach((e) => { + e.addEventListener("click", (t) => { + t.preventDefault(); + let n = e.dataset.direction; + n ? ("next" === n && r < a ? r++ : "prev" === n && r > 1 && r--) : e.dataset.step && (r = parseInt(e.dataset.step)), o(r); + }); + }), + o(r); + } + }), + document.addEventListener("DOMContentLoaded", function () { + const e = document.querySelector(".mswizard"); + if (!e) return; + const t = e.querySelector(".mswizard-progress"), + n = e.querySelector("#current-step"), + o = e.querySelector("#total-steps"), + r = e.querySelector(".progress-percentage"), + a = e.querySelectorAll(".mswizard-step"), + s = a.length; + function c(o) { + a.forEach((e) => (e.style.display = "none")), (e.querySelector(`#step-${o}`).style.display = "block"), (n.textContent = o); + const c = ((o - 1) / (s - 1)) * 100; + (t.value = c), (r.textContent = `${Math.round(c)}%`); + const l = t.offsetWidth * (c / 100) - r.offsetWidth / 2; + (r.style.left = `${Math.max(0, l)}px`), (r.style.visibility = c >= 5 ? "visible" : "hidden"); + } + (o.textContent = s), + (t.max = 100), + a.forEach((e, t) => { + if (t === s - 1) return; + const n = document.createElement("div"); + n.className = "button-container"; + const o = document.createElement("button"); + (o.textContent = "Previous"), + (o.className = "prev-btn"), + o.setAttribute("role", "button"), + o.setAttribute("aria-label", `Go back to step ${t}`), + 0 === t ? ((o.disabled = !0), o.classList.add("disabled")) : o.addEventListener("click", () => c(t)), + n.appendChild(o); + const r = document.createElement("button"); + (r.textContent = t === s - 2 ? "Finish" : "Next"), + (r.className = "next-btn"), + r.setAttribute("role", "button"), + r.setAttribute("aria-label", `Go to step ${t + 2}`), + r.addEventListener("click", () => c(t + 2)), + n.appendChild(r), + e.appendChild(n); + }), + c(1); + }), + document.addEventListener("DOMContentLoaded", function () { + const e = document.querySelectorAll(".tab-nav .item"); + if (e.length > 0) { + function t(t) { + t.preventDefault(), + e.forEach((e) => { + e.classList.remove("current"); + }), + t.target.classList.add("current"); + } + e.forEach((e) => { + e.addEventListener("click", t); + }); + } + }), + document.addEventListener("DOMContentLoaded", function () { + var e = document.querySelector(".rotate-spinner"); + e && (e.style.animation = "spin 1s linear infinite"); + }), + document.addEventListener("DOMContentLoaded", function () { + var e = 1, + t = { a: 0, b: 0, c: 0, d: 0 }; + function n(n) { + var o, + r = n.target.value; + t[r]++, + e < 4 + ? (e++, + (o = e), + document.querySelectorAll(".wizard-step").forEach(function (e) { + e.classList.remove("active"); + }), + document.querySelector("#step-" + o).classList.add("active")) + : (function () { + document.querySelectorAll(".wizard-step").forEach(function (e) { + e.classList.remove("active"); + }); + var e = Math.max(...Object.values(t)), + n = Object.keys(t).filter(function (n) { + return t[n] === e; + })[0], + o = document.querySelector('#result-types [data-result="' + n + '"]'), + r = o ? o.innerHTML : n, + a = document.getElementById("result-text"); + a && (a.innerHTML = r); + var s = document.getElementById("result"); + s && s.classList.add("active"); + })(); + } + var o = document.querySelector(".wizard"); + o && + o.querySelectorAll('input[type="radio"]').forEach(function (e) { + e.addEventListener("change", n); + }); + }), + document.addEventListener("DOMContentLoaded", () => { + const e = document.querySelectorAll('a[href^="#"]'); + e.length > 0 && + e.forEach((e) => { + e.addEventListener("click", function (e) { + const t = this.getAttribute("href"); + if ("#" === t) return; + e.preventDefault(); + const n = document.querySelector(t); + n && n.scrollIntoView({ behavior: "smooth" }); + }); + }); + }), + document.addEventListener("DOMContentLoaded", (e) => { + const t = document.querySelector(".cookie-consent-banner"); + if (t) { + const e = document.querySelector(".accept-cookies"); + (t.style.zIndex = "1100"), + localStorage.getItem("cookies-accepted") || (t.style.display = "block"), + e && + e.addEventListener("click", () => { + localStorage.setItem("cookies-accepted", "true"), (t.style.display = "none"); + }); + } + }), + (e = document.getElementById("toggleButton")) && + e.addEventListener("click", function () { + [ + ["z-container", "z-container-outline-on"], + ["z-container-fluid", "z-container-fluid-outline-on"], + ["z-row", "z-row-outline-on"], + ["z-col", "z-col-outline-on"], + ["p", "p-outline-on"], + ["h1", "h1-outline-on"], + ["h2", "h2-outline-on"], + ["h3", "h3-outline-on"], + ["h4", "h4-outline-on"], + ["h5", "h5-outline-on"], + ["h6", "h6-outline-on"], + [".center-line", "center-line-outline-on"], + ].forEach(([e, t]) => { + ((e, t) => { + document.querySelectorAll(e).forEach((e) => { + e.classList.toggle(t); + }); + })(e, t); + }); + }); +})(); +//# sourceMappingURL=zencss.min.js.map diff --git a/docs/css/documentation.css b/docs/css/documentation.css index 45508f9c..9ee2712a 100644 --- a/docs/css/documentation.css +++ b/docs/css/documentation.css @@ -151,8 +151,7 @@ border-radius: 8px; } .icon-zencolor { - filter: invert(26%) sepia(0%) saturate(77%) hue-rotate(231deg) - brightness(103%) contrast(91%); + filter: invert(26%) sepia(0%) saturate(77%) hue-rotate(231deg) brightness(103%) contrast(91%); } .zindex-override { @@ -161,8 +160,7 @@ border-radius: 8px; } .icon-primary { - filter: invert(31%) sepia(81%) saturate(1262%) hue-rotate(189deg) - brightness(88%) contrast(90%); + filter: invert(31%) sepia(81%) saturate(1262%) hue-rotate(189deg) brightness(88%) contrast(90%); } .saf-move-3, @@ -245,8 +243,7 @@ pre[class*="language-"] { } .logo-bar-logo { - filter: invert(33%) sepia(6%) saturate(3%) hue-rotate(321deg) - brightness(88%) contrast(80%); + filter: invert(33%) sepia(6%) saturate(3%) hue-rotate(321deg) brightness(88%) contrast(80%); } .accordion .title { diff --git a/docs/css/style.css b/docs/css/style.css index 65601033..2dc298d0 100644 --- a/docs/css/style.css +++ b/docs/css/style.css @@ -106,10 +106,8 @@ body.zen-dark { font-weight: 500; white-space: nowrap; opacity: 1; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, - "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, - "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", - "Noto Color Emoji"; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol", "Noto Color Emoji"; } .sidebar.close .text { diff --git a/docs/examples/Icon-toggle.html b/docs/examples/Icon-toggle.html index 29d5ccbd..83cc9631 100644 --- a/docs/examples/Icon-toggle.html +++ b/docs/examples/Icon-toggle.html @@ -9,23 +9,17 @@ - +
@@ -39,10 +33,7 @@

Icon Toggle

-

- Combine 2 icons to toggle state. Interact with - the icons below to toggle them on and off. -

+

Combine 2 icons to toggle state. Interact with the icons below to toggle them on and off.


@@ -61,14 +52,12 @@

Click to toggle

- +
- +
@@ -78,19 +67,9 @@

Click to toggle

- -