├── .gitignore ├── main ├── assets │ ├── css │ │ ├── _base.scss │ │ ├── style.scss │ │ ├── _custom-style.scss │ │ ├── custom-style │ │ │ ├── _icons.scss │ │ │ ├── _util.scss │ │ │ ├── _spacing.scss │ │ │ ├── _forms.scss │ │ │ ├── _shared-styles.scss │ │ │ ├── _buttons.scss │ │ │ ├── _typography.scss │ │ │ └── _colors.scss │ │ ├── components │ │ │ └── _1_list.scss │ │ └── style.min.css │ └── js │ │ ├── scripts.min.js │ │ └── scripts.js └── index.html ├── README.md ├── package.json ├── LICENSE.md └── gulpfile.js /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | *.DS_Store 3 | config.php 4 | package-lock.json -------------------------------------------------------------------------------- /main/assets/css/_base.scss: -------------------------------------------------------------------------------- 1 | @forward '../../../node_modules/codyhouse-framework/main/assets/css/base'; -------------------------------------------------------------------------------- /main/assets/css/style.scss: -------------------------------------------------------------------------------- 1 | @use 'base' with ( 2 | $breakpoints: ( 3 | 'xs': 32rem, // ~512px 4 | 'sm': 48rem, // ~768px 5 | 'md': 64rem, // ~1024px 6 | 'lg': 80rem, // ~1280px 7 | 'xl': 90rem // ~1440px 8 | ), 9 | $grid-columns: 12 10 | ); 11 | 12 | @use 'custom-style'; 13 | @use 'components/**/*.scss'; -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # 🐞 Gulp starter template for CodyFrame 2 | 3 | To start your web project, run the following two commands: 4 | 1. Install the node modules. 5 | 6 | ``` 7 | npm install 8 | ``` 9 | 10 | 2. Launch your project on a development server. 11 | 12 | ``` 13 | npm run gulp watch 14 | ``` 15 | 16 | [Documentation on codyhouse.co →](https://codyhouse.co/ds/docs/framework#new-gulp-project) -------------------------------------------------------------------------------- /main/assets/css/_custom-style.scss: -------------------------------------------------------------------------------- 1 | // -------------------------------- 2 | 3 | // Custom Style - Your bespoke style 4 | 5 | // -------------------------------- 6 | 7 | @use 'custom-style/colors'; 8 | @use 'custom-style/spacing'; 9 | @use 'custom-style/shared-styles'; 10 | @use 'custom-style/typography'; 11 | @use 'custom-style/icons'; 12 | @use 'custom-style/buttons'; 13 | @use 'custom-style/forms'; 14 | @use 'custom-style/util'; 15 | 16 | /*! purgecss start ignore */ -------------------------------------------------------------------------------- /main/assets/css/custom-style/_icons.scss: -------------------------------------------------------------------------------- 1 | @use '../base' as *; 2 | 3 | :root { 4 | // size - 👇 uncomment to modify default icon sizes 5 | // --icon-xxxs: 8px; 6 | // --icon-xxs: 12px; 7 | // --icon-xs: 16px; 8 | // --icon-sm: 20px; 9 | // --icon-md: 24px; 10 | // --icon-lg: 32px; 11 | // --icon-xl: 48px; 12 | // --icon-xxl: 64px; 13 | // --icon-xxxl: 96px; 14 | } 15 | 16 | .icon { 17 | // 👇 include the font-family declaration here if you are using an icon font 18 | // font-family: 'fontName'; 19 | } -------------------------------------------------------------------------------- /main/assets/css/custom-style/_util.scss: -------------------------------------------------------------------------------- 1 | @use '../base' as *; 2 | 3 | // -------------------------------- 4 | 5 | // How to create custom utility classes 👇 6 | 7 | // -------------------------------- 8 | 9 | // 👇 your custom utility class 10 | // .my-util-class { 11 | // property: value; 12 | // } 13 | 14 | // 👇 (optional) create responsive variations - edit only [my-util-class, property, value] 15 | // @each $breakpoint, $value in $breakpoints { 16 | // @include breakpoint(#{$breakpoint}) { 17 | // .my-util-class\@#{$breakpoint} { 18 | // property: value; 19 | // } 20 | // } 21 | // } -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "codyframe-gulp-starter-template", 3 | "version": "0.0.5", 4 | "scripts": { 5 | "gulp": "gulp", 6 | "test": "echo \"Error: no test specified\" && exit 1" 7 | }, 8 | "devDependencies": { 9 | "autoprefixer": "^9.4.3", 10 | "browser-sync": "^2.26.3", 11 | "codyhouse-framework": "^3.0.0", 12 | "gulp": "^4.0.0", 13 | "gulp-clean-css": "^4.3.0", 14 | "gulp-concat": "^2.6.1", 15 | "gulp-postcss": "^8.0.0", 16 | "gulp-purgecss": "^3.0.0", 17 | "gulp-rename": "^1.4.0", 18 | "gulp-sass": "^5.0.0", 19 | "gulp-sass-glob": "git+https://github.com/CodyHouse/gulp-sass-glob", 20 | "gulp-uglify": "^3.0.2", 21 | "postcss-calc": "^7.0.1", 22 | "postcss-css-variables": "git+https://github.com/CodyHouse/postcss-css-variables", 23 | "sass-embedded": "^1.0.0-beta.3" 24 | } 25 | } -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2014-2021 Amber Creative S.R.L. 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. -------------------------------------------------------------------------------- /main/assets/css/custom-style/_spacing.scss: -------------------------------------------------------------------------------- 1 | @use '../base' as *; 2 | 3 | // -------------------------------- 4 | 5 | // (START) Global editor code https://codyhouse.co/ds/globals/spacing 6 | 7 | // -------------------------------- 8 | 9 | // 👇 uncomment to modify default spacing scale 10 | // :root { 11 | // --space-unit: 1em; 12 | // } 13 | 14 | // :root, * { 15 | // --space-xxxxs: calc(0.125 * var(--space-unit)); 16 | // --space-xxxs: calc(0.25 * var(--space-unit)); 17 | // --space-xxs: calc(0.375 * var(--space-unit)); 18 | // --space-xs: calc(0.5 * var(--space-unit)); 19 | // --space-sm: calc(0.75 * var(--space-unit)); 20 | // --space-md: calc(1.25 * var(--space-unit)); 21 | // --space-lg: calc(2 * var(--space-unit)); 22 | // --space-xl: calc(3.25 * var(--space-unit)); 23 | // --space-xxl: calc(5.25 * var(--space-unit)); 24 | // --space-xxxl: calc(8.5 * var(--space-unit)); 25 | // --space-xxxxl: calc(13.75 * var(--space-unit)); 26 | // --component-padding: var(--space-md); 27 | // } 28 | 29 | @include breakpoint(md) { 30 | :root { 31 | --space-unit: 1.25em; 32 | } 33 | } 34 | 35 | // -------------------------------- 36 | 37 | // (END) Global editor code 38 | 39 | // -------------------------------- -------------------------------------------------------------------------------- /main/assets/css/custom-style/_forms.scss: -------------------------------------------------------------------------------- 1 | @use '../base' as *; 2 | 3 | // -------------------------------- 4 | 5 | // (START) Global editor code https://codyhouse.co/ds/globals/forms 6 | 7 | // -------------------------------- 8 | 9 | :root { 10 | --form-control-font-size: 1em; 11 | --form-control-padding-x: var(--space-xs); 12 | --form-control-padding-y: var(--space-xxs); 13 | --form-control-radius: var(--radius-md); 14 | } 15 | 16 | .form-control { 17 | background: var(--color-bg-dark); 18 | line-height: 1.2; 19 | transition: all 0.2s ease; 20 | 21 | &::placeholder { 22 | opacity: 1; 23 | color: var(--color-contrast-low); 24 | } 25 | 26 | &:focus { 27 | background: var(--color-bg); 28 | box-shadow: 0px 0px 0px 2px var(--color-primary), var(--shadow-sm); 29 | outline: none; 30 | } 31 | } 32 | 33 | .form-control--disabled, .form-control[disabled], .form-control[readonly] { 34 | cursor: not-allowed; 35 | } 36 | 37 | .form-control[aria-invalid="true"], .form-control.form-control--error { 38 | box-shadow: 0px 0px 0px 2px var(--color-error); 39 | 40 | &:focus { 41 | box-shadow: 0px 0px 0px 2px var(--color-error), var(--shadow-sm); 42 | } 43 | } 44 | 45 | .form-legend { 46 | font-size: var(--text-md); 47 | } 48 | 49 | .form-label { 50 | font-size: var(--text-sm); 51 | } 52 | 53 | // -------------------------------- 54 | 55 | // (END) Global editor code 56 | 57 | // -------------------------------- -------------------------------------------------------------------------------- /main/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Get Started | CodyFrame 9 | 10 | 11 |
12 |
13 |

Get started with CodyFrame

14 | 15 |
    16 |
  1. Import components from the CodyHouse UI Framework. To add a component to your project, create a new SCSS file (e.g., _{index}_{component-name}.scss) inside the "assets/css/components/" folder and paste in it the SCSS of the component. Create a new JS file (e.g., _{index}_{component-name}.js) inside the "assets/js/components/" folder and paste in it the JS of the component. You will find the index value in a comment in the SCSS/JS files of the component.
    2. 17 |
  2. Create your bespoke style (e.g., custom buttons and forms) using the Global Editors. To apply the custom style to your project, copy the SCSS generated by the editor and paste it in the corresponding file in the "main/css/custom-style" folder.
    3. 18 |
  3. Install one of our code editor extensions for HTML/CSS autocompletion.
    4. 19 |
20 | 21 |

Documentation

22 |

For further help, check the documentation.

23 |
24 |
25 | 26 | 27 | -------------------------------------------------------------------------------- /main/assets/css/custom-style/_shared-styles.scss: -------------------------------------------------------------------------------- 1 | @use '../base' as *; 2 | 3 | :root { 4 | // radius 5 | --radius: 0.25em; // border radius base size 6 | // 👇 uncomment to modify default radius values 7 | // --radius-sm: calc(var(--radius)/2); 8 | // --radius-md: var(--radius); 9 | // --radius-lg: calc(var(--radius)*2); 10 | 11 | // box shadow - 👇 uncomment to modify default shadow values 12 | // --shadow-xs: 0 0.1px 0.3px rgba(0, 0, 0, 0.06), 13 | // 0 1px 2px rgba(0, 0, 0, 0.12); 14 | // --shadow-sm: 0 0.3px 0.4px rgba(0, 0, 0, 0.025), 15 | // 0 0.9px 1.5px rgba(0, 0, 0, 0.05), 16 | // 0 3.5px 6px rgba(0, 0, 0, 0.1); 17 | // --shadow-md: 0 0.9px 1.5px rgba(0, 0, 0, 0.03), 18 | // 0 3.1px 5.5px rgba(0, 0, 0, 0.08), 19 | // 0 14px 25px rgba(0, 0, 0, 0.12); 20 | // --shadow-lg: 0 1.2px 1.9px -1px rgba(0, 0, 0, 0.014), 21 | // 0 3.3px 5.3px -1px rgba(0, 0, 0, 0.038), 22 | // 0 8.5px 12.7px -1px rgba(0, 0, 0, 0.085), 23 | // 0 30px 42px -1px rgba(0, 0, 0, 0.15); 24 | // --shadow-xl: 0 1.5px 2.1px -6px rgba(0, 0, 0, 0.012), 25 | // 0 3.6px 5.2px -6px rgba(0, 0, 0, 0.035), 26 | // 0 7.3px 10.6px -6px rgba(0, 0, 0, 0.07), 27 | // 0 16.2px 21.9px -6px rgba(0, 0, 0, 0.117), 28 | // 0 46px 60px -6px rgba(0, 0, 0, 0.2); 29 | } 30 | 31 | // -------------------------------- 32 | 33 | // (START) Global editor code https://codyhouse.co/ds/globals/shared-styles 34 | 35 | // -------------------------------- 36 | 37 | .hover\:reduce-opacity { 38 | opacity: 1; 39 | transition: all 0.3s ease; 40 | 41 | &:hover { 42 | opacity: 0.8; 43 | } 44 | } 45 | 46 | .hover\:scale { 47 | transition: transform 0.3s var(--ease-out-back); 48 | 49 | &:hover { 50 | transform: scale(1.1); 51 | } 52 | } 53 | 54 | .hover\:elevate { 55 | box-shadow: var(--shadow-sm); 56 | transition: all 0.3s ease; 57 | 58 | &:hover { 59 | box-shadow: var(--shadow-md); 60 | } 61 | } 62 | 63 | // text styles 64 | .link-subtle { 65 | color: inherit; 66 | cursor: pointer; 67 | text-decoration: none; 68 | transition: all 0.2s ease; 69 | 70 | &:hover { 71 | color: var(--color-primary); 72 | } 73 | } 74 | 75 | // -------------------------------- 76 | 77 | // (END) Global editor code 78 | 79 | // -------------------------------- -------------------------------------------------------------------------------- /main/assets/css/custom-style/_buttons.scss: -------------------------------------------------------------------------------- 1 | @use '../base' as *; 2 | 3 | // -------------------------------- 4 | 5 | // (START) Global editor code https://codyhouse.co/ds/globals/buttons 6 | 7 | // -------------------------------- 8 | 9 | :root { 10 | --btn-font-size: 1em; 11 | --btn-padding-x: var(--space-sm); 12 | --btn-padding-y: var(--space-xxs); 13 | --btn-radius: var(--radius-md); 14 | } 15 | 16 | .btn { 17 | background: var(--color-bg-dark); 18 | color: var(--color-contrast-higher); 19 | cursor: pointer; 20 | text-decoration: none; 21 | line-height: 1.2; 22 | @include fontSmooth; 23 | transition: all 0.2s ease; 24 | will-change: transform; 25 | 26 | &:focus { 27 | box-shadow: 0px 0px 0px 2px alpha(var(--color-contrast-higher), 0.15); 28 | outline: none; 29 | } 30 | 31 | &:active { 32 | transform: translateY(2px); 33 | } 34 | } 35 | 36 | // themes 37 | .btn--primary { 38 | background: var(--color-primary); 39 | color: var(--color-white); 40 | box-shadow: var(--shadow-xs); 41 | 42 | &:hover { 43 | background: var(--color-primary-light); 44 | box-shadow: var(--shadow-sm); 45 | } 46 | 47 | &:focus { 48 | box-shadow: 0px 0px 0px 2px alpha(var(--color-primary), 0.2); 49 | } 50 | } 51 | 52 | .btn--subtle { 53 | background: var(--color-bg-light); 54 | color: var(--color-contrast-higher); 55 | box-shadow: 0px 0px 0px 1px alpha(var(--color-contrast-higher), 0.08), var(--shadow-xs); 56 | 57 | &:hover { 58 | background: var(--color-bg-lighter); 59 | box-shadow: 0px 0px 0px 1px alpha(var(--color-contrast-higher), 0.08), var(--shadow-sm); 60 | } 61 | 62 | &:focus { 63 | box-shadow: 0px 0px 0px 1px alpha(var(--color-contrast-higher), 0.08), var(--shadow-xs), 0px 0px 0px 3px alpha(var(--color-contrast-higher), 0.05); 64 | } 65 | } 66 | 67 | .btn--accent { 68 | background: var(--color-accent); 69 | color: var(--color-white); 70 | box-shadow: var(--shadow-xs); 71 | 72 | &:hover { 73 | background: var(--color-accent-light); 74 | box-shadow: var(--shadow-sm); 75 | } 76 | 77 | &:focus { 78 | box-shadow: 0px 0px 0px 2px alpha(var(--color-accent), 0.2); 79 | } 80 | } 81 | 82 | // feedback 83 | .btn--disabled, .btn[disabled], .btn[readonly] { 84 | opacity: 0.6; 85 | cursor: not-allowed; 86 | } 87 | 88 | // size 89 | .btn--sm { 90 | font-size: 0.8em; 91 | } 92 | 93 | .btn--md { 94 | font-size: 1.2em; 95 | } 96 | 97 | .btn--lg { 98 | font-size: 1.4em; 99 | } 100 | 101 | // -------------------------------- 102 | 103 | // (END) Global editor code 104 | 105 | // -------------------------------- -------------------------------------------------------------------------------- /main/assets/css/custom-style/_typography.scss: -------------------------------------------------------------------------------- 1 | @use '../base' as *; 2 | 3 | // -------------------------------- 4 | 5 | // (START) Global editor code https://codyhouse.co/ds/globals/typography 6 | 7 | // -------------------------------- 8 | 9 | :root { 10 | // font family 11 | --font-primary: Inter, system-ui, sans-serif; 12 | 13 | // font size 14 | --text-base-size: 1em; // body font-size 15 | --text-scale-ratio: 1.2; // multiplier used to generate the type scale values 👇 16 | 17 | // line-height 18 | --body-line-height: 1.4; 19 | --heading-line-height: 1.2; 20 | 21 | // capital letters - used in combo with the lhCrop mixin 22 | --font-primary-capital-letter: 1; 23 | 24 | // unit - don't modify unless you want to change the typography unit (e.g., from Em to Rem units) 25 | --text-unit: 1em; // if not Em units → --text-unit: var(--text-base-size); 26 | } 27 | 28 | :root, * { 29 | // type scale 30 | --text-xs: calc((var(--text-unit) / var(--text-scale-ratio)) / var(--text-scale-ratio)); 31 | --text-sm: calc(var(--text-xs) * var(--text-scale-ratio)); 32 | --text-md: calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio)); 33 | --text-lg: calc(var(--text-md) * var(--text-scale-ratio)); 34 | --text-xl: calc(var(--text-lg) * var(--text-scale-ratio)); 35 | --text-xxl: calc(var(--text-xl) * var(--text-scale-ratio)); 36 | --text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio)); 37 | --text-xxxxl: calc(var(--text-xxxl) * var(--text-scale-ratio)); 38 | } 39 | 40 | 41 | @include breakpoint(md) { 42 | :root { 43 | --text-base-size: 1.25em; 44 | --text-scale-ratio: 1.25; 45 | } 46 | } 47 | 48 | body { 49 | font-family: var(--font-primary); 50 | --body-font-weight: 500; 51 | } 52 | 53 | h1, h2, h3, h4 { 54 | font-family: var(--font-primary); 55 | --heading-font-weight: 400; 56 | } 57 | 58 | // font family 59 | .font-primary { font-family: var(--font-primary); } 60 | 61 | // -------------------------------- 62 | 63 | // (END) Global editor code 64 | 65 | // -------------------------------- 66 | 67 | // link style 68 | a, .link {} 69 | 70 | mark { 71 | background-color: alpha(var(--color-accent), 0.2); 72 | color: inherit; 73 | } 74 | 75 | .text-component { 76 | --line-height-multiplier: 1; 77 | --text-space-y-multiplier: 1; 78 | 79 | blockquote { 80 | padding-left: 1em; 81 | border-left: 4px solid var(--color-contrast-lower); 82 | } 83 | 84 | hr { 85 | background: var(--color-contrast-lower); 86 | height: 1px; 87 | } 88 | 89 | figcaption { 90 | font-size: var(--text-sm); 91 | color: var(--color-contrast-low); 92 | } 93 | } 94 | 95 | .article { // e.g., blog posts 96 | --body-line-height: 1.58; // set body line-height 97 | --text-space-y-multiplier: 1.2; // control vertical spacing 98 | } -------------------------------------------------------------------------------- /main/assets/js/scripts.min.js: -------------------------------------------------------------------------------- 1 | function Util(){}Util.hasClass=function(t,e){t.classList.contains(e)},Util.addClass=function(t,e){e=e.split(" ");t.classList.add(e[0]),1 li:last-child, ul > li:last-child, ol > li:last-child { 37 | margin-bottom: 0; 38 | } 39 | 40 | &:not(.list--border) > li:last-child, ul > li:last-child, ol > li:last-child { 41 | padding-bottom: 0; 42 | } 43 | } 44 | 45 | /* #region (ul + ol) */ 46 | .list--ul, .text-component .list--ul, 47 | .list--ol, .text-component .list--ol { 48 | --list-offset: calc(var(--list-bullet-size) + var(--list-bullet-margin-right)); 49 | 50 | ul, ol { 51 | padding-left: 0; 52 | } 53 | 54 | li { 55 | padding-left: var(--list-offset); 56 | } 57 | 58 | li::before { 59 | display: inline-flex; 60 | justify-content: center; 61 | align-items: center; 62 | 63 | width: var(--list-bullet-size); 64 | height: var(--list-bullet-size); 65 | vertical-align: middle; 66 | position: relative; 67 | top: -0.1em; 68 | left: calc(var(--list-bullet-margin-right) * -1); 69 | margin-left: calc(var(--list-bullet-size) * -1); 70 | } 71 | } 72 | 73 | // unordered list 74 | .list--ul, .text-component .list--ul { 75 | --list-bullet-size: 7px; // dot width and height 76 | --list-bullet-margin-right: 12px; // gap between bullet and content 77 | 78 | > li::before { // bullet 79 | content: ''; 80 | border-radius: 50%; 81 | color: alpha(var(--color-contrast-higher), 0.1); // bullet color 82 | background-color: currentColor; 83 | } 84 | 85 | ul li::before { 86 | background-color: transparent; 87 | box-shadow: inset 0 0 0 2px currentColor; 88 | } 89 | } 90 | 91 | // ordered list 92 | .list--ol, .text-component .list--ol { 93 | --list-bullet-size: 26px; // ⚠️ use px or rem units - circle width and height 94 | --list-bullet-margin-right: 6px; // ⚠️ use px or rem units - gap between circle and content 95 | --list-bullet-font-size: 14px; // ⚠️ use px or rem units - bullet font size 96 | counter-reset: list-items; 97 | 98 | > li { 99 | counter-increment: list-items; 100 | } 101 | 102 | ol { 103 | counter-reset: list-items; 104 | } 105 | 106 | > li::before { 107 | content: counter(list-items); 108 | font-size: var(--list-bullet-font-size, 14px); 109 | background-color: alpha(var(--color-contrast-higher), 0.075); 110 | color: var(--color-contrast-higher); 111 | line-height: 1; 112 | border-radius: 50%; 113 | } 114 | 115 | ol > li::before { 116 | background-color: transparent; 117 | box-shadow: inset 0 0 0 2px alpha(var(--color-contrast-higher), 0.075); 118 | } 119 | } 120 | /* #endregion */ 121 | 122 | /* #region (border) */ 123 | .list--border, .text-component .list--border { // show border divider among list items 124 | li:not(:last-child) { 125 | border-bottom: 1px solid var(--color-contrast-lower); 126 | } 127 | 128 | ul, ol { 129 | border-top: 1px solid var(--color-contrast-lower); 130 | } 131 | } 132 | /* #endregion */ 133 | 134 | /* #region (icons) */ 135 | .list--icons, .text-component .list--icons { // use icons as bullet points 136 | --list-bullet-size: 24px; 137 | --list-bullet-margin-right: 8px; // gap between icon and text 138 | --list-offset: calc(var(--list-bullet-size) + var(--list-bullet-margin-right)); 139 | 140 | ul, ol { 141 | padding-left: var(--list-offset); 142 | } 143 | } 144 | 145 | .list__icon { 146 | position: relative; 147 | width: var(--list-bullet-size); 148 | height: var(--list-bullet-size); 149 | margin-right: var(--list-bullet-margin-right); 150 | 151 | &:not(.top-0) { 152 | top: calc((1em * var(--list-line-height) - var(--list-bullet-size)) / 2); 153 | } 154 | } 155 | /* #endregion */ -------------------------------------------------------------------------------- /gulpfile.js: -------------------------------------------------------------------------------- 1 | var gulp = require('gulp'); 2 | var sass = require('gulp-sass')(require('sass-embedded')); 3 | var sassGlob = require('gulp-sass-glob'); 4 | var browserSync = require('browser-sync').create(); 5 | var postcss = require('gulp-postcss'); 6 | var autoprefixer = require('autoprefixer'); 7 | var concat = require('gulp-concat'); 8 | var rename = require('gulp-rename'); 9 | var uglify = require('gulp-uglify'); 10 | var cleanCSS = require('gulp-clean-css'); 11 | var purgecss = require('gulp-purgecss'); 12 | 13 | // js file paths 14 | var utilJsPath = 'node_modules/codyhouse-framework/main/assets/js'; // util.js path 15 | var componentsJsPath = 'main/assets/js/components/*.js'; // component js files 16 | var scriptsJsPath = 'main/assets/js'; //folder for final scripts.js/scripts.min.js files 17 | 18 | // css file paths 19 | var cssFolder = 'main/assets/css'; // folder for final style.css file 20 | var scssFilesPath = 'main/assets/css/**/*.scss'; // scss files to watch 21 | 22 | function reload(done) { 23 | browserSync.reload(); 24 | done(); 25 | } 26 | 27 | /* Gulp watch tasks */ 28 | // This task is used to convert the scss to css and compress it. 29 | gulp.task('sass', function() { 30 | return gulp.src(scssFilesPath) 31 | .pipe(sassGlob({sassModules: true})) 32 | .pipe(sass().on('error', sass.logError)) 33 | .pipe(postcss([autoprefixer()])) 34 | .pipe(gulp.dest(cssFolder)) 35 | .pipe(browserSync.reload({ 36 | stream: true 37 | })) 38 | .pipe(rename('style.min.css')) 39 | .pipe(cleanCSS()) 40 | .pipe(gulp.dest(cssFolder)); 41 | }); 42 | // This task is used to combine all js files in a single scripts.min.js. 43 | gulp.task('scripts', function() { 44 | return gulp.src([utilJsPath+'/util.js', componentsJsPath]) 45 | .pipe(concat('scripts.js')) 46 | .pipe(gulp.dest(scriptsJsPath)) 47 | .pipe(browserSync.reload({ 48 | stream: true 49 | })) 50 | .pipe(rename('scripts.min.js')) 51 | .pipe(uglify()) 52 | .pipe(gulp.dest(scriptsJsPath)) 53 | .pipe(browserSync.reload({ 54 | stream: true 55 | })); 56 | }); 57 | // This task is used to reload the project whan changes are made to a html/scss/js file. 58 | gulp.task('browserSync', gulp.series(function (done) { 59 | browserSync.init({ 60 | server: { 61 | baseDir: 'main' 62 | }, 63 | notify: false 64 | }) 65 | done(); 66 | })); 67 | 68 | gulp.task('watch', gulp.series(['browserSync', 'sass', 'scripts'], function () { 69 | gulp.watch('main/*.html', gulp.series(reload)); 70 | gulp.watch('main/assets/css/**/*.scss', gulp.series(['sass'])); 71 | gulp.watch(componentsJsPath, gulp.series(['scripts'])); 72 | })); 73 | 74 | 75 | /* Gulp dist task */ 76 | // create a distribution folder for production 77 | var distFolder = 'dist/'; 78 | var assetsFolder = 'dist/assets/'; 79 | 80 | gulp.task('dist', async function(){ 81 | // remove unused classes from the style.css file with PurgeCSS and copy it to the dist folder 82 | await purgeCSS(); 83 | // minify the scripts.js file and copy it to the dist folder 84 | await minifyJs(); 85 | // copy any additional js files to the dist folder 86 | await moveJS(); 87 | // copy all the assets inside main/assets/img folder to the dist folder 88 | await moveAssets(); 89 | // copy all html files inside main folder to the dist folder 90 | await moveContent(); 91 | console.log('Distribution task completed!') 92 | }); 93 | 94 | function purgeCSS() { 95 | return new Promise(function(resolve, reject) { 96 | var stream = gulp.src(cssFolder+'/style.css') 97 | .pipe(purgecss({ 98 | content: ['main/*.html', scriptsJsPath+'/scripts.js'], 99 | safelist: { 100 | standard: ['.is-hidden', '.is-visible'], 101 | deep: [/class$/], 102 | greedy: [] 103 | }, 104 | defaultExtractor: content => content.match(/[\w-/:%@]+(? 1) Util.addClass(el, classList.slice(1).join(' ')); 15 | }; 16 | 17 | Util.removeClass = function(el, className) { 18 | var classList = className.split(' '); 19 | el.classList.remove(classList[0]); 20 | if (classList.length > 1) Util.removeClass(el, classList.slice(1).join(' ')); 21 | }; 22 | 23 | Util.toggleClass = function(el, className, bool) { 24 | if(bool) Util.addClass(el, className); 25 | else Util.removeClass(el, className); 26 | }; 27 | 28 | Util.setAttributes = function(el, attrs) { 29 | for(var key in attrs) { 30 | el.setAttribute(key, attrs[key]); 31 | } 32 | }; 33 | 34 | /* 35 | DOM manipulation 36 | */ 37 | Util.getChildrenByClassName = function(el, className) { 38 | var children = el.children, 39 | childrenByClass = []; 40 | for (var i = 0; i < children.length; i++) { 41 | if (Util.hasClass(children[i], className)) childrenByClass.push(children[i]); 42 | } 43 | return childrenByClass; 44 | }; 45 | 46 | Util.is = function(elem, selector) { 47 | if(selector.nodeType){ 48 | return elem === selector; 49 | } 50 | 51 | var qa = (typeof(selector) === 'string' ? document.querySelectorAll(selector) : selector), 52 | length = qa.length, 53 | returnArr = []; 54 | 55 | while(length--){ 56 | if(qa[length] === elem){ 57 | return true; 58 | } 59 | } 60 | 61 | return false; 62 | }; 63 | 64 | /* 65 | Animate height of an element 66 | */ 67 | Util.setHeight = function(start, to, element, duration, cb, timeFunction) { 68 | var change = to - start, 69 | currentTime = null; 70 | 71 | var animateHeight = function(timestamp){ 72 | if (!currentTime) currentTime = timestamp; 73 | var progress = timestamp - currentTime; 74 | if(progress > duration) progress = duration; 75 | var val = parseInt((progress/duration)*change + start); 76 | if(timeFunction) { 77 | val = Math[timeFunction](progress, start, to - start, duration); 78 | } 79 | element.style.height = val+"px"; 80 | if(progress < duration) { 81 | window.requestAnimationFrame(animateHeight); 82 | } else { 83 | if(cb) cb(); 84 | } 85 | }; 86 | 87 | //set the height of the element before starting animation -> fix bug on Safari 88 | element.style.height = start+"px"; 89 | window.requestAnimationFrame(animateHeight); 90 | }; 91 | 92 | /* 93 | Smooth Scroll 94 | */ 95 | 96 | Util.scrollTo = function(final, duration, cb, scrollEl) { 97 | var element = scrollEl || window; 98 | var start = element.scrollTop || document.documentElement.scrollTop, 99 | currentTime = null; 100 | 101 | if(!scrollEl) start = window.scrollY || document.documentElement.scrollTop; 102 | 103 | var animateScroll = function(timestamp){ 104 | if (!currentTime) currentTime = timestamp; 105 | var progress = timestamp - currentTime; 106 | if(progress > duration) progress = duration; 107 | var val = Math.easeInOutQuad(progress, start, final-start, duration); 108 | element.scrollTo(0, val); 109 | if(progress < duration) { 110 | window.requestAnimationFrame(animateScroll); 111 | } else { 112 | cb && cb(); 113 | } 114 | }; 115 | 116 | window.requestAnimationFrame(animateScroll); 117 | }; 118 | 119 | /* 120 | Focus utility classes 121 | */ 122 | 123 | //Move focus to an element 124 | Util.moveFocus = function (element) { 125 | if( !element ) element = document.getElementsByTagName("body")[0]; 126 | element.focus(); 127 | if (document.activeElement !== element) { 128 | element.setAttribute('tabindex','-1'); 129 | element.focus(); 130 | } 131 | }; 132 | 133 | /* 134 | Misc 135 | */ 136 | 137 | Util.getIndexInArray = function(array, el) { 138 | return Array.prototype.indexOf.call(array, el); 139 | }; 140 | 141 | Util.cssSupports = function(property, value) { 142 | if('CSS' in window) { 143 | return CSS.supports(property, value); 144 | } else { 145 | var jsProperty = property.replace(/-([a-z])/g, function (g) { return g[1].toUpperCase();}); 146 | return jsProperty in document.body.style; 147 | } 148 | }; 149 | 150 | // merge a set of user options into plugin defaults 151 | // https://gomakethings.com/vanilla-javascript-version-of-jquery-extend/ 152 | Util.extend = function() { 153 | // Variables 154 | var extended = {}; 155 | var deep = false; 156 | var i = 0; 157 | var length = arguments.length; 158 | 159 | // Check if a deep merge 160 | if ( Object.prototype.toString.call( arguments[0] ) === '[object Boolean]' ) { 161 | deep = arguments[0]; 162 | i++; 163 | } 164 | 165 | // Merge the object into the extended object 166 | var merge = function (obj) { 167 | for ( var prop in obj ) { 168 | if ( Object.prototype.hasOwnProperty.call( obj, prop ) ) { 169 | // If deep merge and property is an object, merge properties 170 | if ( deep && Object.prototype.toString.call(obj[prop]) === '[object Object]' ) { 171 | extended[prop] = extend( true, extended[prop], obj[prop] ); 172 | } else { 173 | extended[prop] = obj[prop]; 174 | } 175 | } 176 | } 177 | }; 178 | 179 | // Loop through each object and conduct a merge 180 | for ( ; i < length; i++ ) { 181 | var obj = arguments[i]; 182 | merge(obj); 183 | } 184 | 185 | return extended; 186 | }; 187 | 188 | // Check if Reduced Motion is enabled 189 | Util.osHasReducedMotion = function() { 190 | if(!window.matchMedia) return false; 191 | var matchMediaObj = window.matchMedia('(prefers-reduced-motion: reduce)'); 192 | if(matchMediaObj) return matchMediaObj.matches; 193 | return false; // return false if not supported 194 | }; 195 | 196 | /* 197 | Polyfills 198 | */ 199 | //Closest() method 200 | if (!Element.prototype.matches) { 201 | Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector; 202 | } 203 | 204 | if (!Element.prototype.closest) { 205 | Element.prototype.closest = function(s) { 206 | var el = this; 207 | if (!document.documentElement.contains(el)) return null; 208 | do { 209 | if (el.matches(s)) return el; 210 | el = el.parentElement || el.parentNode; 211 | } while (el !== null && el.nodeType === 1); 212 | return null; 213 | }; 214 | } 215 | 216 | //Custom Event() constructor 217 | if ( typeof window.CustomEvent !== "function" ) { 218 | 219 | function CustomEvent ( event, params ) { 220 | params = params || { bubbles: false, cancelable: false, detail: undefined }; 221 | var evt = document.createEvent( 'CustomEvent' ); 222 | evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail ); 223 | return evt; 224 | } 225 | 226 | CustomEvent.prototype = window.Event.prototype; 227 | 228 | window.CustomEvent = CustomEvent; 229 | } 230 | 231 | /* 232 | Animation curves 233 | */ 234 | Math.easeInOutQuad = function (t, b, c, d) { 235 | t /= d/2; 236 | if (t < 1) return c/2*t*t + b; 237 | t--; 238 | return -c/2 * (t*(t-2) - 1) + b; 239 | }; 240 | 241 | Math.easeInQuart = function (t, b, c, d) { 242 | t /= d; 243 | return c*t*t*t*t + b; 244 | }; 245 | 246 | Math.easeOutQuart = function (t, b, c, d) { 247 | t /= d; 248 | t--; 249 | return -c * (t*t*t*t - 1) + b; 250 | }; 251 | 252 | Math.easeInOutQuart = function (t, b, c, d) { 253 | t /= d/2; 254 | if (t < 1) return c/2*t*t*t*t + b; 255 | t -= 2; 256 | return -c/2 * (t*t*t*t - 2) + b; 257 | }; 258 | 259 | Math.easeOutElastic = function (t, b, c, d) { 260 | var s=1.70158;var p=d*0.7;var a=c; 261 | if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; 262 | if (a < Math.abs(c)) { a=c; var s=p/4; } 263 | else var s = p/(2*Math.PI) * Math.asin (c/a); 264 | return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b; 265 | }; 266 | 267 | 268 | /* JS Utility Classes */ 269 | 270 | // make focus ring visible only for keyboard navigation (i.e., tab key) 271 | (function() { 272 | var focusTab = document.getElementsByClassName('js-tab-focus'), 273 | shouldInit = false, 274 | outlineStyle = false, 275 | eventDetected = false; 276 | 277 | function detectClick() { 278 | if(focusTab.length > 0) { 279 | resetFocusStyle(false); 280 | window.addEventListener('keydown', detectTab); 281 | } 282 | window.removeEventListener('mousedown', detectClick); 283 | outlineStyle = false; 284 | eventDetected = true; 285 | }; 286 | 287 | function detectTab(event) { 288 | if(event.keyCode !== 9) return; 289 | resetFocusStyle(true); 290 | window.removeEventListener('keydown', detectTab); 291 | window.addEventListener('mousedown', detectClick); 292 | outlineStyle = true; 293 | }; 294 | 295 | function resetFocusStyle(bool) { 296 | var outlineStyle = bool ? '' : 'none'; 297 | for(var i = 0; i < focusTab.length; i++) { 298 | focusTab[i].style.setProperty('outline', outlineStyle); 299 | } 300 | }; 301 | 302 | function initFocusTabs() { 303 | if(shouldInit) { 304 | if(eventDetected) resetFocusStyle(outlineStyle); 305 | return; 306 | } 307 | shouldInit = focusTab.length > 0; 308 | window.addEventListener('mousedown', detectClick); 309 | }; 310 | 311 | initFocusTabs(); 312 | window.addEventListener('initFocusTabs', initFocusTabs); 313 | }()); 314 | 315 | function resetFocusTabsStyle() { 316 | window.dispatchEvent(new CustomEvent('initFocusTabs')); 317 | }; -------------------------------------------------------------------------------- /main/assets/css/style.min.css: -------------------------------------------------------------------------------- 1 | .container{width:calc(100% - 2*var(--component-padding));margin-left:auto;margin-right:auto}.flex,.grid,.inline-flex{--gap:0px;--gap-x:var(--gap);--gap-y:var(--gap);gap:var(--gap-y) var(--gap-x)}.grid{--grid-columns:12;display:flex;flex-wrap:wrap}.grid>*{flex-basis:100%;max-width:100%;min-width:0}@media not all and (min-resolution:0.001dpcm){@supports not (translate:none){.flex[class*=gap-],.grid,.inline-flex[class*=gap-]{gap:0;margin-bottom:calc(-1 * var(--gap-y));margin-left:calc(-1 * var(--gap-x))}.flex[class*=gap-]>*,.grid>*,.inline-flex[class*=gap-]>*{margin-bottom:var(--gap-y)}.grid{--offset:var(--gap-x);--gap-modifier:0;--offset-modifier:1}.grid>*{margin-left:var(--offset)}.flex[class*=gap-]>*,.inline-flex[class*=gap-]>*{margin-left:var(--gap-x,0)}}}.gap-xxxxs{--gap-x:var(--space-xxxxs);--gap-y:var(--space-xxxxs)}.gap-xxxs{--gap-x:var(--space-xxxs);--gap-y:var(--space-xxxs)}.gap-xxs{--gap-x:var(--space-xxs);--gap-y:var(--space-xxs)}.gap-xs{--gap-x:var(--space-xs);--gap-y:var(--space-xs)}.gap-sm{--gap-x:var(--space-sm);--gap-y:var(--space-sm)}.gap-md{--gap-x:var(--space-md);--gap-y:var(--space-md)}.gap-lg{--gap-x:var(--space-lg);--gap-y:var(--space-lg)}.gap-xl{--gap-x:var(--space-xl);--gap-y:var(--space-xl)}.gap-xxl{--gap-x:var(--space-xxl);--gap-y:var(--space-xxl)}.gap-xxxl{--gap-x:var(--space-xxxl);--gap-y:var(--space-xxxl)}.gap-xxxxl{--gap-x:var(--space-xxxxl);--gap-y:var(--space-xxxxl)}.gap-0{--gap-x:0;--gap-y:0}.gap-x-xxxxs{--gap-x:var(--space-xxxxs)}.gap-x-xxxs{--gap-x:var(--space-xxxs)}.gap-x-xxs{--gap-x:var(--space-xxs)}.gap-x-xs{--gap-x:var(--space-xs)}.gap-x-sm{--gap-x:var(--space-sm)}.gap-x-md{--gap-x:var(--space-md)}.gap-x-lg{--gap-x:var(--space-lg)}.gap-x-xl{--gap-x:var(--space-xl)}.gap-x-xxl{--gap-x:var(--space-xxl)}.gap-x-xxxl{--gap-x:var(--space-xxxl)}.gap-x-xxxxl{--gap-x:var(--space-xxxxl)}.gap-x-0{--gap-x:0}.gap-y-xxxxs{--gap-y:var(--space-xxxxs)}.gap-y-xxxs{--gap-y:var(--space-xxxs)}.gap-y-xxs{--gap-y:var(--space-xxs)}.gap-y-xs{--gap-y:var(--space-xs)}.gap-y-sm{--gap-y:var(--space-sm)}.gap-y-md{--gap-y:var(--space-md)}.gap-y-lg{--gap-y:var(--space-lg)}.gap-y-xl{--gap-y:var(--space-xl)}.gap-y-xxl{--gap-y:var(--space-xxl)}.gap-y-xxxl{--gap-y:var(--space-xxxl)}.gap-y-xxxxl{--gap-y:var(--space-xxxxl)}.gap-y-0{--gap-y:0}.grid-col-1{--grid-columns:1}.col-1{--span:1}.grid-col-2{--grid-columns:2}.col-2{--span:2}.grid-col-3{--grid-columns:3}.col-3{--span:3}.grid-col-4{--grid-columns:4}.col-4{--span:4}.grid-col-5{--grid-columns:5}.col-5{--span:5}.grid-col-6{--grid-columns:6}.col-6{--span:6}.grid-col-7{--grid-columns:7}.col-7{--span:7}.grid-col-8{--grid-columns:8}.col-8{--span:8}.grid-col-9{--grid-columns:9}.col-9{--span:9}.grid-col-10{--grid-columns:10}.col-10{--span:10}.grid-col-11{--grid-columns:11}.col-11{--span:11}.grid-col-12{--grid-columns:12}.col-12{--span:12}.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{flex-basis:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--gap-x)) * var(--span)/ var(--grid-columns)) + (var(--span) - 1) * var(--gap-x));max-width:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--gap-x)) * var(--span)/ var(--grid-columns)) + (var(--span) - 1) * var(--gap-x))}.col{flex-grow:1;flex-basis:0;max-width:100%}.col-content{flex-grow:0;flex-basis:initial;max-width:initial}.offset-1{--offset:1}.offset-2{--offset:2}.offset-3{--offset:3}.offset-4{--offset:4}.offset-5{--offset:5}.offset-6{--offset:6}.offset-7{--offset:7}.offset-8{--offset:8}.offset-9{--offset:9}.offset-10{--offset:10}.offset-11{--offset:11}.offset-1,.offset-10,.offset-11,.offset-2,.offset-3,.offset-4,.offset-5,.offset-6,.offset-7,.offset-8,.offset-9{margin-left:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--gap-x)) * var(--offset)/ var(--grid-columns)) + (var(--offset) + var(--offset-modifier,0)) * var(--gap-x))}@media (min-width:32rem){.gap-xxxxs\@xs{--gap-x:var(--space-xxxxs);--gap-y:var(--space-xxxxs)}.gap-xxxs\@xs{--gap-x:var(--space-xxxs);--gap-y:var(--space-xxxs)}.gap-xxs\@xs{--gap-x:var(--space-xxs);--gap-y:var(--space-xxs)}.gap-xs\@xs{--gap-x:var(--space-xs);--gap-y:var(--space-xs)}.gap-sm\@xs{--gap-x:var(--space-sm);--gap-y:var(--space-sm)}.gap-md\@xs{--gap-x:var(--space-md);--gap-y:var(--space-md)}.gap-lg\@xs{--gap-x:var(--space-lg);--gap-y:var(--space-lg)}.gap-xl\@xs{--gap-x:var(--space-xl);--gap-y:var(--space-xl)}.gap-xxl\@xs{--gap-x:var(--space-xxl);--gap-y:var(--space-xxl)}.gap-xxxl\@xs{--gap-x:var(--space-xxxl);--gap-y:var(--space-xxxl)}.gap-xxxxl\@xs{--gap-x:var(--space-xxxxl);--gap-y:var(--space-xxxxl)}.gap-0\@xs{--gap-x:0;--gap-y:0}.gap-x-xxxxs\@xs{--gap-x:var(--space-xxxxs)}.gap-x-xxxs\@xs{--gap-x:var(--space-xxxs)}.gap-x-xxs\@xs{--gap-x:var(--space-xxs)}.gap-x-xs\@xs{--gap-x:var(--space-xs)}.gap-x-sm\@xs{--gap-x:var(--space-sm)}.gap-x-md\@xs{--gap-x:var(--space-md)}.gap-x-lg\@xs{--gap-x:var(--space-lg)}.gap-x-xl\@xs{--gap-x:var(--space-xl)}.gap-x-xxl\@xs{--gap-x:var(--space-xxl)}.gap-x-xxxl\@xs{--gap-x:var(--space-xxxl)}.gap-x-xxxxl\@xs{--gap-x:var(--space-xxxxl)}.gap-x-0\@xs{--gap-x:0}.gap-y-xxxxs\@xs{--gap-y:var(--space-xxxxs)}.gap-y-xxxs\@xs{--gap-y:var(--space-xxxs)}.gap-y-xxs\@xs{--gap-y:var(--space-xxs)}.gap-y-xs\@xs{--gap-y:var(--space-xs)}.gap-y-sm\@xs{--gap-y:var(--space-sm)}.gap-y-md\@xs{--gap-y:var(--space-md)}.gap-y-lg\@xs{--gap-y:var(--space-lg)}.gap-y-xl\@xs{--gap-y:var(--space-xl)}.gap-y-xxl\@xs{--gap-y:var(--space-xxl)}.gap-y-xxxl\@xs{--gap-y:var(--space-xxxl)}.gap-y-xxxxl\@xs{--gap-y:var(--space-xxxxl)}.gap-y-0\@xs{--gap-y:0}.grid-col-1\@xs{--grid-columns:1}.col-1\@xs{--span:1}.grid-col-2\@xs{--grid-columns:2}.col-2\@xs{--span:2}.grid-col-3\@xs{--grid-columns:3}.col-3\@xs{--span:3}.grid-col-4\@xs{--grid-columns:4}.col-4\@xs{--span:4}.grid-col-5\@xs{--grid-columns:5}.col-5\@xs{--span:5}.grid-col-6\@xs{--grid-columns:6}.col-6\@xs{--span:6}.grid-col-7\@xs{--grid-columns:7}.col-7\@xs{--span:7}.grid-col-8\@xs{--grid-columns:8}.col-8\@xs{--span:8}.grid-col-9\@xs{--grid-columns:9}.col-9\@xs{--span:9}.grid-col-10\@xs{--grid-columns:10}.col-10\@xs{--span:10}.grid-col-11\@xs{--grid-columns:11}.col-11\@xs{--span:11}.grid-col-12\@xs{--grid-columns:12}.col-12\@xs{--span:12}.col-10\@xs,.col-11\@xs,.col-12\@xs,.col-1\@xs,.col-2\@xs,.col-3\@xs,.col-4\@xs,.col-5\@xs,.col-6\@xs,.col-7\@xs,.col-8\@xs,.col-9\@xs{flex-basis:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--gap-x)) * var(--span)/ var(--grid-columns)) + (var(--span) - 1) * var(--gap-x));max-width:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--gap-x)) * var(--span)/ var(--grid-columns)) + (var(--span) - 1) * var(--gap-x))}.col\@xs{flex-grow:1;flex-basis:0;max-width:100%}.col-content\@xs{flex-grow:0;flex-basis:initial;max-width:initial}.offset-1\@xs{--offset:1}.offset-2\@xs{--offset:2}.offset-3\@xs{--offset:3}.offset-4\@xs{--offset:4}.offset-5\@xs{--offset:5}.offset-6\@xs{--offset:6}.offset-7\@xs{--offset:7}.offset-8\@xs{--offset:8}.offset-9\@xs{--offset:9}.offset-10\@xs{--offset:10}.offset-11\@xs{--offset:11}.offset-10\@xs,.offset-11\@xs,.offset-1\@xs,.offset-2\@xs,.offset-3\@xs,.offset-4\@xs,.offset-5\@xs,.offset-6\@xs,.offset-7\@xs,.offset-8\@xs,.offset-9\@xs{margin-left:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--gap-x)) * var(--offset)/ var(--grid-columns)) + (var(--offset) + var(--offset-modifier,0)) * var(--gap-x))}.offset-0\@xs{margin-left:0}@media not all and (min-resolution:0.001dpcm){@supports not (translate:none){.offset-0\@xs{margin-left:var(--gap-x)}}}}@media (min-width:48rem){.gap-xxxxs\@sm{--gap-x:var(--space-xxxxs);--gap-y:var(--space-xxxxs)}.gap-xxxs\@sm{--gap-x:var(--space-xxxs);--gap-y:var(--space-xxxs)}.gap-xxs\@sm{--gap-x:var(--space-xxs);--gap-y:var(--space-xxs)}.gap-xs\@sm{--gap-x:var(--space-xs);--gap-y:var(--space-xs)}.gap-sm\@sm{--gap-x:var(--space-sm);--gap-y:var(--space-sm)}.gap-md\@sm{--gap-x:var(--space-md);--gap-y:var(--space-md)}.gap-lg\@sm{--gap-x:var(--space-lg);--gap-y:var(--space-lg)}.gap-xl\@sm{--gap-x:var(--space-xl);--gap-y:var(--space-xl)}.gap-xxl\@sm{--gap-x:var(--space-xxl);--gap-y:var(--space-xxl)}.gap-xxxl\@sm{--gap-x:var(--space-xxxl);--gap-y:var(--space-xxxl)}.gap-xxxxl\@sm{--gap-x:var(--space-xxxxl);--gap-y:var(--space-xxxxl)}.gap-0\@sm{--gap-x:0;--gap-y:0}.gap-x-xxxxs\@sm{--gap-x:var(--space-xxxxs)}.gap-x-xxxs\@sm{--gap-x:var(--space-xxxs)}.gap-x-xxs\@sm{--gap-x:var(--space-xxs)}.gap-x-xs\@sm{--gap-x:var(--space-xs)}.gap-x-sm\@sm{--gap-x:var(--space-sm)}.gap-x-md\@sm{--gap-x:var(--space-md)}.gap-x-lg\@sm{--gap-x:var(--space-lg)}.gap-x-xl\@sm{--gap-x:var(--space-xl)}.gap-x-xxl\@sm{--gap-x:var(--space-xxl)}.gap-x-xxxl\@sm{--gap-x:var(--space-xxxl)}.gap-x-xxxxl\@sm{--gap-x:var(--space-xxxxl)}.gap-x-0\@sm{--gap-x:0}.gap-y-xxxxs\@sm{--gap-y:var(--space-xxxxs)}.gap-y-xxxs\@sm{--gap-y:var(--space-xxxs)}.gap-y-xxs\@sm{--gap-y:var(--space-xxs)}.gap-y-xs\@sm{--gap-y:var(--space-xs)}.gap-y-sm\@sm{--gap-y:var(--space-sm)}.gap-y-md\@sm{--gap-y:var(--space-md)}.gap-y-lg\@sm{--gap-y:var(--space-lg)}.gap-y-xl\@sm{--gap-y:var(--space-xl)}.gap-y-xxl\@sm{--gap-y:var(--space-xxl)}.gap-y-xxxl\@sm{--gap-y:var(--space-xxxl)}.gap-y-xxxxl\@sm{--gap-y:var(--space-xxxxl)}.gap-y-0\@sm{--gap-y:0}.grid-col-1\@sm{--grid-columns:1}.col-1\@sm{--span:1}.grid-col-2\@sm{--grid-columns:2}.col-2\@sm{--span:2}.grid-col-3\@sm{--grid-columns:3}.col-3\@sm{--span:3}.grid-col-4\@sm{--grid-columns:4}.col-4\@sm{--span:4}.grid-col-5\@sm{--grid-columns:5}.col-5\@sm{--span:5}.grid-col-6\@sm{--grid-columns:6}.col-6\@sm{--span:6}.grid-col-7\@sm{--grid-columns:7}.col-7\@sm{--span:7}.grid-col-8\@sm{--grid-columns:8}.col-8\@sm{--span:8}.grid-col-9\@sm{--grid-columns:9}.col-9\@sm{--span:9}.grid-col-10\@sm{--grid-columns:10}.col-10\@sm{--span:10}.grid-col-11\@sm{--grid-columns:11}.col-11\@sm{--span:11}.grid-col-12\@sm{--grid-columns:12}.col-12\@sm{--span:12}.col-10\@sm,.col-11\@sm,.col-12\@sm,.col-1\@sm,.col-2\@sm,.col-3\@sm,.col-4\@sm,.col-5\@sm,.col-6\@sm,.col-7\@sm,.col-8\@sm,.col-9\@sm{flex-basis:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--gap-x)) * var(--span)/ var(--grid-columns)) + (var(--span) - 1) * var(--gap-x));max-width:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--gap-x)) * var(--span)/ var(--grid-columns)) + (var(--span) - 1) * var(--gap-x))}.col\@sm{flex-grow:1;flex-basis:0;max-width:100%}.col-content\@sm{flex-grow:0;flex-basis:initial;max-width:initial}.offset-1\@sm{--offset:1}.offset-2\@sm{--offset:2}.offset-3\@sm{--offset:3}.offset-4\@sm{--offset:4}.offset-5\@sm{--offset:5}.offset-6\@sm{--offset:6}.offset-7\@sm{--offset:7}.offset-8\@sm{--offset:8}.offset-9\@sm{--offset:9}.offset-10\@sm{--offset:10}.offset-11\@sm{--offset:11}.offset-10\@sm,.offset-11\@sm,.offset-1\@sm,.offset-2\@sm,.offset-3\@sm,.offset-4\@sm,.offset-5\@sm,.offset-6\@sm,.offset-7\@sm,.offset-8\@sm,.offset-9\@sm{margin-left:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--gap-x)) * var(--offset)/ var(--grid-columns)) + (var(--offset) + var(--offset-modifier,0)) * var(--gap-x))}.offset-0\@sm{margin-left:0}@media not all and (min-resolution:0.001dpcm){@supports not (translate:none){.offset-0\@sm{margin-left:var(--gap-x)}}}}@media (min-width:64rem){.gap-xxxxs\@md{--gap-x:var(--space-xxxxs);--gap-y:var(--space-xxxxs)}.gap-xxxs\@md{--gap-x:var(--space-xxxs);--gap-y:var(--space-xxxs)}.gap-xxs\@md{--gap-x:var(--space-xxs);--gap-y:var(--space-xxs)}.gap-xs\@md{--gap-x:var(--space-xs);--gap-y:var(--space-xs)}.gap-sm\@md{--gap-x:var(--space-sm);--gap-y:var(--space-sm)}.gap-md\@md{--gap-x:var(--space-md);--gap-y:var(--space-md)}.gap-lg\@md{--gap-x:var(--space-lg);--gap-y:var(--space-lg)}.gap-xl\@md{--gap-x:var(--space-xl);--gap-y:var(--space-xl)}.gap-xxl\@md{--gap-x:var(--space-xxl);--gap-y:var(--space-xxl)}.gap-xxxl\@md{--gap-x:var(--space-xxxl);--gap-y:var(--space-xxxl)}.gap-xxxxl\@md{--gap-x:var(--space-xxxxl);--gap-y:var(--space-xxxxl)}.gap-0\@md{--gap-x:0;--gap-y:0}.gap-x-xxxxs\@md{--gap-x:var(--space-xxxxs)}.gap-x-xxxs\@md{--gap-x:var(--space-xxxs)}.gap-x-xxs\@md{--gap-x:var(--space-xxs)}.gap-x-xs\@md{--gap-x:var(--space-xs)}.gap-x-sm\@md{--gap-x:var(--space-sm)}.gap-x-md\@md{--gap-x:var(--space-md)}.gap-x-lg\@md{--gap-x:var(--space-lg)}.gap-x-xl\@md{--gap-x:var(--space-xl)}.gap-x-xxl\@md{--gap-x:var(--space-xxl)}.gap-x-xxxl\@md{--gap-x:var(--space-xxxl)}.gap-x-xxxxl\@md{--gap-x:var(--space-xxxxl)}.gap-x-0\@md{--gap-x:0}.gap-y-xxxxs\@md{--gap-y:var(--space-xxxxs)}.gap-y-xxxs\@md{--gap-y:var(--space-xxxs)}.gap-y-xxs\@md{--gap-y:var(--space-xxs)}.gap-y-xs\@md{--gap-y:var(--space-xs)}.gap-y-sm\@md{--gap-y:var(--space-sm)}.gap-y-md\@md{--gap-y:var(--space-md)}.gap-y-lg\@md{--gap-y:var(--space-lg)}.gap-y-xl\@md{--gap-y:var(--space-xl)}.gap-y-xxl\@md{--gap-y:var(--space-xxl)}.gap-y-xxxl\@md{--gap-y:var(--space-xxxl)}.gap-y-xxxxl\@md{--gap-y:var(--space-xxxxl)}.gap-y-0\@md{--gap-y:0}.grid-col-1\@md{--grid-columns:1}.col-1\@md{--span:1}.grid-col-2\@md{--grid-columns:2}.col-2\@md{--span:2}.grid-col-3\@md{--grid-columns:3}.col-3\@md{--span:3}.grid-col-4\@md{--grid-columns:4}.col-4\@md{--span:4}.grid-col-5\@md{--grid-columns:5}.col-5\@md{--span:5}.grid-col-6\@md{--grid-columns:6}.col-6\@md{--span:6}.grid-col-7\@md{--grid-columns:7}.col-7\@md{--span:7}.grid-col-8\@md{--grid-columns:8}.col-8\@md{--span:8}.grid-col-9\@md{--grid-columns:9}.col-9\@md{--span:9}.grid-col-10\@md{--grid-columns:10}.col-10\@md{--span:10}.grid-col-11\@md{--grid-columns:11}.col-11\@md{--span:11}.grid-col-12\@md{--grid-columns:12}.col-12\@md{--span:12}.col-10\@md,.col-11\@md,.col-12\@md,.col-1\@md,.col-2\@md,.col-3\@md,.col-4\@md,.col-5\@md,.col-6\@md,.col-7\@md,.col-8\@md,.col-9\@md{flex-basis:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--gap-x)) * var(--span)/ var(--grid-columns)) + (var(--span) - 1) * var(--gap-x));max-width:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--gap-x)) * var(--span)/ var(--grid-columns)) + (var(--span) - 1) * var(--gap-x))}.col\@md{flex-grow:1;flex-basis:0;max-width:100%}.col-content\@md{flex-grow:0;flex-basis:initial;max-width:initial}.offset-1\@md{--offset:1}.offset-2\@md{--offset:2}.offset-3\@md{--offset:3}.offset-4\@md{--offset:4}.offset-5\@md{--offset:5}.offset-6\@md{--offset:6}.offset-7\@md{--offset:7}.offset-8\@md{--offset:8}.offset-9\@md{--offset:9}.offset-10\@md{--offset:10}.offset-11\@md{--offset:11}.offset-10\@md,.offset-11\@md,.offset-1\@md,.offset-2\@md,.offset-3\@md,.offset-4\@md,.offset-5\@md,.offset-6\@md,.offset-7\@md,.offset-8\@md,.offset-9\@md{margin-left:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--gap-x)) * var(--offset)/ var(--grid-columns)) + (var(--offset) + var(--offset-modifier,0)) * var(--gap-x))}.offset-0\@md{margin-left:0}@media not all and (min-resolution:0.001dpcm){@supports not (translate:none){.offset-0\@md{margin-left:var(--gap-x)}}}}@media (min-width:80rem){.gap-xxxxs\@lg{--gap-x:var(--space-xxxxs);--gap-y:var(--space-xxxxs)}.gap-xxxs\@lg{--gap-x:var(--space-xxxs);--gap-y:var(--space-xxxs)}.gap-xxs\@lg{--gap-x:var(--space-xxs);--gap-y:var(--space-xxs)}.gap-xs\@lg{--gap-x:var(--space-xs);--gap-y:var(--space-xs)}.gap-sm\@lg{--gap-x:var(--space-sm);--gap-y:var(--space-sm)}.gap-md\@lg{--gap-x:var(--space-md);--gap-y:var(--space-md)}.gap-lg\@lg{--gap-x:var(--space-lg);--gap-y:var(--space-lg)}.gap-xl\@lg{--gap-x:var(--space-xl);--gap-y:var(--space-xl)}.gap-xxl\@lg{--gap-x:var(--space-xxl);--gap-y:var(--space-xxl)}.gap-xxxl\@lg{--gap-x:var(--space-xxxl);--gap-y:var(--space-xxxl)}.gap-xxxxl\@lg{--gap-x:var(--space-xxxxl);--gap-y:var(--space-xxxxl)}.gap-0\@lg{--gap-x:0;--gap-y:0}.gap-x-xxxxs\@lg{--gap-x:var(--space-xxxxs)}.gap-x-xxxs\@lg{--gap-x:var(--space-xxxs)}.gap-x-xxs\@lg{--gap-x:var(--space-xxs)}.gap-x-xs\@lg{--gap-x:var(--space-xs)}.gap-x-sm\@lg{--gap-x:var(--space-sm)}.gap-x-md\@lg{--gap-x:var(--space-md)}.gap-x-lg\@lg{--gap-x:var(--space-lg)}.gap-x-xl\@lg{--gap-x:var(--space-xl)}.gap-x-xxl\@lg{--gap-x:var(--space-xxl)}.gap-x-xxxl\@lg{--gap-x:var(--space-xxxl)}.gap-x-xxxxl\@lg{--gap-x:var(--space-xxxxl)}.gap-x-0\@lg{--gap-x:0}.gap-y-xxxxs\@lg{--gap-y:var(--space-xxxxs)}.gap-y-xxxs\@lg{--gap-y:var(--space-xxxs)}.gap-y-xxs\@lg{--gap-y:var(--space-xxs)}.gap-y-xs\@lg{--gap-y:var(--space-xs)}.gap-y-sm\@lg{--gap-y:var(--space-sm)}.gap-y-md\@lg{--gap-y:var(--space-md)}.gap-y-lg\@lg{--gap-y:var(--space-lg)}.gap-y-xl\@lg{--gap-y:var(--space-xl)}.gap-y-xxl\@lg{--gap-y:var(--space-xxl)}.gap-y-xxxl\@lg{--gap-y:var(--space-xxxl)}.gap-y-xxxxl\@lg{--gap-y:var(--space-xxxxl)}.gap-y-0\@lg{--gap-y:0}.grid-col-1\@lg{--grid-columns:1}.col-1\@lg{--span:1}.grid-col-2\@lg{--grid-columns:2}.col-2\@lg{--span:2}.grid-col-3\@lg{--grid-columns:3}.col-3\@lg{--span:3}.grid-col-4\@lg{--grid-columns:4}.col-4\@lg{--span:4}.grid-col-5\@lg{--grid-columns:5}.col-5\@lg{--span:5}.grid-col-6\@lg{--grid-columns:6}.col-6\@lg{--span:6}.grid-col-7\@lg{--grid-columns:7}.col-7\@lg{--span:7}.grid-col-8\@lg{--grid-columns:8}.col-8\@lg{--span:8}.grid-col-9\@lg{--grid-columns:9}.col-9\@lg{--span:9}.grid-col-10\@lg{--grid-columns:10}.col-10\@lg{--span:10}.grid-col-11\@lg{--grid-columns:11}.col-11\@lg{--span:11}.grid-col-12\@lg{--grid-columns:12}.col-12\@lg{--span:12}.col-10\@lg,.col-11\@lg,.col-12\@lg,.col-1\@lg,.col-2\@lg,.col-3\@lg,.col-4\@lg,.col-5\@lg,.col-6\@lg,.col-7\@lg,.col-8\@lg,.col-9\@lg{flex-basis:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--gap-x)) * var(--span)/ var(--grid-columns)) + (var(--span) - 1) * var(--gap-x));max-width:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--gap-x)) * var(--span)/ var(--grid-columns)) + (var(--span) - 1) * var(--gap-x))}.col\@lg{flex-grow:1;flex-basis:0;max-width:100%}.col-content\@lg{flex-grow:0;flex-basis:initial;max-width:initial}.offset-1\@lg{--offset:1}.offset-2\@lg{--offset:2}.offset-3\@lg{--offset:3}.offset-4\@lg{--offset:4}.offset-5\@lg{--offset:5}.offset-6\@lg{--offset:6}.offset-7\@lg{--offset:7}.offset-8\@lg{--offset:8}.offset-9\@lg{--offset:9}.offset-10\@lg{--offset:10}.offset-11\@lg{--offset:11}.offset-10\@lg,.offset-11\@lg,.offset-1\@lg,.offset-2\@lg,.offset-3\@lg,.offset-4\@lg,.offset-5\@lg,.offset-6\@lg,.offset-7\@lg,.offset-8\@lg,.offset-9\@lg{margin-left:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--gap-x)) * var(--offset)/ var(--grid-columns)) + (var(--offset) + var(--offset-modifier,0)) * var(--gap-x))}.offset-0\@lg{margin-left:0}@media not all and (min-resolution:0.001dpcm){@supports not (translate:none){.offset-0\@lg{margin-left:var(--gap-x)}}}}@media (min-width:90rem){.gap-xxxxs\@xl{--gap-x:var(--space-xxxxs);--gap-y:var(--space-xxxxs)}.gap-xxxs\@xl{--gap-x:var(--space-xxxs);--gap-y:var(--space-xxxs)}.gap-xxs\@xl{--gap-x:var(--space-xxs);--gap-y:var(--space-xxs)}.gap-xs\@xl{--gap-x:var(--space-xs);--gap-y:var(--space-xs)}.gap-sm\@xl{--gap-x:var(--space-sm);--gap-y:var(--space-sm)}.gap-md\@xl{--gap-x:var(--space-md);--gap-y:var(--space-md)}.gap-lg\@xl{--gap-x:var(--space-lg);--gap-y:var(--space-lg)}.gap-xl\@xl{--gap-x:var(--space-xl);--gap-y:var(--space-xl)}.gap-xxl\@xl{--gap-x:var(--space-xxl);--gap-y:var(--space-xxl)}.gap-xxxl\@xl{--gap-x:var(--space-xxxl);--gap-y:var(--space-xxxl)}.gap-xxxxl\@xl{--gap-x:var(--space-xxxxl);--gap-y:var(--space-xxxxl)}.gap-0\@xl{--gap-x:0;--gap-y:0}.gap-x-xxxxs\@xl{--gap-x:var(--space-xxxxs)}.gap-x-xxxs\@xl{--gap-x:var(--space-xxxs)}.gap-x-xxs\@xl{--gap-x:var(--space-xxs)}.gap-x-xs\@xl{--gap-x:var(--space-xs)}.gap-x-sm\@xl{--gap-x:var(--space-sm)}.gap-x-md\@xl{--gap-x:var(--space-md)}.gap-x-lg\@xl{--gap-x:var(--space-lg)}.gap-x-xl\@xl{--gap-x:var(--space-xl)}.gap-x-xxl\@xl{--gap-x:var(--space-xxl)}.gap-x-xxxl\@xl{--gap-x:var(--space-xxxl)}.gap-x-xxxxl\@xl{--gap-x:var(--space-xxxxl)}.gap-x-0\@xl{--gap-x:0}.gap-y-xxxxs\@xl{--gap-y:var(--space-xxxxs)}.gap-y-xxxs\@xl{--gap-y:var(--space-xxxs)}.gap-y-xxs\@xl{--gap-y:var(--space-xxs)}.gap-y-xs\@xl{--gap-y:var(--space-xs)}.gap-y-sm\@xl{--gap-y:var(--space-sm)}.gap-y-md\@xl{--gap-y:var(--space-md)}.gap-y-lg\@xl{--gap-y:var(--space-lg)}.gap-y-xl\@xl{--gap-y:var(--space-xl)}.gap-y-xxl\@xl{--gap-y:var(--space-xxl)}.gap-y-xxxl\@xl{--gap-y:var(--space-xxxl)}.gap-y-xxxxl\@xl{--gap-y:var(--space-xxxxl)}.gap-y-0\@xl{--gap-y:0}.grid-col-1\@xl{--grid-columns:1}.col-1\@xl{--span:1}.grid-col-2\@xl{--grid-columns:2}.col-2\@xl{--span:2}.grid-col-3\@xl{--grid-columns:3}.col-3\@xl{--span:3}.grid-col-4\@xl{--grid-columns:4}.col-4\@xl{--span:4}.grid-col-5\@xl{--grid-columns:5}.col-5\@xl{--span:5}.grid-col-6\@xl{--grid-columns:6}.col-6\@xl{--span:6}.grid-col-7\@xl{--grid-columns:7}.col-7\@xl{--span:7}.grid-col-8\@xl{--grid-columns:8}.col-8\@xl{--span:8}.grid-col-9\@xl{--grid-columns:9}.col-9\@xl{--span:9}.grid-col-10\@xl{--grid-columns:10}.col-10\@xl{--span:10}.grid-col-11\@xl{--grid-columns:11}.col-11\@xl{--span:11}.grid-col-12\@xl{--grid-columns:12}.col-12\@xl{--span:12}.col-10\@xl,.col-11\@xl,.col-12\@xl,.col-1\@xl,.col-2\@xl,.col-3\@xl,.col-4\@xl,.col-5\@xl,.col-6\@xl,.col-7\@xl,.col-8\@xl,.col-9\@xl{flex-basis:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--gap-x)) * var(--span)/ var(--grid-columns)) + (var(--span) - 1) * var(--gap-x));max-width:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--gap-x)) * var(--span)/ var(--grid-columns)) + (var(--span) - 1) * var(--gap-x))}.col\@xl{flex-grow:1;flex-basis:0;max-width:100%}.col-content\@xl{flex-grow:0;flex-basis:initial;max-width:initial}.offset-1\@xl{--offset:1}.offset-2\@xl{--offset:2}.offset-3\@xl{--offset:3}.offset-4\@xl{--offset:4}.offset-5\@xl{--offset:5}.offset-6\@xl{--offset:6}.offset-7\@xl{--offset:7}.offset-8\@xl{--offset:8}.offset-9\@xl{--offset:9}.offset-10\@xl{--offset:10}.offset-11\@xl{--offset:11}.offset-10\@xl,.offset-11\@xl,.offset-1\@xl,.offset-2\@xl,.offset-3\@xl,.offset-4\@xl,.offset-5\@xl,.offset-6\@xl,.offset-7\@xl,.offset-8\@xl,.offset-9\@xl{margin-left:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--gap-x)) * var(--offset)/ var(--grid-columns)) + (var(--offset) + var(--offset-modifier,0)) * var(--gap-x))}.offset-0\@xl{margin-left:0}@media not all and (min-resolution:0.001dpcm){@supports not (translate:none){.offset-0\@xl{margin-left:var(--gap-x)}}}}*,::after,::before{box-sizing:inherit}*{font:inherit}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0}html{box-sizing:border-box}body{background-color:var(--color-bg,#fff)}article,aside,details,figcaption,figure,footer,form legend,header,hgroup,main,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}button,input,select,textarea{margin:0}.btn,.form-control,.link,.reset{background-color:transparent;padding:0;border:0;border-radius:0;color:inherit;line-height:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control::-ms-expand{display:none}textarea{resize:vertical;overflow:auto;vertical-align:top}input::-ms-clear{display:none}table{border-collapse:collapse;border-spacing:0}img,svg,video{max-width:100%}[data-theme]{background-color:var(--color-bg,#fff);color:var(--color-contrast-high,#323639)}:root{--space-unit:1em}*,:root{--space-xxxxs:calc(0.125 * var(--space-unit));--space-xxxs:calc(0.25 * var(--space-unit));--space-xxs:calc(0.375 * var(--space-unit));--space-xs:calc(0.5 * var(--space-unit));--space-sm:calc(0.75 * var(--space-unit));--space-md:calc(1.25 * var(--space-unit));--space-lg:calc(2 * var(--space-unit));--space-xl:calc(3.25 * var(--space-unit));--space-xxl:calc(5.25 * var(--space-unit));--space-xxxl:calc(8.5 * var(--space-unit));--space-xxxxl:calc(13.75 * var(--space-unit));--component-padding:var(--space-md)}:root{--radius-sm:calc(var(--radius, 0.25em)/2);--radius-md:var(--radius, 0.25em);--radius-lg:calc(var(--radius, 0.25em)*2);--shadow-xs:0 0.1px 0.3px rgba(0, 0, 0, 0.06),0 1px 2px rgba(0, 0, 0, 0.12);--shadow-sm:0 0.3px 0.4px rgba(0, 0, 0, 0.025),0 0.9px 1.5px rgba(0, 0, 0, 0.05),0 3.5px 6px rgba(0, 0, 0, 0.1);--shadow-md:0 0.9px 1.5px rgba(0, 0, 0, 0.03),0 3.1px 5.5px rgba(0, 0, 0, 0.08),0 14px 25px rgba(0, 0, 0, 0.12);--shadow-lg:0 1.2px 1.9px -1px rgba(0, 0, 0, 0.014),0 3.3px 5.3px -1px rgba(0, 0, 0, 0.038),0 8.5px 12.7px -1px rgba(0, 0, 0, 0.085),0 30px 42px -1px rgba(0, 0, 0, 0.15);--shadow-xl:0 1.5px 2.1px -6px rgba(0, 0, 0, 0.012),0 3.6px 5.2px -6px rgba(0, 0, 0, 0.035),0 7.3px 10.6px -6px rgba(0, 0, 0, 0.07),0 16.2px 21.9px -6px rgba(0, 0, 0, 0.117),0 46px 60px -6px rgba(0, 0, 0, 0.2);--ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1)}:root{--heading-line-height:1.2;--body-line-height:1.4}body{font-size:var(--text-base-size,1em);font-family:var(--font-primary,sans-serif);color:var(--color-contrast-high,#323639);font-weight:var(--body-font-weight,normal)}h1,h2,h3,h4{color:var(--color-contrast-higher,#0d1317);line-height:var(--heading-line-height,1.2);font-weight:var(--heading-font-weight,700)}h1{font-size:var(--text-xxl,2.074em)}h2{font-size:var(--text-xl,1.728em)}h3{font-size:var(--text-lg,1.44em)}h4{font-size:var(--text-md,1.2em)}small{font-size:var(--text-sm,.833em)}.link,a{color:var(--color-primary,#4827ec);text-decoration:underline}strong{font-weight:700}s{text-decoration:line-through}u{text-decoration:underline}.text-component h1,.text-component h2,.text-component h3,.text-component h4{line-height:calc(var(--heading-line-height) * var(--line-height-multiplier,1));margin-bottom:calc(var(--space-unit) * .25 * var(--text-space-y-multiplier,1))}.text-component h2,.text-component h3,.text-component h4{margin-top:calc(var(--space-unit) * .75 * var(--text-space-y-multiplier,1))}.text-component blockquote,.text-component ol li,.text-component p,.text-component ul li{line-height:calc(var(--body-line-height) * var(--line-height-multiplier,1))}.text-component .text-component__block,.text-component blockquote,.text-component ol,.text-component p,.text-component ul{margin-bottom:calc(var(--space-unit) * .75 * var(--text-space-y-multiplier,1))}.text-component ol,.text-component ul{list-style-position:inside}.text-component ol ol,.text-component ol ul,.text-component ul ol,.text-component ul ul{padding-left:1em;margin-bottom:0}.text-component ul{list-style-type:disc}.text-component ol{list-style-type:decimal}.text-component img{display:block;margin:0 auto}.text-component figcaption{text-align:center;margin-top:calc(var(--space-unit) * .5)}.text-component em{font-style:italic}.text-component hr{margin-top:calc(var(--space-unit) * var(--text-space-y-multiplier,1));margin-bottom:calc(var(--space-unit) * var(--text-space-y-multiplier,1));margin-left:auto;margin-right:auto}.text-component>:first-child{margin-top:0}.text-component>:last-child{margin-bottom:0}.text-component__block--full-width{width:100vw;margin-left:calc(50% - 50vw)}@media (min-width:48rem){.text-component__block--left,.text-component__block--right{width:45%}.text-component__block--left img,.text-component__block--right img{width:100%}.text-component__block--left{float:left;margin-right:calc(var(--space-unit) * .75 * var(--text-space-y-multiplier,1))}.text-component__block--right{float:right;margin-left:calc(var(--space-unit) * .75 * var(--text-space-y-multiplier,1))}}@media (min-width:90rem){.text-component__block--outset{width:calc(100% + 10.5 * var(--space-unit))}.text-component__block--outset img{width:100%}.text-component__block--outset:not(.text-component__block--right){margin-left:calc(-5.25 * var(--space-unit))}.text-component__block--left,.text-component__block--right{width:50%}.text-component__block--right.text-component__block--outset{margin-right:calc(-5.25 * var(--space-unit))}}:root{--icon-xxxs:8px;--icon-xxs:12px;--icon-xs:16px;--icon-sm:20px;--icon-md:24px;--icon-lg:32px;--icon-xl:48px;--icon-xxl:64px;--icon-xxxl:96px}.icon{--size:1em;display:inline-block;color:inherit;fill:currentColor;height:var(--size);width:var(--size);line-height:1;flex-shrink:0;max-width:initial}.icon--xxxs{--size:var(--icon-xxxs)}.icon--xxs{--size:var(--icon-xxs)}.icon--xs{--size:var(--icon-xs)}.icon--sm{--size:var(--icon-sm)}.icon--md{--size:var(--icon-md)}.icon--lg{--size:var(--icon-lg)}.icon--xl{--size:var(--icon-xl)}.icon--xxl{--size:var(--icon-xxl)}.icon--xxxl{--size:var(--icon-xxxl)}.icon--is-spinning{-webkit-animation:icon-spin 1s infinite linear;animation:icon-spin 1s infinite linear}@-webkit-keyframes icon-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes icon-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.icon use{color:inherit;fill:currentColor}.btn{position:relative;display:inline-flex;justify-content:center;align-items:center;white-space:nowrap;text-decoration:none;line-height:1;font-size:var(--btn-font-size,1em);padding-top:var(--btn-padding-y,.5em);padding-bottom:var(--btn-padding-y,.5em);padding-left:var(--btn-padding-x,.75em);padding-right:var(--btn-padding-x,.75em);border-radius:var(--btn-radius,.25em)}.btn--sm{font-size:var(--btn-font-size-sm,.8em)}.btn--md{font-size:var(--btn-font-size-md,1.2em)}.btn--lg{font-size:var(--btn-font-size-lg,1.4em)}.btn--icon{padding:var(--btn-padding-y,.5em)}.form-control{font-size:var(--form-control-font-size,1em);padding-top:var(--form-control-padding-y,.5em);padding-bottom:var(--form-control-padding-y,.5em);padding-left:var(--form-control-padding-x,.75em);padding-right:var(--form-control-padding-x,.75em);border-radius:var(--form-control-radius,.25em)}.form-legend{color:var(--color-contrast-higher,#0d1317);line-height:var(--heading-line-height,1.2);font-size:var(--text-md,1.2em);margin-bottom:var(--space-xxs)}.form-label{display:inline-block}:root{--z-index-header:3;--z-index-popover:5;--z-index-fixed-element:10;--z-index-overlay:15}:root{--display:block}.is-visible{display:var(--display)!important}.is-hidden{display:none!important}html:not(.js) .no-js\:is-hidden{display:none!important}@media print{.print\:is-hidden{display:none!important}}.sr-only,.sr-only-focusable:not(:focus):not(:focus-within){position:absolute;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;border:0;white-space:nowrap}.flex{display:flex}.inline-flex{display:inline-flex}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-column{flex-direction:column}.flex-column-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-center{place-items:center}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-basis-0{flex-basis:0}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.order-1{order:1}.order-2{order:2}.order-3{order:3}[class*=" aspect-ratio"],[class^=aspect-ratio]{--aspect-ratio:calc(16/9);position:relative;height:0;padding-bottom:calc(100%/(var(--aspect-ratio)))}[class*=" aspect-ratio"]>*,[class^=aspect-ratio]>*{position:absolute;top:0;left:0;width:100%;height:100%}[class*=" aspect-ratio"]>:not(iframe),[class^=aspect-ratio]>:not(iframe){-o-object-fit:cover;object-fit:cover}.aspect-ratio-16\:9{--aspect-ratio:calc(16/9)}.aspect-ratio-3\:2{--aspect-ratio:calc(3/2)}.aspect-ratio-4\:3{--aspect-ratio:calc(4/3)}.aspect-ratio-5\:4{--aspect-ratio:calc(5/4)}.aspect-ratio-1\:1{--aspect-ratio:calc(1/1)}.aspect-ratio-4\:5{--aspect-ratio:calc(4/5)}.aspect-ratio-3\:4{--aspect-ratio:calc(3/4)}.aspect-ratio-2\:3{--aspect-ratio:calc(2/3)}.aspect-ratio-9\:16{--aspect-ratio:calc(9/16)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.contents{display:contents}.hide{display:none}.space-unit-rem{--space-unit:1rem}.space-unit-em{--space-unit:1em}.space-unit-px{--space-unit:16px}.margin-xxxxs{margin:var(--space-xxxxs)}.margin-xxxs{margin:var(--space-xxxs)}.margin-xxs{margin:var(--space-xxs)}.margin-xs{margin:var(--space-xs)}.margin-sm{margin:var(--space-sm)}.margin-md{margin:var(--space-md)}.margin-lg{margin:var(--space-lg)}.margin-xl{margin:var(--space-xl)}.margin-xxl{margin:var(--space-xxl)}.margin-xxxl{margin:var(--space-xxxl)}.margin-xxxxl{margin:var(--space-xxxxl)}.margin-auto{margin:auto}.margin-0{margin:0}.margin-top-xxxxs{margin-top:var(--space-xxxxs)}.margin-top-xxxs{margin-top:var(--space-xxxs)}.margin-top-xxs{margin-top:var(--space-xxs)}.margin-top-xs{margin-top:var(--space-xs)}.margin-top-sm{margin-top:var(--space-sm)}.margin-top-md{margin-top:var(--space-md)}.margin-top-lg{margin-top:var(--space-lg)}.margin-top-xl{margin-top:var(--space-xl)}.margin-top-xxl{margin-top:var(--space-xxl)}.margin-top-xxxl{margin-top:var(--space-xxxl)}.margin-top-xxxxl{margin-top:var(--space-xxxxl)}.margin-top-auto{margin-top:auto}.margin-top-0{margin-top:0}.margin-bottom-xxxxs{margin-bottom:var(--space-xxxxs)}.margin-bottom-xxxs{margin-bottom:var(--space-xxxs)}.margin-bottom-xxs{margin-bottom:var(--space-xxs)}.margin-bottom-xs{margin-bottom:var(--space-xs)}.margin-bottom-sm{margin-bottom:var(--space-sm)}.margin-bottom-md{margin-bottom:var(--space-md)}.margin-bottom-lg{margin-bottom:var(--space-lg)}.margin-bottom-xl{margin-bottom:var(--space-xl)}.margin-bottom-xxl{margin-bottom:var(--space-xxl)}.margin-bottom-xxxl{margin-bottom:var(--space-xxxl)}.margin-bottom-xxxxl{margin-bottom:var(--space-xxxxl)}.margin-bottom-auto{margin-bottom:auto}.margin-bottom-0{margin-bottom:0}.margin-right-xxxxs{margin-right:var(--space-xxxxs)}.margin-right-xxxs{margin-right:var(--space-xxxs)}.margin-right-xxs{margin-right:var(--space-xxs)}.margin-right-xs{margin-right:var(--space-xs)}.margin-right-sm{margin-right:var(--space-sm)}.margin-right-md{margin-right:var(--space-md)}.margin-right-lg{margin-right:var(--space-lg)}.margin-right-xl{margin-right:var(--space-xl)}.margin-right-xxl{margin-right:var(--space-xxl)}.margin-right-xxxl{margin-right:var(--space-xxxl)}.margin-right-xxxxl{margin-right:var(--space-xxxxl)}.margin-right-auto{margin-right:auto}.margin-right-0{margin-right:0}.margin-left-xxxxs{margin-left:var(--space-xxxxs)}.margin-left-xxxs{margin-left:var(--space-xxxs)}.margin-left-xxs{margin-left:var(--space-xxs)}.margin-left-xs{margin-left:var(--space-xs)}.margin-left-sm{margin-left:var(--space-sm)}.margin-left-md{margin-left:var(--space-md)}.margin-left-lg{margin-left:var(--space-lg)}.margin-left-xl{margin-left:var(--space-xl)}.margin-left-xxl{margin-left:var(--space-xxl)}.margin-left-xxxl{margin-left:var(--space-xxxl)}.margin-left-xxxxl{margin-left:var(--space-xxxxl)}.margin-left-auto{margin-left:auto}.margin-left-0{margin-left:0}.margin-x-xxxxs{margin-left:var(--space-xxxxs);margin-right:var(--space-xxxxs)}.margin-x-xxxs{margin-left:var(--space-xxxs);margin-right:var(--space-xxxs)}.margin-x-xxs{margin-left:var(--space-xxs);margin-right:var(--space-xxs)}.margin-x-xs{margin-left:var(--space-xs);margin-right:var(--space-xs)}.margin-x-sm{margin-left:var(--space-sm);margin-right:var(--space-sm)}.margin-x-md{margin-left:var(--space-md);margin-right:var(--space-md)}.margin-x-lg{margin-left:var(--space-lg);margin-right:var(--space-lg)}.margin-x-xl{margin-left:var(--space-xl);margin-right:var(--space-xl)}.margin-x-xxl{margin-left:var(--space-xxl);margin-right:var(--space-xxl)}.margin-x-xxxl{margin-left:var(--space-xxxl);margin-right:var(--space-xxxl)}.margin-x-xxxxl{margin-left:var(--space-xxxxl);margin-right:var(--space-xxxxl)}.margin-x-auto{margin-left:auto;margin-right:auto}.margin-x-0{margin-left:0;margin-right:0}.margin-y-xxxxs{margin-top:var(--space-xxxxs);margin-bottom:var(--space-xxxxs)}.margin-y-xxxs{margin-top:var(--space-xxxs);margin-bottom:var(--space-xxxs)}.margin-y-xxs{margin-top:var(--space-xxs);margin-bottom:var(--space-xxs)}.margin-y-xs{margin-top:var(--space-xs);margin-bottom:var(--space-xs)}.margin-y-sm{margin-top:var(--space-sm);margin-bottom:var(--space-sm)}.margin-y-md{margin-top:var(--space-md);margin-bottom:var(--space-md)}.margin-y-lg{margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.margin-y-xl{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.margin-y-xxl{margin-top:var(--space-xxl);margin-bottom:var(--space-xxl)}.margin-y-xxxl{margin-top:var(--space-xxxl);margin-bottom:var(--space-xxxl)}.margin-y-xxxxl{margin-top:var(--space-xxxxl);margin-bottom:var(--space-xxxxl)}.margin-y-auto{margin-top:auto;margin-bottom:auto}.margin-y-0{margin-top:0;margin-bottom:0}.padding-xxxxs{padding:var(--space-xxxxs)}.padding-xxxs{padding:var(--space-xxxs)}.padding-xxs{padding:var(--space-xxs)}.padding-xs{padding:var(--space-xs)}.padding-sm{padding:var(--space-sm)}.padding-md{padding:var(--space-md)}.padding-lg{padding:var(--space-lg)}.padding-xl{padding:var(--space-xl)}.padding-xxl{padding:var(--space-xxl)}.padding-xxxl{padding:var(--space-xxxl)}.padding-xxxxl{padding:var(--space-xxxxl)}.padding-0{padding:0}.padding-component{padding:var(--component-padding)}.padding-top-xxxxs{padding-top:var(--space-xxxxs)}.padding-top-xxxs{padding-top:var(--space-xxxs)}.padding-top-xxs{padding-top:var(--space-xxs)}.padding-top-xs{padding-top:var(--space-xs)}.padding-top-sm{padding-top:var(--space-sm)}.padding-top-md{padding-top:var(--space-md)}.padding-top-lg{padding-top:var(--space-lg)}.padding-top-xl{padding-top:var(--space-xl)}.padding-top-xxl{padding-top:var(--space-xxl)}.padding-top-xxxl{padding-top:var(--space-xxxl)}.padding-top-xxxxl{padding-top:var(--space-xxxxl)}.padding-top-0{padding-top:0}.padding-top-component{padding-top:var(--component-padding)}.padding-bottom-xxxxs{padding-bottom:var(--space-xxxxs)}.padding-bottom-xxxs{padding-bottom:var(--space-xxxs)}.padding-bottom-xxs{padding-bottom:var(--space-xxs)}.padding-bottom-xs{padding-bottom:var(--space-xs)}.padding-bottom-sm{padding-bottom:var(--space-sm)}.padding-bottom-md{padding-bottom:var(--space-md)}.padding-bottom-lg{padding-bottom:var(--space-lg)}.padding-bottom-xl{padding-bottom:var(--space-xl)}.padding-bottom-xxl{padding-bottom:var(--space-xxl)}.padding-bottom-xxxl{padding-bottom:var(--space-xxxl)}.padding-bottom-xxxxl{padding-bottom:var(--space-xxxxl)}.padding-bottom-0{padding-bottom:0}.padding-bottom-component{padding-bottom:var(--component-padding)}.padding-right-xxxxs{padding-right:var(--space-xxxxs)}.padding-right-xxxs{padding-right:var(--space-xxxs)}.padding-right-xxs{padding-right:var(--space-xxs)}.padding-right-xs{padding-right:var(--space-xs)}.padding-right-sm{padding-right:var(--space-sm)}.padding-right-md{padding-right:var(--space-md)}.padding-right-lg{padding-right:var(--space-lg)}.padding-right-xl{padding-right:var(--space-xl)}.padding-right-xxl{padding-right:var(--space-xxl)}.padding-right-xxxl{padding-right:var(--space-xxxl)}.padding-right-xxxxl{padding-right:var(--space-xxxxl)}.padding-right-0{padding-right:0}.padding-right-component{padding-right:var(--component-padding)}.padding-left-xxxxs{padding-left:var(--space-xxxxs)}.padding-left-xxxs{padding-left:var(--space-xxxs)}.padding-left-xxs{padding-left:var(--space-xxs)}.padding-left-xs{padding-left:var(--space-xs)}.padding-left-sm{padding-left:var(--space-sm)}.padding-left-md{padding-left:var(--space-md)}.padding-left-lg{padding-left:var(--space-lg)}.padding-left-xl{padding-left:var(--space-xl)}.padding-left-xxl{padding-left:var(--space-xxl)}.padding-left-xxxl{padding-left:var(--space-xxxl)}.padding-left-xxxxl{padding-left:var(--space-xxxxl)}.padding-left-0{padding-left:0}.padding-left-component{padding-left:var(--component-padding)}.padding-x-xxxxs{padding-left:var(--space-xxxxs);padding-right:var(--space-xxxxs)}.padding-x-xxxs{padding-left:var(--space-xxxs);padding-right:var(--space-xxxs)}.padding-x-xxs{padding-left:var(--space-xxs);padding-right:var(--space-xxs)}.padding-x-xs{padding-left:var(--space-xs);padding-right:var(--space-xs)}.padding-x-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.padding-x-md{padding-left:var(--space-md);padding-right:var(--space-md)}.padding-x-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.padding-x-xl{padding-left:var(--space-xl);padding-right:var(--space-xl)}.padding-x-xxl{padding-left:var(--space-xxl);padding-right:var(--space-xxl)}.padding-x-xxxl{padding-left:var(--space-xxxl);padding-right:var(--space-xxxl)}.padding-x-xxxxl{padding-left:var(--space-xxxxl);padding-right:var(--space-xxxxl)}.padding-x-0{padding-left:0;padding-right:0}.padding-x-component{padding-left:var(--component-padding);padding-right:var(--component-padding)}.padding-y-xxxxs{padding-top:var(--space-xxxxs);padding-bottom:var(--space-xxxxs)}.padding-y-xxxs{padding-top:var(--space-xxxs);padding-bottom:var(--space-xxxs)}.padding-y-xxs{padding-top:var(--space-xxs);padding-bottom:var(--space-xxs)}.padding-y-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.padding-y-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.padding-y-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.padding-y-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.padding-y-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.padding-y-xxl{padding-top:var(--space-xxl);padding-bottom:var(--space-xxl)}.padding-y-xxxl{padding-top:var(--space-xxxl);padding-bottom:var(--space-xxxl)}.padding-y-xxxxl{padding-top:var(--space-xxxxl);padding-bottom:var(--space-xxxxl)}.padding-y-0{padding-top:0;padding-bottom:0}.padding-y-component{padding-top:var(--component-padding);padding-bottom:var(--component-padding)}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.text-truncate,.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-replace{overflow:hidden;color:transparent;text-indent:100%;white-space:nowrap}.break-word{overflow-wrap:break-word;min-width:0}.text-xs{font-size:var(--text-xs,.694em)}.text-sm{font-size:var(--text-sm,.833em)}.text-base{font-size:var(--text-unit,1em)}.text-md{font-size:var(--text-md,1.2em)}.text-lg{font-size:var(--text-lg,1.44em)}.text-xl{font-size:var(--text-xl,1.728em)}.text-xxl{font-size:var(--text-xxl,2.074em)}.text-xxxl{font-size:var(--text-xxxl,2.488em)}.text-xxxxl{font-size:var(--text-xxxxl,2.985em)}.text-unit-em,.text-unit-px,.text-unit-rem{font-size:var(--text-unit)}.text-unit-rem{--text-unit:1rem}.text-unit-em{--text-unit:1em}.text-unit-px{--text-unit:16px}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.letter-spacing-xs{letter-spacing:-.1em}.letter-spacing-sm{letter-spacing:-.05em}.letter-spacing-md{letter-spacing:.05em}.letter-spacing-lg{letter-spacing:.1em}.letter-spacing-xl{letter-spacing:.2em}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold,.text-bold{font-weight:700}.font-italic{font-style:italic}.font-smooth{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-primary{font-family:var(--font-primary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.text-line-through{text-decoration:line-through}.text-underline{text-decoration:underline}.text-decoration-none{text-decoration:none}.text-shadow-xs{text-shadow:0 1px 1px rgba(0,0,0,.15)}.text-shadow-sm{text-shadow:0 1px 2px rgba(0,0,0,.25)}.text-shadow-md{text-shadow:0 1px 2px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.2)}.text-shadow-lg{text-shadow:0 1px 4px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.15),0 4px 16px rgba(0,0,0,.2)}.text-shadow-xl{text-shadow:0 1px 4px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.15),0 4px 16px rgba(0,0,0,.2),0 6px 24px rgba(0,0,0,.25)}.text-shadow-none{text-shadow:none}.text-space-y-xxs{--text-space-y-multiplier:0.25!important}.text-space-y-xs{--text-space-y-multiplier:0.5!important}.text-space-y-sm{--text-space-y-multiplier:0.75!important}.text-space-y-md{--text-space-y-multiplier:1.25!important}.text-space-y-lg{--text-space-y-multiplier:1.5!important}.text-space-y-xl{--text-space-y-multiplier:1.75!important}.text-space-y-xxl{--text-space-y-multiplier:2!important}.line-height-xs{--heading-line-height:1;--body-line-height:1.1}.line-height-xs:not(.text-component){line-height:1.1}.line-height-sm{--heading-line-height:1.1;--body-line-height:1.2}.line-height-sm:not(.text-component){line-height:1.2}.line-height-md{--heading-line-height:1.15;--body-line-height:1.4}.line-height-md:not(.text-component){line-height:1.4}.line-height-lg{--heading-line-height:1.22;--body-line-height:1.58}.line-height-lg:not(.text-component){line-height:1.58}.line-height-xl{--heading-line-height:1.3;--body-line-height:1.72}.line-height-xl:not(.text-component){line-height:1.72}.line-height-body{line-height:var(--body-line-height)}.line-height-heading{line-height:var(--heading-line-height)}.line-height-normal{line-height:normal!important}.line-height-1{line-height:1!important}.text-nowrap,.ws-nowrap{white-space:nowrap}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.user-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.user-select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}[class*=" color-"],[class^=color-]{--color-o:1}.color-inherit{color:inherit}.color-bg-darker{color:hsla(var(--color-bg-darker-h),var(--color-bg-darker-s),var(--color-bg-darker-l),var(--color-o,1))}.color-bg-dark{color:hsla(var(--color-bg-dark-h),var(--color-bg-dark-s),var(--color-bg-dark-l),var(--color-o,1))}.color-bg{color:hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),var(--color-o,1))}.color-bg-light{color:hsla(var(--color-bg-light-h),var(--color-bg-light-s),var(--color-bg-light-l),var(--color-o,1))}.color-bg-lighter{color:hsla(var(--color-bg-lighter-h),var(--color-bg-lighter-s),var(--color-bg-lighter-l),var(--color-o,1))}.color-contrast-lower{color:hsla(var(--color-contrast-lower-h),var(--color-contrast-lower-s),var(--color-contrast-lower-l),var(--color-o,1))}.color-contrast-low{color:hsla(var(--color-contrast-low-h),var(--color-contrast-low-s),var(--color-contrast-low-l),var(--color-o,1))}.color-contrast-medium{color:hsla(var(--color-contrast-medium-h),var(--color-contrast-medium-s),var(--color-contrast-medium-l),var(--color-o,1))}.color-contrast-high{color:hsla(var(--color-contrast-high-h),var(--color-contrast-high-s),var(--color-contrast-high-l),var(--color-o,1))}.color-contrast-higher{color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--color-o,1))}.color-primary-darker{color:hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),var(--color-o,1))}.color-primary-dark{color:hsla(var(--color-primary-dark-h),var(--color-primary-dark-s),var(--color-primary-dark-l),var(--color-o,1))}.color-primary{color:hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),var(--color-o,1))}.color-primary-light{color:hsla(var(--color-primary-light-h),var(--color-primary-light-s),var(--color-primary-light-l),var(--color-o,1))}.color-primary-lighter{color:hsla(var(--color-primary-lighter-h),var(--color-primary-lighter-s),var(--color-primary-lighter-l),var(--color-o,1))}.color-accent-darker{color:hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),var(--color-o,1))}.color-accent-dark{color:hsla(var(--color-accent-dark-h),var(--color-accent-dark-s),var(--color-accent-dark-l),var(--color-o,1))}.color-accent{color:hsla(var(--color-accent-h),var(--color-accent-s),var(--color-accent-l),var(--color-o,1))}.color-accent-light{color:hsla(var(--color-accent-light-h),var(--color-accent-light-s),var(--color-accent-light-l),var(--color-o,1))}.color-accent-lighter{color:hsla(var(--color-accent-lighter-h),var(--color-accent-lighter-s),var(--color-accent-lighter-l),var(--color-o,1))}.color-success-darker{color:hsla(var(--color-success-darker-h),var(--color-success-darker-s),var(--color-success-darker-l),var(--color-o,1))}.color-success-dark{color:hsla(var(--color-success-dark-h),var(--color-success-dark-s),var(--color-success-dark-l),var(--color-o,1))}.color-success{color:hsla(var(--color-success-h),var(--color-success-s),var(--color-success-l),var(--color-o,1))}.color-success-light{color:hsla(var(--color-success-light-h),var(--color-success-light-s),var(--color-success-light-l),var(--color-o,1))}.color-success-lighter{color:hsla(var(--color-success-lighter-h),var(--color-success-lighter-s),var(--color-success-lighter-l),var(--color-o,1))}.color-warning-darker{color:hsla(var(--color-warning-darker-h),var(--color-warning-darker-s),var(--color-warning-darker-l),var(--color-o,1))}.color-warning-dark{color:hsla(var(--color-warning-dark-h),var(--color-warning-dark-s),var(--color-warning-dark-l),var(--color-o,1))}.color-warning{color:hsla(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l),var(--color-o,1))}.color-warning-light{color:hsla(var(--color-warning-light-h),var(--color-warning-light-s),var(--color-warning-light-l),var(--color-o,1))}.color-warning-lighter{color:hsla(var(--color-warning-lighter-h),var(--color-warning-lighter-s),var(--color-warning-lighter-l),var(--color-o,1))}.color-error-darker{color:hsla(var(--color-error-darker-h),var(--color-error-darker-s),var(--color-error-darker-l),var(--color-o,1))}.color-error-dark{color:hsla(var(--color-error-dark-h),var(--color-error-dark-s),var(--color-error-dark-l),var(--color-o,1))}.color-error{color:hsla(var(--color-error-h),var(--color-error-s),var(--color-error-l),var(--color-o,1))}.color-error-light{color:hsla(var(--color-error-light-h),var(--color-error-light-s),var(--color-error-light-l),var(--color-o,1))}.color-error-lighter{color:hsla(var(--color-error-lighter-h),var(--color-error-lighter-s),var(--color-error-lighter-l),var(--color-o,1))}.color-white{color:hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),var(--color-o,1))}.color-black{color:hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),var(--color-o,1))}.color-opacity-0{--color-o:0}.color-opacity-10\%{--color-o:0.1}.color-opacity-20\%{--color-o:0.2}.color-opacity-30\%{--color-o:0.3}.color-opacity-40\%{--color-o:0.4}.color-opacity-50\%{--color-o:0.5}.color-opacity-60\%{--color-o:0.6}.color-opacity-70\%{--color-o:0.7}.color-opacity-80\%{--color-o:0.8}.color-opacity-90\%{--color-o:0.9}[class*=" color-gradient"],[class^=color-gradient]{color:transparent!important;-webkit-background-clip:text;background-clip:text}.width-xxxxs{width:var(--size-xxxxs,.25rem)}.width-xxxs{width:var(--size-xxxs,.5rem)}.width-xxs{width:var(--size-xxs,.75rem)}.width-xs{width:var(--size-xs,1rem)}.width-sm{width:var(--size-sm,1.5rem)}.width-md{width:var(--size-md,2rem)}.width-lg{width:var(--size-lg,3rem)}.width-xl{width:var(--size-xl,4rem)}.width-xxl{width:var(--size-xxl,6rem)}.width-xxxl{width:var(--size-xxxl,8rem)}.width-xxxxl{width:var(--size-xxxxl,16rem)}.width-0{width:0}.width-10\%{width:10%}.width-20\%{width:20%}.width-25\%{width:25%}.width-30\%{width:30%}.width-33\%{width:calc(100% / 3)}.width-40\%{width:40%}.width-50\%{width:50%}.width-60\%{width:60%}.width-66\%{width:calc(100% / 1.5)}.width-70\%{width:70%}.width-75\%{width:75%}.width-80\%{width:80%}.width-90\%{width:90%}.width-100\%{width:100%}.width-100vw{width:100vw}.width-auto{width:auto}.height-xxxxs{height:var(--size-xxxxs,.25rem)}.height-xxxs{height:var(--size-xxxs,.5rem)}.height-xxs{height:var(--size-xxs,.75rem)}.height-xs{height:var(--size-xs,1rem)}.height-sm{height:var(--size-sm,1.5rem)}.height-md{height:var(--size-md,2rem)}.height-lg{height:var(--size-lg,3rem)}.height-xl{height:var(--size-xl,4rem)}.height-xxl{height:var(--size-xxl,6rem)}.height-xxxl{height:var(--size-xxxl,8rem)}.height-xxxxl{height:var(--size-xxxxl,16rem)}.height-0{height:0}.height-10\%{height:10%}.height-20\%{height:20%}.height-25\%{height:25%}.height-30\%{height:30%}.height-33\%{height:calc(100% / 3)}.height-40\%{height:40%}.height-50\%{height:50%}.height-60\%{height:60%}.height-66\%{height:calc(100% / 1.5)}.height-70\%{height:70%}.height-75\%{height:75%}.height-80\%{height:80%}.height-90\%{height:90%}.height-100\%{height:100%}.height-100vh{height:100vh}.height-auto{height:auto}.min-width-0{min-width:0}.min-width-25\%{min-width:25%}.min-width-33\%{min-width:calc(100% / 3)}.min-width-50\%{min-width:50%}.min-width-66\%{min-width:calc(100% / 1.5)}.min-width-75\%{min-width:75%}.min-width-100\%{min-width:100%}.min-width-100vw{min-width:100vw}.min-height-100\%{min-height:100%}.min-height-100vh{min-height:100vh}:root{--max-width-xxxxs:20rem;--max-width-xxxs:26rem;--max-width-xxs:32rem;--max-width-xs:38rem;--max-width-sm:48rem;--max-width-md:64rem;--max-width-lg:80rem;--max-width-xl:90rem;--max-width-xxl:100rem;--max-width-xxxl:120rem;--max-width-xxxxl:150rem}.max-width-xxxxs{max-width:var(--max-width-xxxxs)}.max-width-xxxs{max-width:var(--max-width-xxxs)}.max-width-xxs{max-width:var(--max-width-xxs)}.max-width-xs{max-width:var(--max-width-xs)}.max-width-sm{max-width:var(--max-width-sm)}.max-width-md{max-width:var(--max-width-md)}.max-width-lg{max-width:var(--max-width-lg)}.max-width-xl{max-width:var(--max-width-xl)}.max-width-xxl{max-width:var(--max-width-xxl)}.max-width-xxxl{max-width:var(--max-width-xxxl)}.max-width-xxxxl{max-width:var(--max-width-xxxxl)}.max-width-100\%{max-width:100%}.max-width-none{max-width:none}[class*=" max-width-adaptive"],[class^=max-width-adaptive]{max-width:32rem}@media (min-width:48rem){.max-width-adaptive,.max-width-adaptive-lg,.max-width-adaptive-md,.max-width-adaptive-sm,.max-width-adaptive-xl{max-width:48rem}}@media (min-width:64rem){.max-width-adaptive,.max-width-adaptive-lg,.max-width-adaptive-md,.max-width-adaptive-xl{max-width:64rem}}@media (min-width:80rem){.max-width-adaptive,.max-width-adaptive-lg,.max-width-adaptive-xl{max-width:80rem}}@media (min-width:90rem){.max-width-adaptive-xl{max-width:90rem}}.max-height-100\%{max-height:100%}.max-height-100vh{max-height:100vh}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}[class*=" inner-glow-"],[class^=inner-glow-]{position:relative}[class*=" inner-glow-"]::after,[class^=inner-glow-]::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;pointer-events:none}.inner-glow-05\%::after{box-shadow:inset 0 0 .5px 1px rgba(255,255,255,.05)}.inner-glow-10\%::after{box-shadow:inset 0 0 .5px 1px rgba(255,255,255,.1)}.inner-glow-15\%::after{box-shadow:inset 0 0 .5px 1px rgba(255,255,255,.15)}.inner-glow-20\%::after{box-shadow:inset 0 0 .5px 1px rgba(255,255,255,.2)}.inner-glow-top-05\%::after{box-shadow:inset 0 1px .5px rgba(255,255,255,.05)}.inner-glow-top-10\%::after{box-shadow:inset 0 1px .5px rgba(255,255,255,.1)}.inner-glow-top-15\%::after{box-shadow:inset 0 1px .5px rgba(255,255,255,.15)}.inner-glow-top-20\%::after{box-shadow:inset 0 1px .5px rgba(255,255,255,.2)}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:-webkit-sticky;position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.top-50\%{top:50%}.top-xxxxs{top:var(--space-xxxxs)}.top-xxxs{top:var(--space-xxxs)}.top-xxs{top:var(--space-xxs)}.top-xs{top:var(--space-xs)}.top-sm{top:var(--space-sm)}.top-md{top:var(--space-md)}.top-lg{top:var(--space-lg)}.top-xl{top:var(--space-xl)}.top-xxl{top:var(--space-xxl)}.top-xxxl{top:var(--space-xxxl)}.top-xxxxl{top:var(--space-xxxxl)}.bottom-0{bottom:0}.bottom-50\%{bottom:50%}.bottom-xxxxs{bottom:var(--space-xxxxs)}.bottom-xxxs{bottom:var(--space-xxxs)}.bottom-xxs{bottom:var(--space-xxs)}.bottom-xs{bottom:var(--space-xs)}.bottom-sm{bottom:var(--space-sm)}.bottom-md{bottom:var(--space-md)}.bottom-lg{bottom:var(--space-lg)}.bottom-xl{bottom:var(--space-xl)}.bottom-xxl{bottom:var(--space-xxl)}.bottom-xxxl{bottom:var(--space-xxxl)}.bottom-xxxxl{bottom:var(--space-xxxxl)}.right-0{right:0}.right-50\%{right:50%}.right-xxxxs{right:var(--space-xxxxs)}.right-xxxs{right:var(--space-xxxs)}.right-xxs{right:var(--space-xxs)}.right-xs{right:var(--space-xs)}.right-sm{right:var(--space-sm)}.right-md{right:var(--space-md)}.right-lg{right:var(--space-lg)}.right-xl{right:var(--space-xl)}.right-xxl{right:var(--space-xxl)}.right-xxxl{right:var(--space-xxxl)}.right-xxxxl{right:var(--space-xxxxl)}.left-0{left:0}.left-50\%{left:50%}.left-xxxxs{left:var(--space-xxxxs)}.left-xxxs{left:var(--space-xxxs)}.left-xxs{left:var(--space-xxs)}.left-xs{left:var(--space-xs)}.left-sm{left:var(--space-sm)}.left-md{left:var(--space-md)}.left-lg{left:var(--space-lg)}.left-xl{left:var(--space-xl)}.left-xxl{left:var(--space-xxl)}.left-xxxl{left:var(--space-xxxl)}.left-xxxxl{left:var(--space-xxxxl)}.z-index-header{z-index:var(--z-index-header)}.z-index-popover{z-index:var(--z-index-popover)}.z-index-fixed-element{z-index:var(--z-index-fixed-element)}.z-index-overlay{z-index:var(--z-index-overlay)}.z-index-1{z-index:1}.z-index-2{z-index:2}.z-index-3{z-index:3}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.momentum-scrolling{-webkit-overflow-scrolling:touch}.overscroll-contain{overscroll-behavior:contain}.scroll-smooth{scroll-behavior:smooth}.scroll-padding-xxxxs{scroll-padding:var(--space-xxxxs)}.scroll-padding-xxxs{scroll-padding:var(--space-xxxs)}.scroll-padding-xxs{scroll-padding:var(--space-xxs)}.scroll-padding-xs{scroll-padding:var(--space-xs)}.scroll-padding-sm{scroll-padding:var(--space-sm)}.scroll-padding-md{scroll-padding:var(--space-md)}.scroll-padding-lg{scroll-padding:var(--space-lg)}.scroll-padding-xl{scroll-padding:var(--space-xl)}.scroll-padding-xxl{scroll-padding:var(--space-xxl)}.scroll-padding-xxxl{scroll-padding:var(--space-xxxl)}.scroll-padding-xxxxl{scroll-padding:var(--space-xxxxl)}.opacity-0{opacity:0}.opacity-10\%{opacity:.1}.opacity-20\%{opacity:.2}.opacity-30\%{opacity:.3}.opacity-40\%{opacity:.4}.opacity-50\%{opacity:.5}.opacity-60\%{opacity:.6}.opacity-70\%{opacity:.7}.opacity-80\%{opacity:.8}.opacity-90\%{opacity:.9}.float-left{float:left}.float-right{float:right}.clearfix::after{content:"";display:table;clear:both}[class*=" border-"],[class^=border-]{--border-o:1}.border{border:var(--border-width,1px) var(--border-style,solid) hsla(var(--color-contrast-lower-h),var(--color-contrast-lower-s),var(--color-contrast-lower-l),var(--border-o,1))}.border-top{border-top:var(--border-width,1px) var(--border-style,solid) hsla(var(--color-contrast-lower-h),var(--color-contrast-lower-s),var(--color-contrast-lower-l),var(--border-o,1))}.border-bottom{border-bottom:var(--border-width,1px) var(--border-style,solid) hsla(var(--color-contrast-lower-h),var(--color-contrast-lower-s),var(--color-contrast-lower-l),var(--border-o,1))}.border-left{border-left:var(--border-width,1px) var(--border-style,solid) hsla(var(--color-contrast-lower-h),var(--color-contrast-lower-s),var(--color-contrast-lower-l),var(--border-o,1))}.border-right{border-right:var(--border-width,1px) var(--border-style,solid) hsla(var(--color-contrast-lower-h),var(--color-contrast-lower-s),var(--color-contrast-lower-l),var(--border-o,1))}.border-2{--border-width:2px}.border-3{--border-width:3px}.border-4{--border-width:4px}.border-dotted{--border-style:dotted}.border-dashed{--border-style:dashed}.border-bg-darker{border-color:hsla(var(--color-bg-darker-h),var(--color-bg-darker-s),var(--color-bg-darker-l),var(--border-o,1))}.border-bg-dark{border-color:hsla(var(--color-bg-dark-h),var(--color-bg-dark-s),var(--color-bg-dark-l),var(--border-o,1))}.border-bg{border-color:hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),var(--border-o,1))}.border-bg-light{border-color:hsla(var(--color-bg-light-h),var(--color-bg-light-s),var(--color-bg-light-l),var(--border-o,1))}.border-bg-lighter{border-color:hsla(var(--color-bg-lighter-h),var(--color-bg-lighter-s),var(--color-bg-lighter-l),var(--border-o,1))}.border-contrast-lower{border-color:hsla(var(--color-contrast-lower-h),var(--color-contrast-lower-s),var(--color-contrast-lower-l),var(--border-o,1))}.border-contrast-low{border-color:hsla(var(--color-contrast-low-h),var(--color-contrast-low-s),var(--color-contrast-low-l),var(--border-o,1))}.border-contrast-medium{border-color:hsla(var(--color-contrast-medium-h),var(--color-contrast-medium-s),var(--color-contrast-medium-l),var(--border-o,1))}.border-contrast-high{border-color:hsla(var(--color-contrast-high-h),var(--color-contrast-high-s),var(--color-contrast-high-l),var(--border-o,1))}.border-contrast-higher{border-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--border-o,1))}.border-primary-darker{border-color:hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),var(--border-o,1))}.border-primary-dark{border-color:hsla(var(--color-primary-dark-h),var(--color-primary-dark-s),var(--color-primary-dark-l),var(--border-o,1))}.border-primary{border-color:hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),var(--border-o,1))}.border-primary-light{border-color:hsla(var(--color-primary-light-h),var(--color-primary-light-s),var(--color-primary-light-l),var(--border-o,1))}.border-primary-lighter{border-color:hsla(var(--color-primary-lighter-h),var(--color-primary-lighter-s),var(--color-primary-lighter-l),var(--border-o,1))}.border-accent-darker{border-color:hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),var(--border-o,1))}.border-accent-dark{border-color:hsla(var(--color-accent-dark-h),var(--color-accent-dark-s),var(--color-accent-dark-l),var(--border-o,1))}.border-accent{border-color:hsla(var(--color-accent-h),var(--color-accent-s),var(--color-accent-l),var(--border-o,1))}.border-accent-light{border-color:hsla(var(--color-accent-light-h),var(--color-accent-light-s),var(--color-accent-light-l),var(--border-o,1))}.border-accent-lighter{border-color:hsla(var(--color-accent-lighter-h),var(--color-accent-lighter-s),var(--color-accent-lighter-l),var(--border-o,1))}.border-success-darker{border-color:hsla(var(--color-success-darker-h),var(--color-success-darker-s),var(--color-success-darker-l),var(--border-o,1))}.border-success-dark{border-color:hsla(var(--color-success-dark-h),var(--color-success-dark-s),var(--color-success-dark-l),var(--border-o,1))}.border-success{border-color:hsla(var(--color-success-h),var(--color-success-s),var(--color-success-l),var(--border-o,1))}.border-success-light{border-color:hsla(var(--color-success-light-h),var(--color-success-light-s),var(--color-success-light-l),var(--border-o,1))}.border-success-lighter{border-color:hsla(var(--color-success-lighter-h),var(--color-success-lighter-s),var(--color-success-lighter-l),var(--border-o,1))}.border-warning-darker{border-color:hsla(var(--color-warning-darker-h),var(--color-warning-darker-s),var(--color-warning-darker-l),var(--border-o,1))}.border-warning-dark{border-color:hsla(var(--color-warning-dark-h),var(--color-warning-dark-s),var(--color-warning-dark-l),var(--border-o,1))}.border-warning{border-color:hsla(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l),var(--border-o,1))}.border-warning-light{border-color:hsla(var(--color-warning-light-h),var(--color-warning-light-s),var(--color-warning-light-l),var(--border-o,1))}.border-warning-lighter{border-color:hsla(var(--color-warning-lighter-h),var(--color-warning-lighter-s),var(--color-warning-lighter-l),var(--border-o,1))}.border-error-darker{border-color:hsla(var(--color-error-darker-h),var(--color-error-darker-s),var(--color-error-darker-l),var(--border-o,1))}.border-error-dark{border-color:hsla(var(--color-error-dark-h),var(--color-error-dark-s),var(--color-error-dark-l),var(--border-o,1))}.border-error{border-color:hsla(var(--color-error-h),var(--color-error-s),var(--color-error-l),var(--border-o,1))}.border-error-light{border-color:hsla(var(--color-error-light-h),var(--color-error-light-s),var(--color-error-light-l),var(--border-o,1))}.border-error-lighter{border-color:hsla(var(--color-error-lighter-h),var(--color-error-lighter-s),var(--color-error-lighter-l),var(--border-o,1))}.border-white{border-color:hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),var(--border-o,1))}.border-black{border-color:hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),var(--border-o,1))}.border-opacity-0{--border-o:0}.border-opacity-10\%{--border-o:0.1}.border-opacity-20\%{--border-o:0.2}.border-opacity-30\%{--border-o:0.3}.border-opacity-40\%{--border-o:0.4}.border-opacity-50\%{--border-o:0.5}.border-opacity-60\%{--border-o:0.6}.border-opacity-70\%{--border-o:0.7}.border-opacity-80\%{--border-o:0.8}.border-opacity-90\%{--border-o:0.9}.radius-sm{border-radius:var(--radius-sm)}.radius-md{border-radius:var(--radius-md)}.radius-lg{border-radius:var(--radius-lg)}.radius-50\%{border-radius:50%}.radius-full{border-radius:50em}.radius-0{border-radius:0}.radius-inherit{border-radius:inherit}.radius-top-left-0{border-top-left-radius:0}.radius-top-right-0{border-top-right-radius:0}.radius-bottom-right-0{border-bottom-right-radius:0}.radius-bottom-left-0{border-bottom-left-radius:0}.bg,[class*=" bg-"],[class^=bg-]{--bg-o:1}.bg-transparent{background-color:transparent}.bg-inherit{background-color:inherit}.bg-darker{background-color:hsla(var(--color-bg-darker-h),var(--color-bg-darker-s),var(--color-bg-darker-l),var(--bg-o))}.bg-dark{background-color:hsla(var(--color-bg-dark-h),var(--color-bg-dark-s),var(--color-bg-dark-l),var(--bg-o))}.bg{background-color:hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),var(--bg-o))}.bg-light{background-color:hsla(var(--color-bg-light-h),var(--color-bg-light-s),var(--color-bg-light-l),var(--bg-o))}.bg-lighter{background-color:hsla(var(--color-bg-lighter-h),var(--color-bg-lighter-s),var(--color-bg-lighter-l),var(--bg-o))}.bg-contrast-lower{background-color:hsla(var(--color-contrast-lower-h),var(--color-contrast-lower-s),var(--color-contrast-lower-l),var(--bg-o,1))}.bg-contrast-low{background-color:hsla(var(--color-contrast-low-h),var(--color-contrast-low-s),var(--color-contrast-low-l),var(--bg-o,1))}.bg-contrast-medium{background-color:hsla(var(--color-contrast-medium-h),var(--color-contrast-medium-s),var(--color-contrast-medium-l),var(--bg-o,1))}.bg-contrast-high{background-color:hsla(var(--color-contrast-high-h),var(--color-contrast-high-s),var(--color-contrast-high-l),var(--bg-o,1))}.bg-contrast-higher{background-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--bg-o,1))}.bg-primary-darker{background-color:hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),var(--bg-o,1))}.bg-primary-dark{background-color:hsla(var(--color-primary-dark-h),var(--color-primary-dark-s),var(--color-primary-dark-l),var(--bg-o,1))}.bg-primary{background-color:hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),var(--bg-o,1))}.bg-primary-light{background-color:hsla(var(--color-primary-light-h),var(--color-primary-light-s),var(--color-primary-light-l),var(--bg-o,1))}.bg-primary-lighter{background-color:hsla(var(--color-primary-lighter-h),var(--color-primary-lighter-s),var(--color-primary-lighter-l),var(--bg-o,1))}.bg-accent-darker{background-color:hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),var(--bg-o,1))}.bg-accent-dark{background-color:hsla(var(--color-accent-dark-h),var(--color-accent-dark-s),var(--color-accent-dark-l),var(--bg-o,1))}.bg-accent{background-color:hsla(var(--color-accent-h),var(--color-accent-s),var(--color-accent-l),var(--bg-o,1))}.bg-accent-light{background-color:hsla(var(--color-accent-light-h),var(--color-accent-light-s),var(--color-accent-light-l),var(--bg-o,1))}.bg-accent-lighter{background-color:hsla(var(--color-accent-lighter-h),var(--color-accent-lighter-s),var(--color-accent-lighter-l),var(--bg-o,1))}.bg-success-darker{background-color:hsla(var(--color-success-darker-h),var(--color-success-darker-s),var(--color-success-darker-l),var(--bg-o,1))}.bg-success-dark{background-color:hsla(var(--color-success-dark-h),var(--color-success-dark-s),var(--color-success-dark-l),var(--bg-o,1))}.bg-success{background-color:hsla(var(--color-success-h),var(--color-success-s),var(--color-success-l),var(--bg-o,1))}.bg-success-light{background-color:hsla(var(--color-success-light-h),var(--color-success-light-s),var(--color-success-light-l),var(--bg-o,1))}.bg-success-lighter{background-color:hsla(var(--color-success-lighter-h),var(--color-success-lighter-s),var(--color-success-lighter-l),var(--bg-o,1))}.bg-warning-darker{background-color:hsla(var(--color-warning-darker-h),var(--color-warning-darker-s),var(--color-warning-darker-l),var(--bg-o,1))}.bg-warning-dark{background-color:hsla(var(--color-warning-dark-h),var(--color-warning-dark-s),var(--color-warning-dark-l),var(--bg-o,1))}.bg-warning{background-color:hsla(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l),var(--bg-o,1))}.bg-warning-light{background-color:hsla(var(--color-warning-light-h),var(--color-warning-light-s),var(--color-warning-light-l),var(--bg-o,1))}.bg-warning-lighter{background-color:hsla(var(--color-warning-lighter-h),var(--color-warning-lighter-s),var(--color-warning-lighter-l),var(--bg-o,1))}.bg-error-darker{background-color:hsla(var(--color-error-darker-h),var(--color-error-darker-s),var(--color-error-darker-l),var(--bg-o,1))}.bg-error-dark{background-color:hsla(var(--color-error-dark-h),var(--color-error-dark-s),var(--color-error-dark-l),var(--bg-o,1))}.bg-error{background-color:hsla(var(--color-error-h),var(--color-error-s),var(--color-error-l),var(--bg-o,1))}.bg-error-light{background-color:hsla(var(--color-error-light-h),var(--color-error-light-s),var(--color-error-light-l),var(--bg-o,1))}.bg-error-lighter{background-color:hsla(var(--color-error-lighter-h),var(--color-error-lighter-s),var(--color-error-lighter-l),var(--bg-o,1))}.bg-white{background-color:hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),var(--bg-o,1))}.bg-black{background-color:hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),var(--bg-o,1))}.bg-opacity-0{--bg-o:0}.bg-opacity-10\%{--bg-o:0.1}.bg-opacity-20\%{--bg-o:0.2}.bg-opacity-30\%{--bg-o:0.3}.bg-opacity-40\%{--bg-o:0.4}.bg-opacity-50\%{--bg-o:0.5}.bg-opacity-60\%{--bg-o:0.6}.bg-opacity-70\%{--bg-o:0.7}.bg-opacity-80\%{--bg-o:0.8}.bg-opacity-90\%{--bg-o:0.9}.bg-center{background-position:center}.bg-top{background-position:center top}.bg-right{background-position:right center}.bg-bottom{background-position:center bottom}.bg-left{background-position:left center}.bg-top-left{background-position:left top}.bg-top-right{background-position:right top}.bg-bottom-left{background-position:left bottom}.bg-bottom-right{background-position:right bottom}.bg-cover{background-size:cover}.bg-no-repeat{background-repeat:no-repeat}.backdrop-blur-10{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.backdrop-blur-20{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.isolate{isolation:isolate}.blend-multiply{mix-blend-mode:multiply}.blend-overlay{mix-blend-mode:overlay}.blend-difference{mix-blend-mode:difference}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.perspective-xs{perspective:250px}.perspective-sm{perspective:500px}.perspective-md{perspective:1000px}.perspective-lg{perspective:1500px}.perspective-xl{perspective:3000px}[class*=" -rotate"],[class*=" -scale"],[class*=" -skew"] [class^=skew],[class*=" -translate"],[class*=" flip"],[class*=" rotate"],[class*=" scale"],[class*=" skew"],[class*=" translate"],[class^=-rotate],[class^=-scale],[class^=-skew],[class^=-translate],[class^=flip],[class^=rotate],[class^=scale],[class^=translate]{--translate:0;--rotate:0;--skew:0;--scale:1;transform:translate3d(var(--translate-x,var(--translate)),var(--translate-y,var(--translate)),var(--translate-z,0)) rotateX(var(--rotate-x,0)) rotateY(var(--rotate-y,0)) rotateZ(var(--rotate-z,var(--rotate))) skewX(var(--skew-x,var(--skew))) skewY(var(--skew-y,0)) scaleX(var(--scale-x,var(--scale))) scaleY(var(--scale-y,var(--scale)))}.flip{--scale:-1}.flip-x{--scale-x:-1}.flip-y{--scale-y:-1}.rotate-90{--rotate:90deg}.rotate-180{--rotate:180deg}.rotate-270{--rotate:270deg}.-translate-50\%{--translate:-50%}.-translate-x-50\%{--translate-x:-50%}.-translate-y-50\%{--translate-y:-50%}.translate-50\%{--translate:50%}.translate-x-50\%{--translate-x:50%}.translate-y-50\%{--translate-y:50%}.origin-center{transform-origin:center}.origin-top{transform-origin:center top}.origin-right{transform-origin:right center}.origin-bottom{transform-origin:center bottom}.origin-left{transform-origin:left center}.origin-top-left{transform-origin:left top}.origin-top-right{transform-origin:right top}.origin-bottom-left{transform-origin:left bottom}.origin-bottom-right{transform-origin:right bottom}.fill-current{fill:currentColor}.stroke-current{stroke:currentColor}.stroke-1{stroke-width:1px}.stroke-2{stroke-width:2px}.stroke-3{stroke-width:3px}.stroke-4{stroke-width:4px}.visible{visibility:visible}.invisible{visibility:hidden}@media (min-width:32rem){.flex\@xs{display:flex}.inline-flex\@xs{display:inline-flex}.flex-wrap\@xs{flex-wrap:wrap}.flex-nowrap\@xs{flex-wrap:nowrap}.flex-column\@xs{flex-direction:column}.flex-column-reverse\@xs{flex-direction:column-reverse}.flex-row\@xs{flex-direction:row}.flex-row-reverse\@xs{flex-direction:row-reverse}.flex-center\@xs{place-items:center}.flex-grow\@xs{flex-grow:1}.flex-grow-0\@xs{flex-grow:0}.flex-shrink\@xs{flex-shrink:1}.flex-shrink-0\@xs{flex-shrink:0}.flex-basis-0\@xs{flex-basis:0}.justify-start\@xs{justify-content:flex-start}.justify-end\@xs{justify-content:flex-end}.justify-center\@xs{justify-content:center}.justify-between\@xs{justify-content:space-between}.items-center\@xs{align-items:center}.items-start\@xs{align-items:flex-start}.items-end\@xs{align-items:flex-end}.items-baseline\@xs{align-items:baseline}.order-1\@xs{order:1}.order-2\@xs{order:2}.order-3\@xs{order:3}.block\@xs{display:block}.inline-block\@xs{display:inline-block}.inline\@xs{display:inline}.contents\@xs{display:contents}.hide\@xs{display:none!important}.margin-xxxxs\@xs{margin:var(--space-xxxxs)}.margin-xxxs\@xs{margin:var(--space-xxxs)}.margin-xxs\@xs{margin:var(--space-xxs)}.margin-xs\@xs{margin:var(--space-xs)}.margin-sm\@xs{margin:var(--space-sm)}.margin-md\@xs{margin:var(--space-md)}.margin-lg\@xs{margin:var(--space-lg)}.margin-xl\@xs{margin:var(--space-xl)}.margin-xxl\@xs{margin:var(--space-xxl)}.margin-xxxl\@xs{margin:var(--space-xxxl)}.margin-xxxxl\@xs{margin:var(--space-xxxxl)}.margin-auto\@xs{margin:auto}.margin-0\@xs{margin:0}.margin-top-xxxxs\@xs{margin-top:var(--space-xxxxs)}.margin-top-xxxs\@xs{margin-top:var(--space-xxxs)}.margin-top-xxs\@xs{margin-top:var(--space-xxs)}.margin-top-xs\@xs{margin-top:var(--space-xs)}.margin-top-sm\@xs{margin-top:var(--space-sm)}.margin-top-md\@xs{margin-top:var(--space-md)}.margin-top-lg\@xs{margin-top:var(--space-lg)}.margin-top-xl\@xs{margin-top:var(--space-xl)}.margin-top-xxl\@xs{margin-top:var(--space-xxl)}.margin-top-xxxl\@xs{margin-top:var(--space-xxxl)}.margin-top-xxxxl\@xs{margin-top:var(--space-xxxxl)}.margin-top-auto\@xs{margin-top:auto}.margin-top-0\@xs{margin-top:0}.margin-bottom-xxxxs\@xs{margin-bottom:var(--space-xxxxs)}.margin-bottom-xxxs\@xs{margin-bottom:var(--space-xxxs)}.margin-bottom-xxs\@xs{margin-bottom:var(--space-xxs)}.margin-bottom-xs\@xs{margin-bottom:var(--space-xs)}.margin-bottom-sm\@xs{margin-bottom:var(--space-sm)}.margin-bottom-md\@xs{margin-bottom:var(--space-md)}.margin-bottom-lg\@xs{margin-bottom:var(--space-lg)}.margin-bottom-xl\@xs{margin-bottom:var(--space-xl)}.margin-bottom-xxl\@xs{margin-bottom:var(--space-xxl)}.margin-bottom-xxxl\@xs{margin-bottom:var(--space-xxxl)}.margin-bottom-xxxxl\@xs{margin-bottom:var(--space-xxxxl)}.margin-bottom-auto\@xs{margin-bottom:auto}.margin-bottom-0\@xs{margin-bottom:0}.margin-right-xxxxs\@xs{margin-right:var(--space-xxxxs)}.margin-right-xxxs\@xs{margin-right:var(--space-xxxs)}.margin-right-xxs\@xs{margin-right:var(--space-xxs)}.margin-right-xs\@xs{margin-right:var(--space-xs)}.margin-right-sm\@xs{margin-right:var(--space-sm)}.margin-right-md\@xs{margin-right:var(--space-md)}.margin-right-lg\@xs{margin-right:var(--space-lg)}.margin-right-xl\@xs{margin-right:var(--space-xl)}.margin-right-xxl\@xs{margin-right:var(--space-xxl)}.margin-right-xxxl\@xs{margin-right:var(--space-xxxl)}.margin-right-xxxxl\@xs{margin-right:var(--space-xxxxl)}.margin-right-auto\@xs{margin-right:auto}.margin-right-0\@xs{margin-right:0}.margin-left-xxxxs\@xs{margin-left:var(--space-xxxxs)}.margin-left-xxxs\@xs{margin-left:var(--space-xxxs)}.margin-left-xxs\@xs{margin-left:var(--space-xxs)}.margin-left-xs\@xs{margin-left:var(--space-xs)}.margin-left-sm\@xs{margin-left:var(--space-sm)}.margin-left-md\@xs{margin-left:var(--space-md)}.margin-left-lg\@xs{margin-left:var(--space-lg)}.margin-left-xl\@xs{margin-left:var(--space-xl)}.margin-left-xxl\@xs{margin-left:var(--space-xxl)}.margin-left-xxxl\@xs{margin-left:var(--space-xxxl)}.margin-left-xxxxl\@xs{margin-left:var(--space-xxxxl)}.margin-left-auto\@xs{margin-left:auto}.margin-left-0\@xs{margin-left:0}.margin-x-xxxxs\@xs{margin-left:var(--space-xxxxs);margin-right:var(--space-xxxxs)}.margin-x-xxxs\@xs{margin-left:var(--space-xxxs);margin-right:var(--space-xxxs)}.margin-x-xxs\@xs{margin-left:var(--space-xxs);margin-right:var(--space-xxs)}.margin-x-xs\@xs{margin-left:var(--space-xs);margin-right:var(--space-xs)}.margin-x-sm\@xs{margin-left:var(--space-sm);margin-right:var(--space-sm)}.margin-x-md\@xs{margin-left:var(--space-md);margin-right:var(--space-md)}.margin-x-lg\@xs{margin-left:var(--space-lg);margin-right:var(--space-lg)}.margin-x-xl\@xs{margin-left:var(--space-xl);margin-right:var(--space-xl)}.margin-x-xxl\@xs{margin-left:var(--space-xxl);margin-right:var(--space-xxl)}.margin-x-xxxl\@xs{margin-left:var(--space-xxxl);margin-right:var(--space-xxxl)}.margin-x-xxxxl\@xs{margin-left:var(--space-xxxxl);margin-right:var(--space-xxxxl)}.margin-x-auto\@xs{margin-left:auto;margin-right:auto}.margin-x-0\@xs{margin-left:0;margin-right:0}.margin-y-xxxxs\@xs{margin-top:var(--space-xxxxs);margin-bottom:var(--space-xxxxs)}.margin-y-xxxs\@xs{margin-top:var(--space-xxxs);margin-bottom:var(--space-xxxs)}.margin-y-xxs\@xs{margin-top:var(--space-xxs);margin-bottom:var(--space-xxs)}.margin-y-xs\@xs{margin-top:var(--space-xs);margin-bottom:var(--space-xs)}.margin-y-sm\@xs{margin-top:var(--space-sm);margin-bottom:var(--space-sm)}.margin-y-md\@xs{margin-top:var(--space-md);margin-bottom:var(--space-md)}.margin-y-lg\@xs{margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.margin-y-xl\@xs{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.margin-y-xxl\@xs{margin-top:var(--space-xxl);margin-bottom:var(--space-xxl)}.margin-y-xxxl\@xs{margin-top:var(--space-xxxl);margin-bottom:var(--space-xxxl)}.margin-y-xxxxl\@xs{margin-top:var(--space-xxxxl);margin-bottom:var(--space-xxxxl)}.margin-y-auto\@xs{margin-top:auto;margin-bottom:auto}.margin-y-0\@xs{margin-top:0;margin-bottom:0}.padding-xxxxs\@xs{padding:var(--space-xxxxs)}.padding-xxxs\@xs{padding:var(--space-xxxs)}.padding-xxs\@xs{padding:var(--space-xxs)}.padding-xs\@xs{padding:var(--space-xs)}.padding-sm\@xs{padding:var(--space-sm)}.padding-md\@xs{padding:var(--space-md)}.padding-lg\@xs{padding:var(--space-lg)}.padding-xl\@xs{padding:var(--space-xl)}.padding-xxl\@xs{padding:var(--space-xxl)}.padding-xxxl\@xs{padding:var(--space-xxxl)}.padding-xxxxl\@xs{padding:var(--space-xxxxl)}.padding-0\@xs{padding:0}.padding-component\@xs{padding:var(--component-padding)}.padding-top-xxxxs\@xs{padding-top:var(--space-xxxxs)}.padding-top-xxxs\@xs{padding-top:var(--space-xxxs)}.padding-top-xxs\@xs{padding-top:var(--space-xxs)}.padding-top-xs\@xs{padding-top:var(--space-xs)}.padding-top-sm\@xs{padding-top:var(--space-sm)}.padding-top-md\@xs{padding-top:var(--space-md)}.padding-top-lg\@xs{padding-top:var(--space-lg)}.padding-top-xl\@xs{padding-top:var(--space-xl)}.padding-top-xxl\@xs{padding-top:var(--space-xxl)}.padding-top-xxxl\@xs{padding-top:var(--space-xxxl)}.padding-top-xxxxl\@xs{padding-top:var(--space-xxxxl)}.padding-top-0\@xs{padding-top:0}.padding-top-component\@xs{padding-top:var(--component-padding)}.padding-bottom-xxxxs\@xs{padding-bottom:var(--space-xxxxs)}.padding-bottom-xxxs\@xs{padding-bottom:var(--space-xxxs)}.padding-bottom-xxs\@xs{padding-bottom:var(--space-xxs)}.padding-bottom-xs\@xs{padding-bottom:var(--space-xs)}.padding-bottom-sm\@xs{padding-bottom:var(--space-sm)}.padding-bottom-md\@xs{padding-bottom:var(--space-md)}.padding-bottom-lg\@xs{padding-bottom:var(--space-lg)}.padding-bottom-xl\@xs{padding-bottom:var(--space-xl)}.padding-bottom-xxl\@xs{padding-bottom:var(--space-xxl)}.padding-bottom-xxxl\@xs{padding-bottom:var(--space-xxxl)}.padding-bottom-xxxxl\@xs{padding-bottom:var(--space-xxxxl)}.padding-bottom-0\@xs{padding-bottom:0}.padding-bottom-component\@xs{padding-bottom:var(--component-padding)}.padding-right-xxxxs\@xs{padding-right:var(--space-xxxxs)}.padding-right-xxxs\@xs{padding-right:var(--space-xxxs)}.padding-right-xxs\@xs{padding-right:var(--space-xxs)}.padding-right-xs\@xs{padding-right:var(--space-xs)}.padding-right-sm\@xs{padding-right:var(--space-sm)}.padding-right-md\@xs{padding-right:var(--space-md)}.padding-right-lg\@xs{padding-right:var(--space-lg)}.padding-right-xl\@xs{padding-right:var(--space-xl)}.padding-right-xxl\@xs{padding-right:var(--space-xxl)}.padding-right-xxxl\@xs{padding-right:var(--space-xxxl)}.padding-right-xxxxl\@xs{padding-right:var(--space-xxxxl)}.padding-right-0\@xs{padding-right:0}.padding-right-component\@xs{padding-right:var(--component-padding)}.padding-left-xxxxs\@xs{padding-left:var(--space-xxxxs)}.padding-left-xxxs\@xs{padding-left:var(--space-xxxs)}.padding-left-xxs\@xs{padding-left:var(--space-xxs)}.padding-left-xs\@xs{padding-left:var(--space-xs)}.padding-left-sm\@xs{padding-left:var(--space-sm)}.padding-left-md\@xs{padding-left:var(--space-md)}.padding-left-lg\@xs{padding-left:var(--space-lg)}.padding-left-xl\@xs{padding-left:var(--space-xl)}.padding-left-xxl\@xs{padding-left:var(--space-xxl)}.padding-left-xxxl\@xs{padding-left:var(--space-xxxl)}.padding-left-xxxxl\@xs{padding-left:var(--space-xxxxl)}.padding-left-0\@xs{padding-left:0}.padding-left-component\@xs{padding-left:var(--component-padding)}.padding-x-xxxxs\@xs{padding-left:var(--space-xxxxs);padding-right:var(--space-xxxxs)}.padding-x-xxxs\@xs{padding-left:var(--space-xxxs);padding-right:var(--space-xxxs)}.padding-x-xxs\@xs{padding-left:var(--space-xxs);padding-right:var(--space-xxs)}.padding-x-xs\@xs{padding-left:var(--space-xs);padding-right:var(--space-xs)}.padding-x-sm\@xs{padding-left:var(--space-sm);padding-right:var(--space-sm)}.padding-x-md\@xs{padding-left:var(--space-md);padding-right:var(--space-md)}.padding-x-lg\@xs{padding-left:var(--space-lg);padding-right:var(--space-lg)}.padding-x-xl\@xs{padding-left:var(--space-xl);padding-right:var(--space-xl)}.padding-x-xxl\@xs{padding-left:var(--space-xxl);padding-right:var(--space-xxl)}.padding-x-xxxl\@xs{padding-left:var(--space-xxxl);padding-right:var(--space-xxxl)}.padding-x-xxxxl\@xs{padding-left:var(--space-xxxxl);padding-right:var(--space-xxxxl)}.padding-x-0\@xs{padding-left:0;padding-right:0}.padding-x-component\@xs{padding-left:var(--component-padding);padding-right:var(--component-padding)}.padding-y-xxxxs\@xs{padding-top:var(--space-xxxxs);padding-bottom:var(--space-xxxxs)}.padding-y-xxxs\@xs{padding-top:var(--space-xxxs);padding-bottom:var(--space-xxxs)}.padding-y-xxs\@xs{padding-top:var(--space-xxs);padding-bottom:var(--space-xxs)}.padding-y-xs\@xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.padding-y-sm\@xs{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.padding-y-md\@xs{padding-top:var(--space-md);padding-bottom:var(--space-md)}.padding-y-lg\@xs{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.padding-y-xl\@xs{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.padding-y-xxl\@xs{padding-top:var(--space-xxl);padding-bottom:var(--space-xxl)}.padding-y-xxxl\@xs{padding-top:var(--space-xxxl);padding-bottom:var(--space-xxxl)}.padding-y-xxxxl\@xs{padding-top:var(--space-xxxxl);padding-bottom:var(--space-xxxxl)}.padding-y-0\@xs{padding-top:0;padding-bottom:0}.padding-y-component\@xs{padding-top:var(--component-padding);padding-bottom:var(--component-padding)}.text-center\@xs{text-align:center}.text-left\@xs{text-align:left}.text-right\@xs{text-align:right}.text-justify\@xs{text-align:justify}.text-xs\@xs{font-size:var(--text-xs,.694em)}.text-sm\@xs{font-size:var(--text-sm,.833em)}.text-base\@xs{font-size:var(--text-unit,1em)}.text-md\@xs{font-size:var(--text-md,1.2em)}.text-lg\@xs{font-size:var(--text-lg,1.44em)}.text-xl\@xs{font-size:var(--text-xl,1.728em)}.text-xxl\@xs{font-size:var(--text-xxl,2.074em)}.text-xxxl\@xs{font-size:var(--text-xxxl,2.488em)}.text-xxxxl\@xs{font-size:var(--text-xxxxl,2.985em)}.width-xxxxs\@xs{width:var(--size-xxxxs,.25rem)}.width-xxxs\@xs{width:var(--size-xxxs,.5rem)}.width-xxs\@xs{width:var(--size-xxs,.75rem)}.width-xs\@xs{width:var(--size-xs,1rem)}.width-sm\@xs{width:var(--size-sm,1.5rem)}.width-md\@xs{width:var(--size-md,2rem)}.width-lg\@xs{width:var(--size-lg,3rem)}.width-xl\@xs{width:var(--size-xl,4rem)}.width-xxl\@xs{width:var(--size-xxl,6rem)}.width-xxxl\@xs{width:var(--size-xxxl,8rem)}.width-xxxxl\@xs{width:var(--size-xxxxl,16rem)}.width-0\@xs{width:0}.width-10\%\@xs{width:10%}.width-20\%\@xs{width:20%}.width-25\%\@xs{width:25%}.width-30\%\@xs{width:30%}.width-33\%\@xs{width:calc(100% / 3)}.width-40\%\@xs{width:40%}.width-50\%\@xs{width:50%}.width-60\%\@xs{width:60%}.width-66\%\@xs{width:calc(100% / 1.5)}.width-70\%\@xs{width:70%}.width-75\%\@xs{width:75%}.width-80\%\@xs{width:80%}.width-90\%\@xs{width:90%}.width-100\%\@xs{width:100%}.width-100vw\@xs{width:100vw}.width-auto\@xs{width:auto}.height-xxxxs\@xs{height:var(--size-xxxxs,.25rem)}.height-xxxs\@xs{height:var(--size-xxxs,.5rem)}.height-xxs\@xs{height:var(--size-xxs,.75rem)}.height-xs\@xs{height:var(--size-xs,1rem)}.height-sm\@xs{height:var(--size-sm,1.5rem)}.height-md\@xs{height:var(--size-md,2rem)}.height-lg\@xs{height:var(--size-lg,3rem)}.height-xl\@xs{height:var(--size-xl,4rem)}.height-xxl\@xs{height:var(--size-xxl,6rem)}.height-xxxl\@xs{height:var(--size-xxxl,8rem)}.height-xxxxl\@xs{height:var(--size-xxxxl,16rem)}.height-0\@xs{height:0}.height-10\%\@xs{height:10%}.height-20\%\@xs{height:20%}.height-25\%\@xs{height:25%}.height-30\%\@xs{height:30%}.height-33\%\@xs{height:calc(100% / 3)}.height-40\%\@xs{height:40%}.height-50\%\@xs{height:50%}.height-60\%\@xs{height:60%}.height-66\%\@xs{height:calc(100% / 1.5)}.height-70\%\@xs{height:70%}.height-75\%\@xs{height:75%}.height-80\%\@xs{height:80%}.height-90\%\@xs{height:90%}.height-100\%\@xs{height:100%}.height-100vh\@xs{height:100vh}.height-auto\@xs{height:auto}.max-width-xxxxs\@xs{max-width:var(--max-width-xxxxs)}.max-width-xxxs\@xs{max-width:var(--max-width-xxxs)}.max-width-xxs\@xs{max-width:var(--max-width-xxs)}.max-width-xs\@xs{max-width:var(--max-width-xs)}.max-width-sm\@xs{max-width:var(--max-width-sm)}.max-width-md\@xs{max-width:var(--max-width-md)}.max-width-lg\@xs{max-width:var(--max-width-lg)}.max-width-xl\@xs{max-width:var(--max-width-xl)}.max-width-xxl\@xs{max-width:var(--max-width-xxl)}.max-width-xxxl\@xs{max-width:var(--max-width-xxxl)}.max-width-xxxxl\@xs{max-width:var(--max-width-xxxxl)}.max-width-100\%\@xs{max-width:100%}.max-width-none\@xs{max-width:none}.position-relative\@xs{position:relative}.position-absolute\@xs{position:absolute}.position-fixed\@xs{position:fixed}.position-sticky\@xs{position:-webkit-sticky;position:sticky}.position-static\@xs{position:static}.inset-0\@xs{top:0;right:0;bottom:0;left:0}.top-0\@xs{top:0}.top-50\%\@xs{top:50%}.top-xxxxs\@xs{top:var(--space-xxxxs)}.top-xxxs\@xs{top:var(--space-xxxs)}.top-xxs\@xs{top:var(--space-xxs)}.top-xs\@xs{top:var(--space-xs)}.top-sm\@xs{top:var(--space-sm)}.top-md\@xs{top:var(--space-md)}.top-lg\@xs{top:var(--space-lg)}.top-xl\@xs{top:var(--space-xl)}.top-xxl\@xs{top:var(--space-xxl)}.top-xxxl\@xs{top:var(--space-xxxl)}.top-xxxxl\@xs{top:var(--space-xxxxl)}.bottom-0\@xs{bottom:0}.bottom-50\%\@xs{bottom:50%}.bottom-xxxxs\@xs{bottom:var(--space-xxxxs)}.bottom-xxxs\@xs{bottom:var(--space-xxxs)}.bottom-xxs\@xs{bottom:var(--space-xxs)}.bottom-xs\@xs{bottom:var(--space-xs)}.bottom-sm\@xs{bottom:var(--space-sm)}.bottom-md\@xs{bottom:var(--space-md)}.bottom-lg\@xs{bottom:var(--space-lg)}.bottom-xl\@xs{bottom:var(--space-xl)}.bottom-xxl\@xs{bottom:var(--space-xxl)}.bottom-xxxl\@xs{bottom:var(--space-xxxl)}.bottom-xxxxl\@xs{bottom:var(--space-xxxxl)}.right-0\@xs{right:0}.right-50\%\@xs{right:50%}.right-xxxxs\@xs{right:var(--space-xxxxs)}.right-xxxs\@xs{right:var(--space-xxxs)}.right-xxs\@xs{right:var(--space-xxs)}.right-xs\@xs{right:var(--space-xs)}.right-sm\@xs{right:var(--space-sm)}.right-md\@xs{right:var(--space-md)}.right-lg\@xs{right:var(--space-lg)}.right-xl\@xs{right:var(--space-xl)}.right-xxl\@xs{right:var(--space-xxl)}.right-xxxl\@xs{right:var(--space-xxxl)}.right-xxxxl\@xs{right:var(--space-xxxxl)}.left-0\@xs{left:0}.left-50\%\@xs{left:50%}.left-xxxxs\@xs{left:var(--space-xxxxs)}.left-xxxs\@xs{left:var(--space-xxxs)}.left-xxs\@xs{left:var(--space-xxs)}.left-xs\@xs{left:var(--space-xs)}.left-sm\@xs{left:var(--space-sm)}.left-md\@xs{left:var(--space-md)}.left-lg\@xs{left:var(--space-lg)}.left-xl\@xs{left:var(--space-xl)}.left-xxl\@xs{left:var(--space-xxl)}.left-xxxl\@xs{left:var(--space-xxxl)}.left-xxxxl\@xs{left:var(--space-xxxxl)}.overflow-hidden\@xs{overflow:hidden}.overflow-auto\@xs{overflow:auto}.momentum-scrolling\@xs{-webkit-overflow-scrolling:touch}.overscroll-contain\@xs{overscroll-behavior:contain}.visible\@xs{visibility:visible}.invisible\@xs{visibility:hidden}}@media not all and (min-width:32rem){.display\@xs{display:none!important}}@media (min-width:48rem){.flex\@sm{display:flex}.inline-flex\@sm{display:inline-flex}.flex-wrap\@sm{flex-wrap:wrap}.flex-nowrap\@sm{flex-wrap:nowrap}.flex-column\@sm{flex-direction:column}.flex-column-reverse\@sm{flex-direction:column-reverse}.flex-row\@sm{flex-direction:row}.flex-row-reverse\@sm{flex-direction:row-reverse}.flex-center\@sm{place-items:center}.flex-grow\@sm{flex-grow:1}.flex-grow-0\@sm{flex-grow:0}.flex-shrink\@sm{flex-shrink:1}.flex-shrink-0\@sm{flex-shrink:0}.flex-basis-0\@sm{flex-basis:0}.justify-start\@sm{justify-content:flex-start}.justify-end\@sm{justify-content:flex-end}.justify-center\@sm{justify-content:center}.justify-between\@sm{justify-content:space-between}.items-center\@sm{align-items:center}.items-start\@sm{align-items:flex-start}.items-end\@sm{align-items:flex-end}.items-baseline\@sm{align-items:baseline}.order-1\@sm{order:1}.order-2\@sm{order:2}.order-3\@sm{order:3}.block\@sm{display:block}.inline-block\@sm{display:inline-block}.inline\@sm{display:inline}.contents\@sm{display:contents}.hide\@sm{display:none!important}.margin-xxxxs\@sm{margin:var(--space-xxxxs)}.margin-xxxs\@sm{margin:var(--space-xxxs)}.margin-xxs\@sm{margin:var(--space-xxs)}.margin-xs\@sm{margin:var(--space-xs)}.margin-sm\@sm{margin:var(--space-sm)}.margin-md\@sm{margin:var(--space-md)}.margin-lg\@sm{margin:var(--space-lg)}.margin-xl\@sm{margin:var(--space-xl)}.margin-xxl\@sm{margin:var(--space-xxl)}.margin-xxxl\@sm{margin:var(--space-xxxl)}.margin-xxxxl\@sm{margin:var(--space-xxxxl)}.margin-auto\@sm{margin:auto}.margin-0\@sm{margin:0}.margin-top-xxxxs\@sm{margin-top:var(--space-xxxxs)}.margin-top-xxxs\@sm{margin-top:var(--space-xxxs)}.margin-top-xxs\@sm{margin-top:var(--space-xxs)}.margin-top-xs\@sm{margin-top:var(--space-xs)}.margin-top-sm\@sm{margin-top:var(--space-sm)}.margin-top-md\@sm{margin-top:var(--space-md)}.margin-top-lg\@sm{margin-top:var(--space-lg)}.margin-top-xl\@sm{margin-top:var(--space-xl)}.margin-top-xxl\@sm{margin-top:var(--space-xxl)}.margin-top-xxxl\@sm{margin-top:var(--space-xxxl)}.margin-top-xxxxl\@sm{margin-top:var(--space-xxxxl)}.margin-top-auto\@sm{margin-top:auto}.margin-top-0\@sm{margin-top:0}.margin-bottom-xxxxs\@sm{margin-bottom:var(--space-xxxxs)}.margin-bottom-xxxs\@sm{margin-bottom:var(--space-xxxs)}.margin-bottom-xxs\@sm{margin-bottom:var(--space-xxs)}.margin-bottom-xs\@sm{margin-bottom:var(--space-xs)}.margin-bottom-sm\@sm{margin-bottom:var(--space-sm)}.margin-bottom-md\@sm{margin-bottom:var(--space-md)}.margin-bottom-lg\@sm{margin-bottom:var(--space-lg)}.margin-bottom-xl\@sm{margin-bottom:var(--space-xl)}.margin-bottom-xxl\@sm{margin-bottom:var(--space-xxl)}.margin-bottom-xxxl\@sm{margin-bottom:var(--space-xxxl)}.margin-bottom-xxxxl\@sm{margin-bottom:var(--space-xxxxl)}.margin-bottom-auto\@sm{margin-bottom:auto}.margin-bottom-0\@sm{margin-bottom:0}.margin-right-xxxxs\@sm{margin-right:var(--space-xxxxs)}.margin-right-xxxs\@sm{margin-right:var(--space-xxxs)}.margin-right-xxs\@sm{margin-right:var(--space-xxs)}.margin-right-xs\@sm{margin-right:var(--space-xs)}.margin-right-sm\@sm{margin-right:var(--space-sm)}.margin-right-md\@sm{margin-right:var(--space-md)}.margin-right-lg\@sm{margin-right:var(--space-lg)}.margin-right-xl\@sm{margin-right:var(--space-xl)}.margin-right-xxl\@sm{margin-right:var(--space-xxl)}.margin-right-xxxl\@sm{margin-right:var(--space-xxxl)}.margin-right-xxxxl\@sm{margin-right:var(--space-xxxxl)}.margin-right-auto\@sm{margin-right:auto}.margin-right-0\@sm{margin-right:0}.margin-left-xxxxs\@sm{margin-left:var(--space-xxxxs)}.margin-left-xxxs\@sm{margin-left:var(--space-xxxs)}.margin-left-xxs\@sm{margin-left:var(--space-xxs)}.margin-left-xs\@sm{margin-left:var(--space-xs)}.margin-left-sm\@sm{margin-left:var(--space-sm)}.margin-left-md\@sm{margin-left:var(--space-md)}.margin-left-lg\@sm{margin-left:var(--space-lg)}.margin-left-xl\@sm{margin-left:var(--space-xl)}.margin-left-xxl\@sm{margin-left:var(--space-xxl)}.margin-left-xxxl\@sm{margin-left:var(--space-xxxl)}.margin-left-xxxxl\@sm{margin-left:var(--space-xxxxl)}.margin-left-auto\@sm{margin-left:auto}.margin-left-0\@sm{margin-left:0}.margin-x-xxxxs\@sm{margin-left:var(--space-xxxxs);margin-right:var(--space-xxxxs)}.margin-x-xxxs\@sm{margin-left:var(--space-xxxs);margin-right:var(--space-xxxs)}.margin-x-xxs\@sm{margin-left:var(--space-xxs);margin-right:var(--space-xxs)}.margin-x-xs\@sm{margin-left:var(--space-xs);margin-right:var(--space-xs)}.margin-x-sm\@sm{margin-left:var(--space-sm);margin-right:var(--space-sm)}.margin-x-md\@sm{margin-left:var(--space-md);margin-right:var(--space-md)}.margin-x-lg\@sm{margin-left:var(--space-lg);margin-right:var(--space-lg)}.margin-x-xl\@sm{margin-left:var(--space-xl);margin-right:var(--space-xl)}.margin-x-xxl\@sm{margin-left:var(--space-xxl);margin-right:var(--space-xxl)}.margin-x-xxxl\@sm{margin-left:var(--space-xxxl);margin-right:var(--space-xxxl)}.margin-x-xxxxl\@sm{margin-left:var(--space-xxxxl);margin-right:var(--space-xxxxl)}.margin-x-auto\@sm{margin-left:auto;margin-right:auto}.margin-x-0\@sm{margin-left:0;margin-right:0}.margin-y-xxxxs\@sm{margin-top:var(--space-xxxxs);margin-bottom:var(--space-xxxxs)}.margin-y-xxxs\@sm{margin-top:var(--space-xxxs);margin-bottom:var(--space-xxxs)}.margin-y-xxs\@sm{margin-top:var(--space-xxs);margin-bottom:var(--space-xxs)}.margin-y-xs\@sm{margin-top:var(--space-xs);margin-bottom:var(--space-xs)}.margin-y-sm\@sm{margin-top:var(--space-sm);margin-bottom:var(--space-sm)}.margin-y-md\@sm{margin-top:var(--space-md);margin-bottom:var(--space-md)}.margin-y-lg\@sm{margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.margin-y-xl\@sm{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.margin-y-xxl\@sm{margin-top:var(--space-xxl);margin-bottom:var(--space-xxl)}.margin-y-xxxl\@sm{margin-top:var(--space-xxxl);margin-bottom:var(--space-xxxl)}.margin-y-xxxxl\@sm{margin-top:var(--space-xxxxl);margin-bottom:var(--space-xxxxl)}.margin-y-auto\@sm{margin-top:auto;margin-bottom:auto}.margin-y-0\@sm{margin-top:0;margin-bottom:0}.padding-xxxxs\@sm{padding:var(--space-xxxxs)}.padding-xxxs\@sm{padding:var(--space-xxxs)}.padding-xxs\@sm{padding:var(--space-xxs)}.padding-xs\@sm{padding:var(--space-xs)}.padding-sm\@sm{padding:var(--space-sm)}.padding-md\@sm{padding:var(--space-md)}.padding-lg\@sm{padding:var(--space-lg)}.padding-xl\@sm{padding:var(--space-xl)}.padding-xxl\@sm{padding:var(--space-xxl)}.padding-xxxl\@sm{padding:var(--space-xxxl)}.padding-xxxxl\@sm{padding:var(--space-xxxxl)}.padding-0\@sm{padding:0}.padding-component\@sm{padding:var(--component-padding)}.padding-top-xxxxs\@sm{padding-top:var(--space-xxxxs)}.padding-top-xxxs\@sm{padding-top:var(--space-xxxs)}.padding-top-xxs\@sm{padding-top:var(--space-xxs)}.padding-top-xs\@sm{padding-top:var(--space-xs)}.padding-top-sm\@sm{padding-top:var(--space-sm)}.padding-top-md\@sm{padding-top:var(--space-md)}.padding-top-lg\@sm{padding-top:var(--space-lg)}.padding-top-xl\@sm{padding-top:var(--space-xl)}.padding-top-xxl\@sm{padding-top:var(--space-xxl)}.padding-top-xxxl\@sm{padding-top:var(--space-xxxl)}.padding-top-xxxxl\@sm{padding-top:var(--space-xxxxl)}.padding-top-0\@sm{padding-top:0}.padding-top-component\@sm{padding-top:var(--component-padding)}.padding-bottom-xxxxs\@sm{padding-bottom:var(--space-xxxxs)}.padding-bottom-xxxs\@sm{padding-bottom:var(--space-xxxs)}.padding-bottom-xxs\@sm{padding-bottom:var(--space-xxs)}.padding-bottom-xs\@sm{padding-bottom:var(--space-xs)}.padding-bottom-sm\@sm{padding-bottom:var(--space-sm)}.padding-bottom-md\@sm{padding-bottom:var(--space-md)}.padding-bottom-lg\@sm{padding-bottom:var(--space-lg)}.padding-bottom-xl\@sm{padding-bottom:var(--space-xl)}.padding-bottom-xxl\@sm{padding-bottom:var(--space-xxl)}.padding-bottom-xxxl\@sm{padding-bottom:var(--space-xxxl)}.padding-bottom-xxxxl\@sm{padding-bottom:var(--space-xxxxl)}.padding-bottom-0\@sm{padding-bottom:0}.padding-bottom-component\@sm{padding-bottom:var(--component-padding)}.padding-right-xxxxs\@sm{padding-right:var(--space-xxxxs)}.padding-right-xxxs\@sm{padding-right:var(--space-xxxs)}.padding-right-xxs\@sm{padding-right:var(--space-xxs)}.padding-right-xs\@sm{padding-right:var(--space-xs)}.padding-right-sm\@sm{padding-right:var(--space-sm)}.padding-right-md\@sm{padding-right:var(--space-md)}.padding-right-lg\@sm{padding-right:var(--space-lg)}.padding-right-xl\@sm{padding-right:var(--space-xl)}.padding-right-xxl\@sm{padding-right:var(--space-xxl)}.padding-right-xxxl\@sm{padding-right:var(--space-xxxl)}.padding-right-xxxxl\@sm{padding-right:var(--space-xxxxl)}.padding-right-0\@sm{padding-right:0}.padding-right-component\@sm{padding-right:var(--component-padding)}.padding-left-xxxxs\@sm{padding-left:var(--space-xxxxs)}.padding-left-xxxs\@sm{padding-left:var(--space-xxxs)}.padding-left-xxs\@sm{padding-left:var(--space-xxs)}.padding-left-xs\@sm{padding-left:var(--space-xs)}.padding-left-sm\@sm{padding-left:var(--space-sm)}.padding-left-md\@sm{padding-left:var(--space-md)}.padding-left-lg\@sm{padding-left:var(--space-lg)}.padding-left-xl\@sm{padding-left:var(--space-xl)}.padding-left-xxl\@sm{padding-left:var(--space-xxl)}.padding-left-xxxl\@sm{padding-left:var(--space-xxxl)}.padding-left-xxxxl\@sm{padding-left:var(--space-xxxxl)}.padding-left-0\@sm{padding-left:0}.padding-left-component\@sm{padding-left:var(--component-padding)}.padding-x-xxxxs\@sm{padding-left:var(--space-xxxxs);padding-right:var(--space-xxxxs)}.padding-x-xxxs\@sm{padding-left:var(--space-xxxs);padding-right:var(--space-xxxs)}.padding-x-xxs\@sm{padding-left:var(--space-xxs);padding-right:var(--space-xxs)}.padding-x-xs\@sm{padding-left:var(--space-xs);padding-right:var(--space-xs)}.padding-x-sm\@sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.padding-x-md\@sm{padding-left:var(--space-md);padding-right:var(--space-md)}.padding-x-lg\@sm{padding-left:var(--space-lg);padding-right:var(--space-lg)}.padding-x-xl\@sm{padding-left:var(--space-xl);padding-right:var(--space-xl)}.padding-x-xxl\@sm{padding-left:var(--space-xxl);padding-right:var(--space-xxl)}.padding-x-xxxl\@sm{padding-left:var(--space-xxxl);padding-right:var(--space-xxxl)}.padding-x-xxxxl\@sm{padding-left:var(--space-xxxxl);padding-right:var(--space-xxxxl)}.padding-x-0\@sm{padding-left:0;padding-right:0}.padding-x-component\@sm{padding-left:var(--component-padding);padding-right:var(--component-padding)}.padding-y-xxxxs\@sm{padding-top:var(--space-xxxxs);padding-bottom:var(--space-xxxxs)}.padding-y-xxxs\@sm{padding-top:var(--space-xxxs);padding-bottom:var(--space-xxxs)}.padding-y-xxs\@sm{padding-top:var(--space-xxs);padding-bottom:var(--space-xxs)}.padding-y-xs\@sm{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.padding-y-sm\@sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.padding-y-md\@sm{padding-top:var(--space-md);padding-bottom:var(--space-md)}.padding-y-lg\@sm{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.padding-y-xl\@sm{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.padding-y-xxl\@sm{padding-top:var(--space-xxl);padding-bottom:var(--space-xxl)}.padding-y-xxxl\@sm{padding-top:var(--space-xxxl);padding-bottom:var(--space-xxxl)}.padding-y-xxxxl\@sm{padding-top:var(--space-xxxxl);padding-bottom:var(--space-xxxxl)}.padding-y-0\@sm{padding-top:0;padding-bottom:0}.padding-y-component\@sm{padding-top:var(--component-padding);padding-bottom:var(--component-padding)}.text-center\@sm{text-align:center}.text-left\@sm{text-align:left}.text-right\@sm{text-align:right}.text-justify\@sm{text-align:justify}.text-xs\@sm{font-size:var(--text-xs,.694em)}.text-sm\@sm{font-size:var(--text-sm,.833em)}.text-base\@sm{font-size:var(--text-unit,1em)}.text-md\@sm{font-size:var(--text-md,1.2em)}.text-lg\@sm{font-size:var(--text-lg,1.44em)}.text-xl\@sm{font-size:var(--text-xl,1.728em)}.text-xxl\@sm{font-size:var(--text-xxl,2.074em)}.text-xxxl\@sm{font-size:var(--text-xxxl,2.488em)}.text-xxxxl\@sm{font-size:var(--text-xxxxl,2.985em)}.width-xxxxs\@sm{width:var(--size-xxxxs,.25rem)}.width-xxxs\@sm{width:var(--size-xxxs,.5rem)}.width-xxs\@sm{width:var(--size-xxs,.75rem)}.width-xs\@sm{width:var(--size-xs,1rem)}.width-sm\@sm{width:var(--size-sm,1.5rem)}.width-md\@sm{width:var(--size-md,2rem)}.width-lg\@sm{width:var(--size-lg,3rem)}.width-xl\@sm{width:var(--size-xl,4rem)}.width-xxl\@sm{width:var(--size-xxl,6rem)}.width-xxxl\@sm{width:var(--size-xxxl,8rem)}.width-xxxxl\@sm{width:var(--size-xxxxl,16rem)}.width-0\@sm{width:0}.width-10\%\@sm{width:10%}.width-20\%\@sm{width:20%}.width-25\%\@sm{width:25%}.width-30\%\@sm{width:30%}.width-33\%\@sm{width:calc(100% / 3)}.width-40\%\@sm{width:40%}.width-50\%\@sm{width:50%}.width-60\%\@sm{width:60%}.width-66\%\@sm{width:calc(100% / 1.5)}.width-70\%\@sm{width:70%}.width-75\%\@sm{width:75%}.width-80\%\@sm{width:80%}.width-90\%\@sm{width:90%}.width-100\%\@sm{width:100%}.width-100vw\@sm{width:100vw}.width-auto\@sm{width:auto}.height-xxxxs\@sm{height:var(--size-xxxxs,.25rem)}.height-xxxs\@sm{height:var(--size-xxxs,.5rem)}.height-xxs\@sm{height:var(--size-xxs,.75rem)}.height-xs\@sm{height:var(--size-xs,1rem)}.height-sm\@sm{height:var(--size-sm,1.5rem)}.height-md\@sm{height:var(--size-md,2rem)}.height-lg\@sm{height:var(--size-lg,3rem)}.height-xl\@sm{height:var(--size-xl,4rem)}.height-xxl\@sm{height:var(--size-xxl,6rem)}.height-xxxl\@sm{height:var(--size-xxxl,8rem)}.height-xxxxl\@sm{height:var(--size-xxxxl,16rem)}.height-0\@sm{height:0}.height-10\%\@sm{height:10%}.height-20\%\@sm{height:20%}.height-25\%\@sm{height:25%}.height-30\%\@sm{height:30%}.height-33\%\@sm{height:calc(100% / 3)}.height-40\%\@sm{height:40%}.height-50\%\@sm{height:50%}.height-60\%\@sm{height:60%}.height-66\%\@sm{height:calc(100% / 1.5)}.height-70\%\@sm{height:70%}.height-75\%\@sm{height:75%}.height-80\%\@sm{height:80%}.height-90\%\@sm{height:90%}.height-100\%\@sm{height:100%}.height-100vh\@sm{height:100vh}.height-auto\@sm{height:auto}.max-width-xxxxs\@sm{max-width:var(--max-width-xxxxs)}.max-width-xxxs\@sm{max-width:var(--max-width-xxxs)}.max-width-xxs\@sm{max-width:var(--max-width-xxs)}.max-width-xs\@sm{max-width:var(--max-width-xs)}.max-width-sm\@sm{max-width:var(--max-width-sm)}.max-width-md\@sm{max-width:var(--max-width-md)}.max-width-lg\@sm{max-width:var(--max-width-lg)}.max-width-xl\@sm{max-width:var(--max-width-xl)}.max-width-xxl\@sm{max-width:var(--max-width-xxl)}.max-width-xxxl\@sm{max-width:var(--max-width-xxxl)}.max-width-xxxxl\@sm{max-width:var(--max-width-xxxxl)}.max-width-100\%\@sm{max-width:100%}.max-width-none\@sm{max-width:none}.position-relative\@sm{position:relative}.position-absolute\@sm{position:absolute}.position-fixed\@sm{position:fixed}.position-sticky\@sm{position:-webkit-sticky;position:sticky}.position-static\@sm{position:static}.inset-0\@sm{top:0;right:0;bottom:0;left:0}.top-0\@sm{top:0}.top-50\%\@sm{top:50%}.top-xxxxs\@sm{top:var(--space-xxxxs)}.top-xxxs\@sm{top:var(--space-xxxs)}.top-xxs\@sm{top:var(--space-xxs)}.top-xs\@sm{top:var(--space-xs)}.top-sm\@sm{top:var(--space-sm)}.top-md\@sm{top:var(--space-md)}.top-lg\@sm{top:var(--space-lg)}.top-xl\@sm{top:var(--space-xl)}.top-xxl\@sm{top:var(--space-xxl)}.top-xxxl\@sm{top:var(--space-xxxl)}.top-xxxxl\@sm{top:var(--space-xxxxl)}.bottom-0\@sm{bottom:0}.bottom-50\%\@sm{bottom:50%}.bottom-xxxxs\@sm{bottom:var(--space-xxxxs)}.bottom-xxxs\@sm{bottom:var(--space-xxxs)}.bottom-xxs\@sm{bottom:var(--space-xxs)}.bottom-xs\@sm{bottom:var(--space-xs)}.bottom-sm\@sm{bottom:var(--space-sm)}.bottom-md\@sm{bottom:var(--space-md)}.bottom-lg\@sm{bottom:var(--space-lg)}.bottom-xl\@sm{bottom:var(--space-xl)}.bottom-xxl\@sm{bottom:var(--space-xxl)}.bottom-xxxl\@sm{bottom:var(--space-xxxl)}.bottom-xxxxl\@sm{bottom:var(--space-xxxxl)}.right-0\@sm{right:0}.right-50\%\@sm{right:50%}.right-xxxxs\@sm{right:var(--space-xxxxs)}.right-xxxs\@sm{right:var(--space-xxxs)}.right-xxs\@sm{right:var(--space-xxs)}.right-xs\@sm{right:var(--space-xs)}.right-sm\@sm{right:var(--space-sm)}.right-md\@sm{right:var(--space-md)}.right-lg\@sm{right:var(--space-lg)}.right-xl\@sm{right:var(--space-xl)}.right-xxl\@sm{right:var(--space-xxl)}.right-xxxl\@sm{right:var(--space-xxxl)}.right-xxxxl\@sm{right:var(--space-xxxxl)}.left-0\@sm{left:0}.left-50\%\@sm{left:50%}.left-xxxxs\@sm{left:var(--space-xxxxs)}.left-xxxs\@sm{left:var(--space-xxxs)}.left-xxs\@sm{left:var(--space-xxs)}.left-xs\@sm{left:var(--space-xs)}.left-sm\@sm{left:var(--space-sm)}.left-md\@sm{left:var(--space-md)}.left-lg\@sm{left:var(--space-lg)}.left-xl\@sm{left:var(--space-xl)}.left-xxl\@sm{left:var(--space-xxl)}.left-xxxl\@sm{left:var(--space-xxxl)}.left-xxxxl\@sm{left:var(--space-xxxxl)}.overflow-hidden\@sm{overflow:hidden}.overflow-auto\@sm{overflow:auto}.momentum-scrolling\@sm{-webkit-overflow-scrolling:touch}.overscroll-contain\@sm{overscroll-behavior:contain}.visible\@sm{visibility:visible}.invisible\@sm{visibility:hidden}}@media not all and (min-width:48rem){.display\@sm{display:none!important}}@media (min-width:64rem){.flex\@md{display:flex}.inline-flex\@md{display:inline-flex}.flex-wrap\@md{flex-wrap:wrap}.flex-nowrap\@md{flex-wrap:nowrap}.flex-column\@md{flex-direction:column}.flex-column-reverse\@md{flex-direction:column-reverse}.flex-row\@md{flex-direction:row}.flex-row-reverse\@md{flex-direction:row-reverse}.flex-center\@md{place-items:center}.flex-grow\@md{flex-grow:1}.flex-grow-0\@md{flex-grow:0}.flex-shrink\@md{flex-shrink:1}.flex-shrink-0\@md{flex-shrink:0}.flex-basis-0\@md{flex-basis:0}.justify-start\@md{justify-content:flex-start}.justify-end\@md{justify-content:flex-end}.justify-center\@md{justify-content:center}.justify-between\@md{justify-content:space-between}.items-center\@md{align-items:center}.items-start\@md{align-items:flex-start}.items-end\@md{align-items:flex-end}.items-baseline\@md{align-items:baseline}.order-1\@md{order:1}.order-2\@md{order:2}.order-3\@md{order:3}.block\@md{display:block}.inline-block\@md{display:inline-block}.inline\@md{display:inline}.contents\@md{display:contents}.hide\@md{display:none!important}.margin-xxxxs\@md{margin:var(--space-xxxxs)}.margin-xxxs\@md{margin:var(--space-xxxs)}.margin-xxs\@md{margin:var(--space-xxs)}.margin-xs\@md{margin:var(--space-xs)}.margin-sm\@md{margin:var(--space-sm)}.margin-md\@md{margin:var(--space-md)}.margin-lg\@md{margin:var(--space-lg)}.margin-xl\@md{margin:var(--space-xl)}.margin-xxl\@md{margin:var(--space-xxl)}.margin-xxxl\@md{margin:var(--space-xxxl)}.margin-xxxxl\@md{margin:var(--space-xxxxl)}.margin-auto\@md{margin:auto}.margin-0\@md{margin:0}.margin-top-xxxxs\@md{margin-top:var(--space-xxxxs)}.margin-top-xxxs\@md{margin-top:var(--space-xxxs)}.margin-top-xxs\@md{margin-top:var(--space-xxs)}.margin-top-xs\@md{margin-top:var(--space-xs)}.margin-top-sm\@md{margin-top:var(--space-sm)}.margin-top-md\@md{margin-top:var(--space-md)}.margin-top-lg\@md{margin-top:var(--space-lg)}.margin-top-xl\@md{margin-top:var(--space-xl)}.margin-top-xxl\@md{margin-top:var(--space-xxl)}.margin-top-xxxl\@md{margin-top:var(--space-xxxl)}.margin-top-xxxxl\@md{margin-top:var(--space-xxxxl)}.margin-top-auto\@md{margin-top:auto}.margin-top-0\@md{margin-top:0}.margin-bottom-xxxxs\@md{margin-bottom:var(--space-xxxxs)}.margin-bottom-xxxs\@md{margin-bottom:var(--space-xxxs)}.margin-bottom-xxs\@md{margin-bottom:var(--space-xxs)}.margin-bottom-xs\@md{margin-bottom:var(--space-xs)}.margin-bottom-sm\@md{margin-bottom:var(--space-sm)}.margin-bottom-md\@md{margin-bottom:var(--space-md)}.margin-bottom-lg\@md{margin-bottom:var(--space-lg)}.margin-bottom-xl\@md{margin-bottom:var(--space-xl)}.margin-bottom-xxl\@md{margin-bottom:var(--space-xxl)}.margin-bottom-xxxl\@md{margin-bottom:var(--space-xxxl)}.margin-bottom-xxxxl\@md{margin-bottom:var(--space-xxxxl)}.margin-bottom-auto\@md{margin-bottom:auto}.margin-bottom-0\@md{margin-bottom:0}.margin-right-xxxxs\@md{margin-right:var(--space-xxxxs)}.margin-right-xxxs\@md{margin-right:var(--space-xxxs)}.margin-right-xxs\@md{margin-right:var(--space-xxs)}.margin-right-xs\@md{margin-right:var(--space-xs)}.margin-right-sm\@md{margin-right:var(--space-sm)}.margin-right-md\@md{margin-right:var(--space-md)}.margin-right-lg\@md{margin-right:var(--space-lg)}.margin-right-xl\@md{margin-right:var(--space-xl)}.margin-right-xxl\@md{margin-right:var(--space-xxl)}.margin-right-xxxl\@md{margin-right:var(--space-xxxl)}.margin-right-xxxxl\@md{margin-right:var(--space-xxxxl)}.margin-right-auto\@md{margin-right:auto}.margin-right-0\@md{margin-right:0}.margin-left-xxxxs\@md{margin-left:var(--space-xxxxs)}.margin-left-xxxs\@md{margin-left:var(--space-xxxs)}.margin-left-xxs\@md{margin-left:var(--space-xxs)}.margin-left-xs\@md{margin-left:var(--space-xs)}.margin-left-sm\@md{margin-left:var(--space-sm)}.margin-left-md\@md{margin-left:var(--space-md)}.margin-left-lg\@md{margin-left:var(--space-lg)}.margin-left-xl\@md{margin-left:var(--space-xl)}.margin-left-xxl\@md{margin-left:var(--space-xxl)}.margin-left-xxxl\@md{margin-left:var(--space-xxxl)}.margin-left-xxxxl\@md{margin-left:var(--space-xxxxl)}.margin-left-auto\@md{margin-left:auto}.margin-left-0\@md{margin-left:0}.margin-x-xxxxs\@md{margin-left:var(--space-xxxxs);margin-right:var(--space-xxxxs)}.margin-x-xxxs\@md{margin-left:var(--space-xxxs);margin-right:var(--space-xxxs)}.margin-x-xxs\@md{margin-left:var(--space-xxs);margin-right:var(--space-xxs)}.margin-x-xs\@md{margin-left:var(--space-xs);margin-right:var(--space-xs)}.margin-x-sm\@md{margin-left:var(--space-sm);margin-right:var(--space-sm)}.margin-x-md\@md{margin-left:var(--space-md);margin-right:var(--space-md)}.margin-x-lg\@md{margin-left:var(--space-lg);margin-right:var(--space-lg)}.margin-x-xl\@md{margin-left:var(--space-xl);margin-right:var(--space-xl)}.margin-x-xxl\@md{margin-left:var(--space-xxl);margin-right:var(--space-xxl)}.margin-x-xxxl\@md{margin-left:var(--space-xxxl);margin-right:var(--space-xxxl)}.margin-x-xxxxl\@md{margin-left:var(--space-xxxxl);margin-right:var(--space-xxxxl)}.margin-x-auto\@md{margin-left:auto;margin-right:auto}.margin-x-0\@md{margin-left:0;margin-right:0}.margin-y-xxxxs\@md{margin-top:var(--space-xxxxs);margin-bottom:var(--space-xxxxs)}.margin-y-xxxs\@md{margin-top:var(--space-xxxs);margin-bottom:var(--space-xxxs)}.margin-y-xxs\@md{margin-top:var(--space-xxs);margin-bottom:var(--space-xxs)}.margin-y-xs\@md{margin-top:var(--space-xs);margin-bottom:var(--space-xs)}.margin-y-sm\@md{margin-top:var(--space-sm);margin-bottom:var(--space-sm)}.margin-y-md\@md{margin-top:var(--space-md);margin-bottom:var(--space-md)}.margin-y-lg\@md{margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.margin-y-xl\@md{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.margin-y-xxl\@md{margin-top:var(--space-xxl);margin-bottom:var(--space-xxl)}.margin-y-xxxl\@md{margin-top:var(--space-xxxl);margin-bottom:var(--space-xxxl)}.margin-y-xxxxl\@md{margin-top:var(--space-xxxxl);margin-bottom:var(--space-xxxxl)}.margin-y-auto\@md{margin-top:auto;margin-bottom:auto}.margin-y-0\@md{margin-top:0;margin-bottom:0}.padding-xxxxs\@md{padding:var(--space-xxxxs)}.padding-xxxs\@md{padding:var(--space-xxxs)}.padding-xxs\@md{padding:var(--space-xxs)}.padding-xs\@md{padding:var(--space-xs)}.padding-sm\@md{padding:var(--space-sm)}.padding-md\@md{padding:var(--space-md)}.padding-lg\@md{padding:var(--space-lg)}.padding-xl\@md{padding:var(--space-xl)}.padding-xxl\@md{padding:var(--space-xxl)}.padding-xxxl\@md{padding:var(--space-xxxl)}.padding-xxxxl\@md{padding:var(--space-xxxxl)}.padding-0\@md{padding:0}.padding-component\@md{padding:var(--component-padding)}.padding-top-xxxxs\@md{padding-top:var(--space-xxxxs)}.padding-top-xxxs\@md{padding-top:var(--space-xxxs)}.padding-top-xxs\@md{padding-top:var(--space-xxs)}.padding-top-xs\@md{padding-top:var(--space-xs)}.padding-top-sm\@md{padding-top:var(--space-sm)}.padding-top-md\@md{padding-top:var(--space-md)}.padding-top-lg\@md{padding-top:var(--space-lg)}.padding-top-xl\@md{padding-top:var(--space-xl)}.padding-top-xxl\@md{padding-top:var(--space-xxl)}.padding-top-xxxl\@md{padding-top:var(--space-xxxl)}.padding-top-xxxxl\@md{padding-top:var(--space-xxxxl)}.padding-top-0\@md{padding-top:0}.padding-top-component\@md{padding-top:var(--component-padding)}.padding-bottom-xxxxs\@md{padding-bottom:var(--space-xxxxs)}.padding-bottom-xxxs\@md{padding-bottom:var(--space-xxxs)}.padding-bottom-xxs\@md{padding-bottom:var(--space-xxs)}.padding-bottom-xs\@md{padding-bottom:var(--space-xs)}.padding-bottom-sm\@md{padding-bottom:var(--space-sm)}.padding-bottom-md\@md{padding-bottom:var(--space-md)}.padding-bottom-lg\@md{padding-bottom:var(--space-lg)}.padding-bottom-xl\@md{padding-bottom:var(--space-xl)}.padding-bottom-xxl\@md{padding-bottom:var(--space-xxl)}.padding-bottom-xxxl\@md{padding-bottom:var(--space-xxxl)}.padding-bottom-xxxxl\@md{padding-bottom:var(--space-xxxxl)}.padding-bottom-0\@md{padding-bottom:0}.padding-bottom-component\@md{padding-bottom:var(--component-padding)}.padding-right-xxxxs\@md{padding-right:var(--space-xxxxs)}.padding-right-xxxs\@md{padding-right:var(--space-xxxs)}.padding-right-xxs\@md{padding-right:var(--space-xxs)}.padding-right-xs\@md{padding-right:var(--space-xs)}.padding-right-sm\@md{padding-right:var(--space-sm)}.padding-right-md\@md{padding-right:var(--space-md)}.padding-right-lg\@md{padding-right:var(--space-lg)}.padding-right-xl\@md{padding-right:var(--space-xl)}.padding-right-xxl\@md{padding-right:var(--space-xxl)}.padding-right-xxxl\@md{padding-right:var(--space-xxxl)}.padding-right-xxxxl\@md{padding-right:var(--space-xxxxl)}.padding-right-0\@md{padding-right:0}.padding-right-component\@md{padding-right:var(--component-padding)}.padding-left-xxxxs\@md{padding-left:var(--space-xxxxs)}.padding-left-xxxs\@md{padding-left:var(--space-xxxs)}.padding-left-xxs\@md{padding-left:var(--space-xxs)}.padding-left-xs\@md{padding-left:var(--space-xs)}.padding-left-sm\@md{padding-left:var(--space-sm)}.padding-left-md\@md{padding-left:var(--space-md)}.padding-left-lg\@md{padding-left:var(--space-lg)}.padding-left-xl\@md{padding-left:var(--space-xl)}.padding-left-xxl\@md{padding-left:var(--space-xxl)}.padding-left-xxxl\@md{padding-left:var(--space-xxxl)}.padding-left-xxxxl\@md{padding-left:var(--space-xxxxl)}.padding-left-0\@md{padding-left:0}.padding-left-component\@md{padding-left:var(--component-padding)}.padding-x-xxxxs\@md{padding-left:var(--space-xxxxs);padding-right:var(--space-xxxxs)}.padding-x-xxxs\@md{padding-left:var(--space-xxxs);padding-right:var(--space-xxxs)}.padding-x-xxs\@md{padding-left:var(--space-xxs);padding-right:var(--space-xxs)}.padding-x-xs\@md{padding-left:var(--space-xs);padding-right:var(--space-xs)}.padding-x-sm\@md{padding-left:var(--space-sm);padding-right:var(--space-sm)}.padding-x-md\@md{padding-left:var(--space-md);padding-right:var(--space-md)}.padding-x-lg\@md{padding-left:var(--space-lg);padding-right:var(--space-lg)}.padding-x-xl\@md{padding-left:var(--space-xl);padding-right:var(--space-xl)}.padding-x-xxl\@md{padding-left:var(--space-xxl);padding-right:var(--space-xxl)}.padding-x-xxxl\@md{padding-left:var(--space-xxxl);padding-right:var(--space-xxxl)}.padding-x-xxxxl\@md{padding-left:var(--space-xxxxl);padding-right:var(--space-xxxxl)}.padding-x-0\@md{padding-left:0;padding-right:0}.padding-x-component\@md{padding-left:var(--component-padding);padding-right:var(--component-padding)}.padding-y-xxxxs\@md{padding-top:var(--space-xxxxs);padding-bottom:var(--space-xxxxs)}.padding-y-xxxs\@md{padding-top:var(--space-xxxs);padding-bottom:var(--space-xxxs)}.padding-y-xxs\@md{padding-top:var(--space-xxs);padding-bottom:var(--space-xxs)}.padding-y-xs\@md{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.padding-y-sm\@md{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.padding-y-md\@md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.padding-y-lg\@md{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.padding-y-xl\@md{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.padding-y-xxl\@md{padding-top:var(--space-xxl);padding-bottom:var(--space-xxl)}.padding-y-xxxl\@md{padding-top:var(--space-xxxl);padding-bottom:var(--space-xxxl)}.padding-y-xxxxl\@md{padding-top:var(--space-xxxxl);padding-bottom:var(--space-xxxxl)}.padding-y-0\@md{padding-top:0;padding-bottom:0}.padding-y-component\@md{padding-top:var(--component-padding);padding-bottom:var(--component-padding)}.text-center\@md{text-align:center}.text-left\@md{text-align:left}.text-right\@md{text-align:right}.text-justify\@md{text-align:justify}.text-xs\@md{font-size:var(--text-xs,.694em)}.text-sm\@md{font-size:var(--text-sm,.833em)}.text-base\@md{font-size:var(--text-unit,1em)}.text-md\@md{font-size:var(--text-md,1.2em)}.text-lg\@md{font-size:var(--text-lg,1.44em)}.text-xl\@md{font-size:var(--text-xl,1.728em)}.text-xxl\@md{font-size:var(--text-xxl,2.074em)}.text-xxxl\@md{font-size:var(--text-xxxl,2.488em)}.text-xxxxl\@md{font-size:var(--text-xxxxl,2.985em)}.width-xxxxs\@md{width:var(--size-xxxxs,.25rem)}.width-xxxs\@md{width:var(--size-xxxs,.5rem)}.width-xxs\@md{width:var(--size-xxs,.75rem)}.width-xs\@md{width:var(--size-xs,1rem)}.width-sm\@md{width:var(--size-sm,1.5rem)}.width-md\@md{width:var(--size-md,2rem)}.width-lg\@md{width:var(--size-lg,3rem)}.width-xl\@md{width:var(--size-xl,4rem)}.width-xxl\@md{width:var(--size-xxl,6rem)}.width-xxxl\@md{width:var(--size-xxxl,8rem)}.width-xxxxl\@md{width:var(--size-xxxxl,16rem)}.width-0\@md{width:0}.width-10\%\@md{width:10%}.width-20\%\@md{width:20%}.width-25\%\@md{width:25%}.width-30\%\@md{width:30%}.width-33\%\@md{width:calc(100% / 3)}.width-40\%\@md{width:40%}.width-50\%\@md{width:50%}.width-60\%\@md{width:60%}.width-66\%\@md{width:calc(100% / 1.5)}.width-70\%\@md{width:70%}.width-75\%\@md{width:75%}.width-80\%\@md{width:80%}.width-90\%\@md{width:90%}.width-100\%\@md{width:100%}.width-100vw\@md{width:100vw}.width-auto\@md{width:auto}.height-xxxxs\@md{height:var(--size-xxxxs,.25rem)}.height-xxxs\@md{height:var(--size-xxxs,.5rem)}.height-xxs\@md{height:var(--size-xxs,.75rem)}.height-xs\@md{height:var(--size-xs,1rem)}.height-sm\@md{height:var(--size-sm,1.5rem)}.height-md\@md{height:var(--size-md,2rem)}.height-lg\@md{height:var(--size-lg,3rem)}.height-xl\@md{height:var(--size-xl,4rem)}.height-xxl\@md{height:var(--size-xxl,6rem)}.height-xxxl\@md{height:var(--size-xxxl,8rem)}.height-xxxxl\@md{height:var(--size-xxxxl,16rem)}.height-0\@md{height:0}.height-10\%\@md{height:10%}.height-20\%\@md{height:20%}.height-25\%\@md{height:25%}.height-30\%\@md{height:30%}.height-33\%\@md{height:calc(100% / 3)}.height-40\%\@md{height:40%}.height-50\%\@md{height:50%}.height-60\%\@md{height:60%}.height-66\%\@md{height:calc(100% / 1.5)}.height-70\%\@md{height:70%}.height-75\%\@md{height:75%}.height-80\%\@md{height:80%}.height-90\%\@md{height:90%}.height-100\%\@md{height:100%}.height-100vh\@md{height:100vh}.height-auto\@md{height:auto}.max-width-xxxxs\@md{max-width:var(--max-width-xxxxs)}.max-width-xxxs\@md{max-width:var(--max-width-xxxs)}.max-width-xxs\@md{max-width:var(--max-width-xxs)}.max-width-xs\@md{max-width:var(--max-width-xs)}.max-width-sm\@md{max-width:var(--max-width-sm)}.max-width-md\@md{max-width:var(--max-width-md)}.max-width-lg\@md{max-width:var(--max-width-lg)}.max-width-xl\@md{max-width:var(--max-width-xl)}.max-width-xxl\@md{max-width:var(--max-width-xxl)}.max-width-xxxl\@md{max-width:var(--max-width-xxxl)}.max-width-xxxxl\@md{max-width:var(--max-width-xxxxl)}.max-width-100\%\@md{max-width:100%}.max-width-none\@md{max-width:none}.position-relative\@md{position:relative}.position-absolute\@md{position:absolute}.position-fixed\@md{position:fixed}.position-sticky\@md{position:-webkit-sticky;position:sticky}.position-static\@md{position:static}.inset-0\@md{top:0;right:0;bottom:0;left:0}.top-0\@md{top:0}.top-50\%\@md{top:50%}.top-xxxxs\@md{top:var(--space-xxxxs)}.top-xxxs\@md{top:var(--space-xxxs)}.top-xxs\@md{top:var(--space-xxs)}.top-xs\@md{top:var(--space-xs)}.top-sm\@md{top:var(--space-sm)}.top-md\@md{top:var(--space-md)}.top-lg\@md{top:var(--space-lg)}.top-xl\@md{top:var(--space-xl)}.top-xxl\@md{top:var(--space-xxl)}.top-xxxl\@md{top:var(--space-xxxl)}.top-xxxxl\@md{top:var(--space-xxxxl)}.bottom-0\@md{bottom:0}.bottom-50\%\@md{bottom:50%}.bottom-xxxxs\@md{bottom:var(--space-xxxxs)}.bottom-xxxs\@md{bottom:var(--space-xxxs)}.bottom-xxs\@md{bottom:var(--space-xxs)}.bottom-xs\@md{bottom:var(--space-xs)}.bottom-sm\@md{bottom:var(--space-sm)}.bottom-md\@md{bottom:var(--space-md)}.bottom-lg\@md{bottom:var(--space-lg)}.bottom-xl\@md{bottom:var(--space-xl)}.bottom-xxl\@md{bottom:var(--space-xxl)}.bottom-xxxl\@md{bottom:var(--space-xxxl)}.bottom-xxxxl\@md{bottom:var(--space-xxxxl)}.right-0\@md{right:0}.right-50\%\@md{right:50%}.right-xxxxs\@md{right:var(--space-xxxxs)}.right-xxxs\@md{right:var(--space-xxxs)}.right-xxs\@md{right:var(--space-xxs)}.right-xs\@md{right:var(--space-xs)}.right-sm\@md{right:var(--space-sm)}.right-md\@md{right:var(--space-md)}.right-lg\@md{right:var(--space-lg)}.right-xl\@md{right:var(--space-xl)}.right-xxl\@md{right:var(--space-xxl)}.right-xxxl\@md{right:var(--space-xxxl)}.right-xxxxl\@md{right:var(--space-xxxxl)}.left-0\@md{left:0}.left-50\%\@md{left:50%}.left-xxxxs\@md{left:var(--space-xxxxs)}.left-xxxs\@md{left:var(--space-xxxs)}.left-xxs\@md{left:var(--space-xxs)}.left-xs\@md{left:var(--space-xs)}.left-sm\@md{left:var(--space-sm)}.left-md\@md{left:var(--space-md)}.left-lg\@md{left:var(--space-lg)}.left-xl\@md{left:var(--space-xl)}.left-xxl\@md{left:var(--space-xxl)}.left-xxxl\@md{left:var(--space-xxxl)}.left-xxxxl\@md{left:var(--space-xxxxl)}.overflow-hidden\@md{overflow:hidden}.overflow-auto\@md{overflow:auto}.momentum-scrolling\@md{-webkit-overflow-scrolling:touch}.overscroll-contain\@md{overscroll-behavior:contain}.visible\@md{visibility:visible}.invisible\@md{visibility:hidden}}@media not all and (min-width:64rem){.display\@md{display:none!important}}@media (min-width:80rem){.flex\@lg{display:flex}.inline-flex\@lg{display:inline-flex}.flex-wrap\@lg{flex-wrap:wrap}.flex-nowrap\@lg{flex-wrap:nowrap}.flex-column\@lg{flex-direction:column}.flex-column-reverse\@lg{flex-direction:column-reverse}.flex-row\@lg{flex-direction:row}.flex-row-reverse\@lg{flex-direction:row-reverse}.flex-center\@lg{place-items:center}.flex-grow\@lg{flex-grow:1}.flex-grow-0\@lg{flex-grow:0}.flex-shrink\@lg{flex-shrink:1}.flex-shrink-0\@lg{flex-shrink:0}.flex-basis-0\@lg{flex-basis:0}.justify-start\@lg{justify-content:flex-start}.justify-end\@lg{justify-content:flex-end}.justify-center\@lg{justify-content:center}.justify-between\@lg{justify-content:space-between}.items-center\@lg{align-items:center}.items-start\@lg{align-items:flex-start}.items-end\@lg{align-items:flex-end}.items-baseline\@lg{align-items:baseline}.order-1\@lg{order:1}.order-2\@lg{order:2}.order-3\@lg{order:3}.block\@lg{display:block}.inline-block\@lg{display:inline-block}.inline\@lg{display:inline}.contents\@lg{display:contents}.hide\@lg{display:none!important}.margin-xxxxs\@lg{margin:var(--space-xxxxs)}.margin-xxxs\@lg{margin:var(--space-xxxs)}.margin-xxs\@lg{margin:var(--space-xxs)}.margin-xs\@lg{margin:var(--space-xs)}.margin-sm\@lg{margin:var(--space-sm)}.margin-md\@lg{margin:var(--space-md)}.margin-lg\@lg{margin:var(--space-lg)}.margin-xl\@lg{margin:var(--space-xl)}.margin-xxl\@lg{margin:var(--space-xxl)}.margin-xxxl\@lg{margin:var(--space-xxxl)}.margin-xxxxl\@lg{margin:var(--space-xxxxl)}.margin-auto\@lg{margin:auto}.margin-0\@lg{margin:0}.margin-top-xxxxs\@lg{margin-top:var(--space-xxxxs)}.margin-top-xxxs\@lg{margin-top:var(--space-xxxs)}.margin-top-xxs\@lg{margin-top:var(--space-xxs)}.margin-top-xs\@lg{margin-top:var(--space-xs)}.margin-top-sm\@lg{margin-top:var(--space-sm)}.margin-top-md\@lg{margin-top:var(--space-md)}.margin-top-lg\@lg{margin-top:var(--space-lg)}.margin-top-xl\@lg{margin-top:var(--space-xl)}.margin-top-xxl\@lg{margin-top:var(--space-xxl)}.margin-top-xxxl\@lg{margin-top:var(--space-xxxl)}.margin-top-xxxxl\@lg{margin-top:var(--space-xxxxl)}.margin-top-auto\@lg{margin-top:auto}.margin-top-0\@lg{margin-top:0}.margin-bottom-xxxxs\@lg{margin-bottom:var(--space-xxxxs)}.margin-bottom-xxxs\@lg{margin-bottom:var(--space-xxxs)}.margin-bottom-xxs\@lg{margin-bottom:var(--space-xxs)}.margin-bottom-xs\@lg{margin-bottom:var(--space-xs)}.margin-bottom-sm\@lg{margin-bottom:var(--space-sm)}.margin-bottom-md\@lg{margin-bottom:var(--space-md)}.margin-bottom-lg\@lg{margin-bottom:var(--space-lg)}.margin-bottom-xl\@lg{margin-bottom:var(--space-xl)}.margin-bottom-xxl\@lg{margin-bottom:var(--space-xxl)}.margin-bottom-xxxl\@lg{margin-bottom:var(--space-xxxl)}.margin-bottom-xxxxl\@lg{margin-bottom:var(--space-xxxxl)}.margin-bottom-auto\@lg{margin-bottom:auto}.margin-bottom-0\@lg{margin-bottom:0}.margin-right-xxxxs\@lg{margin-right:var(--space-xxxxs)}.margin-right-xxxs\@lg{margin-right:var(--space-xxxs)}.margin-right-xxs\@lg{margin-right:var(--space-xxs)}.margin-right-xs\@lg{margin-right:var(--space-xs)}.margin-right-sm\@lg{margin-right:var(--space-sm)}.margin-right-md\@lg{margin-right:var(--space-md)}.margin-right-lg\@lg{margin-right:var(--space-lg)}.margin-right-xl\@lg{margin-right:var(--space-xl)}.margin-right-xxl\@lg{margin-right:var(--space-xxl)}.margin-right-xxxl\@lg{margin-right:var(--space-xxxl)}.margin-right-xxxxl\@lg{margin-right:var(--space-xxxxl)}.margin-right-auto\@lg{margin-right:auto}.margin-right-0\@lg{margin-right:0}.margin-left-xxxxs\@lg{margin-left:var(--space-xxxxs)}.margin-left-xxxs\@lg{margin-left:var(--space-xxxs)}.margin-left-xxs\@lg{margin-left:var(--space-xxs)}.margin-left-xs\@lg{margin-left:var(--space-xs)}.margin-left-sm\@lg{margin-left:var(--space-sm)}.margin-left-md\@lg{margin-left:var(--space-md)}.margin-left-lg\@lg{margin-left:var(--space-lg)}.margin-left-xl\@lg{margin-left:var(--space-xl)}.margin-left-xxl\@lg{margin-left:var(--space-xxl)}.margin-left-xxxl\@lg{margin-left:var(--space-xxxl)}.margin-left-xxxxl\@lg{margin-left:var(--space-xxxxl)}.margin-left-auto\@lg{margin-left:auto}.margin-left-0\@lg{margin-left:0}.margin-x-xxxxs\@lg{margin-left:var(--space-xxxxs);margin-right:var(--space-xxxxs)}.margin-x-xxxs\@lg{margin-left:var(--space-xxxs);margin-right:var(--space-xxxs)}.margin-x-xxs\@lg{margin-left:var(--space-xxs);margin-right:var(--space-xxs)}.margin-x-xs\@lg{margin-left:var(--space-xs);margin-right:var(--space-xs)}.margin-x-sm\@lg{margin-left:var(--space-sm);margin-right:var(--space-sm)}.margin-x-md\@lg{margin-left:var(--space-md);margin-right:var(--space-md)}.margin-x-lg\@lg{margin-left:var(--space-lg);margin-right:var(--space-lg)}.margin-x-xl\@lg{margin-left:var(--space-xl);margin-right:var(--space-xl)}.margin-x-xxl\@lg{margin-left:var(--space-xxl);margin-right:var(--space-xxl)}.margin-x-xxxl\@lg{margin-left:var(--space-xxxl);margin-right:var(--space-xxxl)}.margin-x-xxxxl\@lg{margin-left:var(--space-xxxxl);margin-right:var(--space-xxxxl)}.margin-x-auto\@lg{margin-left:auto;margin-right:auto}.margin-x-0\@lg{margin-left:0;margin-right:0}.margin-y-xxxxs\@lg{margin-top:var(--space-xxxxs);margin-bottom:var(--space-xxxxs)}.margin-y-xxxs\@lg{margin-top:var(--space-xxxs);margin-bottom:var(--space-xxxs)}.margin-y-xxs\@lg{margin-top:var(--space-xxs);margin-bottom:var(--space-xxs)}.margin-y-xs\@lg{margin-top:var(--space-xs);margin-bottom:var(--space-xs)}.margin-y-sm\@lg{margin-top:var(--space-sm);margin-bottom:var(--space-sm)}.margin-y-md\@lg{margin-top:var(--space-md);margin-bottom:var(--space-md)}.margin-y-lg\@lg{margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.margin-y-xl\@lg{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.margin-y-xxl\@lg{margin-top:var(--space-xxl);margin-bottom:var(--space-xxl)}.margin-y-xxxl\@lg{margin-top:var(--space-xxxl);margin-bottom:var(--space-xxxl)}.margin-y-xxxxl\@lg{margin-top:var(--space-xxxxl);margin-bottom:var(--space-xxxxl)}.margin-y-auto\@lg{margin-top:auto;margin-bottom:auto}.margin-y-0\@lg{margin-top:0;margin-bottom:0}.padding-xxxxs\@lg{padding:var(--space-xxxxs)}.padding-xxxs\@lg{padding:var(--space-xxxs)}.padding-xxs\@lg{padding:var(--space-xxs)}.padding-xs\@lg{padding:var(--space-xs)}.padding-sm\@lg{padding:var(--space-sm)}.padding-md\@lg{padding:var(--space-md)}.padding-lg\@lg{padding:var(--space-lg)}.padding-xl\@lg{padding:var(--space-xl)}.padding-xxl\@lg{padding:var(--space-xxl)}.padding-xxxl\@lg{padding:var(--space-xxxl)}.padding-xxxxl\@lg{padding:var(--space-xxxxl)}.padding-0\@lg{padding:0}.padding-component\@lg{padding:var(--component-padding)}.padding-top-xxxxs\@lg{padding-top:var(--space-xxxxs)}.padding-top-xxxs\@lg{padding-top:var(--space-xxxs)}.padding-top-xxs\@lg{padding-top:var(--space-xxs)}.padding-top-xs\@lg{padding-top:var(--space-xs)}.padding-top-sm\@lg{padding-top:var(--space-sm)}.padding-top-md\@lg{padding-top:var(--space-md)}.padding-top-lg\@lg{padding-top:var(--space-lg)}.padding-top-xl\@lg{padding-top:var(--space-xl)}.padding-top-xxl\@lg{padding-top:var(--space-xxl)}.padding-top-xxxl\@lg{padding-top:var(--space-xxxl)}.padding-top-xxxxl\@lg{padding-top:var(--space-xxxxl)}.padding-top-0\@lg{padding-top:0}.padding-top-component\@lg{padding-top:var(--component-padding)}.padding-bottom-xxxxs\@lg{padding-bottom:var(--space-xxxxs)}.padding-bottom-xxxs\@lg{padding-bottom:var(--space-xxxs)}.padding-bottom-xxs\@lg{padding-bottom:var(--space-xxs)}.padding-bottom-xs\@lg{padding-bottom:var(--space-xs)}.padding-bottom-sm\@lg{padding-bottom:var(--space-sm)}.padding-bottom-md\@lg{padding-bottom:var(--space-md)}.padding-bottom-lg\@lg{padding-bottom:var(--space-lg)}.padding-bottom-xl\@lg{padding-bottom:var(--space-xl)}.padding-bottom-xxl\@lg{padding-bottom:var(--space-xxl)}.padding-bottom-xxxl\@lg{padding-bottom:var(--space-xxxl)}.padding-bottom-xxxxl\@lg{padding-bottom:var(--space-xxxxl)}.padding-bottom-0\@lg{padding-bottom:0}.padding-bottom-component\@lg{padding-bottom:var(--component-padding)}.padding-right-xxxxs\@lg{padding-right:var(--space-xxxxs)}.padding-right-xxxs\@lg{padding-right:var(--space-xxxs)}.padding-right-xxs\@lg{padding-right:var(--space-xxs)}.padding-right-xs\@lg{padding-right:var(--space-xs)}.padding-right-sm\@lg{padding-right:var(--space-sm)}.padding-right-md\@lg{padding-right:var(--space-md)}.padding-right-lg\@lg{padding-right:var(--space-lg)}.padding-right-xl\@lg{padding-right:var(--space-xl)}.padding-right-xxl\@lg{padding-right:var(--space-xxl)}.padding-right-xxxl\@lg{padding-right:var(--space-xxxl)}.padding-right-xxxxl\@lg{padding-right:var(--space-xxxxl)}.padding-right-0\@lg{padding-right:0}.padding-right-component\@lg{padding-right:var(--component-padding)}.padding-left-xxxxs\@lg{padding-left:var(--space-xxxxs)}.padding-left-xxxs\@lg{padding-left:var(--space-xxxs)}.padding-left-xxs\@lg{padding-left:var(--space-xxs)}.padding-left-xs\@lg{padding-left:var(--space-xs)}.padding-left-sm\@lg{padding-left:var(--space-sm)}.padding-left-md\@lg{padding-left:var(--space-md)}.padding-left-lg\@lg{padding-left:var(--space-lg)}.padding-left-xl\@lg{padding-left:var(--space-xl)}.padding-left-xxl\@lg{padding-left:var(--space-xxl)}.padding-left-xxxl\@lg{padding-left:var(--space-xxxl)}.padding-left-xxxxl\@lg{padding-left:var(--space-xxxxl)}.padding-left-0\@lg{padding-left:0}.padding-left-component\@lg{padding-left:var(--component-padding)}.padding-x-xxxxs\@lg{padding-left:var(--space-xxxxs);padding-right:var(--space-xxxxs)}.padding-x-xxxs\@lg{padding-left:var(--space-xxxs);padding-right:var(--space-xxxs)}.padding-x-xxs\@lg{padding-left:var(--space-xxs);padding-right:var(--space-xxs)}.padding-x-xs\@lg{padding-left:var(--space-xs);padding-right:var(--space-xs)}.padding-x-sm\@lg{padding-left:var(--space-sm);padding-right:var(--space-sm)}.padding-x-md\@lg{padding-left:var(--space-md);padding-right:var(--space-md)}.padding-x-lg\@lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.padding-x-xl\@lg{padding-left:var(--space-xl);padding-right:var(--space-xl)}.padding-x-xxl\@lg{padding-left:var(--space-xxl);padding-right:var(--space-xxl)}.padding-x-xxxl\@lg{padding-left:var(--space-xxxl);padding-right:var(--space-xxxl)}.padding-x-xxxxl\@lg{padding-left:var(--space-xxxxl);padding-right:var(--space-xxxxl)}.padding-x-0\@lg{padding-left:0;padding-right:0}.padding-x-component\@lg{padding-left:var(--component-padding);padding-right:var(--component-padding)}.padding-y-xxxxs\@lg{padding-top:var(--space-xxxxs);padding-bottom:var(--space-xxxxs)}.padding-y-xxxs\@lg{padding-top:var(--space-xxxs);padding-bottom:var(--space-xxxs)}.padding-y-xxs\@lg{padding-top:var(--space-xxs);padding-bottom:var(--space-xxs)}.padding-y-xs\@lg{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.padding-y-sm\@lg{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.padding-y-md\@lg{padding-top:var(--space-md);padding-bottom:var(--space-md)}.padding-y-lg\@lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.padding-y-xl\@lg{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.padding-y-xxl\@lg{padding-top:var(--space-xxl);padding-bottom:var(--space-xxl)}.padding-y-xxxl\@lg{padding-top:var(--space-xxxl);padding-bottom:var(--space-xxxl)}.padding-y-xxxxl\@lg{padding-top:var(--space-xxxxl);padding-bottom:var(--space-xxxxl)}.padding-y-0\@lg{padding-top:0;padding-bottom:0}.padding-y-component\@lg{padding-top:var(--component-padding);padding-bottom:var(--component-padding)}.text-center\@lg{text-align:center}.text-left\@lg{text-align:left}.text-right\@lg{text-align:right}.text-justify\@lg{text-align:justify}.text-xs\@lg{font-size:var(--text-xs,.694em)}.text-sm\@lg{font-size:var(--text-sm,.833em)}.text-base\@lg{font-size:var(--text-unit,1em)}.text-md\@lg{font-size:var(--text-md,1.2em)}.text-lg\@lg{font-size:var(--text-lg,1.44em)}.text-xl\@lg{font-size:var(--text-xl,1.728em)}.text-xxl\@lg{font-size:var(--text-xxl,2.074em)}.text-xxxl\@lg{font-size:var(--text-xxxl,2.488em)}.text-xxxxl\@lg{font-size:var(--text-xxxxl,2.985em)}.width-xxxxs\@lg{width:var(--size-xxxxs,.25rem)}.width-xxxs\@lg{width:var(--size-xxxs,.5rem)}.width-xxs\@lg{width:var(--size-xxs,.75rem)}.width-xs\@lg{width:var(--size-xs,1rem)}.width-sm\@lg{width:var(--size-sm,1.5rem)}.width-md\@lg{width:var(--size-md,2rem)}.width-lg\@lg{width:var(--size-lg,3rem)}.width-xl\@lg{width:var(--size-xl,4rem)}.width-xxl\@lg{width:var(--size-xxl,6rem)}.width-xxxl\@lg{width:var(--size-xxxl,8rem)}.width-xxxxl\@lg{width:var(--size-xxxxl,16rem)}.width-0\@lg{width:0}.width-10\%\@lg{width:10%}.width-20\%\@lg{width:20%}.width-25\%\@lg{width:25%}.width-30\%\@lg{width:30%}.width-33\%\@lg{width:calc(100% / 3)}.width-40\%\@lg{width:40%}.width-50\%\@lg{width:50%}.width-60\%\@lg{width:60%}.width-66\%\@lg{width:calc(100% / 1.5)}.width-70\%\@lg{width:70%}.width-75\%\@lg{width:75%}.width-80\%\@lg{width:80%}.width-90\%\@lg{width:90%}.width-100\%\@lg{width:100%}.width-100vw\@lg{width:100vw}.width-auto\@lg{width:auto}.height-xxxxs\@lg{height:var(--size-xxxxs,.25rem)}.height-xxxs\@lg{height:var(--size-xxxs,.5rem)}.height-xxs\@lg{height:var(--size-xxs,.75rem)}.height-xs\@lg{height:var(--size-xs,1rem)}.height-sm\@lg{height:var(--size-sm,1.5rem)}.height-md\@lg{height:var(--size-md,2rem)}.height-lg\@lg{height:var(--size-lg,3rem)}.height-xl\@lg{height:var(--size-xl,4rem)}.height-xxl\@lg{height:var(--size-xxl,6rem)}.height-xxxl\@lg{height:var(--size-xxxl,8rem)}.height-xxxxl\@lg{height:var(--size-xxxxl,16rem)}.height-0\@lg{height:0}.height-10\%\@lg{height:10%}.height-20\%\@lg{height:20%}.height-25\%\@lg{height:25%}.height-30\%\@lg{height:30%}.height-33\%\@lg{height:calc(100% / 3)}.height-40\%\@lg{height:40%}.height-50\%\@lg{height:50%}.height-60\%\@lg{height:60%}.height-66\%\@lg{height:calc(100% / 1.5)}.height-70\%\@lg{height:70%}.height-75\%\@lg{height:75%}.height-80\%\@lg{height:80%}.height-90\%\@lg{height:90%}.height-100\%\@lg{height:100%}.height-100vh\@lg{height:100vh}.height-auto\@lg{height:auto}.max-width-xxxxs\@lg{max-width:var(--max-width-xxxxs)}.max-width-xxxs\@lg{max-width:var(--max-width-xxxs)}.max-width-xxs\@lg{max-width:var(--max-width-xxs)}.max-width-xs\@lg{max-width:var(--max-width-xs)}.max-width-sm\@lg{max-width:var(--max-width-sm)}.max-width-md\@lg{max-width:var(--max-width-md)}.max-width-lg\@lg{max-width:var(--max-width-lg)}.max-width-xl\@lg{max-width:var(--max-width-xl)}.max-width-xxl\@lg{max-width:var(--max-width-xxl)}.max-width-xxxl\@lg{max-width:var(--max-width-xxxl)}.max-width-xxxxl\@lg{max-width:var(--max-width-xxxxl)}.max-width-100\%\@lg{max-width:100%}.max-width-none\@lg{max-width:none}.position-relative\@lg{position:relative}.position-absolute\@lg{position:absolute}.position-fixed\@lg{position:fixed}.position-sticky\@lg{position:-webkit-sticky;position:sticky}.position-static\@lg{position:static}.inset-0\@lg{top:0;right:0;bottom:0;left:0}.top-0\@lg{top:0}.top-50\%\@lg{top:50%}.top-xxxxs\@lg{top:var(--space-xxxxs)}.top-xxxs\@lg{top:var(--space-xxxs)}.top-xxs\@lg{top:var(--space-xxs)}.top-xs\@lg{top:var(--space-xs)}.top-sm\@lg{top:var(--space-sm)}.top-md\@lg{top:var(--space-md)}.top-lg\@lg{top:var(--space-lg)}.top-xl\@lg{top:var(--space-xl)}.top-xxl\@lg{top:var(--space-xxl)}.top-xxxl\@lg{top:var(--space-xxxl)}.top-xxxxl\@lg{top:var(--space-xxxxl)}.bottom-0\@lg{bottom:0}.bottom-50\%\@lg{bottom:50%}.bottom-xxxxs\@lg{bottom:var(--space-xxxxs)}.bottom-xxxs\@lg{bottom:var(--space-xxxs)}.bottom-xxs\@lg{bottom:var(--space-xxs)}.bottom-xs\@lg{bottom:var(--space-xs)}.bottom-sm\@lg{bottom:var(--space-sm)}.bottom-md\@lg{bottom:var(--space-md)}.bottom-lg\@lg{bottom:var(--space-lg)}.bottom-xl\@lg{bottom:var(--space-xl)}.bottom-xxl\@lg{bottom:var(--space-xxl)}.bottom-xxxl\@lg{bottom:var(--space-xxxl)}.bottom-xxxxl\@lg{bottom:var(--space-xxxxl)}.right-0\@lg{right:0}.right-50\%\@lg{right:50%}.right-xxxxs\@lg{right:var(--space-xxxxs)}.right-xxxs\@lg{right:var(--space-xxxs)}.right-xxs\@lg{right:var(--space-xxs)}.right-xs\@lg{right:var(--space-xs)}.right-sm\@lg{right:var(--space-sm)}.right-md\@lg{right:var(--space-md)}.right-lg\@lg{right:var(--space-lg)}.right-xl\@lg{right:var(--space-xl)}.right-xxl\@lg{right:var(--space-xxl)}.right-xxxl\@lg{right:var(--space-xxxl)}.right-xxxxl\@lg{right:var(--space-xxxxl)}.left-0\@lg{left:0}.left-50\%\@lg{left:50%}.left-xxxxs\@lg{left:var(--space-xxxxs)}.left-xxxs\@lg{left:var(--space-xxxs)}.left-xxs\@lg{left:var(--space-xxs)}.left-xs\@lg{left:var(--space-xs)}.left-sm\@lg{left:var(--space-sm)}.left-md\@lg{left:var(--space-md)}.left-lg\@lg{left:var(--space-lg)}.left-xl\@lg{left:var(--space-xl)}.left-xxl\@lg{left:var(--space-xxl)}.left-xxxl\@lg{left:var(--space-xxxl)}.left-xxxxl\@lg{left:var(--space-xxxxl)}.overflow-hidden\@lg{overflow:hidden}.overflow-auto\@lg{overflow:auto}.momentum-scrolling\@lg{-webkit-overflow-scrolling:touch}.overscroll-contain\@lg{overscroll-behavior:contain}.visible\@lg{visibility:visible}.invisible\@lg{visibility:hidden}}@media not all and (min-width:80rem){.display\@lg{display:none!important}}@media (min-width:90rem){.flex\@xl{display:flex}.inline-flex\@xl{display:inline-flex}.flex-wrap\@xl{flex-wrap:wrap}.flex-nowrap\@xl{flex-wrap:nowrap}.flex-column\@xl{flex-direction:column}.flex-column-reverse\@xl{flex-direction:column-reverse}.flex-row\@xl{flex-direction:row}.flex-row-reverse\@xl{flex-direction:row-reverse}.flex-center\@xl{place-items:center}.flex-grow\@xl{flex-grow:1}.flex-grow-0\@xl{flex-grow:0}.flex-shrink\@xl{flex-shrink:1}.flex-shrink-0\@xl{flex-shrink:0}.flex-basis-0\@xl{flex-basis:0}.justify-start\@xl{justify-content:flex-start}.justify-end\@xl{justify-content:flex-end}.justify-center\@xl{justify-content:center}.justify-between\@xl{justify-content:space-between}.items-center\@xl{align-items:center}.items-start\@xl{align-items:flex-start}.items-end\@xl{align-items:flex-end}.items-baseline\@xl{align-items:baseline}.order-1\@xl{order:1}.order-2\@xl{order:2}.order-3\@xl{order:3}.block\@xl{display:block}.inline-block\@xl{display:inline-block}.inline\@xl{display:inline}.contents\@xl{display:contents}.hide\@xl{display:none!important}.margin-xxxxs\@xl{margin:var(--space-xxxxs)}.margin-xxxs\@xl{margin:var(--space-xxxs)}.margin-xxs\@xl{margin:var(--space-xxs)}.margin-xs\@xl{margin:var(--space-xs)}.margin-sm\@xl{margin:var(--space-sm)}.margin-md\@xl{margin:var(--space-md)}.margin-lg\@xl{margin:var(--space-lg)}.margin-xl\@xl{margin:var(--space-xl)}.margin-xxl\@xl{margin:var(--space-xxl)}.margin-xxxl\@xl{margin:var(--space-xxxl)}.margin-xxxxl\@xl{margin:var(--space-xxxxl)}.margin-auto\@xl{margin:auto}.margin-0\@xl{margin:0}.margin-top-xxxxs\@xl{margin-top:var(--space-xxxxs)}.margin-top-xxxs\@xl{margin-top:var(--space-xxxs)}.margin-top-xxs\@xl{margin-top:var(--space-xxs)}.margin-top-xs\@xl{margin-top:var(--space-xs)}.margin-top-sm\@xl{margin-top:var(--space-sm)}.margin-top-md\@xl{margin-top:var(--space-md)}.margin-top-lg\@xl{margin-top:var(--space-lg)}.margin-top-xl\@xl{margin-top:var(--space-xl)}.margin-top-xxl\@xl{margin-top:var(--space-xxl)}.margin-top-xxxl\@xl{margin-top:var(--space-xxxl)}.margin-top-xxxxl\@xl{margin-top:var(--space-xxxxl)}.margin-top-auto\@xl{margin-top:auto}.margin-top-0\@xl{margin-top:0}.margin-bottom-xxxxs\@xl{margin-bottom:var(--space-xxxxs)}.margin-bottom-xxxs\@xl{margin-bottom:var(--space-xxxs)}.margin-bottom-xxs\@xl{margin-bottom:var(--space-xxs)}.margin-bottom-xs\@xl{margin-bottom:var(--space-xs)}.margin-bottom-sm\@xl{margin-bottom:var(--space-sm)}.margin-bottom-md\@xl{margin-bottom:var(--space-md)}.margin-bottom-lg\@xl{margin-bottom:var(--space-lg)}.margin-bottom-xl\@xl{margin-bottom:var(--space-xl)}.margin-bottom-xxl\@xl{margin-bottom:var(--space-xxl)}.margin-bottom-xxxl\@xl{margin-bottom:var(--space-xxxl)}.margin-bottom-xxxxl\@xl{margin-bottom:var(--space-xxxxl)}.margin-bottom-auto\@xl{margin-bottom:auto}.margin-bottom-0\@xl{margin-bottom:0}.margin-right-xxxxs\@xl{margin-right:var(--space-xxxxs)}.margin-right-xxxs\@xl{margin-right:var(--space-xxxs)}.margin-right-xxs\@xl{margin-right:var(--space-xxs)}.margin-right-xs\@xl{margin-right:var(--space-xs)}.margin-right-sm\@xl{margin-right:var(--space-sm)}.margin-right-md\@xl{margin-right:var(--space-md)}.margin-right-lg\@xl{margin-right:var(--space-lg)}.margin-right-xl\@xl{margin-right:var(--space-xl)}.margin-right-xxl\@xl{margin-right:var(--space-xxl)}.margin-right-xxxl\@xl{margin-right:var(--space-xxxl)}.margin-right-xxxxl\@xl{margin-right:var(--space-xxxxl)}.margin-right-auto\@xl{margin-right:auto}.margin-right-0\@xl{margin-right:0}.margin-left-xxxxs\@xl{margin-left:var(--space-xxxxs)}.margin-left-xxxs\@xl{margin-left:var(--space-xxxs)}.margin-left-xxs\@xl{margin-left:var(--space-xxs)}.margin-left-xs\@xl{margin-left:var(--space-xs)}.margin-left-sm\@xl{margin-left:var(--space-sm)}.margin-left-md\@xl{margin-left:var(--space-md)}.margin-left-lg\@xl{margin-left:var(--space-lg)}.margin-left-xl\@xl{margin-left:var(--space-xl)}.margin-left-xxl\@xl{margin-left:var(--space-xxl)}.margin-left-xxxl\@xl{margin-left:var(--space-xxxl)}.margin-left-xxxxl\@xl{margin-left:var(--space-xxxxl)}.margin-left-auto\@xl{margin-left:auto}.margin-left-0\@xl{margin-left:0}.margin-x-xxxxs\@xl{margin-left:var(--space-xxxxs);margin-right:var(--space-xxxxs)}.margin-x-xxxs\@xl{margin-left:var(--space-xxxs);margin-right:var(--space-xxxs)}.margin-x-xxs\@xl{margin-left:var(--space-xxs);margin-right:var(--space-xxs)}.margin-x-xs\@xl{margin-left:var(--space-xs);margin-right:var(--space-xs)}.margin-x-sm\@xl{margin-left:var(--space-sm);margin-right:var(--space-sm)}.margin-x-md\@xl{margin-left:var(--space-md);margin-right:var(--space-md)}.margin-x-lg\@xl{margin-left:var(--space-lg);margin-right:var(--space-lg)}.margin-x-xl\@xl{margin-left:var(--space-xl);margin-right:var(--space-xl)}.margin-x-xxl\@xl{margin-left:var(--space-xxl);margin-right:var(--space-xxl)}.margin-x-xxxl\@xl{margin-left:var(--space-xxxl);margin-right:var(--space-xxxl)}.margin-x-xxxxl\@xl{margin-left:var(--space-xxxxl);margin-right:var(--space-xxxxl)}.margin-x-auto\@xl{margin-left:auto;margin-right:auto}.margin-x-0\@xl{margin-left:0;margin-right:0}.margin-y-xxxxs\@xl{margin-top:var(--space-xxxxs);margin-bottom:var(--space-xxxxs)}.margin-y-xxxs\@xl{margin-top:var(--space-xxxs);margin-bottom:var(--space-xxxs)}.margin-y-xxs\@xl{margin-top:var(--space-xxs);margin-bottom:var(--space-xxs)}.margin-y-xs\@xl{margin-top:var(--space-xs);margin-bottom:var(--space-xs)}.margin-y-sm\@xl{margin-top:var(--space-sm);margin-bottom:var(--space-sm)}.margin-y-md\@xl{margin-top:var(--space-md);margin-bottom:var(--space-md)}.margin-y-lg\@xl{margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.margin-y-xl\@xl{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.margin-y-xxl\@xl{margin-top:var(--space-xxl);margin-bottom:var(--space-xxl)}.margin-y-xxxl\@xl{margin-top:var(--space-xxxl);margin-bottom:var(--space-xxxl)}.margin-y-xxxxl\@xl{margin-top:var(--space-xxxxl);margin-bottom:var(--space-xxxxl)}.margin-y-auto\@xl{margin-top:auto;margin-bottom:auto}.margin-y-0\@xl{margin-top:0;margin-bottom:0}.padding-xxxxs\@xl{padding:var(--space-xxxxs)}.padding-xxxs\@xl{padding:var(--space-xxxs)}.padding-xxs\@xl{padding:var(--space-xxs)}.padding-xs\@xl{padding:var(--space-xs)}.padding-sm\@xl{padding:var(--space-sm)}.padding-md\@xl{padding:var(--space-md)}.padding-lg\@xl{padding:var(--space-lg)}.padding-xl\@xl{padding:var(--space-xl)}.padding-xxl\@xl{padding:var(--space-xxl)}.padding-xxxl\@xl{padding:var(--space-xxxl)}.padding-xxxxl\@xl{padding:var(--space-xxxxl)}.padding-0\@xl{padding:0}.padding-component\@xl{padding:var(--component-padding)}.padding-top-xxxxs\@xl{padding-top:var(--space-xxxxs)}.padding-top-xxxs\@xl{padding-top:var(--space-xxxs)}.padding-top-xxs\@xl{padding-top:var(--space-xxs)}.padding-top-xs\@xl{padding-top:var(--space-xs)}.padding-top-sm\@xl{padding-top:var(--space-sm)}.padding-top-md\@xl{padding-top:var(--space-md)}.padding-top-lg\@xl{padding-top:var(--space-lg)}.padding-top-xl\@xl{padding-top:var(--space-xl)}.padding-top-xxl\@xl{padding-top:var(--space-xxl)}.padding-top-xxxl\@xl{padding-top:var(--space-xxxl)}.padding-top-xxxxl\@xl{padding-top:var(--space-xxxxl)}.padding-top-0\@xl{padding-top:0}.padding-top-component\@xl{padding-top:var(--component-padding)}.padding-bottom-xxxxs\@xl{padding-bottom:var(--space-xxxxs)}.padding-bottom-xxxs\@xl{padding-bottom:var(--space-xxxs)}.padding-bottom-xxs\@xl{padding-bottom:var(--space-xxs)}.padding-bottom-xs\@xl{padding-bottom:var(--space-xs)}.padding-bottom-sm\@xl{padding-bottom:var(--space-sm)}.padding-bottom-md\@xl{padding-bottom:var(--space-md)}.padding-bottom-lg\@xl{padding-bottom:var(--space-lg)}.padding-bottom-xl\@xl{padding-bottom:var(--space-xl)}.padding-bottom-xxl\@xl{padding-bottom:var(--space-xxl)}.padding-bottom-xxxl\@xl{padding-bottom:var(--space-xxxl)}.padding-bottom-xxxxl\@xl{padding-bottom:var(--space-xxxxl)}.padding-bottom-0\@xl{padding-bottom:0}.padding-bottom-component\@xl{padding-bottom:var(--component-padding)}.padding-right-xxxxs\@xl{padding-right:var(--space-xxxxs)}.padding-right-xxxs\@xl{padding-right:var(--space-xxxs)}.padding-right-xxs\@xl{padding-right:var(--space-xxs)}.padding-right-xs\@xl{padding-right:var(--space-xs)}.padding-right-sm\@xl{padding-right:var(--space-sm)}.padding-right-md\@xl{padding-right:var(--space-md)}.padding-right-lg\@xl{padding-right:var(--space-lg)}.padding-right-xl\@xl{padding-right:var(--space-xl)}.padding-right-xxl\@xl{padding-right:var(--space-xxl)}.padding-right-xxxl\@xl{padding-right:var(--space-xxxl)}.padding-right-xxxxl\@xl{padding-right:var(--space-xxxxl)}.padding-right-0\@xl{padding-right:0}.padding-right-component\@xl{padding-right:var(--component-padding)}.padding-left-xxxxs\@xl{padding-left:var(--space-xxxxs)}.padding-left-xxxs\@xl{padding-left:var(--space-xxxs)}.padding-left-xxs\@xl{padding-left:var(--space-xxs)}.padding-left-xs\@xl{padding-left:var(--space-xs)}.padding-left-sm\@xl{padding-left:var(--space-sm)}.padding-left-md\@xl{padding-left:var(--space-md)}.padding-left-lg\@xl{padding-left:var(--space-lg)}.padding-left-xl\@xl{padding-left:var(--space-xl)}.padding-left-xxl\@xl{padding-left:var(--space-xxl)}.padding-left-xxxl\@xl{padding-left:var(--space-xxxl)}.padding-left-xxxxl\@xl{padding-left:var(--space-xxxxl)}.padding-left-0\@xl{padding-left:0}.padding-left-component\@xl{padding-left:var(--component-padding)}.padding-x-xxxxs\@xl{padding-left:var(--space-xxxxs);padding-right:var(--space-xxxxs)}.padding-x-xxxs\@xl{padding-left:var(--space-xxxs);padding-right:var(--space-xxxs)}.padding-x-xxs\@xl{padding-left:var(--space-xxs);padding-right:var(--space-xxs)}.padding-x-xs\@xl{padding-left:var(--space-xs);padding-right:var(--space-xs)}.padding-x-sm\@xl{padding-left:var(--space-sm);padding-right:var(--space-sm)}.padding-x-md\@xl{padding-left:var(--space-md);padding-right:var(--space-md)}.padding-x-lg\@xl{padding-left:var(--space-lg);padding-right:var(--space-lg)}.padding-x-xl\@xl{padding-left:var(--space-xl);padding-right:var(--space-xl)}.padding-x-xxl\@xl{padding-left:var(--space-xxl);padding-right:var(--space-xxl)}.padding-x-xxxl\@xl{padding-left:var(--space-xxxl);padding-right:var(--space-xxxl)}.padding-x-xxxxl\@xl{padding-left:var(--space-xxxxl);padding-right:var(--space-xxxxl)}.padding-x-0\@xl{padding-left:0;padding-right:0}.padding-x-component\@xl{padding-left:var(--component-padding);padding-right:var(--component-padding)}.padding-y-xxxxs\@xl{padding-top:var(--space-xxxxs);padding-bottom:var(--space-xxxxs)}.padding-y-xxxs\@xl{padding-top:var(--space-xxxs);padding-bottom:var(--space-xxxs)}.padding-y-xxs\@xl{padding-top:var(--space-xxs);padding-bottom:var(--space-xxs)}.padding-y-xs\@xl{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.padding-y-sm\@xl{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.padding-y-md\@xl{padding-top:var(--space-md);padding-bottom:var(--space-md)}.padding-y-lg\@xl{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.padding-y-xl\@xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.padding-y-xxl\@xl{padding-top:var(--space-xxl);padding-bottom:var(--space-xxl)}.padding-y-xxxl\@xl{padding-top:var(--space-xxxl);padding-bottom:var(--space-xxxl)}.padding-y-xxxxl\@xl{padding-top:var(--space-xxxxl);padding-bottom:var(--space-xxxxl)}.padding-y-0\@xl{padding-top:0;padding-bottom:0}.padding-y-component\@xl{padding-top:var(--component-padding);padding-bottom:var(--component-padding)}.text-center\@xl{text-align:center}.text-left\@xl{text-align:left}.text-right\@xl{text-align:right}.text-justify\@xl{text-align:justify}.text-xs\@xl{font-size:var(--text-xs,.694em)}.text-sm\@xl{font-size:var(--text-sm,.833em)}.text-base\@xl{font-size:var(--text-unit,1em)}.text-md\@xl{font-size:var(--text-md,1.2em)}.text-lg\@xl{font-size:var(--text-lg,1.44em)}.text-xl\@xl{font-size:var(--text-xl,1.728em)}.text-xxl\@xl{font-size:var(--text-xxl,2.074em)}.text-xxxl\@xl{font-size:var(--text-xxxl,2.488em)}.text-xxxxl\@xl{font-size:var(--text-xxxxl,2.985em)}.width-xxxxs\@xl{width:var(--size-xxxxs,.25rem)}.width-xxxs\@xl{width:var(--size-xxxs,.5rem)}.width-xxs\@xl{width:var(--size-xxs,.75rem)}.width-xs\@xl{width:var(--size-xs,1rem)}.width-sm\@xl{width:var(--size-sm,1.5rem)}.width-md\@xl{width:var(--size-md,2rem)}.width-lg\@xl{width:var(--size-lg,3rem)}.width-xl\@xl{width:var(--size-xl,4rem)}.width-xxl\@xl{width:var(--size-xxl,6rem)}.width-xxxl\@xl{width:var(--size-xxxl,8rem)}.width-xxxxl\@xl{width:var(--size-xxxxl,16rem)}.width-0\@xl{width:0}.width-10\%\@xl{width:10%}.width-20\%\@xl{width:20%}.width-25\%\@xl{width:25%}.width-30\%\@xl{width:30%}.width-33\%\@xl{width:calc(100% / 3)}.width-40\%\@xl{width:40%}.width-50\%\@xl{width:50%}.width-60\%\@xl{width:60%}.width-66\%\@xl{width:calc(100% / 1.5)}.width-70\%\@xl{width:70%}.width-75\%\@xl{width:75%}.width-80\%\@xl{width:80%}.width-90\%\@xl{width:90%}.width-100\%\@xl{width:100%}.width-100vw\@xl{width:100vw}.width-auto\@xl{width:auto}.height-xxxxs\@xl{height:var(--size-xxxxs,.25rem)}.height-xxxs\@xl{height:var(--size-xxxs,.5rem)}.height-xxs\@xl{height:var(--size-xxs,.75rem)}.height-xs\@xl{height:var(--size-xs,1rem)}.height-sm\@xl{height:var(--size-sm,1.5rem)}.height-md\@xl{height:var(--size-md,2rem)}.height-lg\@xl{height:var(--size-lg,3rem)}.height-xl\@xl{height:var(--size-xl,4rem)}.height-xxl\@xl{height:var(--size-xxl,6rem)}.height-xxxl\@xl{height:var(--size-xxxl,8rem)}.height-xxxxl\@xl{height:var(--size-xxxxl,16rem)}.height-0\@xl{height:0}.height-10\%\@xl{height:10%}.height-20\%\@xl{height:20%}.height-25\%\@xl{height:25%}.height-30\%\@xl{height:30%}.height-33\%\@xl{height:calc(100% / 3)}.height-40\%\@xl{height:40%}.height-50\%\@xl{height:50%}.height-60\%\@xl{height:60%}.height-66\%\@xl{height:calc(100% / 1.5)}.height-70\%\@xl{height:70%}.height-75\%\@xl{height:75%}.height-80\%\@xl{height:80%}.height-90\%\@xl{height:90%}.height-100\%\@xl{height:100%}.height-100vh\@xl{height:100vh}.height-auto\@xl{height:auto}.max-width-xxxxs\@xl{max-width:var(--max-width-xxxxs)}.max-width-xxxs\@xl{max-width:var(--max-width-xxxs)}.max-width-xxs\@xl{max-width:var(--max-width-xxs)}.max-width-xs\@xl{max-width:var(--max-width-xs)}.max-width-sm\@xl{max-width:var(--max-width-sm)}.max-width-md\@xl{max-width:var(--max-width-md)}.max-width-lg\@xl{max-width:var(--max-width-lg)}.max-width-xl\@xl{max-width:var(--max-width-xl)}.max-width-xxl\@xl{max-width:var(--max-width-xxl)}.max-width-xxxl\@xl{max-width:var(--max-width-xxxl)}.max-width-xxxxl\@xl{max-width:var(--max-width-xxxxl)}.max-width-100\%\@xl{max-width:100%}.max-width-none\@xl{max-width:none}.position-relative\@xl{position:relative}.position-absolute\@xl{position:absolute}.position-fixed\@xl{position:fixed}.position-sticky\@xl{position:-webkit-sticky;position:sticky}.position-static\@xl{position:static}.inset-0\@xl{top:0;right:0;bottom:0;left:0}.top-0\@xl{top:0}.top-50\%\@xl{top:50%}.top-xxxxs\@xl{top:var(--space-xxxxs)}.top-xxxs\@xl{top:var(--space-xxxs)}.top-xxs\@xl{top:var(--space-xxs)}.top-xs\@xl{top:var(--space-xs)}.top-sm\@xl{top:var(--space-sm)}.top-md\@xl{top:var(--space-md)}.top-lg\@xl{top:var(--space-lg)}.top-xl\@xl{top:var(--space-xl)}.top-xxl\@xl{top:var(--space-xxl)}.top-xxxl\@xl{top:var(--space-xxxl)}.top-xxxxl\@xl{top:var(--space-xxxxl)}.bottom-0\@xl{bottom:0}.bottom-50\%\@xl{bottom:50%}.bottom-xxxxs\@xl{bottom:var(--space-xxxxs)}.bottom-xxxs\@xl{bottom:var(--space-xxxs)}.bottom-xxs\@xl{bottom:var(--space-xxs)}.bottom-xs\@xl{bottom:var(--space-xs)}.bottom-sm\@xl{bottom:var(--space-sm)}.bottom-md\@xl{bottom:var(--space-md)}.bottom-lg\@xl{bottom:var(--space-lg)}.bottom-xl\@xl{bottom:var(--space-xl)}.bottom-xxl\@xl{bottom:var(--space-xxl)}.bottom-xxxl\@xl{bottom:var(--space-xxxl)}.bottom-xxxxl\@xl{bottom:var(--space-xxxxl)}.right-0\@xl{right:0}.right-50\%\@xl{right:50%}.right-xxxxs\@xl{right:var(--space-xxxxs)}.right-xxxs\@xl{right:var(--space-xxxs)}.right-xxs\@xl{right:var(--space-xxs)}.right-xs\@xl{right:var(--space-xs)}.right-sm\@xl{right:var(--space-sm)}.right-md\@xl{right:var(--space-md)}.right-lg\@xl{right:var(--space-lg)}.right-xl\@xl{right:var(--space-xl)}.right-xxl\@xl{right:var(--space-xxl)}.right-xxxl\@xl{right:var(--space-xxxl)}.right-xxxxl\@xl{right:var(--space-xxxxl)}.left-0\@xl{left:0}.left-50\%\@xl{left:50%}.left-xxxxs\@xl{left:var(--space-xxxxs)}.left-xxxs\@xl{left:var(--space-xxxs)}.left-xxs\@xl{left:var(--space-xxs)}.left-xs\@xl{left:var(--space-xs)}.left-sm\@xl{left:var(--space-sm)}.left-md\@xl{left:var(--space-md)}.left-lg\@xl{left:var(--space-lg)}.left-xl\@xl{left:var(--space-xl)}.left-xxl\@xl{left:var(--space-xxl)}.left-xxxl\@xl{left:var(--space-xxxl)}.left-xxxxl\@xl{left:var(--space-xxxxl)}.overflow-hidden\@xl{overflow:hidden}.overflow-auto\@xl{overflow:auto}.momentum-scrolling\@xl{-webkit-overflow-scrolling:touch}.overscroll-contain\@xl{overscroll-behavior:contain}.visible\@xl{visibility:visible}.invisible\@xl{visibility:hidden}}@media not all and (min-width:90rem){.display\@xl{display:none!important}}:root,[data-theme=default]{--color-primary-darker:hsl(250, 84%, 38%);--color-primary-darker-h:250;--color-primary-darker-s:84%;--color-primary-darker-l:38%;--color-primary-dark:hsl(250, 84%, 46%);--color-primary-dark-h:250;--color-primary-dark-s:84%;--color-primary-dark-l:46%;--color-primary:hsl(250, 84%, 54%);--color-primary-h:250;--color-primary-s:84%;--color-primary-l:54%;--color-primary-light:hsl(250, 84%, 60%);--color-primary-light-h:250;--color-primary-light-s:84%;--color-primary-light-l:60%;--color-primary-lighter:hsl(250, 84%, 67%);--color-primary-lighter-h:250;--color-primary-lighter-s:84%;--color-primary-lighter-l:67%;--color-accent-darker:hsl(342, 89%, 38%);--color-accent-darker-h:342;--color-accent-darker-s:89%;--color-accent-darker-l:38%;--color-accent-dark:hsl(342, 89%, 43%);--color-accent-dark-h:342;--color-accent-dark-s:89%;--color-accent-dark-l:43%;--color-accent:hsl(342, 89%, 48%);--color-accent-h:342;--color-accent-s:89%;--color-accent-l:48%;--color-accent-light:hsl(342, 89%, 56%);--color-accent-light-h:342;--color-accent-light-s:89%;--color-accent-light-l:56%;--color-accent-lighter:hsl(342, 89%, 62%);--color-accent-lighter-h:342;--color-accent-lighter-s:89%;--color-accent-lighter-l:62%;--color-black:hsl(204, 28%, 7%);--color-black-h:204;--color-black-s:28%;--color-black-l:7%;--color-white:hsl(0, 0%, 100%);--color-white-h:0;--color-white-s:0%;--color-white-l:100%;--color-warning-darker:hsl(46, 100%, 47%);--color-warning-darker-h:46;--color-warning-darker-s:100%;--color-warning-darker-l:47%;--color-warning-dark:hsl(46, 100%, 50%);--color-warning-dark-h:46;--color-warning-dark-s:100%;--color-warning-dark-l:50%;--color-warning:hsl(46, 100%, 61%);--color-warning-h:46;--color-warning-s:100%;--color-warning-l:61%;--color-warning-light:hsl(46, 100%, 71%);--color-warning-light-h:46;--color-warning-light-s:100%;--color-warning-light-l:71%;--color-warning-lighter:hsl(46, 100%, 80%);--color-warning-lighter-h:46;--color-warning-lighter-s:100%;--color-warning-lighter-l:80%;--color-success-darker:hsl(122, 50%, 47%);--color-success-darker-h:122;--color-success-darker-s:50%;--color-success-darker-l:47%;--color-success-dark:hsl(122, 50%, 52%);--color-success-dark-h:122;--color-success-dark-s:50%;--color-success-dark-l:52%;--color-success:hsl(122, 50%, 60%);--color-success-h:122;--color-success-s:50%;--color-success-l:60%;--color-success-light:hsl(122, 50%, 69%);--color-success-light-h:122;--color-success-light-s:50%;--color-success-light-l:69%;--color-success-lighter:hsl(122, 50%, 76%);--color-success-lighter-h:122;--color-success-lighter-s:50%;--color-success-lighter-l:76%;--color-error-darker:hsl(342, 89%, 38%);--color-error-darker-h:342;--color-error-darker-s:89%;--color-error-darker-l:38%;--color-error-dark:hsl(342, 89%, 43%);--color-error-dark-h:342;--color-error-dark-s:89%;--color-error-dark-l:43%;--color-error:hsl(342, 89%, 48%);--color-error-h:342;--color-error-s:89%;--color-error-l:48%;--color-error-light:hsl(342, 89%, 56%);--color-error-light-h:342;--color-error-light-s:89%;--color-error-light-l:56%;--color-error-lighter:hsl(342, 89%, 62%);--color-error-lighter-h:342;--color-error-lighter-s:89%;--color-error-lighter-l:62%;--color-bg-darker:hsl(210, 4%, 89%);--color-bg-darker-h:210;--color-bg-darker-s:4%;--color-bg-darker-l:89%;--color-bg-dark:hsl(180, 3%, 94%);--color-bg-dark-h:180;--color-bg-dark-s:3%;--color-bg-dark-l:94%;--color-bg:hsl(0, 0%, 100%);--color-bg-h:0;--color-bg-s:0%;--color-bg-l:100%;--color-bg-light:hsl(180, 3%, 100%);--color-bg-light-h:180;--color-bg-light-s:3%;--color-bg-light-l:100%;--color-bg-lighter:hsl(210, 4%, 100%);--color-bg-lighter-h:210;--color-bg-lighter-s:4%;--color-bg-lighter-l:100%;--color-contrast-lower:hsl(180, 1%, 84%);--color-contrast-lower-h:180;--color-contrast-lower-s:1%;--color-contrast-lower-l:84%;--color-contrast-low:hsl(210, 2%, 64%);--color-contrast-low-h:210;--color-contrast-low-s:2%;--color-contrast-low-l:64%;--color-contrast-medium:hsl(204, 2%, 46%);--color-contrast-medium-h:204;--color-contrast-medium-s:2%;--color-contrast-medium-l:46%;--color-contrast-high:hsl(210, 7%, 21%);--color-contrast-high-h:210;--color-contrast-high-s:7%;--color-contrast-high-l:21%;--color-contrast-higher:hsl(204, 28%, 7%);--color-contrast-higher-h:204;--color-contrast-higher-s:28%;--color-contrast-higher-l:7%}[data-theme=dark]{--color-primary-darker:hsl(250, 93%, 57%);--color-primary-darker-h:250;--color-primary-darker-s:93%;--color-primary-darker-l:57%;--color-primary-dark:hsl(250, 93%, 61%);--color-primary-dark-h:250;--color-primary-dark-s:93%;--color-primary-dark-l:61%;--color-primary:hsl(250, 93%, 65%);--color-primary-h:250;--color-primary-s:93%;--color-primary-l:65%;--color-primary-light:hsl(250, 93%, 69%);--color-primary-light-h:250;--color-primary-light-s:93%;--color-primary-light-l:69%;--color-primary-lighter:hsl(250, 93%, 72%);--color-primary-lighter-h:250;--color-primary-lighter-s:93%;--color-primary-lighter-l:72%;--color-accent-darker:hsl(342, 92%, 41%);--color-accent-darker-h:342;--color-accent-darker-s:92%;--color-accent-darker-l:41%;--color-accent-dark:hsl(342, 92%, 47%);--color-accent-dark-h:342;--color-accent-dark-s:92%;--color-accent-dark-l:47%;--color-accent:hsl(342, 92%, 54%);--color-accent-h:342;--color-accent-s:92%;--color-accent-l:54%;--color-accent-light:hsl(342, 92%, 60%);--color-accent-light-h:342;--color-accent-light-s:92%;--color-accent-light-l:60%;--color-accent-lighter:hsl(342, 92%, 65%);--color-accent-lighter-h:342;--color-accent-lighter-s:92%;--color-accent-lighter-l:65%;--color-black:hsl(204, 28%, 7%);--color-black-h:204;--color-black-s:28%;--color-black-l:7%;--color-white:hsl(0, 0%, 100%);--color-white-h:0;--color-white-s:0%;--color-white-l:100%;--color-warning-darker:hsl(46, 100%, 47%);--color-warning-darker-h:46;--color-warning-darker-s:100%;--color-warning-darker-l:47%;--color-warning-dark:hsl(46, 100%, 50%);--color-warning-dark-h:46;--color-warning-dark-s:100%;--color-warning-dark-l:50%;--color-warning:hsl(46, 100%, 61%);--color-warning-h:46;--color-warning-s:100%;--color-warning-l:61%;--color-warning-light:hsl(46, 100%, 71%);--color-warning-light-h:46;--color-warning-light-s:100%;--color-warning-light-l:71%;--color-warning-lighter:hsl(46, 100%, 80%);--color-warning-lighter-h:46;--color-warning-lighter-s:100%;--color-warning-lighter-l:80%;--color-success-darker:hsl(122, 50%, 47%);--color-success-darker-h:122;--color-success-darker-s:50%;--color-success-darker-l:47%;--color-success-dark:hsl(122, 50%, 52%);--color-success-dark-h:122;--color-success-dark-s:50%;--color-success-dark-l:52%;--color-success:hsl(122, 50%, 60%);--color-success-h:122;--color-success-s:50%;--color-success-l:60%;--color-success-light:hsl(122, 50%, 69%);--color-success-light-h:122;--color-success-light-s:50%;--color-success-light-l:69%;--color-success-lighter:hsl(122, 50%, 76%);--color-success-lighter-h:122;--color-success-lighter-s:50%;--color-success-lighter-l:76%;--color-error-darker:hsl(342, 92%, 41%);--color-error-darker-h:342;--color-error-darker-s:92%;--color-error-darker-l:41%;--color-error-dark:hsl(342, 92%, 47%);--color-error-dark-h:342;--color-error-dark-s:92%;--color-error-dark-l:47%;--color-error:hsl(342, 92%, 54%);--color-error-h:342;--color-error-s:92%;--color-error-l:54%;--color-error-light:hsl(342, 92%, 60%);--color-error-light-h:342;--color-error-light-s:92%;--color-error-light-l:60%;--color-error-lighter:hsl(342, 92%, 65%);--color-error-lighter-h:342;--color-error-lighter-s:92%;--color-error-lighter-l:65%;--color-bg-darker:hsl(204, 15%, 6%);--color-bg-darker-h:204;--color-bg-darker-s:15%;--color-bg-darker-l:6%;--color-bg-dark:hsl(203, 18%, 9%);--color-bg-dark-h:203;--color-bg-dark-s:18%;--color-bg-dark-l:9%;--color-bg:hsl(203, 24%, 13%);--color-bg-h:203;--color-bg-s:24%;--color-bg-l:13%;--color-bg-light:hsl(203, 18%, 17%);--color-bg-light-h:203;--color-bg-light-s:18%;--color-bg-light-l:17%;--color-bg-lighter:hsl(204, 15%, 20%);--color-bg-lighter-h:204;--color-bg-lighter-s:15%;--color-bg-lighter-l:20%;--color-contrast-lower:hsl(208, 12%, 24%);--color-contrast-lower-h:208;--color-contrast-lower-s:12%;--color-contrast-lower-l:24%;--color-contrast-low:hsl(208, 6%, 40%);--color-contrast-low-h:208;--color-contrast-low-s:6%;--color-contrast-low-l:40%;--color-contrast-medium:hsl(213, 5%, 56%);--color-contrast-medium-h:213;--color-contrast-medium-s:5%;--color-contrast-medium-l:56%;--color-contrast-high:hsl(223, 8%, 82%);--color-contrast-high-h:223;--color-contrast-high-s:8%;--color-contrast-high-l:82%;--color-contrast-higher:hsl(240, 100%, 99%);--color-contrast-higher-h:240;--color-contrast-higher-s:100%;--color-contrast-higher-l:99%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width:64rem){:root{--space-unit:1.25em}}:root{--radius:0.25em}.hover\:reduce-opacity{opacity:1;transition:all .3s ease}.hover\:reduce-opacity:hover{opacity:.8}.hover\:scale{transition:transform .3s var(--ease-out-back)}.hover\:scale:hover{transform:scale(1.1)}.hover\:elevate{box-shadow:var(--shadow-sm);transition:all .3s ease}.hover\:elevate:hover{box-shadow:var(--shadow-md)}.link-subtle{color:inherit;cursor:pointer;text-decoration:none;transition:all .2s ease}.link-subtle:hover{color:var(--color-primary)}:root{--font-primary:system-ui,sans-serif;--text-base-size:1em;--text-scale-ratio:1.2;--body-line-height:1.4;--heading-line-height:1.2;--font-primary-capital-letter:1;--text-unit:1em}*,:root{--text-xs:calc((var(--text-unit) / var(--text-scale-ratio)) / var(--text-scale-ratio));--text-sm:calc(var(--text-xs) * var(--text-scale-ratio));--text-md:calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio));--text-lg:calc(var(--text-md) * var(--text-scale-ratio));--text-xl:calc(var(--text-lg) * var(--text-scale-ratio));--text-xxl:calc(var(--text-xl) * var(--text-scale-ratio));--text-xxxl:calc(var(--text-xxl) * var(--text-scale-ratio));--text-xxxxl:calc(var(--text-xxxl) * var(--text-scale-ratio))}@media (min-width:64rem){:root{--text-base-size:1.25em;--text-scale-ratio:1.25}}h1,h2,h3,h4{--heading-font-weight:700}mark{background-color:hsla(var(--color-accent-h),var(--color-accent-s),var(--color-accent-l),.2);color:inherit}.text-component{--line-height-multiplier:1;--text-space-y-multiplier:1}.text-component blockquote{padding-left:1em;border-left:4px solid var(--color-contrast-lower)}.text-component hr{background:var(--color-contrast-lower);height:1px}.text-component figcaption{font-size:var(--text-sm);color:var(--color-contrast-low)}.article{--body-line-height:1.58;--text-space-y-multiplier:1.2}:root{--btn-font-size:1em;--btn-padding-x:var(--space-sm);--btn-padding-y:var(--space-xxs);--btn-radius:var(--radius-md)}.btn{background:var(--color-bg-dark);color:var(--color-contrast-higher);cursor:pointer;text-decoration:none;line-height:1.2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:all .2s ease;will-change:transform}.btn:focus{box-shadow:0 0 0 2px hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.15);outline:0}.btn:active{transform:translateY(2px)}.btn--primary{background:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-xs)}.btn--primary:hover{background:var(--color-primary-light);box-shadow:var(--shadow-sm)}.btn--primary:focus{box-shadow:0 0 0 2px hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),.2)}.btn--subtle{background:var(--color-bg-light);color:var(--color-contrast-higher);box-shadow:0 0 0 1px hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.08),var(--shadow-xs)}.btn--subtle:hover{background:var(--color-bg-lighter);box-shadow:0 0 0 1px hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.08),var(--shadow-sm)}.btn--subtle:focus{box-shadow:0 0 0 1px hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.08),var(--shadow-xs),0 0 0 3px hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.05)}.btn--accent{background:var(--color-accent);color:var(--color-white);box-shadow:var(--shadow-xs)}.btn--accent:hover{background:var(--color-accent-light);box-shadow:var(--shadow-sm)}.btn--accent:focus{box-shadow:0 0 0 2px hsla(var(--color-accent-h),var(--color-accent-s),var(--color-accent-l),.2)}.btn--disabled,.btn[disabled],.btn[readonly]{opacity:.6;cursor:not-allowed}.btn--sm{font-size:.8em}.btn--md{font-size:1.2em}.btn--lg{font-size:1.4em}:root{--form-control-font-size:1em;--form-control-padding-x:var(--space-xs);--form-control-padding-y:var(--space-xxs);--form-control-radius:var(--radius-md)}.form-control{background:var(--color-bg-dark);line-height:1.2;transition:all .2s ease}.form-control::-moz-placeholder{opacity:1;color:var(--color-contrast-low)}.form-control::placeholder{opacity:1;color:var(--color-contrast-low)}.form-control:focus{background:var(--color-bg);box-shadow:0 0 0 2px var(--color-primary),var(--shadow-sm);outline:0}.form-control--disabled,.form-control[disabled],.form-control[readonly]{cursor:not-allowed}.form-control.form-control--error,.form-control[aria-invalid=true]{box-shadow:0 0 0 2px var(--color-error)}.form-control.form-control--error:focus,.form-control[aria-invalid=true]:focus{box-shadow:0 0 0 2px var(--color-error),var(--shadow-sm)}:root{--list-space-y:var(--space-sm);--list-offset:var(--space-xs);--list-line-height:var(--body-line-height)}.list,.text-component .list{padding-left:0;list-style:none}.list ol,.list ul,.text-component .list ol,.text-component .list ul{list-style:none;margin:0;margin-top:calc(var(--list-space-y)/ 2);padding-top:calc(var(--list-space-y)/ 2);padding-left:var(--list-offset)}.list li,.text-component .list li{padding-bottom:calc(var(--list-space-y)/ 2);margin-bottom:calc(var(--list-space-y)/ 2);line-height:var(--list-line-height)}.list ol>li:last-child,.list ul>li:last-child,.list>li:last-child,.text-component .list ol>li:last-child,.text-component .list ul>li:last-child,.text-component .list>li:last-child{margin-bottom:0}.list ol>li:last-child,.list ul>li:last-child,.list:not(.list--border)>li:last-child,.text-component .list ol>li:last-child,.text-component .list ul>li:last-child,.text-component .list:not(.list--border)>li:last-child{padding-bottom:0}.list--ol,.list--ul,.text-component .list--ol,.text-component .list--ul{--list-offset:calc(var(--list-bullet-size) + var(--list-bullet-margin-right))}.list--ol ol,.list--ol ul,.list--ul ol,.list--ul ul,.text-component .list--ol ol,.text-component .list--ol ul,.text-component .list--ul ol,.text-component .list--ul ul{padding-left:0}.list--ol li,.list--ul li,.text-component .list--ol li,.text-component .list--ul li{padding-left:var(--list-offset)}.list--ol li::before,.list--ul li::before,.text-component .list--ol li::before,.text-component .list--ul li::before{display:inline-flex;justify-content:center;align-items:center;width:var(--list-bullet-size);height:var(--list-bullet-size);vertical-align:middle;position:relative;top:-.1em;left:calc(var(--list-bullet-margin-right) * -1);margin-left:calc(var(--list-bullet-size) * -1)}.list--ul,.text-component .list--ul{--list-bullet-size:7px;--list-bullet-margin-right:12px}.list--ul>li::before,.text-component .list--ul>li::before{content:"";border-radius:50%;color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.1);background-color:currentColor}.list--ul ul li::before,.text-component .list--ul ul li::before{background-color:transparent;box-shadow:inset 0 0 0 2px currentColor}.list--ol,.text-component .list--ol{--list-bullet-size:26px;--list-bullet-margin-right:6px;--list-bullet-font-size:14px;counter-reset:list-items}.list--ol>li,.text-component .list--ol>li{counter-increment:list-items}.list--ol ol,.text-component .list--ol ol{counter-reset:list-items}.list--ol>li::before,.text-component .list--ol>li::before{content:counter(list-items);font-size:var(--list-bullet-font-size,14px);background-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.075);color:var(--color-contrast-higher);line-height:1;border-radius:50%}.list--ol ol>li::before,.text-component .list--ol ol>li::before{background-color:transparent;box-shadow:inset 0 0 0 2px hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.075)}.list--border li:not(:last-child),.text-component .list--border li:not(:last-child){border-bottom:1px solid var(--color-contrast-lower)}.list--border ol,.list--border ul,.text-component .list--border ol,.text-component .list--border ul{border-top:1px solid var(--color-contrast-lower)}.list--icons,.text-component .list--icons{--list-bullet-size:24px;--list-bullet-margin-right:8px;--list-offset:calc(var(--list-bullet-size) + var(--list-bullet-margin-right))}.list--icons ol,.list--icons ul,.text-component .list--icons ol,.text-component .list--icons ul{padding-left:var(--list-offset)}.list__icon{position:relative;width:var(--list-bullet-size);height:var(--list-bullet-size);margin-right:var(--list-bullet-margin-right)}.list__icon:not(.top-0){top:calc((1em * var(--list-line-height) - var(--list-bullet-size))/ 2)}/*! purgecss start ignore *//*! purgecss end ignore */ --------------------------------------------------------------------------------