From fec310c734435702ccd50f7213faf59348dd8d75 Mon Sep 17 00:00:00 2001 From: Mwila Kaunda Date: Sun, 19 Jan 2025 11:14:44 +0200 Subject: [PATCH] skfjnjkndf --- dist/index.html | 13 + dist/main/index.js | 203 + package-lock.json | 2379 +++-- src/assets/css/style.css | 15925 +++++++++++++++++++++++++++++++++ src/assets/css/style.min.css | 1 + src/assets/js/scripts.js | 2589 ++++++ src/assets/js/scripts.min.js | 1 + src/index.js | 4 +- src/style.css | 5 - webpack.config.js | 30 +- 10 files changed, 20380 insertions(+), 770 deletions(-) create mode 100644 dist/index.html create mode 100644 dist/main/index.js create mode 100644 src/assets/css/style.css create mode 100644 src/assets/css/style.min.css create mode 100644 src/assets/js/scripts.js create mode 100644 src/assets/js/scripts.min.js delete mode 100644 src/style.css diff --git a/dist/index.html b/dist/index.html new file mode 100644 index 0000000..b416968 --- /dev/null +++ b/dist/index.html @@ -0,0 +1,13 @@ + + + + + + + + Document + + +

Let's Make it Happen!

+ + \ No newline at end of file diff --git a/dist/main/index.js b/dist/main/index.js new file mode 100644 index 0000000..975ed0c --- /dev/null +++ b/dist/main/index.js @@ -0,0 +1,203 @@ +/* + * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development"). + * This devtool is neither made for production nor for readable output files. + * It uses "eval()" calls to create a separate source file in the browser devtools. + * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/) + * or disable the default devtool with "devtool: false". + * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/). + */ +/******/ (() => { // webpackBootstrap +/******/ "use strict"; +/******/ var __webpack_modules__ = ({ + +/***/ "./node_modules/css-loader/dist/cjs.js!./src/assets/css/style.min.css": +/*!****************************************************************************!*\ + !*** ./node_modules/css-loader/dist/cjs.js!./src/assets/css/style.min.css ***! + \****************************************************************************/ +/***/ ((module, __webpack_exports__, __webpack_require__) => { + +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"@charset \\\"UTF-8\\\";.container{width:calc(100% - 2 * var(--component-padding));margin-left:auto;margin-right:auto}.flex,.grid,.inline-flex,[class*=\\\" flex@\\\"],[class*=\\\" inline-flex@\\\"],[class^=flex\\\\@],[class^=inline-flex\\\\@]{--gap:0px;--gap-x:var(--gap);--gap-y:var(--gap);gap:var(--gap-y) var(--gap-x)}.flex>*,.grid>*,.inline-flex>*,[class*=\\\" flex@\\\"]>*,[class*=\\\" inline-flex@\\\"]>*,[class^=flex\\\\@]>*,[class^=inline-flex\\\\@]>*{--sub-gap:0px;--sub-gap-x:var(--sub-gap);--sub-gap-y:var(--sub-gap)}.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(--sub-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(--sub-gap-x)}}}.gap-xxxxs{--gap-x:var(--space-xxxxs);--gap-y:var(--space-xxxxs)}.gap-xxxxs>*{--sub-gap-x:var(--space-xxxxs);--sub-gap-y:var(--space-xxxxs)}.gap-xxxs{--gap-x:var(--space-xxxs);--gap-y:var(--space-xxxs)}.gap-xxxs>*{--sub-gap-x:var(--space-xxxs);--sub-gap-y:var(--space-xxxs)}.gap-xxs{--gap-x:var(--space-xxs);--gap-y:var(--space-xxs)}.gap-xxs>*{--sub-gap-x:var(--space-xxs);--sub-gap-y:var(--space-xxs)}.gap-xs{--gap-x:var(--space-xs);--gap-y:var(--space-xs)}.gap-xs>*{--sub-gap-x:var(--space-xs);--sub-gap-y:var(--space-xs)}.gap-sm{--gap-x:var(--space-sm);--gap-y:var(--space-sm)}.gap-sm>*{--sub-gap-x:var(--space-sm);--sub-gap-y:var(--space-sm)}.gap-md{--gap-x:var(--space-md);--gap-y:var(--space-md)}.gap-md>*{--sub-gap-x:var(--space-md);--sub-gap-y:var(--space-md)}.gap-lg{--gap-x:var(--space-lg);--gap-y:var(--space-lg)}.gap-lg>*{--sub-gap-x:var(--space-lg);--sub-gap-y:var(--space-lg)}.gap-xl{--gap-x:var(--space-xl);--gap-y:var(--space-xl)}.gap-xl>*{--sub-gap-x:var(--space-xl);--sub-gap-y:var(--space-xl)}.gap-xxl{--gap-x:var(--space-xxl);--gap-y:var(--space-xxl)}.gap-xxl>*{--sub-gap-x:var(--space-xxl);--sub-gap-y:var(--space-xxl)}.gap-xxxl{--gap-x:var(--space-xxxl);--gap-y:var(--space-xxxl)}.gap-xxxl>*{--sub-gap-x:var(--space-xxxl);--sub-gap-y:var(--space-xxxl)}.gap-xxxxl{--gap-x:var(--space-xxxxl);--gap-y:var(--space-xxxxl)}.gap-xxxxl>*{--sub-gap-x:var(--space-xxxxl);--sub-gap-y:var(--space-xxxxl)}.gap-0{--gap-x:0px;--gap-y:0px}.gap-0>*{--sub-gap-x:0px;--sub-gap-y:0px}.gap-x-xxxxs{--gap-x:var(--space-xxxxs)}.gap-x-xxxxs>*{--sub-gap-x:var(--space-xxxxs)}.gap-x-xxxs{--gap-x:var(--space-xxxs)}.gap-x-xxxs>*{--sub-gap-x:var(--space-xxxs)}.gap-x-xxs{--gap-x:var(--space-xxs)}.gap-x-xxs>*{--sub-gap-x:var(--space-xxs)}.gap-x-xs{--gap-x:var(--space-xs)}.gap-x-xs>*{--sub-gap-x:var(--space-xs)}.gap-x-sm{--gap-x:var(--space-sm)}.gap-x-sm>*{--sub-gap-x:var(--space-sm)}.gap-x-md{--gap-x:var(--space-md)}.gap-x-md>*{--sub-gap-x:var(--space-md)}.gap-x-lg{--gap-x:var(--space-lg)}.gap-x-lg>*{--sub-gap-x:var(--space-lg)}.gap-x-xl{--gap-x:var(--space-xl)}.gap-x-xl>*{--sub-gap-x:var(--space-xl)}.gap-x-xxl{--gap-x:var(--space-xxl)}.gap-x-xxl>*{--sub-gap-x:var(--space-xxl)}.gap-x-xxxl{--gap-x:var(--space-xxxl)}.gap-x-xxxl>*{--sub-gap-x:var(--space-xxxl)}.gap-x-xxxxl{--gap-x:var(--space-xxxxl)}.gap-x-xxxxl>*{--sub-gap-x:var(--space-xxxxl)}.gap-x-0{--gap-x:0px}.gap-x-0>*{--sub-gap-x:0px}.gap-y-xxxxs{--gap-y:var(--space-xxxxs)}.gap-y-xxxxs>*{--sub-gap-y:var(--space-xxxxs)}.gap-y-xxxs{--gap-y:var(--space-xxxs)}.gap-y-xxxs>*{--sub-gap-y:var(--space-xxxs)}.gap-y-xxs{--gap-y:var(--space-xxs)}.gap-y-xxs>*{--sub-gap-y:var(--space-xxs)}.gap-y-xs{--gap-y:var(--space-xs)}.gap-y-xs>*{--sub-gap-y:var(--space-xs)}.gap-y-sm{--gap-y:var(--space-sm)}.gap-y-sm>*{--sub-gap-y:var(--space-sm)}.gap-y-md{--gap-y:var(--space-md)}.gap-y-md>*{--sub-gap-y:var(--space-md)}.gap-y-lg{--gap-y:var(--space-lg)}.gap-y-lg>*{--sub-gap-y:var(--space-lg)}.gap-y-xl{--gap-y:var(--space-xl)}.gap-y-xl>*{--sub-gap-y:var(--space-xl)}.gap-y-xxl{--gap-y:var(--space-xxl)}.gap-y-xxl>*{--sub-gap-y:var(--space-xxl)}.gap-y-xxxl{--gap-y:var(--space-xxxl)}.gap-y-xxxl>*{--sub-gap-y:var(--space-xxxl)}.gap-y-xxxxl{--gap-y:var(--space-xxxxl)}.gap-y-xxxxl>*{--sub-gap-y:var(--space-xxxxl)}.gap-y-0{--gap-y:0px}.gap-y-0>*{--sub-gap-y:0px}.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(--sub-gap-x)) * var(--span)/ var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x));max-width:calc((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--span)/ var(--grid-columns) + (var(--span) - 1) * var(--sub-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(--sub-gap-x)) * var(--offset)/ var(--grid-columns) + (var(--offset) + var(--offset-modifier,0)) * var(--sub-gap-x))}@media (min-width:32rem){.gap-xxxxs\\\\@xs{--gap-x:var(--space-xxxxs);--gap-y:var(--space-xxxxs)}.gap-xxxxs\\\\@xs>*{--sub-gap-x:var(--space-xxxxs);--sub-gap-y:var(--space-xxxxs)}.gap-xxxs\\\\@xs{--gap-x:var(--space-xxxs);--gap-y:var(--space-xxxs)}.gap-xxxs\\\\@xs>*{--sub-gap-x:var(--space-xxxs);--sub-gap-y:var(--space-xxxs)}.gap-xxs\\\\@xs{--gap-x:var(--space-xxs);--gap-y:var(--space-xxs)}.gap-xxs\\\\@xs>*{--sub-gap-x:var(--space-xxs);--sub-gap-y:var(--space-xxs)}.gap-xs\\\\@xs{--gap-x:var(--space-xs);--gap-y:var(--space-xs)}.gap-xs\\\\@xs>*{--sub-gap-x:var(--space-xs);--sub-gap-y:var(--space-xs)}.gap-sm\\\\@xs{--gap-x:var(--space-sm);--gap-y:var(--space-sm)}.gap-sm\\\\@xs>*{--sub-gap-x:var(--space-sm);--sub-gap-y:var(--space-sm)}.gap-md\\\\@xs{--gap-x:var(--space-md);--gap-y:var(--space-md)}.gap-md\\\\@xs>*{--sub-gap-x:var(--space-md);--sub-gap-y:var(--space-md)}.gap-lg\\\\@xs{--gap-x:var(--space-lg);--gap-y:var(--space-lg)}.gap-lg\\\\@xs>*{--sub-gap-x:var(--space-lg);--sub-gap-y:var(--space-lg)}.gap-xl\\\\@xs{--gap-x:var(--space-xl);--gap-y:var(--space-xl)}.gap-xl\\\\@xs>*{--sub-gap-x:var(--space-xl);--sub-gap-y:var(--space-xl)}.gap-xxl\\\\@xs{--gap-x:var(--space-xxl);--gap-y:var(--space-xxl)}.gap-xxl\\\\@xs>*{--sub-gap-x:var(--space-xxl);--sub-gap-y:var(--space-xxl)}.gap-xxxl\\\\@xs{--gap-x:var(--space-xxxl);--gap-y:var(--space-xxxl)}.gap-xxxl\\\\@xs>*{--sub-gap-x:var(--space-xxxl);--sub-gap-y:var(--space-xxxl)}.gap-xxxxl\\\\@xs{--gap-x:var(--space-xxxxl);--gap-y:var(--space-xxxxl)}.gap-xxxxl\\\\@xs>*{--sub-gap-x:var(--space-xxxxl);--sub-gap-y:var(--space-xxxxl)}.gap-0\\\\@xs{--gap-x:0px;--gap-y:0px}.gap-0\\\\@xs>*{--sub-gap-x:0px;--sub-gap-y:0px}.gap-x-xxxxs\\\\@xs{--gap-x:var(--space-xxxxs)}.gap-x-xxxxs\\\\@xs>*{--sub-gap-x:var(--space-xxxxs)}.gap-x-xxxs\\\\@xs{--gap-x:var(--space-xxxs)}.gap-x-xxxs\\\\@xs>*{--sub-gap-x:var(--space-xxxs)}.gap-x-xxs\\\\@xs{--gap-x:var(--space-xxs)}.gap-x-xxs\\\\@xs>*{--sub-gap-x:var(--space-xxs)}.gap-x-xs\\\\@xs{--gap-x:var(--space-xs)}.gap-x-xs\\\\@xs>*{--sub-gap-x:var(--space-xs)}.gap-x-sm\\\\@xs{--gap-x:var(--space-sm)}.gap-x-sm\\\\@xs>*{--sub-gap-x:var(--space-sm)}.gap-x-md\\\\@xs{--gap-x:var(--space-md)}.gap-x-md\\\\@xs>*{--sub-gap-x:var(--space-md)}.gap-x-lg\\\\@xs{--gap-x:var(--space-lg)}.gap-x-lg\\\\@xs>*{--sub-gap-x:var(--space-lg)}.gap-x-xl\\\\@xs{--gap-x:var(--space-xl)}.gap-x-xl\\\\@xs>*{--sub-gap-x:var(--space-xl)}.gap-x-xxl\\\\@xs{--gap-x:var(--space-xxl)}.gap-x-xxl\\\\@xs>*{--sub-gap-x:var(--space-xxl)}.gap-x-xxxl\\\\@xs{--gap-x:var(--space-xxxl)}.gap-x-xxxl\\\\@xs>*{--sub-gap-x:var(--space-xxxl)}.gap-x-xxxxl\\\\@xs{--gap-x:var(--space-xxxxl)}.gap-x-xxxxl\\\\@xs>*{--sub-gap-x:var(--space-xxxxl)}.gap-x-0\\\\@xs{--gap-x:0px}.gap-x-0\\\\@xs>*{--sub-gap-x:0px}.gap-y-xxxxs\\\\@xs{--gap-y:var(--space-xxxxs)}.gap-y-xxxxs\\\\@xs>*{--sub-gap-y:var(--space-xxxxs)}.gap-y-xxxs\\\\@xs{--gap-y:var(--space-xxxs)}.gap-y-xxxs\\\\@xs>*{--sub-gap-y:var(--space-xxxs)}.gap-y-xxs\\\\@xs{--gap-y:var(--space-xxs)}.gap-y-xxs\\\\@xs>*{--sub-gap-y:var(--space-xxs)}.gap-y-xs\\\\@xs{--gap-y:var(--space-xs)}.gap-y-xs\\\\@xs>*{--sub-gap-y:var(--space-xs)}.gap-y-sm\\\\@xs{--gap-y:var(--space-sm)}.gap-y-sm\\\\@xs>*{--sub-gap-y:var(--space-sm)}.gap-y-md\\\\@xs{--gap-y:var(--space-md)}.gap-y-md\\\\@xs>*{--sub-gap-y:var(--space-md)}.gap-y-lg\\\\@xs{--gap-y:var(--space-lg)}.gap-y-lg\\\\@xs>*{--sub-gap-y:var(--space-lg)}.gap-y-xl\\\\@xs{--gap-y:var(--space-xl)}.gap-y-xl\\\\@xs>*{--sub-gap-y:var(--space-xl)}.gap-y-xxl\\\\@xs{--gap-y:var(--space-xxl)}.gap-y-xxl\\\\@xs>*{--sub-gap-y:var(--space-xxl)}.gap-y-xxxl\\\\@xs{--gap-y:var(--space-xxxl)}.gap-y-xxxl\\\\@xs>*{--sub-gap-y:var(--space-xxxl)}.gap-y-xxxxl\\\\@xs{--gap-y:var(--space-xxxxl)}.gap-y-xxxxl\\\\@xs>*{--sub-gap-y:var(--space-xxxxl)}.gap-y-0\\\\@xs{--gap-y:0px}.gap-y-0\\\\@xs>*{--sub-gap-y:0px}.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(--sub-gap-x)) * var(--span)/ var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x));max-width:calc((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--span)/ var(--grid-columns) + (var(--span) - 1) * var(--sub-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(--sub-gap-x)) * var(--offset)/ var(--grid-columns) + (var(--offset) + var(--offset-modifier,0)) * var(--sub-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-xxxxs\\\\@sm>*{--sub-gap-x:var(--space-xxxxs);--sub-gap-y:var(--space-xxxxs)}.gap-xxxs\\\\@sm{--gap-x:var(--space-xxxs);--gap-y:var(--space-xxxs)}.gap-xxxs\\\\@sm>*{--sub-gap-x:var(--space-xxxs);--sub-gap-y:var(--space-xxxs)}.gap-xxs\\\\@sm{--gap-x:var(--space-xxs);--gap-y:var(--space-xxs)}.gap-xxs\\\\@sm>*{--sub-gap-x:var(--space-xxs);--sub-gap-y:var(--space-xxs)}.gap-xs\\\\@sm{--gap-x:var(--space-xs);--gap-y:var(--space-xs)}.gap-xs\\\\@sm>*{--sub-gap-x:var(--space-xs);--sub-gap-y:var(--space-xs)}.gap-sm\\\\@sm{--gap-x:var(--space-sm);--gap-y:var(--space-sm)}.gap-sm\\\\@sm>*{--sub-gap-x:var(--space-sm);--sub-gap-y:var(--space-sm)}.gap-md\\\\@sm{--gap-x:var(--space-md);--gap-y:var(--space-md)}.gap-md\\\\@sm>*{--sub-gap-x:var(--space-md);--sub-gap-y:var(--space-md)}.gap-lg\\\\@sm{--gap-x:var(--space-lg);--gap-y:var(--space-lg)}.gap-lg\\\\@sm>*{--sub-gap-x:var(--space-lg);--sub-gap-y:var(--space-lg)}.gap-xl\\\\@sm{--gap-x:var(--space-xl);--gap-y:var(--space-xl)}.gap-xl\\\\@sm>*{--sub-gap-x:var(--space-xl);--sub-gap-y:var(--space-xl)}.gap-xxl\\\\@sm{--gap-x:var(--space-xxl);--gap-y:var(--space-xxl)}.gap-xxl\\\\@sm>*{--sub-gap-x:var(--space-xxl);--sub-gap-y:var(--space-xxl)}.gap-xxxl\\\\@sm{--gap-x:var(--space-xxxl);--gap-y:var(--space-xxxl)}.gap-xxxl\\\\@sm>*{--sub-gap-x:var(--space-xxxl);--sub-gap-y:var(--space-xxxl)}.gap-xxxxl\\\\@sm{--gap-x:var(--space-xxxxl);--gap-y:var(--space-xxxxl)}.gap-xxxxl\\\\@sm>*{--sub-gap-x:var(--space-xxxxl);--sub-gap-y:var(--space-xxxxl)}.gap-0\\\\@sm{--gap-x:0px;--gap-y:0px}.gap-0\\\\@sm>*{--sub-gap-x:0px;--sub-gap-y:0px}.gap-x-xxxxs\\\\@sm{--gap-x:var(--space-xxxxs)}.gap-x-xxxxs\\\\@sm>*{--sub-gap-x:var(--space-xxxxs)}.gap-x-xxxs\\\\@sm{--gap-x:var(--space-xxxs)}.gap-x-xxxs\\\\@sm>*{--sub-gap-x:var(--space-xxxs)}.gap-x-xxs\\\\@sm{--gap-x:var(--space-xxs)}.gap-x-xxs\\\\@sm>*{--sub-gap-x:var(--space-xxs)}.gap-x-xs\\\\@sm{--gap-x:var(--space-xs)}.gap-x-xs\\\\@sm>*{--sub-gap-x:var(--space-xs)}.gap-x-sm\\\\@sm{--gap-x:var(--space-sm)}.gap-x-sm\\\\@sm>*{--sub-gap-x:var(--space-sm)}.gap-x-md\\\\@sm{--gap-x:var(--space-md)}.gap-x-md\\\\@sm>*{--sub-gap-x:var(--space-md)}.gap-x-lg\\\\@sm{--gap-x:var(--space-lg)}.gap-x-lg\\\\@sm>*{--sub-gap-x:var(--space-lg)}.gap-x-xl\\\\@sm{--gap-x:var(--space-xl)}.gap-x-xl\\\\@sm>*{--sub-gap-x:var(--space-xl)}.gap-x-xxl\\\\@sm{--gap-x:var(--space-xxl)}.gap-x-xxl\\\\@sm>*{--sub-gap-x:var(--space-xxl)}.gap-x-xxxl\\\\@sm{--gap-x:var(--space-xxxl)}.gap-x-xxxl\\\\@sm>*{--sub-gap-x:var(--space-xxxl)}.gap-x-xxxxl\\\\@sm{--gap-x:var(--space-xxxxl)}.gap-x-xxxxl\\\\@sm>*{--sub-gap-x:var(--space-xxxxl)}.gap-x-0\\\\@sm{--gap-x:0px}.gap-x-0\\\\@sm>*{--sub-gap-x:0px}.gap-y-xxxxs\\\\@sm{--gap-y:var(--space-xxxxs)}.gap-y-xxxxs\\\\@sm>*{--sub-gap-y:var(--space-xxxxs)}.gap-y-xxxs\\\\@sm{--gap-y:var(--space-xxxs)}.gap-y-xxxs\\\\@sm>*{--sub-gap-y:var(--space-xxxs)}.gap-y-xxs\\\\@sm{--gap-y:var(--space-xxs)}.gap-y-xxs\\\\@sm>*{--sub-gap-y:var(--space-xxs)}.gap-y-xs\\\\@sm{--gap-y:var(--space-xs)}.gap-y-xs\\\\@sm>*{--sub-gap-y:var(--space-xs)}.gap-y-sm\\\\@sm{--gap-y:var(--space-sm)}.gap-y-sm\\\\@sm>*{--sub-gap-y:var(--space-sm)}.gap-y-md\\\\@sm{--gap-y:var(--space-md)}.gap-y-md\\\\@sm>*{--sub-gap-y:var(--space-md)}.gap-y-lg\\\\@sm{--gap-y:var(--space-lg)}.gap-y-lg\\\\@sm>*{--sub-gap-y:var(--space-lg)}.gap-y-xl\\\\@sm{--gap-y:var(--space-xl)}.gap-y-xl\\\\@sm>*{--sub-gap-y:var(--space-xl)}.gap-y-xxl\\\\@sm{--gap-y:var(--space-xxl)}.gap-y-xxl\\\\@sm>*{--sub-gap-y:var(--space-xxl)}.gap-y-xxxl\\\\@sm{--gap-y:var(--space-xxxl)}.gap-y-xxxl\\\\@sm>*{--sub-gap-y:var(--space-xxxl)}.gap-y-xxxxl\\\\@sm{--gap-y:var(--space-xxxxl)}.gap-y-xxxxl\\\\@sm>*{--sub-gap-y:var(--space-xxxxl)}.gap-y-0\\\\@sm{--gap-y:0px}.gap-y-0\\\\@sm>*{--sub-gap-y:0px}.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(--sub-gap-x)) * var(--span)/ var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x));max-width:calc((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--span)/ var(--grid-columns) + (var(--span) - 1) * var(--sub-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(--sub-gap-x)) * var(--offset)/ var(--grid-columns) + (var(--offset) + var(--offset-modifier,0)) * var(--sub-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-xxxxs\\\\@md>*{--sub-gap-x:var(--space-xxxxs);--sub-gap-y:var(--space-xxxxs)}.gap-xxxs\\\\@md{--gap-x:var(--space-xxxs);--gap-y:var(--space-xxxs)}.gap-xxxs\\\\@md>*{--sub-gap-x:var(--space-xxxs);--sub-gap-y:var(--space-xxxs)}.gap-xxs\\\\@md{--gap-x:var(--space-xxs);--gap-y:var(--space-xxs)}.gap-xxs\\\\@md>*{--sub-gap-x:var(--space-xxs);--sub-gap-y:var(--space-xxs)}.gap-xs\\\\@md{--gap-x:var(--space-xs);--gap-y:var(--space-xs)}.gap-xs\\\\@md>*{--sub-gap-x:var(--space-xs);--sub-gap-y:var(--space-xs)}.gap-sm\\\\@md{--gap-x:var(--space-sm);--gap-y:var(--space-sm)}.gap-sm\\\\@md>*{--sub-gap-x:var(--space-sm);--sub-gap-y:var(--space-sm)}.gap-md\\\\@md{--gap-x:var(--space-md);--gap-y:var(--space-md)}.gap-md\\\\@md>*{--sub-gap-x:var(--space-md);--sub-gap-y:var(--space-md)}.gap-lg\\\\@md{--gap-x:var(--space-lg);--gap-y:var(--space-lg)}.gap-lg\\\\@md>*{--sub-gap-x:var(--space-lg);--sub-gap-y:var(--space-lg)}.gap-xl\\\\@md{--gap-x:var(--space-xl);--gap-y:var(--space-xl)}.gap-xl\\\\@md>*{--sub-gap-x:var(--space-xl);--sub-gap-y:var(--space-xl)}.gap-xxl\\\\@md{--gap-x:var(--space-xxl);--gap-y:var(--space-xxl)}.gap-xxl\\\\@md>*{--sub-gap-x:var(--space-xxl);--sub-gap-y:var(--space-xxl)}.gap-xxxl\\\\@md{--gap-x:var(--space-xxxl);--gap-y:var(--space-xxxl)}.gap-xxxl\\\\@md>*{--sub-gap-x:var(--space-xxxl);--sub-gap-y:var(--space-xxxl)}.gap-xxxxl\\\\@md{--gap-x:var(--space-xxxxl);--gap-y:var(--space-xxxxl)}.gap-xxxxl\\\\@md>*{--sub-gap-x:var(--space-xxxxl);--sub-gap-y:var(--space-xxxxl)}.gap-0\\\\@md{--gap-x:0px;--gap-y:0px}.gap-0\\\\@md>*{--sub-gap-x:0px;--sub-gap-y:0px}.gap-x-xxxxs\\\\@md{--gap-x:var(--space-xxxxs)}.gap-x-xxxxs\\\\@md>*{--sub-gap-x:var(--space-xxxxs)}.gap-x-xxxs\\\\@md{--gap-x:var(--space-xxxs)}.gap-x-xxxs\\\\@md>*{--sub-gap-x:var(--space-xxxs)}.gap-x-xxs\\\\@md{--gap-x:var(--space-xxs)}.gap-x-xxs\\\\@md>*{--sub-gap-x:var(--space-xxs)}.gap-x-xs\\\\@md{--gap-x:var(--space-xs)}.gap-x-xs\\\\@md>*{--sub-gap-x:var(--space-xs)}.gap-x-sm\\\\@md{--gap-x:var(--space-sm)}.gap-x-sm\\\\@md>*{--sub-gap-x:var(--space-sm)}.gap-x-md\\\\@md{--gap-x:var(--space-md)}.gap-x-md\\\\@md>*{--sub-gap-x:var(--space-md)}.gap-x-lg\\\\@md{--gap-x:var(--space-lg)}.gap-x-lg\\\\@md>*{--sub-gap-x:var(--space-lg)}.gap-x-xl\\\\@md{--gap-x:var(--space-xl)}.gap-x-xl\\\\@md>*{--sub-gap-x:var(--space-xl)}.gap-x-xxl\\\\@md{--gap-x:var(--space-xxl)}.gap-x-xxl\\\\@md>*{--sub-gap-x:var(--space-xxl)}.gap-x-xxxl\\\\@md{--gap-x:var(--space-xxxl)}.gap-x-xxxl\\\\@md>*{--sub-gap-x:var(--space-xxxl)}.gap-x-xxxxl\\\\@md{--gap-x:var(--space-xxxxl)}.gap-x-xxxxl\\\\@md>*{--sub-gap-x:var(--space-xxxxl)}.gap-x-0\\\\@md{--gap-x:0px}.gap-x-0\\\\@md>*{--sub-gap-x:0px}.gap-y-xxxxs\\\\@md{--gap-y:var(--space-xxxxs)}.gap-y-xxxxs\\\\@md>*{--sub-gap-y:var(--space-xxxxs)}.gap-y-xxxs\\\\@md{--gap-y:var(--space-xxxs)}.gap-y-xxxs\\\\@md>*{--sub-gap-y:var(--space-xxxs)}.gap-y-xxs\\\\@md{--gap-y:var(--space-xxs)}.gap-y-xxs\\\\@md>*{--sub-gap-y:var(--space-xxs)}.gap-y-xs\\\\@md{--gap-y:var(--space-xs)}.gap-y-xs\\\\@md>*{--sub-gap-y:var(--space-xs)}.gap-y-sm\\\\@md{--gap-y:var(--space-sm)}.gap-y-sm\\\\@md>*{--sub-gap-y:var(--space-sm)}.gap-y-md\\\\@md{--gap-y:var(--space-md)}.gap-y-md\\\\@md>*{--sub-gap-y:var(--space-md)}.gap-y-lg\\\\@md{--gap-y:var(--space-lg)}.gap-y-lg\\\\@md>*{--sub-gap-y:var(--space-lg)}.gap-y-xl\\\\@md{--gap-y:var(--space-xl)}.gap-y-xl\\\\@md>*{--sub-gap-y:var(--space-xl)}.gap-y-xxl\\\\@md{--gap-y:var(--space-xxl)}.gap-y-xxl\\\\@md>*{--sub-gap-y:var(--space-xxl)}.gap-y-xxxl\\\\@md{--gap-y:var(--space-xxxl)}.gap-y-xxxl\\\\@md>*{--sub-gap-y:var(--space-xxxl)}.gap-y-xxxxl\\\\@md{--gap-y:var(--space-xxxxl)}.gap-y-xxxxl\\\\@md>*{--sub-gap-y:var(--space-xxxxl)}.gap-y-0\\\\@md{--gap-y:0px}.gap-y-0\\\\@md>*{--sub-gap-y:0px}.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(--sub-gap-x)) * var(--span)/ var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x));max-width:calc((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--span)/ var(--grid-columns) + (var(--span) - 1) * var(--sub-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(--sub-gap-x)) * var(--offset)/ var(--grid-columns) + (var(--offset) + var(--offset-modifier,0)) * var(--sub-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-xxxxs\\\\@lg>*{--sub-gap-x:var(--space-xxxxs);--sub-gap-y:var(--space-xxxxs)}.gap-xxxs\\\\@lg{--gap-x:var(--space-xxxs);--gap-y:var(--space-xxxs)}.gap-xxxs\\\\@lg>*{--sub-gap-x:var(--space-xxxs);--sub-gap-y:var(--space-xxxs)}.gap-xxs\\\\@lg{--gap-x:var(--space-xxs);--gap-y:var(--space-xxs)}.gap-xxs\\\\@lg>*{--sub-gap-x:var(--space-xxs);--sub-gap-y:var(--space-xxs)}.gap-xs\\\\@lg{--gap-x:var(--space-xs);--gap-y:var(--space-xs)}.gap-xs\\\\@lg>*{--sub-gap-x:var(--space-xs);--sub-gap-y:var(--space-xs)}.gap-sm\\\\@lg{--gap-x:var(--space-sm);--gap-y:var(--space-sm)}.gap-sm\\\\@lg>*{--sub-gap-x:var(--space-sm);--sub-gap-y:var(--space-sm)}.gap-md\\\\@lg{--gap-x:var(--space-md);--gap-y:var(--space-md)}.gap-md\\\\@lg>*{--sub-gap-x:var(--space-md);--sub-gap-y:var(--space-md)}.gap-lg\\\\@lg{--gap-x:var(--space-lg);--gap-y:var(--space-lg)}.gap-lg\\\\@lg>*{--sub-gap-x:var(--space-lg);--sub-gap-y:var(--space-lg)}.gap-xl\\\\@lg{--gap-x:var(--space-xl);--gap-y:var(--space-xl)}.gap-xl\\\\@lg>*{--sub-gap-x:var(--space-xl);--sub-gap-y:var(--space-xl)}.gap-xxl\\\\@lg{--gap-x:var(--space-xxl);--gap-y:var(--space-xxl)}.gap-xxl\\\\@lg>*{--sub-gap-x:var(--space-xxl);--sub-gap-y:var(--space-xxl)}.gap-xxxl\\\\@lg{--gap-x:var(--space-xxxl);--gap-y:var(--space-xxxl)}.gap-xxxl\\\\@lg>*{--sub-gap-x:var(--space-xxxl);--sub-gap-y:var(--space-xxxl)}.gap-xxxxl\\\\@lg{--gap-x:var(--space-xxxxl);--gap-y:var(--space-xxxxl)}.gap-xxxxl\\\\@lg>*{--sub-gap-x:var(--space-xxxxl);--sub-gap-y:var(--space-xxxxl)}.gap-0\\\\@lg{--gap-x:0px;--gap-y:0px}.gap-0\\\\@lg>*{--sub-gap-x:0px;--sub-gap-y:0px}.gap-x-xxxxs\\\\@lg{--gap-x:var(--space-xxxxs)}.gap-x-xxxxs\\\\@lg>*{--sub-gap-x:var(--space-xxxxs)}.gap-x-xxxs\\\\@lg{--gap-x:var(--space-xxxs)}.gap-x-xxxs\\\\@lg>*{--sub-gap-x:var(--space-xxxs)}.gap-x-xxs\\\\@lg{--gap-x:var(--space-xxs)}.gap-x-xxs\\\\@lg>*{--sub-gap-x:var(--space-xxs)}.gap-x-xs\\\\@lg{--gap-x:var(--space-xs)}.gap-x-xs\\\\@lg>*{--sub-gap-x:var(--space-xs)}.gap-x-sm\\\\@lg{--gap-x:var(--space-sm)}.gap-x-sm\\\\@lg>*{--sub-gap-x:var(--space-sm)}.gap-x-md\\\\@lg{--gap-x:var(--space-md)}.gap-x-md\\\\@lg>*{--sub-gap-x:var(--space-md)}.gap-x-lg\\\\@lg{--gap-x:var(--space-lg)}.gap-x-lg\\\\@lg>*{--sub-gap-x:var(--space-lg)}.gap-x-xl\\\\@lg{--gap-x:var(--space-xl)}.gap-x-xl\\\\@lg>*{--sub-gap-x:var(--space-xl)}.gap-x-xxl\\\\@lg{--gap-x:var(--space-xxl)}.gap-x-xxl\\\\@lg>*{--sub-gap-x:var(--space-xxl)}.gap-x-xxxl\\\\@lg{--gap-x:var(--space-xxxl)}.gap-x-xxxl\\\\@lg>*{--sub-gap-x:var(--space-xxxl)}.gap-x-xxxxl\\\\@lg{--gap-x:var(--space-xxxxl)}.gap-x-xxxxl\\\\@lg>*{--sub-gap-x:var(--space-xxxxl)}.gap-x-0\\\\@lg{--gap-x:0px}.gap-x-0\\\\@lg>*{--sub-gap-x:0px}.gap-y-xxxxs\\\\@lg{--gap-y:var(--space-xxxxs)}.gap-y-xxxxs\\\\@lg>*{--sub-gap-y:var(--space-xxxxs)}.gap-y-xxxs\\\\@lg{--gap-y:var(--space-xxxs)}.gap-y-xxxs\\\\@lg>*{--sub-gap-y:var(--space-xxxs)}.gap-y-xxs\\\\@lg{--gap-y:var(--space-xxs)}.gap-y-xxs\\\\@lg>*{--sub-gap-y:var(--space-xxs)}.gap-y-xs\\\\@lg{--gap-y:var(--space-xs)}.gap-y-xs\\\\@lg>*{--sub-gap-y:var(--space-xs)}.gap-y-sm\\\\@lg{--gap-y:var(--space-sm)}.gap-y-sm\\\\@lg>*{--sub-gap-y:var(--space-sm)}.gap-y-md\\\\@lg{--gap-y:var(--space-md)}.gap-y-md\\\\@lg>*{--sub-gap-y:var(--space-md)}.gap-y-lg\\\\@lg{--gap-y:var(--space-lg)}.gap-y-lg\\\\@lg>*{--sub-gap-y:var(--space-lg)}.gap-y-xl\\\\@lg{--gap-y:var(--space-xl)}.gap-y-xl\\\\@lg>*{--sub-gap-y:var(--space-xl)}.gap-y-xxl\\\\@lg{--gap-y:var(--space-xxl)}.gap-y-xxl\\\\@lg>*{--sub-gap-y:var(--space-xxl)}.gap-y-xxxl\\\\@lg{--gap-y:var(--space-xxxl)}.gap-y-xxxl\\\\@lg>*{--sub-gap-y:var(--space-xxxl)}.gap-y-xxxxl\\\\@lg{--gap-y:var(--space-xxxxl)}.gap-y-xxxxl\\\\@lg>*{--sub-gap-y:var(--space-xxxxl)}.gap-y-0\\\\@lg{--gap-y:0px}.gap-y-0\\\\@lg>*{--sub-gap-y:0px}.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(--sub-gap-x)) * var(--span)/ var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x));max-width:calc((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--span)/ var(--grid-columns) + (var(--span) - 1) * var(--sub-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(--sub-gap-x)) * var(--offset)/ var(--grid-columns) + (var(--offset) + var(--offset-modifier,0)) * var(--sub-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-xxxxs\\\\@xl>*{--sub-gap-x:var(--space-xxxxs);--sub-gap-y:var(--space-xxxxs)}.gap-xxxs\\\\@xl{--gap-x:var(--space-xxxs);--gap-y:var(--space-xxxs)}.gap-xxxs\\\\@xl>*{--sub-gap-x:var(--space-xxxs);--sub-gap-y:var(--space-xxxs)}.gap-xxs\\\\@xl{--gap-x:var(--space-xxs);--gap-y:var(--space-xxs)}.gap-xxs\\\\@xl>*{--sub-gap-x:var(--space-xxs);--sub-gap-y:var(--space-xxs)}.gap-xs\\\\@xl{--gap-x:var(--space-xs);--gap-y:var(--space-xs)}.gap-xs\\\\@xl>*{--sub-gap-x:var(--space-xs);--sub-gap-y:var(--space-xs)}.gap-sm\\\\@xl{--gap-x:var(--space-sm);--gap-y:var(--space-sm)}.gap-sm\\\\@xl>*{--sub-gap-x:var(--space-sm);--sub-gap-y:var(--space-sm)}.gap-md\\\\@xl{--gap-x:var(--space-md);--gap-y:var(--space-md)}.gap-md\\\\@xl>*{--sub-gap-x:var(--space-md);--sub-gap-y:var(--space-md)}.gap-lg\\\\@xl{--gap-x:var(--space-lg);--gap-y:var(--space-lg)}.gap-lg\\\\@xl>*{--sub-gap-x:var(--space-lg);--sub-gap-y:var(--space-lg)}.gap-xl\\\\@xl{--gap-x:var(--space-xl);--gap-y:var(--space-xl)}.gap-xl\\\\@xl>*{--sub-gap-x:var(--space-xl);--sub-gap-y:var(--space-xl)}.gap-xxl\\\\@xl{--gap-x:var(--space-xxl);--gap-y:var(--space-xxl)}.gap-xxl\\\\@xl>*{--sub-gap-x:var(--space-xxl);--sub-gap-y:var(--space-xxl)}.gap-xxxl\\\\@xl{--gap-x:var(--space-xxxl);--gap-y:var(--space-xxxl)}.gap-xxxl\\\\@xl>*{--sub-gap-x:var(--space-xxxl);--sub-gap-y:var(--space-xxxl)}.gap-xxxxl\\\\@xl{--gap-x:var(--space-xxxxl);--gap-y:var(--space-xxxxl)}.gap-xxxxl\\\\@xl>*{--sub-gap-x:var(--space-xxxxl);--sub-gap-y:var(--space-xxxxl)}.gap-0\\\\@xl{--gap-x:0px;--gap-y:0px}.gap-0\\\\@xl>*{--sub-gap-x:0px;--sub-gap-y:0px}.gap-x-xxxxs\\\\@xl{--gap-x:var(--space-xxxxs)}.gap-x-xxxxs\\\\@xl>*{--sub-gap-x:var(--space-xxxxs)}.gap-x-xxxs\\\\@xl{--gap-x:var(--space-xxxs)}.gap-x-xxxs\\\\@xl>*{--sub-gap-x:var(--space-xxxs)}.gap-x-xxs\\\\@xl{--gap-x:var(--space-xxs)}.gap-x-xxs\\\\@xl>*{--sub-gap-x:var(--space-xxs)}.gap-x-xs\\\\@xl{--gap-x:var(--space-xs)}.gap-x-xs\\\\@xl>*{--sub-gap-x:var(--space-xs)}.gap-x-sm\\\\@xl{--gap-x:var(--space-sm)}.gap-x-sm\\\\@xl>*{--sub-gap-x:var(--space-sm)}.gap-x-md\\\\@xl{--gap-x:var(--space-md)}.gap-x-md\\\\@xl>*{--sub-gap-x:var(--space-md)}.gap-x-lg\\\\@xl{--gap-x:var(--space-lg)}.gap-x-lg\\\\@xl>*{--sub-gap-x:var(--space-lg)}.gap-x-xl\\\\@xl{--gap-x:var(--space-xl)}.gap-x-xl\\\\@xl>*{--sub-gap-x:var(--space-xl)}.gap-x-xxl\\\\@xl{--gap-x:var(--space-xxl)}.gap-x-xxl\\\\@xl>*{--sub-gap-x:var(--space-xxl)}.gap-x-xxxl\\\\@xl{--gap-x:var(--space-xxxl)}.gap-x-xxxl\\\\@xl>*{--sub-gap-x:var(--space-xxxl)}.gap-x-xxxxl\\\\@xl{--gap-x:var(--space-xxxxl)}.gap-x-xxxxl\\\\@xl>*{--sub-gap-x:var(--space-xxxxl)}.gap-x-0\\\\@xl{--gap-x:0px}.gap-x-0\\\\@xl>*{--sub-gap-x:0px}.gap-y-xxxxs\\\\@xl{--gap-y:var(--space-xxxxs)}.gap-y-xxxxs\\\\@xl>*{--sub-gap-y:var(--space-xxxxs)}.gap-y-xxxs\\\\@xl{--gap-y:var(--space-xxxs)}.gap-y-xxxs\\\\@xl>*{--sub-gap-y:var(--space-xxxs)}.gap-y-xxs\\\\@xl{--gap-y:var(--space-xxs)}.gap-y-xxs\\\\@xl>*{--sub-gap-y:var(--space-xxs)}.gap-y-xs\\\\@xl{--gap-y:var(--space-xs)}.gap-y-xs\\\\@xl>*{--sub-gap-y:var(--space-xs)}.gap-y-sm\\\\@xl{--gap-y:var(--space-sm)}.gap-y-sm\\\\@xl>*{--sub-gap-y:var(--space-sm)}.gap-y-md\\\\@xl{--gap-y:var(--space-md)}.gap-y-md\\\\@xl>*{--sub-gap-y:var(--space-md)}.gap-y-lg\\\\@xl{--gap-y:var(--space-lg)}.gap-y-lg\\\\@xl>*{--sub-gap-y:var(--space-lg)}.gap-y-xl\\\\@xl{--gap-y:var(--space-xl)}.gap-y-xl\\\\@xl>*{--sub-gap-y:var(--space-xl)}.gap-y-xxl\\\\@xl{--gap-y:var(--space-xxl)}.gap-y-xxl\\\\@xl>*{--sub-gap-y:var(--space-xxl)}.gap-y-xxxl\\\\@xl{--gap-y:var(--space-xxxl)}.gap-y-xxxl\\\\@xl>*{--sub-gap-y:var(--space-xxxl)}.gap-y-xxxxl\\\\@xl{--gap-y:var(--space-xxxxl)}.gap-y-xxxxl\\\\@xl>*{--sub-gap-y:var(--space-xxxxl)}.gap-y-0\\\\@xl{--gap-y:0px}.gap-y-0\\\\@xl>*{--sub-gap-y:0px}.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(--sub-gap-x)) * var(--span)/ var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x));max-width:calc((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--span)/ var(--grid-columns) + (var(--span) - 1) * var(--sub-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(--sub-gap-x)) * var(--offset)/ var(--grid-columns) + (var(--offset) + var(--offset-modifier,0)) * var(--sub-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}menu,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,#313539)}:root{--space-unit:1rem}*,: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.375em)/2);--radius-md:var(--radius, 0.375em);--radius-lg:calc(var(--radius, 0.375em)*2);--shadow-ring:0 0 0 1px hsla(0, 0%, 0%, 0.05);--shadow-xs:0 0 0 1px hsla(0, 0%, 0%, 0.02),0 1px 3px -1px hsla(0, 0%, 0%, 0.2);--shadow-sm:0 0.3px 0.4px hsla(0, 0%, 0%, 0.02),0 0.9px 1.5px hsla(0, 0%, 0%, 0.045),0 3.5px 6px hsla(0, 0%, 0%, 0.09);--shadow-md:0 0.9px 1.25px hsla(0, 0%, 0%, 0.025),0 3px 5px hsla(0, 0%, 0%, 0.05),0 12px 20px hsla(0, 0%, 0%, 0.09);--shadow-lg:0 1.2px 1.9px -1px hsla(0, 0%, 0%, 0.01),0 3px 5px -1px hsla(0, 0%, 0%, 0.015),0 8px 15px -1px hsla(0, 0%, 0%, 0.05),0 28px 40px -1px hsla(0, 0%, 0%, 0.1);--shadow-xl:0 1.5px 2.1px -6px hsla(0, 0%, 0%, 0.009),0 3.6px 5.2px -6px hsla(0, 0%, 0%, 0.0115),0 7.3px 10.6px -6px hsla(0, 0%, 0%, 0.0125),0 16.2px 21.9px -6px hsla(0, 0%, 0%, 0.025),0 46px 60px -6px hsla(0, 0%, 0%, 0.15);--inner-glow:inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075);--inner-glow-top:inset 0 1px 0.5px hsla(0, 0%, 100%, 0.075);--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,1rem);font-family:var(--font-primary,sans-serif);color:var(--color-contrast-high,#313539);font-weight:var(--body-font-weight,normal)}h1,h2,h3,h4{color:var(--color-contrast-higher,#0c1216);line-height:var(--heading-line-height,1.2);font-weight:var(--heading-font-weight,700)}h1{font-size:var(--text-xxl,2rem)}h2{font-size:var(--text-xl,1.75rem)}h3{font-size:var(--text-lg,1.375rem)}h4{font-size:var(--text-md,1.125rem)}small{font-size:var(--text-sm,.75rem)}.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) * .3125 * var(--text-space-y-multiplier,1))}.text-component h2,.text-component h3,.text-component h4{margin-top:calc(var(--space-unit) * .9375 * 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) * .9375 * 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) * 1.875 * var(--text-space-y-multiplier,1));margin-bottom:calc(var(--space-unit) * 1.875 * 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) * .9375 * var(--text-space-y-multiplier,1))}.text-component__block--right{float:right;margin-left:calc(var(--space-unit) * .9375 * 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:24px;--icon-md:32px;--icon-lg:48px;--icon-xl:64px;--icon-xxl:96px;--icon-xxxl:128px}.icon{--size:1em;font-size:var(--size);height:1em;width:1em;display:inline-block;color:inherit;fill:currentColor;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{animation:icon-spin 1s infinite linear}@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;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,#0c1216);line-height:var(--heading-line-height,1.2);font-weight:var(--heading-font-weight,700);font-size:var(--text-md,1.125rem);margin-bottom:var(--space-md)}.form-label{display:inline-block;font-size:var(--text-sm,.75rem)}: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}.print\\\\:shadow-none{box-shadow:none}}.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{justify-content:center;align-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}.items-stretch{align-items:stretch}.content-start{align-content:start}.content-end{align-content:end}.content-center{align-content:center}.content-between{align-content:space-between}.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)}.ratio-16\\\\:9{aspect-ratio:16/9}.ratio-3\\\\:2{aspect-ratio:3/2}.ratio-4\\\\:3{aspect-ratio:4/3}.ratio-5\\\\:4{aspect-ratio:5/4}.ratio-1\\\\:1{aspect-ratio:1/1}.ratio-4\\\\:5{aspect-ratio:4/5}.ratio-3\\\\:4{aspect-ratio:3/4}.ratio-2\\\\:3{aspect-ratio:2/3}.ratio-9\\\\:16{aspect-ratio:9/16}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.contents{display:contents}.hide{display:none}.css-grid{display:grid}.css-inline-grid{display:inline-grid}.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-sub{vertical-align:sub}.align-super{vertical-align:super}.align-text-top{vertical-align:text-top}.align-text-bottom{vertical-align:text-bottom}.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-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-xs{font-size:var(--text-xs,.6875rem)}.text-sm{font-size:var(--text-sm,.75rem)}.text-base{font-size:var(--text-unit,1rem)}.text-md{font-size:var(--text-md,1.125rem)}.text-lg{font-size:var(--text-lg,1.375rem)}.text-xl{font-size:var(--text-xl,1.75rem)}.text-xxl{font-size:var(--text-xxl,2rem)}.text-xxxl{font-size:var(--text-xxxl,2.5rem)}.text-xxxxl{font-size:var(--text-xxxxl,3rem)}.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-thin{font-weight:100}.font-extralight{font-weight:200}.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-extrabold{font-weight:800}.font-black{font-weight:900}.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-indent-sm{text-indent:.5em}.text-indent-md{text-indent:1em}.text-indent-lg{text-indent:1.5em}.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}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.column-count-1{-moz-column-count:1;column-count:1}.column-count-2{-moz-column-count:2;column-count:2}.column-count-3{-moz-column-count:3;column-count:3}.column-count-4{-moz-column-count:4;column-count:4}.list-style-none{list-style:none}.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-5\\\\%{--color-o:0.05}.color-opacity-10\\\\%{--color-o:0.1}.color-opacity-15\\\\%{--color-o:0.15}.color-opacity-20\\\\%{--color-o:0.2}.color-opacity-25\\\\%{--color-o:0.25}.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-75\\\\%{--color-o:0.75}.color-opacity-80\\\\%{--color-o:0.8}.color-opacity-85\\\\%{--color-o:0.85}.color-opacity-90\\\\%{--color-o:0.9}.color-opacity-95\\\\%{--color-o:0.95}[class*=\\\" color-gradient\\\"],[class^=color-gradient]{color:transparent!important;-webkit-background-clip:text;background-clip:text;opacity:var(--color-o,1)}.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:33.3333333333%}.width-40\\\\%{width:40%}.width-50\\\\%{width:50%}.width-60\\\\%{width:60%}.width-66\\\\%{width:66.6666666667%}.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}.width-inherit{width:inherit}.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:33.3333333333%}.height-40\\\\%{height:40%}.height-50\\\\%{height:50%}.height-60\\\\%{height:60%}.height-66\\\\%{height:66.6666666667%}.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}.height-inherit{height:inherit}.min-width-0{min-width:0}.min-width-25\\\\%{min-width:25%}.min-width-33\\\\%{min-width:33.3333333333%}.min-width-50\\\\%{min-width:50%}.min-width-66\\\\%{min-width:66.6666666667%}.min-width-75\\\\%{min-width:75%}.min-width-100\\\\%{min-width:100%}.min-width-100vw{min-width:100vw}.min-height-0{min-height:0}.min-height-100\\\\%{min-height:100%}.min-height-100vh{min-height:100vh}:root{--max-width-xxxxxs:17.5rem;--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-xxxxxs{max-width:var(--max-width-xxxxxs)}.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-ring{box-shadow:var(--shadow-ring)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-xs.shadow-ring{box-shadow:var(--shadow-xs),var(--shadow-ring)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-sm.shadow-ring{box-shadow:var(--shadow-sm),var(--shadow-ring)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-md.shadow-ring{box-shadow:var(--shadow-md),var(--shadow-ring)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-lg.shadow-ring{box-shadow:var(--shadow-lg),var(--shadow-ring)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-xl.shadow-ring{box-shadow:var(--shadow-xl),var(--shadow-ring)}.shadow-none{box-shadow:none}:where(.inner-glow,.inner-glow-top){position:relative}:where(.inner-glow,.inner-glow-top)::after{content:\\\"\\\";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;border-radius:inherit;pointer-events:none}.inner-glow::after{box-shadow:var(--inner-glow)}.inner-glow-top::after{box-shadow:var(--inner-glow-top)}.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-visible{overflow:visible}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-clip{overflow:clip}.overflow-x-clip{overflow-x:clip}.overflow-y-clip{overflow-y:clip}.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-5\\\\%{opacity:.05}.opacity-10\\\\%{opacity:.1}.opacity-15\\\\%{opacity:.15}.opacity-20\\\\%{opacity:.2}.opacity-25\\\\%{opacity:.25}.opacity-30\\\\%{opacity:.3}.opacity-40\\\\%{opacity:.4}.opacity-50\\\\%{opacity:.5}.opacity-60\\\\%{opacity:.6}.opacity-70\\\\%{opacity:.7}.opacity-75\\\\%{opacity:.75}.opacity-80\\\\%{opacity:.8}.opacity-85\\\\%{opacity:.85}.opacity-90\\\\%{opacity:.9}.opacity-95\\\\%{opacity:.95}.float-left{float:left}.float-right{float:right}.clearfix::after{content:\\\"\\\";display:table;clear:both}[class*=\\\" border-\\\"],[class^=border-]{--border-o:1;--border-width:1px;--border-style:solid}.border{border:var(--border-width,1px) var(--border-style,solid) hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--border-o-base,.1))}.border-top{border-top:var(--border-width,1px) var(--border-style,solid) hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--border-o-base,.1))}.border-bottom{border-bottom:var(--border-width,1px) var(--border-style,solid) hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--border-o-base,.1))}.border-left{border-left:var(--border-width,1px) var(--border-style,solid) hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--border-o-base,.1))}.border-right{border-right:var(--border-width,1px) var(--border-style,solid) hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--border-o-base,.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-5\\\\%{--border-o:0.05}.border-opacity-10\\\\%{--border-o:0.1}.border-opacity-15\\\\%{--border-o:0.15}.border-opacity-20\\\\%{--border-o:0.2}.border-opacity-25\\\\%{--border-o:0.25}.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-75\\\\%{--border-o:0.75}.border-opacity-80\\\\%{--border-o:0.8}.border-opacity-85\\\\%{--border-o:0.85}.border-opacity-90\\\\%{--border-o:0.9}.border-opacity-95\\\\%{--border-o:0.95}.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-5\\\\%{--bg-o:0.05}.bg-opacity-10\\\\%{--bg-o:0.1}.bg-opacity-15\\\\%{--bg-o:0.15}.bg-opacity-20\\\\%{--bg-o:0.2}.bg-opacity-25\\\\%{--bg-o:0.25}.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-75\\\\%{--bg-o:0.75}.bg-opacity-80\\\\%{--bg-o:0.8}.bg-opacity-85\\\\%{--bg-o:0.85}.bg-opacity-90\\\\%{--bg-o:0.9}.bg-opacity-95\\\\%{--bg-o:0.95}.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}.transition{transition-property:var(--transition-property,all);transition-duration:var(--transition-duration,.2s);transition-delay:var(--transition-delay,0s)}.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}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.appearance-auto{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}@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{justify-content:center;align-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}.items-stretch\\\\@xs{align-items:stretch}.content-start\\\\@xs{align-content:start}.content-end\\\\@xs{align-content:end}.content-center\\\\@xs{align-content:center}.content-between\\\\@xs{align-content:space-between}.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}.css-grid\\\\@xs{display:grid}.css-inline-grid\\\\@xs{display:inline-grid}.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,.6875rem)}.text-sm\\\\@xs{font-size:var(--text-sm,.75rem)}.text-base\\\\@xs{font-size:var(--text-unit,1rem)}.text-md\\\\@xs{font-size:var(--text-md,1.125rem)}.text-lg\\\\@xs{font-size:var(--text-lg,1.375rem)}.text-xl\\\\@xs{font-size:var(--text-xl,1.75rem)}.text-xxl\\\\@xs{font-size:var(--text-xxl,2rem)}.text-xxxl\\\\@xs{font-size:var(--text-xxxl,2.5rem)}.text-xxxxl\\\\@xs{font-size:var(--text-xxxxl,3rem)}.column-count-1\\\\@xs{-moz-column-count:1;column-count:1}.column-count-2\\\\@xs{-moz-column-count:2;column-count:2}.column-count-3\\\\@xs{-moz-column-count:3;column-count:3}.column-count-4\\\\@xs{-moz-column-count:4;column-count:4}.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:33.3333333333%}.width-40\\\\%\\\\@xs{width:40%}.width-50\\\\%\\\\@xs{width:50%}.width-60\\\\%\\\\@xs{width:60%}.width-66\\\\%\\\\@xs{width:66.6666666667%}.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}.width-inherit\\\\@xs{width:inherit}.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:33.3333333333%}.height-40\\\\%\\\\@xs{height:40%}.height-50\\\\%\\\\@xs{height:50%}.height-60\\\\%\\\\@xs{height:60%}.height-66\\\\%\\\\@xs{height:66.6666666667%}.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}.height-inherit\\\\@xs{height:inherit}.max-width-xxxxxs\\\\@xs{max-width:var(--max-width-xxxxxs)}.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{justify-content:center;align-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}.items-stretch\\\\@sm{align-items:stretch}.content-start\\\\@sm{align-content:start}.content-end\\\\@sm{align-content:end}.content-center\\\\@sm{align-content:center}.content-between\\\\@sm{align-content:space-between}.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}.css-grid\\\\@sm{display:grid}.css-inline-grid\\\\@sm{display:inline-grid}.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,.6875rem)}.text-sm\\\\@sm{font-size:var(--text-sm,.75rem)}.text-base\\\\@sm{font-size:var(--text-unit,1rem)}.text-md\\\\@sm{font-size:var(--text-md,1.125rem)}.text-lg\\\\@sm{font-size:var(--text-lg,1.375rem)}.text-xl\\\\@sm{font-size:var(--text-xl,1.75rem)}.text-xxl\\\\@sm{font-size:var(--text-xxl,2rem)}.text-xxxl\\\\@sm{font-size:var(--text-xxxl,2.5rem)}.text-xxxxl\\\\@sm{font-size:var(--text-xxxxl,3rem)}.column-count-1\\\\@sm{-moz-column-count:1;column-count:1}.column-count-2\\\\@sm{-moz-column-count:2;column-count:2}.column-count-3\\\\@sm{-moz-column-count:3;column-count:3}.column-count-4\\\\@sm{-moz-column-count:4;column-count:4}.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:33.3333333333%}.width-40\\\\%\\\\@sm{width:40%}.width-50\\\\%\\\\@sm{width:50%}.width-60\\\\%\\\\@sm{width:60%}.width-66\\\\%\\\\@sm{width:66.6666666667%}.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}.width-inherit\\\\@sm{width:inherit}.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:33.3333333333%}.height-40\\\\%\\\\@sm{height:40%}.height-50\\\\%\\\\@sm{height:50%}.height-60\\\\%\\\\@sm{height:60%}.height-66\\\\%\\\\@sm{height:66.6666666667%}.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}.height-inherit\\\\@sm{height:inherit}.max-width-xxxxxs\\\\@sm{max-width:var(--max-width-xxxxxs)}.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{justify-content:center;align-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}.items-stretch\\\\@md{align-items:stretch}.content-start\\\\@md{align-content:start}.content-end\\\\@md{align-content:end}.content-center\\\\@md{align-content:center}.content-between\\\\@md{align-content:space-between}.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}.css-grid\\\\@md{display:grid}.css-inline-grid\\\\@md{display:inline-grid}.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,.6875rem)}.text-sm\\\\@md{font-size:var(--text-sm,.75rem)}.text-base\\\\@md{font-size:var(--text-unit,1rem)}.text-md\\\\@md{font-size:var(--text-md,1.125rem)}.text-lg\\\\@md{font-size:var(--text-lg,1.375rem)}.text-xl\\\\@md{font-size:var(--text-xl,1.75rem)}.text-xxl\\\\@md{font-size:var(--text-xxl,2rem)}.text-xxxl\\\\@md{font-size:var(--text-xxxl,2.5rem)}.text-xxxxl\\\\@md{font-size:var(--text-xxxxl,3rem)}.column-count-1\\\\@md{-moz-column-count:1;column-count:1}.column-count-2\\\\@md{-moz-column-count:2;column-count:2}.column-count-3\\\\@md{-moz-column-count:3;column-count:3}.column-count-4\\\\@md{-moz-column-count:4;column-count:4}.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:33.3333333333%}.width-40\\\\%\\\\@md{width:40%}.width-50\\\\%\\\\@md{width:50%}.width-60\\\\%\\\\@md{width:60%}.width-66\\\\%\\\\@md{width:66.6666666667%}.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}.width-inherit\\\\@md{width:inherit}.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:33.3333333333%}.height-40\\\\%\\\\@md{height:40%}.height-50\\\\%\\\\@md{height:50%}.height-60\\\\%\\\\@md{height:60%}.height-66\\\\%\\\\@md{height:66.6666666667%}.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}.height-inherit\\\\@md{height:inherit}.max-width-xxxxxs\\\\@md{max-width:var(--max-width-xxxxxs)}.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{justify-content:center;align-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}.items-stretch\\\\@lg{align-items:stretch}.content-start\\\\@lg{align-content:start}.content-end\\\\@lg{align-content:end}.content-center\\\\@lg{align-content:center}.content-between\\\\@lg{align-content:space-between}.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}.css-grid\\\\@lg{display:grid}.css-inline-grid\\\\@lg{display:inline-grid}.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,.6875rem)}.text-sm\\\\@lg{font-size:var(--text-sm,.75rem)}.text-base\\\\@lg{font-size:var(--text-unit,1rem)}.text-md\\\\@lg{font-size:var(--text-md,1.125rem)}.text-lg\\\\@lg{font-size:var(--text-lg,1.375rem)}.text-xl\\\\@lg{font-size:var(--text-xl,1.75rem)}.text-xxl\\\\@lg{font-size:var(--text-xxl,2rem)}.text-xxxl\\\\@lg{font-size:var(--text-xxxl,2.5rem)}.text-xxxxl\\\\@lg{font-size:var(--text-xxxxl,3rem)}.column-count-1\\\\@lg{-moz-column-count:1;column-count:1}.column-count-2\\\\@lg{-moz-column-count:2;column-count:2}.column-count-3\\\\@lg{-moz-column-count:3;column-count:3}.column-count-4\\\\@lg{-moz-column-count:4;column-count:4}.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:33.3333333333%}.width-40\\\\%\\\\@lg{width:40%}.width-50\\\\%\\\\@lg{width:50%}.width-60\\\\%\\\\@lg{width:60%}.width-66\\\\%\\\\@lg{width:66.6666666667%}.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}.width-inherit\\\\@lg{width:inherit}.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:33.3333333333%}.height-40\\\\%\\\\@lg{height:40%}.height-50\\\\%\\\\@lg{height:50%}.height-60\\\\%\\\\@lg{height:60%}.height-66\\\\%\\\\@lg{height:66.6666666667%}.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}.height-inherit\\\\@lg{height:inherit}.max-width-xxxxxs\\\\@lg{max-width:var(--max-width-xxxxxs)}.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{justify-content:center;align-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}.items-stretch\\\\@xl{align-items:stretch}.content-start\\\\@xl{align-content:start}.content-end\\\\@xl{align-content:end}.content-center\\\\@xl{align-content:center}.content-between\\\\@xl{align-content:space-between}.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}.css-grid\\\\@xl{display:grid}.css-inline-grid\\\\@xl{display:inline-grid}.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,.6875rem)}.text-sm\\\\@xl{font-size:var(--text-sm,.75rem)}.text-base\\\\@xl{font-size:var(--text-unit,1rem)}.text-md\\\\@xl{font-size:var(--text-md,1.125rem)}.text-lg\\\\@xl{font-size:var(--text-lg,1.375rem)}.text-xl\\\\@xl{font-size:var(--text-xl,1.75rem)}.text-xxl\\\\@xl{font-size:var(--text-xxl,2rem)}.text-xxxl\\\\@xl{font-size:var(--text-xxxl,2.5rem)}.text-xxxxl\\\\@xl{font-size:var(--text-xxxxl,3rem)}.column-count-1\\\\@xl{-moz-column-count:1;column-count:1}.column-count-2\\\\@xl{-moz-column-count:2;column-count:2}.column-count-3\\\\@xl{-moz-column-count:3;column-count:3}.column-count-4\\\\@xl{-moz-column-count:4;column-count:4}.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:33.3333333333%}.width-40\\\\%\\\\@xl{width:40%}.width-50\\\\%\\\\@xl{width:50%}.width-60\\\\%\\\\@xl{width:60%}.width-66\\\\%\\\\@xl{width:66.6666666667%}.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}.width-inherit\\\\@xl{width:inherit}.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:33.3333333333%}.height-40\\\\%\\\\@xl{height:40%}.height-50\\\\%\\\\@xl{height:50%}.height-60\\\\%\\\\@xl{height:60%}.height-66\\\\%\\\\@xl{height:66.6666666667%}.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}.height-inherit\\\\@xl{height:inherit}.max-width-xxxxxs\\\\@xl{max-width:var(--max-width-xxxxxs)}.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(0, 0%, 88%);--color-primary-darker-h:0;--color-primary-darker-s:0%;--color-primary-darker-l:88%;--color-primary-dark:hsl(0, 0%, 94%);--color-primary-dark-h:0;--color-primary-dark-s:0%;--color-primary-dark-l:94%;--color-primary:hsl(0, 0%, 100%);--color-primary-h:0;--color-primary-s:0%;--color-primary-l:100%;--color-primary-light:hsl(0, 0%, 100%);--color-primary-light-h:0;--color-primary-light-s:0%;--color-primary-light-l:100%;--color-primary-lighter:hsl(0, 0%, 100%);--color-primary-lighter-h:0;--color-primary-lighter-s:0%;--color-primary-lighter-l:100%;--color-accent-darker:hsl(36, 100%, 44%);--color-accent-darker-h:36;--color-accent-darker-s:100%;--color-accent-darker-l:44%;--color-accent-dark:hsl(36, 100%, 50%);--color-accent-dark-h:36;--color-accent-dark-s:100%;--color-accent-dark-l:50%;--color-accent:hsl(36, 100%, 56%);--color-accent-h:36;--color-accent-s:100%;--color-accent-l:56%;--color-accent-light:hsl(36, 100%, 62%);--color-accent-light-h:36;--color-accent-light-s:100%;--color-accent-light-l:62%;--color-accent-lighter:hsl(36, 100%, 68%);--color-accent-lighter-h:36;--color-accent-lighter-s:100%;--color-accent-lighter-l:68%;--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(40, 87%, 48%);--color-bg-darker-h:40;--color-bg-darker-s:87%;--color-bg-darker-l:48%;--color-bg-dark:hsl(40, 91%, 49%);--color-bg-dark-h:40;--color-bg-dark-s:91%;--color-bg-dark-l:49%;--color-bg:hsl(41, 100%, 50%);--color-bg-h:41;--color-bg-s:100%;--color-bg-l:50%;--color-bg-light:hsl(40, 91%, 51%);--color-bg-light-h:40;--color-bg-light-s:91%;--color-bg-light-l:51%;--color-bg-lighter:hsl(40, 87%, 52%);--color-bg-lighter-h:40;--color-bg-lighter-s:87%;--color-bg-lighter-l:52%;--color-contrast-lower:hsl(39, 82%, 46%);--color-contrast-lower-h:39;--color-contrast-lower-s:82%;--color-contrast-lower-l:46%;--color-contrast-low:hsl(38, 69%, 38%);--color-contrast-low-h:38;--color-contrast-low-s:69%;--color-contrast-low-l:38%;--color-contrast-medium:hsl(37, 58%, 29%);--color-contrast-medium-h:37;--color-contrast-medium-s:58%;--color-contrast-medium-l:29%;--color-contrast-high:hsl(35, 32%, 16%);--color-contrast-high-h:35;--color-contrast-high-s:32%;--color-contrast-high-l:16%;--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%}@media (min-width:64rem){*,:root{--space-xxxxs:calc(0.1875 * var(--space-unit));--space-xxxs:calc(0.375 * var(--space-unit));--space-xxs:calc(0.5625 * var(--space-unit));--space-xs:calc(0.75 * var(--space-unit));--space-sm:calc(1.125 * var(--space-unit));--space-md:calc(2 * var(--space-unit));--space-lg:calc(3.125 * var(--space-unit));--space-xl:calc(5.125 * var(--space-unit));--space-xxl:calc(8.25 * var(--space-unit));--space-xxxl:calc(13.25 * var(--space-unit));--space-xxxxl:calc(21.5 * var(--space-unit))}}:root{--radius:0.375em}.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:1rem;--text-scale-ratio:1.2;--body-line-height:1.4;--heading-line-height:1.2;--font-primary-capital-letter:1;--text-unit:var(--text-base-size)}*,: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.125rem;--text-scale-ratio:1.215}}h1,h2,h3,h4{--heading-font-weight:700}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.link{text-decoration:none;background-image:linear-gradient(to right,currentColor 50%,hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.15) 50%);background-size:200% 1px;background-repeat:no-repeat;background-position:100% 100%;transition:background-position .2s}.link:hover{background-position:0 100%}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>*{--text-unit:1em;--space-unit:1em}.text-component blockquote{padding-left:1em;border-left:4px solid var(--color-contrast-lower);font-style:italic}.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;font-weight:500;transition:all .2s ease;will-change:transform}.btn:focus-visible{outline:0;box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.15)}.btn:active{transform:translateY(2px)}.btn--primary{background:var(--color-primary);box-shadow:inset 0 1px 0 hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),.15),0 1px 3px hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),.25),0 2px 6px hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),.1),0 6px 10px -2px hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),.25);color:var(--color-white)}.btn--primary:hover{background:var(--color-primary-light);box-shadow:inset 0 1px 0 hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),.15),0 1px 2px hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),.25),0 1px 4px hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),.1),0 3px 6px -2px hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),.25)}.btn--primary:focus-visible{box-shadow:inset 0 1px 0 hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),.15),0 1px 2px hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),.25),0 1px 4px hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),.1),0 3px 6px -2px hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),.25),0 0 0 2px var(--color-bg),0 0 0 4px var(--color-primary)}.btn--subtle{background:var(--color-bg-lighter);color:var(--color-contrast-higher);box-shadow:inset 0 1px 0 hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),.1),0 0 0 1px hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.02),0 .3px .4px hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.025),0 1px 3px -1px hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.2),0 3.5px 6px hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.12)}.btn--subtle:hover{background:var(--color-bg-light);box-shadow:inset 0 1px 0 hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),.1),0 0 0 1px hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.02),0 .1px .3px hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.06),0 1px 2px hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.12),0 1px 3px -1px hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.2)}.btn--subtle:focus-visible{box-shadow:inset 0 1px 0 hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),.1),0 0 0 1px hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.02),0 .3px .4px hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.025),0 1px 3px -1px hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.2),0 3.5px 6px hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.12),0 0 0 2px var(--color-bg),0 0 0 4px var(--color-contrast-high)}.btn--accent{background:var(--color-accent);color:var(--color-white);box-shadow:inset 0 1px 0 hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),.15),0 1px 3px hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),.25),0 2px 6px hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),.1),0 6px 10px -2px hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),.25)}.btn--accent:hover{background:var(--color-accent-light);box-shadow:inset 0 1px 0 hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),.15),0 1px 2px hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),.25),0 1px 4px hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),.1),0 3px 6px -2px hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),.1)}.btn--accent:focus-visible{box-shadow:inset 0 1px 0 hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),.15),0 1px 2px hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),.25),0 1px 4px hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),.1),0 3px 6px -2px hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),.1),0 0 0 2px var(--color-bg),0 0 0 4px var(--color-accent)}.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;box-shadow:inset 0 0 0 1px var(--color-contrast-lower);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,.form-control:focus-within{background:var(--color-bg);box-shadow:inset 0 0 0 1px hsla(var(--color-contrast-lower-h),var(--color-contrast-lower-s),var(--color-contrast-lower-l),0),0 0 0 2px var(--color-primary),var(--shadow-sm)}.form-control--disabled,.form-control[disabled],.form-control[readonly]{opacity:.5;cursor:not-allowed}.form-control.form-control--error,.form-control[aria-invalid=true]{box-shadow:inset 0 0 0 1px hsla(var(--color-contrast-lower-h),var(--color-contrast-lower-s),var(--color-contrast-lower-l),0),0 0 0 2px var(--color-error)}.form-control.form-control--error:focus,.form-control.form-control--error:focus-within,.form-control[aria-invalid=true]:focus,.form-control[aria-invalid=true]:focus-within{box-shadow:inset 0 0 0 1px hsla(var(--color-contrast-lower-h),var(--color-contrast-lower-s),var(--color-contrast-lower-l),0),0 0 0 2px var(--color-error),var(--shadow-sm)}/*! purgecss start ignore */:root{--anim-menu-btn-size:48px;--anim-menu-btn-transition-duration:.2s;--anim-menu-btn-icon-size:32px;--anim-menu-btn-icon-stroke:2px}.anim-menu-btn{display:flex;justify-content:center;align-items:center;width:var(--anim-menu-btn-size);height:var(--anim-menu-btn-size)}.anim-menu-btn__icon{position:relative;display:block;font-size:var(--anim-menu-btn-icon-size);width:1em;height:var(--anim-menu-btn-icon-stroke);color:inherit;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;transform:scale(1)}.anim-menu-btn__icon::after,.anim-menu-btn__icon::before{content:\\\"\\\";position:absolute;top:0;left:0;height:100%;width:100%;background-image:inherit;border-radius:inherit}.anim-menu-btn__icon--close{background-size:100% 100%;will-change:transform,background-size;transition-property:transform,background-size;transition-duration:var(--anim-menu-btn-transition-duration,.2s)}.anim-menu-btn:active .anim-menu-btn__icon--close{transform:scale(.9)}.anim-menu-btn__icon--close::after,.anim-menu-btn__icon--close::before{will-change:inherit;transition:inherit}.anim-menu-btn__icon--close::before{transform:translateY(-.25em) rotate(0)}.anim-menu-btn__icon--close::after{transform:translateY(.25em) rotate(0)}.anim-menu-btn--state-b .anim-menu-btn__icon--close{background-size:0 100%}.anim-menu-btn--state-b .anim-menu-btn__icon--close::before{transform:translateY(0) rotate(45deg)}.anim-menu-btn--state-b .anim-menu-btn__icon--close::after{transform:translateY(0) rotate(-45deg)}.anim-menu-btn__icon--arrow-down,.anim-menu-btn__icon--arrow-left,.anim-menu-btn__icon--arrow-right,.anim-menu-btn__icon--arrow-up{border-radius:50em;will-change:transform;transition-property:transform;transition-duration:var(--anim-menu-btn-transition-duration,.2s)}.anim-menu-btn:active .anim-menu-btn__icon--arrow-down,.anim-menu-btn:active .anim-menu-btn__icon--arrow-left,.anim-menu-btn:active .anim-menu-btn__icon--arrow-right,.anim-menu-btn:active .anim-menu-btn__icon--arrow-up{transform:scale(.9)}.anim-menu-btn__icon--arrow-down::after,.anim-menu-btn__icon--arrow-down::before,.anim-menu-btn__icon--arrow-left::after,.anim-menu-btn__icon--arrow-left::before,.anim-menu-btn__icon--arrow-right::after,.anim-menu-btn__icon--arrow-right::before,.anim-menu-btn__icon--arrow-up::after,.anim-menu-btn__icon--arrow-up::before{transform-origin:calc(var(--anim-menu-btn-icon-stroke)/ 2) 50%;will-change:transform,width;transition-property:transform,width;transition-duration:var(--anim-menu-btn-transition-duration,.2s)}.anim-menu-btn__icon--arrow-down::before,.anim-menu-btn__icon--arrow-left::before,.anim-menu-btn__icon--arrow-right::before,.anim-menu-btn__icon--arrow-up::before{transform:translateY(-.25em) rotate(0)}.anim-menu-btn__icon--arrow-down::after,.anim-menu-btn__icon--arrow-left::after,.anim-menu-btn__icon--arrow-right::after,.anim-menu-btn__icon--arrow-up::after{transform:translateY(.25em) rotate(0)}.anim-menu-btn__icon--arrow-right{transform:rotate(180deg)}.anim-menu-btn:active .anim-menu-btn__icon--arrow-right{transform:rotate(180deg) scale(.9)}.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::after,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::before,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::after,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::before,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::after,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::before,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::after,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::before{width:50%}.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::before,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::before,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::before,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::before{transform:translateY(0) rotate(-45deg)}.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::after,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::after,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::after,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::after{transform:translateY(0) rotate(45deg)}.anim-menu-btn--state-b:active .anim-menu-btn__icon--arrow-up{transform:rotate(90deg) scale(.9)}.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up{transform:rotate(90deg)}.anim-menu-btn--state-b:active .anim-menu-btn__icon--arrow-down{transform:rotate(-90deg) scale(.9)}.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down{transform:rotate(-90deg)}.btn-states{position:relative}.btn-states--state-b:not(.btn-states--preserve-width) .btn-states__content-a{display:none}.btn-states:not(.btn-states--state-b) .btn-states__content-b{display:none}.btn-states--preserve-width .btn-states__content-b{position:absolute;top:0;left:0;width:100%;height:100%}.btn-states--preserve-width.btn-states--state-b .btn-states__content-a{visibility:hidden}:root{--card-v11-height:320px;--card-v11-btn-height:50px}@media (min-width:64rem){:root{--card-v11-height:480px;--card-v11-btn-height:70px}}.card-v11{display:block;position:relative;text-decoration:none;color:inherit;overflow:hidden;height:var(--card-v11-height);background-color:var(--color-contrast-lower);background-size:cover;background-repeat:no-repeat}.card-v11:hover .card-v11__btn{background-color:var(--color-bg);color:var(--color-contrast-higher)}.card-v11:hover .card-v11__icon line:nth-child(1),.card-v11:hover .card-v11__icon line:nth-child(2){opacity:1;transform:rotate(0);transition:opacity 0s .2s,transform .2s .2s var(--ease-in-out)}.card-v11:hover .card-v11__icon line:nth-child(3){stroke-dashoffset:96;transition:stroke-dashoffset .2s var(--ease-in-out)}.card-v11__box{position:absolute;bottom:0;right:0;background-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.95);color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.card-v11__box{background-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.card-v11__btn{display:flex;align-items:center;height:var(--card-v11-btn-height);transition:.4s}.card-v11__icon{font-size:48px}.card-v11__icon line:nth-child(1),.card-v11__icon line:nth-child(2){transform-origin:47px 24px;opacity:0;transition:opacity 0s .2s,transform .2s var(--ease-in-out)}.card-v11__icon line:nth-child(1){transform:rotate(-45deg)}.card-v11__icon line:nth-child(2){transform:rotate(45deg)}.card-v11__icon line:nth-child(3){stroke-dasharray:48;stroke-dashoffset:72;transition:stroke-dashoffset .2s .2s var(--ease-in-out)}.card-v9{display:block;position:relative;z-index:1;text-decoration:none;color:inherit;background-color:var(--color-contrast-lower);background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden;box-shadow:var(--shadow-sm);transition:.3s}.card-v9:hover{box-shadow:var(--shadow-md)}.card-v9__content{display:flex;height:100%;flex-direction:column;position:relative;z-index:2}.card-v9__btn{position:relative;display:inline-block;padding:var(--space-xs) var(--space-sm);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card-v9__btn i{position:relative;z-index:2;color:var(--color-bg);opacity:0;transition:opacity .3s}.card-v9__btn::after{content:\\\"\\\";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-md);background-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.8);opacity:0;transform:translateY(25%);transition:opacity .3s,transform .3s var(--ease-out)}.card-v9:hover .card-v9__btn i{opacity:1}.card-v9:hover .card-v9__btn::after{opacity:1;transform:translateY(0)}.card-v9--overlay-bg::before{content:\\\"\\\";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),.5);transition:background-color .3s}.card-v9--overlay-bg:hover::before{background-color:hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),.8)}.cursor-fx-target{position:relative;background-color:var(--color-bg-dark);width:280px;height:280px;border-radius:var(--radius-lg)}.cursor-fx-target:hover .cursor-fx-object{transition:transform .5s var(--ease-out)}.cursor-fx-object{position:absolute;transition:transform .3s var(--ease-out-back)}.cursor-fx-object--1{background-color:var(--color-bg-light);border-radius:var(--radius-md);height:100px;width:100px;top:calc(50% - 50px);left:calc(50% - 50px)}.cursor-fx-object--2{background-color:var(--color-primary);height:40px;width:40px;border-radius:50%;top:calc(50% - 20px);left:calc(50% - 20px)}.c-cursor{position:fixed;z-index:9999;top:0;left:0;pointer-events:none}.c-cursor__img{display:block;position:relative;margin:-50% 0 0 -50%;filter:drop-shadow(0 1px 1px hsla(0, 0%, 0%, .1));opacity:0;--translate:0;--rotate:0;--skew:0;--scale:0;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)));transition:opacity .2s,transform .2s var(--ease-out)}.c-cursor--in .c-cursor__img{--scale:1;opacity:1}@media (prefers-reduced-motion:no-preference){[data-custom-cursor],[data-custom-cursor] *{cursor:none}}:root{--details-list-border-width:1px;--details-list-border-opacity:0.15}.details-list--rows .details-list__item{border-bottom:var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--details-list-border-opacity))}.details-list--rows .details-list__item:last-child{border-bottom:none}.details-list--cols .details-list__item{border-right:var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--details-list-border-opacity))}.details-list--cols .details-list__item:last-child{border-right:none}@media (min-width:32rem){.details-list--rows\\\\@xs .details-list__item{border-right:0;border-bottom:var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--details-list-border-opacity))}.details-list--rows\\\\@xs .details-list__item:last-child{border-bottom:none}.details-list--cols\\\\@xs .details-list__item{border-bottom:0;border-right:var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--details-list-border-opacity))}.details-list--cols\\\\@xs .details-list__item:last-child{border-right:none}}@media (min-width:48rem){.details-list--rows\\\\@sm .details-list__item{border-right:0;border-bottom:var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--details-list-border-opacity))}.details-list--rows\\\\@sm .details-list__item:last-child{border-bottom:none}.details-list--cols\\\\@sm .details-list__item{border-bottom:0;border-right:var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--details-list-border-opacity))}.details-list--cols\\\\@sm .details-list__item:last-child{border-right:none}}@media (min-width:64rem){.details-list--rows\\\\@md .details-list__item{border-right:0;border-bottom:var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--details-list-border-opacity))}.details-list--rows\\\\@md .details-list__item:last-child{border-bottom:none}.details-list--cols\\\\@md .details-list__item{border-bottom:0;border-right:var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--details-list-border-opacity))}.details-list--cols\\\\@md .details-list__item:last-child{border-right:none}}@media (min-width:80rem){.details-list--rows\\\\@lg .details-list__item{border-right:0;border-bottom:var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--details-list-border-opacity))}.details-list--rows\\\\@lg .details-list__item:last-child{border-bottom:none}.details-list--cols\\\\@lg .details-list__item{border-bottom:0;border-right:var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--details-list-border-opacity))}.details-list--cols\\\\@lg .details-list__item:last-child{border-right:none}}@media (min-width:90rem){.details-list--rows\\\\@xl .details-list__item{border-right:0;border-bottom:var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--details-list-border-opacity))}.details-list--rows\\\\@xl .details-list__item:last-child{border-bottom:none}.details-list--cols\\\\@xl .details-list__item{border-bottom:0;border-right:var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--details-list-border-opacity))}.details-list--cols\\\\@xl .details-list__item:last-child{border-right:none}}.feature-v4{--feature-text-offset:65%;position:relative;z-index:1}@media (min-width:32rem){.feature-v4__text-offset\\\\@xs{width:calc(100% + var(--feature-text-offset))}.feature-v4--invert\\\\@xs .feature-v4__grid>:last-child{order:-1}.feature-v4--invert\\\\@xs .feature-v4__text-offset\\\\@xs{margin-left:calc(var(--feature-text-offset) * -1)}}@media (min-width:48rem){.feature-v4__text-offset\\\\@sm{width:calc(100% + var(--feature-text-offset))}.feature-v4--invert\\\\@sm .feature-v4__grid>:last-child{order:-1}.feature-v4--invert\\\\@sm .feature-v4__text-offset\\\\@sm{margin-left:calc(var(--feature-text-offset) * -1)}}@media (min-width:64rem){.feature-v4__text-offset\\\\@md{width:calc(100% + var(--feature-text-offset))}.feature-v4--invert\\\\@md .feature-v4__grid>:last-child{order:-1}.feature-v4--invert\\\\@md .feature-v4__text-offset\\\\@md{margin-left:calc(var(--feature-text-offset) * -1)}}@media (min-width:80rem){.feature-v4__text-offset\\\\@lg{width:calc(100% + var(--feature-text-offset))}.feature-v4--invert\\\\@lg .feature-v4__grid>:last-child{order:-1}.feature-v4--invert\\\\@lg .feature-v4__text-offset\\\\@lg{margin-left:calc(var(--feature-text-offset) * -1)}}@media (min-width:90rem){.feature-v4__text-offset\\\\@xl{width:calc(100% + var(--feature-text-offset))}.feature-v4--invert\\\\@xl .feature-v4__grid>:last-child{order:-1}.feature-v4--invert\\\\@xl .feature-v4__text-offset\\\\@xl{margin-left:calc(var(--feature-text-offset) * -1)}}.google-maps{width:100%;height:0;padding-bottom:56.25%}.google-maps--ratio-4\\\\:1{padding-bottom:25%}.google-maps--ratio-3\\\\:1{padding-bottom:33%}.immerse-section-tr{position:relative;--immerse-section-tr-opacity:0}.immerse-section-tr__media{position:-webkit-sticky;position:sticky;top:0;z-index:1;overflow:hidden;pointer-events:none}.immerse-section-tr--disabled .immerse-section-tr__media{position:relative}.immerse-section-tr__figure{will-change:transform;pointer-events:auto;position:relative;height:0}.immerse-section-tr__figure>*{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.immerse-section-tr__figure--16-9{padding-bottom:56.25%}.immerse-section-tr__figure--3-4{padding-bottom:133.33%}.immerse-section-tr__content{position:relative;z-index:3;transform:translateZ(0)}.immerse-section-tr__content::after,.immerse-section-tr__content::before{content:\\\"\\\";pointer-events:none;position:absolute;top:0;left:0;width:100%;background:var(--color-bg);opacity:var(--immerse-section-tr-opacity,0);pointer-events:none}.immerse-section-tr__content::before{height:100%;z-index:-1}.immerse-section-tr__content::after{height:100vh;transform:translateY(-100%)}.immerse-section-tr--disabled .immerse-section-tr__content::before{opacity:1}:root{--list-space-y:0.375em;--list-offset:1em;--list-line-height-multiplier:1}.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 * var(--text-space-y-multiplier,1));padding-top:calc(var(--list-space-y)/ 2 * var(--text-space-y-multiplier,1));padding-left:var(--list-offset)}.list li,.text-component .list li{padding-bottom:calc(var(--list-space-y)/ 2 * var(--text-space-y-multiplier,1));margin-bottom:calc(var(--list-space-y)/ 2 * var(--text-space-y-multiplier,1));line-height:calc(var(--body-line-height) * var(--list-line-height-multiplier))}.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(--body-line-height) * var(--list-line-height-multiplier) - var(--list-bullet-size))/ 2)}.footer-v4{position:relative;z-index:1}.footer-v4__nav{margin-bottom:var(--space-lg)}.footer-v4__nav-item{margin-bottom:var(--space-sm)}.footer-v4__nav-item a{color:var(--color-contrast-lower);font-size:1.25em}.footer-v4__nav-item a:hover{color:var(--color-primary)}.footer-v4__logo{margin-bottom:var(--space-sm)}.footer-v4__logo a,.footer-v4__logo img,.footer-v4__logo svg{width:104px;height:30px;display:block}.footer-v4__print{color:var(--color-contrast-lower);font-size:var(--text-sm);margin-bottom:var(--space-sm)}.footer-v4__socials{display:flex;align-items:center}.footer-v4__socials a{text-decoration:none;display:inline-block;margin-right:var(--space-xs);color:var(--color-contrast-medium)}.footer-v4__socials a:hover{color:var(--color-contrast-high)}.footer-v4__socials a svg{display:block;width:1.25em;height:1.25em;color:inherit}@media (min-width:64rem){.footer-v4{text-align:center}.footer-v4__nav-list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.footer-v4__nav-item{display:inline-block;margin:var(--space-xxxs) var(--space-xs)}.footer-v4__nav-item a{font-size:.75em}.footer-v4__nav-item:first-child{padding-left:0}.footer-v4__nav-item:last-child{padding-right:0}.footer-v4__logo{display:inline-block}.footer-v4__print{font-size:var(--text-xs)}.footer-v4__socials{justify-content:center}.footer-v4__socials a{margin:0 var(--space-xxxs)}.footer-v4__socials a svg{width:1em;height:1em}}:root{--masonry-grid-gap:var(--space-sm);--masonry-col-auto-size:280px}.masonry__loader{display:none}.masonry__list{display:flex;flex-wrap:wrap;margin-right:calc(-1 * var(--masonry-grid-gap));margin-bottom:calc(-1 * var(--masonry-grid-gap))}.masonry__item{display:inline-block;width:var(--masonry-col-auto-size);margin-right:var(--masonry-grid-gap);margin-bottom:var(--masonry-grid-gap)}.masonry{position:relative}.masonry__loader{display:block;position:absolute;left:50%;transform:translateX(-50%);top:0}.masonry__list{opacity:0;transition:opacity .4s}.masonry--loaded .masonry__loader{display:none}.masonry--loaded .masonry__list{opacity:1}@supports (flex-basis:0px){.masonry__list{flex-direction:column}.masonry__item{flex-basis:0px}}:root{--search-input-btn-width:2.2em;--search-input-icon-size:1em;--search-input-shortcut-margin:0.325em}.search-input{position:relative}.search-input__input{width:100%;height:100%}.search-input__input::-webkit-search-cancel-button,.search-input__input::-webkit-search-decoration,.search-input__input::-webkit-search-results-button,.search-input__input::-webkit-search-results-decoration{-webkit-appearance:none}.search-input__input::-ms-clear,.search-input__input::-ms-reveal{display:none;width:0;height:0}.search-input--icon-right .search-input__input{padding-right:var(--search-input-btn-width)}.search-input--icon-left .search-input__input{padding-left:var(--search-input-btn-width)}.search-input__btn{background-color:transparent;padding:0;border:0;border-radius:0;color:inherit;line-height:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;height:100%;width:var(--search-input-btn-width)}.search-input__btn:active .icon{transform:translateY(2px)}.search-input__btn .icon{display:block;--size:var(--search-input-icon-size);margin-left:auto;margin-right:auto;color:var(--color-contrast-low);transition:.2s}.search-input--icon-left .search-input__btn{left:0;right:auto;pointer-events:none}.search-input .search-input__input:focus+.search-input__btn .icon,.search-input__btn:focus .icon{color:var(--color-primary)}.search-input__shortcut{position:absolute;right:var(--search-input-shortcut-margin);top:var(--search-input-shortcut-margin);height:calc(100% - var(--search-input-shortcut-margin) * 2);display:flex;align-items:center;background-color:var(--color-bg);border:1px solid var(--color-contrast-lower);border-radius:var(--radius-sm);--space-unit:1em;padding:0 var(--space-xxxs);line-height:1;color:var(--color-contrast-medium)}.search-input:focus-within .search-input__shortcut{display:none}.s-panels__nav-control{position:fixed;z-index:var(--z-index-fixed-element,10);top:var(--space-md);right:var(--space-md);width:48px;height:48px;border-radius:50%;border:1px solid hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),.1);background-color:hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.95);display:flex;justify-content:center;align-items:center;color:var(--color-white);transition:transform .3s var(--ease-in-out)}.s-panels__nav-control:active{transform:translateY(2px)}.s-panels__nav-control .icon__group *{transition:transform .3s var(--ease-in-out),stroke-dashoffset .3s var(--ease-in-out);stroke-dasharray:24}.s-panels__nav-control .icon__group :nth-child(1){transform-origin:2px 6px}.s-panels__nav-control .icon__group :nth-child(2){transform-origin:2px 12px}.s-panels__nav-control .icon__group :nth-child(3){transform-origin:2px 18px}@media (orientation:portrait){.s-panels__nav-control.s-panels__nav-control--arrow-down{transform:rotate(-180deg)}.s-panels__nav-control.s-panels__nav-control--arrow-down:active{transform:translateY(2px) rotate(-180deg)}}@media (orientation:landscape){.s-panels__nav-control.s-panels__nav-control--arrow-down{transform:rotate(-90deg)}.s-panels__nav-control.s-panels__nav-control--arrow-down:active{transform:translateY(2px) rotate(-90deg)}}.s-panels__nav-control.s-panels__nav-control--arrow-down .icon__group :nth-child(1),.s-panels__nav-control.s-panels__nav-control--arrow-down .icon__group :nth-child(3){stroke-dashoffset:14}.s-panels__nav-control.s-panels__nav-control--arrow-down .icon__group :nth-child(1){transform:translateY(6px) rotate(-45deg)}.s-panels__nav-control.s-panels__nav-control--arrow-down .icon__group :nth-child(3){transform:translateY(-6px) rotate(45deg)}.s-panels__nav-control.s-panels__nav-control--close:active{transform:translateY(2px)}.s-panels__nav-control.s-panels__nav-control--close .icon__group :nth-child(1){transform:translateX(2.93px) translateY(-1.07px) rotate(45deg)}.s-panels__nav-control.s-panels__nav-control--close .icon__group :nth-child(2){stroke-dashoffset:24}.s-panels__nav-control.s-panels__nav-control--close .icon__group :nth-child(3){transform:translateX(2.93px) translateY(1.07px) rotate(-45deg)}.s-panels__projects-list{position:relative;z-index:2;height:100vh;overflow:hidden;pointer-events:none}.s-panels__project-preview{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;transition:transform .4s var(--ease-in-out)}@media (orientation:landscape){.s-panels__project-preview:nth-child(2) .s-panels__project-figure{transform:translateX(25%) scaleX(.25)}.s-panels__project-preview:nth-child(2) .s-panels__project-intro{transform:translateX(100%)}.s-panels__project-preview:nth-child(3) .s-panels__project-figure{transform:translateX(50%) scaleX(.25)}.s-panels__project-preview:nth-child(3) .s-panels__project-intro{transform:translateX(200%)}.s-panels__project-preview:nth-child(4) .s-panels__project-figure{transform:translateX(75%) scaleX(.25)}.s-panels__project-preview:nth-child(4) .s-panels__project-intro{transform:translateX(300%)}.s-panels__project-preview--hide{transform:translateY(-100%)}}@media (orientation:portrait){.s-panels__project-preview:nth-child(2) .s-panels__project-figure{transform:translateY(25%) scaleY(.25)}.s-panels__project-preview:nth-child(2) .s-panels__project-intro{transform:translateY(100%)}.s-panels__project-preview:nth-child(3) .s-panels__project-figure{transform:translateY(50%) scaleY(.25)}.s-panels__project-preview:nth-child(3) .s-panels__project-intro{transform:translateY(200%)}.s-panels__project-preview:nth-child(4) .s-panels__project-figure{transform:translateY(75%) scaleY(.25)}.s-panels__project-preview:nth-child(4) .s-panels__project-intro{transform:translateY(300%)}.s-panels__project-preview--hide{transform:translateX(-100%)}}.s-panels__project-preview--selected{z-index:1;pointer-events:auto}.s-panels__project-preview--selected .s-panels__project-figure{overflow:visible}.s-panels__project-preview--selected .s-panels__project-img{opacity:.9!important;filter:none!important}.s-panels__project-preview--selected .s-panels__project-intro{opacity:0}.s-panels__project-preview--selected .s-panels__project-control{pointer-events:none}.s-panels__project-preview--selected .s-panels__text-component::after,.s-panels__project-preview--selected .s-panels__text-component::before{display:none}.s-panels__project-preview--selected .s-panels__project-title-wrapper{opacity:1;visibility:visible;transition:opacity .4s .2s}.s-panels__project-preview--selected .s-panels__project-title{transform:translateY(0);transition-delay:.2s}@media (orientation:landscape){.s-panels__project-preview--selected .s-panels__project-figure{transform:translateX(calc(50% - 50% / 4)) scaleX(.25)!important}}@media (orientation:portrait){.s-panels__project-preview--selected .s-panels__project-figure{transform:translateY(calc(50% - 50% / 4)) scaleY(.25)!important}}.s-panels__project-preview--no-transition{transition:none!important}.s-panels__project-preview--no-transition>*{transition:none!important}.s-panels__project-control,.s-panels__project-figure,.s-panels__project-img,.s-panels__project-intro{position:absolute;top:0;left:0;width:100%;height:100%}.s-panels__project-figure{overflow:hidden;transition:transform .4s var(--ease-in-out)}@media (orientation:landscape){.s-panels__project-figure{transform-origin:left center;transform:scaleX(.25)}}@media (orientation:portrait){.s-panels__project-figure{transform-origin:center top;transform:scaleY(.25)}}.s-panels__project-img{display:block;-o-object-fit:cover;object-fit:cover;opacity:.25;filter:grayscale(100%);transition:opacity .4s,filter .4s,transform .4s var(--ease-in-out)}@media (min-width:64rem){.s-panels__project-img{opacity:.15}}.s-panels__project-intro{z-index:1;display:flex;justify-content:center;align-items:center;pointer-events:auto;transition:opacity .3s}.s-panels__project-intro:focus-within+.s-panels__project-figure .s-panels__project-img,.s-panels__project-intro:hover+.s-panels__project-figure .s-panels__project-img{opacity:.5;filter:grayscale(50%)}.s-panels__project-intro:focus-within .s-panels__text-component::before,.s-panels__project-intro:hover .s-panels__text-component::before{transform:scaleY(1)}.s-panels__project-intro:focus-within .s-panels__text-component::after,.s-panels__project-intro:hover .s-panels__text-component::after{transform:scaleX(1)}@media (orientation:landscape){.s-panels__project-img{transform:scaleX(4)}.s-panels__project-intro{width:25%}}@media (orientation:portrait){.s-panels__project-img{transform:scaleY(4)}.s-panels__project-intro{height:25%}}.s-panels__text-component{--icon-size:20px;--icon-stroke-width:1px;--icon-margin-top:12px;position:relative}.s-panels__text-component::after,.s-panels__text-component::before{content:\\\"\\\";position:absolute;background-color:var(--color-white);transition:transform .2s var(--ease-in-out)}.s-panels__text-component::before{width:var(--icon-stroke-width);height:var(--icon-size);bottom:calc(-1 * var(--icon-size) - var(--icon-margin-top));left:calc(50% - var(--icon-stroke-width)/ 2);transform:scaleY(0)}.s-panels__text-component::after{width:var(--icon-size);height:var(--icon-stroke-width);bottom:calc(-.5 * (var(--icon-size) + var(--icon-stroke-width)) - var(--icon-margin-top));left:calc(50% - var(--icon-size)/ 2);transform:scaleX(0)}@media (min-width:64rem){.s-panels__text-component{--icon-size:24px;--icon-margin-top:16px}}.s-panels__project-control{color:transparent}.s-panels__project-control:focus{outline:0}.s-panels__project-title-wrapper{position:absolute;bottom:0;width:100%;left:0;background:linear-gradient(hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),0),hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.7));opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}.s-panels__project-title{transform:translateY(50px);transition:transform .4s var(--ease-out)}.s-panels__nav-wrapper{position:fixed;top:0;left:0;z-index:1;width:100%;height:100%}.s-panels__nav-link{color:var(--color-bg);text-decoration:none;position:relative;display:inline-block;padding:var(--space-xxxxs) 0;line-height:1}.s-panels__nav-link::after,.s-panels__nav-link::before{content:\\\"\\\";position:absolute;bottom:0;left:0;height:1px;width:100%;background-color:currentColor}.s-panels__nav-link::before{opacity:.15}.s-panels__nav-link::after{transform-origin:right center;transform:scaleX(0);transition:transform .3s var(--ease-in-out)}.s-panels__nav-link:hover::after{transform:scaleX(1);transform-origin:left center}.s-panels__social-link{color:var(--color-bg);text-decoration:none;opacity:1;transition:.2s}.s-panels__social-link:hover{opacity:.65}.s-panels__project-content{position:relative;z-index:2}.s-panels__overlay-layer{position:fixed;top:0;left:0;bottom:0;right:0;opacity:0;z-index:2;visibility:hidden;transition:.5s}.s-panels__overlay-layer--visible{opacity:1;visibility:visible;z-index:3}.socials-v3{position:relative;z-index:1}.socials-v3__btns{display:flex}.socials-v3__btns>*{flex-grow:1}.socials-v3__btns:hover .socials-v3__btn{opacity:.5}.socials-v3__btns:hover .socials-v3__btn::after{opacity:0}.socials-v3__btns li:last-child .socials-v3__btn::after{display:none}.socials-v3__btn{position:relative;display:block;text-align:center;padding-top:var(--space-xl);padding-bottom:var(--space-xl);border-radius:var(--radius-md);transition:.3s}.socials-v3__btn .icon{font-size:1.6em;color:var(--color-contrast-lower);transition:color .2s,transform .2s}.socials-v3__btn::after{content:\\\"\\\";position:absolute;right:0;top:0;width:1px;height:100%;background-color:var(--color-contrast-lower);transition:opacity .2s}.socials-v3__btn:hover{background-color:var(--color-bg);box-shadow:var(--shadow-md);opacity:1!important}.socials-v3__btn:hover .icon{color:var(--color-primary);transform:scale(1.2)}@media (min-width:48rem){.socials-v3__btn .icon{font-size:2em}}.sticky-feature{position:relative;z-index:1}.sticky-feature__content-figure{border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);margin-top:var(--space-md)}.sticky-feature__content-figure img{display:block;width:100%}.sticky-feature__media-list{position:-webkit-sticky;position:sticky;top:0;height:100vh}.sticky-feature__media-item{position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.sticky-feature__media-figure{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;opacity:0}.sticky-feature__media-figure img{display:block;width:100%;max-height:90vh}.sticky-feature-current-item .sticky-feature__media-figure{opacity:1}@media (min-width:64rem){.sticky-feature__content-list{padding-top:50vh;padding-bottom:50vh}.sticky-feature__title{font-size:var(--text-xl);cursor:pointer;opacity:.3}.sticky-feature-current-item .sticky-feature__title,.sticky-feature__title:hover{opacity:1}.sticky-feature__content-figure{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}.sticky-feature__media-list::after,.sticky-feature__media-list::before{content:\\\"\\\";position:absolute;right:0;width:100vw;height:100px;pointer-events:none}.sticky-feature__media-list::before{top:0;background:linear-gradient(to bottom,var(--color-bg),hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),.8),hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),0))}.sticky-feature__media-list::after{bottom:0;background:linear-gradient(to top,var(--color-bg),hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),.8),hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),0))}}.swipe-content{height:280px;width:280px;background-color:var(--color-contrast-low);border-radius:var(--radius-md);cursor:default;transition:background .2s}.swipe-content:active{background-color:var(--color-contrast-medium)}.switch-icon{position:relative}.switch-icon--disabled{pointer-events:none}.switch-icon__icon{font-size:1em;display:block;will-change:transform}.switch-icon__icon--a{opacity:1}.switch-icon__icon--b{position:absolute;top:calc(50% - .5em);left:calc(50% - .5em);opacity:0}.switch-icon--hover:hover .switch-icon__icon--a,.switch-icon--state-b .switch-icon__icon--a{opacity:0}.switch-icon--hover:hover .switch-icon__icon--b,.switch-icon--state-b .switch-icon__icon--b{opacity:1}.switch-icon--scale .switch-icon__icon{transition:opacity 0s .2s,transform .4s}.switch-icon--scale .switch-icon__icon--a{transform:scale(1)}.switch-icon--scale .switch-icon__icon--b{transform:scale(.8)}.switch-icon--scale.switch-icon--hover:hover .switch-icon__icon--a,.switch-icon--scale.switch-icon--state-b .switch-icon__icon--a{transform:scale(.8)}.switch-icon--scale.switch-icon--hover:hover .switch-icon__icon--b,.switch-icon--scale.switch-icon--state-b .switch-icon__icon--b{transform:scale(1)}.switch-icon--rotate .switch-icon__icon{transition:opacity 0s .2s,transform .4s}.switch-icon--rotate .switch-icon__icon--a{transform:rotate(0)}.switch-icon--rotate .switch-icon__icon--b{transform:rotate(90deg)}.switch-icon--rotate.switch-icon--hover:hover .switch-icon__icon--a,.switch-icon--rotate.switch-icon--state-b .switch-icon__icon--a{transform:rotate(-90deg)}.switch-icon--rotate.switch-icon--hover:hover .switch-icon__icon--b,.switch-icon--rotate.switch-icon--state-b .switch-icon__icon--b{transform:rotate(0)}.switch-icon--flip{perspective:10em}.switch-icon--flip .switch-icon__icon{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d;transition:opacity 0s .2s,transform .4s var(--ease-out-back)}.switch-icon--flip .switch-icon__icon--a{opacity:1;transform:rotateY(0)}.switch-icon--flip .switch-icon__icon--b{opacity:1;transform:rotateY(-180deg)}.switch-icon--flip.switch-icon--hover:hover .switch-icon__icon--a,.switch-icon--flip.switch-icon--state-b .switch-icon__icon--a{opacity:1;transform:rotateY(180deg)}.switch-icon--flip.switch-icon--hover:hover .switch-icon__icon--b,.switch-icon--flip.switch-icon--state-b .switch-icon__icon--b{opacity:1;transform:rotateY(0)}.switch-icon--slide-down,.switch-icon--slide-left,.switch-icon--slide-right,.switch-icon--slide-up{overflow:hidden}.switch-icon--slide-down .switch-icon__icon,.switch-icon--slide-left .switch-icon__icon,.switch-icon--slide-right .switch-icon__icon,.switch-icon--slide-up .switch-icon__icon{transition:opacity .3s,transform .3s}.switch-icon--slide-up .switch-icon__icon--a{transform:translateY(0)}.switch-icon--slide-up .switch-icon__icon--b{transform:translateY(100%)}.switch-icon--slide-up.switch-icon--hover:hover .switch-icon__icon--a,.switch-icon--slide-up.switch-icon--state-b .switch-icon__icon--a{transform:translateY(-100%)}.switch-icon--slide-up.switch-icon--hover:hover .switch-icon__icon--b,.switch-icon--slide-up.switch-icon--state-b .switch-icon__icon--b{transform:translateY(0)}.switch-icon--slide-down .switch-icon__icon--a{transform:translateY(0)}.switch-icon--slide-down .switch-icon__icon--b{transform:translateY(-100%)}.switch-icon--slide-down.switch-icon--hover:hover .switch-icon__icon--a,.switch-icon--slide-down.switch-icon--state-b .switch-icon__icon--a{transform:translateY(100%)}.switch-icon--slide-down.switch-icon--hover:hover .switch-icon__icon--b,.switch-icon--slide-down.switch-icon--state-b .switch-icon__icon--b{transform:translateY(0)}.switch-icon--slide-right .switch-icon__icon--a{transform:translateX(0)}.switch-icon--slide-right .switch-icon__icon--b{transform:translateX(-100%)}.switch-icon--slide-right.switch-icon--hover:hover .switch-icon__icon--a,.switch-icon--slide-right.switch-icon--state-b .switch-icon__icon--a{transform:translateX(100%)}.switch-icon--slide-right.switch-icon--hover:hover .switch-icon__icon--b,.switch-icon--slide-right.switch-icon--state-b .switch-icon__icon--b{transform:translateX(0)}.switch-icon--slide-left .switch-icon__icon--a{transform:translateX(0)}.switch-icon--slide-left .switch-icon__icon--b{transform:translateX(100%)}.switch-icon--slide-left.switch-icon--hover:hover .switch-icon__icon--a,.switch-icon--slide-left.switch-icon--state-b .switch-icon__icon--a{transform:translateX(-100%)}.switch-icon--slide-left.switch-icon--hover:hover .switch-icon__icon--b,.switch-icon--slide-left.switch-icon--state-b .switch-icon__icon--b{transform:translateX(0)}.tabs__control{text-decoration:none;color:var(--color-contrast-medium)}.tabs__control:focus{outline:2px solid hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),.2);outline-offset:2px}.tabs__control:hover{color:var(--color-contrast-high)}.tabs__control[aria-selected=true]{color:var(--color-contrast-high);text-decoration:underline}.text-divider{margin:var(--space-lg) auto;display:flex;text-align:center;align-items:center}.text-divider span{white-space:nowrap;padding:0 var(--space-sm)}.text-divider::after,.text-divider::before{content:\\\"\\\";display:inline-block;height:1px;width:20px;flex-grow:1;background:var(--color-contrast-lower);vertical-align:middle}.text-component .text-divider{margin:calc(var(--space-md) * var(--text-space-y-multiplier)) auto}.articles-v4.masonry{--masonry-grid-gap:var(--space-sm);--masonry-col-auto-size:320px}@media (min-width:64rem){.contact .google-maps{height:auto;padding-bottom:0}}:root{--f-header-height:100px;--f-header-logo-width:104px}@media (min-width:64rem){:root{--f-header-height:140px}}.f-header{height:var(--f-header-height);width:100%;z-index:var(--z-index-header,3)}.f-header::before{display:none;content:\\\"mobile\\\"}.f-header__mobile-content{position:relative;display:flex;height:100%;justify-content:space-between;align-items:center;z-index:2}.f-header__logo{display:block;width:var(--f-header-logo-width);flex-shrink:0;text-decoration:none}.f-header__logo img,.f-header__logo svg{display:block}.f-header__nav-control{--anim-menu-btn-size:40px;--anim-menu-btn-icon-size:28px;--anim-menu-btn-icon-stroke:2px}.f-header__nav{position:absolute;top:0;left:0;width:100%;max-height:calc(100vh - var(--f-header-offset,0px));overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 0 var(--space-md);background-color:var(--color-bg);box-shadow:var(--shadow-md);z-index:1;visibility:hidden;opacity:0;transform:translateY(-1em)}.f-header__nav::before{content:\\\"\\\";display:block;position:-webkit-sticky;position:sticky;top:0;height:var(--f-header-height);background-color:inherit;border-bottom:1px solid var(--color-contrast-lower)}.f-header__nav--is-visible{visibility:visible;opacity:1;transform:translateY(0);transition:visibility 0s,opacity .3s,transform .3s}.f-header__nav-logo-wrapper{display:none}.f-header__item{flex-shrink:0;border-bottom:1px solid var(--color-contrast-lower)}.f-header__dropdown-icon{--size:16px;flex-shrink:0;margin:0 10px 0 auto;display:none}.f-header__dropdown-control .f-header__dropdown-icon{display:block}.f-header__btn,.f-header__dropdown-control,.f-header__dropdown-link,.f-header__form-control,.f-header__link{font-size:var(--text-md)}.f-header__dropdown-control,.f-header__dropdown-link,.f-header__link{display:flex;align-items:center;color:var(--color-contrast-higher);text-decoration:none;padding:var(--space-xs) 0}.f-header__dropdown-control:hover,.f-header__dropdown-control[aria-current=page],.f-header__dropdown-link:hover,.f-header__dropdown-link[aria-current=page],.f-header__link:hover,.f-header__link[aria-current=page]{color:var(--color-primary)}.f-header__btn,.f-header__form-control{width:100%;margin:var(--space-xs) 0}.f-header__dropdown-control{width:100%}.f-header__dropdown{padding-left:var(--space-md)}.f-header__dropdown-control+.f-header__dropdown{display:none}.f-header__dropdown-control[aria-expanded=true]+.f-header__dropdown{display:block}@media (min-width:64rem){.f-header::before{content:\\\"desktop\\\"}.f-header__mobile-content{display:none}.f-header__nav{position:static;padding:0;background-color:transparent;box-shadow:none;visibility:visible;opacity:1;transform:translateY(0);transition:none;max-height:none;overflow:visible;overscroll-behavior:auto;height:var(--f-header-height)}.f-header__nav::before{display:none}.f-header__nav-logo-wrapper{display:flex}.f-header__list,.f-header__nav-grid{display:flex;align-items:center}.f-header__nav-grid{height:100%}.f-header__item{position:relative;border-bottom:none;margin-right:var(--space-xs)}.f-header__item:last-child{margin-right:0}.f-header__dropdown-icon{--size:12px;display:block;margin:0 0 0 var(--space-xxxxs)}.f-header__btn,.f-header__dropdown-control,.f-header__dropdown-link,.f-header__form-control,.f-header__link{font-size:1.125rem}.f-header__link{padding:var(--space-xxxs) var(--space-xxs)}.f-header__link--icon span{display:none}.f-header__btn,.f-header__form-control{margin:0}.f-header__dropdown{position:absolute;top:100%;width:220px;left:calc(50% - 110px);padding:var(--space-xxxs) 0;background-color:var(--color-bg-light);border-radius:var(--radius-md);box-shadow:var(--inner-glow),var(--shadow-md);z-index:var(--z-index-popover,5);pointer-events:none;visibility:hidden;opacity:0;transition:visibility .2s .2s,opacity .2s 0s}.f-header__dropdown-control+.f-header__dropdown{display:block}.f-header__dropdown-control[aria-expanded=true]+.f-header__dropdown,.f-header__item:hover .f-header__dropdown{pointer-events:auto;visibility:visible;opacity:1;transition:visibility .2s 0s,opacity .2s 0s}.f-header__dropdown-link{color:var(--color-contrast-high);padding:var(--space-xs) var(--space-sm);transition:.2s}.f-header__dropdown-link:hover{background-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.075);color:var(--color-contrast-higher)}}:root{--gallery-v2-offset:100px}.gallery-v2{position:relative;z-index:1}.gallery-v2__content{padding-bottom:var(--gallery-v2-offset)}.gallery-v2__gallery{margin-top:calc(-1 * var(--gallery-v2-offset));padding-bottom:1px}.gallery-v2__img-wrapper{display:block;position:relative;border-radius:var(--radius-lg);overflow:hidden}.gallery-v2__img-wrapper::after{content:\\\"\\\";position:absolute;inset:0;box-shadow:var(--inner-glow);border-radius:inherit;z-index:2}@media (hover:hover){.gallery-v2__img-wrapper:hover .gallery-v2__overlay{opacity:1;background:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.95)}.gallery-v2__img-wrapper:hover .gallery-v2__icon-bg{opacity:1;transform:scale(1)}.gallery-v2__img-wrapper:hover .gallery-v2__icon{opacity:1;transform:translateX(0) rotate(0)}.gallery-v2__img-wrapper:hover .gallery-v2__icon-group>:nth-child(2){transform:rotate(0)}.gallery-v2__img-wrapper:hover .gallery-v2__icon-group>:nth-child(3){transform:rotate(0)}}.gallery-v2__img{width:100%}.gallery-v2__overlay{position:absolute;inset:0;z-index:1;padding:var(--space-sm);background:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),0);border-radius:inherit;opacity:0;transition-duration:.3s;transition-property:opacity,background}.gallery-v2__icon-bg{--size:72px;position:absolute;width:var(--size);height:var(--size);border-radius:50%;top:calc(50% - var(--size)/ 2);left:calc(50% - var(--size)/ 2);background-color:var(--color-contrast-high);opacity:0;transform:scale(.5);transition:opacity .3s,transform .3s var(--ease-out)}.gallery-v2__icon{--size:48px;position:absolute;top:calc(50% - var(--size)/ 2);left:calc(50% - var(--size)/ 2);color:var(--color-bg);opacity:0;transform:translateX(-5px) rotate(-10deg);transition:opacity .3s,transform .3s var(--ease-out)}.gallery-v2__icon-group>:is(:nth-child(2),:nth-child(3)){transform-origin:43px 24px;transition:transform .3s var(--ease-out)}.gallery-v2__icon-group>:nth-child(2){transform:rotate(-45deg)}.gallery-v2__icon-group>:nth-child(3){transform:rotate(45deg)}@media (min-width:48rem){.gallery-v2__gallery{padding-bottom:calc(.5 * var(--gallery-v2-offset))}.gallery-v2__item:nth-child(2n){position:relative;top:calc(.5 * var(--gallery-v2-offset))}}:root{--header-v3-height:50px}@media (min-width:64rem){:root{--header-v3-height:70px}}.header-v3{height:var(--header-v3-height);width:100%;z-index:var(--z-index-header,3);transition:background .3s}.header-v3__container{display:flex;height:100%;align-items:center;justify-content:space-between}.header-v3__logo{position:relative;flex-shrink:0;z-index:2}.header-v3__logo a,.header-v3__logo svg{display:block}.header-v3__nav-control.switch-icon{padding:var(--space-xxs);z-index:2}.header-v3__nav-control.switch-icon .switch-icon__icon{font-size:24px}.header-v3__nav{top:0;left:0;width:100%;background-color:var(--color-bg);box-shadow:var(--shadow-md);z-index:1;position:absolute;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:0;overflow:hidden;visibility:hidden;transition:height .5s var(--ease-in-out)}.header-v3__nav::before{content:\\\"\\\";position:absolute;top:var(--header-v3-height);width:100%;height:1px;background-color:var(--color-contrast-lower);z-index:10}.header-v3__nav--is-visible{clip:auto;-webkit-clip-path:none;clip-path:none;height:100vh;visibility:visible}.header-v3__nav-list{position:absolute;top:var(--header-v3-height);left:0;width:100%;height:calc(100% - var(--header-v3-height));padding:var(--space-sm) var(--component-padding) var(--component-padding);z-index:1;-webkit-overflow-scrolling:touch;overflow:auto;overscroll-behavior:contain}.header-v3__nav-item{border-bottom:1px solid var(--color-contrast-lower);opacity:0;transform:translateY(-10%);transition:opacity .4s,transform .4s}.header-v3__nav--animate-children .header-v3__nav-item{opacity:1;transform:translateY(0)}.header-v3__nav:not(.header-v3__nav--animate-children) .header-v3__nav-item{transition-delay:0s!important}.header-v3__nav-item--logo,.header-v3__nav-item--search-btn{display:none}.header-v3__nav-item--search-form{margin:var(--space-xs) 0;border-bottom:none}.header-v3__nav-link{display:block;padding:var(--space-sm) 0;font-size:var(--text-md);color:var(--color-contrast-high);text-decoration:none}.header-v3__nav-link:hover{color:var(--color-primary)}.header-v3__nav-link--icon{display:flex;align-items:center}.header-v3__nav-link--icon .icon{flex-shrink:0;color:currentColor}.header-v3__nav-link--icon span{margin-left:var(--space-xxs)}@media (min-width:64rem){.header-v3{height:var(--header-v3-height)}.header-v3__container{position:relative}.header-v3__logo,.header-v3__nav-control{display:none}.header-v3__nav{padding:0;background-color:transparent;box-shadow:none;position:static;clip:auto;-webkit-clip-path:none;clip-path:none;height:auto;overflow:visible;visibility:visible;overscroll-behavior:auto}.header-v3__nav::before{display:none}.header-v3__nav-list{position:static;padding:0;width:auto;height:auto;overflow:visible;overscroll-behavior:auto;display:flex;justify-content:space-between;align-items:center}.header-v3__nav-item{border-bottom:none;opacity:1;transform:translateY(0);transition:opacity .3s,visibility .3s;transition-delay:0s!important}.header-v3__nav-item--logo{display:block}.header-v3__nav-item--logo .header-v3__logo{display:block}.header-v3__nav-item--search-btn{display:block}.header-v3__nav-item--search-btn .switch-icon{padding:var(--space-xxxs)}.header-v3__nav-item--search-btn .switch-icon__icon{display:block}.header-v3__nav-link{display:inline-flex;padding:var(--space-xxxs);font-size:.9em}.header-v3__nav-link--icon span{display:none}.header-v3__nav-item--search-btn .switch-icon__icon,.header-v3__nav-link--icon{font-size:20px}.header-v3__nav-item--search-btn{z-index:4}.header-v3__nav-item--search-form{margin:0;position:absolute;top:0;left:0;width:calc(100% - var(--space-lg));height:100%;z-index:var(--z-index-popover,5);transition:all .3s;visibility:hidden;opacity:0}.header-v3__nav--animate-children .header-v3__nav-item--search-form{opacity:0}.header-v3__nav-form-control{height:50px;position:absolute;left:0;padding:var(--space-xs) var(--space-sm);top:calc(50% - 25px);will-change:transform;transition:transform .3s;transform:translateY(-50%)}.header-v3--show-search{background:var(--color-bg)}.header-v3--show-search .header-v3__nav-item{opacity:0;visibility:hidden}.header-v3--show-search .header-v3__nav-item--search-btn,.header-v3--show-search .header-v3__nav-item--search-form{visibility:visible;opacity:1}.header-v3--show-search .header-v3__nav-form-control{transform:translateY(0)}}:root{--slideshow-height:280px;--slideshow-fade-transition-duration:0.25s;--slideshow-slide-transition-duration:0.35s;--slideshow-prx-transition-duration:0.5s;--slideshow-btn-width:1.6em;--slideshow-btn-height:3.2em;--slideshow-btn-icon-size:1.6em;--slideshow-btn-offset:var(--space-xs)}@media (min-width:48rem){:root{--slideshow-height:380px}}@media (min-width:64rem){:root{--slideshow-height:480px}}@media (min-width:80rem){:root{--slideshow-height:580px}}.slideshow__item{display:flex;align-items:center;justify-content:center;height:var(--slideshow-height);background-size:cover;background-repeat:no-repeat;background-position:center center}.slideshow__item:focus{outline:0}.slideshow--ratio-16\\\\:9 .slideshow__item{height:0;padding-bottom:56.25%}.slideshow--ratio-4\\\\:3 .slideshow__item{height:0;padding-bottom:75%}.slideshow--ratio-1\\\\:1 .slideshow__item{height:0;padding-bottom:100%}.slideshow{position:relative;z-index:1;overflow:hidden}.slideshow__content{overflow:hidden}.slideshow__item{position:absolute;z-index:1;top:0;left:0;width:100%;visibility:hidden}.slideshow__item--selected{position:relative;z-index:3;visibility:visible}.slideshow--transition-fade .slideshow__item{opacity:0;transition:opacity 0s var(--slideshow-fade-transition-duration),visibility 0s var(--slideshow-fade-transition-duration)}.slideshow--transition-fade .slideshow__item--selected{opacity:1;transition:opacity var(--slideshow-fade-transition-duration)}.slideshow--transition-slide .slideshow__item{animation-duration:var(--slideshow-slide-transition-duration);animation-fill-mode:forwards;animation-timing-function:var(--ease-out)}.slideshow--transition-slide .slideshow__item>*{visibility:hidden}.slideshow--transition-slide .slideshow__item:not(.slideshow__item--selected) *{transition:none}.slideshow--transition-slide .slideshow__item--selected>*{visibility:visible}.slideshow--transition-slide .slideshow__item--slide-in-left{animation-name:slide-in-left}.slideshow--transition-slide .slideshow__item--slide-in-right{animation-name:slide-in-right}.slideshow--transition-slide .slideshow__item--slide-out-left{animation-name:slide-out-left}.slideshow--transition-slide .slideshow__item--slide-out-right{animation-name:slide-out-right}.slideshow--transition-slide .slideshow__item--slide-out-left,.slideshow--transition-slide .slideshow__item--slide-out-right{z-index:2}.slideshow--transition-slide .slideshow__item--slide-out-left.slideshow__item--selected,.slideshow--transition-slide .slideshow__item--slide-out-right.slideshow__item--selected{z-index:3}.slideshow--transition-slide .slideshow__item--slide-out-left>*,.slideshow--transition-slide .slideshow__item--slide-out-right>*{visibility:visible}@keyframes slide-in-left{0%{visibility:visible;transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes slide-in-right{0%{visibility:visible;transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes slide-out-left{0%{visibility:visible;transform:translateX(0)}100%{transform:translateX(100%)}}@keyframes slide-out-right{0%{visibility:visible;transform:translateX(0)}100%{transform:translateX(-100%)}}.slideshow--transition-prx .slideshow__item{animation-duration:var(--slideshow-prx-transition-duration);animation-fill-mode:forwards;animation-timing-function:var(--ease-out)}.slideshow--transition-prx .slideshow__item>*{visibility:hidden}.slideshow--transition-prx .slideshow__item--selected>*{visibility:visible}.slideshow--transition-prx .slideshow__item--prx-in-left{animation-name:prx-in-left}.slideshow--transition-prx .slideshow__item--prx-in-right{animation-name:prx-in-right}.slideshow--transition-prx .slideshow__item--prx-out-left{animation-name:prx-out-left}.slideshow--transition-prx .slideshow__item--prx-out-right{animation-name:prx-out-right}.slideshow--transition-prx .slideshow__item--prx-out-left,.slideshow--transition-prx .slideshow__item--prx-out-right{z-index:2}.slideshow--transition-prx .slideshow__item--prx-out-left.slideshow__item--selected,.slideshow--transition-prx .slideshow__item--prx-out-right.slideshow__item--selected{z-index:3}.slideshow--transition-prx .slideshow__item--prx-out-left>*,.slideshow--transition-prx .slideshow__item--prx-out-right>*{visibility:visible}@keyframes prx-in-left{0%{visibility:visible;transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes prx-in-right{0%{visibility:visible;transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes prx-out-left{0%{opacity:1;visibility:visible;transform:translateX(0)}100%{opacity:.3;transform:translateX(40%)}}@keyframes prx-out-right{0%{opacity:1;visibility:visible;transform:translateX(0)}100%{opacity:.3;transform:translateX(-40%)}}.slideshow[data-swipe=on] .slideshow__content{-webkit-user-select:none;-moz-user-select:none;user-select:none}.slideshow[data-swipe=on] .slideshow__content img{pointer-events:none}.slideshow__control{display:none}.slideshow[data-controls=hover] .slideshow__control{opacity:0;transition:opacity .3s}.slideshow[data-controls=hover]:hover .slideshow__control{opacity:1}.slideshow[data-swipe=on] .slideshow__control{display:none}.slideshow__control{display:block;position:absolute;z-index:4;top:50%;transform:translateY(-50%)}.slideshow__control:first-of-type{left:var(--slideshow-btn-offset)}.slideshow__control:last-of-type{right:var(--slideshow-btn-offset)}@media (min-width:64rem){.slideshow[data-swipe=on] .slideshow__control{display:block}}.slideshow__btn{display:block;background-color:hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.75);height:var(--slideshow-btn-height);width:var(--slideshow-btn-width);border-radius:var(--radius-md);cursor:pointer;transition:background .2s,transform .2s}.slideshow__btn:hover{background-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.85)}.slideshow__btn:hover .icon{color:var(--color-bg)}.slideshow:not(.slideshow--is-animating) .slideshow__btn:active{transform:translateY(2px)}.slideshow__btn .icon{display:block;width:var(--slideshow-btn-icon-size);height:var(--slideshow-btn-icon-size);margin:0 auto;transition:color .2s;color:var(--color-white)}@supports (grid-area:auto){.slideshow__btn{background-color:transparent}.slideshow__btn .icon{color:var(--color-contrast-higher)}}.slideshow__navigation{position:absolute;z-index:4;bottom:0;width:100%;height:32px;display:flex;justify-content:center;align-items:center;background:0 0}.slideshow__nav-item{display:inline-block;margin:0 var(--space-xxxs)}.slideshow__nav-item button{display:block;position:relative;font-size:8px;color:var(--color-contrast-high);height:1em;width:1em;border-radius:50%;background-color:currentColor;opacity:.4;cursor:pointer;transition:background .3s}.slideshow__nav-item button::before{content:\\\"\\\";position:absolute;top:calc(50% - .5em);left:calc(50% - .5em);height:1em;width:1em;font-size:14px;border-radius:inherit;border:1px solid var(--color-contrast-high);opacity:0;transform:scale(0);transition:.3s}.slideshow__nav-item button:focus{outline:0}.slideshow__nav-item button:focus::before{opacity:1;transform:scale(1)}.slideshow__nav-item--selected button{opacity:1}@media (min-width:64rem){.slideshow__navigation{height:40px}.slideshow__nav-item button{font-size:10px}.slideshow__nav-item button::before{font-size:16px}}.tab-features-v2__controls-list{position:relative;display:flex;gap:var(--space-xs);overflow:auto}.tab-features-v2__controls-list>*{flex:1 0 180px}.tab-features-v2__text-crop-gradient{position:-webkit-sticky;position:sticky;top:0;right:0;flex:0 0 40px;background:linear-gradient(to right,hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),0),hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),1));pointer-events:none}.tab-features-v2__control{display:block;color:inherit;text-decoration:none;height:100%;padding:0 0 var(--space-md);border:0 solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.1);border-bottom-width:1px;transition:.2s}.tab-features-v2__control-title{display:block;color:var(--color-contrast-medium);font-weight:500;margin-bottom:var(--space-xxs);transition:color .2s}.tab-features-v2__control-description{color:var(--color-contrast-medium);line-height:1.4;font-size:var(--text-sm)}.tab-features-v2__control:hover{border-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.5)}.tab-features-v2__control:hover .tab-features-v2__control-title{color:var(--color-contrast-higher)}.tab-features-v2__control[aria-selected=true]{border-color:var(--color-primary)}.tab-features-v2__control[aria-selected=true] .tab-features-v2__control-title{color:var(--color-primary)}.tab-features-v2__panels{position:relative}.tab-features-v2__panel{opacity:0}.tabs--no-interaction .tab-features-v2__panel{animation-duration:0s;animation-delay:0s}.tab-features-v2__panel--display{animation:tab-features-v2-panel-entry-anim .5s .2s var(--ease-out) forwards}.tab-features-v2__panel--hide{position:absolute;visibility:hidden;top:0;width:100%;transition:position 0s .5s,visibility 0s .5s;animation:tab-features-v2-panel-exit-anim .5s var(--ease-out)}@keyframes tab-features-v2-panel-entry-anim{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@keyframes tab-features-v2-panel-exit-anim{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}}@media (min-width:64rem){.tab-features-v2__controls-list{flex-direction:column;overflow:visible}.tab-features-v2__controls-list>*{flex:1 0 auto}.tab-features-v2__text-crop-gradient{display:none}.tab-features-v2__control{border-width:0;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.tab-features-v2__control:hover,.tab-features-v2__control[aria-selected=true]{background-color:var(--color-bg-light);box-shadow:var(--shadow-sm)}}.hide-nav{--hide-nav-transition-duration:0.3s;position:-webkit-sticky!important;position:sticky!important;top:0;will-change:transform;transition:transform var(--hide-nav-transition-duration),background-color var(--hide-nav-transition-duration)}.hide-nav--fixed{background-color:transparent}.hide-nav--has-bg{background-color:var(--color-bg)}.loop-slideshow{--slideshow-slide-transition-duration:0.3s}.loop-slideshow .slideshow__content{-webkit-clip-path:inset(0 round var(--radius-lg));clip-path:inset(0 round var(--radius-lg))}.loop-slideshow__navigation{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background:0 0}.loop-slideshow__nav-item{margin:var(--space-sm) calc(var(--space-sm)/ 2) 0;--loop-slideshow-filling:0}.loop-slideshow__nav-item button{position:relative;display:block;overflow:hidden;height:4px;width:60px;border-radius:50em;background-color:var(--color-contrast-lower);cursor:pointer;transition:.2s}.loop-slideshow__nav-item button::before{content:\\\"\\\";position:absolute;top:0;left:0;height:100%;width:100%;transform:scaleX(var(--loop-slideshow-filling));transform-origin:left center;background-color:var(--color-primary)}.loop-slideshow__nav-item button:hover{background-color:hsla(var(--color-contrast-lower-h),var(--color-contrast-lower-s),var(--color-contrast-lower-l),.7)}@media (min-width:64rem){.loop-slideshow__nav-item button{height:5px;width:90px}}.loop-slideshow-cursor.c-cursor--right .c-cursor__img{--rotate:180deg}.loop-slideshow__pause-btn{position:absolute;z-index:3;top:var(--space-sm);right:var(--space-sm);display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.85);cursor:pointer;color:var(--color-white);transition:background .3s,transform .3s var(--ease-out-back)}.loop-slideshow__pause-btn:hover{background-color:hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.95);transform:scale(1.1)}\", \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://webpack-demo/./src/assets/css/style.min.css?./node_modules/css-loader/dist/cjs.js"); + +/***/ }), + +/***/ "./node_modules/css-loader/dist/runtime/api.js": +/*!*****************************************************!*\ + !*** ./node_modules/css-loader/dist/runtime/api.js ***! + \*****************************************************/ +/***/ ((module) => { + +eval("\n\n/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n var list = []; // return the list of modules as css string\n\n list.toString = function toString() {\n return this.map(function (item) {\n var content = \"\";\n var needLayer = typeof item[5] !== \"undefined\";\n\n if (item[4]) {\n content += \"@supports (\".concat(item[4], \") {\");\n }\n\n if (item[2]) {\n content += \"@media \".concat(item[2], \" {\");\n }\n\n if (needLayer) {\n content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n }\n\n content += cssWithMappingToString(item);\n\n if (needLayer) {\n content += \"}\";\n }\n\n if (item[2]) {\n content += \"}\";\n }\n\n if (item[4]) {\n content += \"}\";\n }\n\n return content;\n }).join(\"\");\n }; // import a list of modules into the list\n\n\n list.i = function i(modules, media, dedupe, supports, layer) {\n if (typeof modules === \"string\") {\n modules = [[null, modules, undefined]];\n }\n\n var alreadyImportedModules = {};\n\n if (dedupe) {\n for (var k = 0; k < this.length; k++) {\n var id = this[k][0];\n\n if (id != null) {\n alreadyImportedModules[id] = true;\n }\n }\n }\n\n for (var _k = 0; _k < modules.length; _k++) {\n var item = [].concat(modules[_k]);\n\n if (dedupe && alreadyImportedModules[item[0]]) {\n continue;\n }\n\n if (typeof layer !== \"undefined\") {\n if (typeof item[5] === \"undefined\") {\n item[5] = layer;\n } else {\n item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n item[5] = layer;\n }\n }\n\n if (media) {\n if (!item[2]) {\n item[2] = media;\n } else {\n item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n item[2] = media;\n }\n }\n\n if (supports) {\n if (!item[4]) {\n item[4] = \"\".concat(supports);\n } else {\n item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n item[4] = supports;\n }\n }\n\n list.push(item);\n }\n };\n\n return list;\n};\n\n//# sourceURL=webpack://webpack-demo/./node_modules/css-loader/dist/runtime/api.js?"); + +/***/ }), + +/***/ "./node_modules/css-loader/dist/runtime/noSourceMaps.js": +/*!**************************************************************!*\ + !*** ./node_modules/css-loader/dist/runtime/noSourceMaps.js ***! + \**************************************************************/ +/***/ ((module) => { + +eval("\n\nmodule.exports = function (i) {\n return i[1];\n};\n\n//# sourceURL=webpack://webpack-demo/./node_modules/css-loader/dist/runtime/noSourceMaps.js?"); + +/***/ }), + +/***/ "./src/assets/css/style.min.css": +/*!**************************************!*\ + !*** ./src/assets/css/style.min.css ***! + \**************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ \"./node_modules/style-loader/dist/runtime/styleDomAPI.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ \"./node_modules/style-loader/dist/runtime/insertBySelector.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ \"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ \"./node_modules/style-loader/dist/runtime/insertStyleElement.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ \"./node_modules/style-loader/dist/runtime/styleTagTransform.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_style_min_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../node_modules/css-loader/dist/cjs.js!./style.min.css */ \"./node_modules/css-loader/dist/cjs.js!./src/assets/css/style.min.css\");\n\n \n \n \n \n \n \n \n \n \n\nvar options = {};\n\noptions.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\noptions.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\n\n options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \"head\");\n \noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\n\nvar update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_style_min_css__WEBPACK_IMPORTED_MODULE_6__[\"default\"], options);\n\n\n\n\n /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_style_min_css__WEBPACK_IMPORTED_MODULE_6__[\"default\"] && _node_modules_css_loader_dist_cjs_js_style_min_css__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals ? _node_modules_css_loader_dist_cjs_js_style_min_css__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals : undefined);\n\n\n//# sourceURL=webpack://webpack-demo/./src/assets/css/style.min.css?"); + +/***/ }), + +/***/ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js": +/*!****************************************************************************!*\ + !*** ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***! + \****************************************************************************/ +/***/ ((module) => { + +eval("\n\nvar stylesInDOM = [];\n\nfunction getIndexByIdentifier(identifier) {\n var result = -1;\n\n for (var i = 0; i < stylesInDOM.length; i++) {\n if (stylesInDOM[i].identifier === identifier) {\n result = i;\n break;\n }\n }\n\n return result;\n}\n\nfunction modulesToDom(list, options) {\n var idCountMap = {};\n var identifiers = [];\n\n for (var i = 0; i < list.length; i++) {\n var item = list[i];\n var id = options.base ? item[0] + options.base : item[0];\n var count = idCountMap[id] || 0;\n var identifier = \"\".concat(id, \" \").concat(count);\n idCountMap[id] = count + 1;\n var indexByIdentifier = getIndexByIdentifier(identifier);\n var obj = {\n css: item[1],\n media: item[2],\n sourceMap: item[3],\n supports: item[4],\n layer: item[5]\n };\n\n if (indexByIdentifier !== -1) {\n stylesInDOM[indexByIdentifier].references++;\n stylesInDOM[indexByIdentifier].updater(obj);\n } else {\n var updater = addElementStyle(obj, options);\n options.byIndex = i;\n stylesInDOM.splice(i, 0, {\n identifier: identifier,\n updater: updater,\n references: 1\n });\n }\n\n identifiers.push(identifier);\n }\n\n return identifiers;\n}\n\nfunction addElementStyle(obj, options) {\n var api = options.domAPI(options);\n api.update(obj);\n\n var updater = function updater(newObj) {\n if (newObj) {\n if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {\n return;\n }\n\n api.update(obj = newObj);\n } else {\n api.remove();\n }\n };\n\n return updater;\n}\n\nmodule.exports = function (list, options) {\n options = options || {};\n list = list || [];\n var lastIdentifiers = modulesToDom(list, options);\n return function update(newList) {\n newList = newList || [];\n\n for (var i = 0; i < lastIdentifiers.length; i++) {\n var identifier = lastIdentifiers[i];\n var index = getIndexByIdentifier(identifier);\n stylesInDOM[index].references--;\n }\n\n var newLastIdentifiers = modulesToDom(newList, options);\n\n for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n var _identifier = lastIdentifiers[_i];\n\n var _index = getIndexByIdentifier(_identifier);\n\n if (stylesInDOM[_index].references === 0) {\n stylesInDOM[_index].updater();\n\n stylesInDOM.splice(_index, 1);\n }\n }\n\n lastIdentifiers = newLastIdentifiers;\n };\n};\n\n//# sourceURL=webpack://webpack-demo/./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js?"); + +/***/ }), + +/***/ "./node_modules/style-loader/dist/runtime/insertBySelector.js": +/*!********************************************************************!*\ + !*** ./node_modules/style-loader/dist/runtime/insertBySelector.js ***! + \********************************************************************/ +/***/ ((module) => { + +eval("\n\nvar memo = {};\n/* istanbul ignore next */\n\nfunction getTarget(target) {\n if (typeof memo[target] === \"undefined\") {\n var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself\n\n if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n try {\n // This will throw an exception if access to iframe is blocked\n // due to cross-origin restrictions\n styleTarget = styleTarget.contentDocument.head;\n } catch (e) {\n // istanbul ignore next\n styleTarget = null;\n }\n }\n\n memo[target] = styleTarget;\n }\n\n return memo[target];\n}\n/* istanbul ignore next */\n\n\nfunction insertBySelector(insert, style) {\n var target = getTarget(insert);\n\n if (!target) {\n throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n }\n\n target.appendChild(style);\n}\n\nmodule.exports = insertBySelector;\n\n//# sourceURL=webpack://webpack-demo/./node_modules/style-loader/dist/runtime/insertBySelector.js?"); + +/***/ }), + +/***/ "./node_modules/style-loader/dist/runtime/insertStyleElement.js": +/*!**********************************************************************!*\ + !*** ./node_modules/style-loader/dist/runtime/insertStyleElement.js ***! + \**********************************************************************/ +/***/ ((module) => { + +eval("\n\n/* istanbul ignore next */\nfunction insertStyleElement(options) {\n var element = document.createElement(\"style\");\n options.setAttributes(element, options.attributes);\n options.insert(element, options.options);\n return element;\n}\n\nmodule.exports = insertStyleElement;\n\n//# sourceURL=webpack://webpack-demo/./node_modules/style-loader/dist/runtime/insertStyleElement.js?"); + +/***/ }), + +/***/ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js": +/*!**********************************************************************************!*\ + !*** ./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js ***! + \**********************************************************************************/ +/***/ ((module, __unused_webpack_exports, __webpack_require__) => { + +eval("\n\n/* istanbul ignore next */\nfunction setAttributesWithoutAttributes(styleElement) {\n var nonce = true ? __webpack_require__.nc : 0;\n\n if (nonce) {\n styleElement.setAttribute(\"nonce\", nonce);\n }\n}\n\nmodule.exports = setAttributesWithoutAttributes;\n\n//# sourceURL=webpack://webpack-demo/./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js?"); + +/***/ }), + +/***/ "./node_modules/style-loader/dist/runtime/styleDomAPI.js": +/*!***************************************************************!*\ + !*** ./node_modules/style-loader/dist/runtime/styleDomAPI.js ***! + \***************************************************************/ +/***/ ((module) => { + +eval("\n\n/* istanbul ignore next */\nfunction apply(styleElement, options, obj) {\n var css = \"\";\n\n if (obj.supports) {\n css += \"@supports (\".concat(obj.supports, \") {\");\n }\n\n if (obj.media) {\n css += \"@media \".concat(obj.media, \" {\");\n }\n\n var needLayer = typeof obj.layer !== \"undefined\";\n\n if (needLayer) {\n css += \"@layer\".concat(obj.layer.length > 0 ? \" \".concat(obj.layer) : \"\", \" {\");\n }\n\n css += obj.css;\n\n if (needLayer) {\n css += \"}\";\n }\n\n if (obj.media) {\n css += \"}\";\n }\n\n if (obj.supports) {\n css += \"}\";\n }\n\n var sourceMap = obj.sourceMap;\n\n if (sourceMap && typeof btoa !== \"undefined\") {\n css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n } // For old IE\n\n /* istanbul ignore if */\n\n\n options.styleTagTransform(css, styleElement, options.options);\n}\n\nfunction removeStyleElement(styleElement) {\n // istanbul ignore if\n if (styleElement.parentNode === null) {\n return false;\n }\n\n styleElement.parentNode.removeChild(styleElement);\n}\n/* istanbul ignore next */\n\n\nfunction domAPI(options) {\n var styleElement = options.insertStyleElement(options);\n return {\n update: function update(obj) {\n apply(styleElement, options, obj);\n },\n remove: function remove() {\n removeStyleElement(styleElement);\n }\n };\n}\n\nmodule.exports = domAPI;\n\n//# sourceURL=webpack://webpack-demo/./node_modules/style-loader/dist/runtime/styleDomAPI.js?"); + +/***/ }), + +/***/ "./node_modules/style-loader/dist/runtime/styleTagTransform.js": +/*!*********************************************************************!*\ + !*** ./node_modules/style-loader/dist/runtime/styleTagTransform.js ***! + \*********************************************************************/ +/***/ ((module) => { + +eval("\n\n/* istanbul ignore next */\nfunction styleTagTransform(css, styleElement) {\n if (styleElement.styleSheet) {\n styleElement.styleSheet.cssText = css;\n } else {\n while (styleElement.firstChild) {\n styleElement.removeChild(styleElement.firstChild);\n }\n\n styleElement.appendChild(document.createTextNode(css));\n }\n}\n\nmodule.exports = styleTagTransform;\n\n//# sourceURL=webpack://webpack-demo/./node_modules/style-loader/dist/runtime/styleTagTransform.js?"); + +/***/ }), + +/***/ "./src/index.js": +/*!**********************!*\ + !*** ./src/index.js ***! + \**********************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _assets_css_style_min_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./assets/css/style.min.css */ \"./src/assets/css/style.min.css\");\n\n\n// require('./assets/js/scripts.min.js')\n\n\n\n//# sourceURL=webpack://webpack-demo/./src/index.js?"); + +/***/ }) + +/******/ }); +/************************************************************************/ +/******/ // The module cache +/******/ var __webpack_module_cache__ = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ // Check if module is in cache +/******/ var cachedModule = __webpack_module_cache__[moduleId]; +/******/ if (cachedModule !== undefined) { +/******/ return cachedModule.exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = __webpack_module_cache__[moduleId] = { +/******/ id: moduleId, +/******/ // no module.loaded needed +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/************************************************************************/ +/******/ /* webpack/runtime/compat get default export */ +/******/ (() => { +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = (module) => { +/******/ var getter = module && module.__esModule ? +/******/ () => (module['default']) : +/******/ () => (module); +/******/ __webpack_require__.d(getter, { a: getter }); +/******/ return getter; +/******/ }; +/******/ })(); +/******/ +/******/ /* webpack/runtime/define property getters */ +/******/ (() => { +/******/ // define getter functions for harmony exports +/******/ __webpack_require__.d = (exports, definition) => { +/******/ for(var key in definition) { +/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { +/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); +/******/ } +/******/ } +/******/ }; +/******/ })(); +/******/ +/******/ /* webpack/runtime/hasOwnProperty shorthand */ +/******/ (() => { +/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop)) +/******/ })(); +/******/ +/******/ /* webpack/runtime/make namespace object */ +/******/ (() => { +/******/ // define __esModule on exports +/******/ __webpack_require__.r = (exports) => { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ })(); +/******/ +/******/ /* webpack/runtime/nonce */ +/******/ (() => { +/******/ __webpack_require__.nc = undefined; +/******/ })(); +/******/ +/************************************************************************/ +/******/ +/******/ // startup +/******/ // Load entry module and return exports +/******/ // This entry module can't be inlined because the eval devtool is used. +/******/ var __webpack_exports__ = __webpack_require__("./src/index.js"); +/******/ +/******/ })() +; \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index f6a7210..05ab309 100644 --- a/package-lock.json +++ b/package-lock.json @@ -28,6 +28,64 @@ "node": ">=10.0.0" } }, + "node_modules/@jridgewell/gen-mapping": { + "version": "0.3.8", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz", + "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==", + "license": "MIT", + "dependencies": { + "@jridgewell/set-array": "^1.2.1", + "@jridgewell/sourcemap-codec": "^1.4.10", + "@jridgewell/trace-mapping": "^0.3.24" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/resolve-uri": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz", + "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==", + "license": "MIT", + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/set-array": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz", + "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==", + "license": "MIT", + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/source-map": { + "version": "0.3.6", + "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.6.tgz", + "integrity": "sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==", + "license": "MIT", + "dependencies": { + "@jridgewell/gen-mapping": "^0.3.5", + "@jridgewell/trace-mapping": "^0.3.25" + } + }, + "node_modules/@jridgewell/sourcemap-codec": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz", + "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==", + "license": "MIT" + }, + "node_modules/@jridgewell/trace-mapping": { + "version": "0.3.25", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz", + "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==", + "license": "MIT", + "dependencies": { + "@jridgewell/resolve-uri": "^3.1.0", + "@jridgewell/sourcemap-codec": "^1.4.14" + } + }, "node_modules/@nodelib/fs.scandir": { "version": "2.1.5", "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", @@ -102,9 +160,10 @@ } }, "node_modules/@types/eslint": { - "version": "8.4.1", - "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.4.1.tgz", - "integrity": "sha512-GE44+DNEyxxh2Kc6ro/VkIj+9ma0pO0bwv9+uHSyBrikYOHr8zYcdPvnBOp1aw8s+CjRvuSx7CyWqRrNFQ59mA==", + "version": "9.6.1", + "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-9.6.1.tgz", + "integrity": "sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==", + "license": "MIT", "peer": true, "dependencies": { "@types/estree": "*", @@ -112,9 +171,10 @@ } }, "node_modules/@types/eslint-scope": { - "version": "3.7.3", - "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.3.tgz", - "integrity": "sha512-PB3ldyrcnAicT35TWPs5IcwKD8S333HMaa2VVv4+wdvebJkjWuW/xESoB8IwRcog8HYVYamb1g/R31Qv5Bx03g==", + "version": "3.7.7", + "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz", + "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==", + "license": "MIT", "peer": true, "dependencies": { "@types/eslint": "*", @@ -122,9 +182,10 @@ } }, "node_modules/@types/estree": { - "version": "0.0.51", - "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.51.tgz", - "integrity": "sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==", + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz", + "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==", + "license": "MIT", "peer": true }, "node_modules/@types/express": { @@ -236,148 +297,163 @@ } }, "node_modules/@webassemblyjs/ast": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz", - "integrity": "sha512-ukBh14qFLjxTQNTXocdyksN5QdM28S1CxHt2rdskFyL+xFV7VremuBLVbmCePj+URalXBENx/9Lm7lnhihtCSw==", + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz", + "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==", + "license": "MIT", "peer": true, "dependencies": { - "@webassemblyjs/helper-numbers": "1.11.1", - "@webassemblyjs/helper-wasm-bytecode": "1.11.1" + "@webassemblyjs/helper-numbers": "1.13.2", + "@webassemblyjs/helper-wasm-bytecode": "1.13.2" } }, "node_modules/@webassemblyjs/floating-point-hex-parser": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.1.tgz", - "integrity": "sha512-iGRfyc5Bq+NnNuX8b5hwBrRjzf0ocrJPI6GWFodBFzmFnyvrQ83SHKhmilCU/8Jv67i4GJZBMhEzltxzcNagtQ==", + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz", + "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==", + "license": "MIT", "peer": true }, "node_modules/@webassemblyjs/helper-api-error": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz", - "integrity": "sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==", + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz", + "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==", + "license": "MIT", "peer": true }, "node_modules/@webassemblyjs/helper-buffer": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.1.tgz", - "integrity": "sha512-gwikF65aDNeeXa8JxXa2BAk+REjSyhrNC9ZwdT0f8jc4dQQeDQ7G4m0f2QCLPJiMTTO6wfDmRmj/pW0PsUvIcA==", + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz", + "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==", + "license": "MIT", "peer": true }, "node_modules/@webassemblyjs/helper-numbers": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.1.tgz", - "integrity": "sha512-vDkbxiB8zfnPdNK9Rajcey5C0w+QJugEglN0of+kmO8l7lDb77AnlKYQF7aarZuCrv+l0UvqL+68gSDr3k9LPQ==", + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz", + "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==", + "license": "MIT", "peer": true, "dependencies": { - "@webassemblyjs/floating-point-hex-parser": "1.11.1", - "@webassemblyjs/helper-api-error": "1.11.1", + "@webassemblyjs/floating-point-hex-parser": "1.13.2", + "@webassemblyjs/helper-api-error": "1.13.2", "@xtuc/long": "4.2.2" } }, "node_modules/@webassemblyjs/helper-wasm-bytecode": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.1.tgz", - "integrity": "sha512-PvpoOGiJwXeTrSf/qfudJhwlvDQxFgelbMqtq52WWiXC6Xgg1IREdngmPN3bs4RoO83PnL/nFrxucXj1+BX62Q==", + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz", + "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==", + "license": "MIT", "peer": true }, "node_modules/@webassemblyjs/helper-wasm-section": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.1.tgz", - "integrity": "sha512-10P9No29rYX1j7F3EVPX3JvGPQPae+AomuSTPiF9eBQeChHI6iqjMIwR9JmOJXwpnn/oVGDk7I5IlskuMwU/pg==", + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz", + "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==", + "license": "MIT", "peer": true, "dependencies": { - "@webassemblyjs/ast": "1.11.1", - "@webassemblyjs/helper-buffer": "1.11.1", - "@webassemblyjs/helper-wasm-bytecode": "1.11.1", - "@webassemblyjs/wasm-gen": "1.11.1" + "@webassemblyjs/ast": "1.14.1", + "@webassemblyjs/helper-buffer": "1.14.1", + "@webassemblyjs/helper-wasm-bytecode": "1.13.2", + "@webassemblyjs/wasm-gen": "1.14.1" } }, "node_modules/@webassemblyjs/ieee754": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.1.tgz", - "integrity": "sha512-hJ87QIPtAMKbFq6CGTkZYJivEwZDbQUgYd3qKSadTNOhVY7p+gfP6Sr0lLRVTaG1JjFj+r3YchoqRYxNH3M0GQ==", + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.13.2.tgz", + "integrity": "sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==", + "license": "MIT", "peer": true, "dependencies": { "@xtuc/ieee754": "^1.2.0" } }, "node_modules/@webassemblyjs/leb128": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.1.tgz", - "integrity": "sha512-BJ2P0hNZ0u+Th1YZXJpzW6miwqQUGcIHT1G/sf72gLVD9DZ5AdYTqPNbHZh6K1M5VmKvFXwGSWZADz+qBWxeRw==", + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.13.2.tgz", + "integrity": "sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==", + "license": "Apache-2.0", "peer": true, "dependencies": { "@xtuc/long": "4.2.2" } }, "node_modules/@webassemblyjs/utf8": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.1.tgz", - "integrity": "sha512-9kqcxAEdMhiwQkHpkNiorZzqpGrodQQ2IGrHHxCy+Ozng0ofyMA0lTqiLkVs1uzTRejX+/O0EOT7KxqVPuXosQ==", + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.13.2.tgz", + "integrity": "sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==", + "license": "MIT", "peer": true }, "node_modules/@webassemblyjs/wasm-edit": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.1.tgz", - "integrity": "sha512-g+RsupUC1aTHfR8CDgnsVRVZFJqdkFHpsHMfJuWQzWU3tvnLC07UqHICfP+4XyL2tnr1amvl1Sdp06TnYCmVkA==", + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.14.1.tgz", + "integrity": "sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==", + "license": "MIT", "peer": true, "dependencies": { - "@webassemblyjs/ast": "1.11.1", - "@webassemblyjs/helper-buffer": "1.11.1", - "@webassemblyjs/helper-wasm-bytecode": "1.11.1", - "@webassemblyjs/helper-wasm-section": "1.11.1", - "@webassemblyjs/wasm-gen": "1.11.1", - "@webassemblyjs/wasm-opt": "1.11.1", - "@webassemblyjs/wasm-parser": "1.11.1", - "@webassemblyjs/wast-printer": "1.11.1" + "@webassemblyjs/ast": "1.14.1", + "@webassemblyjs/helper-buffer": "1.14.1", + "@webassemblyjs/helper-wasm-bytecode": "1.13.2", + "@webassemblyjs/helper-wasm-section": "1.14.1", + "@webassemblyjs/wasm-gen": "1.14.1", + "@webassemblyjs/wasm-opt": "1.14.1", + "@webassemblyjs/wasm-parser": "1.14.1", + "@webassemblyjs/wast-printer": "1.14.1" } }, "node_modules/@webassemblyjs/wasm-gen": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.1.tgz", - "integrity": "sha512-F7QqKXwwNlMmsulj6+O7r4mmtAlCWfO/0HdgOxSklZfQcDu0TpLiD1mRt/zF25Bk59FIjEuGAIyn5ei4yMfLhA==", + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.14.1.tgz", + "integrity": "sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==", + "license": "MIT", "peer": true, "dependencies": { - "@webassemblyjs/ast": "1.11.1", - "@webassemblyjs/helper-wasm-bytecode": "1.11.1", - "@webassemblyjs/ieee754": "1.11.1", - "@webassemblyjs/leb128": "1.11.1", - "@webassemblyjs/utf8": "1.11.1" + "@webassemblyjs/ast": "1.14.1", + "@webassemblyjs/helper-wasm-bytecode": "1.13.2", + "@webassemblyjs/ieee754": "1.13.2", + "@webassemblyjs/leb128": "1.13.2", + "@webassemblyjs/utf8": "1.13.2" } }, "node_modules/@webassemblyjs/wasm-opt": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.1.tgz", - "integrity": "sha512-VqnkNqnZlU5EB64pp1l7hdm3hmQw7Vgqa0KF/KCNO9sIpI6Fk6brDEiX+iCOYrvMuBWDws0NkTOxYEb85XQHHw==", + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.14.1.tgz", + "integrity": "sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==", + "license": "MIT", "peer": true, "dependencies": { - "@webassemblyjs/ast": "1.11.1", - "@webassemblyjs/helper-buffer": "1.11.1", - "@webassemblyjs/wasm-gen": "1.11.1", - "@webassemblyjs/wasm-parser": "1.11.1" + "@webassemblyjs/ast": "1.14.1", + "@webassemblyjs/helper-buffer": "1.14.1", + "@webassemblyjs/wasm-gen": "1.14.1", + "@webassemblyjs/wasm-parser": "1.14.1" } }, "node_modules/@webassemblyjs/wasm-parser": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.1.tgz", - "integrity": "sha512-rrBujw+dJu32gYB7/Lup6UhdkPx9S9SnobZzRVL7VcBH9Bt9bCBLEuX/YXOOtBsOZ4NQrRykKhffRWHvigQvOA==", + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.14.1.tgz", + "integrity": "sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==", + "license": "MIT", "peer": true, "dependencies": { - "@webassemblyjs/ast": "1.11.1", - "@webassemblyjs/helper-api-error": "1.11.1", - "@webassemblyjs/helper-wasm-bytecode": "1.11.1", - "@webassemblyjs/ieee754": "1.11.1", - "@webassemblyjs/leb128": "1.11.1", - "@webassemblyjs/utf8": "1.11.1" + "@webassemblyjs/ast": "1.14.1", + "@webassemblyjs/helper-api-error": "1.13.2", + "@webassemblyjs/helper-wasm-bytecode": "1.13.2", + "@webassemblyjs/ieee754": "1.13.2", + "@webassemblyjs/leb128": "1.13.2", + "@webassemblyjs/utf8": "1.13.2" } }, "node_modules/@webassemblyjs/wast-printer": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.1.tgz", - "integrity": "sha512-IQboUWM4eKzWW+N/jij2sRatKMh99QEelo3Eb2q0qXkvPRISAj8Qxtmw5itwqK+TTkBuUIE45AxYPToqPtL5gg==", + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.14.1.tgz", + "integrity": "sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==", + "license": "MIT", "peer": true, "dependencies": { - "@webassemblyjs/ast": "1.11.1", + "@webassemblyjs/ast": "1.14.1", "@xtuc/long": "4.2.2" } }, @@ -421,12 +497,14 @@ "version": "1.2.0", "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz", "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==", + "license": "BSD-3-Clause", "peer": true }, "node_modules/@xtuc/long": { "version": "4.2.2", "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz", "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==", + "license": "Apache-2.0", "peer": true }, "node_modules/accepts": { @@ -443,9 +521,10 @@ } }, "node_modules/acorn": { - "version": "8.7.0", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.7.0.tgz", - "integrity": "sha512-V/LGr1APy+PXIwKebEWrkZPwoeoF+w1jiOBUmuxuiUIaOHtob8Qc9BTrYo7VuI5fR8tqsy+buA2WFooR5olqvQ==", + "version": "8.14.0", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz", + "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==", + "license": "MIT", "bin": { "acorn": "bin/acorn" }, @@ -453,15 +532,6 @@ "node": ">=0.4.0" } }, - "node_modules/acorn-import-assertions": { - "version": "1.8.0", - "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz", - "integrity": "sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==", - "peer": true, - "peerDependencies": { - "acorn": "^8" - } - }, "node_modules/aggregate-error": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz", @@ -479,6 +549,7 @@ "version": "6.12.6", "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", + "license": "MIT", "peer": true, "dependencies": { "fast-deep-equal": "^3.1.1", @@ -495,7 +566,6 @@ "version": "2.1.1", "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz", "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==", - "dev": true, "dependencies": { "ajv": "^8.0.0" }, @@ -512,7 +582,6 @@ "version": "8.10.0", "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.10.0.tgz", "integrity": "sha512-bzqAEZOjkrUMl2afH8dknrq5KEk2SrwdBROR+vH1EKVQTqaUbJVPdc/gEdggTMM0Se+s+Ja4ju4TlNcStKl2Hw==", - "dev": true, "dependencies": { "fast-deep-equal": "^3.1.1", "json-schema-traverse": "^1.0.0", @@ -527,13 +596,13 @@ "node_modules/ajv-formats/node_modules/json-schema-traverse": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", - "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==", - "dev": true + "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==" }, "node_modules/ajv-keywords": { "version": "3.5.2", "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", + "license": "MIT", "peer": true, "peerDependencies": { "ajv": "^6.9.1" @@ -592,10 +661,11 @@ } }, "node_modules/async": { - "version": "2.6.3", - "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz", - "integrity": "sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==", + "version": "2.6.4", + "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz", + "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==", "dev": true, + "license": "MIT", "dependencies": { "lodash": "^4.17.14" } @@ -622,24 +692,28 @@ } }, "node_modules/body-parser": { - "version": "1.19.2", - "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.19.2.tgz", - "integrity": "sha512-SAAwOxgoCKMGs9uUAUFHygfLAyaniaoun6I8mFY9pRAJL9+Kec34aU+oIjDhTycub1jozEfEwx1W1IuOYxVSFw==", + "version": "1.20.3", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz", + "integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==", "dev": true, + "license": "MIT", "dependencies": { "bytes": "3.1.2", - "content-type": "~1.0.4", + "content-type": "~1.0.5", "debug": "2.6.9", - "depd": "~1.1.2", - "http-errors": "1.8.1", + "depd": "2.0.0", + "destroy": "1.2.0", + "http-errors": "2.0.0", "iconv-lite": "0.4.24", - "on-finished": "~2.3.0", - "qs": "6.9.7", - "raw-body": "2.4.3", - "type-is": "~1.6.18" + "on-finished": "2.4.1", + "qs": "6.13.0", + "raw-body": "2.5.2", + "type-is": "~1.6.18", + "unpipe": "1.0.0" }, "engines": { - "node": ">= 0.8" + "node": ">= 0.8", + "npm": "1.2.8000 || >= 1.4.16" } }, "node_modules/body-parser/node_modules/bytes": { @@ -647,6 +721,17 @@ "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz", "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==", "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/body-parser/node_modules/depd": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz", + "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==", + "dev": true, + "license": "MIT", "engines": { "node": ">= 0.8" } @@ -681,38 +766,49 @@ } }, "node_modules/braces": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", - "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", "dev": true, + "license": "MIT", "dependencies": { - "fill-range": "^7.0.1" + "fill-range": "^7.1.1" }, "engines": { "node": ">=8" } }, "node_modules/browserslist": { - "version": "4.19.3", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.19.3.tgz", - "integrity": "sha512-XK3X4xtKJ+Txj8G5c30B4gsm71s69lqXlkYui4s6EkKxuv49qjYlY6oVd+IFJ73d4YymtM3+djvvt/R/iJwwDg==", + "version": "4.24.4", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.4.tgz", + "integrity": "sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", "peer": true, "dependencies": { - "caniuse-lite": "^1.0.30001312", - "electron-to-chromium": "^1.4.71", - "escalade": "^3.1.1", - "node-releases": "^2.0.2", - "picocolors": "^1.0.0" + "caniuse-lite": "^1.0.30001688", + "electron-to-chromium": "^1.5.73", + "node-releases": "^2.0.19", + "update-browserslist-db": "^1.1.1" }, "bin": { "browserslist": "cli.js" }, "engines": { "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/browserslist" } }, "node_modules/buffer-from": { @@ -748,6 +844,37 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/call-bind-apply-helpers": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.1.tgz", + "integrity": "sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==", + "dev": true, + "license": "MIT", + "dependencies": { + "es-errors": "^1.3.0", + "function-bind": "^1.1.2" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/call-bound": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.3.tgz", + "integrity": "sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==", + "dev": true, + "license": "MIT", + "dependencies": { + "call-bind-apply-helpers": "^1.0.1", + "get-intrinsic": "^1.2.6" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/camel-case": { "version": "4.1.2", "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz", @@ -758,14 +885,25 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001312", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001312.tgz", - "integrity": "sha512-Wiz1Psk2MEK0pX3rUzWaunLTZzqS2JYZFzNKqAiJGiuxIjRPLgV6+VDPOg6lQOUxmDwhTlh198JsTTi8Hzw6aQ==", - "peer": true, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/browserslist" - } + "version": "1.0.30001692", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001692.tgz", + "integrity": "sha512-A95VKan0kdtrsnMubMKxEKUKImOPSuCpYgxSQBo036P5YYgVIcOYJEgt/txJWqObiRQeISNCfef9nvlQ0vbV7A==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/caniuse-lite" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "CC-BY-4.0", + "peer": true }, "node_modules/chokidar": { "version": "3.5.3", @@ -912,19 +1050,21 @@ } }, "node_modules/content-type": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz", - "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==", + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz", + "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==", "dev": true, + "license": "MIT", "engines": { "node": ">= 0.6" } }, "node_modules/cookie": { - "version": "0.4.2", - "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.2.tgz", - "integrity": "sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA==", + "version": "0.7.1", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz", + "integrity": "sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==", "dev": true, + "license": "MIT", "engines": { "node": ">= 0.6" } @@ -942,10 +1082,11 @@ "dev": true }, "node_modules/cross-spawn": { - "version": "7.0.3", - "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", - "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", + "version": "7.0.6", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz", + "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==", "dev": true, + "license": "MIT", "dependencies": { "path-key": "^3.1.0", "shebang-command": "^2.0.0", @@ -1108,10 +1249,15 @@ } }, "node_modules/destroy": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz", - "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=", - "dev": true + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz", + "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.8", + "npm": "1.2.8000 || >= 1.4.16" + } }, "node_modules/detect-node": { "version": "2.1.0", @@ -1224,31 +1370,50 @@ "tslib": "^2.0.3" } }, + "node_modules/dunder-proto": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz", + "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==", + "dev": true, + "license": "MIT", + "dependencies": { + "call-bind-apply-helpers": "^1.0.1", + "es-errors": "^1.3.0", + "gopd": "^1.2.0" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/ee-first": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", - "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=", - "dev": true + "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==", + "dev": true, + "license": "MIT" }, "node_modules/electron-to-chromium": { - "version": "1.4.75", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.75.tgz", - "integrity": "sha512-LxgUNeu3BVU7sXaKjUDD9xivocQLxFtq6wgERrutdY/yIOps3ODOZExK1jg8DTEg4U8TUCb5MLGeWFOYuxjF3Q==", + "version": "1.5.83", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.83.tgz", + "integrity": "sha512-LcUDPqSt+V0QmI47XLzZrz5OqILSMGsPFkDYus22rIbgorSvBYEFqq854ltTmUdHkY92FSdAAvsh4jWEULMdfQ==", + "license": "ISC", "peer": true }, "node_modules/encodeurl": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", - "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz", + "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==", "dev": true, + "license": "MIT", "engines": { "node": ">= 0.8" } }, "node_modules/enhanced-resolve": { - "version": "5.9.1", - "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.9.1.tgz", - "integrity": "sha512-jdyZMwCQ5Oj4c5+BTnkxPgDZO/BJzh/ADDmKebayyzNwjVX1AFCeGkOfxNx0mHi2+8BKC5VxUYiw3TIvoT7vhw==", + "version": "5.18.0", + "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.0.tgz", + "integrity": "sha512-0/r0MySGYG8YqlayBZ6MuCfECmHFdJ5qyPh8s8wa5Hnm6SaFLSK1VYCbj+NKp090Nm1caZhD+QTnmxO7esYGyQ==", + "license": "MIT", "peer": true, "dependencies": { "graceful-fs": "^4.2.4", @@ -1278,16 +1443,51 @@ "node": ">=4" } }, + "node_modules/es-define-property": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz", + "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/es-errors": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz", + "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.4" + } + }, "node_modules/es-module-lexer": { - "version": "0.9.3", - "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.9.3.tgz", - "integrity": "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==", + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.6.0.tgz", + "integrity": "sha512-qqnD1yMU6tk/jnaMosogGySTZP8YtUgAffA9nMN+E/rjxcfRQ6IEk7IiozUjgxKoFHBGjTLnrHB/YC45r/59EQ==", + "license": "MIT", "peer": true }, + "node_modules/es-object-atoms": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz", + "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==", + "dev": true, + "license": "MIT", + "dependencies": { + "es-errors": "^1.3.0" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/escalade": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz", - "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==", + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz", + "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==", + "license": "MIT", "peer": true, "engines": { "node": ">=6" @@ -1345,8 +1545,9 @@ "node_modules/etag": { "version": "1.8.1", "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", - "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=", + "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==", "dev": true, + "license": "MIT", "engines": { "node": ">= 0.6" } @@ -1390,44 +1591,50 @@ } }, "node_modules/express": { - "version": "4.17.3", - "resolved": "https://registry.npmjs.org/express/-/express-4.17.3.tgz", - "integrity": "sha512-yuSQpz5I+Ch7gFrPCk4/c+dIBKlQUxtgwqzph132bsT6qhuzss6I8cLJQz7B3rFblzd6wtcI0ZbGltH/C4LjUg==", + "version": "4.21.2", + "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz", + "integrity": "sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==", "dev": true, + "license": "MIT", "dependencies": { "accepts": "~1.3.8", "array-flatten": "1.1.1", - "body-parser": "1.19.2", + "body-parser": "1.20.3", "content-disposition": "0.5.4", "content-type": "~1.0.4", - "cookie": "0.4.2", + "cookie": "0.7.1", "cookie-signature": "1.0.6", "debug": "2.6.9", - "depd": "~1.1.2", - "encodeurl": "~1.0.2", + "depd": "2.0.0", + "encodeurl": "~2.0.0", "escape-html": "~1.0.3", "etag": "~1.8.1", - "finalhandler": "~1.1.2", + "finalhandler": "1.3.1", "fresh": "0.5.2", - "merge-descriptors": "1.0.1", + "http-errors": "2.0.0", + "merge-descriptors": "1.0.3", "methods": "~1.1.2", - "on-finished": "~2.3.0", + "on-finished": "2.4.1", "parseurl": "~1.3.3", - "path-to-regexp": "0.1.7", + "path-to-regexp": "0.1.12", "proxy-addr": "~2.0.7", - "qs": "6.9.7", + "qs": "6.13.0", "range-parser": "~1.2.1", "safe-buffer": "5.2.1", - "send": "0.17.2", - "serve-static": "1.14.2", + "send": "0.19.0", + "serve-static": "1.16.2", "setprototypeof": "1.2.0", - "statuses": "~1.5.0", + "statuses": "2.0.1", "type-is": "~1.6.18", "utils-merge": "1.0.1", "vary": "~1.1.2" }, "engines": { "node": ">= 0.10.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/express" } }, "node_modules/express/node_modules/array-flatten": { @@ -1436,6 +1643,26 @@ "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=", "dev": true }, + "node_modules/express/node_modules/depd": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz", + "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/express/node_modules/statuses": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", + "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, "node_modules/fast-deep-equal": { "version": "3.1.3", "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", @@ -1461,6 +1688,24 @@ "version": "2.1.0", "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz", "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==", + "license": "MIT", + "peer": true + }, + "node_modules/fast-uri": { + "version": "3.0.5", + "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.0.5.tgz", + "integrity": "sha512-5JnBCWpFlMo0a3ciDy/JckMzzv1U9coZrIhedq+HXxxUfDTAiS0LA8OKVao4G9BxmCVck/jtA5r3KAtRWEyD8Q==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/fastify" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/fastify" + } + ], + "license": "BSD-3-Clause", "peer": true }, "node_modules/fastest-levenshtein": { @@ -1491,10 +1736,11 @@ } }, "node_modules/fill-range": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", - "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", "dev": true, + "license": "MIT", "dependencies": { "to-regex-range": "^5.0.1" }, @@ -1503,23 +1749,34 @@ } }, "node_modules/finalhandler": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz", - "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==", + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz", + "integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==", "dev": true, + "license": "MIT", "dependencies": { "debug": "2.6.9", - "encodeurl": "~1.0.2", + "encodeurl": "~2.0.0", "escape-html": "~1.0.3", - "on-finished": "~2.3.0", + "on-finished": "2.4.1", "parseurl": "~1.3.3", - "statuses": "~1.5.0", + "statuses": "2.0.1", "unpipe": "~1.0.0" }, "engines": { "node": ">= 0.8" } }, + "node_modules/finalhandler/node_modules/statuses": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", + "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, "node_modules/find-up": { "version": "4.1.0", "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", @@ -1534,9 +1791,9 @@ } }, "node_modules/follow-redirects": { - "version": "1.14.9", - "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.9.tgz", - "integrity": "sha512-MQDfihBQYMcyy5dhRDJUHcw7lb2Pv/TuE6xP1vyraLukNDHKbDxDNaOE3NbCAdKQApno+GPRyo1YAp89yCjK4w==", + "version": "1.15.9", + "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz", + "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==", "dev": true, "funding": [ { @@ -1544,6 +1801,7 @@ "url": "https://github.com/sponsors/RubenVerborgh" } ], + "license": "MIT", "engines": { "node": ">=4.0" }, @@ -1565,17 +1823,19 @@ "node_modules/fresh": { "version": "0.5.2", "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", - "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=", + "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==", "dev": true, + "license": "MIT", "engines": { "node": ">= 0.6" } }, "node_modules/fs-monkey": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.3.tgz", - "integrity": "sha512-cybjIfiiE+pTWicSCLFHSrXZ6EilF30oh91FDP9S2B051prEa7QWfrVTQm10/dDpswBDXZugPa1Ogu8Yh+HV0Q==", - "dev": true + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.6.tgz", + "integrity": "sha512-b1FMfwetIKymC0eioW7mTywihSQE4oLzQn1dB6rZB5fx/3NpNEdAWeCSMB+60/AeT0TCXsxzAlcYVEFCTAksWg==", + "dev": true, + "license": "Unlicense" }, "node_modules/fs.realpath": { "version": "1.0.0", @@ -1598,25 +1858,54 @@ } }, "node_modules/function-bind": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", - "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", - "dev": true + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", + "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==", + "dev": true, + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/ljharb" + } }, "node_modules/get-intrinsic": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.1.tgz", - "integrity": "sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==", + "version": "1.2.7", + "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.7.tgz", + "integrity": "sha512-VW6Pxhsrk0KAOqs3WEd0klDiF/+V7gQOpAvY1jVU/LHmaD/kQO4523aiJuikX/QAKYiW6x8Jh+RJej1almdtCA==", "dev": true, + "license": "MIT", "dependencies": { - "function-bind": "^1.1.1", - "has": "^1.0.3", - "has-symbols": "^1.0.1" + "call-bind-apply-helpers": "^1.0.1", + "es-define-property": "^1.0.1", + "es-errors": "^1.3.0", + "es-object-atoms": "^1.0.0", + "function-bind": "^1.1.2", + "get-proto": "^1.0.0", + "gopd": "^1.2.0", + "has-symbols": "^1.1.0", + "hasown": "^2.0.2", + "math-intrinsics": "^1.1.0" + }, + "engines": { + "node": ">= 0.4" }, "funding": { "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/get-proto": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz", + "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==", + "dev": true, + "license": "MIT", + "dependencies": { + "dunder-proto": "^1.0.1", + "es-object-atoms": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/get-stream": { "version": "6.0.1", "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz", @@ -1665,6 +1954,7 @@ "version": "0.4.1", "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz", "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==", + "license": "BSD-2-Clause", "peer": true }, "node_modules/globby": { @@ -1687,10 +1977,24 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/gopd": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz", + "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/graceful-fs": { - "version": "4.2.9", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz", - "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ==" + "version": "4.2.11", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", + "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==", + "license": "ISC" }, "node_modules/handle-thing": { "version": "2.0.1", @@ -1714,16 +2018,18 @@ "version": "4.0.0", "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "license": "MIT", "peer": true, "engines": { "node": ">=8" } }, "node_modules/has-symbols": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz", - "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz", + "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==", "dev": true, + "license": "MIT", "engines": { "node": ">= 0.4" }, @@ -1746,6 +2052,19 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/hasown": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz", + "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "function-bind": "^1.1.2" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/he": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz", @@ -1877,19 +2196,40 @@ "dev": true }, "node_modules/http-errors": { - "version": "1.8.1", - "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.8.1.tgz", - "integrity": "sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz", + "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==", "dev": true, + "license": "MIT", "dependencies": { - "depd": "~1.1.2", + "depd": "2.0.0", "inherits": "2.0.4", "setprototypeof": "1.2.0", - "statuses": ">= 1.5.0 < 2", + "statuses": "2.0.1", "toidentifier": "1.0.1" }, "engines": { - "node": ">= 0.6" + "node": ">= 0.8" + } + }, + "node_modules/http-errors/node_modules/depd": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz", + "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/http-errors/node_modules/statuses": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", + "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.8" } }, "node_modules/http-parser-js": { @@ -1913,10 +2253,11 @@ } }, "node_modules/http-proxy-middleware": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.3.tgz", - "integrity": "sha512-1bloEwnrHMnCoO/Gcwbz7eSVvW50KPES01PecpagI+YLNLci4AcuKJrujW4Mc3sBLpFxMSlsLNHS5Nl/lvrTPA==", + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.7.tgz", + "integrity": "sha512-fgVY8AV7qU7z/MmXJ/rxwbrtQH4jBQ9m7kp3llF0liB7glmFeVZFBepQb32T3y8n8k2+AEYuMPCpinYW+/CuRA==", "dev": true, + "license": "MIT", "dependencies": { "@types/http-proxy": "^1.17.8", "http-proxy": "^1.18.1", @@ -1950,6 +2291,7 @@ "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==", "dev": true, + "license": "MIT", "dependencies": { "safer-buffer": ">= 2.1.2 < 3" }, @@ -2031,10 +2373,11 @@ } }, "node_modules/ip": { - "version": "1.1.5", - "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.5.tgz", - "integrity": "sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo=", - "dev": true + "version": "1.1.9", + "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.9.tgz", + "integrity": "sha512-cyRxvOEpNHNtchU3Ln9KC/auJgup87llfQpQ+t5ghoC/UhL16SWzbueiCsdTnWmqAWl7LadfuwhlqmtOaqMHdQ==", + "dev": true, + "license": "MIT" }, "node_modules/ipaddr.js": { "version": "2.0.1", @@ -2141,6 +2484,7 @@ "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", "dev": true, + "license": "MIT", "engines": { "node": ">=0.12.0" } @@ -2252,6 +2596,7 @@ "version": "27.5.1", "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz", "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==", + "license": "MIT", "peer": true, "dependencies": { "@types/node": "*", @@ -2262,16 +2607,18 @@ "node": ">= 10.13.0" } }, - "node_modules/json-parse-better-errors": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz", - "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==", + "node_modules/json-parse-even-better-errors": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz", + "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==", + "license": "MIT", "peer": true }, "node_modules/json-schema-traverse": { "version": "0.4.1", "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", + "license": "MIT", "peer": true }, "node_modules/kind-of": { @@ -2317,43 +2664,48 @@ "tslib": "^2.0.3" } }, - "node_modules/lru-cache": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", - "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "dependencies": { - "yallist": "^4.0.0" - }, + "node_modules/math-intrinsics": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz", + "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==", + "dev": true, + "license": "MIT", "engines": { - "node": ">=10" + "node": ">= 0.4" } }, "node_modules/media-typer": { "version": "0.3.0", "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", - "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=", + "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==", "dev": true, + "license": "MIT", "engines": { "node": ">= 0.6" } }, "node_modules/memfs": { - "version": "3.4.1", - "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.4.1.tgz", - "integrity": "sha512-1c9VPVvW5P7I85c35zAdEr1TD5+F11IToIHIlrVIcflfnzPkJa0ZoYEoEdYDP8KgPFoSZ/opDrUsAoZWym3mtw==", + "version": "3.5.3", + "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.5.3.tgz", + "integrity": "sha512-UERzLsxzllchadvbPs5aolHh65ISpKpM+ccLbOJ8/vvpBKmAWf+la7dXFy7Mr0ySHbdHrFv5kGFCUHHe6GFEmw==", "dev": true, + "license": "Unlicense", "dependencies": { - "fs-monkey": "1.0.3" + "fs-monkey": "^1.0.4" }, "engines": { "node": ">= 4.0.0" } }, "node_modules/merge-descriptors": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", - "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=", - "dev": true + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz", + "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==", + "dev": true, + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } }, "node_modules/merge-stream": { "version": "2.0.0", @@ -2379,13 +2731,14 @@ } }, "node_modules/micromatch": { - "version": "4.0.4", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.4.tgz", - "integrity": "sha512-pRmzw/XUcwXGpD9aI9q/0XOwLNygjETJ8y0ao0wdqprrzDa4YnxLcz7fQRZr8voh8V10kGhABbNcHVk5wHgWwg==", + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", + "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", "dev": true, + "license": "MIT", "dependencies": { - "braces": "^3.0.1", - "picomatch": "^2.2.3" + "braces": "^3.0.3", + "picomatch": "^2.3.1" }, "engines": { "node": ">=8.6" @@ -2396,6 +2749,7 @@ "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==", "dev": true, + "license": "MIT", "bin": { "mime": "cli.js" }, @@ -2450,10 +2804,14 @@ } }, "node_modules/minimist": { - "version": "1.2.5", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz", - "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==", - "dev": true + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz", + "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==", + "dev": true, + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/ljharb" + } }, "node_modules/mkdirp": { "version": "0.5.5", @@ -2493,9 +2851,16 @@ "dev": true }, "node_modules/nanoid": { - "version": "3.3.1", - "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.1.tgz", - "integrity": "sha512-n6Vs/3KGyxPQd6uO0eH4Bv0ojGSUvuLlIHtC3Y0kEO23YRge8H9x1GCzLn28YX0H66pMkxuaeESFq4tKISKwdw==", + "version": "3.3.8", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz", + "integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", "bin": { "nanoid": "bin/nanoid.cjs" }, @@ -2528,18 +2893,20 @@ } }, "node_modules/node-forge": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.2.1.tgz", - "integrity": "sha512-Fcvtbb+zBcZXbTTVwqGA5W+MKBj56UjVRevvchv5XrcyXbmNdesfZL37nlcWOfpgHhgmxApw3tQbTr4CqNmX4w==", + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz", + "integrity": "sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==", "dev": true, + "license": "(BSD-3-Clause OR GPL-2.0)", "engines": { "node": ">= 6.13.0" } }, "node_modules/node-releases": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.2.tgz", - "integrity": "sha512-XxYDdcQ6eKqp/YjI+tb2C5WM2LgjnZrfYg4vgQt49EK268b6gYCHsBLrK2qvJo4FmCtqmKezb0WZFK4fkrZNsg==", + "version": "2.0.19", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz", + "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==", + "license": "MIT", "peer": true }, "node_modules/normalize-path": { @@ -2574,6 +2941,19 @@ "url": "https://github.com/fb55/nth-check?sponsor=1" } }, + "node_modules/object-inspect": { + "version": "1.13.3", + "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.3.tgz", + "integrity": "sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/object-is": { "version": "1.1.5", "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz", @@ -2606,10 +2986,11 @@ "dev": true }, "node_modules/on-finished": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", - "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=", + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz", + "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==", "dev": true, + "license": "MIT", "dependencies": { "ee-first": "1.1.1" }, @@ -2792,10 +3173,11 @@ "dev": true }, "node_modules/path-to-regexp": { - "version": "0.1.7", - "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz", - "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=", - "dev": true + "version": "0.1.12", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz", + "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==", + "dev": true, + "license": "MIT" }, "node_modules/path-type": { "version": "4.0.0", @@ -2807,9 +3189,10 @@ } }, "node_modules/picocolors": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", - "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==" + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", + "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==", + "license": "ISC" }, "node_modules/picomatch": { "version": "2.3.1", @@ -2865,20 +3248,31 @@ "dev": true }, "node_modules/postcss": { - "version": "8.4.7", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.7.tgz", - "integrity": "sha512-L9Ye3r6hkkCeOETQX6iOaWZgjp3LL6Lpqm6EtgbKrgqGGteRMNb9vzBfRL96YOSu8o7x3MfIH9Mo5cPJFGrW6A==", + "version": "8.5.1", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.1.tgz", + "integrity": "sha512-6oz2beyjc5VMn/KV1pPw8fliQkhBXrVn1Z3TVyqZxU8kZpzEKhBdmCFqI6ZbmGtamQvQGuU1sgPTk8ZrXDD7jQ==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", "dependencies": { - "nanoid": "^3.3.1", - "picocolors": "^1.0.0", - "source-map-js": "^1.0.2" + "nanoid": "^3.3.8", + "picocolors": "^1.1.1", + "source-map-js": "^1.2.1" }, "engines": { "node": "^10 || ^12 || >=14" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" } }, "node_modules/postcss-modules-extract-imports": { @@ -2999,10 +3393,14 @@ } }, "node_modules/qs": { - "version": "6.9.7", - "resolved": "https://registry.npmjs.org/qs/-/qs-6.9.7.tgz", - "integrity": "sha512-IhMFgUmuNpyRfxA90umL7ByLlgRXu6tIfKPpF5TmcfRLlLCckfP/g3IQmju6jjpu+Hh8rA+2p6A27ZSPOOHdKw==", + "version": "6.13.0", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz", + "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==", "dev": true, + "license": "BSD-3-Clause", + "dependencies": { + "side-channel": "^1.0.6" + }, "engines": { "node": ">=0.6" }, @@ -3034,6 +3432,7 @@ "version": "2.1.0", "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz", "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==", + "license": "MIT", "peer": true, "dependencies": { "safe-buffer": "^5.1.0" @@ -3049,13 +3448,14 @@ } }, "node_modules/raw-body": { - "version": "2.4.3", - "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.4.3.tgz", - "integrity": "sha512-UlTNLIcu0uzb4D2f4WltY6cVjLi+/jEN4lgEUj3E04tpMDpUlkBo/eSn6zou9hum2VMNpCCUone0O0WeJim07g==", + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz", + "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==", "dev": true, + "license": "MIT", "dependencies": { "bytes": "3.1.2", - "http-errors": "1.8.1", + "http-errors": "2.0.0", "iconv-lite": "0.4.24", "unpipe": "1.0.0" }, @@ -3068,6 +3468,7 @@ "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz", "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==", "dev": true, + "license": "MIT", "engines": { "node": ">= 0.8" } @@ -3169,7 +3570,6 @@ "version": "2.0.2", "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz", "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==", - "dev": true, "engines": { "node": ">=0.10.0" } @@ -3298,12 +3698,14 @@ "version": "2.1.2", "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", - "dev": true + "dev": true, + "license": "MIT" }, "node_modules/schema-utils": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz", - "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==", + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz", + "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==", + "license": "MIT", "peer": true, "dependencies": { "@types/json-schema": "^7.0.8", @@ -3337,12 +3739,10 @@ } }, "node_modules/semver": { - "version": "7.3.5", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz", - "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==", - "dependencies": { - "lru-cache": "^6.0.0" - }, + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz", + "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==", + "license": "ISC", "bin": { "semver": "bin/semver.js" }, @@ -3351,39 +3751,72 @@ } }, "node_modules/send": { - "version": "0.17.2", - "resolved": "https://registry.npmjs.org/send/-/send-0.17.2.tgz", - "integrity": "sha512-UJYB6wFSJE3G00nEivR5rgWp8c2xXvJ3OPWPhmuteU0IKj8nKbG3DrjiOmLwpnHGYWAVwA69zmTm++YG0Hmwww==", + "version": "0.19.0", + "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz", + "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==", "dev": true, + "license": "MIT", "dependencies": { "debug": "2.6.9", - "depd": "~1.1.2", - "destroy": "~1.0.4", + "depd": "2.0.0", + "destroy": "1.2.0", "encodeurl": "~1.0.2", "escape-html": "~1.0.3", "etag": "~1.8.1", "fresh": "0.5.2", - "http-errors": "1.8.1", + "http-errors": "2.0.0", "mime": "1.6.0", "ms": "2.1.3", - "on-finished": "~2.3.0", + "on-finished": "2.4.1", "range-parser": "~1.2.1", - "statuses": "~1.5.0" + "statuses": "2.0.1" }, "engines": { "node": ">= 0.8.0" } }, + "node_modules/send/node_modules/depd": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz", + "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/send/node_modules/encodeurl": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", + "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, "node_modules/send/node_modules/ms": { "version": "2.1.3", "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==", - "dev": true + "dev": true, + "license": "MIT" + }, + "node_modules/send/node_modules/statuses": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", + "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.8" + } }, "node_modules/serialize-javascript": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.0.tgz", - "integrity": "sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==", + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz", + "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==", + "license": "BSD-3-Clause", "peer": true, "dependencies": { "randombytes": "^2.1.0" @@ -3435,15 +3868,16 @@ "dev": true }, "node_modules/serve-static": { - "version": "1.14.2", - "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.14.2.tgz", - "integrity": "sha512-+TMNA9AFxUEGuC0z2mevogSnn9MXKb4fa7ngeRMJaaGv8vTwnIEkKi+QGvPt33HSnf8pRS+WGM0EbMtCJLKMBQ==", + "version": "1.16.2", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz", + "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==", "dev": true, + "license": "MIT", "dependencies": { - "encodeurl": "~1.0.2", + "encodeurl": "~2.0.0", "escape-html": "~1.0.3", "parseurl": "~1.3.3", - "send": "0.17.2" + "send": "0.19.0" }, "engines": { "node": ">= 0.8.0" @@ -3453,7 +3887,8 @@ "version": "1.2.0", "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz", "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==", - "dev": true + "dev": true, + "license": "ISC" }, "node_modules/shallow-clone": { "version": "3.0.1", @@ -3488,6 +3923,82 @@ "node": ">=8" } }, + "node_modules/side-channel": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz", + "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==", + "dev": true, + "license": "MIT", + "dependencies": { + "es-errors": "^1.3.0", + "object-inspect": "^1.13.3", + "side-channel-list": "^1.0.0", + "side-channel-map": "^1.0.1", + "side-channel-weakmap": "^1.0.2" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/side-channel-list": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz", + "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==", + "dev": true, + "license": "MIT", + "dependencies": { + "es-errors": "^1.3.0", + "object-inspect": "^1.13.3" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/side-channel-map": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz", + "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==", + "dev": true, + "license": "MIT", + "dependencies": { + "call-bound": "^1.0.2", + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.5", + "object-inspect": "^1.13.3" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/side-channel-weakmap": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz", + "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==", + "dev": true, + "license": "MIT", + "dependencies": { + "call-bound": "^1.0.2", + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.5", + "object-inspect": "^1.13.3", + "side-channel-map": "^1.0.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/signal-exit": { "version": "3.0.7", "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz", @@ -3523,9 +4034,10 @@ } }, "node_modules/source-map-js": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", - "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", + "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==", + "license": "BSD-3-Clause", "engines": { "node": ">=0.10.0" } @@ -3676,6 +4188,7 @@ "version": "8.1.1", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz", "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==", + "license": "MIT", "peer": true, "dependencies": { "has-flag": "^4.0.0" @@ -3708,13 +4221,14 @@ } }, "node_modules/terser": { - "version": "5.12.0", - "resolved": "https://registry.npmjs.org/terser/-/terser-5.12.0.tgz", - "integrity": "sha512-R3AUhNBGWiFc77HXag+1fXpAxTAFRQTJemlJKjAgD9r8xXTpjNKqIXwHM/o7Rh+O0kUJtS3WQVdBeMKFk5sw9A==", + "version": "5.37.0", + "resolved": "https://registry.npmjs.org/terser/-/terser-5.37.0.tgz", + "integrity": "sha512-B8wRRkmre4ERucLM/uXx4MOV5cbnOlVAqUst+1+iLKPI0dOgFO28f84ptoQt9HEI537PMzfYa/d+GEPKTRXmYA==", + "license": "BSD-2-Clause", "dependencies": { - "acorn": "^8.5.0", + "@jridgewell/source-map": "^0.3.3", + "acorn": "^8.8.2", "commander": "^2.20.0", - "source-map": "~0.7.2", "source-map-support": "~0.5.20" }, "bin": { @@ -3725,16 +4239,88 @@ } }, "node_modules/terser-webpack-plugin": { - "version": "5.3.1", - "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.1.tgz", - "integrity": "sha512-GvlZdT6wPQKbDNW/GDQzZFg/j4vKU96yl2q6mcUkzKOgW4gwf1Z8cZToUCrz31XHlPWH8MVb1r2tFtdDtTGJ7g==", + "version": "5.3.11", + "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.11.tgz", + "integrity": "sha512-RVCsMfuD0+cTt3EwX8hSl2Ks56EbFHWmhluwcqoPKtBnfjiT6olaq7PRIRfhyU8nnC2MrnDrBLfrD/RGE+cVXQ==", + "license": "MIT", "peer": true, "dependencies": { + "@jridgewell/trace-mapping": "^0.3.25", "jest-worker": "^27.4.5", - "schema-utils": "^3.1.1", - "serialize-javascript": "^6.0.0", - "source-map": "^0.6.1", - "terser": "^5.7.2" + "schema-utils": "^4.3.0", + "serialize-javascript": "^6.0.2", + "terser": "^5.31.1" + }, + "engines": { + "node": ">= 10.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "webpack": "^5.1.0" + }, + "peerDependenciesMeta": { + "@swc/core": { + "optional": true + }, + "esbuild": { + "optional": true + }, + "uglify-js": { + "optional": true + } + } + }, + "node_modules/terser-webpack-plugin/node_modules/ajv": { + "version": "8.17.1", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz", + "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==", + "license": "MIT", + "peer": true, + "dependencies": { + "fast-deep-equal": "^3.1.3", + "fast-uri": "^3.0.1", + "json-schema-traverse": "^1.0.0", + "require-from-string": "^2.0.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" + } + }, + "node_modules/terser-webpack-plugin/node_modules/ajv-keywords": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz", + "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==", + "license": "MIT", + "peer": true, + "dependencies": { + "fast-deep-equal": "^3.1.3" + }, + "peerDependencies": { + "ajv": "^8.8.2" + } + }, + "node_modules/terser-webpack-plugin/node_modules/json-schema-traverse": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", + "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==", + "license": "MIT", + "peer": true + }, + "node_modules/terser-webpack-plugin/node_modules/schema-utils": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.0.tgz", + "integrity": "sha512-Gf9qqc58SpCA/xdziiHz35F4GNIWYWZrEshUc/G/r5BnLph6xpKuLeoJoQuj5WfBIx/eQLf+hmVPYHaxJu7V2g==", + "license": "MIT", + "peer": true, + "dependencies": { + "@types/json-schema": "^7.0.9", + "ajv": "^8.9.0", + "ajv-formats": "^2.1.1", + "ajv-keywords": "^5.1.0" }, "engines": { "node": ">= 10.13.0" @@ -3742,28 +4328,6 @@ "funding": { "type": "opencollective", "url": "https://opencollective.com/webpack" - }, - "peerDependencies": { - "webpack": "^5.1.0" - }, - "peerDependenciesMeta": { - "@swc/core": { - "optional": true - }, - "esbuild": { - "optional": true - }, - "uglify-js": { - "optional": true - } - } - }, - "node_modules/terser/node_modules/source-map": { - "version": "0.7.3", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz", - "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==", - "engines": { - "node": ">= 8" } }, "node_modules/thunky": { @@ -3777,6 +4341,7 @@ "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", "dev": true, + "license": "MIT", "dependencies": { "is-number": "^7.0.0" }, @@ -3789,6 +4354,7 @@ "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz", "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==", "dev": true, + "license": "MIT", "engines": { "node": ">=0.6" } @@ -3803,6 +4369,7 @@ "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz", "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==", "dev": true, + "license": "MIT", "dependencies": { "media-typer": "0.3.0", "mime-types": "~2.1.24" @@ -3814,12 +4381,44 @@ "node_modules/unpipe": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", - "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=", + "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==", "dev": true, + "license": "MIT", "engines": { "node": ">= 0.8" } }, + "node_modules/update-browserslist-db": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.2.tgz", + "integrity": "sha512-PPypAm5qvlD7XMZC3BujecnaOxwhrtoFR+Dqkk5Aa/6DssiH0ibKoketaj9w8LP7Bont1rYeoV5plxD7RTEPRg==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "peer": true, + "dependencies": { + "escalade": "^3.2.0", + "picocolors": "^1.1.1" + }, + "bin": { + "update-browserslist-db": "cli.js" + }, + "peerDependencies": { + "browserslist": ">= 4.21.0" + } + }, "node_modules/uri-js": { "version": "4.4.1", "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", @@ -3866,9 +4465,10 @@ } }, "node_modules/watchpack": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.3.1.tgz", - "integrity": "sha512-x0t0JuydIo8qCNctdDrn1OzH/qDzk2+rdCOC3YzumZ42fiMqmQ7T3xQurykYMhYfHaPHTp4ZxAx2NfUo1K6QaA==", + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.2.tgz", + "integrity": "sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==", + "license": "MIT", "peer": true, "dependencies": { "glob-to-regexp": "^0.4.1", @@ -3888,34 +4488,34 @@ } }, "node_modules/webpack": { - "version": "5.69.1", - "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.69.1.tgz", - "integrity": "sha512-+VyvOSJXZMT2V5vLzOnDuMz5GxEqLk7hKWQ56YxPW/PQRUuKimPqmEIJOx8jHYeyo65pKbapbW464mvsKbaj4A==", + "version": "5.97.1", + "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.97.1.tgz", + "integrity": "sha512-EksG6gFY3L1eFMROS/7Wzgrii5mBAFe4rIr3r2BTfo7bcc+DWwFZ4OJ/miOuHJO/A85HwyI4eQ0F6IKXesO7Fg==", + "license": "MIT", "peer": true, "dependencies": { - "@types/eslint-scope": "^3.7.3", - "@types/estree": "^0.0.51", - "@webassemblyjs/ast": "1.11.1", - "@webassemblyjs/wasm-edit": "1.11.1", - "@webassemblyjs/wasm-parser": "1.11.1", - "acorn": "^8.4.1", - "acorn-import-assertions": "^1.7.6", - "browserslist": "^4.14.5", + "@types/eslint-scope": "^3.7.7", + "@types/estree": "^1.0.6", + "@webassemblyjs/ast": "^1.14.1", + "@webassemblyjs/wasm-edit": "^1.14.1", + "@webassemblyjs/wasm-parser": "^1.14.1", + "acorn": "^8.14.0", + "browserslist": "^4.24.0", "chrome-trace-event": "^1.0.2", - "enhanced-resolve": "^5.8.3", - "es-module-lexer": "^0.9.0", + "enhanced-resolve": "^5.17.1", + "es-module-lexer": "^1.2.1", "eslint-scope": "5.1.1", "events": "^3.2.0", "glob-to-regexp": "^0.4.1", - "graceful-fs": "^4.2.9", - "json-parse-better-errors": "^1.0.2", + "graceful-fs": "^4.2.11", + "json-parse-even-better-errors": "^2.3.1", "loader-runner": "^4.2.0", "mime-types": "^2.1.27", "neo-async": "^2.6.2", - "schema-utils": "^3.1.0", + "schema-utils": "^3.2.0", "tapable": "^2.1.1", - "terser-webpack-plugin": "^5.1.3", - "watchpack": "^2.3.1", + "terser-webpack-plugin": "^5.3.10", + "watchpack": "^2.4.1", "webpack-sources": "^3.2.3" }, "bin": { @@ -3987,13 +4587,14 @@ } }, "node_modules/webpack-dev-middleware": { - "version": "5.3.1", - "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.1.tgz", - "integrity": "sha512-81EujCKkyles2wphtdrnPg/QqegC/AtqNH//mQkBYSMqwFVCQrxM6ktB2O/SPlZy7LqeEfTbV3cZARGQz6umhg==", + "version": "5.3.4", + "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.4.tgz", + "integrity": "sha512-BVdTqhhs+0IfoeAf7EoH5WE+exCmqGerHfDM0IL096Px60Tq2Mn9MAbnaGUe6HiMa41KMCYF19gyzZmBcq/o4Q==", "dev": true, + "license": "MIT", "dependencies": { "colorette": "^2.0.10", - "memfs": "^3.4.1", + "memfs": "^3.4.3", "mime-types": "^2.1.31", "range-parser": "^1.2.1", "schema-utils": "^4.0.0" @@ -4240,16 +4841,17 @@ "dev": true }, "node_modules/ws": { - "version": "8.5.0", - "resolved": "https://registry.npmjs.org/ws/-/ws-8.5.0.tgz", - "integrity": "sha512-BWX0SWVgLPzYwF8lTzEy1egjhS4S4OEAHfsO8o65WOVsrnSRGaSiUaa9e0ggGlkMTtBlmOpEXiie9RUcBO86qg==", + "version": "8.18.0", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz", + "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==", "dev": true, + "license": "MIT", "engines": { "node": ">=10.0.0" }, "peerDependencies": { "bufferutil": "^4.0.1", - "utf-8-validate": "^5.0.2" + "utf-8-validate": ">=5.0.2" }, "peerDependenciesMeta": { "bufferutil": { @@ -4259,11 +4861,6 @@ "optional": true } } - }, - "node_modules/yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==" } }, "dependencies": { @@ -4273,6 +4870,49 @@ "integrity": "sha512-ws57AidsDvREKrZKYffXddNkyaF14iHNHm8VQnZH6t99E8gczjNN0GpvcGny0imC80yQ0tHz1xVUKk/KFQSUyA==", "dev": true }, + "@jridgewell/gen-mapping": { + "version": "0.3.8", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz", + "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==", + "requires": { + "@jridgewell/set-array": "^1.2.1", + "@jridgewell/sourcemap-codec": "^1.4.10", + "@jridgewell/trace-mapping": "^0.3.24" + } + }, + "@jridgewell/resolve-uri": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz", + "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==" + }, + "@jridgewell/set-array": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz", + "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==" + }, + "@jridgewell/source-map": { + "version": "0.3.6", + "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.6.tgz", + "integrity": "sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==", + "requires": { + "@jridgewell/gen-mapping": "^0.3.5", + "@jridgewell/trace-mapping": "^0.3.25" + } + }, + "@jridgewell/sourcemap-codec": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz", + "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==" + }, + "@jridgewell/trace-mapping": { + "version": "0.3.25", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz", + "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==", + "requires": { + "@jridgewell/resolve-uri": "^3.1.0", + "@jridgewell/sourcemap-codec": "^1.4.14" + } + }, "@nodelib/fs.scandir": { "version": "2.1.5", "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", @@ -4338,9 +4978,9 @@ } }, "@types/eslint": { - "version": "8.4.1", - "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.4.1.tgz", - "integrity": "sha512-GE44+DNEyxxh2Kc6ro/VkIj+9ma0pO0bwv9+uHSyBrikYOHr8zYcdPvnBOp1aw8s+CjRvuSx7CyWqRrNFQ59mA==", + "version": "9.6.1", + "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-9.6.1.tgz", + "integrity": "sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==", "peer": true, "requires": { "@types/estree": "*", @@ -4348,9 +4988,9 @@ } }, "@types/eslint-scope": { - "version": "3.7.3", - "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.3.tgz", - "integrity": "sha512-PB3ldyrcnAicT35TWPs5IcwKD8S333HMaa2VVv4+wdvebJkjWuW/xESoB8IwRcog8HYVYamb1g/R31Qv5Bx03g==", + "version": "3.7.7", + "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz", + "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==", "peer": true, "requires": { "@types/eslint": "*", @@ -4358,9 +4998,9 @@ } }, "@types/estree": { - "version": "0.0.51", - "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.51.tgz", - "integrity": "sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==", + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz", + "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==", "peer": true }, "@types/express": { @@ -4472,148 +5112,148 @@ } }, "@webassemblyjs/ast": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz", - "integrity": "sha512-ukBh14qFLjxTQNTXocdyksN5QdM28S1CxHt2rdskFyL+xFV7VremuBLVbmCePj+URalXBENx/9Lm7lnhihtCSw==", + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz", + "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==", "peer": true, "requires": { - "@webassemblyjs/helper-numbers": "1.11.1", - "@webassemblyjs/helper-wasm-bytecode": "1.11.1" + "@webassemblyjs/helper-numbers": "1.13.2", + "@webassemblyjs/helper-wasm-bytecode": "1.13.2" } }, "@webassemblyjs/floating-point-hex-parser": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.1.tgz", - "integrity": "sha512-iGRfyc5Bq+NnNuX8b5hwBrRjzf0ocrJPI6GWFodBFzmFnyvrQ83SHKhmilCU/8Jv67i4GJZBMhEzltxzcNagtQ==", + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz", + "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==", "peer": true }, "@webassemblyjs/helper-api-error": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz", - "integrity": "sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==", + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz", + "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==", "peer": true }, "@webassemblyjs/helper-buffer": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.1.tgz", - "integrity": "sha512-gwikF65aDNeeXa8JxXa2BAk+REjSyhrNC9ZwdT0f8jc4dQQeDQ7G4m0f2QCLPJiMTTO6wfDmRmj/pW0PsUvIcA==", + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz", + "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==", "peer": true }, "@webassemblyjs/helper-numbers": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.1.tgz", - "integrity": "sha512-vDkbxiB8zfnPdNK9Rajcey5C0w+QJugEglN0of+kmO8l7lDb77AnlKYQF7aarZuCrv+l0UvqL+68gSDr3k9LPQ==", + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz", + "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==", "peer": true, "requires": { - "@webassemblyjs/floating-point-hex-parser": "1.11.1", - "@webassemblyjs/helper-api-error": "1.11.1", + "@webassemblyjs/floating-point-hex-parser": "1.13.2", + "@webassemblyjs/helper-api-error": "1.13.2", "@xtuc/long": "4.2.2" } }, "@webassemblyjs/helper-wasm-bytecode": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.1.tgz", - "integrity": "sha512-PvpoOGiJwXeTrSf/qfudJhwlvDQxFgelbMqtq52WWiXC6Xgg1IREdngmPN3bs4RoO83PnL/nFrxucXj1+BX62Q==", + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz", + "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==", "peer": true }, "@webassemblyjs/helper-wasm-section": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.1.tgz", - "integrity": "sha512-10P9No29rYX1j7F3EVPX3JvGPQPae+AomuSTPiF9eBQeChHI6iqjMIwR9JmOJXwpnn/oVGDk7I5IlskuMwU/pg==", + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz", + "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==", "peer": true, "requires": { - "@webassemblyjs/ast": "1.11.1", - "@webassemblyjs/helper-buffer": "1.11.1", - "@webassemblyjs/helper-wasm-bytecode": "1.11.1", - "@webassemblyjs/wasm-gen": "1.11.1" + "@webassemblyjs/ast": "1.14.1", + "@webassemblyjs/helper-buffer": "1.14.1", + "@webassemblyjs/helper-wasm-bytecode": "1.13.2", + "@webassemblyjs/wasm-gen": "1.14.1" } }, "@webassemblyjs/ieee754": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.1.tgz", - "integrity": "sha512-hJ87QIPtAMKbFq6CGTkZYJivEwZDbQUgYd3qKSadTNOhVY7p+gfP6Sr0lLRVTaG1JjFj+r3YchoqRYxNH3M0GQ==", + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.13.2.tgz", + "integrity": "sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==", "peer": true, "requires": { "@xtuc/ieee754": "^1.2.0" } }, "@webassemblyjs/leb128": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.1.tgz", - "integrity": "sha512-BJ2P0hNZ0u+Th1YZXJpzW6miwqQUGcIHT1G/sf72gLVD9DZ5AdYTqPNbHZh6K1M5VmKvFXwGSWZADz+qBWxeRw==", + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.13.2.tgz", + "integrity": "sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==", "peer": true, "requires": { "@xtuc/long": "4.2.2" } }, "@webassemblyjs/utf8": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.1.tgz", - "integrity": "sha512-9kqcxAEdMhiwQkHpkNiorZzqpGrodQQ2IGrHHxCy+Ozng0ofyMA0lTqiLkVs1uzTRejX+/O0EOT7KxqVPuXosQ==", + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.13.2.tgz", + "integrity": "sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==", "peer": true }, "@webassemblyjs/wasm-edit": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.1.tgz", - "integrity": "sha512-g+RsupUC1aTHfR8CDgnsVRVZFJqdkFHpsHMfJuWQzWU3tvnLC07UqHICfP+4XyL2tnr1amvl1Sdp06TnYCmVkA==", + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.14.1.tgz", + "integrity": "sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==", "peer": true, "requires": { - "@webassemblyjs/ast": "1.11.1", - "@webassemblyjs/helper-buffer": "1.11.1", - "@webassemblyjs/helper-wasm-bytecode": "1.11.1", - "@webassemblyjs/helper-wasm-section": "1.11.1", - "@webassemblyjs/wasm-gen": "1.11.1", - "@webassemblyjs/wasm-opt": "1.11.1", - "@webassemblyjs/wasm-parser": "1.11.1", - "@webassemblyjs/wast-printer": "1.11.1" + "@webassemblyjs/ast": "1.14.1", + "@webassemblyjs/helper-buffer": "1.14.1", + "@webassemblyjs/helper-wasm-bytecode": "1.13.2", + "@webassemblyjs/helper-wasm-section": "1.14.1", + "@webassemblyjs/wasm-gen": "1.14.1", + "@webassemblyjs/wasm-opt": "1.14.1", + "@webassemblyjs/wasm-parser": "1.14.1", + "@webassemblyjs/wast-printer": "1.14.1" } }, "@webassemblyjs/wasm-gen": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.1.tgz", - "integrity": "sha512-F7QqKXwwNlMmsulj6+O7r4mmtAlCWfO/0HdgOxSklZfQcDu0TpLiD1mRt/zF25Bk59FIjEuGAIyn5ei4yMfLhA==", + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.14.1.tgz", + "integrity": "sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==", "peer": true, "requires": { - "@webassemblyjs/ast": "1.11.1", - "@webassemblyjs/helper-wasm-bytecode": "1.11.1", - "@webassemblyjs/ieee754": "1.11.1", - "@webassemblyjs/leb128": "1.11.1", - "@webassemblyjs/utf8": "1.11.1" + "@webassemblyjs/ast": "1.14.1", + "@webassemblyjs/helper-wasm-bytecode": "1.13.2", + "@webassemblyjs/ieee754": "1.13.2", + "@webassemblyjs/leb128": "1.13.2", + "@webassemblyjs/utf8": "1.13.2" } }, "@webassemblyjs/wasm-opt": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.1.tgz", - "integrity": "sha512-VqnkNqnZlU5EB64pp1l7hdm3hmQw7Vgqa0KF/KCNO9sIpI6Fk6brDEiX+iCOYrvMuBWDws0NkTOxYEb85XQHHw==", + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.14.1.tgz", + "integrity": "sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==", "peer": true, "requires": { - "@webassemblyjs/ast": "1.11.1", - "@webassemblyjs/helper-buffer": "1.11.1", - "@webassemblyjs/wasm-gen": "1.11.1", - "@webassemblyjs/wasm-parser": "1.11.1" + "@webassemblyjs/ast": "1.14.1", + "@webassemblyjs/helper-buffer": "1.14.1", + "@webassemblyjs/wasm-gen": "1.14.1", + "@webassemblyjs/wasm-parser": "1.14.1" } }, "@webassemblyjs/wasm-parser": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.1.tgz", - "integrity": "sha512-rrBujw+dJu32gYB7/Lup6UhdkPx9S9SnobZzRVL7VcBH9Bt9bCBLEuX/YXOOtBsOZ4NQrRykKhffRWHvigQvOA==", + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.14.1.tgz", + "integrity": "sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==", "peer": true, "requires": { - "@webassemblyjs/ast": "1.11.1", - "@webassemblyjs/helper-api-error": "1.11.1", - "@webassemblyjs/helper-wasm-bytecode": "1.11.1", - "@webassemblyjs/ieee754": "1.11.1", - "@webassemblyjs/leb128": "1.11.1", - "@webassemblyjs/utf8": "1.11.1" + "@webassemblyjs/ast": "1.14.1", + "@webassemblyjs/helper-api-error": "1.13.2", + "@webassemblyjs/helper-wasm-bytecode": "1.13.2", + "@webassemblyjs/ieee754": "1.13.2", + "@webassemblyjs/leb128": "1.13.2", + "@webassemblyjs/utf8": "1.13.2" } }, "@webassemblyjs/wast-printer": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.1.tgz", - "integrity": "sha512-IQboUWM4eKzWW+N/jij2sRatKMh99QEelo3Eb2q0qXkvPRISAj8Qxtmw5itwqK+TTkBuUIE45AxYPToqPtL5gg==", + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.14.1.tgz", + "integrity": "sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==", "peer": true, "requires": { - "@webassemblyjs/ast": "1.11.1", + "@webassemblyjs/ast": "1.14.1", "@xtuc/long": "4.2.2" } }, @@ -4663,16 +5303,9 @@ } }, "acorn": { - "version": "8.7.0", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.7.0.tgz", - "integrity": "sha512-V/LGr1APy+PXIwKebEWrkZPwoeoF+w1jiOBUmuxuiUIaOHtob8Qc9BTrYo7VuI5fR8tqsy+buA2WFooR5olqvQ==" - }, - "acorn-import-assertions": { - "version": "1.8.0", - "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz", - "integrity": "sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==", - "peer": true, - "requires": {} + "version": "8.14.0", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz", + "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==" }, "aggregate-error": { "version": "3.1.0", @@ -4700,7 +5333,6 @@ "version": "2.1.1", "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz", "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==", - "dev": true, "requires": { "ajv": "^8.0.0" }, @@ -4709,7 +5341,6 @@ "version": "8.10.0", "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.10.0.tgz", "integrity": "sha512-bzqAEZOjkrUMl2afH8dknrq5KEk2SrwdBROR+vH1EKVQTqaUbJVPdc/gEdggTMM0Se+s+Ja4ju4TlNcStKl2Hw==", - "dev": true, "requires": { "fast-deep-equal": "^3.1.1", "json-schema-traverse": "^1.0.0", @@ -4720,8 +5351,7 @@ "json-schema-traverse": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", - "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==", - "dev": true + "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==" } } }, @@ -4767,9 +5397,9 @@ "dev": true }, "async": { - "version": "2.6.3", - "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz", - "integrity": "sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==", + "version": "2.6.4", + "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz", + "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==", "dev": true, "requires": { "lodash": "^4.17.14" @@ -4794,21 +5424,23 @@ "dev": true }, "body-parser": { - "version": "1.19.2", - "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.19.2.tgz", - "integrity": "sha512-SAAwOxgoCKMGs9uUAUFHygfLAyaniaoun6I8mFY9pRAJL9+Kec34aU+oIjDhTycub1jozEfEwx1W1IuOYxVSFw==", + "version": "1.20.3", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz", + "integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==", "dev": true, "requires": { "bytes": "3.1.2", - "content-type": "~1.0.4", + "content-type": "~1.0.5", "debug": "2.6.9", - "depd": "~1.1.2", - "http-errors": "1.8.1", + "depd": "2.0.0", + "destroy": "1.2.0", + "http-errors": "2.0.0", "iconv-lite": "0.4.24", - "on-finished": "~2.3.0", - "qs": "6.9.7", - "raw-body": "2.4.3", - "type-is": "~1.6.18" + "on-finished": "2.4.1", + "qs": "6.13.0", + "raw-body": "2.5.2", + "type-is": "~1.6.18", + "unpipe": "1.0.0" }, "dependencies": { "bytes": { @@ -4816,6 +5448,12 @@ "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz", "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==", "dev": true + }, + "depd": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz", + "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==", + "dev": true } } }, @@ -4849,25 +5487,24 @@ } }, "braces": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", - "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", "dev": true, "requires": { - "fill-range": "^7.0.1" + "fill-range": "^7.1.1" } }, "browserslist": { - "version": "4.19.3", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.19.3.tgz", - "integrity": "sha512-XK3X4xtKJ+Txj8G5c30B4gsm71s69lqXlkYui4s6EkKxuv49qjYlY6oVd+IFJ73d4YymtM3+djvvt/R/iJwwDg==", + "version": "4.24.4", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.4.tgz", + "integrity": "sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==", "peer": true, "requires": { - "caniuse-lite": "^1.0.30001312", - "electron-to-chromium": "^1.4.71", - "escalade": "^3.1.1", - "node-releases": "^2.0.2", - "picocolors": "^1.0.0" + "caniuse-lite": "^1.0.30001688", + "electron-to-chromium": "^1.5.73", + "node-releases": "^2.0.19", + "update-browserslist-db": "^1.1.1" } }, "buffer-from": { @@ -4897,6 +5534,26 @@ "get-intrinsic": "^1.0.2" } }, + "call-bind-apply-helpers": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.1.tgz", + "integrity": "sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==", + "dev": true, + "requires": { + "es-errors": "^1.3.0", + "function-bind": "^1.1.2" + } + }, + "call-bound": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.3.tgz", + "integrity": "sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==", + "dev": true, + "requires": { + "call-bind-apply-helpers": "^1.0.1", + "get-intrinsic": "^1.2.6" + } + }, "camel-case": { "version": "4.1.2", "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz", @@ -4907,9 +5564,9 @@ } }, "caniuse-lite": { - "version": "1.0.30001312", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001312.tgz", - "integrity": "sha512-Wiz1Psk2MEK0pX3rUzWaunLTZzqS2JYZFzNKqAiJGiuxIjRPLgV6+VDPOg6lQOUxmDwhTlh198JsTTi8Hzw6aQ==", + "version": "1.0.30001692", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001692.tgz", + "integrity": "sha512-A95VKan0kdtrsnMubMKxEKUKImOPSuCpYgxSQBo036P5YYgVIcOYJEgt/txJWqObiRQeISNCfef9nvlQ0vbV7A==", "peer": true }, "chokidar": { @@ -5024,15 +5681,15 @@ } }, "content-type": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz", - "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==", + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz", + "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==", "dev": true }, "cookie": { - "version": "0.4.2", - "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.2.tgz", - "integrity": "sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA==", + "version": "0.7.1", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz", + "integrity": "sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==", "dev": true }, "cookie-signature": { @@ -5048,9 +5705,9 @@ "dev": true }, "cross-spawn": { - "version": "7.0.3", - "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", - "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", + "version": "7.0.6", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz", + "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==", "dev": true, "requires": { "path-key": "^3.1.0", @@ -5165,9 +5822,9 @@ "dev": true }, "destroy": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz", - "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=", + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz", + "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==", "dev": true }, "detect-node": { @@ -5260,28 +5917,39 @@ "tslib": "^2.0.3" } }, + "dunder-proto": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz", + "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==", + "dev": true, + "requires": { + "call-bind-apply-helpers": "^1.0.1", + "es-errors": "^1.3.0", + "gopd": "^1.2.0" + } + }, "ee-first": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", - "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=", + "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==", "dev": true }, "electron-to-chromium": { - "version": "1.4.75", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.75.tgz", - "integrity": "sha512-LxgUNeu3BVU7sXaKjUDD9xivocQLxFtq6wgERrutdY/yIOps3ODOZExK1jg8DTEg4U8TUCb5MLGeWFOYuxjF3Q==", + "version": "1.5.83", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.83.tgz", + "integrity": "sha512-LcUDPqSt+V0QmI47XLzZrz5OqILSMGsPFkDYus22rIbgorSvBYEFqq854ltTmUdHkY92FSdAAvsh4jWEULMdfQ==", "peer": true }, "encodeurl": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", - "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz", + "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==", "dev": true }, "enhanced-resolve": { - "version": "5.9.1", - "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.9.1.tgz", - "integrity": "sha512-jdyZMwCQ5Oj4c5+BTnkxPgDZO/BJzh/ADDmKebayyzNwjVX1AFCeGkOfxNx0mHi2+8BKC5VxUYiw3TIvoT7vhw==", + "version": "5.18.0", + "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.0.tgz", + "integrity": "sha512-0/r0MySGYG8YqlayBZ6MuCfECmHFdJ5qyPh8s8wa5Hnm6SaFLSK1VYCbj+NKp090Nm1caZhD+QTnmxO7esYGyQ==", "peer": true, "requires": { "graceful-fs": "^4.2.4", @@ -5299,16 +5967,37 @@ "integrity": "sha512-/o+BXHmB7ocbHEAs6F2EnG0ogybVVUdkRunTT2glZU9XAaGmhqskrvKwqXuDfNjEO0LZKWdejEEpnq8aM0tOaw==", "dev": true }, + "es-define-property": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz", + "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==", + "dev": true + }, + "es-errors": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz", + "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==", + "dev": true + }, "es-module-lexer": { - "version": "0.9.3", - "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.9.3.tgz", - "integrity": "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==", + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.6.0.tgz", + "integrity": "sha512-qqnD1yMU6tk/jnaMosogGySTZP8YtUgAffA9nMN+E/rjxcfRQ6IEk7IiozUjgxKoFHBGjTLnrHB/YC45r/59EQ==", "peer": true }, + "es-object-atoms": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz", + "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==", + "dev": true, + "requires": { + "es-errors": "^1.3.0" + } + }, "escalade": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz", - "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==", + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz", + "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==", "peer": true }, "escape-html": { @@ -5353,7 +6042,7 @@ "etag": { "version": "1.8.1", "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", - "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=", + "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==", "dev": true }, "eventemitter3": { @@ -5386,38 +6075,39 @@ } }, "express": { - "version": "4.17.3", - "resolved": "https://registry.npmjs.org/express/-/express-4.17.3.tgz", - "integrity": "sha512-yuSQpz5I+Ch7gFrPCk4/c+dIBKlQUxtgwqzph132bsT6qhuzss6I8cLJQz7B3rFblzd6wtcI0ZbGltH/C4LjUg==", + "version": "4.21.2", + "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz", + "integrity": "sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==", "dev": true, "requires": { "accepts": "~1.3.8", "array-flatten": "1.1.1", - "body-parser": "1.19.2", + "body-parser": "1.20.3", "content-disposition": "0.5.4", "content-type": "~1.0.4", - "cookie": "0.4.2", + "cookie": "0.7.1", "cookie-signature": "1.0.6", "debug": "2.6.9", - "depd": "~1.1.2", - "encodeurl": "~1.0.2", + "depd": "2.0.0", + "encodeurl": "~2.0.0", "escape-html": "~1.0.3", "etag": "~1.8.1", - "finalhandler": "~1.1.2", + "finalhandler": "1.3.1", "fresh": "0.5.2", - "merge-descriptors": "1.0.1", + "http-errors": "2.0.0", + "merge-descriptors": "1.0.3", "methods": "~1.1.2", - "on-finished": "~2.3.0", + "on-finished": "2.4.1", "parseurl": "~1.3.3", - "path-to-regexp": "0.1.7", + "path-to-regexp": "0.1.12", "proxy-addr": "~2.0.7", - "qs": "6.9.7", + "qs": "6.13.0", "range-parser": "~1.2.1", "safe-buffer": "5.2.1", - "send": "0.17.2", - "serve-static": "1.14.2", + "send": "0.19.0", + "serve-static": "1.16.2", "setprototypeof": "1.2.0", - "statuses": "~1.5.0", + "statuses": "2.0.1", "type-is": "~1.6.18", "utils-merge": "1.0.1", "vary": "~1.1.2" @@ -5428,6 +6118,18 @@ "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=", "dev": true + }, + "depd": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz", + "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==", + "dev": true + }, + "statuses": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", + "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==", + "dev": true } } }, @@ -5455,6 +6157,12 @@ "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==", "peer": true }, + "fast-uri": { + "version": "3.0.5", + "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.0.5.tgz", + "integrity": "sha512-5JnBCWpFlMo0a3ciDy/JckMzzv1U9coZrIhedq+HXxxUfDTAiS0LA8OKVao4G9BxmCVck/jtA5r3KAtRWEyD8Q==", + "peer": true + }, "fastest-levenshtein": { "version": "1.0.12", "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz", @@ -5480,27 +6188,35 @@ } }, "fill-range": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", - "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", "dev": true, "requires": { "to-regex-range": "^5.0.1" } }, "finalhandler": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz", - "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==", + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz", + "integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==", "dev": true, "requires": { "debug": "2.6.9", - "encodeurl": "~1.0.2", + "encodeurl": "~2.0.0", "escape-html": "~1.0.3", - "on-finished": "~2.3.0", + "on-finished": "2.4.1", "parseurl": "~1.3.3", - "statuses": "~1.5.0", + "statuses": "2.0.1", "unpipe": "~1.0.0" + }, + "dependencies": { + "statuses": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", + "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==", + "dev": true + } } }, "find-up": { @@ -5514,9 +6230,9 @@ } }, "follow-redirects": { - "version": "1.14.9", - "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.9.tgz", - "integrity": "sha512-MQDfihBQYMcyy5dhRDJUHcw7lb2Pv/TuE6xP1vyraLukNDHKbDxDNaOE3NbCAdKQApno+GPRyo1YAp89yCjK4w==", + "version": "1.15.9", + "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz", + "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==", "dev": true }, "forwarded": { @@ -5528,13 +6244,13 @@ "fresh": { "version": "0.5.2", "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", - "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=", + "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==", "dev": true }, "fs-monkey": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.3.tgz", - "integrity": "sha512-cybjIfiiE+pTWicSCLFHSrXZ6EilF30oh91FDP9S2B051prEa7QWfrVTQm10/dDpswBDXZugPa1Ogu8Yh+HV0Q==", + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.6.tgz", + "integrity": "sha512-b1FMfwetIKymC0eioW7mTywihSQE4oLzQn1dB6rZB5fx/3NpNEdAWeCSMB+60/AeT0TCXsxzAlcYVEFCTAksWg==", "dev": true }, "fs.realpath": { @@ -5551,20 +6267,37 @@ "optional": true }, "function-bind": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", - "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", + "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==", "dev": true }, "get-intrinsic": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.1.tgz", - "integrity": "sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==", + "version": "1.2.7", + "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.7.tgz", + "integrity": "sha512-VW6Pxhsrk0KAOqs3WEd0klDiF/+V7gQOpAvY1jVU/LHmaD/kQO4523aiJuikX/QAKYiW6x8Jh+RJej1almdtCA==", "dev": true, "requires": { - "function-bind": "^1.1.1", - "has": "^1.0.3", - "has-symbols": "^1.0.1" + "call-bind-apply-helpers": "^1.0.1", + "es-define-property": "^1.0.1", + "es-errors": "^1.3.0", + "es-object-atoms": "^1.0.0", + "function-bind": "^1.1.2", + "get-proto": "^1.0.0", + "gopd": "^1.2.0", + "has-symbols": "^1.1.0", + "hasown": "^2.0.2", + "math-intrinsics": "^1.1.0" + } + }, + "get-proto": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz", + "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==", + "dev": true, + "requires": { + "dunder-proto": "^1.0.1", + "es-object-atoms": "^1.0.0" } }, "get-stream": { @@ -5616,10 +6349,16 @@ "slash": "^3.0.0" } }, + "gopd": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz", + "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==", + "dev": true + }, "graceful-fs": { - "version": "4.2.9", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz", - "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ==" + "version": "4.2.11", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", + "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==" }, "handle-thing": { "version": "2.0.1", @@ -5643,9 +6382,9 @@ "peer": true }, "has-symbols": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz", - "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz", + "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==", "dev": true }, "has-tostringtag": { @@ -5657,6 +6396,15 @@ "has-symbols": "^1.0.2" } }, + "hasown": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz", + "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==", + "dev": true, + "requires": { + "function-bind": "^1.1.2" + } + }, "he": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz", @@ -5763,16 +6511,30 @@ "dev": true }, "http-errors": { - "version": "1.8.1", - "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.8.1.tgz", - "integrity": "sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz", + "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==", "dev": true, "requires": { - "depd": "~1.1.2", + "depd": "2.0.0", "inherits": "2.0.4", "setprototypeof": "1.2.0", - "statuses": ">= 1.5.0 < 2", + "statuses": "2.0.1", "toidentifier": "1.0.1" + }, + "dependencies": { + "depd": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz", + "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==", + "dev": true + }, + "statuses": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", + "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==", + "dev": true + } } }, "http-parser-js": { @@ -5793,9 +6555,9 @@ } }, "http-proxy-middleware": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.3.tgz", - "integrity": "sha512-1bloEwnrHMnCoO/Gcwbz7eSVvW50KPES01PecpagI+YLNLci4AcuKJrujW4Mc3sBLpFxMSlsLNHS5Nl/lvrTPA==", + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.7.tgz", + "integrity": "sha512-fgVY8AV7qU7z/MmXJ/rxwbrtQH4jBQ9m7kp3llF0liB7glmFeVZFBepQb32T3y8n8k2+AEYuMPCpinYW+/CuRA==", "dev": true, "requires": { "@types/http-proxy": "^1.17.8", @@ -5871,9 +6633,9 @@ "dev": true }, "ip": { - "version": "1.1.5", - "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.5.tgz", - "integrity": "sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo=", + "version": "1.1.9", + "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.9.tgz", + "integrity": "sha512-cyRxvOEpNHNtchU3Ln9KC/auJgup87llfQpQ+t5ghoC/UhL16SWzbueiCsdTnWmqAWl7LadfuwhlqmtOaqMHdQ==", "dev": true }, "ipaddr.js": { @@ -6027,10 +6789,10 @@ "supports-color": "^8.0.0" } }, - "json-parse-better-errors": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz", - "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==", + "json-parse-even-better-errors": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz", + "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==", "peer": true }, "json-schema-traverse": { @@ -6073,33 +6835,31 @@ "tslib": "^2.0.3" } }, - "lru-cache": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", - "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "requires": { - "yallist": "^4.0.0" - } + "math-intrinsics": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz", + "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==", + "dev": true }, "media-typer": { "version": "0.3.0", "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", - "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=", + "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==", "dev": true }, "memfs": { - "version": "3.4.1", - "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.4.1.tgz", - "integrity": "sha512-1c9VPVvW5P7I85c35zAdEr1TD5+F11IToIHIlrVIcflfnzPkJa0ZoYEoEdYDP8KgPFoSZ/opDrUsAoZWym3mtw==", + "version": "3.5.3", + "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.5.3.tgz", + "integrity": "sha512-UERzLsxzllchadvbPs5aolHh65ISpKpM+ccLbOJ8/vvpBKmAWf+la7dXFy7Mr0ySHbdHrFv5kGFCUHHe6GFEmw==", "dev": true, "requires": { - "fs-monkey": "1.0.3" + "fs-monkey": "^1.0.4" } }, "merge-descriptors": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", - "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz", + "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==", "dev": true }, "merge-stream": { @@ -6120,13 +6880,13 @@ "dev": true }, "micromatch": { - "version": "4.0.4", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.4.tgz", - "integrity": "sha512-pRmzw/XUcwXGpD9aI9q/0XOwLNygjETJ8y0ao0wdqprrzDa4YnxLcz7fQRZr8voh8V10kGhABbNcHVk5wHgWwg==", + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", + "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", "dev": true, "requires": { - "braces": "^3.0.1", - "picomatch": "^2.2.3" + "braces": "^3.0.3", + "picomatch": "^2.3.1" } }, "mime": { @@ -6170,9 +6930,9 @@ } }, "minimist": { - "version": "1.2.5", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz", - "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==", + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz", + "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==", "dev": true }, "mkdirp": { @@ -6207,9 +6967,9 @@ "dev": true }, "nanoid": { - "version": "3.3.1", - "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.1.tgz", - "integrity": "sha512-n6Vs/3KGyxPQd6uO0eH4Bv0ojGSUvuLlIHtC3Y0kEO23YRge8H9x1GCzLn28YX0H66pMkxuaeESFq4tKISKwdw==" + "version": "3.3.8", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz", + "integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==" }, "negotiator": { "version": "0.6.3", @@ -6233,15 +6993,15 @@ } }, "node-forge": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.2.1.tgz", - "integrity": "sha512-Fcvtbb+zBcZXbTTVwqGA5W+MKBj56UjVRevvchv5XrcyXbmNdesfZL37nlcWOfpgHhgmxApw3tQbTr4CqNmX4w==", + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz", + "integrity": "sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==", "dev": true }, "node-releases": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.2.tgz", - "integrity": "sha512-XxYDdcQ6eKqp/YjI+tb2C5WM2LgjnZrfYg4vgQt49EK268b6gYCHsBLrK2qvJo4FmCtqmKezb0WZFK4fkrZNsg==", + "version": "2.0.19", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz", + "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==", "peer": true }, "normalize-path": { @@ -6267,6 +7027,12 @@ "boolbase": "^1.0.0" } }, + "object-inspect": { + "version": "1.13.3", + "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.3.tgz", + "integrity": "sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==", + "dev": true + }, "object-is": { "version": "1.1.5", "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz", @@ -6290,9 +7056,9 @@ "dev": true }, "on-finished": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", - "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=", + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz", + "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==", "dev": true, "requires": { "ee-first": "1.1.1" @@ -6425,9 +7191,9 @@ "dev": true }, "path-to-regexp": { - "version": "0.1.7", - "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz", - "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=", + "version": "0.1.12", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz", + "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==", "dev": true }, "path-type": { @@ -6437,9 +7203,9 @@ "dev": true }, "picocolors": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", - "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==" + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", + "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==" }, "picomatch": { "version": "2.3.1", @@ -6485,13 +7251,13 @@ } }, "postcss": { - "version": "8.4.7", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.7.tgz", - "integrity": "sha512-L9Ye3r6hkkCeOETQX6iOaWZgjp3LL6Lpqm6EtgbKrgqGGteRMNb9vzBfRL96YOSu8o7x3MfIH9Mo5cPJFGrW6A==", + "version": "8.5.1", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.1.tgz", + "integrity": "sha512-6oz2beyjc5VMn/KV1pPw8fliQkhBXrVn1Z3TVyqZxU8kZpzEKhBdmCFqI6ZbmGtamQvQGuU1sgPTk8ZrXDD7jQ==", "requires": { - "nanoid": "^3.3.1", - "picocolors": "^1.0.0", - "source-map-js": "^1.0.2" + "nanoid": "^3.3.8", + "picocolors": "^1.1.1", + "source-map-js": "^1.2.1" } }, "postcss-modules-extract-imports": { @@ -6579,10 +7345,13 @@ "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==" }, "qs": { - "version": "6.9.7", - "resolved": "https://registry.npmjs.org/qs/-/qs-6.9.7.tgz", - "integrity": "sha512-IhMFgUmuNpyRfxA90umL7ByLlgRXu6tIfKPpF5TmcfRLlLCckfP/g3IQmju6jjpu+Hh8rA+2p6A27ZSPOOHdKw==", - "dev": true + "version": "6.13.0", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz", + "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==", + "dev": true, + "requires": { + "side-channel": "^1.0.6" + } }, "queue-microtask": { "version": "1.2.3", @@ -6606,13 +7375,13 @@ "dev": true }, "raw-body": { - "version": "2.4.3", - "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.4.3.tgz", - "integrity": "sha512-UlTNLIcu0uzb4D2f4WltY6cVjLi+/jEN4lgEUj3E04tpMDpUlkBo/eSn6zou9hum2VMNpCCUone0O0WeJim07g==", + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz", + "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==", "dev": true, "requires": { "bytes": "3.1.2", - "http-errors": "1.8.1", + "http-errors": "2.0.0", "iconv-lite": "0.4.24", "unpipe": "1.0.0" }, @@ -6699,8 +7468,7 @@ "require-from-string": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz", - "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==", - "dev": true + "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==" }, "requires-port": { "version": "1.0.0", @@ -6776,9 +7544,9 @@ "dev": true }, "schema-utils": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz", - "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==", + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz", + "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==", "peer": true, "requires": { "@types/json-schema": "^7.0.8", @@ -6802,46 +7570,61 @@ } }, "semver": { - "version": "7.3.5", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz", - "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==", - "requires": { - "lru-cache": "^6.0.0" - } + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz", + "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==" }, "send": { - "version": "0.17.2", - "resolved": "https://registry.npmjs.org/send/-/send-0.17.2.tgz", - "integrity": "sha512-UJYB6wFSJE3G00nEivR5rgWp8c2xXvJ3OPWPhmuteU0IKj8nKbG3DrjiOmLwpnHGYWAVwA69zmTm++YG0Hmwww==", + "version": "0.19.0", + "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz", + "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==", "dev": true, "requires": { "debug": "2.6.9", - "depd": "~1.1.2", - "destroy": "~1.0.4", + "depd": "2.0.0", + "destroy": "1.2.0", "encodeurl": "~1.0.2", "escape-html": "~1.0.3", "etag": "~1.8.1", "fresh": "0.5.2", - "http-errors": "1.8.1", + "http-errors": "2.0.0", "mime": "1.6.0", "ms": "2.1.3", - "on-finished": "~2.3.0", + "on-finished": "2.4.1", "range-parser": "~1.2.1", - "statuses": "~1.5.0" + "statuses": "2.0.1" }, "dependencies": { + "depd": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz", + "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==", + "dev": true + }, + "encodeurl": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", + "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==", + "dev": true + }, "ms": { "version": "2.1.3", "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==", "dev": true + }, + "statuses": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", + "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==", + "dev": true } } }, "serialize-javascript": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.0.tgz", - "integrity": "sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==", + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz", + "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==", "peer": true, "requires": { "randombytes": "^2.1.0" @@ -6889,15 +7672,15 @@ } }, "serve-static": { - "version": "1.14.2", - "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.14.2.tgz", - "integrity": "sha512-+TMNA9AFxUEGuC0z2mevogSnn9MXKb4fa7ngeRMJaaGv8vTwnIEkKi+QGvPt33HSnf8pRS+WGM0EbMtCJLKMBQ==", + "version": "1.16.2", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz", + "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==", "dev": true, "requires": { - "encodeurl": "~1.0.2", + "encodeurl": "~2.0.0", "escape-html": "~1.0.3", "parseurl": "~1.3.3", - "send": "0.17.2" + "send": "0.19.0" } }, "setprototypeof": { @@ -6930,6 +7713,54 @@ "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", "dev": true }, + "side-channel": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz", + "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==", + "dev": true, + "requires": { + "es-errors": "^1.3.0", + "object-inspect": "^1.13.3", + "side-channel-list": "^1.0.0", + "side-channel-map": "^1.0.1", + "side-channel-weakmap": "^1.0.2" + } + }, + "side-channel-list": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz", + "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==", + "dev": true, + "requires": { + "es-errors": "^1.3.0", + "object-inspect": "^1.13.3" + } + }, + "side-channel-map": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz", + "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==", + "dev": true, + "requires": { + "call-bound": "^1.0.2", + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.5", + "object-inspect": "^1.13.3" + } + }, + "side-channel-weakmap": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz", + "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==", + "dev": true, + "requires": { + "call-bound": "^1.0.2", + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.5", + "object-inspect": "^1.13.3", + "side-channel-map": "^1.0.1" + } + }, "signal-exit": { "version": "3.0.7", "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz", @@ -6959,9 +7790,9 @@ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" }, "source-map-js": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", - "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==" + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", + "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==" }, "source-map-support": { "version": "0.5.21", @@ -7090,34 +7921,68 @@ "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==" }, "terser": { - "version": "5.12.0", - "resolved": "https://registry.npmjs.org/terser/-/terser-5.12.0.tgz", - "integrity": "sha512-R3AUhNBGWiFc77HXag+1fXpAxTAFRQTJemlJKjAgD9r8xXTpjNKqIXwHM/o7Rh+O0kUJtS3WQVdBeMKFk5sw9A==", + "version": "5.37.0", + "resolved": "https://registry.npmjs.org/terser/-/terser-5.37.0.tgz", + "integrity": "sha512-B8wRRkmre4ERucLM/uXx4MOV5cbnOlVAqUst+1+iLKPI0dOgFO28f84ptoQt9HEI537PMzfYa/d+GEPKTRXmYA==", "requires": { - "acorn": "^8.5.0", + "@jridgewell/source-map": "^0.3.3", + "acorn": "^8.8.2", "commander": "^2.20.0", - "source-map": "~0.7.2", "source-map-support": "~0.5.20" - }, - "dependencies": { - "source-map": { - "version": "0.7.3", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz", - "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==" - } } }, "terser-webpack-plugin": { - "version": "5.3.1", - "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.1.tgz", - "integrity": "sha512-GvlZdT6wPQKbDNW/GDQzZFg/j4vKU96yl2q6mcUkzKOgW4gwf1Z8cZToUCrz31XHlPWH8MVb1r2tFtdDtTGJ7g==", + "version": "5.3.11", + "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.11.tgz", + "integrity": "sha512-RVCsMfuD0+cTt3EwX8hSl2Ks56EbFHWmhluwcqoPKtBnfjiT6olaq7PRIRfhyU8nnC2MrnDrBLfrD/RGE+cVXQ==", "peer": true, "requires": { + "@jridgewell/trace-mapping": "^0.3.25", "jest-worker": "^27.4.5", - "schema-utils": "^3.1.1", - "serialize-javascript": "^6.0.0", - "source-map": "^0.6.1", - "terser": "^5.7.2" + "schema-utils": "^4.3.0", + "serialize-javascript": "^6.0.2", + "terser": "^5.31.1" + }, + "dependencies": { + "ajv": { + "version": "8.17.1", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz", + "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==", + "peer": true, + "requires": { + "fast-deep-equal": "^3.1.3", + "fast-uri": "^3.0.1", + "json-schema-traverse": "^1.0.0", + "require-from-string": "^2.0.2" + } + }, + "ajv-keywords": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz", + "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==", + "peer": true, + "requires": { + "fast-deep-equal": "^3.1.3" + } + }, + "json-schema-traverse": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", + "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==", + "peer": true + }, + "schema-utils": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.0.tgz", + "integrity": "sha512-Gf9qqc58SpCA/xdziiHz35F4GNIWYWZrEshUc/G/r5BnLph6xpKuLeoJoQuj5WfBIx/eQLf+hmVPYHaxJu7V2g==", + "peer": true, + "requires": { + "@types/json-schema": "^7.0.9", + "ajv": "^8.9.0", + "ajv-formats": "^2.1.1", + "ajv-keywords": "^5.1.0" + } + } } }, "thunky": { @@ -7159,9 +8024,19 @@ "unpipe": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", - "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=", + "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==", "dev": true }, + "update-browserslist-db": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.2.tgz", + "integrity": "sha512-PPypAm5qvlD7XMZC3BujecnaOxwhrtoFR+Dqkk5Aa/6DssiH0ibKoketaj9w8LP7Bont1rYeoV5plxD7RTEPRg==", + "peer": true, + "requires": { + "escalade": "^3.2.0", + "picocolors": "^1.1.1" + } + }, "uri-js": { "version": "4.4.1", "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", @@ -7199,9 +8074,9 @@ "dev": true }, "watchpack": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.3.1.tgz", - "integrity": "sha512-x0t0JuydIo8qCNctdDrn1OzH/qDzk2+rdCOC3YzumZ42fiMqmQ7T3xQurykYMhYfHaPHTp4ZxAx2NfUo1K6QaA==", + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.2.tgz", + "integrity": "sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==", "peer": true, "requires": { "glob-to-regexp": "^0.4.1", @@ -7218,34 +8093,33 @@ } }, "webpack": { - "version": "5.69.1", - "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.69.1.tgz", - "integrity": "sha512-+VyvOSJXZMT2V5vLzOnDuMz5GxEqLk7hKWQ56YxPW/PQRUuKimPqmEIJOx8jHYeyo65pKbapbW464mvsKbaj4A==", + "version": "5.97.1", + "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.97.1.tgz", + "integrity": "sha512-EksG6gFY3L1eFMROS/7Wzgrii5mBAFe4rIr3r2BTfo7bcc+DWwFZ4OJ/miOuHJO/A85HwyI4eQ0F6IKXesO7Fg==", "peer": true, "requires": { - "@types/eslint-scope": "^3.7.3", - "@types/estree": "^0.0.51", - "@webassemblyjs/ast": "1.11.1", - "@webassemblyjs/wasm-edit": "1.11.1", - "@webassemblyjs/wasm-parser": "1.11.1", - "acorn": "^8.4.1", - "acorn-import-assertions": "^1.7.6", - "browserslist": "^4.14.5", + "@types/eslint-scope": "^3.7.7", + "@types/estree": "^1.0.6", + "@webassemblyjs/ast": "^1.14.1", + "@webassemblyjs/wasm-edit": "^1.14.1", + "@webassemblyjs/wasm-parser": "^1.14.1", + "acorn": "^8.14.0", + "browserslist": "^4.24.0", "chrome-trace-event": "^1.0.2", - "enhanced-resolve": "^5.8.3", - "es-module-lexer": "^0.9.0", + "enhanced-resolve": "^5.17.1", + "es-module-lexer": "^1.2.1", "eslint-scope": "5.1.1", "events": "^3.2.0", "glob-to-regexp": "^0.4.1", - "graceful-fs": "^4.2.9", - "json-parse-better-errors": "^1.0.2", + "graceful-fs": "^4.2.11", + "json-parse-even-better-errors": "^2.3.1", "loader-runner": "^4.2.0", "mime-types": "^2.1.27", "neo-async": "^2.6.2", - "schema-utils": "^3.1.0", + "schema-utils": "^3.2.0", "tapable": "^2.1.1", - "terser-webpack-plugin": "^5.1.3", - "watchpack": "^2.3.1", + "terser-webpack-plugin": "^5.3.10", + "watchpack": "^2.4.1", "webpack-sources": "^3.2.3" } }, @@ -7278,13 +8152,13 @@ } }, "webpack-dev-middleware": { - "version": "5.3.1", - "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.1.tgz", - "integrity": "sha512-81EujCKkyles2wphtdrnPg/QqegC/AtqNH//mQkBYSMqwFVCQrxM6ktB2O/SPlZy7LqeEfTbV3cZARGQz6umhg==", + "version": "5.3.4", + "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.4.tgz", + "integrity": "sha512-BVdTqhhs+0IfoeAf7EoH5WE+exCmqGerHfDM0IL096Px60Tq2Mn9MAbnaGUe6HiMa41KMCYF19gyzZmBcq/o4Q==", "dev": true, "requires": { "colorette": "^2.0.10", - "memfs": "^3.4.1", + "memfs": "^3.4.3", "mime-types": "^2.1.31", "range-parser": "^1.2.1", "schema-utils": "^4.0.0" @@ -7465,16 +8339,11 @@ "dev": true }, "ws": { - "version": "8.5.0", - "resolved": "https://registry.npmjs.org/ws/-/ws-8.5.0.tgz", - "integrity": "sha512-BWX0SWVgLPzYwF8lTzEy1egjhS4S4OEAHfsO8o65WOVsrnSRGaSiUaa9e0ggGlkMTtBlmOpEXiie9RUcBO86qg==", + "version": "8.18.0", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz", + "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==", "dev": true, "requires": {} - }, - "yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==" } } } diff --git a/src/assets/css/style.css b/src/assets/css/style.css new file mode 100644 index 0000000..50e9e5c --- /dev/null +++ b/src/assets/css/style.css @@ -0,0 +1,15925 @@ +@charset "UTF-8"; +.container { + width: calc(100% - 2 * var(--component-padding)); + margin-left: auto; + margin-right: auto; +} + +.grid, .flex, .inline-flex, +[class^=flex\@], [class*=" flex@"], +[class^=inline-flex\@], [class*=" inline-flex@"] { + --gap: 0px; + --gap-x: var(--gap); + --gap-y: var(--gap); + gap: var(--gap-y) var(--gap-x); +} +.grid > *, .flex > *, .inline-flex > *, +[class^=flex\@] > *, [class*=" flex@"] > *, +[class^=inline-flex\@] > *, [class*=" inline-flex@"] > * { + --sub-gap: 0px; + --sub-gap-x: var(--sub-gap); + --sub-gap-y: var(--sub-gap); +} + +.grid { + --grid-columns: 12; + display: flex; + flex-wrap: wrap; +} +.grid > * { + flex-basis: 100%; + max-width: 100%; + min-width: 0; +} + +/* #region (Safari < 14.1 fallback) */ +@media not all and (min-resolution: 0.001dpcm) { + @supports not (translate: none) { + .grid, .flex[class*=gap-], .inline-flex[class*=gap-] { + gap: 0px; + margin-bottom: calc(-1 * var(--gap-y)); + margin-left: calc(-1 * var(--gap-x)); + } + .grid > *, .flex[class*=gap-] > *, .inline-flex[class*=gap-] > * { + margin-bottom: var(--sub-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(--sub-gap-x); + } + } +} +/* #endregion */ +.gap-xxxxs { + --gap-x: var(--space-xxxxs); + --gap-y: var(--space-xxxxs); +} +.gap-xxxxs > * { + --sub-gap-x: var(--space-xxxxs); + --sub-gap-y: var(--space-xxxxs); +} + +.gap-xxxs { + --gap-x: var(--space-xxxs); + --gap-y: var(--space-xxxs); +} +.gap-xxxs > * { + --sub-gap-x: var(--space-xxxs); + --sub-gap-y: var(--space-xxxs); +} + +.gap-xxs { + --gap-x: var(--space-xxs); + --gap-y: var(--space-xxs); +} +.gap-xxs > * { + --sub-gap-x: var(--space-xxs); + --sub-gap-y: var(--space-xxs); +} + +.gap-xs { + --gap-x: var(--space-xs); + --gap-y: var(--space-xs); +} +.gap-xs > * { + --sub-gap-x: var(--space-xs); + --sub-gap-y: var(--space-xs); +} + +.gap-sm { + --gap-x: var(--space-sm); + --gap-y: var(--space-sm); +} +.gap-sm > * { + --sub-gap-x: var(--space-sm); + --sub-gap-y: var(--space-sm); +} + +.gap-md { + --gap-x: var(--space-md); + --gap-y: var(--space-md); +} +.gap-md > * { + --sub-gap-x: var(--space-md); + --sub-gap-y: var(--space-md); +} + +.gap-lg { + --gap-x: var(--space-lg); + --gap-y: var(--space-lg); +} +.gap-lg > * { + --sub-gap-x: var(--space-lg); + --sub-gap-y: var(--space-lg); +} + +.gap-xl { + --gap-x: var(--space-xl); + --gap-y: var(--space-xl); +} +.gap-xl > * { + --sub-gap-x: var(--space-xl); + --sub-gap-y: var(--space-xl); +} + +.gap-xxl { + --gap-x: var(--space-xxl); + --gap-y: var(--space-xxl); +} +.gap-xxl > * { + --sub-gap-x: var(--space-xxl); + --sub-gap-y: var(--space-xxl); +} + +.gap-xxxl { + --gap-x: var(--space-xxxl); + --gap-y: var(--space-xxxl); +} +.gap-xxxl > * { + --sub-gap-x: var(--space-xxxl); + --sub-gap-y: var(--space-xxxl); +} + +.gap-xxxxl { + --gap-x: var(--space-xxxxl); + --gap-y: var(--space-xxxxl); +} +.gap-xxxxl > * { + --sub-gap-x: var(--space-xxxxl); + --sub-gap-y: var(--space-xxxxl); +} + +.gap-0 { + --gap-x: 0px; + --gap-y: 0px; +} +.gap-0 > * { + --sub-gap-x: 0px; + --sub-gap-y: 0px; +} + +.gap-x-xxxxs { + --gap-x: var(--space-xxxxs); +} +.gap-x-xxxxs > * { + --sub-gap-x: var(--space-xxxxs); +} + +.gap-x-xxxs { + --gap-x: var(--space-xxxs); +} +.gap-x-xxxs > * { + --sub-gap-x: var(--space-xxxs); +} + +.gap-x-xxs { + --gap-x: var(--space-xxs); +} +.gap-x-xxs > * { + --sub-gap-x: var(--space-xxs); +} + +.gap-x-xs { + --gap-x: var(--space-xs); +} +.gap-x-xs > * { + --sub-gap-x: var(--space-xs); +} + +.gap-x-sm { + --gap-x: var(--space-sm); +} +.gap-x-sm > * { + --sub-gap-x: var(--space-sm); +} + +.gap-x-md { + --gap-x: var(--space-md); +} +.gap-x-md > * { + --sub-gap-x: var(--space-md); +} + +.gap-x-lg { + --gap-x: var(--space-lg); +} +.gap-x-lg > * { + --sub-gap-x: var(--space-lg); +} + +.gap-x-xl { + --gap-x: var(--space-xl); +} +.gap-x-xl > * { + --sub-gap-x: var(--space-xl); +} + +.gap-x-xxl { + --gap-x: var(--space-xxl); +} +.gap-x-xxl > * { + --sub-gap-x: var(--space-xxl); +} + +.gap-x-xxxl { + --gap-x: var(--space-xxxl); +} +.gap-x-xxxl > * { + --sub-gap-x: var(--space-xxxl); +} + +.gap-x-xxxxl { + --gap-x: var(--space-xxxxl); +} +.gap-x-xxxxl > * { + --sub-gap-x: var(--space-xxxxl); +} + +.gap-x-0 { + --gap-x: 0px; +} +.gap-x-0 > * { + --sub-gap-x: 0px; +} + +.gap-y-xxxxs { + --gap-y: var(--space-xxxxs); +} +.gap-y-xxxxs > * { + --sub-gap-y: var(--space-xxxxs); +} + +.gap-y-xxxs { + --gap-y: var(--space-xxxs); +} +.gap-y-xxxs > * { + --sub-gap-y: var(--space-xxxs); +} + +.gap-y-xxs { + --gap-y: var(--space-xxs); +} +.gap-y-xxs > * { + --sub-gap-y: var(--space-xxs); +} + +.gap-y-xs { + --gap-y: var(--space-xs); +} +.gap-y-xs > * { + --sub-gap-y: var(--space-xs); +} + +.gap-y-sm { + --gap-y: var(--space-sm); +} +.gap-y-sm > * { + --sub-gap-y: var(--space-sm); +} + +.gap-y-md { + --gap-y: var(--space-md); +} +.gap-y-md > * { + --sub-gap-y: var(--space-md); +} + +.gap-y-lg { + --gap-y: var(--space-lg); +} +.gap-y-lg > * { + --sub-gap-y: var(--space-lg); +} + +.gap-y-xl { + --gap-y: var(--space-xl); +} +.gap-y-xl > * { + --sub-gap-y: var(--space-xl); +} + +.gap-y-xxl { + --gap-y: var(--space-xxl); +} +.gap-y-xxl > * { + --sub-gap-y: var(--space-xxl); +} + +.gap-y-xxxl { + --gap-y: var(--space-xxxl); +} +.gap-y-xxxl > * { + --sub-gap-y: var(--space-xxxl); +} + +.gap-y-xxxxl { + --gap-y: var(--space-xxxxl); +} +.gap-y-xxxxl > * { + --sub-gap-y: var(--space-xxxxl); +} + +.gap-y-0 { + --gap-y: 0px; +} +.gap-y-0 > * { + --sub-gap-y: 0px; +} + +.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-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { + flex-basis: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x)); + max-width: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns) + (var(--span) - 1) * var(--sub-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-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11 { + margin-left: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--offset) / var(--grid-columns) + (var(--offset) + var(--offset-modifier, 0)) * var(--sub-gap-x)); +} + +@media (min-width: 32rem) { + .gap-xxxxs\@xs { + --gap-x: var(--space-xxxxs); + --gap-y: var(--space-xxxxs); + } + .gap-xxxxs\@xs > * { + --sub-gap-x: var(--space-xxxxs); + --sub-gap-y: var(--space-xxxxs); + } + .gap-xxxs\@xs { + --gap-x: var(--space-xxxs); + --gap-y: var(--space-xxxs); + } + .gap-xxxs\@xs > * { + --sub-gap-x: var(--space-xxxs); + --sub-gap-y: var(--space-xxxs); + } + .gap-xxs\@xs { + --gap-x: var(--space-xxs); + --gap-y: var(--space-xxs); + } + .gap-xxs\@xs > * { + --sub-gap-x: var(--space-xxs); + --sub-gap-y: var(--space-xxs); + } + .gap-xs\@xs { + --gap-x: var(--space-xs); + --gap-y: var(--space-xs); + } + .gap-xs\@xs > * { + --sub-gap-x: var(--space-xs); + --sub-gap-y: var(--space-xs); + } + .gap-sm\@xs { + --gap-x: var(--space-sm); + --gap-y: var(--space-sm); + } + .gap-sm\@xs > * { + --sub-gap-x: var(--space-sm); + --sub-gap-y: var(--space-sm); + } + .gap-md\@xs { + --gap-x: var(--space-md); + --gap-y: var(--space-md); + } + .gap-md\@xs > * { + --sub-gap-x: var(--space-md); + --sub-gap-y: var(--space-md); + } + .gap-lg\@xs { + --gap-x: var(--space-lg); + --gap-y: var(--space-lg); + } + .gap-lg\@xs > * { + --sub-gap-x: var(--space-lg); + --sub-gap-y: var(--space-lg); + } + .gap-xl\@xs { + --gap-x: var(--space-xl); + --gap-y: var(--space-xl); + } + .gap-xl\@xs > * { + --sub-gap-x: var(--space-xl); + --sub-gap-y: var(--space-xl); + } + .gap-xxl\@xs { + --gap-x: var(--space-xxl); + --gap-y: var(--space-xxl); + } + .gap-xxl\@xs > * { + --sub-gap-x: var(--space-xxl); + --sub-gap-y: var(--space-xxl); + } + .gap-xxxl\@xs { + --gap-x: var(--space-xxxl); + --gap-y: var(--space-xxxl); + } + .gap-xxxl\@xs > * { + --sub-gap-x: var(--space-xxxl); + --sub-gap-y: var(--space-xxxl); + } + .gap-xxxxl\@xs { + --gap-x: var(--space-xxxxl); + --gap-y: var(--space-xxxxl); + } + .gap-xxxxl\@xs > * { + --sub-gap-x: var(--space-xxxxl); + --sub-gap-y: var(--space-xxxxl); + } + .gap-0\@xs { + --gap-x: 0px; + --gap-y: 0px; + } + .gap-0\@xs > * { + --sub-gap-x: 0px; + --sub-gap-y: 0px; + } + .gap-x-xxxxs\@xs { + --gap-x: var(--space-xxxxs); + } + .gap-x-xxxxs\@xs > * { + --sub-gap-x: var(--space-xxxxs); + } + .gap-x-xxxs\@xs { + --gap-x: var(--space-xxxs); + } + .gap-x-xxxs\@xs > * { + --sub-gap-x: var(--space-xxxs); + } + .gap-x-xxs\@xs { + --gap-x: var(--space-xxs); + } + .gap-x-xxs\@xs > * { + --sub-gap-x: var(--space-xxs); + } + .gap-x-xs\@xs { + --gap-x: var(--space-xs); + } + .gap-x-xs\@xs > * { + --sub-gap-x: var(--space-xs); + } + .gap-x-sm\@xs { + --gap-x: var(--space-sm); + } + .gap-x-sm\@xs > * { + --sub-gap-x: var(--space-sm); + } + .gap-x-md\@xs { + --gap-x: var(--space-md); + } + .gap-x-md\@xs > * { + --sub-gap-x: var(--space-md); + } + .gap-x-lg\@xs { + --gap-x: var(--space-lg); + } + .gap-x-lg\@xs > * { + --sub-gap-x: var(--space-lg); + } + .gap-x-xl\@xs { + --gap-x: var(--space-xl); + } + .gap-x-xl\@xs > * { + --sub-gap-x: var(--space-xl); + } + .gap-x-xxl\@xs { + --gap-x: var(--space-xxl); + } + .gap-x-xxl\@xs > * { + --sub-gap-x: var(--space-xxl); + } + .gap-x-xxxl\@xs { + --gap-x: var(--space-xxxl); + } + .gap-x-xxxl\@xs > * { + --sub-gap-x: var(--space-xxxl); + } + .gap-x-xxxxl\@xs { + --gap-x: var(--space-xxxxl); + } + .gap-x-xxxxl\@xs > * { + --sub-gap-x: var(--space-xxxxl); + } + .gap-x-0\@xs { + --gap-x: 0px; + } + .gap-x-0\@xs > * { + --sub-gap-x: 0px; + } + .gap-y-xxxxs\@xs { + --gap-y: var(--space-xxxxs); + } + .gap-y-xxxxs\@xs > * { + --sub-gap-y: var(--space-xxxxs); + } + .gap-y-xxxs\@xs { + --gap-y: var(--space-xxxs); + } + .gap-y-xxxs\@xs > * { + --sub-gap-y: var(--space-xxxs); + } + .gap-y-xxs\@xs { + --gap-y: var(--space-xxs); + } + .gap-y-xxs\@xs > * { + --sub-gap-y: var(--space-xxs); + } + .gap-y-xs\@xs { + --gap-y: var(--space-xs); + } + .gap-y-xs\@xs > * { + --sub-gap-y: var(--space-xs); + } + .gap-y-sm\@xs { + --gap-y: var(--space-sm); + } + .gap-y-sm\@xs > * { + --sub-gap-y: var(--space-sm); + } + .gap-y-md\@xs { + --gap-y: var(--space-md); + } + .gap-y-md\@xs > * { + --sub-gap-y: var(--space-md); + } + .gap-y-lg\@xs { + --gap-y: var(--space-lg); + } + .gap-y-lg\@xs > * { + --sub-gap-y: var(--space-lg); + } + .gap-y-xl\@xs { + --gap-y: var(--space-xl); + } + .gap-y-xl\@xs > * { + --sub-gap-y: var(--space-xl); + } + .gap-y-xxl\@xs { + --gap-y: var(--space-xxl); + } + .gap-y-xxl\@xs > * { + --sub-gap-y: var(--space-xxl); + } + .gap-y-xxxl\@xs { + --gap-y: var(--space-xxxl); + } + .gap-y-xxxl\@xs > * { + --sub-gap-y: var(--space-xxxl); + } + .gap-y-xxxxl\@xs { + --gap-y: var(--space-xxxxl); + } + .gap-y-xxxxl\@xs > * { + --sub-gap-y: var(--space-xxxxl); + } + .gap-y-0\@xs { + --gap-y: 0px; + } + .gap-y-0\@xs > * { + --sub-gap-y: 0px; + } + .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-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, .col-10\@xs, .col-11\@xs, .col-12\@xs { + flex-basis: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x)); + max-width: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns) + (var(--span) - 1) * var(--sub-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-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, .offset-10\@xs, .offset-11\@xs { + margin-left: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--offset) / var(--grid-columns) + (var(--offset) + var(--offset-modifier, 0)) * var(--sub-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-xxxxs\@sm > * { + --sub-gap-x: var(--space-xxxxs); + --sub-gap-y: var(--space-xxxxs); + } + .gap-xxxs\@sm { + --gap-x: var(--space-xxxs); + --gap-y: var(--space-xxxs); + } + .gap-xxxs\@sm > * { + --sub-gap-x: var(--space-xxxs); + --sub-gap-y: var(--space-xxxs); + } + .gap-xxs\@sm { + --gap-x: var(--space-xxs); + --gap-y: var(--space-xxs); + } + .gap-xxs\@sm > * { + --sub-gap-x: var(--space-xxs); + --sub-gap-y: var(--space-xxs); + } + .gap-xs\@sm { + --gap-x: var(--space-xs); + --gap-y: var(--space-xs); + } + .gap-xs\@sm > * { + --sub-gap-x: var(--space-xs); + --sub-gap-y: var(--space-xs); + } + .gap-sm\@sm { + --gap-x: var(--space-sm); + --gap-y: var(--space-sm); + } + .gap-sm\@sm > * { + --sub-gap-x: var(--space-sm); + --sub-gap-y: var(--space-sm); + } + .gap-md\@sm { + --gap-x: var(--space-md); + --gap-y: var(--space-md); + } + .gap-md\@sm > * { + --sub-gap-x: var(--space-md); + --sub-gap-y: var(--space-md); + } + .gap-lg\@sm { + --gap-x: var(--space-lg); + --gap-y: var(--space-lg); + } + .gap-lg\@sm > * { + --sub-gap-x: var(--space-lg); + --sub-gap-y: var(--space-lg); + } + .gap-xl\@sm { + --gap-x: var(--space-xl); + --gap-y: var(--space-xl); + } + .gap-xl\@sm > * { + --sub-gap-x: var(--space-xl); + --sub-gap-y: var(--space-xl); + } + .gap-xxl\@sm { + --gap-x: var(--space-xxl); + --gap-y: var(--space-xxl); + } + .gap-xxl\@sm > * { + --sub-gap-x: var(--space-xxl); + --sub-gap-y: var(--space-xxl); + } + .gap-xxxl\@sm { + --gap-x: var(--space-xxxl); + --gap-y: var(--space-xxxl); + } + .gap-xxxl\@sm > * { + --sub-gap-x: var(--space-xxxl); + --sub-gap-y: var(--space-xxxl); + } + .gap-xxxxl\@sm { + --gap-x: var(--space-xxxxl); + --gap-y: var(--space-xxxxl); + } + .gap-xxxxl\@sm > * { + --sub-gap-x: var(--space-xxxxl); + --sub-gap-y: var(--space-xxxxl); + } + .gap-0\@sm { + --gap-x: 0px; + --gap-y: 0px; + } + .gap-0\@sm > * { + --sub-gap-x: 0px; + --sub-gap-y: 0px; + } + .gap-x-xxxxs\@sm { + --gap-x: var(--space-xxxxs); + } + .gap-x-xxxxs\@sm > * { + --sub-gap-x: var(--space-xxxxs); + } + .gap-x-xxxs\@sm { + --gap-x: var(--space-xxxs); + } + .gap-x-xxxs\@sm > * { + --sub-gap-x: var(--space-xxxs); + } + .gap-x-xxs\@sm { + --gap-x: var(--space-xxs); + } + .gap-x-xxs\@sm > * { + --sub-gap-x: var(--space-xxs); + } + .gap-x-xs\@sm { + --gap-x: var(--space-xs); + } + .gap-x-xs\@sm > * { + --sub-gap-x: var(--space-xs); + } + .gap-x-sm\@sm { + --gap-x: var(--space-sm); + } + .gap-x-sm\@sm > * { + --sub-gap-x: var(--space-sm); + } + .gap-x-md\@sm { + --gap-x: var(--space-md); + } + .gap-x-md\@sm > * { + --sub-gap-x: var(--space-md); + } + .gap-x-lg\@sm { + --gap-x: var(--space-lg); + } + .gap-x-lg\@sm > * { + --sub-gap-x: var(--space-lg); + } + .gap-x-xl\@sm { + --gap-x: var(--space-xl); + } + .gap-x-xl\@sm > * { + --sub-gap-x: var(--space-xl); + } + .gap-x-xxl\@sm { + --gap-x: var(--space-xxl); + } + .gap-x-xxl\@sm > * { + --sub-gap-x: var(--space-xxl); + } + .gap-x-xxxl\@sm { + --gap-x: var(--space-xxxl); + } + .gap-x-xxxl\@sm > * { + --sub-gap-x: var(--space-xxxl); + } + .gap-x-xxxxl\@sm { + --gap-x: var(--space-xxxxl); + } + .gap-x-xxxxl\@sm > * { + --sub-gap-x: var(--space-xxxxl); + } + .gap-x-0\@sm { + --gap-x: 0px; + } + .gap-x-0\@sm > * { + --sub-gap-x: 0px; + } + .gap-y-xxxxs\@sm { + --gap-y: var(--space-xxxxs); + } + .gap-y-xxxxs\@sm > * { + --sub-gap-y: var(--space-xxxxs); + } + .gap-y-xxxs\@sm { + --gap-y: var(--space-xxxs); + } + .gap-y-xxxs\@sm > * { + --sub-gap-y: var(--space-xxxs); + } + .gap-y-xxs\@sm { + --gap-y: var(--space-xxs); + } + .gap-y-xxs\@sm > * { + --sub-gap-y: var(--space-xxs); + } + .gap-y-xs\@sm { + --gap-y: var(--space-xs); + } + .gap-y-xs\@sm > * { + --sub-gap-y: var(--space-xs); + } + .gap-y-sm\@sm { + --gap-y: var(--space-sm); + } + .gap-y-sm\@sm > * { + --sub-gap-y: var(--space-sm); + } + .gap-y-md\@sm { + --gap-y: var(--space-md); + } + .gap-y-md\@sm > * { + --sub-gap-y: var(--space-md); + } + .gap-y-lg\@sm { + --gap-y: var(--space-lg); + } + .gap-y-lg\@sm > * { + --sub-gap-y: var(--space-lg); + } + .gap-y-xl\@sm { + --gap-y: var(--space-xl); + } + .gap-y-xl\@sm > * { + --sub-gap-y: var(--space-xl); + } + .gap-y-xxl\@sm { + --gap-y: var(--space-xxl); + } + .gap-y-xxl\@sm > * { + --sub-gap-y: var(--space-xxl); + } + .gap-y-xxxl\@sm { + --gap-y: var(--space-xxxl); + } + .gap-y-xxxl\@sm > * { + --sub-gap-y: var(--space-xxxl); + } + .gap-y-xxxxl\@sm { + --gap-y: var(--space-xxxxl); + } + .gap-y-xxxxl\@sm > * { + --sub-gap-y: var(--space-xxxxl); + } + .gap-y-0\@sm { + --gap-y: 0px; + } + .gap-y-0\@sm > * { + --sub-gap-y: 0px; + } + .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-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, .col-10\@sm, .col-11\@sm, .col-12\@sm { + flex-basis: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x)); + max-width: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns) + (var(--span) - 1) * var(--sub-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-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, .offset-10\@sm, .offset-11\@sm { + margin-left: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--offset) / var(--grid-columns) + (var(--offset) + var(--offset-modifier, 0)) * var(--sub-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-xxxxs\@md > * { + --sub-gap-x: var(--space-xxxxs); + --sub-gap-y: var(--space-xxxxs); + } + .gap-xxxs\@md { + --gap-x: var(--space-xxxs); + --gap-y: var(--space-xxxs); + } + .gap-xxxs\@md > * { + --sub-gap-x: var(--space-xxxs); + --sub-gap-y: var(--space-xxxs); + } + .gap-xxs\@md { + --gap-x: var(--space-xxs); + --gap-y: var(--space-xxs); + } + .gap-xxs\@md > * { + --sub-gap-x: var(--space-xxs); + --sub-gap-y: var(--space-xxs); + } + .gap-xs\@md { + --gap-x: var(--space-xs); + --gap-y: var(--space-xs); + } + .gap-xs\@md > * { + --sub-gap-x: var(--space-xs); + --sub-gap-y: var(--space-xs); + } + .gap-sm\@md { + --gap-x: var(--space-sm); + --gap-y: var(--space-sm); + } + .gap-sm\@md > * { + --sub-gap-x: var(--space-sm); + --sub-gap-y: var(--space-sm); + } + .gap-md\@md { + --gap-x: var(--space-md); + --gap-y: var(--space-md); + } + .gap-md\@md > * { + --sub-gap-x: var(--space-md); + --sub-gap-y: var(--space-md); + } + .gap-lg\@md { + --gap-x: var(--space-lg); + --gap-y: var(--space-lg); + } + .gap-lg\@md > * { + --sub-gap-x: var(--space-lg); + --sub-gap-y: var(--space-lg); + } + .gap-xl\@md { + --gap-x: var(--space-xl); + --gap-y: var(--space-xl); + } + .gap-xl\@md > * { + --sub-gap-x: var(--space-xl); + --sub-gap-y: var(--space-xl); + } + .gap-xxl\@md { + --gap-x: var(--space-xxl); + --gap-y: var(--space-xxl); + } + .gap-xxl\@md > * { + --sub-gap-x: var(--space-xxl); + --sub-gap-y: var(--space-xxl); + } + .gap-xxxl\@md { + --gap-x: var(--space-xxxl); + --gap-y: var(--space-xxxl); + } + .gap-xxxl\@md > * { + --sub-gap-x: var(--space-xxxl); + --sub-gap-y: var(--space-xxxl); + } + .gap-xxxxl\@md { + --gap-x: var(--space-xxxxl); + --gap-y: var(--space-xxxxl); + } + .gap-xxxxl\@md > * { + --sub-gap-x: var(--space-xxxxl); + --sub-gap-y: var(--space-xxxxl); + } + .gap-0\@md { + --gap-x: 0px; + --gap-y: 0px; + } + .gap-0\@md > * { + --sub-gap-x: 0px; + --sub-gap-y: 0px; + } + .gap-x-xxxxs\@md { + --gap-x: var(--space-xxxxs); + } + .gap-x-xxxxs\@md > * { + --sub-gap-x: var(--space-xxxxs); + } + .gap-x-xxxs\@md { + --gap-x: var(--space-xxxs); + } + .gap-x-xxxs\@md > * { + --sub-gap-x: var(--space-xxxs); + } + .gap-x-xxs\@md { + --gap-x: var(--space-xxs); + } + .gap-x-xxs\@md > * { + --sub-gap-x: var(--space-xxs); + } + .gap-x-xs\@md { + --gap-x: var(--space-xs); + } + .gap-x-xs\@md > * { + --sub-gap-x: var(--space-xs); + } + .gap-x-sm\@md { + --gap-x: var(--space-sm); + } + .gap-x-sm\@md > * { + --sub-gap-x: var(--space-sm); + } + .gap-x-md\@md { + --gap-x: var(--space-md); + } + .gap-x-md\@md > * { + --sub-gap-x: var(--space-md); + } + .gap-x-lg\@md { + --gap-x: var(--space-lg); + } + .gap-x-lg\@md > * { + --sub-gap-x: var(--space-lg); + } + .gap-x-xl\@md { + --gap-x: var(--space-xl); + } + .gap-x-xl\@md > * { + --sub-gap-x: var(--space-xl); + } + .gap-x-xxl\@md { + --gap-x: var(--space-xxl); + } + .gap-x-xxl\@md > * { + --sub-gap-x: var(--space-xxl); + } + .gap-x-xxxl\@md { + --gap-x: var(--space-xxxl); + } + .gap-x-xxxl\@md > * { + --sub-gap-x: var(--space-xxxl); + } + .gap-x-xxxxl\@md { + --gap-x: var(--space-xxxxl); + } + .gap-x-xxxxl\@md > * { + --sub-gap-x: var(--space-xxxxl); + } + .gap-x-0\@md { + --gap-x: 0px; + } + .gap-x-0\@md > * { + --sub-gap-x: 0px; + } + .gap-y-xxxxs\@md { + --gap-y: var(--space-xxxxs); + } + .gap-y-xxxxs\@md > * { + --sub-gap-y: var(--space-xxxxs); + } + .gap-y-xxxs\@md { + --gap-y: var(--space-xxxs); + } + .gap-y-xxxs\@md > * { + --sub-gap-y: var(--space-xxxs); + } + .gap-y-xxs\@md { + --gap-y: var(--space-xxs); + } + .gap-y-xxs\@md > * { + --sub-gap-y: var(--space-xxs); + } + .gap-y-xs\@md { + --gap-y: var(--space-xs); + } + .gap-y-xs\@md > * { + --sub-gap-y: var(--space-xs); + } + .gap-y-sm\@md { + --gap-y: var(--space-sm); + } + .gap-y-sm\@md > * { + --sub-gap-y: var(--space-sm); + } + .gap-y-md\@md { + --gap-y: var(--space-md); + } + .gap-y-md\@md > * { + --sub-gap-y: var(--space-md); + } + .gap-y-lg\@md { + --gap-y: var(--space-lg); + } + .gap-y-lg\@md > * { + --sub-gap-y: var(--space-lg); + } + .gap-y-xl\@md { + --gap-y: var(--space-xl); + } + .gap-y-xl\@md > * { + --sub-gap-y: var(--space-xl); + } + .gap-y-xxl\@md { + --gap-y: var(--space-xxl); + } + .gap-y-xxl\@md > * { + --sub-gap-y: var(--space-xxl); + } + .gap-y-xxxl\@md { + --gap-y: var(--space-xxxl); + } + .gap-y-xxxl\@md > * { + --sub-gap-y: var(--space-xxxl); + } + .gap-y-xxxxl\@md { + --gap-y: var(--space-xxxxl); + } + .gap-y-xxxxl\@md > * { + --sub-gap-y: var(--space-xxxxl); + } + .gap-y-0\@md { + --gap-y: 0px; + } + .gap-y-0\@md > * { + --sub-gap-y: 0px; + } + .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-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, .col-10\@md, .col-11\@md, .col-12\@md { + flex-basis: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x)); + max-width: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns) + (var(--span) - 1) * var(--sub-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-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, .offset-10\@md, .offset-11\@md { + margin-left: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--offset) / var(--grid-columns) + (var(--offset) + var(--offset-modifier, 0)) * var(--sub-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-xxxxs\@lg > * { + --sub-gap-x: var(--space-xxxxs); + --sub-gap-y: var(--space-xxxxs); + } + .gap-xxxs\@lg { + --gap-x: var(--space-xxxs); + --gap-y: var(--space-xxxs); + } + .gap-xxxs\@lg > * { + --sub-gap-x: var(--space-xxxs); + --sub-gap-y: var(--space-xxxs); + } + .gap-xxs\@lg { + --gap-x: var(--space-xxs); + --gap-y: var(--space-xxs); + } + .gap-xxs\@lg > * { + --sub-gap-x: var(--space-xxs); + --sub-gap-y: var(--space-xxs); + } + .gap-xs\@lg { + --gap-x: var(--space-xs); + --gap-y: var(--space-xs); + } + .gap-xs\@lg > * { + --sub-gap-x: var(--space-xs); + --sub-gap-y: var(--space-xs); + } + .gap-sm\@lg { + --gap-x: var(--space-sm); + --gap-y: var(--space-sm); + } + .gap-sm\@lg > * { + --sub-gap-x: var(--space-sm); + --sub-gap-y: var(--space-sm); + } + .gap-md\@lg { + --gap-x: var(--space-md); + --gap-y: var(--space-md); + } + .gap-md\@lg > * { + --sub-gap-x: var(--space-md); + --sub-gap-y: var(--space-md); + } + .gap-lg\@lg { + --gap-x: var(--space-lg); + --gap-y: var(--space-lg); + } + .gap-lg\@lg > * { + --sub-gap-x: var(--space-lg); + --sub-gap-y: var(--space-lg); + } + .gap-xl\@lg { + --gap-x: var(--space-xl); + --gap-y: var(--space-xl); + } + .gap-xl\@lg > * { + --sub-gap-x: var(--space-xl); + --sub-gap-y: var(--space-xl); + } + .gap-xxl\@lg { + --gap-x: var(--space-xxl); + --gap-y: var(--space-xxl); + } + .gap-xxl\@lg > * { + --sub-gap-x: var(--space-xxl); + --sub-gap-y: var(--space-xxl); + } + .gap-xxxl\@lg { + --gap-x: var(--space-xxxl); + --gap-y: var(--space-xxxl); + } + .gap-xxxl\@lg > * { + --sub-gap-x: var(--space-xxxl); + --sub-gap-y: var(--space-xxxl); + } + .gap-xxxxl\@lg { + --gap-x: var(--space-xxxxl); + --gap-y: var(--space-xxxxl); + } + .gap-xxxxl\@lg > * { + --sub-gap-x: var(--space-xxxxl); + --sub-gap-y: var(--space-xxxxl); + } + .gap-0\@lg { + --gap-x: 0px; + --gap-y: 0px; + } + .gap-0\@lg > * { + --sub-gap-x: 0px; + --sub-gap-y: 0px; + } + .gap-x-xxxxs\@lg { + --gap-x: var(--space-xxxxs); + } + .gap-x-xxxxs\@lg > * { + --sub-gap-x: var(--space-xxxxs); + } + .gap-x-xxxs\@lg { + --gap-x: var(--space-xxxs); + } + .gap-x-xxxs\@lg > * { + --sub-gap-x: var(--space-xxxs); + } + .gap-x-xxs\@lg { + --gap-x: var(--space-xxs); + } + .gap-x-xxs\@lg > * { + --sub-gap-x: var(--space-xxs); + } + .gap-x-xs\@lg { + --gap-x: var(--space-xs); + } + .gap-x-xs\@lg > * { + --sub-gap-x: var(--space-xs); + } + .gap-x-sm\@lg { + --gap-x: var(--space-sm); + } + .gap-x-sm\@lg > * { + --sub-gap-x: var(--space-sm); + } + .gap-x-md\@lg { + --gap-x: var(--space-md); + } + .gap-x-md\@lg > * { + --sub-gap-x: var(--space-md); + } + .gap-x-lg\@lg { + --gap-x: var(--space-lg); + } + .gap-x-lg\@lg > * { + --sub-gap-x: var(--space-lg); + } + .gap-x-xl\@lg { + --gap-x: var(--space-xl); + } + .gap-x-xl\@lg > * { + --sub-gap-x: var(--space-xl); + } + .gap-x-xxl\@lg { + --gap-x: var(--space-xxl); + } + .gap-x-xxl\@lg > * { + --sub-gap-x: var(--space-xxl); + } + .gap-x-xxxl\@lg { + --gap-x: var(--space-xxxl); + } + .gap-x-xxxl\@lg > * { + --sub-gap-x: var(--space-xxxl); + } + .gap-x-xxxxl\@lg { + --gap-x: var(--space-xxxxl); + } + .gap-x-xxxxl\@lg > * { + --sub-gap-x: var(--space-xxxxl); + } + .gap-x-0\@lg { + --gap-x: 0px; + } + .gap-x-0\@lg > * { + --sub-gap-x: 0px; + } + .gap-y-xxxxs\@lg { + --gap-y: var(--space-xxxxs); + } + .gap-y-xxxxs\@lg > * { + --sub-gap-y: var(--space-xxxxs); + } + .gap-y-xxxs\@lg { + --gap-y: var(--space-xxxs); + } + .gap-y-xxxs\@lg > * { + --sub-gap-y: var(--space-xxxs); + } + .gap-y-xxs\@lg { + --gap-y: var(--space-xxs); + } + .gap-y-xxs\@lg > * { + --sub-gap-y: var(--space-xxs); + } + .gap-y-xs\@lg { + --gap-y: var(--space-xs); + } + .gap-y-xs\@lg > * { + --sub-gap-y: var(--space-xs); + } + .gap-y-sm\@lg { + --gap-y: var(--space-sm); + } + .gap-y-sm\@lg > * { + --sub-gap-y: var(--space-sm); + } + .gap-y-md\@lg { + --gap-y: var(--space-md); + } + .gap-y-md\@lg > * { + --sub-gap-y: var(--space-md); + } + .gap-y-lg\@lg { + --gap-y: var(--space-lg); + } + .gap-y-lg\@lg > * { + --sub-gap-y: var(--space-lg); + } + .gap-y-xl\@lg { + --gap-y: var(--space-xl); + } + .gap-y-xl\@lg > * { + --sub-gap-y: var(--space-xl); + } + .gap-y-xxl\@lg { + --gap-y: var(--space-xxl); + } + .gap-y-xxl\@lg > * { + --sub-gap-y: var(--space-xxl); + } + .gap-y-xxxl\@lg { + --gap-y: var(--space-xxxl); + } + .gap-y-xxxl\@lg > * { + --sub-gap-y: var(--space-xxxl); + } + .gap-y-xxxxl\@lg { + --gap-y: var(--space-xxxxl); + } + .gap-y-xxxxl\@lg > * { + --sub-gap-y: var(--space-xxxxl); + } + .gap-y-0\@lg { + --gap-y: 0px; + } + .gap-y-0\@lg > * { + --sub-gap-y: 0px; + } + .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-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, .col-10\@lg, .col-11\@lg, .col-12\@lg { + flex-basis: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x)); + max-width: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns) + (var(--span) - 1) * var(--sub-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-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, .offset-10\@lg, .offset-11\@lg { + margin-left: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--offset) / var(--grid-columns) + (var(--offset) + var(--offset-modifier, 0)) * var(--sub-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-xxxxs\@xl > * { + --sub-gap-x: var(--space-xxxxs); + --sub-gap-y: var(--space-xxxxs); + } + .gap-xxxs\@xl { + --gap-x: var(--space-xxxs); + --gap-y: var(--space-xxxs); + } + .gap-xxxs\@xl > * { + --sub-gap-x: var(--space-xxxs); + --sub-gap-y: var(--space-xxxs); + } + .gap-xxs\@xl { + --gap-x: var(--space-xxs); + --gap-y: var(--space-xxs); + } + .gap-xxs\@xl > * { + --sub-gap-x: var(--space-xxs); + --sub-gap-y: var(--space-xxs); + } + .gap-xs\@xl { + --gap-x: var(--space-xs); + --gap-y: var(--space-xs); + } + .gap-xs\@xl > * { + --sub-gap-x: var(--space-xs); + --sub-gap-y: var(--space-xs); + } + .gap-sm\@xl { + --gap-x: var(--space-sm); + --gap-y: var(--space-sm); + } + .gap-sm\@xl > * { + --sub-gap-x: var(--space-sm); + --sub-gap-y: var(--space-sm); + } + .gap-md\@xl { + --gap-x: var(--space-md); + --gap-y: var(--space-md); + } + .gap-md\@xl > * { + --sub-gap-x: var(--space-md); + --sub-gap-y: var(--space-md); + } + .gap-lg\@xl { + --gap-x: var(--space-lg); + --gap-y: var(--space-lg); + } + .gap-lg\@xl > * { + --sub-gap-x: var(--space-lg); + --sub-gap-y: var(--space-lg); + } + .gap-xl\@xl { + --gap-x: var(--space-xl); + --gap-y: var(--space-xl); + } + .gap-xl\@xl > * { + --sub-gap-x: var(--space-xl); + --sub-gap-y: var(--space-xl); + } + .gap-xxl\@xl { + --gap-x: var(--space-xxl); + --gap-y: var(--space-xxl); + } + .gap-xxl\@xl > * { + --sub-gap-x: var(--space-xxl); + --sub-gap-y: var(--space-xxl); + } + .gap-xxxl\@xl { + --gap-x: var(--space-xxxl); + --gap-y: var(--space-xxxl); + } + .gap-xxxl\@xl > * { + --sub-gap-x: var(--space-xxxl); + --sub-gap-y: var(--space-xxxl); + } + .gap-xxxxl\@xl { + --gap-x: var(--space-xxxxl); + --gap-y: var(--space-xxxxl); + } + .gap-xxxxl\@xl > * { + --sub-gap-x: var(--space-xxxxl); + --sub-gap-y: var(--space-xxxxl); + } + .gap-0\@xl { + --gap-x: 0px; + --gap-y: 0px; + } + .gap-0\@xl > * { + --sub-gap-x: 0px; + --sub-gap-y: 0px; + } + .gap-x-xxxxs\@xl { + --gap-x: var(--space-xxxxs); + } + .gap-x-xxxxs\@xl > * { + --sub-gap-x: var(--space-xxxxs); + } + .gap-x-xxxs\@xl { + --gap-x: var(--space-xxxs); + } + .gap-x-xxxs\@xl > * { + --sub-gap-x: var(--space-xxxs); + } + .gap-x-xxs\@xl { + --gap-x: var(--space-xxs); + } + .gap-x-xxs\@xl > * { + --sub-gap-x: var(--space-xxs); + } + .gap-x-xs\@xl { + --gap-x: var(--space-xs); + } + .gap-x-xs\@xl > * { + --sub-gap-x: var(--space-xs); + } + .gap-x-sm\@xl { + --gap-x: var(--space-sm); + } + .gap-x-sm\@xl > * { + --sub-gap-x: var(--space-sm); + } + .gap-x-md\@xl { + --gap-x: var(--space-md); + } + .gap-x-md\@xl > * { + --sub-gap-x: var(--space-md); + } + .gap-x-lg\@xl { + --gap-x: var(--space-lg); + } + .gap-x-lg\@xl > * { + --sub-gap-x: var(--space-lg); + } + .gap-x-xl\@xl { + --gap-x: var(--space-xl); + } + .gap-x-xl\@xl > * { + --sub-gap-x: var(--space-xl); + } + .gap-x-xxl\@xl { + --gap-x: var(--space-xxl); + } + .gap-x-xxl\@xl > * { + --sub-gap-x: var(--space-xxl); + } + .gap-x-xxxl\@xl { + --gap-x: var(--space-xxxl); + } + .gap-x-xxxl\@xl > * { + --sub-gap-x: var(--space-xxxl); + } + .gap-x-xxxxl\@xl { + --gap-x: var(--space-xxxxl); + } + .gap-x-xxxxl\@xl > * { + --sub-gap-x: var(--space-xxxxl); + } + .gap-x-0\@xl { + --gap-x: 0px; + } + .gap-x-0\@xl > * { + --sub-gap-x: 0px; + } + .gap-y-xxxxs\@xl { + --gap-y: var(--space-xxxxs); + } + .gap-y-xxxxs\@xl > * { + --sub-gap-y: var(--space-xxxxs); + } + .gap-y-xxxs\@xl { + --gap-y: var(--space-xxxs); + } + .gap-y-xxxs\@xl > * { + --sub-gap-y: var(--space-xxxs); + } + .gap-y-xxs\@xl { + --gap-y: var(--space-xxs); + } + .gap-y-xxs\@xl > * { + --sub-gap-y: var(--space-xxs); + } + .gap-y-xs\@xl { + --gap-y: var(--space-xs); + } + .gap-y-xs\@xl > * { + --sub-gap-y: var(--space-xs); + } + .gap-y-sm\@xl { + --gap-y: var(--space-sm); + } + .gap-y-sm\@xl > * { + --sub-gap-y: var(--space-sm); + } + .gap-y-md\@xl { + --gap-y: var(--space-md); + } + .gap-y-md\@xl > * { + --sub-gap-y: var(--space-md); + } + .gap-y-lg\@xl { + --gap-y: var(--space-lg); + } + .gap-y-lg\@xl > * { + --sub-gap-y: var(--space-lg); + } + .gap-y-xl\@xl { + --gap-y: var(--space-xl); + } + .gap-y-xl\@xl > * { + --sub-gap-y: var(--space-xl); + } + .gap-y-xxl\@xl { + --gap-y: var(--space-xxl); + } + .gap-y-xxl\@xl > * { + --sub-gap-y: var(--space-xxl); + } + .gap-y-xxxl\@xl { + --gap-y: var(--space-xxxl); + } + .gap-y-xxxl\@xl > * { + --sub-gap-y: var(--space-xxxl); + } + .gap-y-xxxxl\@xl { + --gap-y: var(--space-xxxxl); + } + .gap-y-xxxxl\@xl > * { + --sub-gap-y: var(--space-xxxxl); + } + .gap-y-0\@xl { + --gap-y: 0px; + } + .gap-y-0\@xl > * { + --sub-gap-y: 0px; + } + .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-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, .col-10\@xl, .col-11\@xl, .col-12\@xl { + flex-basis: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x)); + max-width: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns) + (var(--span) - 1) * var(--sub-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-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, .offset-10\@xl, .offset-11\@xl { + margin-left: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--offset) / var(--grid-columns) + (var(--offset) + var(--offset-modifier, 0)) * var(--sub-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; +} + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video, hr { + margin: 0; + padding: 0; + border: 0; +} + +html { + box-sizing: border-box; +} + +body { + background-color: var(--color-bg, white); +} + +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section, main, form legend { + display: block; +} + +ol, ul, menu { + list-style: none; +} + +blockquote, q { + quotes: none; +} + +button, input, textarea, select { + 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, video, svg { + max-width: 100%; +} + +[data-theme] { + background-color: var(--color-bg, hsl(0, 0%, 100%)); + color: var(--color-contrast-high, hsl(210, 7%, 21%)); +} + +:root { + --space-unit: 1rem; +} + +: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.375em)/2); + --radius-md: var(--radius, 0.375em); + --radius-lg: calc(var(--radius, 0.375em)*2); + --shadow-ring: 0 0 0 1px hsla(0, 0%, 0%, 0.05); + --shadow-xs: 0 0 0 1px hsla(0, 0%, 0%, 0.02), + 0 1px 3px -1px hsla(0, 0%, 0%, 0.2); + --shadow-sm: 0 0.3px 0.4px hsla(0, 0%, 0%, 0.02), + 0 0.9px 1.5px hsla(0, 0%, 0%, 0.045), + 0 3.5px 6px hsla(0, 0%, 0%, 0.09); + --shadow-md: 0 0.9px 1.25px hsla(0, 0%, 0%, 0.025), + 0 3px 5px hsla(0, 0%, 0%, 0.05), + 0 12px 20px hsla(0, 0%, 0%, 0.09); + --shadow-lg: 0 1.2px 1.9px -1px hsla(0, 0%, 0%, 0.01), + 0 3px 5px -1px hsla(0, 0%, 0%, 0.015), + 0 8px 15px -1px hsla(0, 0%, 0%, 0.05), + 0 28px 40px -1px hsla(0, 0%, 0%, 0.1); + --shadow-xl: 0 1.5px 2.1px -6px hsla(0, 0%, 0%, 0.009), + 0 3.6px 5.2px -6px hsla(0, 0%, 0%, 0.0115), + 0 7.3px 10.6px -6px hsla(0, 0%, 0%, 0.0125), + 0 16.2px 21.9px -6px hsla(0, 0%, 0%, 0.025), + 0 46px 60px -6px hsla(0, 0%, 0%, 0.15); + --inner-glow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075); + --inner-glow-top: inset 0 1px 0.5px hsla(0, 0%, 100%, 0.075); + --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, 1rem); + font-family: var(--font-primary, sans-serif); + color: var(--color-contrast-high, hsl(210, 7%, 21%)); + font-weight: var(--body-font-weight, normal); +} + +h1, h2, h3, h4 { + color: var(--color-contrast-higher, hsl(204, 28%, 7%)); + line-height: var(--heading-line-height, 1.2); + font-weight: var(--heading-font-weight, 700); +} + +h1 { + font-size: var(--text-xxl, 2rem); +} + +h2 { + font-size: var(--text-xl, 1.75rem); +} + +h3 { + font-size: var(--text-lg, 1.375rem); +} + +h4 { + font-size: var(--text-md, 1.125rem); +} + +small { + font-size: var(--text-sm, 0.75rem); +} + +a, .link { + color: var(--color-primary, hsl(250, 84%, 54%)); + text-decoration: underline; +} + +strong { + font-weight: bold; +} + +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) * 0.3125 * var(--text-space-y-multiplier, 1)); +} +.text-component h2, .text-component h3, .text-component h4 { + margin-top: calc(var(--space-unit) * 0.9375 * var(--text-space-y-multiplier, 1)); +} +.text-component p, .text-component blockquote, .text-component ul li, .text-component ol li { + line-height: calc(var(--body-line-height) * var(--line-height-multiplier, 1)); +} +.text-component ul, .text-component ol, .text-component p, .text-component blockquote, .text-component .text-component__block { + margin-bottom: calc(var(--space-unit) * 0.9375 * var(--text-space-y-multiplier, 1)); +} +.text-component ul, .text-component ol { + list-style-position: inside; +} +.text-component ul ul, .text-component ul ol, .text-component ol ul, .text-component ol ol { + 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) * 0.5); +} +.text-component em { + font-style: italic; +} +.text-component hr { + margin-top: calc(var(--space-unit) * 1.875 * var(--text-space-y-multiplier, 1)); + margin-bottom: calc(var(--space-unit) * 1.875 * 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) * 0.9375 * var(--text-space-y-multiplier, 1)); + } + .text-component__block--right { + float: right; + margin-left: calc(var(--space-unit) * 0.9375 * 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: 24px; + --icon-md: 32px; + --icon-lg: 48px; + --icon-xl: 64px; + --icon-xxl: 96px; + --icon-xxxl: 128px; +} + +.icon { + --size: 1em; + font-size: var(--size); + height: 1em; + width: 1em; + display: inline-block; + color: inherit; + fill: currentColor; + 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 { + animation: icon-spin 1s infinite linear; +} + +@keyframes icon-spin { + 0% { + transform: rotate(0deg); + } + 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; + font-size: var(--btn-font-size, 1em); + padding-top: var(--btn-padding-y, 0.5em); + padding-bottom: var(--btn-padding-y, 0.5em); + padding-left: var(--btn-padding-x, 0.75em); + padding-right: var(--btn-padding-x, 0.75em); + border-radius: var(--btn-radius, 0.25em); +} + +.btn--sm { + font-size: var(--btn-font-size-sm, 0.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, 0.5em); +} + +.form-control { + font-size: var(--form-control-font-size, 1em); + padding-top: var(--form-control-padding-y, 0.5em); + padding-bottom: var(--form-control-padding-y, 0.5em); + padding-left: var(--form-control-padding-x, 0.75em); + padding-right: var(--form-control-padding-x, 0.75em); + border-radius: var(--form-control-radius, 0.25em); +} + +.form-legend { + color: var(--color-contrast-higher, hsl(204, 28%, 7%)); + line-height: var(--heading-line-height, 1.2); + font-weight: var(--heading-font-weight, 700); + font-size: var(--text-md, 1.125rem); + margin-bottom: var(--space-md); +} + +.form-label { + display: inline-block; + font-size: var(--text-sm, 0.75rem); +} + +: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; + } + .print\:shadow-none { + box-shadow: none; + } +} +.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 { + justify-content: center; + align-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; +} + +.items-stretch { + align-items: stretch; +} + +.content-start { + align-content: start; +} + +.content-end { + align-content: end; +} + +.content-center { + align-content: center; +} + +.content-between { + align-content: space-between; +} + +.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); +} + +.ratio-16\:9 { + aspect-ratio: 16/9; +} + +.ratio-3\:2 { + aspect-ratio: 3/2; +} + +.ratio-4\:3 { + aspect-ratio: 4/3; +} + +.ratio-5\:4 { + aspect-ratio: 5/4; +} + +.ratio-1\:1 { + aspect-ratio: 1/1; +} + +.ratio-4\:5 { + aspect-ratio: 4/5; +} + +.ratio-3\:4 { + aspect-ratio: 3/4; +} + +.ratio-2\:3 { + aspect-ratio: 2/3; +} + +.ratio-9\:16 { + aspect-ratio: 9/16; +} + +.block { + display: block; +} + +.inline-block { + display: inline-block; +} + +.inline { + display: inline; +} + +.contents { + display: contents; +} + +.hide { + display: none; +} + +.css-grid { + display: grid; +} + +.css-inline-grid { + display: inline-grid; +} + +.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-sub { + vertical-align: sub; +} + +.align-super { + vertical-align: super; +} + +.align-text-top { + vertical-align: text-top; +} + +.align-text-bottom { + vertical-align: text-bottom; +} + +.align-top { + vertical-align: top; +} + +.align-middle { + vertical-align: middle; +} + +.align-bottom { + vertical-align: bottom; +} + +.truncate, .text-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-unit-rem, .text-unit-em, .text-unit-px { + font-size: var(--text-unit); +} + +.text-unit-rem { + --text-unit: 1rem; +} + +.text-unit-em { + --text-unit: 1em; +} + +.text-unit-px { + --text-unit: 16px; +} + +.text-xs { + font-size: var(--text-xs, 0.6875rem); +} + +.text-sm { + font-size: var(--text-sm, 0.75rem); +} + +.text-base { + font-size: var(--text-unit, 1rem); +} + +.text-md { + font-size: var(--text-md, 1.125rem); +} + +.text-lg { + font-size: var(--text-lg, 1.375rem); +} + +.text-xl { + font-size: var(--text-xl, 1.75rem); +} + +.text-xxl { + font-size: var(--text-xxl, 2rem); +} + +.text-xxxl { + font-size: var(--text-xxxl, 2.5rem); +} + +.text-xxxxl { + font-size: var(--text-xxxxl, 3rem); +} + +.text-uppercase { + text-transform: uppercase; +} + +.text-capitalize { + text-transform: capitalize; +} + +.letter-spacing-xs { + letter-spacing: -0.1em; +} + +.letter-spacing-sm { + letter-spacing: -0.05em; +} + +.letter-spacing-md { + letter-spacing: 0.05em; +} + +.letter-spacing-lg { + letter-spacing: 0.1em; +} + +.letter-spacing-xl { + letter-spacing: 0.2em; +} + +.font-thin { + font-weight: 100; +} + +.font-extralight { + font-weight: 200; +} + +.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-extrabold { + font-weight: 800; +} + +.font-black { + font-weight: 900; +} + +.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, 0.15); +} + +.text-shadow-sm { + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); +} + +.text-shadow-md { + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); +} + +.text-shadow-lg { + text-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.15), 0 4px 16px rgba(0, 0, 0, 0.2); +} + +.text-shadow-xl { + text-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.15), 0 4px 16px rgba(0, 0, 0, 0.2), 0 6px 24px rgba(0, 0, 0, 0.25); +} + +.text-shadow-none { + text-shadow: none; +} + +.text-indent-sm { + text-indent: 0.5em; +} + +.text-indent-md { + text-indent: 1em; +} + +.text-indent-lg { + text-indent: 1.5em; +} + +.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; +} + +.line-clamp-1 { + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 1; +} + +.line-clamp-2 { + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; +} + +.line-clamp-3 { + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; +} + +.line-clamp-4 { + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 4; +} + +.column-count-1 { + -moz-column-count: 1; + column-count: 1; +} + +.column-count-2 { + -moz-column-count: 2; + column-count: 2; +} + +.column-count-3 { + -moz-column-count: 3; + column-count: 3; +} + +.column-count-4 { + -moz-column-count: 4; + column-count: 4; +} + +.list-style-none { + list-style: none; +} + +.ws-nowrap, .text-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-5\% { + --color-o: 0.05; +} + +.color-opacity-10\% { + --color-o: 0.1; +} + +.color-opacity-15\% { + --color-o: 0.15; +} + +.color-opacity-20\% { + --color-o: 0.2; +} + +.color-opacity-25\% { + --color-o: 0.25; +} + +.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-75\% { + --color-o: 0.75; +} + +.color-opacity-80\% { + --color-o: 0.8; +} + +.color-opacity-85\% { + --color-o: 0.85; +} + +.color-opacity-90\% { + --color-o: 0.9; +} + +.color-opacity-95\% { + --color-o: 0.95; +} + +[class^=color-gradient], [class*=" color-gradient"] { + color: transparent !important; + -webkit-background-clip: text; + background-clip: text; + opacity: var(--color-o, 1); +} + +.width-xxxxs { + width: var(--size-xxxxs, 0.25rem); +} + +.width-xxxs { + width: var(--size-xxxs, 0.5rem); +} + +.width-xxs { + width: var(--size-xxs, 0.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: 33.3333333333%; +} + +.width-40\% { + width: 40%; +} + +.width-50\% { + width: 50%; +} + +.width-60\% { + width: 60%; +} + +.width-66\% { + width: 66.6666666667%; +} + +.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; +} + +.width-inherit { + width: inherit; +} + +.height-xxxxs { + height: var(--size-xxxxs, 0.25rem); +} + +.height-xxxs { + height: var(--size-xxxs, 0.5rem); +} + +.height-xxs { + height: var(--size-xxs, 0.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: 33.3333333333%; +} + +.height-40\% { + height: 40%; +} + +.height-50\% { + height: 50%; +} + +.height-60\% { + height: 60%; +} + +.height-66\% { + height: 66.6666666667%; +} + +.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; +} + +.height-inherit { + height: inherit; +} + +.min-width-0 { + min-width: 0; +} + +.min-width-25\% { + min-width: 25%; +} + +.min-width-33\% { + min-width: 33.3333333333%; +} + +.min-width-50\% { + min-width: 50%; +} + +.min-width-66\% { + min-width: 66.6666666667%; +} + +.min-width-75\% { + min-width: 75%; +} + +.min-width-100\% { + min-width: 100%; +} + +.min-width-100vw { + min-width: 100vw; +} + +.min-height-0 { + min-height: 0; +} + +.min-height-100\% { + min-height: 100%; +} + +.min-height-100vh { + min-height: 100vh; +} + +:root { + --max-width-xxxxxs: 17.5rem; + --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-xxxxxs { + max-width: var(--max-width-xxxxxs); +} + +.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-sm, .max-width-adaptive-md, .max-width-adaptive-lg, .max-width-adaptive-xl, .max-width-adaptive { + max-width: 48rem; + } +} +@media (min-width: 64rem) { + .max-width-adaptive-md, .max-width-adaptive-lg, .max-width-adaptive-xl, .max-width-adaptive { + max-width: 64rem; + } +} +@media (min-width: 80rem) { + .max-width-adaptive-lg, .max-width-adaptive-xl, .max-width-adaptive { + 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-ring { + box-shadow: var(--shadow-ring); +} + +.shadow-xs { + box-shadow: var(--shadow-xs); +} + +.shadow-xs.shadow-ring { + box-shadow: var(--shadow-xs), var(--shadow-ring); +} + +.shadow-sm { + box-shadow: var(--shadow-sm); +} + +.shadow-sm.shadow-ring { + box-shadow: var(--shadow-sm), var(--shadow-ring); +} + +.shadow-md { + box-shadow: var(--shadow-md); +} + +.shadow-md.shadow-ring { + box-shadow: var(--shadow-md), var(--shadow-ring); +} + +.shadow-lg { + box-shadow: var(--shadow-lg); +} + +.shadow-lg.shadow-ring { + box-shadow: var(--shadow-lg), var(--shadow-ring); +} + +.shadow-xl { + box-shadow: var(--shadow-xl); +} + +.shadow-xl.shadow-ring { + box-shadow: var(--shadow-xl), var(--shadow-ring); +} + +.shadow-none { + box-shadow: none; +} + +:where(.inner-glow, .inner-glow-top) { + position: relative; +} +:where(.inner-glow, .inner-glow-top)::after { + content: ""; + position: absolute; + z-index: 1; + top: 0; + left: 0; + width: 100%; + height: 100%; + border-radius: inherit; + pointer-events: none; +} + +.inner-glow::after { + box-shadow: var(--inner-glow); +} + +.inner-glow-top::after { + box-shadow: var(--inner-glow-top); +} + +.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-visible { + overflow: visible; +} + +.overflow-hidden { + overflow: hidden; +} + +.overflow-x-hidden { + overflow-x: hidden; +} + +.overflow-y-hidden { + overflow-y: hidden; +} + +.overflow-clip { + overflow: clip; +} + +.overflow-x-clip { + overflow-x: clip; +} + +.overflow-y-clip { + overflow-y: clip; +} + +.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-5\% { + opacity: 0.05; +} + +.opacity-10\% { + opacity: 0.1; +} + +.opacity-15\% { + opacity: 0.15; +} + +.opacity-20\% { + opacity: 0.2; +} + +.opacity-25\% { + opacity: 0.25; +} + +.opacity-30\% { + opacity: 0.3; +} + +.opacity-40\% { + opacity: 0.4; +} + +.opacity-50\% { + opacity: 0.5; +} + +.opacity-60\% { + opacity: 0.6; +} + +.opacity-70\% { + opacity: 0.7; +} + +.opacity-75\% { + opacity: 0.75; +} + +.opacity-80\% { + opacity: 0.8; +} + +.opacity-85\% { + opacity: 0.85; +} + +.opacity-90\% { + opacity: 0.9; +} + +.opacity-95\% { + opacity: 0.95; +} + +.float-left { + float: left; +} + +.float-right { + float: right; +} + +.clearfix::after { + content: ""; + display: table; + clear: both; +} + +[class^=border-], [class*=" border-"] { + --border-o: 1; + --border-width: 1px; + --border-style: solid; +} + +.border { + border: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--border-o-base, 0.1)); +} + +.border-top { + border-top: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--border-o-base, 0.1)); +} + +.border-bottom { + border-bottom: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--border-o-base, 0.1)); +} + +.border-left { + border-left: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--border-o-base, 0.1)); +} + +.border-right { + border-right: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--border-o-base, 0.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-5\% { + --border-o: 0.05; +} + +.border-opacity-10\% { + --border-o: 0.1; +} + +.border-opacity-15\% { + --border-o: 0.15; +} + +.border-opacity-20\% { + --border-o: 0.2; +} + +.border-opacity-25\% { + --border-o: 0.25; +} + +.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-75\% { + --border-o: 0.75; +} + +.border-opacity-80\% { + --border-o: 0.8; +} + +.border-opacity-85\% { + --border-o: 0.85; +} + +.border-opacity-90\% { + --border-o: 0.9; +} + +.border-opacity-95\% { + --border-o: 0.95; +} + +.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-5\% { + --bg-o: 0.05; +} + +.bg-opacity-10\% { + --bg-o: 0.1; +} + +.bg-opacity-15\% { + --bg-o: 0.15; +} + +.bg-opacity-20\% { + --bg-o: 0.2; +} + +.bg-opacity-25\% { + --bg-o: 0.25; +} + +.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-75\% { + --bg-o: 0.75; +} + +.bg-opacity-80\% { + --bg-o: 0.8; +} + +.bg-opacity-85\% { + --bg-o: 0.85; +} + +.bg-opacity-90\% { + --bg-o: 0.9; +} + +.bg-opacity-95\% { + --bg-o: 0.95; +} + +.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^=flip], [class*=" flip"], +[class^=-rotate], [class*=" -rotate"], +[class^=rotate], [class*=" rotate"], +[class^=-translate], [class*=" -translate"], +[class^=translate], [class*=" translate"], +[class^=-scale], [class*=" -scale"], +[class^=scale], [class*=" scale"], +[class^=-skew], [class*=" -skew"] [class^=skew], +[class*=" skew"] { + --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; +} + +.transition { + transition-property: var(--transition-property, all); + transition-duration: var(--transition-duration, 0.2s); + transition-delay: var(--transition-delay, 0s); +} + +.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; +} + +.appearance-none { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +.appearance-auto { + -webkit-appearance: auto; + -moz-appearance: auto; + appearance: auto; +} + +@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 { + justify-content: center; + align-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; + } + .items-stretch\@xs { + align-items: stretch; + } + .content-start\@xs { + align-content: start; + } + .content-end\@xs { + align-content: end; + } + .content-center\@xs { + align-content: center; + } + .content-between\@xs { + align-content: space-between; + } + .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; + } + .css-grid\@xs { + display: grid; + } + .css-inline-grid\@xs { + display: inline-grid; + } + .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, 0.6875rem); + } + .text-sm\@xs { + font-size: var(--text-sm, 0.75rem); + } + .text-base\@xs { + font-size: var(--text-unit, 1rem); + } + .text-md\@xs { + font-size: var(--text-md, 1.125rem); + } + .text-lg\@xs { + font-size: var(--text-lg, 1.375rem); + } + .text-xl\@xs { + font-size: var(--text-xl, 1.75rem); + } + .text-xxl\@xs { + font-size: var(--text-xxl, 2rem); + } + .text-xxxl\@xs { + font-size: var(--text-xxxl, 2.5rem); + } + .text-xxxxl\@xs { + font-size: var(--text-xxxxl, 3rem); + } + .column-count-1\@xs { + -moz-column-count: 1; + column-count: 1; + } + .column-count-2\@xs { + -moz-column-count: 2; + column-count: 2; + } + .column-count-3\@xs { + -moz-column-count: 3; + column-count: 3; + } + .column-count-4\@xs { + -moz-column-count: 4; + column-count: 4; + } + .width-xxxxs\@xs { + width: var(--size-xxxxs, 0.25rem); + } + .width-xxxs\@xs { + width: var(--size-xxxs, 0.5rem); + } + .width-xxs\@xs { + width: var(--size-xxs, 0.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: 33.3333333333%; + } + .width-40\%\@xs { + width: 40%; + } + .width-50\%\@xs { + width: 50%; + } + .width-60\%\@xs { + width: 60%; + } + .width-66\%\@xs { + width: 66.6666666667%; + } + .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; + } + .width-inherit\@xs { + width: inherit; + } + .height-xxxxs\@xs { + height: var(--size-xxxxs, 0.25rem); + } + .height-xxxs\@xs { + height: var(--size-xxxs, 0.5rem); + } + .height-xxs\@xs { + height: var(--size-xxs, 0.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: 33.3333333333%; + } + .height-40\%\@xs { + height: 40%; + } + .height-50\%\@xs { + height: 50%; + } + .height-60\%\@xs { + height: 60%; + } + .height-66\%\@xs { + height: 66.6666666667%; + } + .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; + } + .height-inherit\@xs { + height: inherit; + } + .max-width-xxxxxs\@xs { + max-width: var(--max-width-xxxxxs); + } + .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 { + justify-content: center; + align-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; + } + .items-stretch\@sm { + align-items: stretch; + } + .content-start\@sm { + align-content: start; + } + .content-end\@sm { + align-content: end; + } + .content-center\@sm { + align-content: center; + } + .content-between\@sm { + align-content: space-between; + } + .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; + } + .css-grid\@sm { + display: grid; + } + .css-inline-grid\@sm { + display: inline-grid; + } + .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, 0.6875rem); + } + .text-sm\@sm { + font-size: var(--text-sm, 0.75rem); + } + .text-base\@sm { + font-size: var(--text-unit, 1rem); + } + .text-md\@sm { + font-size: var(--text-md, 1.125rem); + } + .text-lg\@sm { + font-size: var(--text-lg, 1.375rem); + } + .text-xl\@sm { + font-size: var(--text-xl, 1.75rem); + } + .text-xxl\@sm { + font-size: var(--text-xxl, 2rem); + } + .text-xxxl\@sm { + font-size: var(--text-xxxl, 2.5rem); + } + .text-xxxxl\@sm { + font-size: var(--text-xxxxl, 3rem); + } + .column-count-1\@sm { + -moz-column-count: 1; + column-count: 1; + } + .column-count-2\@sm { + -moz-column-count: 2; + column-count: 2; + } + .column-count-3\@sm { + -moz-column-count: 3; + column-count: 3; + } + .column-count-4\@sm { + -moz-column-count: 4; + column-count: 4; + } + .width-xxxxs\@sm { + width: var(--size-xxxxs, 0.25rem); + } + .width-xxxs\@sm { + width: var(--size-xxxs, 0.5rem); + } + .width-xxs\@sm { + width: var(--size-xxs, 0.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: 33.3333333333%; + } + .width-40\%\@sm { + width: 40%; + } + .width-50\%\@sm { + width: 50%; + } + .width-60\%\@sm { + width: 60%; + } + .width-66\%\@sm { + width: 66.6666666667%; + } + .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; + } + .width-inherit\@sm { + width: inherit; + } + .height-xxxxs\@sm { + height: var(--size-xxxxs, 0.25rem); + } + .height-xxxs\@sm { + height: var(--size-xxxs, 0.5rem); + } + .height-xxs\@sm { + height: var(--size-xxs, 0.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: 33.3333333333%; + } + .height-40\%\@sm { + height: 40%; + } + .height-50\%\@sm { + height: 50%; + } + .height-60\%\@sm { + height: 60%; + } + .height-66\%\@sm { + height: 66.6666666667%; + } + .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; + } + .height-inherit\@sm { + height: inherit; + } + .max-width-xxxxxs\@sm { + max-width: var(--max-width-xxxxxs); + } + .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 { + justify-content: center; + align-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; + } + .items-stretch\@md { + align-items: stretch; + } + .content-start\@md { + align-content: start; + } + .content-end\@md { + align-content: end; + } + .content-center\@md { + align-content: center; + } + .content-between\@md { + align-content: space-between; + } + .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; + } + .css-grid\@md { + display: grid; + } + .css-inline-grid\@md { + display: inline-grid; + } + .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, 0.6875rem); + } + .text-sm\@md { + font-size: var(--text-sm, 0.75rem); + } + .text-base\@md { + font-size: var(--text-unit, 1rem); + } + .text-md\@md { + font-size: var(--text-md, 1.125rem); + } + .text-lg\@md { + font-size: var(--text-lg, 1.375rem); + } + .text-xl\@md { + font-size: var(--text-xl, 1.75rem); + } + .text-xxl\@md { + font-size: var(--text-xxl, 2rem); + } + .text-xxxl\@md { + font-size: var(--text-xxxl, 2.5rem); + } + .text-xxxxl\@md { + font-size: var(--text-xxxxl, 3rem); + } + .column-count-1\@md { + -moz-column-count: 1; + column-count: 1; + } + .column-count-2\@md { + -moz-column-count: 2; + column-count: 2; + } + .column-count-3\@md { + -moz-column-count: 3; + column-count: 3; + } + .column-count-4\@md { + -moz-column-count: 4; + column-count: 4; + } + .width-xxxxs\@md { + width: var(--size-xxxxs, 0.25rem); + } + .width-xxxs\@md { + width: var(--size-xxxs, 0.5rem); + } + .width-xxs\@md { + width: var(--size-xxs, 0.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: 33.3333333333%; + } + .width-40\%\@md { + width: 40%; + } + .width-50\%\@md { + width: 50%; + } + .width-60\%\@md { + width: 60%; + } + .width-66\%\@md { + width: 66.6666666667%; + } + .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; + } + .width-inherit\@md { + width: inherit; + } + .height-xxxxs\@md { + height: var(--size-xxxxs, 0.25rem); + } + .height-xxxs\@md { + height: var(--size-xxxs, 0.5rem); + } + .height-xxs\@md { + height: var(--size-xxs, 0.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: 33.3333333333%; + } + .height-40\%\@md { + height: 40%; + } + .height-50\%\@md { + height: 50%; + } + .height-60\%\@md { + height: 60%; + } + .height-66\%\@md { + height: 66.6666666667%; + } + .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; + } + .height-inherit\@md { + height: inherit; + } + .max-width-xxxxxs\@md { + max-width: var(--max-width-xxxxxs); + } + .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 { + justify-content: center; + align-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; + } + .items-stretch\@lg { + align-items: stretch; + } + .content-start\@lg { + align-content: start; + } + .content-end\@lg { + align-content: end; + } + .content-center\@lg { + align-content: center; + } + .content-between\@lg { + align-content: space-between; + } + .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; + } + .css-grid\@lg { + display: grid; + } + .css-inline-grid\@lg { + display: inline-grid; + } + .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, 0.6875rem); + } + .text-sm\@lg { + font-size: var(--text-sm, 0.75rem); + } + .text-base\@lg { + font-size: var(--text-unit, 1rem); + } + .text-md\@lg { + font-size: var(--text-md, 1.125rem); + } + .text-lg\@lg { + font-size: var(--text-lg, 1.375rem); + } + .text-xl\@lg { + font-size: var(--text-xl, 1.75rem); + } + .text-xxl\@lg { + font-size: var(--text-xxl, 2rem); + } + .text-xxxl\@lg { + font-size: var(--text-xxxl, 2.5rem); + } + .text-xxxxl\@lg { + font-size: var(--text-xxxxl, 3rem); + } + .column-count-1\@lg { + -moz-column-count: 1; + column-count: 1; + } + .column-count-2\@lg { + -moz-column-count: 2; + column-count: 2; + } + .column-count-3\@lg { + -moz-column-count: 3; + column-count: 3; + } + .column-count-4\@lg { + -moz-column-count: 4; + column-count: 4; + } + .width-xxxxs\@lg { + width: var(--size-xxxxs, 0.25rem); + } + .width-xxxs\@lg { + width: var(--size-xxxs, 0.5rem); + } + .width-xxs\@lg { + width: var(--size-xxs, 0.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: 33.3333333333%; + } + .width-40\%\@lg { + width: 40%; + } + .width-50\%\@lg { + width: 50%; + } + .width-60\%\@lg { + width: 60%; + } + .width-66\%\@lg { + width: 66.6666666667%; + } + .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; + } + .width-inherit\@lg { + width: inherit; + } + .height-xxxxs\@lg { + height: var(--size-xxxxs, 0.25rem); + } + .height-xxxs\@lg { + height: var(--size-xxxs, 0.5rem); + } + .height-xxs\@lg { + height: var(--size-xxs, 0.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: 33.3333333333%; + } + .height-40\%\@lg { + height: 40%; + } + .height-50\%\@lg { + height: 50%; + } + .height-60\%\@lg { + height: 60%; + } + .height-66\%\@lg { + height: 66.6666666667%; + } + .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; + } + .height-inherit\@lg { + height: inherit; + } + .max-width-xxxxxs\@lg { + max-width: var(--max-width-xxxxxs); + } + .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 { + justify-content: center; + align-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; + } + .items-stretch\@xl { + align-items: stretch; + } + .content-start\@xl { + align-content: start; + } + .content-end\@xl { + align-content: end; + } + .content-center\@xl { + align-content: center; + } + .content-between\@xl { + align-content: space-between; + } + .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; + } + .css-grid\@xl { + display: grid; + } + .css-inline-grid\@xl { + display: inline-grid; + } + .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, 0.6875rem); + } + .text-sm\@xl { + font-size: var(--text-sm, 0.75rem); + } + .text-base\@xl { + font-size: var(--text-unit, 1rem); + } + .text-md\@xl { + font-size: var(--text-md, 1.125rem); + } + .text-lg\@xl { + font-size: var(--text-lg, 1.375rem); + } + .text-xl\@xl { + font-size: var(--text-xl, 1.75rem); + } + .text-xxl\@xl { + font-size: var(--text-xxl, 2rem); + } + .text-xxxl\@xl { + font-size: var(--text-xxxl, 2.5rem); + } + .text-xxxxl\@xl { + font-size: var(--text-xxxxl, 3rem); + } + .column-count-1\@xl { + -moz-column-count: 1; + column-count: 1; + } + .column-count-2\@xl { + -moz-column-count: 2; + column-count: 2; + } + .column-count-3\@xl { + -moz-column-count: 3; + column-count: 3; + } + .column-count-4\@xl { + -moz-column-count: 4; + column-count: 4; + } + .width-xxxxs\@xl { + width: var(--size-xxxxs, 0.25rem); + } + .width-xxxs\@xl { + width: var(--size-xxxs, 0.5rem); + } + .width-xxs\@xl { + width: var(--size-xxs, 0.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: 33.3333333333%; + } + .width-40\%\@xl { + width: 40%; + } + .width-50\%\@xl { + width: 50%; + } + .width-60\%\@xl { + width: 60%; + } + .width-66\%\@xl { + width: 66.6666666667%; + } + .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; + } + .width-inherit\@xl { + width: inherit; + } + .height-xxxxs\@xl { + height: var(--size-xxxxs, 0.25rem); + } + .height-xxxs\@xl { + height: var(--size-xxxs, 0.5rem); + } + .height-xxs\@xl { + height: var(--size-xxs, 0.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: 33.3333333333%; + } + .height-40\%\@xl { + height: 40%; + } + .height-50\%\@xl { + height: 50%; + } + .height-60\%\@xl { + height: 60%; + } + .height-66\%\@xl { + height: 66.6666666667%; + } + .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; + } + .height-inherit\@xl { + height: inherit; + } + .max-width-xxxxxs\@xl { + max-width: var(--max-width-xxxxxs); + } + .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(0, 0%, 88%); + --color-primary-darker-h: 0; + --color-primary-darker-s: 0%; + --color-primary-darker-l: 88%; + --color-primary-dark: hsl(0, 0%, 94%); + --color-primary-dark-h: 0; + --color-primary-dark-s: 0%; + --color-primary-dark-l: 94%; + --color-primary: hsl(0, 0%, 100%); + --color-primary-h: 0; + --color-primary-s: 0%; + --color-primary-l: 100%; + --color-primary-light: hsl(0, 0%, 100%); + --color-primary-light-h: 0; + --color-primary-light-s: 0%; + --color-primary-light-l: 100%; + --color-primary-lighter: hsl(0, 0%, 100%); + --color-primary-lighter-h: 0; + --color-primary-lighter-s: 0%; + --color-primary-lighter-l: 100%; + --color-accent-darker: hsl(36, 100%, 44%); + --color-accent-darker-h: 36; + --color-accent-darker-s: 100%; + --color-accent-darker-l: 44%; + --color-accent-dark: hsl(36, 100%, 50%); + --color-accent-dark-h: 36; + --color-accent-dark-s: 100%; + --color-accent-dark-l: 50%; + --color-accent: hsl(36, 100%, 56%); + --color-accent-h: 36; + --color-accent-s: 100%; + --color-accent-l: 56%; + --color-accent-light: hsl(36, 100%, 62%); + --color-accent-light-h: 36; + --color-accent-light-s: 100%; + --color-accent-light-l: 62%; + --color-accent-lighter: hsl(36, 100%, 68%); + --color-accent-lighter-h: 36; + --color-accent-lighter-s: 100%; + --color-accent-lighter-l: 68%; + --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(40, 87%, 48%); + --color-bg-darker-h: 40; + --color-bg-darker-s: 87%; + --color-bg-darker-l: 48%; + --color-bg-dark: hsl(40, 91%, 49%); + --color-bg-dark-h: 40; + --color-bg-dark-s: 91%; + --color-bg-dark-l: 49%; + --color-bg: hsl(41, 100%, 50%); + --color-bg-h: 41; + --color-bg-s: 100%; + --color-bg-l: 50%; + --color-bg-light: hsl(40, 91%, 51%); + --color-bg-light-h: 40; + --color-bg-light-s: 91%; + --color-bg-light-l: 51%; + --color-bg-lighter: hsl(40, 87%, 52%); + --color-bg-lighter-h: 40; + --color-bg-lighter-s: 87%; + --color-bg-lighter-l: 52%; + --color-contrast-lower: hsl(39, 82%, 46%); + --color-contrast-lower-h: 39; + --color-contrast-lower-s: 82%; + --color-contrast-lower-l: 46%; + --color-contrast-low: hsl(38, 69%, 38%); + --color-contrast-low-h: 38; + --color-contrast-low-s: 69%; + --color-contrast-low-l: 38%; + --color-contrast-medium: hsl(37, 58%, 29%); + --color-contrast-medium-h: 37; + --color-contrast-medium-s: 58%; + --color-contrast-medium-l: 29%; + --color-contrast-high: hsl(35, 32%, 16%); + --color-contrast-high-h: 35; + --color-contrast-high-s: 32%; + --color-contrast-high-l: 16%; + --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%; +} + +@media (min-width: 64rem) { + :root, * { + --space-xxxxs: calc(0.1875 * var(--space-unit)); + --space-xxxs: calc(0.375 * var(--space-unit)); + --space-xxs: calc(0.5625 * var(--space-unit)); + --space-xs: calc(0.75 * var(--space-unit)); + --space-sm: calc(1.125 * var(--space-unit)); + --space-md: calc(2 * var(--space-unit)); + --space-lg: calc(3.125 * var(--space-unit)); + --space-xl: calc(5.125 * var(--space-unit)); + --space-xxl: calc(8.25 * var(--space-unit)); + --space-xxxl: calc(13.25 * var(--space-unit)); + --space-xxxxl: calc(21.5 * var(--space-unit)); + } +} +:root { + --radius: 0.375em; +} + +.hover\:reduce-opacity { + opacity: 1; + transition: all 0.3s ease; +} +.hover\:reduce-opacity:hover { + opacity: 0.8; +} + +.hover\:scale { + transition: transform 0.3s var(--ease-out-back); +} +.hover\:scale:hover { + transform: scale(1.1); +} + +.hover\:elevate { + box-shadow: var(--shadow-sm); + transition: all 0.3s ease; +} +.hover\:elevate:hover { + box-shadow: var(--shadow-md); +} + +.link-subtle { + color: inherit; + cursor: pointer; + text-decoration: none; + transition: all 0.2s ease; +} +.link-subtle:hover { + color: var(--color-primary); +} + +:root { + --font-primary: system-ui, sans-serif; + --text-base-size: 1rem; + --text-scale-ratio: 1.2; + --body-line-height: 1.4; + --heading-line-height: 1.2; + --font-primary-capital-letter: 1; + --text-unit: var(--text-base-size); +} + +: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.125rem; + --text-scale-ratio: 1.215; + } +} +h1, h2, h3, h4 { + --heading-font-weight: 700; +} + +html { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.link { + text-decoration: none; + background-image: linear-gradient(to right, currentColor 50%, hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.15) 50%); + background-size: 200% 1px; + background-repeat: no-repeat; + background-position: 100% 100%; + transition: background-position 0.2s; +} +.link:hover { + background-position: 0% 100%; +} + +mark { + background-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.2); + color: inherit; +} + +.text-component { + --line-height-multiplier: 1; + --text-space-y-multiplier: 1; +} +.text-component > * { + --text-unit: 1em; + --space-unit: 1em; +} +.text-component blockquote { + padding-left: 1em; + border-left: 4px solid var(--color-contrast-lower); + font-style: italic; +} +.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; + font-weight: 500; + transition: all 0.2s ease; + will-change: transform; +} +.btn:focus-visible { + outline: none; + box-shadow: 0 0 0 2px var(--color-bg), 0 0 0 4px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.15); +} +.btn:active { + transform: translateY(2px); +} + +.btn--primary { + background: var(--color-primary); + box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0 1px 3px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25), 0 2px 6px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.1), 0 6px 10px -2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25); + color: var(--color-white); +} +.btn--primary:hover { + background: var(--color-primary-light); + box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0 1px 2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25), 0 1px 4px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.1), 0 3px 6px -2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25); +} +.btn--primary:focus-visible { + box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0 1px 2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25), 0 1px 4px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.1), 0 3px 6px -2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25), 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-primary); +} + +.btn--subtle { + background: var(--color-bg-lighter); + color: var(--color-contrast-higher); + box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.1), 0 0 0 1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.02), 0 0.3px 0.4px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.025), 0 1px 3px -1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.2), 0 3.5px 6px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.12); +} +.btn--subtle:hover { + background: var(--color-bg-light); + box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.1), 0 0 0 1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.02), 0 0.1px 0.3px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.06), 0 1px 2px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.12), 0 1px 3px -1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.2); +} +.btn--subtle:focus-visible { + box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.1), 0 0 0 1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.02), 0 0.3px 0.4px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.025), 0 1px 3px -1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.2), 0 3.5px 6px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.12), 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-contrast-high); +} + +.btn--accent { + background: var(--color-accent); + color: var(--color-white); + box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0 1px 3px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.25), 0 2px 6px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.1), 0 6px 10px -2px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.25); +} +.btn--accent:hover { + background: var(--color-accent-light); + box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0 1px 2px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.25), 0 1px 4px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.1), 0 3px 6px -2px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.1); +} +.btn--accent:focus-visible { + box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0 1px 2px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.25), 0 1px 4px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.1), 0 3px 6px -2px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 0.1), 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-accent); +} + +.btn--disabled, .btn[disabled], .btn[readonly] { + opacity: 0.6; + cursor: not-allowed; +} + +.btn--sm { + font-size: 0.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; + box-shadow: inset 0px 0px 0px 1px var(--color-contrast-lower); + transition: all 0.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, .form-control:focus-within { + background: var(--color-bg); + box-shadow: inset 0 0 0 1px hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0), 0 0 0 2px var(--color-primary), var(--shadow-sm); +} + +.form-control--disabled, .form-control[disabled], .form-control[readonly] { + opacity: 0.5; + cursor: not-allowed; +} + +.form-control[aria-invalid=true], .form-control.form-control--error { + box-shadow: inset 0 0 0 1px hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0), 0 0 0 2px var(--color-error); +} +.form-control[aria-invalid=true]:focus, .form-control[aria-invalid=true]:focus-within, .form-control.form-control--error:focus, .form-control.form-control--error:focus-within { + box-shadow: inset 0 0 0 1px hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0), 0 0 0 2px var(--color-error), var(--shadow-sm); +} + +/*! purgecss start ignore */ +/* -------------------------------- + +File#: _1_anim-menu-btn +Title: Animated Menu Button +Descr: A menu button w/ a morphing icon +Usage: codyhouse.co/license + +-------------------------------- */ +:root { + --anim-menu-btn-size: 48px; + --anim-menu-btn-transition-duration: .2s; + --anim-menu-btn-icon-size: 32px; + --anim-menu-btn-icon-stroke: 2px; +} + +.anim-menu-btn { + display: flex; + justify-content: center; + align-items: center; + width: var(--anim-menu-btn-size); + height: var(--anim-menu-btn-size); +} + +.anim-menu-btn__icon { + position: relative; + display: block; + font-size: var(--anim-menu-btn-icon-size); + width: 1em; + height: var(--anim-menu-btn-icon-stroke); + color: inherit; + background-image: linear-gradient(currentColor, currentColor); + background-repeat: no-repeat; + transform: scale(1); +} +.anim-menu-btn__icon::before, .anim-menu-btn__icon::after { + content: ""; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + background-image: inherit; + border-radius: inherit; +} + +.anim-menu-btn__icon--close { + background-size: 100% 100%; + will-change: transform, background-size; + transition-property: transform, background-size; + transition-duration: var(--anim-menu-btn-transition-duration, 0.2s); +} +.anim-menu-btn:active .anim-menu-btn__icon--close { + transform: scale(0.9); +} +.anim-menu-btn__icon--close::before, .anim-menu-btn__icon--close::after { + will-change: inherit; + transition: inherit; +} +.anim-menu-btn__icon--close::before { + transform: translateY(-0.25em) rotate(0); +} +.anim-menu-btn__icon--close::after { + transform: translateY(0.25em) rotate(0); +} + +.anim-menu-btn--state-b .anim-menu-btn__icon--close { + background-size: 0% 100%; +} +.anim-menu-btn--state-b .anim-menu-btn__icon--close::before { + transform: translateY(0) rotate(45deg); +} +.anim-menu-btn--state-b .anim-menu-btn__icon--close::after { + transform: translateY(0) rotate(-45deg); +} + +.anim-menu-btn__icon--arrow-left, +.anim-menu-btn__icon--arrow-right, +.anim-menu-btn__icon--arrow-up, +.anim-menu-btn__icon--arrow-down { + border-radius: 50em; + will-change: transform; + transition-property: transform; + transition-duration: var(--anim-menu-btn-transition-duration, 0.2s); +} +.anim-menu-btn:active .anim-menu-btn__icon--arrow-left, +.anim-menu-btn:active .anim-menu-btn__icon--arrow-right, +.anim-menu-btn:active .anim-menu-btn__icon--arrow-up, +.anim-menu-btn:active .anim-menu-btn__icon--arrow-down { + transform: scale(0.9); +} +.anim-menu-btn__icon--arrow-left::before, .anim-menu-btn__icon--arrow-left::after, +.anim-menu-btn__icon--arrow-right::before, +.anim-menu-btn__icon--arrow-right::after, +.anim-menu-btn__icon--arrow-up::before, +.anim-menu-btn__icon--arrow-up::after, +.anim-menu-btn__icon--arrow-down::before, +.anim-menu-btn__icon--arrow-down::after { + transform-origin: calc(var(--anim-menu-btn-icon-stroke) / 2) 50%; + will-change: transform, width; + transition-property: transform, width; + transition-duration: var(--anim-menu-btn-transition-duration, 0.2s); +} +.anim-menu-btn__icon--arrow-left::before, +.anim-menu-btn__icon--arrow-right::before, +.anim-menu-btn__icon--arrow-up::before, +.anim-menu-btn__icon--arrow-down::before { + transform: translateY(-0.25em) rotate(0); +} +.anim-menu-btn__icon--arrow-left::after, +.anim-menu-btn__icon--arrow-right::after, +.anim-menu-btn__icon--arrow-up::after, +.anim-menu-btn__icon--arrow-down::after { + transform: translateY(0.25em) rotate(0); +} + +.anim-menu-btn__icon--arrow-right { + transform: rotate(180deg); +} +.anim-menu-btn:active .anim-menu-btn__icon--arrow-right { + transform: rotate(180deg) scale(0.9); +} + +.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::before, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::after, +.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::before, +.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::after, +.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::before, +.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::after, +.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::before, +.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::after { + width: 50%; +} +.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::before, +.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::before, +.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::before, +.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::before { + transform: translateY(0) rotate(-45deg); +} +.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::after, +.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::after, +.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::after, +.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::after { + transform: translateY(0) rotate(45deg); +} +.anim-menu-btn--state-b:active .anim-menu-btn__icon--arrow-up { + transform: rotate(90deg) scale(0.9); +} +.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up { + transform: rotate(90deg); +} +.anim-menu-btn--state-b:active .anim-menu-btn__icon--arrow-down { + transform: rotate(-90deg) scale(0.9); +} +.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down { + transform: rotate(-90deg); +} + +/* -------------------------------- + +File#: _1_btn-states +Title: Buttons states +Descr: Multi-state button elements +Usage: codyhouse.co/license + +-------------------------------- */ +.btn-states { + position: relative; +} + +.btn-states--state-b:not(.btn-states--preserve-width) .btn-states__content-a { + display: none; +} + +.btn-states:not(.btn-states--state-b) .btn-states__content-b { + display: none; +} + +/* preserve button width when switching from state A to state B */ +.btn-states--preserve-width .btn-states__content-b { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.btn-states--preserve-width.btn-states--state-b .btn-states__content-a { + visibility: hidden; +} + +/* -------------------------------- + +File#: _1_card-v11 +Title: Card v11 +Descr: Container of information over a background image +Usage: codyhouse.co/license + +-------------------------------- */ +:root { + --card-v11-height: 320px; + --card-v11-btn-height: 50px; +} +@media (min-width: 64rem) { + :root { + --card-v11-height: 480px; + --card-v11-btn-height: 70px; + } +} + +.card-v11 { + display: block; + position: relative; + text-decoration: none; + color: inherit; + overflow: hidden; + height: var(--card-v11-height); + background-color: var(--color-contrast-lower); + background-size: cover; + background-repeat: no-repeat; +} +.card-v11:hover .card-v11__btn { + background-color: var(--color-bg); + color: var(--color-contrast-higher); +} +.card-v11:hover .card-v11__icon line:nth-child(1), +.card-v11:hover .card-v11__icon line:nth-child(2) { + opacity: 1; + transform: rotate(0deg); + transition: opacity 0s 0.2s, transform 0.2s 0.2s var(--ease-in-out); +} +.card-v11:hover .card-v11__icon line:nth-child(3) { + stroke-dashoffset: 96; + transition: stroke-dashoffset 0.2s var(--ease-in-out); +} + +.card-v11__box { + position: absolute; + bottom: 0; + right: 0; + background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.95); + color: var(--color-bg); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { + .card-v11__box { + background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.7); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + } +} + +.card-v11__btn { + display: flex; + align-items: center; + height: var(--card-v11-btn-height); + transition: 0.4s; +} + +.card-v11__icon { + font-size: 48px; +} +.card-v11__icon line:nth-child(1), +.card-v11__icon line:nth-child(2) { + transform-origin: 47px 24px; + opacity: 0; + transition: opacity 0s 0.2s, transform 0.2s var(--ease-in-out); +} +.card-v11__icon line:nth-child(1) { + transform: rotate(-45deg); +} +.card-v11__icon line:nth-child(2) { + transform: rotate(45deg); +} +.card-v11__icon line:nth-child(3) { + stroke-dasharray: 48; + stroke-dashoffset: 72; + transition: stroke-dashoffset 0.2s 0.2s var(--ease-in-out); +} + +/* -------------------------------- + +File#: _1_card-v9 +Title: Card v9 +Descr: Container of information used as teaser for further content exploration +Usage: codyhouse.co/license + +-------------------------------- */ +.card-v9 { + display: block; + position: relative; + z-index: 1; + text-decoration: none; + color: inherit; + background-color: var(--color-contrast-lower); + background-repeat: no-repeat; + background-position: center; + background-size: cover; + overflow: hidden; + box-shadow: var(--shadow-sm); + transition: 0.3s; +} +.card-v9:hover { + box-shadow: var(--shadow-md); +} + +.card-v9__content { + display: flex; + height: 100%; + flex-direction: column; + position: relative; + z-index: 2; +} + +.card-v9__btn { + position: relative; + display: inline-block; + padding: var(--space-xs) var(--space-sm); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.card-v9__btn i { + position: relative; + z-index: 2; + color: var(--color-bg); + opacity: 0; + transition: opacity 0.3s; +} +.card-v9__btn::after { + content: ""; + position: absolute; + z-index: 1; + top: 0; + left: 0; + width: 100%; + height: 100%; + border-radius: var(--radius-md); + background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.8); + opacity: 0; + transform: translateY(25%); + transition: opacity 0.3s, transform 0.3s var(--ease-out); +} + +.card-v9:hover .card-v9__btn i { + opacity: 1; +} +.card-v9:hover .card-v9__btn::after { + opacity: 1; + transform: translateY(0); +} + +.card-v9--overlay-bg::before { + content: ""; + position: absolute; + z-index: 1; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.5); + transition: background-color 0.3s; +} +.card-v9--overlay-bg:hover::before { + background-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.8); +} + +/* -------------------------------- + +File#: _1_cursor-movement-effects +Title: Cursor Movement Effects +Descr: Animate elements on mouse move +Usage: codyhouse.co/license + +-------------------------------- */ +.cursor-fx-target { + position: relative; + background-color: var(--color-bg-dark); + width: 280px; + height: 280px; + border-radius: var(--radius-lg); +} +.cursor-fx-target:hover .cursor-fx-object { + transition: transform 0.5s var(--ease-out); +} + +.cursor-fx-object { + position: absolute; + transition: transform 0.3s var(--ease-out-back); +} + +.cursor-fx-object--1 { + background-color: var(--color-bg-light); + border-radius: var(--radius-md); + height: 100px; + width: 100px; + top: calc(50% - 50px); + left: calc(50% - 50px); +} + +.cursor-fx-object--2 { + background-color: var(--color-primary); + height: 40px; + width: 40px; + border-radius: 50%; + top: calc(50% - 20px); + left: calc(50% - 20px); +} + +/* -------------------------------- + +File#: _1_custom-cursor +Title: Custom Cursor +Descr: A JavaScript plugin to create animated custom cursors +Usage: codyhouse.co/license + +-------------------------------- */ +.c-cursor { + position: fixed; + z-index: 9999; /* use highest z-index value */ + top: 0; + left: 0; + pointer-events: none; +} + +.c-cursor__img { + display: block; + position: relative; + margin: -50% 0 0 -50%; + filter: drop-shadow(0 1px 1px hsla(0, 0%, 0%, 0.1)); + opacity: 0; + --translate: 0; + --rotate: 0; + --skew: 0; + --scale: 0; + 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))); + transition: opacity 0.2s, transform 0.2s var(--ease-out); +} +.c-cursor--in .c-cursor__img { /* enter animation */ + --scale: 1; + opacity: 1; +} + +@media (prefers-reduced-motion: no-preference) { + [data-custom-cursor], + [data-custom-cursor] * { + cursor: none; + } +} +/* -------------------------------- + +File#: _1_details-list +Title: Details List +Descr: Pairs of related information displayed in a list +Usage: codyhouse.co/license + +-------------------------------- */ +:root { + --details-list-border-width: 1px; + --details-list-border-opacity: 0.15; +} + +.details-list--rows .details-list__item { + border-bottom: var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--details-list-border-opacity)); +} +.details-list--rows .details-list__item:last-child { + border-bottom: none; +} + +.details-list--cols .details-list__item { + border-right: var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--details-list-border-opacity)); +} +.details-list--cols .details-list__item:last-child { + border-right: none; +} + +@media (min-width: 32rem) { + .details-list--rows\@xs .details-list__item { + border-right: 0; + border-bottom: var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--details-list-border-opacity)); + } + .details-list--rows\@xs .details-list__item:last-child { + border-bottom: none; + } + .details-list--cols\@xs .details-list__item { + border-bottom: 0; + border-right: var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--details-list-border-opacity)); + } + .details-list--cols\@xs .details-list__item:last-child { + border-right: none; + } +} +@media (min-width: 48rem) { + .details-list--rows\@sm .details-list__item { + border-right: 0; + border-bottom: var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--details-list-border-opacity)); + } + .details-list--rows\@sm .details-list__item:last-child { + border-bottom: none; + } + .details-list--cols\@sm .details-list__item { + border-bottom: 0; + border-right: var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--details-list-border-opacity)); + } + .details-list--cols\@sm .details-list__item:last-child { + border-right: none; + } +} +@media (min-width: 64rem) { + .details-list--rows\@md .details-list__item { + border-right: 0; + border-bottom: var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--details-list-border-opacity)); + } + .details-list--rows\@md .details-list__item:last-child { + border-bottom: none; + } + .details-list--cols\@md .details-list__item { + border-bottom: 0; + border-right: var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--details-list-border-opacity)); + } + .details-list--cols\@md .details-list__item:last-child { + border-right: none; + } +} +@media (min-width: 80rem) { + .details-list--rows\@lg .details-list__item { + border-right: 0; + border-bottom: var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--details-list-border-opacity)); + } + .details-list--rows\@lg .details-list__item:last-child { + border-bottom: none; + } + .details-list--cols\@lg .details-list__item { + border-bottom: 0; + border-right: var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--details-list-border-opacity)); + } + .details-list--cols\@lg .details-list__item:last-child { + border-right: none; + } +} +@media (min-width: 90rem) { + .details-list--rows\@xl .details-list__item { + border-right: 0; + border-bottom: var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--details-list-border-opacity)); + } + .details-list--rows\@xl .details-list__item:last-child { + border-bottom: none; + } + .details-list--cols\@xl .details-list__item { + border-bottom: 0; + border-right: var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--details-list-border-opacity)); + } + .details-list--cols\@xl .details-list__item:last-child { + border-right: none; + } +} +/* -------------------------------- + +File#: _1_feature-v4 +Title: Feature v4 +Descr: Content group containing media element + text that outsets its container at a specific breakpoint +Usage: codyhouse.co/license + +-------------------------------- */ +.feature-v4 { + --feature-text-offset: 65%; + position: relative; + z-index: 1; +} + +@media (min-width: 32rem) { + .feature-v4__text-offset\@xs { + width: calc(100% + var(--feature-text-offset)); + } + .feature-v4--invert\@xs .feature-v4__grid > *:last-child { + order: -1; + } + .feature-v4--invert\@xs .feature-v4__text-offset\@xs { + margin-left: calc(var(--feature-text-offset) * -1); + } +} +@media (min-width: 48rem) { + .feature-v4__text-offset\@sm { + width: calc(100% + var(--feature-text-offset)); + } + .feature-v4--invert\@sm .feature-v4__grid > *:last-child { + order: -1; + } + .feature-v4--invert\@sm .feature-v4__text-offset\@sm { + margin-left: calc(var(--feature-text-offset) * -1); + } +} +@media (min-width: 64rem) { + .feature-v4__text-offset\@md { + width: calc(100% + var(--feature-text-offset)); + } + .feature-v4--invert\@md .feature-v4__grid > *:last-child { + order: -1; + } + .feature-v4--invert\@md .feature-v4__text-offset\@md { + margin-left: calc(var(--feature-text-offset) * -1); + } +} +@media (min-width: 80rem) { + .feature-v4__text-offset\@lg { + width: calc(100% + var(--feature-text-offset)); + } + .feature-v4--invert\@lg .feature-v4__grid > *:last-child { + order: -1; + } + .feature-v4--invert\@lg .feature-v4__text-offset\@lg { + margin-left: calc(var(--feature-text-offset) * -1); + } +} +@media (min-width: 90rem) { + .feature-v4__text-offset\@xl { + width: calc(100% + var(--feature-text-offset)); + } + .feature-v4--invert\@xl .feature-v4__grid > *:last-child { + order: -1; + } + .feature-v4--invert\@xl .feature-v4__text-offset\@xl { + margin-left: calc(var(--feature-text-offset) * -1); + } +} +/* -------------------------------- + +File#: _1_google-maps +Title: Google Maps +Descr: Google Maps component +Usage: codyhouse.co/license + +-------------------------------- */ +.google-maps { + width: 100%; + height: 0; + padding-bottom: 56.25%; +} + +.google-maps--ratio-4\:1 { + padding-bottom: 25%; +} + +.google-maps--ratio-3\:1 { + padding-bottom: 33%; +} + +/* -------------------------------- + +File#: _1_immersive-section-transition +Title: Immersive Section Transition +Descr: A media element that animates to a full-screen block, before transitioning to the next section of content +Usage: codyhouse.co/license + +-------------------------------- */ +.immerse-section-tr { + position: relative; + --immerse-section-tr-opacity: 0; +} + +.immerse-section-tr__media { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1; + overflow: hidden; + pointer-events: none; +} + +.immerse-section-tr--disabled .immerse-section-tr__media { + position: relative; +} + +.immerse-section-tr__figure { + will-change: transform; + pointer-events: auto; + position: relative; + height: 0; +} +.immerse-section-tr__figure > * { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} + +.immerse-section-tr__figure--16-9 { + padding-bottom: 56.25%; +} + +.immerse-section-tr__figure--3-4 { + padding-bottom: 133.33%; +} + +.immerse-section-tr__content { + position: relative; + z-index: 3; + transform: translateZ(0); +} +.immerse-section-tr__content::after, .immerse-section-tr__content::before { + content: ""; + pointer-events: none; + position: absolute; + top: 0; + left: 0; + width: 100%; + background: var(--color-bg); + opacity: var(--immerse-section-tr-opacity, 0); + pointer-events: none; +} +.immerse-section-tr__content::before { + height: 100%; + z-index: -1; +} +.immerse-section-tr__content::after { + height: 100vh; + transform: translateY(-100%); +} + +.immerse-section-tr--disabled .immerse-section-tr__content::before { + opacity: 1; +} + +/* -------------------------------- + +File#: _1_list +Title: List +Descr: Custom list component +Usage: codyhouse.co/license + +-------------------------------- */ +:root { + --list-space-y: 0.375em; + --list-offset: 1em; + --list-line-height-multiplier: 1; +} + +.list, .text-component .list { + padding-left: 0; + list-style: none; +} +.list ul, .list ol, .text-component .list ul, .text-component .list ol { + list-style: none; + margin: 0; + margin-top: calc(var(--list-space-y) / 2 * var(--text-space-y-multiplier, 1)); + padding-top: calc(var(--list-space-y) / 2 * var(--text-space-y-multiplier, 1)); + padding-left: var(--list-offset); +} +.list li, .text-component .list li { + padding-bottom: calc(var(--list-space-y) / 2 * var(--text-space-y-multiplier, 1)); + margin-bottom: calc(var(--list-space-y) / 2 * var(--text-space-y-multiplier, 1)); + line-height: calc(var(--body-line-height) * var(--list-line-height-multiplier)); +} +.list > li:last-child, .list ul > li:last-child, .list ol > li:last-child, .text-component .list > li:last-child, .text-component .list ul > li:last-child, .text-component .list ol > li:last-child { + margin-bottom: 0; +} +.list:not(.list--border) > li:last-child, .list ul > li:last-child, .list ol > li:last-child, .text-component .list:not(.list--border) > li:last-child, .text-component .list ul > li:last-child, .text-component .list ol > li:last-child { + padding-bottom: 0; +} + +/* #region (ul + ol) */ +.list--ul, .text-component .list--ul, +.list--ol, .text-component .list--ol { + --list-offset: calc(var(--list-bullet-size) + var(--list-bullet-margin-right)); +} +.list--ul ul, .list--ul ol, .text-component .list--ul ul, .text-component .list--ul ol, +.list--ol ul, +.list--ol ol, .text-component .list--ol ul, .text-component .list--ol ol { + padding-left: 0; +} +.list--ul li, .text-component .list--ul li, +.list--ol li, .text-component .list--ol li { + padding-left: var(--list-offset); +} +.list--ul li::before, .text-component .list--ul li::before, +.list--ol li::before, .text-component .list--ol 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: -0.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), 0.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), 0.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), 0.075); +} + +/* #endregion */ +/* #region (border) */ +.list--border li:not(:last-child), .text-component .list--border li:not(:last-child) { + border-bottom: 1px solid var(--color-contrast-lower); +} +.list--border ul, .list--border ol, .text-component .list--border ul, .text-component .list--border ol { + border-top: 1px solid var(--color-contrast-lower); +} + +/* #endregion */ +/* #region (icons) */ +.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 ul, .list--icons ol, .text-component .list--icons ul, .text-component .list--icons ol { + 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(--body-line-height) * var(--list-line-height-multiplier) - var(--list-bullet-size)) / 2); +} + +/* #endregion */ +/* -------------------------------- + +File#: _1_main-footer-v4 +Title: Main Footer v4 +Descr: Footer navigation template +Usage: codyhouse.co/license + +-------------------------------- */ +.footer-v4 { + position: relative; + z-index: 1; +} + +.footer-v4__nav { + margin-bottom: var(--space-lg); +} + +.footer-v4__nav-item { + margin-bottom: var(--space-sm); +} +.footer-v4__nav-item a { + color: var(--color-contrast-lower); + font-size: 1.25em; +} +.footer-v4__nav-item a:hover { + color: var(--color-primary); +} + +.footer-v4__logo { + margin-bottom: var(--space-sm); +} +.footer-v4__logo a, .footer-v4__logo svg, .footer-v4__logo img { + width: 104px; + height: 30px; + display: block; +} + +.footer-v4__print { + color: var(--color-contrast-lower); + font-size: var(--text-sm); + margin-bottom: var(--space-sm); +} + +.footer-v4__socials { + display: flex; + align-items: center; +} +.footer-v4__socials a { + text-decoration: none; + display: inline-block; + margin-right: var(--space-xs); + color: var(--color-contrast-medium); +} +.footer-v4__socials a:hover { + color: var(--color-contrast-high); +} +.footer-v4__socials a svg { + display: block; + width: 1.25em; + height: 1.25em; + color: inherit; +} + +@media (min-width: 64rem) { + .footer-v4 { + text-align: center; + } + .footer-v4__nav-list { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + } + .footer-v4__nav-item { + display: inline-block; + margin: var(--space-xxxs) var(--space-xs); + } + .footer-v4__nav-item a { + font-size: 0.75em; + } + .footer-v4__nav-item:first-child { + padding-left: 0; + } + .footer-v4__nav-item:last-child { + padding-right: 0; + } + .footer-v4__logo { + display: inline-block; + } + .footer-v4__print { + font-size: var(--text-xs); + } + .footer-v4__socials { + justify-content: center; + } + .footer-v4__socials a { + margin: 0 var(--space-xxxs); + } + .footer-v4__socials a svg { + width: 1em; + height: 1em; + } +} +/* -------------------------------- + +File#: _1_masonry +Title: Masonry +Descr: Gallery with elements laid out in optimal position based on available vertical space +Usage: codyhouse.co/license + +-------------------------------- */ +:root { + --masonry-grid-gap: var(--space-sm); + --masonry-col-auto-size: 280px; +} + +.masonry__loader { + display: none; +} + +.masonry__list { + display: flex; + flex-wrap: wrap; + margin-right: calc(-1 * var(--masonry-grid-gap)); + margin-bottom: calc(-1 * var(--masonry-grid-gap)); +} + +.masonry__item { + display: inline-block; + width: var(--masonry-col-auto-size); + margin-right: var(--masonry-grid-gap); + margin-bottom: var(--masonry-grid-gap); +} + +.masonry { + position: relative; +} + +.masonry__loader { + display: block; + position: absolute; + left: 50%; + transform: translateX(-50%); + top: 0; +} + +.masonry__list { + opacity: 0; + transition: opacity 0.4s; +} + +.masonry--loaded .masonry__loader { + display: none; +} +.masonry--loaded .masonry__list { + opacity: 1; +} + +@supports (flex-basis: 0px) { + .masonry__list { + flex-direction: column; + } + .masonry__item { + flex-basis: 0px; + } +} +/* -------------------------------- + +File#: _1_search-input +Title: Search input +Descr: Search input field with custom button +Usage: codyhouse.co/license + +-------------------------------- */ +:root { + --search-input-btn-width: 2.2em; + --search-input-icon-size: 1em; + --search-input-shortcut-margin: 0.325em; /* gap between the shortcut badge and the input edges */ +} + +.search-input { + position: relative; +} + +.search-input__input { + width: 100%; + height: 100%; +} +.search-input__input::-webkit-search-decoration, .search-input__input::-webkit-search-cancel-button, .search-input__input::-webkit-search-results-button, .search-input__input::-webkit-search-results-decoration { + -webkit-appearance: none; +} +.search-input__input::-ms-clear, .search-input__input::-ms-reveal { + display: none; + width: 0; + height: 0; +} +.search-input--icon-right .search-input__input { + padding-right: var(--search-input-btn-width); +} +.search-input--icon-left .search-input__input { + padding-left: var(--search-input-btn-width); +} + +.search-input__btn { + background-color: transparent; + padding: 0; + border: 0; + border-radius: 0; + color: inherit; + line-height: inherit; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + position: absolute; + top: 0; + right: 0; + display: flex; + justify-content: center; + align-items: center; + height: 100%; + width: var(--search-input-btn-width); +} +.search-input__btn:active .icon { + transform: translateY(2px); +} +.search-input__btn .icon { + display: block; + --size: var(--search-input-icon-size); + margin-left: auto; + margin-right: auto; + color: var(--color-contrast-low); /* icon color */ + transition: 0.2s; +} +.search-input--icon-left .search-input__btn { + left: 0; + right: auto; + pointer-events: none; +} + +.search-input__btn:focus .icon, +.search-input .search-input__input:focus + .search-input__btn .icon { + color: var(--color-primary); /* active icon color */ +} + +/* --shortcut */ +.search-input__shortcut { + position: absolute; + right: var(--search-input-shortcut-margin); + top: var(--search-input-shortcut-margin); + height: calc(100% - var(--search-input-shortcut-margin) * 2); + display: flex; + align-items: center; + background-color: var(--color-bg); + border: 1px solid var(--color-contrast-lower); + border-radius: var(--radius-sm); + --space-unit: 1em; + padding: 0 var(--space-xxxs); + line-height: 1; + color: var(--color-contrast-medium); +} + +.search-input:focus-within .search-input__shortcut { + display: none; +} + +/* -------------------------------- + +File#: _1_sliding-panels +Title: Sliding Panels +Descr: A group of sections that expand to reveal additional content, or hide to show the navigation +Usage: codyhouse.co/license + +-------------------------------- */ +.s-panels__nav-control { + position: fixed; + z-index: var(--z-index-fixed-element, 10); + top: var(--space-md); + right: var(--space-md); + width: 48px; + height: 48px; + border-radius: 50%; + border: 1px solid hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.1); + background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.95); + display: flex; + justify-content: center; + align-items: center; + color: var(--color-white); + transition: transform 0.3s var(--ease-in-out); +} +.s-panels__nav-control:active { + transform: translateY(2px); +} +.s-panels__nav-control .icon__group * { + transition: transform 0.3s var(--ease-in-out), stroke-dashoffset 0.3s var(--ease-in-out); + stroke-dasharray: 24; +} +.s-panels__nav-control .icon__group *:nth-child(1) { + transform-origin: 2px 6px; +} +.s-panels__nav-control .icon__group *:nth-child(2) { + transform-origin: 2px 12px; +} +.s-panels__nav-control .icon__group *:nth-child(3) { + transform-origin: 2px 18px; +} +@media (orientation: portrait) { + .s-panels__nav-control.s-panels__nav-control--arrow-down { + transform: rotate(-180deg); + } + .s-panels__nav-control.s-panels__nav-control--arrow-down:active { + transform: translateY(2px) rotate(-180deg); + } +} +@media (orientation: landscape) { + .s-panels__nav-control.s-panels__nav-control--arrow-down { + transform: rotate(-90deg); + } + .s-panels__nav-control.s-panels__nav-control--arrow-down:active { + transform: translateY(2px) rotate(-90deg); + } +} +.s-panels__nav-control.s-panels__nav-control--arrow-down .icon__group *:nth-child(1), +.s-panels__nav-control.s-panels__nav-control--arrow-down .icon__group *:nth-child(3) { + stroke-dashoffset: 14; +} +.s-panels__nav-control.s-panels__nav-control--arrow-down .icon__group *:nth-child(1) { + transform: translateY(6px) rotate(-45deg); +} +.s-panels__nav-control.s-panels__nav-control--arrow-down .icon__group *:nth-child(3) { + transform: translateY(-6px) rotate(45deg); +} +.s-panels__nav-control.s-panels__nav-control--close:active { + transform: translateY(2px); +} +.s-panels__nav-control.s-panels__nav-control--close .icon__group *:nth-child(1) { + transform: translateX(2.93px) translateY(-1.07px) rotate(45deg); +} +.s-panels__nav-control.s-panels__nav-control--close .icon__group *:nth-child(2) { + stroke-dashoffset: 24; +} +.s-panels__nav-control.s-panels__nav-control--close .icon__group *:nth-child(3) { + transform: translateX(2.93px) translateY(1.07px) rotate(-45deg); +} + +.s-panels__projects-list { + position: relative; + z-index: 2; + height: 100vh; + overflow: hidden; + pointer-events: none; +} + +.s-panels__project-preview { + position: absolute; + top: 0; + left: 0; + z-index: 2; + width: 100%; + height: 100%; + transition: transform 0.4s var(--ease-in-out); +} + +@media (orientation: landscape) { + .s-panels__project-preview:nth-child(2) .s-panels__project-figure { + transform: translateX(25%) scaleX(0.25); + } + .s-panels__project-preview:nth-child(2) .s-panels__project-intro { + transform: translateX(100%); + } + .s-panels__project-preview:nth-child(3) .s-panels__project-figure { + transform: translateX(50%) scaleX(0.25); + } + .s-panels__project-preview:nth-child(3) .s-panels__project-intro { + transform: translateX(200%); + } + .s-panels__project-preview:nth-child(4) .s-panels__project-figure { + transform: translateX(75%) scaleX(0.25); + } + .s-panels__project-preview:nth-child(4) .s-panels__project-intro { + transform: translateX(300%); + } + .s-panels__project-preview--hide { + transform: translateY(-100%); + } +} +@media (orientation: portrait) { + .s-panels__project-preview:nth-child(2) .s-panels__project-figure { + transform: translateY(25%) scaleY(0.25); + } + .s-panels__project-preview:nth-child(2) .s-panels__project-intro { + transform: translateY(100%); + } + .s-panels__project-preview:nth-child(3) .s-panels__project-figure { + transform: translateY(50%) scaleY(0.25); + } + .s-panels__project-preview:nth-child(3) .s-panels__project-intro { + transform: translateY(200%); + } + .s-panels__project-preview:nth-child(4) .s-panels__project-figure { + transform: translateY(75%) scaleY(0.25); + } + .s-panels__project-preview:nth-child(4) .s-panels__project-intro { + transform: translateY(300%); + } + .s-panels__project-preview--hide { + transform: translateX(-100%); + } +} +.s-panels__project-preview--selected { + z-index: 1; + pointer-events: auto; +} +.s-panels__project-preview--selected .s-panels__project-figure { + overflow: visible; +} +.s-panels__project-preview--selected .s-panels__project-img { + opacity: 0.9 !important; + filter: none !important; +} +.s-panels__project-preview--selected .s-panels__project-intro { + opacity: 0; +} +.s-panels__project-preview--selected .s-panels__project-control { + pointer-events: none; +} +.s-panels__project-preview--selected .s-panels__text-component::before, +.s-panels__project-preview--selected .s-panels__text-component::after { + display: none; +} +.s-panels__project-preview--selected .s-panels__project-title-wrapper { + opacity: 1; + visibility: visible; + transition: opacity 0.4s 0.2s; +} +.s-panels__project-preview--selected .s-panels__project-title { + transform: translateY(0); + transition-delay: 0.2s; +} + +@media (orientation: landscape) { + .s-panels__project-preview--selected .s-panels__project-figure { + transform: translateX(calc(50% - 50% / 4)) scaleX(0.25) !important; + } +} +@media (orientation: portrait) { + .s-panels__project-preview--selected .s-panels__project-figure { + transform: translateY(calc(50% - 50% / 4)) scaleY(0.25) !important; + } +} +.s-panels__project-preview--no-transition { + transition: none !important; +} +.s-panels__project-preview--no-transition > * { + transition: none !important; +} + +.s-panels__project-figure, +.s-panels__project-img, +.s-panels__project-intro, +.s-panels__project-control { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.s-panels__project-figure { + overflow: hidden; + transition: transform 0.4s var(--ease-in-out); +} + +@media (orientation: landscape) { + .s-panels__project-figure { + transform-origin: left center; + transform: scaleX(0.25); + } +} +@media (orientation: portrait) { + .s-panels__project-figure { + transform-origin: center top; + transform: scaleY(0.25); + } +} +.s-panels__project-img { + display: block; + -o-object-fit: cover; + object-fit: cover; + opacity: 0.25; + filter: grayscale(100%); + transition: opacity 0.4s, filter 0.4s, transform 0.4s var(--ease-in-out); +} +@media (min-width: 64rem) { + .s-panels__project-img { + opacity: 0.15; + } +} + +.s-panels__project-intro { + z-index: 1; + display: flex; + justify-content: center; + align-items: center; + pointer-events: auto; + transition: opacity 0.3s; +} +.s-panels__project-intro:hover + .s-panels__project-figure .s-panels__project-img, .s-panels__project-intro:focus-within + .s-panels__project-figure .s-panels__project-img { + opacity: 0.5; + filter: grayscale(50%); +} +.s-panels__project-intro:hover .s-panels__text-component::before, .s-panels__project-intro:focus-within .s-panels__text-component::before { + transform: scaleY(1); +} +.s-panels__project-intro:hover .s-panels__text-component::after, .s-panels__project-intro:focus-within .s-panels__text-component::after { + transform: scaleX(1); +} + +@media (orientation: landscape) { + .s-panels__project-img { + transform: scaleX(4); + } + .s-panels__project-intro { + width: 25%; + } +} +@media (orientation: portrait) { + .s-panels__project-img { + transform: scaleY(4); + } + .s-panels__project-intro { + height: 25%; + } +} +.s-panels__text-component { + --icon-size: 20px; + --icon-stroke-width: 1px; + --icon-margin-top: 12px; + position: relative; +} +.s-panels__text-component::before, .s-panels__text-component::after { + content: ""; + position: absolute; + background-color: var(--color-white); + transition: transform 0.2s var(--ease-in-out); +} +.s-panels__text-component::before { + width: var(--icon-stroke-width); + height: var(--icon-size); + bottom: calc(-1 * var(--icon-size) - var(--icon-margin-top)); + left: calc(50% - var(--icon-stroke-width) / 2); + transform: scaleY(0); +} +.s-panels__text-component::after { + width: var(--icon-size); + height: var(--icon-stroke-width); + bottom: calc(-0.5 * (var(--icon-size) + var(--icon-stroke-width)) - var(--icon-margin-top)); + left: calc(50% - var(--icon-size) / 2); + transform: scaleX(0); +} +@media (min-width: 64rem) { + .s-panels__text-component { + --icon-size: 24px; + --icon-margin-top: 16px; + } +} + +.s-panels__project-control { + color: transparent; +} +.s-panels__project-control:focus { + outline: none; +} + +.s-panels__project-title-wrapper { + position: absolute; + bottom: 0; + width: 100%; + left: 0; + background: linear-gradient(hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0), hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.7)); + opacity: 0; + visibility: hidden; + transition: opacity 0.4s, visibility 0s 0.4s; +} + +.s-panels__project-title { + transform: translateY(50px); + transition: transform 0.4s var(--ease-out); +} + +.s-panels__nav-wrapper { + position: fixed; + top: 0; + left: 0; + z-index: 1; + width: 100%; + height: 100%; +} + +.s-panels__nav-link { + color: var(--color-bg); + text-decoration: none; + position: relative; + display: inline-block; + padding: var(--space-xxxxs) 0; + line-height: 1; +} +.s-panels__nav-link::before, .s-panels__nav-link::after { + content: ""; + position: absolute; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + background-color: currentColor; +} +.s-panels__nav-link::before { + opacity: 0.15; +} +.s-panels__nav-link::after { + transform-origin: right center; + transform: scaleX(0); + transition: transform 0.3s var(--ease-in-out); +} +.s-panels__nav-link:hover::after { + transform: scaleX(1); + transform-origin: left center; +} + +.s-panels__social-link { + color: var(--color-bg); + text-decoration: none; + opacity: 1; + transition: 0.2s; +} +.s-panels__social-link:hover { + opacity: 0.65; +} + +.s-panels__project-content { + position: relative; + z-index: 2; +} + +.s-panels__overlay-layer { + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + opacity: 0; + z-index: 2; + visibility: hidden; + transition: 0.5s; +} + +.s-panels__overlay-layer--visible { + opacity: 1; + visibility: visible; + z-index: 3; +} + +/* -------------------------------- + +File#: _1_socials-v3 +Title: Socials v3 +Descr: Section with links to social media accounts +Usage: codyhouse.co/license + +-------------------------------- */ +.socials-v3 { + position: relative; + z-index: 1; +} + +.socials-v3__btns { + display: flex; +} +.socials-v3__btns > * { + flex-grow: 1; +} +.socials-v3__btns:hover .socials-v3__btn { + opacity: 0.5; +} +.socials-v3__btns:hover .socials-v3__btn::after { + opacity: 0; +} +.socials-v3__btns li:last-child .socials-v3__btn::after { + display: none; +} + +.socials-v3__btn { + position: relative; + display: block; + text-align: center; + padding-top: var(--space-xl); + padding-bottom: var(--space-xl); + border-radius: var(--radius-md); + transition: 0.3s; +} +.socials-v3__btn .icon { + font-size: 1.6em; + color: var(--color-contrast-lower); + transition: color 0.2s, transform 0.2s; +} +.socials-v3__btn::after { + content: ""; + position: absolute; + right: 0; + top: 0; + width: 1px; + height: 100%; + background-color: var(--color-contrast-lower); + transition: opacity 0.2s; +} +.socials-v3__btn:hover { + background-color: var(--color-bg); + box-shadow: var(--shadow-md); + opacity: 1 !important; +} +.socials-v3__btn:hover .icon { + color: var(--color-primary); + transform: scale(1.2); +} + +@media (min-width: 48rem) { + .socials-v3__btn .icon { + font-size: 2em; + } +} +/* -------------------------------- + +File#: _1_sticky-feature +Title: Sticky Feature +Descr: List of product features with sticky images +Usage: codyhouse.co/license + +-------------------------------- */ +.sticky-feature { + position: relative; + z-index: 1; +} + +.sticky-feature__content-figure { + /* images visible on small screens */ + border-radius: var(--radius-md); + overflow: hidden; + box-shadow: var(--shadow-sm); + margin-top: var(--space-md); +} +.sticky-feature__content-figure img { + display: block; + width: 100%; +} + +.sticky-feature__media-list { + position: -webkit-sticky; + position: sticky; + top: 0; + height: 100vh; +} + +.sticky-feature__media-item { + position: absolute; + z-index: 1; + top: 0; + left: 0; + height: 100%; + width: 100%; + display: flex; + align-items: center; + justify-content: center; +} + +.sticky-feature__media-figure { + /* images visible on bigger screens */ + border-radius: var(--radius-lg); + box-shadow: var(--shadow-sm); + overflow: hidden; + opacity: 0; +} +.sticky-feature__media-figure img { + display: block; + width: 100%; + max-height: 90vh; +} +.sticky-feature-current-item .sticky-feature__media-figure { + opacity: 1; +} + +@media (min-width: 64rem) { + .sticky-feature__content-list { + padding-top: 50vh; + padding-bottom: 50vh; + } + .sticky-feature__title { + font-size: var(--text-xl); + cursor: pointer; + opacity: 0.3; + } + .sticky-feature__title:hover, .sticky-feature-current-item .sticky-feature__title { + opacity: 1; + } + .sticky-feature__content-figure { + /* show only to screen readers */ + 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; + } + .sticky-feature__media-list { + /* text overlay gradients */ + } + .sticky-feature__media-list::before, .sticky-feature__media-list::after { + content: ""; + position: absolute; + right: 0; + width: 100vw; + height: 100px; + pointer-events: none; + } + .sticky-feature__media-list::before { + top: 0; + background: linear-gradient(to bottom, var(--color-bg), hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.8), hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0)); + } + .sticky-feature__media-list::after { + bottom: 0; + background: linear-gradient(to top, var(--color-bg), hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.8), hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0)); + } +} +/* -------------------------------- + +File#: _1_swipe-content +Title: Swipe Content +Descr: A Vanilla JavaScript plugin to detect touch interactions +Usage: codyhouse.co/license + +-------------------------------- */ +.swipe-content { + height: 280px; + width: 280px; + background-color: var(--color-contrast-low); + border-radius: var(--radius-md); + cursor: default; + transition: background 0.2s; +} +.swipe-content:active { + background-color: var(--color-contrast-medium); +} + +/* -------------------------------- + +File#: _1_switch-icon +Title: Switch Icon +Descr: An icon transition generator that works with any icons +Usage: codyhouse.co/license + +-------------------------------- */ +.switch-icon { /* button */ + position: relative; +} + +.switch-icon--disabled { /* optional - use in JS to temporary disable click event */ + pointer-events: none; +} + +.switch-icon__icon { /* icon */ + font-size: 1em; /* icon size */ + display: block; + will-change: transform; +} + +.switch-icon__icon--a { + opacity: 1; +} + +.switch-icon__icon--b { + position: absolute; + top: calc(50% - 0.5em); + left: calc(50% - 0.5em); + opacity: 0; +} + +.switch-icon--state-b .switch-icon__icon--a, +.switch-icon--hover:hover .switch-icon__icon--a { + opacity: 0; +} +.switch-icon--state-b .switch-icon__icon--b, +.switch-icon--hover:hover .switch-icon__icon--b { + opacity: 1; +} + +/* --scale */ +.switch-icon--scale .switch-icon__icon { + transition: opacity 0s 0.2s, transform 0.4s; +} +.switch-icon--scale .switch-icon__icon--a { + transform: scale(1); +} +.switch-icon--scale .switch-icon__icon--b { + transform: scale(0.8); +} + +.switch-icon--scale.switch-icon--state-b .switch-icon__icon--a, +.switch-icon--scale.switch-icon--hover:hover .switch-icon__icon--a { + transform: scale(0.8); +} +.switch-icon--scale.switch-icon--state-b .switch-icon__icon--b, +.switch-icon--scale.switch-icon--hover:hover .switch-icon__icon--b { + transform: scale(1); +} + +/* --rotate */ +.switch-icon--rotate .switch-icon__icon { + transition: opacity 0s 0.2s, transform 0.4s; +} +.switch-icon--rotate .switch-icon__icon--a { + transform: rotate(0); +} +.switch-icon--rotate .switch-icon__icon--b { + transform: rotate(90deg); +} + +.switch-icon--rotate.switch-icon--state-b .switch-icon__icon--a, +.switch-icon--rotate.switch-icon--hover:hover .switch-icon__icon--a { + transform: rotate(-90deg); +} +.switch-icon--rotate.switch-icon--state-b .switch-icon__icon--b, +.switch-icon--rotate.switch-icon--hover:hover .switch-icon__icon--b { + transform: rotate(0); +} + +/* --flip */ +.switch-icon--flip { + perspective: 10em; +} +.switch-icon--flip .switch-icon__icon { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transform-style: preserve-3d; + transition: opacity 0s 0.2s, transform 0.4s var(--ease-out-back); +} +.switch-icon--flip .switch-icon__icon--a { + opacity: 1; + transform: rotateY(0deg); +} +.switch-icon--flip .switch-icon__icon--b { + opacity: 1; + transform: rotateY(-180deg); +} + +.switch-icon--flip.switch-icon--state-b .switch-icon__icon--a, +.switch-icon--flip.switch-icon--hover:hover .switch-icon__icon--a { + opacity: 1; + transform: rotateY(180deg); +} +.switch-icon--flip.switch-icon--state-b .switch-icon__icon--b, +.switch-icon--flip.switch-icon--hover:hover .switch-icon__icon--b { + opacity: 1; + transform: rotateY(0deg); +} + +/* slide effects */ +.switch-icon--slide-up, +.switch-icon--slide-down, +.switch-icon--slide-right, +.switch-icon--slide-left { + overflow: hidden; +} +.switch-icon--slide-up .switch-icon__icon, +.switch-icon--slide-down .switch-icon__icon, +.switch-icon--slide-right .switch-icon__icon, +.switch-icon--slide-left .switch-icon__icon { + transition: opacity 0.3s, transform 0.3s; +} + +/* slide-up */ +.switch-icon--slide-up .switch-icon__icon--a { + transform: translateY(0); +} +.switch-icon--slide-up .switch-icon__icon--b { + transform: translateY(100%); +} + +.switch-icon--slide-up.switch-icon--state-b .switch-icon__icon--a, +.switch-icon--slide-up.switch-icon--hover:hover .switch-icon__icon--a { + transform: translateY(-100%); +} +.switch-icon--slide-up.switch-icon--state-b .switch-icon__icon--b, +.switch-icon--slide-up.switch-icon--hover:hover .switch-icon__icon--b { + transform: translateY(0); +} + +/* slide-down */ +.switch-icon--slide-down .switch-icon__icon--a { + transform: translateY(0); +} +.switch-icon--slide-down .switch-icon__icon--b { + transform: translateY(-100%); +} + +.switch-icon--slide-down.switch-icon--state-b .switch-icon__icon--a, +.switch-icon--slide-down.switch-icon--hover:hover .switch-icon__icon--a { + transform: translateY(100%); +} +.switch-icon--slide-down.switch-icon--state-b .switch-icon__icon--b, +.switch-icon--slide-down.switch-icon--hover:hover .switch-icon__icon--b { + transform: translateY(0); +} + +/* slide-right */ +.switch-icon--slide-right .switch-icon__icon--a { + transform: translateX(0); +} +.switch-icon--slide-right .switch-icon__icon--b { + transform: translateX(-100%); +} + +.switch-icon--slide-right.switch-icon--state-b .switch-icon__icon--a, +.switch-icon--slide-right.switch-icon--hover:hover .switch-icon__icon--a { + transform: translateX(100%); +} +.switch-icon--slide-right.switch-icon--state-b .switch-icon__icon--b, +.switch-icon--slide-right.switch-icon--hover:hover .switch-icon__icon--b { + transform: translateX(0); +} + +/* slide-left */ +.switch-icon--slide-left .switch-icon__icon--a { + transform: translateX(0); +} +.switch-icon--slide-left .switch-icon__icon--b { + transform: translateX(100%); +} + +.switch-icon--slide-left.switch-icon--state-b .switch-icon__icon--a, +.switch-icon--slide-left.switch-icon--hover:hover .switch-icon__icon--a { + transform: translateX(-100%); +} +.switch-icon--slide-left.switch-icon--state-b .switch-icon__icon--b, +.switch-icon--slide-left.switch-icon--hover:hover .switch-icon__icon--b { + transform: translateX(0); +} + +/* -------------------------------- + +File#: _1_tabs +Title: Tabs +Descr: A list of content sections (panels), accessible one at a time using control labels +Usage: codyhouse.co/license + +-------------------------------- */ +.tabs__control { + text-decoration: none; + color: var(--color-contrast-medium); +} +.tabs__control:focus { + outline: 2px solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2); + outline-offset: 2px; +} +.tabs__control:hover { + color: var(--color-contrast-high); +} + +.tabs__control[aria-selected=true] { + color: var(--color-contrast-high); + text-decoration: underline; +} + +/* -------------------------------- + +File#: _1_text-divider +Title: Text divider +Descr: Labelled horizontal divider for text components +Usage: codyhouse.co/license + +-------------------------------- */ +.text-divider { + margin: var(--space-lg) auto; + display: flex; + text-align: center; + align-items: center; +} +.text-divider span { + white-space: nowrap; + padding: 0 var(--space-sm); +} +.text-divider::before, .text-divider::after { + content: ""; + display: inline-block; + height: 1px; + width: 20px; + flex-grow: 1; + background: var(--color-contrast-lower); + vertical-align: middle; +} + +.text-component .text-divider { + margin: calc(var(--space-md) * var(--text-space-y-multiplier)) auto; +} + +/* -------------------------------- + +File#: _2_article-gallery-v4 +Title: Article Gallery v4 +Descr: A gallery of blog articles +Usage: codyhouse.co/license + +-------------------------------- */ +.articles-v4.masonry { + --masonry-grid-gap: var(--space-sm); + --masonry-col-auto-size: 320px; +} + +/* -------------------------------- + +File#: _2_contact-v3 +Title: Contact v3 +Descr: Contact block w/ info about how to get in touch +Usage: codyhouse.co/license + +-------------------------------- */ +/* -------------------------------- + +File#: _2_contact +Title: Contact +Descr: Contact block w/ info about how to get in touch +Usage: codyhouse.co/license + +-------------------------------- */ +@media (min-width: 64rem) { + .contact .google-maps { + height: auto; + padding-bottom: 0; + } +} +/* -------------------------------- + +File#: _2_flexi-header +Title: Flexi Header +Descr: Customizable header template +Usage: codyhouse.co/license + +-------------------------------- */ +:root { + --f-header-height: 100px; + --f-header-logo-width: 104px; +} +@media (min-width: 64rem) { + :root { + --f-header-height: 140px; + } +} + +.f-header { + height: var(--f-header-height); + width: 100%; + z-index: var(--z-index-header, 3); +} +.f-header::before { /* used in JS to detect menu style */ + display: none; + content: "mobile"; +} + +.f-header--expanded { + /* class added when navigation is visible - small devices only */ +} + +.f-header__mobile-content { /* logo + menu button on small devices */ + position: relative; + display: flex; + height: 100%; + justify-content: space-between; + align-items: center; + z-index: 2; +} + +.f-header__logo { + display: block; + width: var(--f-header-logo-width); + flex-shrink: 0; + text-decoration: none; +} +.f-header__logo svg, .f-header__logo img { + display: block; +} + +.f-header__nav-control { /* menu button */ + --anim-menu-btn-size: 40px; + /* 🍔 icon */ + --anim-menu-btn-icon-size: 28px; + --anim-menu-btn-icon-stroke: 2px; +} + +.f-header__nav { + position: absolute; + top: 0; + left: 0; + width: 100%; + max-height: calc(100vh - var(--f-header-offset, 0px)); + overflow: auto; + -webkit-overflow-scrolling: touch; + overscroll-behavior: contain; + padding: 0 0 var(--space-md); + background-color: var(--color-bg); + box-shadow: var(--shadow-md); + z-index: 1; + visibility: hidden; + opacity: 0; + transform: translateY(-1em); +} +.f-header__nav::before { /* top header bg + border */ + content: ""; + display: block; + position: -webkit-sticky; + position: sticky; + top: 0; + height: var(--f-header-height); + background-color: inherit; + border-bottom: 1px solid var(--color-contrast-lower); +} + +.f-header__nav--is-visible { + visibility: visible; + opacity: 1; + transform: translateY(0); + transition: visibility 0s, opacity 0.3s, transform 0.3s; +} + +.f-header__nav-logo-wrapper { + display: none; /* hide logo nav on small devices */ +} + +.f-header__item { + flex-shrink: 0; + border-bottom: 1px solid var(--color-contrast-lower); +} + +.f-header__dropdown-icon { + --size: 16px; + flex-shrink: 0; + margin: 0 10px 0 auto; + display: none; /* hide on mobile if link */ +} +.f-header__dropdown-control .f-header__dropdown-icon { + display: block; +} + +.f-header__link, +.f-header__dropdown-control, +.f-header__dropdown-link, +.f-header__btn, +.f-header__form-control { + font-size: var(--text-md); +} + +.f-header__link, +.f-header__dropdown-control, +.f-header__dropdown-link { + display: flex; + align-items: center; + color: var(--color-contrast-higher); + text-decoration: none; + padding: var(--space-xs) 0; +} +.f-header__link:hover, .f-header__link[aria-current=page], +.f-header__dropdown-control:hover, +.f-header__dropdown-control[aria-current=page], +.f-header__dropdown-link:hover, +.f-header__dropdown-link[aria-current=page] { + color: var(--color-primary); +} + +.f-header__btn, +.f-header__form-control { + width: 100%; + margin: var(--space-xs) 0; +} + +.f-header__dropdown-control { + width: 100%; +} + +.f-header__dropdown { /* sub navigation */ + padding-left: var(--space-md); /* offset sub nav */ +} + +.f-header__dropdown-control + .f-header__dropdown { + display: none; +} +.f-header__dropdown-control[aria-expanded=true] + .f-header__dropdown { + display: block; +} + +@media (min-width: 64rem) { + .f-header::before { + content: "desktop"; + } + .f-header__mobile-content { + display: none; /* hide logo + menu (mobile content) */ + } + .f-header__nav { + /* reset */ + position: static; + padding: 0; + background-color: transparent; + box-shadow: none; + visibility: visible; + opacity: 1; + transform: translateY(0); + transition: none; + max-height: none; + overflow: visible; + overscroll-behavior: auto; + height: var(--f-header-height); + } + .f-header__nav::before { /* reset */ + display: none; + } + .f-header__nav-logo-wrapper { + display: flex; + } + .f-header__nav-grid, + .f-header__list { + display: flex; + align-items: center; + } + .f-header__nav-grid { + height: 100%; + } + .f-header__item { + position: relative; + border-bottom: none; + margin-right: var(--space-xs); /* margin between nav items */ + } + .f-header__item:last-child { + margin-right: 0; + } + .f-header__dropdown-icon { + --size: 12px; + display: block; + margin: 0 0 0 var(--space-xxxxs); + } + .f-header__link, + .f-header__dropdown-control, + .f-header__dropdown-link, + .f-header__btn, + .f-header__form-control { + font-size: 1.125rem; + } + .f-header__link { + padding: var(--space-xxxs) var(--space-xxs); + } + .f-header__link--icon span { + display: none; /* hide icon label */ + } + .f-header__btn, + .f-header__form-control { + margin: 0; /* reset */ + } + .f-header__dropdown { + position: absolute; + top: 100%; + width: 220px; + left: calc(50% - 110px); + padding: var(--space-xxxs) 0; + background-color: var(--color-bg-light); + border-radius: var(--radius-md); + box-shadow: var(--inner-glow), var(--shadow-md); + z-index: var(--z-index-popover, 5); + /* hide */ + pointer-events: none; + visibility: hidden; + opacity: 0; + transition: visibility 0.2s 0.2s, opacity 0.2s 0s; + } + .f-header__dropdown-control + .f-header__dropdown { + display: block; /* reset style */ + } + .f-header__item:hover .f-header__dropdown, .f-header__dropdown-control[aria-expanded=true] + .f-header__dropdown { + pointer-events: auto; + visibility: visible; + opacity: 1; + transition: visibility 0.2s 0s, opacity 0.2s 0s; + } + .f-header__dropdown-link { + color: var(--color-contrast-high); + padding: var(--space-xs) var(--space-sm); + transition: 0.2s; + } + .f-header__dropdown-link:hover { + background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.075); + color: var(--color-contrast-higher); + } +} +/* -------------------------------- + +File#: _2_gallery-v2 +Title: Gallery v2 +Descr: A gallery of card components with an additional text element +Usage: codyhouse.co/license + +-------------------------------- */ +:root { + --gallery-v2-offset: 100px; /* grid items offset value */ +} + +.gallery-v2 { + position: relative; + z-index: 1; +} + +.gallery-v2__content { + padding-bottom: var(--gallery-v2-offset); +} + +.gallery-v2__gallery { + margin-top: calc(-1 * var(--gallery-v2-offset)); + padding-bottom: 1px; /* fix issue with collapsing margins */ +} + +.gallery-v2__img-wrapper { + display: block; + position: relative; + border-radius: var(--radius-lg); + overflow: hidden; +} +.gallery-v2__img-wrapper::after { /* inner glow */ + content: ""; + position: absolute; + inset: 0; + box-shadow: var(--inner-glow); + border-radius: inherit; + z-index: 2; +} +@media (hover: hover) { + .gallery-v2__img-wrapper:hover .gallery-v2__overlay { + opacity: 1; + background: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.95); + } + .gallery-v2__img-wrapper:hover .gallery-v2__icon-bg { + opacity: 1; + transform: scale(1); + } + .gallery-v2__img-wrapper:hover .gallery-v2__icon { + opacity: 1; + transform: translateX(0px) rotate(0deg); + } + .gallery-v2__img-wrapper:hover .gallery-v2__icon-group > *:nth-child(2) { + transform: rotate(0deg); + } + .gallery-v2__img-wrapper:hover .gallery-v2__icon-group > *:nth-child(3) { + transform: rotate(0deg); + } +} + +.gallery-v2__img { + width: 100%; +} + +.gallery-v2__overlay { /* overlay layers */ + position: absolute; + inset: 0; + z-index: 1; + padding: var(--space-sm); + background: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0); + border-radius: inherit; + opacity: 0; + transition-duration: 0.3s; + transition-property: opacity, background; +} + +.gallery-v2__icon-bg { + --size: 72px; + position: absolute; + width: var(--size); + height: var(--size); + border-radius: 50%; + top: calc(50% - var(--size) / 2); + left: calc(50% - var(--size) / 2); + background-color: var(--color-contrast-high); + opacity: 0; + transform: scale(0.5); + transition: opacity 0.3s, transform 0.3s var(--ease-out); +} + +.gallery-v2__icon { + --size: 48px; + position: absolute; + top: calc(50% - var(--size) / 2); + left: calc(50% - var(--size) / 2); + color: var(--color-bg); + opacity: 0; + transform: translateX(-5px) rotate(-10deg); + transition: opacity 0.3s, transform 0.3s var(--ease-out); +} + +.gallery-v2__icon-group > *:is(:nth-child(2), :nth-child(3)) { + transform-origin: 43px 24px; + transition: transform 0.3s var(--ease-out); +} + +.gallery-v2__icon-group > *:nth-child(2) { + transform: rotate(-45deg); +} + +.gallery-v2__icon-group > *:nth-child(3) { + transform: rotate(45deg); +} + +@media (min-width: 48rem) { + .gallery-v2__gallery { + padding-bottom: calc(0.5 * var(--gallery-v2-offset)); + } + .gallery-v2__item:nth-child(2n) { + position: relative; + top: calc(0.5 * var(--gallery-v2-offset)); + } +} +/* -------------------------------- + +File#: _2_main-header-v3 +Title: Main Header v3 +Descr: Accessible website navigation +Usage: codyhouse.co/license + +-------------------------------- */ +:root { + --header-v3-height: 50px; /* header height on small screens */ +} +@media (min-width: 64rem) { + :root { + --header-v3-height: 70px ; + } +} + +.header-v3 { + height: var(--header-v3-height); + width: 100%; + z-index: var(--z-index-header, 3); + transition: background 0.3s; +} + +.header-v3--expanded { + /* class added when navigation is visible (small devices) or search input is visible (big devices) */ +} + +.header-v3__container { + display: flex; + height: 100%; + align-items: center; + justify-content: space-between; +} + +.header-v3__logo { + position: relative; + flex-shrink: 0; + z-index: 2; +} +.header-v3__logo a, .header-v3__logo svg { + display: block; +} + +.header-v3__nav-control.switch-icon { /* menu button - visible only on small screens */ + padding: var(--space-xxs); + z-index: 2; +} +.header-v3__nav-control.switch-icon .switch-icon__icon { + font-size: 24px; /* icon size */ +} + +.header-v3__nav { /* main navigation */ + top: 0; + left: 0; + width: 100%; + background-color: var(--color-bg); + box-shadow: var(--shadow-md); + z-index: 1; + /* hide */ + position: absolute; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + height: 0; + overflow: hidden; + visibility: hidden; + transition: height 0.5s var(--ease-in-out); +} +.header-v3__nav::before { /* top border */ + content: ""; + position: absolute; + top: var(--header-v3-height); + width: 100%; + height: 1px; + background-color: var(--color-contrast-lower); + z-index: 10; +} + +.header-v3__nav--is-visible { /* show nav */ + clip: auto; + -webkit-clip-path: none; + clip-path: none; + height: 100vh; + visibility: visible; +} + +.header-v3__nav-list { + position: absolute; + top: var(--header-v3-height); + left: 0; + width: 100%; + height: calc(100% - var(--header-v3-height)); + padding: var(--space-sm) var(--component-padding) var(--component-padding); + z-index: 1; + -webkit-overflow-scrolling: touch; + overflow: auto; + overscroll-behavior: contain; +} + +.header-v3__nav-item { + border-bottom: 1px solid var(--color-contrast-lower); + opacity: 0; + transform: translateY(-10%); + transition: opacity 0.4s, transform 0.4s; +} +.header-v3__nav--animate-children .header-v3__nav-item { /* class used to trigger list items animation */ + opacity: 1; + transform: translateY(0); +} +.header-v3__nav:not(.header-v3__nav--animate-children) .header-v3__nav-item { + transition-delay: 0s !important; +} + +.header-v3__nav-item--logo, +.header-v3__nav-item--search-btn { + display: none; /* hide logo within nav and search btn */ +} + +.header-v3__nav-item--search-form { + margin: var(--space-xs) 0; + border-bottom: none; +} + +.header-v3__nav-link { + display: block; + padding: var(--space-sm) 0; + font-size: var(--text-md); + color: var(--color-contrast-high); + text-decoration: none; +} +.header-v3__nav-link:hover { + color: var(--color-primary); +} + +.header-v3__nav-link--icon { + display: flex; + align-items: center; +} +.header-v3__nav-link--icon .icon { + flex-shrink: 0; + color: currentColor; +} +.header-v3__nav-link--icon span { /* text */ + margin-left: var(--space-xxs); +} + +@media (min-width: 64rem) { + .header-v3 { + height: var(--header-v3-height); + } + .header-v3__container { + position: relative; + } + .header-v3__nav-control, + .header-v3__logo { + display: none; /* hide search and menu button */ + } + .header-v3__nav { + /* reset */ + padding: 0; + background-color: transparent; + box-shadow: none; + position: static; + clip: auto; + -webkit-clip-path: none; + clip-path: none; + height: auto; + overflow: visible; + visibility: visible; + overscroll-behavior: auto; + } + .header-v3__nav::before { + display: none; + } + .header-v3__nav-list { + /* reset */ + position: static; + padding: 0; + width: auto; + height: auto; + overflow: visible; + overscroll-behavior: auto; + display: flex; + justify-content: space-between; + align-items: center; + } + .header-v3__nav-item { + /* reset */ + border-bottom: none; + opacity: 1; + transform: translateY(0); + transition: opacity 0.3s, visibility 0.3s; + transition-delay: 0s !important; /* reset inline delay set in JS for the mobile animation */ + } + .header-v3__nav-item--logo { /* make visible logo inside nav */ + display: block; + } + .header-v3__nav-item--logo .header-v3__logo { + display: block; + } + .header-v3__nav-item--search-btn { /* show search btn */ + display: block; + } + .header-v3__nav-item--search-btn .switch-icon { + padding: var(--space-xxxs); + } + .header-v3__nav-item--search-btn .switch-icon__icon { + display: block; + } + .header-v3__nav-link { + display: inline-flex; + padding: var(--space-xxxs); + font-size: 0.9em; + } + .header-v3__nav-link--icon span { + display: none; /* hide labels and show only icons */ + } + .header-v3__nav-link--icon, + .header-v3__nav-item--search-btn .switch-icon__icon { + font-size: 20px; /* icons size */ + } + .header-v3__nav-item--search-btn { + z-index: 4; + } + .header-v3__nav-item--search-form { + margin: 0; /* reset */ + position: absolute; + top: 0; + left: 0; + width: calc(100% - var(--space-lg)); + height: 100%; + z-index: var(--z-index-popover, 5); + transition: all 0.3s; + visibility: hidden; + opacity: 0; + } + .header-v3__nav--animate-children .header-v3__nav-item--search-form { /* reset mobile style */ + opacity: 0; + } + .header-v3__nav-form-control { + height: 50px; + position: absolute; + left: 0; + padding: var(--space-xs) var(--space-sm); + top: calc(50% - 25px); + will-change: transform; + transition: transform 0.3s; + transform: translateY(-50%); + } + .header-v3--show-search { + background: var(--color-bg); + } + .header-v3--show-search .header-v3__nav-item { + opacity: 0; + visibility: hidden; + } + .header-v3--show-search .header-v3__nav-item--search-form, + .header-v3--show-search .header-v3__nav-item--search-btn { + visibility: visible; + opacity: 1; + } + .header-v3--show-search .header-v3__nav-form-control { + transform: translateY(0); + } +} +/* -------------------------------- + +File#: _2_slideshow +Title: Slideshow +Descr: Show a collection of items one at a time +Usage: codyhouse.co/license + +-------------------------------- */ +:root { + --slideshow-height: 280px; + --slideshow-fade-transition-duration: 0.25s; + --slideshow-slide-transition-duration: 0.35s; + --slideshow-prx-transition-duration: 0.5s; + --slideshow-btn-width: 1.6em; + --slideshow-btn-height: 3.2em; + --slideshow-btn-icon-size: 1.6em; + --slideshow-btn-offset: var(--space-xs); +} +@media (min-width: 48rem) { + :root { + --slideshow-height: 380px; + } +} +@media (min-width: 64rem) { + :root { + --slideshow-height: 480px; + } +} +@media (min-width: 80rem) { + :root { + --slideshow-height: 580px; + } +} + +.slideshow__item { + display: flex; + align-items: center; + justify-content: center; + height: var(--slideshow-height); + background-size: cover; + background-repeat: no-repeat; + background-position: center center; +} +.slideshow__item:focus { + outline: none; +} + +.slideshow--ratio-16\:9 .slideshow__item { + height: 0; + padding-bottom: 56.25%; +} + +.slideshow--ratio-4\:3 .slideshow__item { + height: 0; + padding-bottom: 75%; +} + +.slideshow--ratio-1\:1 .slideshow__item { + height: 0; + padding-bottom: 100%; +} + +.slideshow { + position: relative; + z-index: 1; + overflow: hidden; +} + +.slideshow__content { + overflow: hidden; +} + +.slideshow__item { + position: absolute; + z-index: 1; + top: 0; + left: 0; + width: 100%; + visibility: hidden; +} + +.slideshow__item--selected { + position: relative; + z-index: 3; + visibility: visible; +} + +.slideshow--transition-fade .slideshow__item { + opacity: 0; + transition: opacity 0s var(--slideshow-fade-transition-duration), visibility 0s var(--slideshow-fade-transition-duration); +} + +.slideshow--transition-fade .slideshow__item--selected { + opacity: 1; + transition: opacity var(--slideshow-fade-transition-duration); +} + +.slideshow--transition-slide .slideshow__item { + animation-duration: var(--slideshow-slide-transition-duration); + animation-fill-mode: forwards; + animation-timing-function: var(--ease-out); +} +.slideshow--transition-slide .slideshow__item > * { + visibility: hidden; +} + +.slideshow--transition-slide .slideshow__item:not(.slideshow__item--selected) * { + transition: none; +} + +.slideshow--transition-slide .slideshow__item--selected > * { + visibility: visible; +} + +.slideshow--transition-slide .slideshow__item--slide-in-left { + animation-name: slide-in-left; +} + +.slideshow--transition-slide .slideshow__item--slide-in-right { + animation-name: slide-in-right; +} + +.slideshow--transition-slide .slideshow__item--slide-out-left { + animation-name: slide-out-left; +} + +.slideshow--transition-slide .slideshow__item--slide-out-right { + animation-name: slide-out-right; +} + +.slideshow--transition-slide .slideshow__item--slide-out-left, +.slideshow--transition-slide .slideshow__item--slide-out-right { + z-index: 2; +} +.slideshow--transition-slide .slideshow__item--slide-out-left.slideshow__item--selected, +.slideshow--transition-slide .slideshow__item--slide-out-right.slideshow__item--selected { + z-index: 3; +} +.slideshow--transition-slide .slideshow__item--slide-out-left > *, +.slideshow--transition-slide .slideshow__item--slide-out-right > * { + visibility: visible; +} + +@keyframes slide-in-left { + 0% { + visibility: visible; + transform: translateX(-100%); + } + 100% { + transform: translateX(0); + } +} +@keyframes slide-in-right { + 0% { + visibility: visible; + transform: translateX(100%); + } + 100% { + transform: translateX(0); + } +} +@keyframes slide-out-left { + 0% { + visibility: visible; + transform: translateX(0); + } + 100% { + transform: translateX(100%); + } +} +@keyframes slide-out-right { + 0% { + visibility: visible; + transform: translateX(0); + } + 100% { + transform: translateX(-100%); + } +} +.slideshow--transition-prx .slideshow__item { + animation-duration: var(--slideshow-prx-transition-duration); + animation-fill-mode: forwards; + animation-timing-function: var(--ease-out); +} +.slideshow--transition-prx .slideshow__item > * { + visibility: hidden; +} + +.slideshow--transition-prx .slideshow__item--selected > * { + visibility: visible; +} + +.slideshow--transition-prx .slideshow__item--prx-in-left { + animation-name: prx-in-left; +} + +.slideshow--transition-prx .slideshow__item--prx-in-right { + animation-name: prx-in-right; +} + +.slideshow--transition-prx .slideshow__item--prx-out-left { + animation-name: prx-out-left; +} + +.slideshow--transition-prx .slideshow__item--prx-out-right { + animation-name: prx-out-right; +} + +.slideshow--transition-prx .slideshow__item--prx-out-left, +.slideshow--transition-prx .slideshow__item--prx-out-right { + z-index: 2; +} +.slideshow--transition-prx .slideshow__item--prx-out-left.slideshow__item--selected, +.slideshow--transition-prx .slideshow__item--prx-out-right.slideshow__item--selected { + z-index: 3; +} +.slideshow--transition-prx .slideshow__item--prx-out-left > *, +.slideshow--transition-prx .slideshow__item--prx-out-right > * { + visibility: visible; +} + +@keyframes prx-in-left { + 0% { + visibility: visible; + transform: translateX(-100%); + } + 100% { + transform: translateX(0); + } +} +@keyframes prx-in-right { + 0% { + visibility: visible; + transform: translateX(100%); + } + 100% { + transform: translateX(0); + } +} +@keyframes prx-out-left { + 0% { + opacity: 1; + visibility: visible; + transform: translateX(0); + } + 100% { + opacity: 0.3; + transform: translateX(40%); + } +} +@keyframes prx-out-right { + 0% { + opacity: 1; + visibility: visible; + transform: translateX(0); + } + 100% { + opacity: 0.3; + transform: translateX(-40%); + } +} +.slideshow[data-swipe=on] .slideshow__content { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} +.slideshow[data-swipe=on] .slideshow__content img { + pointer-events: none; +} + +.slideshow__control { + display: none; +} + +.slideshow[data-controls=hover] .slideshow__control { + opacity: 0; + transition: opacity 0.3s; +} + +.slideshow[data-controls=hover]:hover .slideshow__control { + opacity: 1; +} + +.slideshow[data-swipe=on] .slideshow__control { + display: none; +} + +.slideshow__control { + display: block; + position: absolute; + z-index: 4; + top: 50%; + transform: translateY(-50%); +} +.slideshow__control:first-of-type { + left: var(--slideshow-btn-offset); +} +.slideshow__control:last-of-type { + right: var(--slideshow-btn-offset); +} + +@media (min-width: 64rem) { + .slideshow[data-swipe=on] .slideshow__control { + display: block; + } +} +.slideshow__btn { + display: block; + background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.75); + height: var(--slideshow-btn-height); + width: var(--slideshow-btn-width); + border-radius: var(--radius-md); + cursor: pointer; + transition: background 0.2s, transform 0.2s; +} +.slideshow__btn:hover { + background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.85); +} +.slideshow__btn:hover .icon { + color: var(--color-bg); +} +.slideshow:not(.slideshow--is-animating) .slideshow__btn:active { + transform: translateY(2px); +} +.slideshow__btn .icon { + display: block; + width: var(--slideshow-btn-icon-size); + height: var(--slideshow-btn-icon-size); + margin: 0 auto; + transition: color 0.2s; + color: var(--color-white); +} +@supports (grid-area: auto) { + .slideshow__btn { + background-color: transparent; + } + .slideshow__btn .icon { + color: var(--color-contrast-higher); + } +} + +.slideshow__navigation { + position: absolute; + z-index: 4; + bottom: 0; + width: 100%; + height: 32px; + display: flex; + justify-content: center; + align-items: center; + background: transparent; +} + +.slideshow__nav-item { + display: inline-block; + margin: 0 var(--space-xxxs); +} +.slideshow__nav-item button { + display: block; + position: relative; + font-size: 8px; + color: var(--color-contrast-high); + height: 1em; + width: 1em; + border-radius: 50%; + background-color: currentColor; + opacity: 0.4; + cursor: pointer; + transition: background 0.3s; +} +.slideshow__nav-item button::before { + content: ""; + position: absolute; + top: calc(50% - 0.5em); + left: calc(50% - 0.5em); + height: 1em; + width: 1em; + font-size: 14px; + border-radius: inherit; + border: 1px solid var(--color-contrast-high); + opacity: 0; + transform: scale(0); + transition: 0.3s; +} +.slideshow__nav-item button:focus { + outline: none; +} +.slideshow__nav-item button:focus::before { + opacity: 1; + transform: scale(1); +} + +.slideshow__nav-item--selected button { + opacity: 1; +} + +@media (min-width: 64rem) { + .slideshow__navigation { + height: 40px; + } + .slideshow__nav-item button { + font-size: 10px; + } + .slideshow__nav-item button::before { + font-size: 16px; + } +} +/* -------------------------------- + +File#: _2_tabbed-features-v2 +Title: Tabbed Features v2 +Descr: A list of features accessible one at a time using a tabbed navigation +Usage: codyhouse.co/license + +-------------------------------- */ +.tab-features-v2__controls-list { + position: relative; + display: flex; + gap: var(--space-xs); + overflow: auto; +} +.tab-features-v2__controls-list > * { + flex: 1 0 180px; +} + +.tab-features-v2__text-crop-gradient { + /* gradient used to crop text */ + position: -webkit-sticky; + position: sticky; + top: 0; + right: 0; + flex: 0 0 40px; + background: linear-gradient(to right, hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0), hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 1)); + pointer-events: none; +} + +.tab-features-v2__control { + display: block; + color: inherit; + text-decoration: none; + height: 100%; + padding: 0 0 var(--space-md); + border: 0px solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1); + border-bottom-width: 1px; + transition: 0.2s; +} + +.tab-features-v2__control-title { + display: block; + color: var(--color-contrast-medium); + font-weight: 500; + margin-bottom: var(--space-xxs); + transition: color 0.2s; +} + +.tab-features-v2__control-description { + color: var(--color-contrast-medium); + line-height: 1.4; + font-size: var(--text-sm); +} + +.tab-features-v2__control:hover { + border-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.5); +} +.tab-features-v2__control:hover .tab-features-v2__control-title { + color: var(--color-contrast-higher); +} + +.tab-features-v2__control[aria-selected=true] { + border-color: var(--color-primary); +} +.tab-features-v2__control[aria-selected=true] .tab-features-v2__control-title { + color: var(--color-primary); +} + +.tab-features-v2__panels { + position: relative; +} + +.tab-features-v2__panel { + opacity: 0; +} + +.tabs--no-interaction .tab-features-v2__panel { + animation-duration: 0s; + animation-delay: 0s; +} + +.tab-features-v2__panel--display { + animation: tab-features-v2-panel-entry-anim 0.5s 0.2s var(--ease-out) forwards; +} + +.tab-features-v2__panel--hide { + position: absolute; + visibility: hidden; + top: 0; + width: 100%; + transition: position 0s 0.5s, visibility 0s 0.5s; + animation: tab-features-v2-panel-exit-anim 0.5s var(--ease-out); +} + +@keyframes tab-features-v2-panel-entry-anim { + 0% { + opacity: 0; + transform: translateY(-20px); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +@keyframes tab-features-v2-panel-exit-anim { + 0% { + opacity: 1; + transform: translateY(0px); + } + 100% { + opacity: 0; + transform: translateY(20px); + } +} +@media (min-width: 64rem) { + .tab-features-v2__controls-list { + flex-direction: column; + overflow: visible; + } + .tab-features-v2__controls-list > * { + flex: 1 0 auto; + } + .tab-features-v2__text-crop-gradient { + display: none; + } + .tab-features-v2__control { + border-width: 0px; + border-radius: var(--radius-md); + padding: var(--space-sm) var(--space-md); + } + .tab-features-v2__control:hover, .tab-features-v2__control[aria-selected=true] { + background-color: var(--color-bg-light); + box-shadow: var(--shadow-sm); + } +} +/* -------------------------------- + +File#: _3_hiding-nav +Title: Auto Hiding Navigation +Descr: A Navigation container that auto-hides when the user scrolls down, and is revealed when they scrolls back up +Usage: codyhouse.co/license + +-------------------------------- */ +.hide-nav { + --hide-nav-transition-duration: 0.3s; + position: -webkit-sticky !important; + position: sticky !important; + top: 0; + will-change: transform; + transition: transform var(--hide-nav-transition-duration), background-color var(--hide-nav-transition-duration); +} + +.hide-nav--fixed { + background-color: transparent; +} + +.hide-nav--has-bg { + background-color: var(--color-bg); +} + +/* -------------------------------- + +File#: _3_looping-slideshow +Title: Looping Slideshow +Descr: Slideshow automatically looping among items with a progress indicator for each item +Usage: codyhouse.co/license + +-------------------------------- */ +/* optional -> overwrite slideshow height at different breakpoints */ +.loop-slideshow { + --slideshow-slide-transition-duration: 0.3s; /* slide effect transition duration */ +} +.loop-slideshow .slideshow__content { + -webkit-clip-path: inset(0 round var(--radius-lg)); + clip-path: inset(0 round var(--radius-lg)); +} + +/* slideshow navigation - created in JS */ +.loop-slideshow__navigation { + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; + background: transparent; +} + +.loop-slideshow__nav-item { + margin: var(--space-sm) calc(var(--space-sm) / 2) 0; + --loop-slideshow-filling: 0; /* used in JS to create the filling effect */ +} +.loop-slideshow__nav-item button { + position: relative; + display: block; + overflow: hidden; + height: 4px; + width: 60px; + border-radius: 50em; + background-color: var(--color-contrast-lower); + cursor: pointer; + transition: 0.2s; +} +.loop-slideshow__nav-item button::before { /* filling effect */ + content: ""; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + transform: scaleX(var(--loop-slideshow-filling)); + transform-origin: left center; + background-color: var(--color-primary); +} +.loop-slideshow__nav-item button:hover { + background-color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0.7); +} +@media (min-width: 64rem) { + .loop-slideshow__nav-item button { + height: 5px; + width: 90px; + } +} + +/* slideshow custom cursor */ +.loop-slideshow-cursor.c-cursor--right .c-cursor__img { + --rotate: 180deg; +} + +/* pause/play button */ +.loop-slideshow__pause-btn { + position: absolute; + z-index: 3; + top: var(--space-sm); + right: var(--space-sm); + display: flex; + align-items: center; + justify-content: center; + width: 48px; + height: 48px; + border-radius: 50%; + background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.85); + cursor: pointer; + color: var(--color-white); /* icon color */ + transition: background 0.3s, transform 0.3s var(--ease-out-back); +} +.loop-slideshow__pause-btn:hover { + background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.95); + transform: scale(1.1); +} \ No newline at end of file diff --git a/src/assets/css/style.min.css b/src/assets/css/style.min.css new file mode 100644 index 0000000..ccb6a4d --- /dev/null +++ b/src/assets/css/style.min.css @@ -0,0 +1 @@ +@charset "UTF-8";.container{width:calc(100% - 2 * var(--component-padding));margin-left:auto;margin-right:auto}.flex,.grid,.inline-flex,[class*=" flex@"],[class*=" inline-flex@"],[class^=flex\@],[class^=inline-flex\@]{--gap:0px;--gap-x:var(--gap);--gap-y:var(--gap);gap:var(--gap-y) var(--gap-x)}.flex>*,.grid>*,.inline-flex>*,[class*=" flex@"]>*,[class*=" inline-flex@"]>*,[class^=flex\@]>*,[class^=inline-flex\@]>*{--sub-gap:0px;--sub-gap-x:var(--sub-gap);--sub-gap-y:var(--sub-gap)}.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(--sub-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(--sub-gap-x)}}}.gap-xxxxs{--gap-x:var(--space-xxxxs);--gap-y:var(--space-xxxxs)}.gap-xxxxs>*{--sub-gap-x:var(--space-xxxxs);--sub-gap-y:var(--space-xxxxs)}.gap-xxxs{--gap-x:var(--space-xxxs);--gap-y:var(--space-xxxs)}.gap-xxxs>*{--sub-gap-x:var(--space-xxxs);--sub-gap-y:var(--space-xxxs)}.gap-xxs{--gap-x:var(--space-xxs);--gap-y:var(--space-xxs)}.gap-xxs>*{--sub-gap-x:var(--space-xxs);--sub-gap-y:var(--space-xxs)}.gap-xs{--gap-x:var(--space-xs);--gap-y:var(--space-xs)}.gap-xs>*{--sub-gap-x:var(--space-xs);--sub-gap-y:var(--space-xs)}.gap-sm{--gap-x:var(--space-sm);--gap-y:var(--space-sm)}.gap-sm>*{--sub-gap-x:var(--space-sm);--sub-gap-y:var(--space-sm)}.gap-md{--gap-x:var(--space-md);--gap-y:var(--space-md)}.gap-md>*{--sub-gap-x:var(--space-md);--sub-gap-y:var(--space-md)}.gap-lg{--gap-x:var(--space-lg);--gap-y:var(--space-lg)}.gap-lg>*{--sub-gap-x:var(--space-lg);--sub-gap-y:var(--space-lg)}.gap-xl{--gap-x:var(--space-xl);--gap-y:var(--space-xl)}.gap-xl>*{--sub-gap-x:var(--space-xl);--sub-gap-y:var(--space-xl)}.gap-xxl{--gap-x:var(--space-xxl);--gap-y:var(--space-xxl)}.gap-xxl>*{--sub-gap-x:var(--space-xxl);--sub-gap-y:var(--space-xxl)}.gap-xxxl{--gap-x:var(--space-xxxl);--gap-y:var(--space-xxxl)}.gap-xxxl>*{--sub-gap-x:var(--space-xxxl);--sub-gap-y:var(--space-xxxl)}.gap-xxxxl{--gap-x:var(--space-xxxxl);--gap-y:var(--space-xxxxl)}.gap-xxxxl>*{--sub-gap-x:var(--space-xxxxl);--sub-gap-y:var(--space-xxxxl)}.gap-0{--gap-x:0px;--gap-y:0px}.gap-0>*{--sub-gap-x:0px;--sub-gap-y:0px}.gap-x-xxxxs{--gap-x:var(--space-xxxxs)}.gap-x-xxxxs>*{--sub-gap-x:var(--space-xxxxs)}.gap-x-xxxs{--gap-x:var(--space-xxxs)}.gap-x-xxxs>*{--sub-gap-x:var(--space-xxxs)}.gap-x-xxs{--gap-x:var(--space-xxs)}.gap-x-xxs>*{--sub-gap-x:var(--space-xxs)}.gap-x-xs{--gap-x:var(--space-xs)}.gap-x-xs>*{--sub-gap-x:var(--space-xs)}.gap-x-sm{--gap-x:var(--space-sm)}.gap-x-sm>*{--sub-gap-x:var(--space-sm)}.gap-x-md{--gap-x:var(--space-md)}.gap-x-md>*{--sub-gap-x:var(--space-md)}.gap-x-lg{--gap-x:var(--space-lg)}.gap-x-lg>*{--sub-gap-x:var(--space-lg)}.gap-x-xl{--gap-x:var(--space-xl)}.gap-x-xl>*{--sub-gap-x:var(--space-xl)}.gap-x-xxl{--gap-x:var(--space-xxl)}.gap-x-xxl>*{--sub-gap-x:var(--space-xxl)}.gap-x-xxxl{--gap-x:var(--space-xxxl)}.gap-x-xxxl>*{--sub-gap-x:var(--space-xxxl)}.gap-x-xxxxl{--gap-x:var(--space-xxxxl)}.gap-x-xxxxl>*{--sub-gap-x:var(--space-xxxxl)}.gap-x-0{--gap-x:0px}.gap-x-0>*{--sub-gap-x:0px}.gap-y-xxxxs{--gap-y:var(--space-xxxxs)}.gap-y-xxxxs>*{--sub-gap-y:var(--space-xxxxs)}.gap-y-xxxs{--gap-y:var(--space-xxxs)}.gap-y-xxxs>*{--sub-gap-y:var(--space-xxxs)}.gap-y-xxs{--gap-y:var(--space-xxs)}.gap-y-xxs>*{--sub-gap-y:var(--space-xxs)}.gap-y-xs{--gap-y:var(--space-xs)}.gap-y-xs>*{--sub-gap-y:var(--space-xs)}.gap-y-sm{--gap-y:var(--space-sm)}.gap-y-sm>*{--sub-gap-y:var(--space-sm)}.gap-y-md{--gap-y:var(--space-md)}.gap-y-md>*{--sub-gap-y:var(--space-md)}.gap-y-lg{--gap-y:var(--space-lg)}.gap-y-lg>*{--sub-gap-y:var(--space-lg)}.gap-y-xl{--gap-y:var(--space-xl)}.gap-y-xl>*{--sub-gap-y:var(--space-xl)}.gap-y-xxl{--gap-y:var(--space-xxl)}.gap-y-xxl>*{--sub-gap-y:var(--space-xxl)}.gap-y-xxxl{--gap-y:var(--space-xxxl)}.gap-y-xxxl>*{--sub-gap-y:var(--space-xxxl)}.gap-y-xxxxl{--gap-y:var(--space-xxxxl)}.gap-y-xxxxl>*{--sub-gap-y:var(--space-xxxxl)}.gap-y-0{--gap-y:0px}.gap-y-0>*{--sub-gap-y:0px}.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(--sub-gap-x)) * var(--span)/ var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x));max-width:calc((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--span)/ var(--grid-columns) + (var(--span) - 1) * var(--sub-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(--sub-gap-x)) * var(--offset)/ var(--grid-columns) + (var(--offset) + var(--offset-modifier,0)) * var(--sub-gap-x))}@media (min-width:32rem){.gap-xxxxs\@xs{--gap-x:var(--space-xxxxs);--gap-y:var(--space-xxxxs)}.gap-xxxxs\@xs>*{--sub-gap-x:var(--space-xxxxs);--sub-gap-y:var(--space-xxxxs)}.gap-xxxs\@xs{--gap-x:var(--space-xxxs);--gap-y:var(--space-xxxs)}.gap-xxxs\@xs>*{--sub-gap-x:var(--space-xxxs);--sub-gap-y:var(--space-xxxs)}.gap-xxs\@xs{--gap-x:var(--space-xxs);--gap-y:var(--space-xxs)}.gap-xxs\@xs>*{--sub-gap-x:var(--space-xxs);--sub-gap-y:var(--space-xxs)}.gap-xs\@xs{--gap-x:var(--space-xs);--gap-y:var(--space-xs)}.gap-xs\@xs>*{--sub-gap-x:var(--space-xs);--sub-gap-y:var(--space-xs)}.gap-sm\@xs{--gap-x:var(--space-sm);--gap-y:var(--space-sm)}.gap-sm\@xs>*{--sub-gap-x:var(--space-sm);--sub-gap-y:var(--space-sm)}.gap-md\@xs{--gap-x:var(--space-md);--gap-y:var(--space-md)}.gap-md\@xs>*{--sub-gap-x:var(--space-md);--sub-gap-y:var(--space-md)}.gap-lg\@xs{--gap-x:var(--space-lg);--gap-y:var(--space-lg)}.gap-lg\@xs>*{--sub-gap-x:var(--space-lg);--sub-gap-y:var(--space-lg)}.gap-xl\@xs{--gap-x:var(--space-xl);--gap-y:var(--space-xl)}.gap-xl\@xs>*{--sub-gap-x:var(--space-xl);--sub-gap-y:var(--space-xl)}.gap-xxl\@xs{--gap-x:var(--space-xxl);--gap-y:var(--space-xxl)}.gap-xxl\@xs>*{--sub-gap-x:var(--space-xxl);--sub-gap-y:var(--space-xxl)}.gap-xxxl\@xs{--gap-x:var(--space-xxxl);--gap-y:var(--space-xxxl)}.gap-xxxl\@xs>*{--sub-gap-x:var(--space-xxxl);--sub-gap-y:var(--space-xxxl)}.gap-xxxxl\@xs{--gap-x:var(--space-xxxxl);--gap-y:var(--space-xxxxl)}.gap-xxxxl\@xs>*{--sub-gap-x:var(--space-xxxxl);--sub-gap-y:var(--space-xxxxl)}.gap-0\@xs{--gap-x:0px;--gap-y:0px}.gap-0\@xs>*{--sub-gap-x:0px;--sub-gap-y:0px}.gap-x-xxxxs\@xs{--gap-x:var(--space-xxxxs)}.gap-x-xxxxs\@xs>*{--sub-gap-x:var(--space-xxxxs)}.gap-x-xxxs\@xs{--gap-x:var(--space-xxxs)}.gap-x-xxxs\@xs>*{--sub-gap-x:var(--space-xxxs)}.gap-x-xxs\@xs{--gap-x:var(--space-xxs)}.gap-x-xxs\@xs>*{--sub-gap-x:var(--space-xxs)}.gap-x-xs\@xs{--gap-x:var(--space-xs)}.gap-x-xs\@xs>*{--sub-gap-x:var(--space-xs)}.gap-x-sm\@xs{--gap-x:var(--space-sm)}.gap-x-sm\@xs>*{--sub-gap-x:var(--space-sm)}.gap-x-md\@xs{--gap-x:var(--space-md)}.gap-x-md\@xs>*{--sub-gap-x:var(--space-md)}.gap-x-lg\@xs{--gap-x:var(--space-lg)}.gap-x-lg\@xs>*{--sub-gap-x:var(--space-lg)}.gap-x-xl\@xs{--gap-x:var(--space-xl)}.gap-x-xl\@xs>*{--sub-gap-x:var(--space-xl)}.gap-x-xxl\@xs{--gap-x:var(--space-xxl)}.gap-x-xxl\@xs>*{--sub-gap-x:var(--space-xxl)}.gap-x-xxxl\@xs{--gap-x:var(--space-xxxl)}.gap-x-xxxl\@xs>*{--sub-gap-x:var(--space-xxxl)}.gap-x-xxxxl\@xs{--gap-x:var(--space-xxxxl)}.gap-x-xxxxl\@xs>*{--sub-gap-x:var(--space-xxxxl)}.gap-x-0\@xs{--gap-x:0px}.gap-x-0\@xs>*{--sub-gap-x:0px}.gap-y-xxxxs\@xs{--gap-y:var(--space-xxxxs)}.gap-y-xxxxs\@xs>*{--sub-gap-y:var(--space-xxxxs)}.gap-y-xxxs\@xs{--gap-y:var(--space-xxxs)}.gap-y-xxxs\@xs>*{--sub-gap-y:var(--space-xxxs)}.gap-y-xxs\@xs{--gap-y:var(--space-xxs)}.gap-y-xxs\@xs>*{--sub-gap-y:var(--space-xxs)}.gap-y-xs\@xs{--gap-y:var(--space-xs)}.gap-y-xs\@xs>*{--sub-gap-y:var(--space-xs)}.gap-y-sm\@xs{--gap-y:var(--space-sm)}.gap-y-sm\@xs>*{--sub-gap-y:var(--space-sm)}.gap-y-md\@xs{--gap-y:var(--space-md)}.gap-y-md\@xs>*{--sub-gap-y:var(--space-md)}.gap-y-lg\@xs{--gap-y:var(--space-lg)}.gap-y-lg\@xs>*{--sub-gap-y:var(--space-lg)}.gap-y-xl\@xs{--gap-y:var(--space-xl)}.gap-y-xl\@xs>*{--sub-gap-y:var(--space-xl)}.gap-y-xxl\@xs{--gap-y:var(--space-xxl)}.gap-y-xxl\@xs>*{--sub-gap-y:var(--space-xxl)}.gap-y-xxxl\@xs{--gap-y:var(--space-xxxl)}.gap-y-xxxl\@xs>*{--sub-gap-y:var(--space-xxxl)}.gap-y-xxxxl\@xs{--gap-y:var(--space-xxxxl)}.gap-y-xxxxl\@xs>*{--sub-gap-y:var(--space-xxxxl)}.gap-y-0\@xs{--gap-y:0px}.gap-y-0\@xs>*{--sub-gap-y:0px}.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(--sub-gap-x)) * var(--span)/ var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x));max-width:calc((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--span)/ var(--grid-columns) + (var(--span) - 1) * var(--sub-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(--sub-gap-x)) * var(--offset)/ var(--grid-columns) + (var(--offset) + var(--offset-modifier,0)) * var(--sub-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-xxxxs\@sm>*{--sub-gap-x:var(--space-xxxxs);--sub-gap-y:var(--space-xxxxs)}.gap-xxxs\@sm{--gap-x:var(--space-xxxs);--gap-y:var(--space-xxxs)}.gap-xxxs\@sm>*{--sub-gap-x:var(--space-xxxs);--sub-gap-y:var(--space-xxxs)}.gap-xxs\@sm{--gap-x:var(--space-xxs);--gap-y:var(--space-xxs)}.gap-xxs\@sm>*{--sub-gap-x:var(--space-xxs);--sub-gap-y:var(--space-xxs)}.gap-xs\@sm{--gap-x:var(--space-xs);--gap-y:var(--space-xs)}.gap-xs\@sm>*{--sub-gap-x:var(--space-xs);--sub-gap-y:var(--space-xs)}.gap-sm\@sm{--gap-x:var(--space-sm);--gap-y:var(--space-sm)}.gap-sm\@sm>*{--sub-gap-x:var(--space-sm);--sub-gap-y:var(--space-sm)}.gap-md\@sm{--gap-x:var(--space-md);--gap-y:var(--space-md)}.gap-md\@sm>*{--sub-gap-x:var(--space-md);--sub-gap-y:var(--space-md)}.gap-lg\@sm{--gap-x:var(--space-lg);--gap-y:var(--space-lg)}.gap-lg\@sm>*{--sub-gap-x:var(--space-lg);--sub-gap-y:var(--space-lg)}.gap-xl\@sm{--gap-x:var(--space-xl);--gap-y:var(--space-xl)}.gap-xl\@sm>*{--sub-gap-x:var(--space-xl);--sub-gap-y:var(--space-xl)}.gap-xxl\@sm{--gap-x:var(--space-xxl);--gap-y:var(--space-xxl)}.gap-xxl\@sm>*{--sub-gap-x:var(--space-xxl);--sub-gap-y:var(--space-xxl)}.gap-xxxl\@sm{--gap-x:var(--space-xxxl);--gap-y:var(--space-xxxl)}.gap-xxxl\@sm>*{--sub-gap-x:var(--space-xxxl);--sub-gap-y:var(--space-xxxl)}.gap-xxxxl\@sm{--gap-x:var(--space-xxxxl);--gap-y:var(--space-xxxxl)}.gap-xxxxl\@sm>*{--sub-gap-x:var(--space-xxxxl);--sub-gap-y:var(--space-xxxxl)}.gap-0\@sm{--gap-x:0px;--gap-y:0px}.gap-0\@sm>*{--sub-gap-x:0px;--sub-gap-y:0px}.gap-x-xxxxs\@sm{--gap-x:var(--space-xxxxs)}.gap-x-xxxxs\@sm>*{--sub-gap-x:var(--space-xxxxs)}.gap-x-xxxs\@sm{--gap-x:var(--space-xxxs)}.gap-x-xxxs\@sm>*{--sub-gap-x:var(--space-xxxs)}.gap-x-xxs\@sm{--gap-x:var(--space-xxs)}.gap-x-xxs\@sm>*{--sub-gap-x:var(--space-xxs)}.gap-x-xs\@sm{--gap-x:var(--space-xs)}.gap-x-xs\@sm>*{--sub-gap-x:var(--space-xs)}.gap-x-sm\@sm{--gap-x:var(--space-sm)}.gap-x-sm\@sm>*{--sub-gap-x:var(--space-sm)}.gap-x-md\@sm{--gap-x:var(--space-md)}.gap-x-md\@sm>*{--sub-gap-x:var(--space-md)}.gap-x-lg\@sm{--gap-x:var(--space-lg)}.gap-x-lg\@sm>*{--sub-gap-x:var(--space-lg)}.gap-x-xl\@sm{--gap-x:var(--space-xl)}.gap-x-xl\@sm>*{--sub-gap-x:var(--space-xl)}.gap-x-xxl\@sm{--gap-x:var(--space-xxl)}.gap-x-xxl\@sm>*{--sub-gap-x:var(--space-xxl)}.gap-x-xxxl\@sm{--gap-x:var(--space-xxxl)}.gap-x-xxxl\@sm>*{--sub-gap-x:var(--space-xxxl)}.gap-x-xxxxl\@sm{--gap-x:var(--space-xxxxl)}.gap-x-xxxxl\@sm>*{--sub-gap-x:var(--space-xxxxl)}.gap-x-0\@sm{--gap-x:0px}.gap-x-0\@sm>*{--sub-gap-x:0px}.gap-y-xxxxs\@sm{--gap-y:var(--space-xxxxs)}.gap-y-xxxxs\@sm>*{--sub-gap-y:var(--space-xxxxs)}.gap-y-xxxs\@sm{--gap-y:var(--space-xxxs)}.gap-y-xxxs\@sm>*{--sub-gap-y:var(--space-xxxs)}.gap-y-xxs\@sm{--gap-y:var(--space-xxs)}.gap-y-xxs\@sm>*{--sub-gap-y:var(--space-xxs)}.gap-y-xs\@sm{--gap-y:var(--space-xs)}.gap-y-xs\@sm>*{--sub-gap-y:var(--space-xs)}.gap-y-sm\@sm{--gap-y:var(--space-sm)}.gap-y-sm\@sm>*{--sub-gap-y:var(--space-sm)}.gap-y-md\@sm{--gap-y:var(--space-md)}.gap-y-md\@sm>*{--sub-gap-y:var(--space-md)}.gap-y-lg\@sm{--gap-y:var(--space-lg)}.gap-y-lg\@sm>*{--sub-gap-y:var(--space-lg)}.gap-y-xl\@sm{--gap-y:var(--space-xl)}.gap-y-xl\@sm>*{--sub-gap-y:var(--space-xl)}.gap-y-xxl\@sm{--gap-y:var(--space-xxl)}.gap-y-xxl\@sm>*{--sub-gap-y:var(--space-xxl)}.gap-y-xxxl\@sm{--gap-y:var(--space-xxxl)}.gap-y-xxxl\@sm>*{--sub-gap-y:var(--space-xxxl)}.gap-y-xxxxl\@sm{--gap-y:var(--space-xxxxl)}.gap-y-xxxxl\@sm>*{--sub-gap-y:var(--space-xxxxl)}.gap-y-0\@sm{--gap-y:0px}.gap-y-0\@sm>*{--sub-gap-y:0px}.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(--sub-gap-x)) * var(--span)/ var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x));max-width:calc((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--span)/ var(--grid-columns) + (var(--span) - 1) * var(--sub-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(--sub-gap-x)) * var(--offset)/ var(--grid-columns) + (var(--offset) + var(--offset-modifier,0)) * var(--sub-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-xxxxs\@md>*{--sub-gap-x:var(--space-xxxxs);--sub-gap-y:var(--space-xxxxs)}.gap-xxxs\@md{--gap-x:var(--space-xxxs);--gap-y:var(--space-xxxs)}.gap-xxxs\@md>*{--sub-gap-x:var(--space-xxxs);--sub-gap-y:var(--space-xxxs)}.gap-xxs\@md{--gap-x:var(--space-xxs);--gap-y:var(--space-xxs)}.gap-xxs\@md>*{--sub-gap-x:var(--space-xxs);--sub-gap-y:var(--space-xxs)}.gap-xs\@md{--gap-x:var(--space-xs);--gap-y:var(--space-xs)}.gap-xs\@md>*{--sub-gap-x:var(--space-xs);--sub-gap-y:var(--space-xs)}.gap-sm\@md{--gap-x:var(--space-sm);--gap-y:var(--space-sm)}.gap-sm\@md>*{--sub-gap-x:var(--space-sm);--sub-gap-y:var(--space-sm)}.gap-md\@md{--gap-x:var(--space-md);--gap-y:var(--space-md)}.gap-md\@md>*{--sub-gap-x:var(--space-md);--sub-gap-y:var(--space-md)}.gap-lg\@md{--gap-x:var(--space-lg);--gap-y:var(--space-lg)}.gap-lg\@md>*{--sub-gap-x:var(--space-lg);--sub-gap-y:var(--space-lg)}.gap-xl\@md{--gap-x:var(--space-xl);--gap-y:var(--space-xl)}.gap-xl\@md>*{--sub-gap-x:var(--space-xl);--sub-gap-y:var(--space-xl)}.gap-xxl\@md{--gap-x:var(--space-xxl);--gap-y:var(--space-xxl)}.gap-xxl\@md>*{--sub-gap-x:var(--space-xxl);--sub-gap-y:var(--space-xxl)}.gap-xxxl\@md{--gap-x:var(--space-xxxl);--gap-y:var(--space-xxxl)}.gap-xxxl\@md>*{--sub-gap-x:var(--space-xxxl);--sub-gap-y:var(--space-xxxl)}.gap-xxxxl\@md{--gap-x:var(--space-xxxxl);--gap-y:var(--space-xxxxl)}.gap-xxxxl\@md>*{--sub-gap-x:var(--space-xxxxl);--sub-gap-y:var(--space-xxxxl)}.gap-0\@md{--gap-x:0px;--gap-y:0px}.gap-0\@md>*{--sub-gap-x:0px;--sub-gap-y:0px}.gap-x-xxxxs\@md{--gap-x:var(--space-xxxxs)}.gap-x-xxxxs\@md>*{--sub-gap-x:var(--space-xxxxs)}.gap-x-xxxs\@md{--gap-x:var(--space-xxxs)}.gap-x-xxxs\@md>*{--sub-gap-x:var(--space-xxxs)}.gap-x-xxs\@md{--gap-x:var(--space-xxs)}.gap-x-xxs\@md>*{--sub-gap-x:var(--space-xxs)}.gap-x-xs\@md{--gap-x:var(--space-xs)}.gap-x-xs\@md>*{--sub-gap-x:var(--space-xs)}.gap-x-sm\@md{--gap-x:var(--space-sm)}.gap-x-sm\@md>*{--sub-gap-x:var(--space-sm)}.gap-x-md\@md{--gap-x:var(--space-md)}.gap-x-md\@md>*{--sub-gap-x:var(--space-md)}.gap-x-lg\@md{--gap-x:var(--space-lg)}.gap-x-lg\@md>*{--sub-gap-x:var(--space-lg)}.gap-x-xl\@md{--gap-x:var(--space-xl)}.gap-x-xl\@md>*{--sub-gap-x:var(--space-xl)}.gap-x-xxl\@md{--gap-x:var(--space-xxl)}.gap-x-xxl\@md>*{--sub-gap-x:var(--space-xxl)}.gap-x-xxxl\@md{--gap-x:var(--space-xxxl)}.gap-x-xxxl\@md>*{--sub-gap-x:var(--space-xxxl)}.gap-x-xxxxl\@md{--gap-x:var(--space-xxxxl)}.gap-x-xxxxl\@md>*{--sub-gap-x:var(--space-xxxxl)}.gap-x-0\@md{--gap-x:0px}.gap-x-0\@md>*{--sub-gap-x:0px}.gap-y-xxxxs\@md{--gap-y:var(--space-xxxxs)}.gap-y-xxxxs\@md>*{--sub-gap-y:var(--space-xxxxs)}.gap-y-xxxs\@md{--gap-y:var(--space-xxxs)}.gap-y-xxxs\@md>*{--sub-gap-y:var(--space-xxxs)}.gap-y-xxs\@md{--gap-y:var(--space-xxs)}.gap-y-xxs\@md>*{--sub-gap-y:var(--space-xxs)}.gap-y-xs\@md{--gap-y:var(--space-xs)}.gap-y-xs\@md>*{--sub-gap-y:var(--space-xs)}.gap-y-sm\@md{--gap-y:var(--space-sm)}.gap-y-sm\@md>*{--sub-gap-y:var(--space-sm)}.gap-y-md\@md{--gap-y:var(--space-md)}.gap-y-md\@md>*{--sub-gap-y:var(--space-md)}.gap-y-lg\@md{--gap-y:var(--space-lg)}.gap-y-lg\@md>*{--sub-gap-y:var(--space-lg)}.gap-y-xl\@md{--gap-y:var(--space-xl)}.gap-y-xl\@md>*{--sub-gap-y:var(--space-xl)}.gap-y-xxl\@md{--gap-y:var(--space-xxl)}.gap-y-xxl\@md>*{--sub-gap-y:var(--space-xxl)}.gap-y-xxxl\@md{--gap-y:var(--space-xxxl)}.gap-y-xxxl\@md>*{--sub-gap-y:var(--space-xxxl)}.gap-y-xxxxl\@md{--gap-y:var(--space-xxxxl)}.gap-y-xxxxl\@md>*{--sub-gap-y:var(--space-xxxxl)}.gap-y-0\@md{--gap-y:0px}.gap-y-0\@md>*{--sub-gap-y:0px}.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(--sub-gap-x)) * var(--span)/ var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x));max-width:calc((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--span)/ var(--grid-columns) + (var(--span) - 1) * var(--sub-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(--sub-gap-x)) * var(--offset)/ var(--grid-columns) + (var(--offset) + var(--offset-modifier,0)) * var(--sub-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-xxxxs\@lg>*{--sub-gap-x:var(--space-xxxxs);--sub-gap-y:var(--space-xxxxs)}.gap-xxxs\@lg{--gap-x:var(--space-xxxs);--gap-y:var(--space-xxxs)}.gap-xxxs\@lg>*{--sub-gap-x:var(--space-xxxs);--sub-gap-y:var(--space-xxxs)}.gap-xxs\@lg{--gap-x:var(--space-xxs);--gap-y:var(--space-xxs)}.gap-xxs\@lg>*{--sub-gap-x:var(--space-xxs);--sub-gap-y:var(--space-xxs)}.gap-xs\@lg{--gap-x:var(--space-xs);--gap-y:var(--space-xs)}.gap-xs\@lg>*{--sub-gap-x:var(--space-xs);--sub-gap-y:var(--space-xs)}.gap-sm\@lg{--gap-x:var(--space-sm);--gap-y:var(--space-sm)}.gap-sm\@lg>*{--sub-gap-x:var(--space-sm);--sub-gap-y:var(--space-sm)}.gap-md\@lg{--gap-x:var(--space-md);--gap-y:var(--space-md)}.gap-md\@lg>*{--sub-gap-x:var(--space-md);--sub-gap-y:var(--space-md)}.gap-lg\@lg{--gap-x:var(--space-lg);--gap-y:var(--space-lg)}.gap-lg\@lg>*{--sub-gap-x:var(--space-lg);--sub-gap-y:var(--space-lg)}.gap-xl\@lg{--gap-x:var(--space-xl);--gap-y:var(--space-xl)}.gap-xl\@lg>*{--sub-gap-x:var(--space-xl);--sub-gap-y:var(--space-xl)}.gap-xxl\@lg{--gap-x:var(--space-xxl);--gap-y:var(--space-xxl)}.gap-xxl\@lg>*{--sub-gap-x:var(--space-xxl);--sub-gap-y:var(--space-xxl)}.gap-xxxl\@lg{--gap-x:var(--space-xxxl);--gap-y:var(--space-xxxl)}.gap-xxxl\@lg>*{--sub-gap-x:var(--space-xxxl);--sub-gap-y:var(--space-xxxl)}.gap-xxxxl\@lg{--gap-x:var(--space-xxxxl);--gap-y:var(--space-xxxxl)}.gap-xxxxl\@lg>*{--sub-gap-x:var(--space-xxxxl);--sub-gap-y:var(--space-xxxxl)}.gap-0\@lg{--gap-x:0px;--gap-y:0px}.gap-0\@lg>*{--sub-gap-x:0px;--sub-gap-y:0px}.gap-x-xxxxs\@lg{--gap-x:var(--space-xxxxs)}.gap-x-xxxxs\@lg>*{--sub-gap-x:var(--space-xxxxs)}.gap-x-xxxs\@lg{--gap-x:var(--space-xxxs)}.gap-x-xxxs\@lg>*{--sub-gap-x:var(--space-xxxs)}.gap-x-xxs\@lg{--gap-x:var(--space-xxs)}.gap-x-xxs\@lg>*{--sub-gap-x:var(--space-xxs)}.gap-x-xs\@lg{--gap-x:var(--space-xs)}.gap-x-xs\@lg>*{--sub-gap-x:var(--space-xs)}.gap-x-sm\@lg{--gap-x:var(--space-sm)}.gap-x-sm\@lg>*{--sub-gap-x:var(--space-sm)}.gap-x-md\@lg{--gap-x:var(--space-md)}.gap-x-md\@lg>*{--sub-gap-x:var(--space-md)}.gap-x-lg\@lg{--gap-x:var(--space-lg)}.gap-x-lg\@lg>*{--sub-gap-x:var(--space-lg)}.gap-x-xl\@lg{--gap-x:var(--space-xl)}.gap-x-xl\@lg>*{--sub-gap-x:var(--space-xl)}.gap-x-xxl\@lg{--gap-x:var(--space-xxl)}.gap-x-xxl\@lg>*{--sub-gap-x:var(--space-xxl)}.gap-x-xxxl\@lg{--gap-x:var(--space-xxxl)}.gap-x-xxxl\@lg>*{--sub-gap-x:var(--space-xxxl)}.gap-x-xxxxl\@lg{--gap-x:var(--space-xxxxl)}.gap-x-xxxxl\@lg>*{--sub-gap-x:var(--space-xxxxl)}.gap-x-0\@lg{--gap-x:0px}.gap-x-0\@lg>*{--sub-gap-x:0px}.gap-y-xxxxs\@lg{--gap-y:var(--space-xxxxs)}.gap-y-xxxxs\@lg>*{--sub-gap-y:var(--space-xxxxs)}.gap-y-xxxs\@lg{--gap-y:var(--space-xxxs)}.gap-y-xxxs\@lg>*{--sub-gap-y:var(--space-xxxs)}.gap-y-xxs\@lg{--gap-y:var(--space-xxs)}.gap-y-xxs\@lg>*{--sub-gap-y:var(--space-xxs)}.gap-y-xs\@lg{--gap-y:var(--space-xs)}.gap-y-xs\@lg>*{--sub-gap-y:var(--space-xs)}.gap-y-sm\@lg{--gap-y:var(--space-sm)}.gap-y-sm\@lg>*{--sub-gap-y:var(--space-sm)}.gap-y-md\@lg{--gap-y:var(--space-md)}.gap-y-md\@lg>*{--sub-gap-y:var(--space-md)}.gap-y-lg\@lg{--gap-y:var(--space-lg)}.gap-y-lg\@lg>*{--sub-gap-y:var(--space-lg)}.gap-y-xl\@lg{--gap-y:var(--space-xl)}.gap-y-xl\@lg>*{--sub-gap-y:var(--space-xl)}.gap-y-xxl\@lg{--gap-y:var(--space-xxl)}.gap-y-xxl\@lg>*{--sub-gap-y:var(--space-xxl)}.gap-y-xxxl\@lg{--gap-y:var(--space-xxxl)}.gap-y-xxxl\@lg>*{--sub-gap-y:var(--space-xxxl)}.gap-y-xxxxl\@lg{--gap-y:var(--space-xxxxl)}.gap-y-xxxxl\@lg>*{--sub-gap-y:var(--space-xxxxl)}.gap-y-0\@lg{--gap-y:0px}.gap-y-0\@lg>*{--sub-gap-y:0px}.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(--sub-gap-x)) * var(--span)/ var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x));max-width:calc((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--span)/ var(--grid-columns) + (var(--span) - 1) * var(--sub-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(--sub-gap-x)) * var(--offset)/ var(--grid-columns) + (var(--offset) + var(--offset-modifier,0)) * var(--sub-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-xxxxs\@xl>*{--sub-gap-x:var(--space-xxxxs);--sub-gap-y:var(--space-xxxxs)}.gap-xxxs\@xl{--gap-x:var(--space-xxxs);--gap-y:var(--space-xxxs)}.gap-xxxs\@xl>*{--sub-gap-x:var(--space-xxxs);--sub-gap-y:var(--space-xxxs)}.gap-xxs\@xl{--gap-x:var(--space-xxs);--gap-y:var(--space-xxs)}.gap-xxs\@xl>*{--sub-gap-x:var(--space-xxs);--sub-gap-y:var(--space-xxs)}.gap-xs\@xl{--gap-x:var(--space-xs);--gap-y:var(--space-xs)}.gap-xs\@xl>*{--sub-gap-x:var(--space-xs);--sub-gap-y:var(--space-xs)}.gap-sm\@xl{--gap-x:var(--space-sm);--gap-y:var(--space-sm)}.gap-sm\@xl>*{--sub-gap-x:var(--space-sm);--sub-gap-y:var(--space-sm)}.gap-md\@xl{--gap-x:var(--space-md);--gap-y:var(--space-md)}.gap-md\@xl>*{--sub-gap-x:var(--space-md);--sub-gap-y:var(--space-md)}.gap-lg\@xl{--gap-x:var(--space-lg);--gap-y:var(--space-lg)}.gap-lg\@xl>*{--sub-gap-x:var(--space-lg);--sub-gap-y:var(--space-lg)}.gap-xl\@xl{--gap-x:var(--space-xl);--gap-y:var(--space-xl)}.gap-xl\@xl>*{--sub-gap-x:var(--space-xl);--sub-gap-y:var(--space-xl)}.gap-xxl\@xl{--gap-x:var(--space-xxl);--gap-y:var(--space-xxl)}.gap-xxl\@xl>*{--sub-gap-x:var(--space-xxl);--sub-gap-y:var(--space-xxl)}.gap-xxxl\@xl{--gap-x:var(--space-xxxl);--gap-y:var(--space-xxxl)}.gap-xxxl\@xl>*{--sub-gap-x:var(--space-xxxl);--sub-gap-y:var(--space-xxxl)}.gap-xxxxl\@xl{--gap-x:var(--space-xxxxl);--gap-y:var(--space-xxxxl)}.gap-xxxxl\@xl>*{--sub-gap-x:var(--space-xxxxl);--sub-gap-y:var(--space-xxxxl)}.gap-0\@xl{--gap-x:0px;--gap-y:0px}.gap-0\@xl>*{--sub-gap-x:0px;--sub-gap-y:0px}.gap-x-xxxxs\@xl{--gap-x:var(--space-xxxxs)}.gap-x-xxxxs\@xl>*{--sub-gap-x:var(--space-xxxxs)}.gap-x-xxxs\@xl{--gap-x:var(--space-xxxs)}.gap-x-xxxs\@xl>*{--sub-gap-x:var(--space-xxxs)}.gap-x-xxs\@xl{--gap-x:var(--space-xxs)}.gap-x-xxs\@xl>*{--sub-gap-x:var(--space-xxs)}.gap-x-xs\@xl{--gap-x:var(--space-xs)}.gap-x-xs\@xl>*{--sub-gap-x:var(--space-xs)}.gap-x-sm\@xl{--gap-x:var(--space-sm)}.gap-x-sm\@xl>*{--sub-gap-x:var(--space-sm)}.gap-x-md\@xl{--gap-x:var(--space-md)}.gap-x-md\@xl>*{--sub-gap-x:var(--space-md)}.gap-x-lg\@xl{--gap-x:var(--space-lg)}.gap-x-lg\@xl>*{--sub-gap-x:var(--space-lg)}.gap-x-xl\@xl{--gap-x:var(--space-xl)}.gap-x-xl\@xl>*{--sub-gap-x:var(--space-xl)}.gap-x-xxl\@xl{--gap-x:var(--space-xxl)}.gap-x-xxl\@xl>*{--sub-gap-x:var(--space-xxl)}.gap-x-xxxl\@xl{--gap-x:var(--space-xxxl)}.gap-x-xxxl\@xl>*{--sub-gap-x:var(--space-xxxl)}.gap-x-xxxxl\@xl{--gap-x:var(--space-xxxxl)}.gap-x-xxxxl\@xl>*{--sub-gap-x:var(--space-xxxxl)}.gap-x-0\@xl{--gap-x:0px}.gap-x-0\@xl>*{--sub-gap-x:0px}.gap-y-xxxxs\@xl{--gap-y:var(--space-xxxxs)}.gap-y-xxxxs\@xl>*{--sub-gap-y:var(--space-xxxxs)}.gap-y-xxxs\@xl{--gap-y:var(--space-xxxs)}.gap-y-xxxs\@xl>*{--sub-gap-y:var(--space-xxxs)}.gap-y-xxs\@xl{--gap-y:var(--space-xxs)}.gap-y-xxs\@xl>*{--sub-gap-y:var(--space-xxs)}.gap-y-xs\@xl{--gap-y:var(--space-xs)}.gap-y-xs\@xl>*{--sub-gap-y:var(--space-xs)}.gap-y-sm\@xl{--gap-y:var(--space-sm)}.gap-y-sm\@xl>*{--sub-gap-y:var(--space-sm)}.gap-y-md\@xl{--gap-y:var(--space-md)}.gap-y-md\@xl>*{--sub-gap-y:var(--space-md)}.gap-y-lg\@xl{--gap-y:var(--space-lg)}.gap-y-lg\@xl>*{--sub-gap-y:var(--space-lg)}.gap-y-xl\@xl{--gap-y:var(--space-xl)}.gap-y-xl\@xl>*{--sub-gap-y:var(--space-xl)}.gap-y-xxl\@xl{--gap-y:var(--space-xxl)}.gap-y-xxl\@xl>*{--sub-gap-y:var(--space-xxl)}.gap-y-xxxl\@xl{--gap-y:var(--space-xxxl)}.gap-y-xxxl\@xl>*{--sub-gap-y:var(--space-xxxl)}.gap-y-xxxxl\@xl{--gap-y:var(--space-xxxxl)}.gap-y-xxxxl\@xl>*{--sub-gap-y:var(--space-xxxxl)}.gap-y-0\@xl{--gap-y:0px}.gap-y-0\@xl>*{--sub-gap-y:0px}.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(--sub-gap-x)) * var(--span)/ var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x));max-width:calc((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--span)/ var(--grid-columns) + (var(--span) - 1) * var(--sub-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(--sub-gap-x)) * var(--offset)/ var(--grid-columns) + (var(--offset) + var(--offset-modifier,0)) * var(--sub-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}menu,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,#313539)}:root{--space-unit:1rem}*,: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.375em)/2);--radius-md:var(--radius, 0.375em);--radius-lg:calc(var(--radius, 0.375em)*2);--shadow-ring:0 0 0 1px hsla(0, 0%, 0%, 0.05);--shadow-xs:0 0 0 1px hsla(0, 0%, 0%, 0.02),0 1px 3px -1px hsla(0, 0%, 0%, 0.2);--shadow-sm:0 0.3px 0.4px hsla(0, 0%, 0%, 0.02),0 0.9px 1.5px hsla(0, 0%, 0%, 0.045),0 3.5px 6px hsla(0, 0%, 0%, 0.09);--shadow-md:0 0.9px 1.25px hsla(0, 0%, 0%, 0.025),0 3px 5px hsla(0, 0%, 0%, 0.05),0 12px 20px hsla(0, 0%, 0%, 0.09);--shadow-lg:0 1.2px 1.9px -1px hsla(0, 0%, 0%, 0.01),0 3px 5px -1px hsla(0, 0%, 0%, 0.015),0 8px 15px -1px hsla(0, 0%, 0%, 0.05),0 28px 40px -1px hsla(0, 0%, 0%, 0.1);--shadow-xl:0 1.5px 2.1px -6px hsla(0, 0%, 0%, 0.009),0 3.6px 5.2px -6px hsla(0, 0%, 0%, 0.0115),0 7.3px 10.6px -6px hsla(0, 0%, 0%, 0.0125),0 16.2px 21.9px -6px hsla(0, 0%, 0%, 0.025),0 46px 60px -6px hsla(0, 0%, 0%, 0.15);--inner-glow:inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075);--inner-glow-top:inset 0 1px 0.5px hsla(0, 0%, 100%, 0.075);--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,1rem);font-family:var(--font-primary,sans-serif);color:var(--color-contrast-high,#313539);font-weight:var(--body-font-weight,normal)}h1,h2,h3,h4{color:var(--color-contrast-higher,#0c1216);line-height:var(--heading-line-height,1.2);font-weight:var(--heading-font-weight,700)}h1{font-size:var(--text-xxl,2rem)}h2{font-size:var(--text-xl,1.75rem)}h3{font-size:var(--text-lg,1.375rem)}h4{font-size:var(--text-md,1.125rem)}small{font-size:var(--text-sm,.75rem)}.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) * .3125 * var(--text-space-y-multiplier,1))}.text-component h2,.text-component h3,.text-component h4{margin-top:calc(var(--space-unit) * .9375 * 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) * .9375 * 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) * 1.875 * var(--text-space-y-multiplier,1));margin-bottom:calc(var(--space-unit) * 1.875 * 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) * .9375 * var(--text-space-y-multiplier,1))}.text-component__block--right{float:right;margin-left:calc(var(--space-unit) * .9375 * 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:24px;--icon-md:32px;--icon-lg:48px;--icon-xl:64px;--icon-xxl:96px;--icon-xxxl:128px}.icon{--size:1em;font-size:var(--size);height:1em;width:1em;display:inline-block;color:inherit;fill:currentColor;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{animation:icon-spin 1s infinite linear}@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;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,#0c1216);line-height:var(--heading-line-height,1.2);font-weight:var(--heading-font-weight,700);font-size:var(--text-md,1.125rem);margin-bottom:var(--space-md)}.form-label{display:inline-block;font-size:var(--text-sm,.75rem)}: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}.print\:shadow-none{box-shadow:none}}.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{justify-content:center;align-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}.items-stretch{align-items:stretch}.content-start{align-content:start}.content-end{align-content:end}.content-center{align-content:center}.content-between{align-content:space-between}.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)}.ratio-16\:9{aspect-ratio:16/9}.ratio-3\:2{aspect-ratio:3/2}.ratio-4\:3{aspect-ratio:4/3}.ratio-5\:4{aspect-ratio:5/4}.ratio-1\:1{aspect-ratio:1/1}.ratio-4\:5{aspect-ratio:4/5}.ratio-3\:4{aspect-ratio:3/4}.ratio-2\:3{aspect-ratio:2/3}.ratio-9\:16{aspect-ratio:9/16}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.contents{display:contents}.hide{display:none}.css-grid{display:grid}.css-inline-grid{display:inline-grid}.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-sub{vertical-align:sub}.align-super{vertical-align:super}.align-text-top{vertical-align:text-top}.align-text-bottom{vertical-align:text-bottom}.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-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-xs{font-size:var(--text-xs,.6875rem)}.text-sm{font-size:var(--text-sm,.75rem)}.text-base{font-size:var(--text-unit,1rem)}.text-md{font-size:var(--text-md,1.125rem)}.text-lg{font-size:var(--text-lg,1.375rem)}.text-xl{font-size:var(--text-xl,1.75rem)}.text-xxl{font-size:var(--text-xxl,2rem)}.text-xxxl{font-size:var(--text-xxxl,2.5rem)}.text-xxxxl{font-size:var(--text-xxxxl,3rem)}.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-thin{font-weight:100}.font-extralight{font-weight:200}.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-extrabold{font-weight:800}.font-black{font-weight:900}.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-indent-sm{text-indent:.5em}.text-indent-md{text-indent:1em}.text-indent-lg{text-indent:1.5em}.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}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.column-count-1{-moz-column-count:1;column-count:1}.column-count-2{-moz-column-count:2;column-count:2}.column-count-3{-moz-column-count:3;column-count:3}.column-count-4{-moz-column-count:4;column-count:4}.list-style-none{list-style:none}.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-5\%{--color-o:0.05}.color-opacity-10\%{--color-o:0.1}.color-opacity-15\%{--color-o:0.15}.color-opacity-20\%{--color-o:0.2}.color-opacity-25\%{--color-o:0.25}.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-75\%{--color-o:0.75}.color-opacity-80\%{--color-o:0.8}.color-opacity-85\%{--color-o:0.85}.color-opacity-90\%{--color-o:0.9}.color-opacity-95\%{--color-o:0.95}[class*=" color-gradient"],[class^=color-gradient]{color:transparent!important;-webkit-background-clip:text;background-clip:text;opacity:var(--color-o,1)}.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:33.3333333333%}.width-40\%{width:40%}.width-50\%{width:50%}.width-60\%{width:60%}.width-66\%{width:66.6666666667%}.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}.width-inherit{width:inherit}.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:33.3333333333%}.height-40\%{height:40%}.height-50\%{height:50%}.height-60\%{height:60%}.height-66\%{height:66.6666666667%}.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}.height-inherit{height:inherit}.min-width-0{min-width:0}.min-width-25\%{min-width:25%}.min-width-33\%{min-width:33.3333333333%}.min-width-50\%{min-width:50%}.min-width-66\%{min-width:66.6666666667%}.min-width-75\%{min-width:75%}.min-width-100\%{min-width:100%}.min-width-100vw{min-width:100vw}.min-height-0{min-height:0}.min-height-100\%{min-height:100%}.min-height-100vh{min-height:100vh}:root{--max-width-xxxxxs:17.5rem;--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-xxxxxs{max-width:var(--max-width-xxxxxs)}.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-ring{box-shadow:var(--shadow-ring)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-xs.shadow-ring{box-shadow:var(--shadow-xs),var(--shadow-ring)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-sm.shadow-ring{box-shadow:var(--shadow-sm),var(--shadow-ring)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-md.shadow-ring{box-shadow:var(--shadow-md),var(--shadow-ring)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-lg.shadow-ring{box-shadow:var(--shadow-lg),var(--shadow-ring)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-xl.shadow-ring{box-shadow:var(--shadow-xl),var(--shadow-ring)}.shadow-none{box-shadow:none}:where(.inner-glow,.inner-glow-top){position:relative}:where(.inner-glow,.inner-glow-top)::after{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;border-radius:inherit;pointer-events:none}.inner-glow::after{box-shadow:var(--inner-glow)}.inner-glow-top::after{box-shadow:var(--inner-glow-top)}.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-visible{overflow:visible}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-clip{overflow:clip}.overflow-x-clip{overflow-x:clip}.overflow-y-clip{overflow-y:clip}.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-5\%{opacity:.05}.opacity-10\%{opacity:.1}.opacity-15\%{opacity:.15}.opacity-20\%{opacity:.2}.opacity-25\%{opacity:.25}.opacity-30\%{opacity:.3}.opacity-40\%{opacity:.4}.opacity-50\%{opacity:.5}.opacity-60\%{opacity:.6}.opacity-70\%{opacity:.7}.opacity-75\%{opacity:.75}.opacity-80\%{opacity:.8}.opacity-85\%{opacity:.85}.opacity-90\%{opacity:.9}.opacity-95\%{opacity:.95}.float-left{float:left}.float-right{float:right}.clearfix::after{content:"";display:table;clear:both}[class*=" border-"],[class^=border-]{--border-o:1;--border-width:1px;--border-style:solid}.border{border:var(--border-width,1px) var(--border-style,solid) hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--border-o-base,.1))}.border-top{border-top:var(--border-width,1px) var(--border-style,solid) hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--border-o-base,.1))}.border-bottom{border-bottom:var(--border-width,1px) var(--border-style,solid) hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--border-o-base,.1))}.border-left{border-left:var(--border-width,1px) var(--border-style,solid) hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--border-o-base,.1))}.border-right{border-right:var(--border-width,1px) var(--border-style,solid) hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--border-o-base,.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-5\%{--border-o:0.05}.border-opacity-10\%{--border-o:0.1}.border-opacity-15\%{--border-o:0.15}.border-opacity-20\%{--border-o:0.2}.border-opacity-25\%{--border-o:0.25}.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-75\%{--border-o:0.75}.border-opacity-80\%{--border-o:0.8}.border-opacity-85\%{--border-o:0.85}.border-opacity-90\%{--border-o:0.9}.border-opacity-95\%{--border-o:0.95}.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-5\%{--bg-o:0.05}.bg-opacity-10\%{--bg-o:0.1}.bg-opacity-15\%{--bg-o:0.15}.bg-opacity-20\%{--bg-o:0.2}.bg-opacity-25\%{--bg-o:0.25}.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-75\%{--bg-o:0.75}.bg-opacity-80\%{--bg-o:0.8}.bg-opacity-85\%{--bg-o:0.85}.bg-opacity-90\%{--bg-o:0.9}.bg-opacity-95\%{--bg-o:0.95}.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}.transition{transition-property:var(--transition-property,all);transition-duration:var(--transition-duration,.2s);transition-delay:var(--transition-delay,0s)}.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}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.appearance-auto{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}@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{justify-content:center;align-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}.items-stretch\@xs{align-items:stretch}.content-start\@xs{align-content:start}.content-end\@xs{align-content:end}.content-center\@xs{align-content:center}.content-between\@xs{align-content:space-between}.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}.css-grid\@xs{display:grid}.css-inline-grid\@xs{display:inline-grid}.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,.6875rem)}.text-sm\@xs{font-size:var(--text-sm,.75rem)}.text-base\@xs{font-size:var(--text-unit,1rem)}.text-md\@xs{font-size:var(--text-md,1.125rem)}.text-lg\@xs{font-size:var(--text-lg,1.375rem)}.text-xl\@xs{font-size:var(--text-xl,1.75rem)}.text-xxl\@xs{font-size:var(--text-xxl,2rem)}.text-xxxl\@xs{font-size:var(--text-xxxl,2.5rem)}.text-xxxxl\@xs{font-size:var(--text-xxxxl,3rem)}.column-count-1\@xs{-moz-column-count:1;column-count:1}.column-count-2\@xs{-moz-column-count:2;column-count:2}.column-count-3\@xs{-moz-column-count:3;column-count:3}.column-count-4\@xs{-moz-column-count:4;column-count:4}.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:33.3333333333%}.width-40\%\@xs{width:40%}.width-50\%\@xs{width:50%}.width-60\%\@xs{width:60%}.width-66\%\@xs{width:66.6666666667%}.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}.width-inherit\@xs{width:inherit}.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:33.3333333333%}.height-40\%\@xs{height:40%}.height-50\%\@xs{height:50%}.height-60\%\@xs{height:60%}.height-66\%\@xs{height:66.6666666667%}.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}.height-inherit\@xs{height:inherit}.max-width-xxxxxs\@xs{max-width:var(--max-width-xxxxxs)}.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{justify-content:center;align-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}.items-stretch\@sm{align-items:stretch}.content-start\@sm{align-content:start}.content-end\@sm{align-content:end}.content-center\@sm{align-content:center}.content-between\@sm{align-content:space-between}.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}.css-grid\@sm{display:grid}.css-inline-grid\@sm{display:inline-grid}.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,.6875rem)}.text-sm\@sm{font-size:var(--text-sm,.75rem)}.text-base\@sm{font-size:var(--text-unit,1rem)}.text-md\@sm{font-size:var(--text-md,1.125rem)}.text-lg\@sm{font-size:var(--text-lg,1.375rem)}.text-xl\@sm{font-size:var(--text-xl,1.75rem)}.text-xxl\@sm{font-size:var(--text-xxl,2rem)}.text-xxxl\@sm{font-size:var(--text-xxxl,2.5rem)}.text-xxxxl\@sm{font-size:var(--text-xxxxl,3rem)}.column-count-1\@sm{-moz-column-count:1;column-count:1}.column-count-2\@sm{-moz-column-count:2;column-count:2}.column-count-3\@sm{-moz-column-count:3;column-count:3}.column-count-4\@sm{-moz-column-count:4;column-count:4}.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:33.3333333333%}.width-40\%\@sm{width:40%}.width-50\%\@sm{width:50%}.width-60\%\@sm{width:60%}.width-66\%\@sm{width:66.6666666667%}.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}.width-inherit\@sm{width:inherit}.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:33.3333333333%}.height-40\%\@sm{height:40%}.height-50\%\@sm{height:50%}.height-60\%\@sm{height:60%}.height-66\%\@sm{height:66.6666666667%}.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}.height-inherit\@sm{height:inherit}.max-width-xxxxxs\@sm{max-width:var(--max-width-xxxxxs)}.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{justify-content:center;align-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}.items-stretch\@md{align-items:stretch}.content-start\@md{align-content:start}.content-end\@md{align-content:end}.content-center\@md{align-content:center}.content-between\@md{align-content:space-between}.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}.css-grid\@md{display:grid}.css-inline-grid\@md{display:inline-grid}.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,.6875rem)}.text-sm\@md{font-size:var(--text-sm,.75rem)}.text-base\@md{font-size:var(--text-unit,1rem)}.text-md\@md{font-size:var(--text-md,1.125rem)}.text-lg\@md{font-size:var(--text-lg,1.375rem)}.text-xl\@md{font-size:var(--text-xl,1.75rem)}.text-xxl\@md{font-size:var(--text-xxl,2rem)}.text-xxxl\@md{font-size:var(--text-xxxl,2.5rem)}.text-xxxxl\@md{font-size:var(--text-xxxxl,3rem)}.column-count-1\@md{-moz-column-count:1;column-count:1}.column-count-2\@md{-moz-column-count:2;column-count:2}.column-count-3\@md{-moz-column-count:3;column-count:3}.column-count-4\@md{-moz-column-count:4;column-count:4}.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:33.3333333333%}.width-40\%\@md{width:40%}.width-50\%\@md{width:50%}.width-60\%\@md{width:60%}.width-66\%\@md{width:66.6666666667%}.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}.width-inherit\@md{width:inherit}.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:33.3333333333%}.height-40\%\@md{height:40%}.height-50\%\@md{height:50%}.height-60\%\@md{height:60%}.height-66\%\@md{height:66.6666666667%}.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}.height-inherit\@md{height:inherit}.max-width-xxxxxs\@md{max-width:var(--max-width-xxxxxs)}.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{justify-content:center;align-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}.items-stretch\@lg{align-items:stretch}.content-start\@lg{align-content:start}.content-end\@lg{align-content:end}.content-center\@lg{align-content:center}.content-between\@lg{align-content:space-between}.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}.css-grid\@lg{display:grid}.css-inline-grid\@lg{display:inline-grid}.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,.6875rem)}.text-sm\@lg{font-size:var(--text-sm,.75rem)}.text-base\@lg{font-size:var(--text-unit,1rem)}.text-md\@lg{font-size:var(--text-md,1.125rem)}.text-lg\@lg{font-size:var(--text-lg,1.375rem)}.text-xl\@lg{font-size:var(--text-xl,1.75rem)}.text-xxl\@lg{font-size:var(--text-xxl,2rem)}.text-xxxl\@lg{font-size:var(--text-xxxl,2.5rem)}.text-xxxxl\@lg{font-size:var(--text-xxxxl,3rem)}.column-count-1\@lg{-moz-column-count:1;column-count:1}.column-count-2\@lg{-moz-column-count:2;column-count:2}.column-count-3\@lg{-moz-column-count:3;column-count:3}.column-count-4\@lg{-moz-column-count:4;column-count:4}.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:33.3333333333%}.width-40\%\@lg{width:40%}.width-50\%\@lg{width:50%}.width-60\%\@lg{width:60%}.width-66\%\@lg{width:66.6666666667%}.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}.width-inherit\@lg{width:inherit}.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:33.3333333333%}.height-40\%\@lg{height:40%}.height-50\%\@lg{height:50%}.height-60\%\@lg{height:60%}.height-66\%\@lg{height:66.6666666667%}.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}.height-inherit\@lg{height:inherit}.max-width-xxxxxs\@lg{max-width:var(--max-width-xxxxxs)}.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{justify-content:center;align-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}.items-stretch\@xl{align-items:stretch}.content-start\@xl{align-content:start}.content-end\@xl{align-content:end}.content-center\@xl{align-content:center}.content-between\@xl{align-content:space-between}.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}.css-grid\@xl{display:grid}.css-inline-grid\@xl{display:inline-grid}.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,.6875rem)}.text-sm\@xl{font-size:var(--text-sm,.75rem)}.text-base\@xl{font-size:var(--text-unit,1rem)}.text-md\@xl{font-size:var(--text-md,1.125rem)}.text-lg\@xl{font-size:var(--text-lg,1.375rem)}.text-xl\@xl{font-size:var(--text-xl,1.75rem)}.text-xxl\@xl{font-size:var(--text-xxl,2rem)}.text-xxxl\@xl{font-size:var(--text-xxxl,2.5rem)}.text-xxxxl\@xl{font-size:var(--text-xxxxl,3rem)}.column-count-1\@xl{-moz-column-count:1;column-count:1}.column-count-2\@xl{-moz-column-count:2;column-count:2}.column-count-3\@xl{-moz-column-count:3;column-count:3}.column-count-4\@xl{-moz-column-count:4;column-count:4}.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:33.3333333333%}.width-40\%\@xl{width:40%}.width-50\%\@xl{width:50%}.width-60\%\@xl{width:60%}.width-66\%\@xl{width:66.6666666667%}.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}.width-inherit\@xl{width:inherit}.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:33.3333333333%}.height-40\%\@xl{height:40%}.height-50\%\@xl{height:50%}.height-60\%\@xl{height:60%}.height-66\%\@xl{height:66.6666666667%}.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}.height-inherit\@xl{height:inherit}.max-width-xxxxxs\@xl{max-width:var(--max-width-xxxxxs)}.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(0, 0%, 88%);--color-primary-darker-h:0;--color-primary-darker-s:0%;--color-primary-darker-l:88%;--color-primary-dark:hsl(0, 0%, 94%);--color-primary-dark-h:0;--color-primary-dark-s:0%;--color-primary-dark-l:94%;--color-primary:hsl(0, 0%, 100%);--color-primary-h:0;--color-primary-s:0%;--color-primary-l:100%;--color-primary-light:hsl(0, 0%, 100%);--color-primary-light-h:0;--color-primary-light-s:0%;--color-primary-light-l:100%;--color-primary-lighter:hsl(0, 0%, 100%);--color-primary-lighter-h:0;--color-primary-lighter-s:0%;--color-primary-lighter-l:100%;--color-accent-darker:hsl(36, 100%, 44%);--color-accent-darker-h:36;--color-accent-darker-s:100%;--color-accent-darker-l:44%;--color-accent-dark:hsl(36, 100%, 50%);--color-accent-dark-h:36;--color-accent-dark-s:100%;--color-accent-dark-l:50%;--color-accent:hsl(36, 100%, 56%);--color-accent-h:36;--color-accent-s:100%;--color-accent-l:56%;--color-accent-light:hsl(36, 100%, 62%);--color-accent-light-h:36;--color-accent-light-s:100%;--color-accent-light-l:62%;--color-accent-lighter:hsl(36, 100%, 68%);--color-accent-lighter-h:36;--color-accent-lighter-s:100%;--color-accent-lighter-l:68%;--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(40, 87%, 48%);--color-bg-darker-h:40;--color-bg-darker-s:87%;--color-bg-darker-l:48%;--color-bg-dark:hsl(40, 91%, 49%);--color-bg-dark-h:40;--color-bg-dark-s:91%;--color-bg-dark-l:49%;--color-bg:hsl(41, 100%, 50%);--color-bg-h:41;--color-bg-s:100%;--color-bg-l:50%;--color-bg-light:hsl(40, 91%, 51%);--color-bg-light-h:40;--color-bg-light-s:91%;--color-bg-light-l:51%;--color-bg-lighter:hsl(40, 87%, 52%);--color-bg-lighter-h:40;--color-bg-lighter-s:87%;--color-bg-lighter-l:52%;--color-contrast-lower:hsl(39, 82%, 46%);--color-contrast-lower-h:39;--color-contrast-lower-s:82%;--color-contrast-lower-l:46%;--color-contrast-low:hsl(38, 69%, 38%);--color-contrast-low-h:38;--color-contrast-low-s:69%;--color-contrast-low-l:38%;--color-contrast-medium:hsl(37, 58%, 29%);--color-contrast-medium-h:37;--color-contrast-medium-s:58%;--color-contrast-medium-l:29%;--color-contrast-high:hsl(35, 32%, 16%);--color-contrast-high-h:35;--color-contrast-high-s:32%;--color-contrast-high-l:16%;--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%}@media (min-width:64rem){*,:root{--space-xxxxs:calc(0.1875 * var(--space-unit));--space-xxxs:calc(0.375 * var(--space-unit));--space-xxs:calc(0.5625 * var(--space-unit));--space-xs:calc(0.75 * var(--space-unit));--space-sm:calc(1.125 * var(--space-unit));--space-md:calc(2 * var(--space-unit));--space-lg:calc(3.125 * var(--space-unit));--space-xl:calc(5.125 * var(--space-unit));--space-xxl:calc(8.25 * var(--space-unit));--space-xxxl:calc(13.25 * var(--space-unit));--space-xxxxl:calc(21.5 * var(--space-unit))}}:root{--radius:0.375em}.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:1rem;--text-scale-ratio:1.2;--body-line-height:1.4;--heading-line-height:1.2;--font-primary-capital-letter:1;--text-unit:var(--text-base-size)}*,: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.125rem;--text-scale-ratio:1.215}}h1,h2,h3,h4{--heading-font-weight:700}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.link{text-decoration:none;background-image:linear-gradient(to right,currentColor 50%,hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.15) 50%);background-size:200% 1px;background-repeat:no-repeat;background-position:100% 100%;transition:background-position .2s}.link:hover{background-position:0 100%}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>*{--text-unit:1em;--space-unit:1em}.text-component blockquote{padding-left:1em;border-left:4px solid var(--color-contrast-lower);font-style:italic}.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;font-weight:500;transition:all .2s ease;will-change:transform}.btn:focus-visible{outline:0;box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.15)}.btn:active{transform:translateY(2px)}.btn--primary{background:var(--color-primary);box-shadow:inset 0 1px 0 hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),.15),0 1px 3px hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),.25),0 2px 6px hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),.1),0 6px 10px -2px hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),.25);color:var(--color-white)}.btn--primary:hover{background:var(--color-primary-light);box-shadow:inset 0 1px 0 hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),.15),0 1px 2px hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),.25),0 1px 4px hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),.1),0 3px 6px -2px hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),.25)}.btn--primary:focus-visible{box-shadow:inset 0 1px 0 hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),.15),0 1px 2px hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),.25),0 1px 4px hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),.1),0 3px 6px -2px hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),.25),0 0 0 2px var(--color-bg),0 0 0 4px var(--color-primary)}.btn--subtle{background:var(--color-bg-lighter);color:var(--color-contrast-higher);box-shadow:inset 0 1px 0 hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),.1),0 0 0 1px hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.02),0 .3px .4px hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.025),0 1px 3px -1px hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.2),0 3.5px 6px hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.12)}.btn--subtle:hover{background:var(--color-bg-light);box-shadow:inset 0 1px 0 hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),.1),0 0 0 1px hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.02),0 .1px .3px hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.06),0 1px 2px hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.12),0 1px 3px -1px hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.2)}.btn--subtle:focus-visible{box-shadow:inset 0 1px 0 hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),.1),0 0 0 1px hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.02),0 .3px .4px hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.025),0 1px 3px -1px hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.2),0 3.5px 6px hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.12),0 0 0 2px var(--color-bg),0 0 0 4px var(--color-contrast-high)}.btn--accent{background:var(--color-accent);color:var(--color-white);box-shadow:inset 0 1px 0 hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),.15),0 1px 3px hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),.25),0 2px 6px hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),.1),0 6px 10px -2px hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),.25)}.btn--accent:hover{background:var(--color-accent-light);box-shadow:inset 0 1px 0 hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),.15),0 1px 2px hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),.25),0 1px 4px hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),.1),0 3px 6px -2px hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),.1)}.btn--accent:focus-visible{box-shadow:inset 0 1px 0 hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),.15),0 1px 2px hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),.25),0 1px 4px hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),.1),0 3px 6px -2px hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),.1),0 0 0 2px var(--color-bg),0 0 0 4px var(--color-accent)}.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;box-shadow:inset 0 0 0 1px var(--color-contrast-lower);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,.form-control:focus-within{background:var(--color-bg);box-shadow:inset 0 0 0 1px hsla(var(--color-contrast-lower-h),var(--color-contrast-lower-s),var(--color-contrast-lower-l),0),0 0 0 2px var(--color-primary),var(--shadow-sm)}.form-control--disabled,.form-control[disabled],.form-control[readonly]{opacity:.5;cursor:not-allowed}.form-control.form-control--error,.form-control[aria-invalid=true]{box-shadow:inset 0 0 0 1px hsla(var(--color-contrast-lower-h),var(--color-contrast-lower-s),var(--color-contrast-lower-l),0),0 0 0 2px var(--color-error)}.form-control.form-control--error:focus,.form-control.form-control--error:focus-within,.form-control[aria-invalid=true]:focus,.form-control[aria-invalid=true]:focus-within{box-shadow:inset 0 0 0 1px hsla(var(--color-contrast-lower-h),var(--color-contrast-lower-s),var(--color-contrast-lower-l),0),0 0 0 2px var(--color-error),var(--shadow-sm)}/*! purgecss start ignore */:root{--anim-menu-btn-size:48px;--anim-menu-btn-transition-duration:.2s;--anim-menu-btn-icon-size:32px;--anim-menu-btn-icon-stroke:2px}.anim-menu-btn{display:flex;justify-content:center;align-items:center;width:var(--anim-menu-btn-size);height:var(--anim-menu-btn-size)}.anim-menu-btn__icon{position:relative;display:block;font-size:var(--anim-menu-btn-icon-size);width:1em;height:var(--anim-menu-btn-icon-stroke);color:inherit;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;transform:scale(1)}.anim-menu-btn__icon::after,.anim-menu-btn__icon::before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-image:inherit;border-radius:inherit}.anim-menu-btn__icon--close{background-size:100% 100%;will-change:transform,background-size;transition-property:transform,background-size;transition-duration:var(--anim-menu-btn-transition-duration,.2s)}.anim-menu-btn:active .anim-menu-btn__icon--close{transform:scale(.9)}.anim-menu-btn__icon--close::after,.anim-menu-btn__icon--close::before{will-change:inherit;transition:inherit}.anim-menu-btn__icon--close::before{transform:translateY(-.25em) rotate(0)}.anim-menu-btn__icon--close::after{transform:translateY(.25em) rotate(0)}.anim-menu-btn--state-b .anim-menu-btn__icon--close{background-size:0 100%}.anim-menu-btn--state-b .anim-menu-btn__icon--close::before{transform:translateY(0) rotate(45deg)}.anim-menu-btn--state-b .anim-menu-btn__icon--close::after{transform:translateY(0) rotate(-45deg)}.anim-menu-btn__icon--arrow-down,.anim-menu-btn__icon--arrow-left,.anim-menu-btn__icon--arrow-right,.anim-menu-btn__icon--arrow-up{border-radius:50em;will-change:transform;transition-property:transform;transition-duration:var(--anim-menu-btn-transition-duration,.2s)}.anim-menu-btn:active .anim-menu-btn__icon--arrow-down,.anim-menu-btn:active .anim-menu-btn__icon--arrow-left,.anim-menu-btn:active .anim-menu-btn__icon--arrow-right,.anim-menu-btn:active .anim-menu-btn__icon--arrow-up{transform:scale(.9)}.anim-menu-btn__icon--arrow-down::after,.anim-menu-btn__icon--arrow-down::before,.anim-menu-btn__icon--arrow-left::after,.anim-menu-btn__icon--arrow-left::before,.anim-menu-btn__icon--arrow-right::after,.anim-menu-btn__icon--arrow-right::before,.anim-menu-btn__icon--arrow-up::after,.anim-menu-btn__icon--arrow-up::before{transform-origin:calc(var(--anim-menu-btn-icon-stroke)/ 2) 50%;will-change:transform,width;transition-property:transform,width;transition-duration:var(--anim-menu-btn-transition-duration,.2s)}.anim-menu-btn__icon--arrow-down::before,.anim-menu-btn__icon--arrow-left::before,.anim-menu-btn__icon--arrow-right::before,.anim-menu-btn__icon--arrow-up::before{transform:translateY(-.25em) rotate(0)}.anim-menu-btn__icon--arrow-down::after,.anim-menu-btn__icon--arrow-left::after,.anim-menu-btn__icon--arrow-right::after,.anim-menu-btn__icon--arrow-up::after{transform:translateY(.25em) rotate(0)}.anim-menu-btn__icon--arrow-right{transform:rotate(180deg)}.anim-menu-btn:active .anim-menu-btn__icon--arrow-right{transform:rotate(180deg) scale(.9)}.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::after,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::before,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::after,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::before,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::after,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::before,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::after,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::before{width:50%}.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::before,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::before,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::before,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::before{transform:translateY(0) rotate(-45deg)}.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::after,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::after,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::after,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::after{transform:translateY(0) rotate(45deg)}.anim-menu-btn--state-b:active .anim-menu-btn__icon--arrow-up{transform:rotate(90deg) scale(.9)}.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up{transform:rotate(90deg)}.anim-menu-btn--state-b:active .anim-menu-btn__icon--arrow-down{transform:rotate(-90deg) scale(.9)}.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down{transform:rotate(-90deg)}.btn-states{position:relative}.btn-states--state-b:not(.btn-states--preserve-width) .btn-states__content-a{display:none}.btn-states:not(.btn-states--state-b) .btn-states__content-b{display:none}.btn-states--preserve-width .btn-states__content-b{position:absolute;top:0;left:0;width:100%;height:100%}.btn-states--preserve-width.btn-states--state-b .btn-states__content-a{visibility:hidden}:root{--card-v11-height:320px;--card-v11-btn-height:50px}@media (min-width:64rem){:root{--card-v11-height:480px;--card-v11-btn-height:70px}}.card-v11{display:block;position:relative;text-decoration:none;color:inherit;overflow:hidden;height:var(--card-v11-height);background-color:var(--color-contrast-lower);background-size:cover;background-repeat:no-repeat}.card-v11:hover .card-v11__btn{background-color:var(--color-bg);color:var(--color-contrast-higher)}.card-v11:hover .card-v11__icon line:nth-child(1),.card-v11:hover .card-v11__icon line:nth-child(2){opacity:1;transform:rotate(0);transition:opacity 0s .2s,transform .2s .2s var(--ease-in-out)}.card-v11:hover .card-v11__icon line:nth-child(3){stroke-dashoffset:96;transition:stroke-dashoffset .2s var(--ease-in-out)}.card-v11__box{position:absolute;bottom:0;right:0;background-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.95);color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.card-v11__box{background-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.card-v11__btn{display:flex;align-items:center;height:var(--card-v11-btn-height);transition:.4s}.card-v11__icon{font-size:48px}.card-v11__icon line:nth-child(1),.card-v11__icon line:nth-child(2){transform-origin:47px 24px;opacity:0;transition:opacity 0s .2s,transform .2s var(--ease-in-out)}.card-v11__icon line:nth-child(1){transform:rotate(-45deg)}.card-v11__icon line:nth-child(2){transform:rotate(45deg)}.card-v11__icon line:nth-child(3){stroke-dasharray:48;stroke-dashoffset:72;transition:stroke-dashoffset .2s .2s var(--ease-in-out)}.card-v9{display:block;position:relative;z-index:1;text-decoration:none;color:inherit;background-color:var(--color-contrast-lower);background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden;box-shadow:var(--shadow-sm);transition:.3s}.card-v9:hover{box-shadow:var(--shadow-md)}.card-v9__content{display:flex;height:100%;flex-direction:column;position:relative;z-index:2}.card-v9__btn{position:relative;display:inline-block;padding:var(--space-xs) var(--space-sm);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card-v9__btn i{position:relative;z-index:2;color:var(--color-bg);opacity:0;transition:opacity .3s}.card-v9__btn::after{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-md);background-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.8);opacity:0;transform:translateY(25%);transition:opacity .3s,transform .3s var(--ease-out)}.card-v9:hover .card-v9__btn i{opacity:1}.card-v9:hover .card-v9__btn::after{opacity:1;transform:translateY(0)}.card-v9--overlay-bg::before{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),.5);transition:background-color .3s}.card-v9--overlay-bg:hover::before{background-color:hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),.8)}.cursor-fx-target{position:relative;background-color:var(--color-bg-dark);width:280px;height:280px;border-radius:var(--radius-lg)}.cursor-fx-target:hover .cursor-fx-object{transition:transform .5s var(--ease-out)}.cursor-fx-object{position:absolute;transition:transform .3s var(--ease-out-back)}.cursor-fx-object--1{background-color:var(--color-bg-light);border-radius:var(--radius-md);height:100px;width:100px;top:calc(50% - 50px);left:calc(50% - 50px)}.cursor-fx-object--2{background-color:var(--color-primary);height:40px;width:40px;border-radius:50%;top:calc(50% - 20px);left:calc(50% - 20px)}.c-cursor{position:fixed;z-index:9999;top:0;left:0;pointer-events:none}.c-cursor__img{display:block;position:relative;margin:-50% 0 0 -50%;filter:drop-shadow(0 1px 1px hsla(0, 0%, 0%, .1));opacity:0;--translate:0;--rotate:0;--skew:0;--scale:0;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)));transition:opacity .2s,transform .2s var(--ease-out)}.c-cursor--in .c-cursor__img{--scale:1;opacity:1}@media (prefers-reduced-motion:no-preference){[data-custom-cursor],[data-custom-cursor] *{cursor:none}}:root{--details-list-border-width:1px;--details-list-border-opacity:0.15}.details-list--rows .details-list__item{border-bottom:var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--details-list-border-opacity))}.details-list--rows .details-list__item:last-child{border-bottom:none}.details-list--cols .details-list__item{border-right:var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--details-list-border-opacity))}.details-list--cols .details-list__item:last-child{border-right:none}@media (min-width:32rem){.details-list--rows\@xs .details-list__item{border-right:0;border-bottom:var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--details-list-border-opacity))}.details-list--rows\@xs .details-list__item:last-child{border-bottom:none}.details-list--cols\@xs .details-list__item{border-bottom:0;border-right:var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--details-list-border-opacity))}.details-list--cols\@xs .details-list__item:last-child{border-right:none}}@media (min-width:48rem){.details-list--rows\@sm .details-list__item{border-right:0;border-bottom:var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--details-list-border-opacity))}.details-list--rows\@sm .details-list__item:last-child{border-bottom:none}.details-list--cols\@sm .details-list__item{border-bottom:0;border-right:var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--details-list-border-opacity))}.details-list--cols\@sm .details-list__item:last-child{border-right:none}}@media (min-width:64rem){.details-list--rows\@md .details-list__item{border-right:0;border-bottom:var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--details-list-border-opacity))}.details-list--rows\@md .details-list__item:last-child{border-bottom:none}.details-list--cols\@md .details-list__item{border-bottom:0;border-right:var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--details-list-border-opacity))}.details-list--cols\@md .details-list__item:last-child{border-right:none}}@media (min-width:80rem){.details-list--rows\@lg .details-list__item{border-right:0;border-bottom:var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--details-list-border-opacity))}.details-list--rows\@lg .details-list__item:last-child{border-bottom:none}.details-list--cols\@lg .details-list__item{border-bottom:0;border-right:var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--details-list-border-opacity))}.details-list--cols\@lg .details-list__item:last-child{border-right:none}}@media (min-width:90rem){.details-list--rows\@xl .details-list__item{border-right:0;border-bottom:var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--details-list-border-opacity))}.details-list--rows\@xl .details-list__item:last-child{border-bottom:none}.details-list--cols\@xl .details-list__item{border-bottom:0;border-right:var(--details-list-border-width) solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--details-list-border-opacity))}.details-list--cols\@xl .details-list__item:last-child{border-right:none}}.feature-v4{--feature-text-offset:65%;position:relative;z-index:1}@media (min-width:32rem){.feature-v4__text-offset\@xs{width:calc(100% + var(--feature-text-offset))}.feature-v4--invert\@xs .feature-v4__grid>:last-child{order:-1}.feature-v4--invert\@xs .feature-v4__text-offset\@xs{margin-left:calc(var(--feature-text-offset) * -1)}}@media (min-width:48rem){.feature-v4__text-offset\@sm{width:calc(100% + var(--feature-text-offset))}.feature-v4--invert\@sm .feature-v4__grid>:last-child{order:-1}.feature-v4--invert\@sm .feature-v4__text-offset\@sm{margin-left:calc(var(--feature-text-offset) * -1)}}@media (min-width:64rem){.feature-v4__text-offset\@md{width:calc(100% + var(--feature-text-offset))}.feature-v4--invert\@md .feature-v4__grid>:last-child{order:-1}.feature-v4--invert\@md .feature-v4__text-offset\@md{margin-left:calc(var(--feature-text-offset) * -1)}}@media (min-width:80rem){.feature-v4__text-offset\@lg{width:calc(100% + var(--feature-text-offset))}.feature-v4--invert\@lg .feature-v4__grid>:last-child{order:-1}.feature-v4--invert\@lg .feature-v4__text-offset\@lg{margin-left:calc(var(--feature-text-offset) * -1)}}@media (min-width:90rem){.feature-v4__text-offset\@xl{width:calc(100% + var(--feature-text-offset))}.feature-v4--invert\@xl .feature-v4__grid>:last-child{order:-1}.feature-v4--invert\@xl .feature-v4__text-offset\@xl{margin-left:calc(var(--feature-text-offset) * -1)}}.google-maps{width:100%;height:0;padding-bottom:56.25%}.google-maps--ratio-4\:1{padding-bottom:25%}.google-maps--ratio-3\:1{padding-bottom:33%}.immerse-section-tr{position:relative;--immerse-section-tr-opacity:0}.immerse-section-tr__media{position:-webkit-sticky;position:sticky;top:0;z-index:1;overflow:hidden;pointer-events:none}.immerse-section-tr--disabled .immerse-section-tr__media{position:relative}.immerse-section-tr__figure{will-change:transform;pointer-events:auto;position:relative;height:0}.immerse-section-tr__figure>*{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.immerse-section-tr__figure--16-9{padding-bottom:56.25%}.immerse-section-tr__figure--3-4{padding-bottom:133.33%}.immerse-section-tr__content{position:relative;z-index:3;transform:translateZ(0)}.immerse-section-tr__content::after,.immerse-section-tr__content::before{content:"";pointer-events:none;position:absolute;top:0;left:0;width:100%;background:var(--color-bg);opacity:var(--immerse-section-tr-opacity,0);pointer-events:none}.immerse-section-tr__content::before{height:100%;z-index:-1}.immerse-section-tr__content::after{height:100vh;transform:translateY(-100%)}.immerse-section-tr--disabled .immerse-section-tr__content::before{opacity:1}:root{--list-space-y:0.375em;--list-offset:1em;--list-line-height-multiplier:1}.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 * var(--text-space-y-multiplier,1));padding-top:calc(var(--list-space-y)/ 2 * var(--text-space-y-multiplier,1));padding-left:var(--list-offset)}.list li,.text-component .list li{padding-bottom:calc(var(--list-space-y)/ 2 * var(--text-space-y-multiplier,1));margin-bottom:calc(var(--list-space-y)/ 2 * var(--text-space-y-multiplier,1));line-height:calc(var(--body-line-height) * var(--list-line-height-multiplier))}.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(--body-line-height) * var(--list-line-height-multiplier) - var(--list-bullet-size))/ 2)}.footer-v4{position:relative;z-index:1}.footer-v4__nav{margin-bottom:var(--space-lg)}.footer-v4__nav-item{margin-bottom:var(--space-sm)}.footer-v4__nav-item a{color:var(--color-contrast-lower);font-size:1.25em}.footer-v4__nav-item a:hover{color:var(--color-primary)}.footer-v4__logo{margin-bottom:var(--space-sm)}.footer-v4__logo a,.footer-v4__logo img,.footer-v4__logo svg{width:104px;height:30px;display:block}.footer-v4__print{color:var(--color-contrast-lower);font-size:var(--text-sm);margin-bottom:var(--space-sm)}.footer-v4__socials{display:flex;align-items:center}.footer-v4__socials a{text-decoration:none;display:inline-block;margin-right:var(--space-xs);color:var(--color-contrast-medium)}.footer-v4__socials a:hover{color:var(--color-contrast-high)}.footer-v4__socials a svg{display:block;width:1.25em;height:1.25em;color:inherit}@media (min-width:64rem){.footer-v4{text-align:center}.footer-v4__nav-list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.footer-v4__nav-item{display:inline-block;margin:var(--space-xxxs) var(--space-xs)}.footer-v4__nav-item a{font-size:.75em}.footer-v4__nav-item:first-child{padding-left:0}.footer-v4__nav-item:last-child{padding-right:0}.footer-v4__logo{display:inline-block}.footer-v4__print{font-size:var(--text-xs)}.footer-v4__socials{justify-content:center}.footer-v4__socials a{margin:0 var(--space-xxxs)}.footer-v4__socials a svg{width:1em;height:1em}}:root{--masonry-grid-gap:var(--space-sm);--masonry-col-auto-size:280px}.masonry__loader{display:none}.masonry__list{display:flex;flex-wrap:wrap;margin-right:calc(-1 * var(--masonry-grid-gap));margin-bottom:calc(-1 * var(--masonry-grid-gap))}.masonry__item{display:inline-block;width:var(--masonry-col-auto-size);margin-right:var(--masonry-grid-gap);margin-bottom:var(--masonry-grid-gap)}.masonry{position:relative}.masonry__loader{display:block;position:absolute;left:50%;transform:translateX(-50%);top:0}.masonry__list{opacity:0;transition:opacity .4s}.masonry--loaded .masonry__loader{display:none}.masonry--loaded .masonry__list{opacity:1}@supports (flex-basis:0px){.masonry__list{flex-direction:column}.masonry__item{flex-basis:0px}}:root{--search-input-btn-width:2.2em;--search-input-icon-size:1em;--search-input-shortcut-margin:0.325em}.search-input{position:relative}.search-input__input{width:100%;height:100%}.search-input__input::-webkit-search-cancel-button,.search-input__input::-webkit-search-decoration,.search-input__input::-webkit-search-results-button,.search-input__input::-webkit-search-results-decoration{-webkit-appearance:none}.search-input__input::-ms-clear,.search-input__input::-ms-reveal{display:none;width:0;height:0}.search-input--icon-right .search-input__input{padding-right:var(--search-input-btn-width)}.search-input--icon-left .search-input__input{padding-left:var(--search-input-btn-width)}.search-input__btn{background-color:transparent;padding:0;border:0;border-radius:0;color:inherit;line-height:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;height:100%;width:var(--search-input-btn-width)}.search-input__btn:active .icon{transform:translateY(2px)}.search-input__btn .icon{display:block;--size:var(--search-input-icon-size);margin-left:auto;margin-right:auto;color:var(--color-contrast-low);transition:.2s}.search-input--icon-left .search-input__btn{left:0;right:auto;pointer-events:none}.search-input .search-input__input:focus+.search-input__btn .icon,.search-input__btn:focus .icon{color:var(--color-primary)}.search-input__shortcut{position:absolute;right:var(--search-input-shortcut-margin);top:var(--search-input-shortcut-margin);height:calc(100% - var(--search-input-shortcut-margin) * 2);display:flex;align-items:center;background-color:var(--color-bg);border:1px solid var(--color-contrast-lower);border-radius:var(--radius-sm);--space-unit:1em;padding:0 var(--space-xxxs);line-height:1;color:var(--color-contrast-medium)}.search-input:focus-within .search-input__shortcut{display:none}.s-panels__nav-control{position:fixed;z-index:var(--z-index-fixed-element,10);top:var(--space-md);right:var(--space-md);width:48px;height:48px;border-radius:50%;border:1px solid hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),.1);background-color:hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.95);display:flex;justify-content:center;align-items:center;color:var(--color-white);transition:transform .3s var(--ease-in-out)}.s-panels__nav-control:active{transform:translateY(2px)}.s-panels__nav-control .icon__group *{transition:transform .3s var(--ease-in-out),stroke-dashoffset .3s var(--ease-in-out);stroke-dasharray:24}.s-panels__nav-control .icon__group :nth-child(1){transform-origin:2px 6px}.s-panels__nav-control .icon__group :nth-child(2){transform-origin:2px 12px}.s-panels__nav-control .icon__group :nth-child(3){transform-origin:2px 18px}@media (orientation:portrait){.s-panels__nav-control.s-panels__nav-control--arrow-down{transform:rotate(-180deg)}.s-panels__nav-control.s-panels__nav-control--arrow-down:active{transform:translateY(2px) rotate(-180deg)}}@media (orientation:landscape){.s-panels__nav-control.s-panels__nav-control--arrow-down{transform:rotate(-90deg)}.s-panels__nav-control.s-panels__nav-control--arrow-down:active{transform:translateY(2px) rotate(-90deg)}}.s-panels__nav-control.s-panels__nav-control--arrow-down .icon__group :nth-child(1),.s-panels__nav-control.s-panels__nav-control--arrow-down .icon__group :nth-child(3){stroke-dashoffset:14}.s-panels__nav-control.s-panels__nav-control--arrow-down .icon__group :nth-child(1){transform:translateY(6px) rotate(-45deg)}.s-panels__nav-control.s-panels__nav-control--arrow-down .icon__group :nth-child(3){transform:translateY(-6px) rotate(45deg)}.s-panels__nav-control.s-panels__nav-control--close:active{transform:translateY(2px)}.s-panels__nav-control.s-panels__nav-control--close .icon__group :nth-child(1){transform:translateX(2.93px) translateY(-1.07px) rotate(45deg)}.s-panels__nav-control.s-panels__nav-control--close .icon__group :nth-child(2){stroke-dashoffset:24}.s-panels__nav-control.s-panels__nav-control--close .icon__group :nth-child(3){transform:translateX(2.93px) translateY(1.07px) rotate(-45deg)}.s-panels__projects-list{position:relative;z-index:2;height:100vh;overflow:hidden;pointer-events:none}.s-panels__project-preview{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;transition:transform .4s var(--ease-in-out)}@media (orientation:landscape){.s-panels__project-preview:nth-child(2) .s-panels__project-figure{transform:translateX(25%) scaleX(.25)}.s-panels__project-preview:nth-child(2) .s-panels__project-intro{transform:translateX(100%)}.s-panels__project-preview:nth-child(3) .s-panels__project-figure{transform:translateX(50%) scaleX(.25)}.s-panels__project-preview:nth-child(3) .s-panels__project-intro{transform:translateX(200%)}.s-panels__project-preview:nth-child(4) .s-panels__project-figure{transform:translateX(75%) scaleX(.25)}.s-panels__project-preview:nth-child(4) .s-panels__project-intro{transform:translateX(300%)}.s-panels__project-preview--hide{transform:translateY(-100%)}}@media (orientation:portrait){.s-panels__project-preview:nth-child(2) .s-panels__project-figure{transform:translateY(25%) scaleY(.25)}.s-panels__project-preview:nth-child(2) .s-panels__project-intro{transform:translateY(100%)}.s-panels__project-preview:nth-child(3) .s-panels__project-figure{transform:translateY(50%) scaleY(.25)}.s-panels__project-preview:nth-child(3) .s-panels__project-intro{transform:translateY(200%)}.s-panels__project-preview:nth-child(4) .s-panels__project-figure{transform:translateY(75%) scaleY(.25)}.s-panels__project-preview:nth-child(4) .s-panels__project-intro{transform:translateY(300%)}.s-panels__project-preview--hide{transform:translateX(-100%)}}.s-panels__project-preview--selected{z-index:1;pointer-events:auto}.s-panels__project-preview--selected .s-panels__project-figure{overflow:visible}.s-panels__project-preview--selected .s-panels__project-img{opacity:.9!important;filter:none!important}.s-panels__project-preview--selected .s-panels__project-intro{opacity:0}.s-panels__project-preview--selected .s-panels__project-control{pointer-events:none}.s-panels__project-preview--selected .s-panels__text-component::after,.s-panels__project-preview--selected .s-panels__text-component::before{display:none}.s-panels__project-preview--selected .s-panels__project-title-wrapper{opacity:1;visibility:visible;transition:opacity .4s .2s}.s-panels__project-preview--selected .s-panels__project-title{transform:translateY(0);transition-delay:.2s}@media (orientation:landscape){.s-panels__project-preview--selected .s-panels__project-figure{transform:translateX(calc(50% - 50% / 4)) scaleX(.25)!important}}@media (orientation:portrait){.s-panels__project-preview--selected .s-panels__project-figure{transform:translateY(calc(50% - 50% / 4)) scaleY(.25)!important}}.s-panels__project-preview--no-transition{transition:none!important}.s-panels__project-preview--no-transition>*{transition:none!important}.s-panels__project-control,.s-panels__project-figure,.s-panels__project-img,.s-panels__project-intro{position:absolute;top:0;left:0;width:100%;height:100%}.s-panels__project-figure{overflow:hidden;transition:transform .4s var(--ease-in-out)}@media (orientation:landscape){.s-panels__project-figure{transform-origin:left center;transform:scaleX(.25)}}@media (orientation:portrait){.s-panels__project-figure{transform-origin:center top;transform:scaleY(.25)}}.s-panels__project-img{display:block;-o-object-fit:cover;object-fit:cover;opacity:.25;filter:grayscale(100%);transition:opacity .4s,filter .4s,transform .4s var(--ease-in-out)}@media (min-width:64rem){.s-panels__project-img{opacity:.15}}.s-panels__project-intro{z-index:1;display:flex;justify-content:center;align-items:center;pointer-events:auto;transition:opacity .3s}.s-panels__project-intro:focus-within+.s-panels__project-figure .s-panels__project-img,.s-panels__project-intro:hover+.s-panels__project-figure .s-panels__project-img{opacity:.5;filter:grayscale(50%)}.s-panels__project-intro:focus-within .s-panels__text-component::before,.s-panels__project-intro:hover .s-panels__text-component::before{transform:scaleY(1)}.s-panels__project-intro:focus-within .s-panels__text-component::after,.s-panels__project-intro:hover .s-panels__text-component::after{transform:scaleX(1)}@media (orientation:landscape){.s-panels__project-img{transform:scaleX(4)}.s-panels__project-intro{width:25%}}@media (orientation:portrait){.s-panels__project-img{transform:scaleY(4)}.s-panels__project-intro{height:25%}}.s-panels__text-component{--icon-size:20px;--icon-stroke-width:1px;--icon-margin-top:12px;position:relative}.s-panels__text-component::after,.s-panels__text-component::before{content:"";position:absolute;background-color:var(--color-white);transition:transform .2s var(--ease-in-out)}.s-panels__text-component::before{width:var(--icon-stroke-width);height:var(--icon-size);bottom:calc(-1 * var(--icon-size) - var(--icon-margin-top));left:calc(50% - var(--icon-stroke-width)/ 2);transform:scaleY(0)}.s-panels__text-component::after{width:var(--icon-size);height:var(--icon-stroke-width);bottom:calc(-.5 * (var(--icon-size) + var(--icon-stroke-width)) - var(--icon-margin-top));left:calc(50% - var(--icon-size)/ 2);transform:scaleX(0)}@media (min-width:64rem){.s-panels__text-component{--icon-size:24px;--icon-margin-top:16px}}.s-panels__project-control{color:transparent}.s-panels__project-control:focus{outline:0}.s-panels__project-title-wrapper{position:absolute;bottom:0;width:100%;left:0;background:linear-gradient(hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),0),hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.7));opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}.s-panels__project-title{transform:translateY(50px);transition:transform .4s var(--ease-out)}.s-panels__nav-wrapper{position:fixed;top:0;left:0;z-index:1;width:100%;height:100%}.s-panels__nav-link{color:var(--color-bg);text-decoration:none;position:relative;display:inline-block;padding:var(--space-xxxxs) 0;line-height:1}.s-panels__nav-link::after,.s-panels__nav-link::before{content:"";position:absolute;bottom:0;left:0;height:1px;width:100%;background-color:currentColor}.s-panels__nav-link::before{opacity:.15}.s-panels__nav-link::after{transform-origin:right center;transform:scaleX(0);transition:transform .3s var(--ease-in-out)}.s-panels__nav-link:hover::after{transform:scaleX(1);transform-origin:left center}.s-panels__social-link{color:var(--color-bg);text-decoration:none;opacity:1;transition:.2s}.s-panels__social-link:hover{opacity:.65}.s-panels__project-content{position:relative;z-index:2}.s-panels__overlay-layer{position:fixed;top:0;left:0;bottom:0;right:0;opacity:0;z-index:2;visibility:hidden;transition:.5s}.s-panels__overlay-layer--visible{opacity:1;visibility:visible;z-index:3}.socials-v3{position:relative;z-index:1}.socials-v3__btns{display:flex}.socials-v3__btns>*{flex-grow:1}.socials-v3__btns:hover .socials-v3__btn{opacity:.5}.socials-v3__btns:hover .socials-v3__btn::after{opacity:0}.socials-v3__btns li:last-child .socials-v3__btn::after{display:none}.socials-v3__btn{position:relative;display:block;text-align:center;padding-top:var(--space-xl);padding-bottom:var(--space-xl);border-radius:var(--radius-md);transition:.3s}.socials-v3__btn .icon{font-size:1.6em;color:var(--color-contrast-lower);transition:color .2s,transform .2s}.socials-v3__btn::after{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:var(--color-contrast-lower);transition:opacity .2s}.socials-v3__btn:hover{background-color:var(--color-bg);box-shadow:var(--shadow-md);opacity:1!important}.socials-v3__btn:hover .icon{color:var(--color-primary);transform:scale(1.2)}@media (min-width:48rem){.socials-v3__btn .icon{font-size:2em}}.sticky-feature{position:relative;z-index:1}.sticky-feature__content-figure{border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);margin-top:var(--space-md)}.sticky-feature__content-figure img{display:block;width:100%}.sticky-feature__media-list{position:-webkit-sticky;position:sticky;top:0;height:100vh}.sticky-feature__media-item{position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.sticky-feature__media-figure{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;opacity:0}.sticky-feature__media-figure img{display:block;width:100%;max-height:90vh}.sticky-feature-current-item .sticky-feature__media-figure{opacity:1}@media (min-width:64rem){.sticky-feature__content-list{padding-top:50vh;padding-bottom:50vh}.sticky-feature__title{font-size:var(--text-xl);cursor:pointer;opacity:.3}.sticky-feature-current-item .sticky-feature__title,.sticky-feature__title:hover{opacity:1}.sticky-feature__content-figure{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}.sticky-feature__media-list::after,.sticky-feature__media-list::before{content:"";position:absolute;right:0;width:100vw;height:100px;pointer-events:none}.sticky-feature__media-list::before{top:0;background:linear-gradient(to bottom,var(--color-bg),hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),.8),hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),0))}.sticky-feature__media-list::after{bottom:0;background:linear-gradient(to top,var(--color-bg),hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),.8),hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),0))}}.swipe-content{height:280px;width:280px;background-color:var(--color-contrast-low);border-radius:var(--radius-md);cursor:default;transition:background .2s}.swipe-content:active{background-color:var(--color-contrast-medium)}.switch-icon{position:relative}.switch-icon--disabled{pointer-events:none}.switch-icon__icon{font-size:1em;display:block;will-change:transform}.switch-icon__icon--a{opacity:1}.switch-icon__icon--b{position:absolute;top:calc(50% - .5em);left:calc(50% - .5em);opacity:0}.switch-icon--hover:hover .switch-icon__icon--a,.switch-icon--state-b .switch-icon__icon--a{opacity:0}.switch-icon--hover:hover .switch-icon__icon--b,.switch-icon--state-b .switch-icon__icon--b{opacity:1}.switch-icon--scale .switch-icon__icon{transition:opacity 0s .2s,transform .4s}.switch-icon--scale .switch-icon__icon--a{transform:scale(1)}.switch-icon--scale .switch-icon__icon--b{transform:scale(.8)}.switch-icon--scale.switch-icon--hover:hover .switch-icon__icon--a,.switch-icon--scale.switch-icon--state-b .switch-icon__icon--a{transform:scale(.8)}.switch-icon--scale.switch-icon--hover:hover .switch-icon__icon--b,.switch-icon--scale.switch-icon--state-b .switch-icon__icon--b{transform:scale(1)}.switch-icon--rotate .switch-icon__icon{transition:opacity 0s .2s,transform .4s}.switch-icon--rotate .switch-icon__icon--a{transform:rotate(0)}.switch-icon--rotate .switch-icon__icon--b{transform:rotate(90deg)}.switch-icon--rotate.switch-icon--hover:hover .switch-icon__icon--a,.switch-icon--rotate.switch-icon--state-b .switch-icon__icon--a{transform:rotate(-90deg)}.switch-icon--rotate.switch-icon--hover:hover .switch-icon__icon--b,.switch-icon--rotate.switch-icon--state-b .switch-icon__icon--b{transform:rotate(0)}.switch-icon--flip{perspective:10em}.switch-icon--flip .switch-icon__icon{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d;transition:opacity 0s .2s,transform .4s var(--ease-out-back)}.switch-icon--flip .switch-icon__icon--a{opacity:1;transform:rotateY(0)}.switch-icon--flip .switch-icon__icon--b{opacity:1;transform:rotateY(-180deg)}.switch-icon--flip.switch-icon--hover:hover .switch-icon__icon--a,.switch-icon--flip.switch-icon--state-b .switch-icon__icon--a{opacity:1;transform:rotateY(180deg)}.switch-icon--flip.switch-icon--hover:hover .switch-icon__icon--b,.switch-icon--flip.switch-icon--state-b .switch-icon__icon--b{opacity:1;transform:rotateY(0)}.switch-icon--slide-down,.switch-icon--slide-left,.switch-icon--slide-right,.switch-icon--slide-up{overflow:hidden}.switch-icon--slide-down .switch-icon__icon,.switch-icon--slide-left .switch-icon__icon,.switch-icon--slide-right .switch-icon__icon,.switch-icon--slide-up .switch-icon__icon{transition:opacity .3s,transform .3s}.switch-icon--slide-up .switch-icon__icon--a{transform:translateY(0)}.switch-icon--slide-up .switch-icon__icon--b{transform:translateY(100%)}.switch-icon--slide-up.switch-icon--hover:hover .switch-icon__icon--a,.switch-icon--slide-up.switch-icon--state-b .switch-icon__icon--a{transform:translateY(-100%)}.switch-icon--slide-up.switch-icon--hover:hover .switch-icon__icon--b,.switch-icon--slide-up.switch-icon--state-b .switch-icon__icon--b{transform:translateY(0)}.switch-icon--slide-down .switch-icon__icon--a{transform:translateY(0)}.switch-icon--slide-down .switch-icon__icon--b{transform:translateY(-100%)}.switch-icon--slide-down.switch-icon--hover:hover .switch-icon__icon--a,.switch-icon--slide-down.switch-icon--state-b .switch-icon__icon--a{transform:translateY(100%)}.switch-icon--slide-down.switch-icon--hover:hover .switch-icon__icon--b,.switch-icon--slide-down.switch-icon--state-b .switch-icon__icon--b{transform:translateY(0)}.switch-icon--slide-right .switch-icon__icon--a{transform:translateX(0)}.switch-icon--slide-right .switch-icon__icon--b{transform:translateX(-100%)}.switch-icon--slide-right.switch-icon--hover:hover .switch-icon__icon--a,.switch-icon--slide-right.switch-icon--state-b .switch-icon__icon--a{transform:translateX(100%)}.switch-icon--slide-right.switch-icon--hover:hover .switch-icon__icon--b,.switch-icon--slide-right.switch-icon--state-b .switch-icon__icon--b{transform:translateX(0)}.switch-icon--slide-left .switch-icon__icon--a{transform:translateX(0)}.switch-icon--slide-left .switch-icon__icon--b{transform:translateX(100%)}.switch-icon--slide-left.switch-icon--hover:hover .switch-icon__icon--a,.switch-icon--slide-left.switch-icon--state-b .switch-icon__icon--a{transform:translateX(-100%)}.switch-icon--slide-left.switch-icon--hover:hover .switch-icon__icon--b,.switch-icon--slide-left.switch-icon--state-b .switch-icon__icon--b{transform:translateX(0)}.tabs__control{text-decoration:none;color:var(--color-contrast-medium)}.tabs__control:focus{outline:2px solid hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),.2);outline-offset:2px}.tabs__control:hover{color:var(--color-contrast-high)}.tabs__control[aria-selected=true]{color:var(--color-contrast-high);text-decoration:underline}.text-divider{margin:var(--space-lg) auto;display:flex;text-align:center;align-items:center}.text-divider span{white-space:nowrap;padding:0 var(--space-sm)}.text-divider::after,.text-divider::before{content:"";display:inline-block;height:1px;width:20px;flex-grow:1;background:var(--color-contrast-lower);vertical-align:middle}.text-component .text-divider{margin:calc(var(--space-md) * var(--text-space-y-multiplier)) auto}.articles-v4.masonry{--masonry-grid-gap:var(--space-sm);--masonry-col-auto-size:320px}@media (min-width:64rem){.contact .google-maps{height:auto;padding-bottom:0}}:root{--f-header-height:100px;--f-header-logo-width:104px}@media (min-width:64rem){:root{--f-header-height:140px}}.f-header{height:var(--f-header-height);width:100%;z-index:var(--z-index-header,3)}.f-header::before{display:none;content:"mobile"}.f-header__mobile-content{position:relative;display:flex;height:100%;justify-content:space-between;align-items:center;z-index:2}.f-header__logo{display:block;width:var(--f-header-logo-width);flex-shrink:0;text-decoration:none}.f-header__logo img,.f-header__logo svg{display:block}.f-header__nav-control{--anim-menu-btn-size:40px;--anim-menu-btn-icon-size:28px;--anim-menu-btn-icon-stroke:2px}.f-header__nav{position:absolute;top:0;left:0;width:100%;max-height:calc(100vh - var(--f-header-offset,0px));overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 0 var(--space-md);background-color:var(--color-bg);box-shadow:var(--shadow-md);z-index:1;visibility:hidden;opacity:0;transform:translateY(-1em)}.f-header__nav::before{content:"";display:block;position:-webkit-sticky;position:sticky;top:0;height:var(--f-header-height);background-color:inherit;border-bottom:1px solid var(--color-contrast-lower)}.f-header__nav--is-visible{visibility:visible;opacity:1;transform:translateY(0);transition:visibility 0s,opacity .3s,transform .3s}.f-header__nav-logo-wrapper{display:none}.f-header__item{flex-shrink:0;border-bottom:1px solid var(--color-contrast-lower)}.f-header__dropdown-icon{--size:16px;flex-shrink:0;margin:0 10px 0 auto;display:none}.f-header__dropdown-control .f-header__dropdown-icon{display:block}.f-header__btn,.f-header__dropdown-control,.f-header__dropdown-link,.f-header__form-control,.f-header__link{font-size:var(--text-md)}.f-header__dropdown-control,.f-header__dropdown-link,.f-header__link{display:flex;align-items:center;color:var(--color-contrast-higher);text-decoration:none;padding:var(--space-xs) 0}.f-header__dropdown-control:hover,.f-header__dropdown-control[aria-current=page],.f-header__dropdown-link:hover,.f-header__dropdown-link[aria-current=page],.f-header__link:hover,.f-header__link[aria-current=page]{color:var(--color-primary)}.f-header__btn,.f-header__form-control{width:100%;margin:var(--space-xs) 0}.f-header__dropdown-control{width:100%}.f-header__dropdown{padding-left:var(--space-md)}.f-header__dropdown-control+.f-header__dropdown{display:none}.f-header__dropdown-control[aria-expanded=true]+.f-header__dropdown{display:block}@media (min-width:64rem){.f-header::before{content:"desktop"}.f-header__mobile-content{display:none}.f-header__nav{position:static;padding:0;background-color:transparent;box-shadow:none;visibility:visible;opacity:1;transform:translateY(0);transition:none;max-height:none;overflow:visible;overscroll-behavior:auto;height:var(--f-header-height)}.f-header__nav::before{display:none}.f-header__nav-logo-wrapper{display:flex}.f-header__list,.f-header__nav-grid{display:flex;align-items:center}.f-header__nav-grid{height:100%}.f-header__item{position:relative;border-bottom:none;margin-right:var(--space-xs)}.f-header__item:last-child{margin-right:0}.f-header__dropdown-icon{--size:12px;display:block;margin:0 0 0 var(--space-xxxxs)}.f-header__btn,.f-header__dropdown-control,.f-header__dropdown-link,.f-header__form-control,.f-header__link{font-size:1.125rem}.f-header__link{padding:var(--space-xxxs) var(--space-xxs)}.f-header__link--icon span{display:none}.f-header__btn,.f-header__form-control{margin:0}.f-header__dropdown{position:absolute;top:100%;width:220px;left:calc(50% - 110px);padding:var(--space-xxxs) 0;background-color:var(--color-bg-light);border-radius:var(--radius-md);box-shadow:var(--inner-glow),var(--shadow-md);z-index:var(--z-index-popover,5);pointer-events:none;visibility:hidden;opacity:0;transition:visibility .2s .2s,opacity .2s 0s}.f-header__dropdown-control+.f-header__dropdown{display:block}.f-header__dropdown-control[aria-expanded=true]+.f-header__dropdown,.f-header__item:hover .f-header__dropdown{pointer-events:auto;visibility:visible;opacity:1;transition:visibility .2s 0s,opacity .2s 0s}.f-header__dropdown-link{color:var(--color-contrast-high);padding:var(--space-xs) var(--space-sm);transition:.2s}.f-header__dropdown-link:hover{background-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.075);color:var(--color-contrast-higher)}}:root{--gallery-v2-offset:100px}.gallery-v2{position:relative;z-index:1}.gallery-v2__content{padding-bottom:var(--gallery-v2-offset)}.gallery-v2__gallery{margin-top:calc(-1 * var(--gallery-v2-offset));padding-bottom:1px}.gallery-v2__img-wrapper{display:block;position:relative;border-radius:var(--radius-lg);overflow:hidden}.gallery-v2__img-wrapper::after{content:"";position:absolute;inset:0;box-shadow:var(--inner-glow);border-radius:inherit;z-index:2}@media (hover:hover){.gallery-v2__img-wrapper:hover .gallery-v2__overlay{opacity:1;background:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.95)}.gallery-v2__img-wrapper:hover .gallery-v2__icon-bg{opacity:1;transform:scale(1)}.gallery-v2__img-wrapper:hover .gallery-v2__icon{opacity:1;transform:translateX(0) rotate(0)}.gallery-v2__img-wrapper:hover .gallery-v2__icon-group>:nth-child(2){transform:rotate(0)}.gallery-v2__img-wrapper:hover .gallery-v2__icon-group>:nth-child(3){transform:rotate(0)}}.gallery-v2__img{width:100%}.gallery-v2__overlay{position:absolute;inset:0;z-index:1;padding:var(--space-sm);background:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),0);border-radius:inherit;opacity:0;transition-duration:.3s;transition-property:opacity,background}.gallery-v2__icon-bg{--size:72px;position:absolute;width:var(--size);height:var(--size);border-radius:50%;top:calc(50% - var(--size)/ 2);left:calc(50% - var(--size)/ 2);background-color:var(--color-contrast-high);opacity:0;transform:scale(.5);transition:opacity .3s,transform .3s var(--ease-out)}.gallery-v2__icon{--size:48px;position:absolute;top:calc(50% - var(--size)/ 2);left:calc(50% - var(--size)/ 2);color:var(--color-bg);opacity:0;transform:translateX(-5px) rotate(-10deg);transition:opacity .3s,transform .3s var(--ease-out)}.gallery-v2__icon-group>:is(:nth-child(2),:nth-child(3)){transform-origin:43px 24px;transition:transform .3s var(--ease-out)}.gallery-v2__icon-group>:nth-child(2){transform:rotate(-45deg)}.gallery-v2__icon-group>:nth-child(3){transform:rotate(45deg)}@media (min-width:48rem){.gallery-v2__gallery{padding-bottom:calc(.5 * var(--gallery-v2-offset))}.gallery-v2__item:nth-child(2n){position:relative;top:calc(.5 * var(--gallery-v2-offset))}}:root{--header-v3-height:50px}@media (min-width:64rem){:root{--header-v3-height:70px}}.header-v3{height:var(--header-v3-height);width:100%;z-index:var(--z-index-header,3);transition:background .3s}.header-v3__container{display:flex;height:100%;align-items:center;justify-content:space-between}.header-v3__logo{position:relative;flex-shrink:0;z-index:2}.header-v3__logo a,.header-v3__logo svg{display:block}.header-v3__nav-control.switch-icon{padding:var(--space-xxs);z-index:2}.header-v3__nav-control.switch-icon .switch-icon__icon{font-size:24px}.header-v3__nav{top:0;left:0;width:100%;background-color:var(--color-bg);box-shadow:var(--shadow-md);z-index:1;position:absolute;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:0;overflow:hidden;visibility:hidden;transition:height .5s var(--ease-in-out)}.header-v3__nav::before{content:"";position:absolute;top:var(--header-v3-height);width:100%;height:1px;background-color:var(--color-contrast-lower);z-index:10}.header-v3__nav--is-visible{clip:auto;-webkit-clip-path:none;clip-path:none;height:100vh;visibility:visible}.header-v3__nav-list{position:absolute;top:var(--header-v3-height);left:0;width:100%;height:calc(100% - var(--header-v3-height));padding:var(--space-sm) var(--component-padding) var(--component-padding);z-index:1;-webkit-overflow-scrolling:touch;overflow:auto;overscroll-behavior:contain}.header-v3__nav-item{border-bottom:1px solid var(--color-contrast-lower);opacity:0;transform:translateY(-10%);transition:opacity .4s,transform .4s}.header-v3__nav--animate-children .header-v3__nav-item{opacity:1;transform:translateY(0)}.header-v3__nav:not(.header-v3__nav--animate-children) .header-v3__nav-item{transition-delay:0s!important}.header-v3__nav-item--logo,.header-v3__nav-item--search-btn{display:none}.header-v3__nav-item--search-form{margin:var(--space-xs) 0;border-bottom:none}.header-v3__nav-link{display:block;padding:var(--space-sm) 0;font-size:var(--text-md);color:var(--color-contrast-high);text-decoration:none}.header-v3__nav-link:hover{color:var(--color-primary)}.header-v3__nav-link--icon{display:flex;align-items:center}.header-v3__nav-link--icon .icon{flex-shrink:0;color:currentColor}.header-v3__nav-link--icon span{margin-left:var(--space-xxs)}@media (min-width:64rem){.header-v3{height:var(--header-v3-height)}.header-v3__container{position:relative}.header-v3__logo,.header-v3__nav-control{display:none}.header-v3__nav{padding:0;background-color:transparent;box-shadow:none;position:static;clip:auto;-webkit-clip-path:none;clip-path:none;height:auto;overflow:visible;visibility:visible;overscroll-behavior:auto}.header-v3__nav::before{display:none}.header-v3__nav-list{position:static;padding:0;width:auto;height:auto;overflow:visible;overscroll-behavior:auto;display:flex;justify-content:space-between;align-items:center}.header-v3__nav-item{border-bottom:none;opacity:1;transform:translateY(0);transition:opacity .3s,visibility .3s;transition-delay:0s!important}.header-v3__nav-item--logo{display:block}.header-v3__nav-item--logo .header-v3__logo{display:block}.header-v3__nav-item--search-btn{display:block}.header-v3__nav-item--search-btn .switch-icon{padding:var(--space-xxxs)}.header-v3__nav-item--search-btn .switch-icon__icon{display:block}.header-v3__nav-link{display:inline-flex;padding:var(--space-xxxs);font-size:.9em}.header-v3__nav-link--icon span{display:none}.header-v3__nav-item--search-btn .switch-icon__icon,.header-v3__nav-link--icon{font-size:20px}.header-v3__nav-item--search-btn{z-index:4}.header-v3__nav-item--search-form{margin:0;position:absolute;top:0;left:0;width:calc(100% - var(--space-lg));height:100%;z-index:var(--z-index-popover,5);transition:all .3s;visibility:hidden;opacity:0}.header-v3__nav--animate-children .header-v3__nav-item--search-form{opacity:0}.header-v3__nav-form-control{height:50px;position:absolute;left:0;padding:var(--space-xs) var(--space-sm);top:calc(50% - 25px);will-change:transform;transition:transform .3s;transform:translateY(-50%)}.header-v3--show-search{background:var(--color-bg)}.header-v3--show-search .header-v3__nav-item{opacity:0;visibility:hidden}.header-v3--show-search .header-v3__nav-item--search-btn,.header-v3--show-search .header-v3__nav-item--search-form{visibility:visible;opacity:1}.header-v3--show-search .header-v3__nav-form-control{transform:translateY(0)}}:root{--slideshow-height:280px;--slideshow-fade-transition-duration:0.25s;--slideshow-slide-transition-duration:0.35s;--slideshow-prx-transition-duration:0.5s;--slideshow-btn-width:1.6em;--slideshow-btn-height:3.2em;--slideshow-btn-icon-size:1.6em;--slideshow-btn-offset:var(--space-xs)}@media (min-width:48rem){:root{--slideshow-height:380px}}@media (min-width:64rem){:root{--slideshow-height:480px}}@media (min-width:80rem){:root{--slideshow-height:580px}}.slideshow__item{display:flex;align-items:center;justify-content:center;height:var(--slideshow-height);background-size:cover;background-repeat:no-repeat;background-position:center center}.slideshow__item:focus{outline:0}.slideshow--ratio-16\:9 .slideshow__item{height:0;padding-bottom:56.25%}.slideshow--ratio-4\:3 .slideshow__item{height:0;padding-bottom:75%}.slideshow--ratio-1\:1 .slideshow__item{height:0;padding-bottom:100%}.slideshow{position:relative;z-index:1;overflow:hidden}.slideshow__content{overflow:hidden}.slideshow__item{position:absolute;z-index:1;top:0;left:0;width:100%;visibility:hidden}.slideshow__item--selected{position:relative;z-index:3;visibility:visible}.slideshow--transition-fade .slideshow__item{opacity:0;transition:opacity 0s var(--slideshow-fade-transition-duration),visibility 0s var(--slideshow-fade-transition-duration)}.slideshow--transition-fade .slideshow__item--selected{opacity:1;transition:opacity var(--slideshow-fade-transition-duration)}.slideshow--transition-slide .slideshow__item{animation-duration:var(--slideshow-slide-transition-duration);animation-fill-mode:forwards;animation-timing-function:var(--ease-out)}.slideshow--transition-slide .slideshow__item>*{visibility:hidden}.slideshow--transition-slide .slideshow__item:not(.slideshow__item--selected) *{transition:none}.slideshow--transition-slide .slideshow__item--selected>*{visibility:visible}.slideshow--transition-slide .slideshow__item--slide-in-left{animation-name:slide-in-left}.slideshow--transition-slide .slideshow__item--slide-in-right{animation-name:slide-in-right}.slideshow--transition-slide .slideshow__item--slide-out-left{animation-name:slide-out-left}.slideshow--transition-slide .slideshow__item--slide-out-right{animation-name:slide-out-right}.slideshow--transition-slide .slideshow__item--slide-out-left,.slideshow--transition-slide .slideshow__item--slide-out-right{z-index:2}.slideshow--transition-slide .slideshow__item--slide-out-left.slideshow__item--selected,.slideshow--transition-slide .slideshow__item--slide-out-right.slideshow__item--selected{z-index:3}.slideshow--transition-slide .slideshow__item--slide-out-left>*,.slideshow--transition-slide .slideshow__item--slide-out-right>*{visibility:visible}@keyframes slide-in-left{0%{visibility:visible;transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes slide-in-right{0%{visibility:visible;transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes slide-out-left{0%{visibility:visible;transform:translateX(0)}100%{transform:translateX(100%)}}@keyframes slide-out-right{0%{visibility:visible;transform:translateX(0)}100%{transform:translateX(-100%)}}.slideshow--transition-prx .slideshow__item{animation-duration:var(--slideshow-prx-transition-duration);animation-fill-mode:forwards;animation-timing-function:var(--ease-out)}.slideshow--transition-prx .slideshow__item>*{visibility:hidden}.slideshow--transition-prx .slideshow__item--selected>*{visibility:visible}.slideshow--transition-prx .slideshow__item--prx-in-left{animation-name:prx-in-left}.slideshow--transition-prx .slideshow__item--prx-in-right{animation-name:prx-in-right}.slideshow--transition-prx .slideshow__item--prx-out-left{animation-name:prx-out-left}.slideshow--transition-prx .slideshow__item--prx-out-right{animation-name:prx-out-right}.slideshow--transition-prx .slideshow__item--prx-out-left,.slideshow--transition-prx .slideshow__item--prx-out-right{z-index:2}.slideshow--transition-prx .slideshow__item--prx-out-left.slideshow__item--selected,.slideshow--transition-prx .slideshow__item--prx-out-right.slideshow__item--selected{z-index:3}.slideshow--transition-prx .slideshow__item--prx-out-left>*,.slideshow--transition-prx .slideshow__item--prx-out-right>*{visibility:visible}@keyframes prx-in-left{0%{visibility:visible;transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes prx-in-right{0%{visibility:visible;transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes prx-out-left{0%{opacity:1;visibility:visible;transform:translateX(0)}100%{opacity:.3;transform:translateX(40%)}}@keyframes prx-out-right{0%{opacity:1;visibility:visible;transform:translateX(0)}100%{opacity:.3;transform:translateX(-40%)}}.slideshow[data-swipe=on] .slideshow__content{-webkit-user-select:none;-moz-user-select:none;user-select:none}.slideshow[data-swipe=on] .slideshow__content img{pointer-events:none}.slideshow__control{display:none}.slideshow[data-controls=hover] .slideshow__control{opacity:0;transition:opacity .3s}.slideshow[data-controls=hover]:hover .slideshow__control{opacity:1}.slideshow[data-swipe=on] .slideshow__control{display:none}.slideshow__control{display:block;position:absolute;z-index:4;top:50%;transform:translateY(-50%)}.slideshow__control:first-of-type{left:var(--slideshow-btn-offset)}.slideshow__control:last-of-type{right:var(--slideshow-btn-offset)}@media (min-width:64rem){.slideshow[data-swipe=on] .slideshow__control{display:block}}.slideshow__btn{display:block;background-color:hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.75);height:var(--slideshow-btn-height);width:var(--slideshow-btn-width);border-radius:var(--radius-md);cursor:pointer;transition:background .2s,transform .2s}.slideshow__btn:hover{background-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.85)}.slideshow__btn:hover .icon{color:var(--color-bg)}.slideshow:not(.slideshow--is-animating) .slideshow__btn:active{transform:translateY(2px)}.slideshow__btn .icon{display:block;width:var(--slideshow-btn-icon-size);height:var(--slideshow-btn-icon-size);margin:0 auto;transition:color .2s;color:var(--color-white)}@supports (grid-area:auto){.slideshow__btn{background-color:transparent}.slideshow__btn .icon{color:var(--color-contrast-higher)}}.slideshow__navigation{position:absolute;z-index:4;bottom:0;width:100%;height:32px;display:flex;justify-content:center;align-items:center;background:0 0}.slideshow__nav-item{display:inline-block;margin:0 var(--space-xxxs)}.slideshow__nav-item button{display:block;position:relative;font-size:8px;color:var(--color-contrast-high);height:1em;width:1em;border-radius:50%;background-color:currentColor;opacity:.4;cursor:pointer;transition:background .3s}.slideshow__nav-item button::before{content:"";position:absolute;top:calc(50% - .5em);left:calc(50% - .5em);height:1em;width:1em;font-size:14px;border-radius:inherit;border:1px solid var(--color-contrast-high);opacity:0;transform:scale(0);transition:.3s}.slideshow__nav-item button:focus{outline:0}.slideshow__nav-item button:focus::before{opacity:1;transform:scale(1)}.slideshow__nav-item--selected button{opacity:1}@media (min-width:64rem){.slideshow__navigation{height:40px}.slideshow__nav-item button{font-size:10px}.slideshow__nav-item button::before{font-size:16px}}.tab-features-v2__controls-list{position:relative;display:flex;gap:var(--space-xs);overflow:auto}.tab-features-v2__controls-list>*{flex:1 0 180px}.tab-features-v2__text-crop-gradient{position:-webkit-sticky;position:sticky;top:0;right:0;flex:0 0 40px;background:linear-gradient(to right,hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),0),hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),1));pointer-events:none}.tab-features-v2__control{display:block;color:inherit;text-decoration:none;height:100%;padding:0 0 var(--space-md);border:0 solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.1);border-bottom-width:1px;transition:.2s}.tab-features-v2__control-title{display:block;color:var(--color-contrast-medium);font-weight:500;margin-bottom:var(--space-xxs);transition:color .2s}.tab-features-v2__control-description{color:var(--color-contrast-medium);line-height:1.4;font-size:var(--text-sm)}.tab-features-v2__control:hover{border-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.5)}.tab-features-v2__control:hover .tab-features-v2__control-title{color:var(--color-contrast-higher)}.tab-features-v2__control[aria-selected=true]{border-color:var(--color-primary)}.tab-features-v2__control[aria-selected=true] .tab-features-v2__control-title{color:var(--color-primary)}.tab-features-v2__panels{position:relative}.tab-features-v2__panel{opacity:0}.tabs--no-interaction .tab-features-v2__panel{animation-duration:0s;animation-delay:0s}.tab-features-v2__panel--display{animation:tab-features-v2-panel-entry-anim .5s .2s var(--ease-out) forwards}.tab-features-v2__panel--hide{position:absolute;visibility:hidden;top:0;width:100%;transition:position 0s .5s,visibility 0s .5s;animation:tab-features-v2-panel-exit-anim .5s var(--ease-out)}@keyframes tab-features-v2-panel-entry-anim{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@keyframes tab-features-v2-panel-exit-anim{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}}@media (min-width:64rem){.tab-features-v2__controls-list{flex-direction:column;overflow:visible}.tab-features-v2__controls-list>*{flex:1 0 auto}.tab-features-v2__text-crop-gradient{display:none}.tab-features-v2__control{border-width:0;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.tab-features-v2__control:hover,.tab-features-v2__control[aria-selected=true]{background-color:var(--color-bg-light);box-shadow:var(--shadow-sm)}}.hide-nav{--hide-nav-transition-duration:0.3s;position:-webkit-sticky!important;position:sticky!important;top:0;will-change:transform;transition:transform var(--hide-nav-transition-duration),background-color var(--hide-nav-transition-duration)}.hide-nav--fixed{background-color:transparent}.hide-nav--has-bg{background-color:var(--color-bg)}.loop-slideshow{--slideshow-slide-transition-duration:0.3s}.loop-slideshow .slideshow__content{-webkit-clip-path:inset(0 round var(--radius-lg));clip-path:inset(0 round var(--radius-lg))}.loop-slideshow__navigation{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background:0 0}.loop-slideshow__nav-item{margin:var(--space-sm) calc(var(--space-sm)/ 2) 0;--loop-slideshow-filling:0}.loop-slideshow__nav-item button{position:relative;display:block;overflow:hidden;height:4px;width:60px;border-radius:50em;background-color:var(--color-contrast-lower);cursor:pointer;transition:.2s}.loop-slideshow__nav-item button::before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;transform:scaleX(var(--loop-slideshow-filling));transform-origin:left center;background-color:var(--color-primary)}.loop-slideshow__nav-item button:hover{background-color:hsla(var(--color-contrast-lower-h),var(--color-contrast-lower-s),var(--color-contrast-lower-l),.7)}@media (min-width:64rem){.loop-slideshow__nav-item button{height:5px;width:90px}}.loop-slideshow-cursor.c-cursor--right .c-cursor__img{--rotate:180deg}.loop-slideshow__pause-btn{position:absolute;z-index:3;top:var(--space-sm);right:var(--space-sm);display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.85);cursor:pointer;color:var(--color-white);transition:background .3s,transform .3s var(--ease-out-back)}.loop-slideshow__pause-btn:hover{background-color:hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.95);transform:scale(1.1)} \ No newline at end of file diff --git a/src/assets/js/scripts.js b/src/assets/js/scripts.js new file mode 100644 index 0000000..70f6c9e --- /dev/null +++ b/src/assets/js/scripts.js @@ -0,0 +1,2589 @@ +// Utility function +function Util () {}; + +/* class manipulation functions */ +Util.hasClass = function(el, className) { + return el.classList.contains(className); +}; + +Util.addClass = function(el, className) { + var classList = className.split(' '); + el.classList.add(classList[0]); + if (classList.length > 1) Util.addClass(el, classList.slice(1).join(' ')); +}; + +Util.removeClass = function(el, className) { + var classList = className.split(' '); + el.classList.remove(classList[0]); + if (classList.length > 1) Util.removeClass(el, classList.slice(1).join(' ')); +}; + +Util.toggleClass = function(el, className, bool) { + if(bool) Util.addClass(el, className); + else Util.removeClass(el, className); +}; + +Util.setAttributes = function(el, attrs) { + for(var key in attrs) { + el.setAttribute(key, attrs[key]); + } +}; + +/* DOM manipulation */ +Util.getChildrenByClassName = function(el, className) { + var children = el.children, + childrenByClass = []; + for (var i = 0; i < children.length; i++) { + if (Util.hasClass(children[i], className)) childrenByClass.push(children[i]); + } + return childrenByClass; +}; + +Util.is = function(elem, selector) { + if(selector.nodeType){ + return elem === selector; + } + + var qa = (typeof(selector) === 'string' ? document.querySelectorAll(selector) : selector), + length = qa.length; + + while(length--){ + if(qa[length] === elem){ + return true; + } + } + + return false; +}; + +/* Animate height of an element */ +Util.setHeight = function(start, to, element, duration, cb, timeFunction) { + var change = to - start, + currentTime = null; + + var animateHeight = function(timestamp){ + if (!currentTime) currentTime = timestamp; + var progress = timestamp - currentTime; + if(progress > duration) progress = duration; + var val = parseInt((progress/duration)*change + start); + if(timeFunction) { + val = Math[timeFunction](progress, start, to - start, duration); + } + element.style.height = val+"px"; + if(progress < duration) { + window.requestAnimationFrame(animateHeight); + } else { + if(cb) cb(); + } + }; + + //set the height of the element before starting animation -> fix bug on Safari + element.style.height = start+"px"; + window.requestAnimationFrame(animateHeight); +}; + +/* Smooth Scroll */ +Util.scrollTo = function(final, duration, cb, scrollEl) { + var element = scrollEl || window; + var start = element.scrollTop || document.documentElement.scrollTop, + currentTime = null; + + if(!scrollEl) start = window.scrollY || document.documentElement.scrollTop; + + var animateScroll = function(timestamp){ + if (!currentTime) currentTime = timestamp; + var progress = timestamp - currentTime; + if(progress > duration) progress = duration; + var val = Math.easeInOutQuad(progress, start, final-start, duration); + element.scrollTo(0, val); + if(progress < duration) { + window.requestAnimationFrame(animateScroll); + } else { + cb && cb(); + } + }; + + window.requestAnimationFrame(animateScroll); +}; + +/* Move Focus */ +Util.moveFocus = function (element) { + if( !element ) element = document.getElementsByTagName("body")[0]; + element.focus(); + if (document.activeElement !== element) { + element.setAttribute('tabindex','-1'); + element.focus(); + } +}; + +/* Misc */ + +Util.getIndexInArray = function(array, el) { + return Array.prototype.indexOf.call(array, el); +}; + +Util.cssSupports = function(property, value) { + return CSS.supports(property, value); +}; + +// merge a set of user options into plugin defaults +// https://gomakethings.com/vanilla-javascript-version-of-jquery-extend/ +Util.extend = function() { + // Variables + var extended = {}; + var deep = false; + var i = 0; + var length = arguments.length; + + // Check if a deep merge + if ( Object.prototype.toString.call( arguments[0] ) === '[object Boolean]' ) { + deep = arguments[0]; + i++; + } + + // Merge the object into the extended object + var merge = function (obj) { + for ( var prop in obj ) { + if ( Object.prototype.hasOwnProperty.call( obj, prop ) ) { + // If deep merge and property is an object, merge properties + if ( deep && Object.prototype.toString.call(obj[prop]) === '[object Object]' ) { + extended[prop] = extend( true, extended[prop], obj[prop] ); + } else { + extended[prop] = obj[prop]; + } + } + } + }; + + // Loop through each object and conduct a merge + for ( ; i < length; i++ ) { + var obj = arguments[i]; + merge(obj); + } + + return extended; +}; + +// Check if Reduced Motion is enabled +Util.osHasReducedMotion = function() { + if(!window.matchMedia) return false; + var matchMediaObj = window.matchMedia('(prefers-reduced-motion: reduce)'); + if(matchMediaObj) return matchMediaObj.matches; + return false; // return false if not supported +}; + +/* Animation curves */ +Math.easeInOutQuad = function (t, b, c, d) { + t /= d/2; + if (t < 1) return c/2*t*t + b; + t--; + return -c/2 * (t*(t-2) - 1) + b; +}; + +Math.easeInQuart = function (t, b, c, d) { + t /= d; + return c*t*t*t*t + b; +}; + +Math.easeOutQuart = function (t, b, c, d) { + t /= d; + t--; + return -c * (t*t*t*t - 1) + b; +}; + +Math.easeInOutQuart = function (t, b, c, d) { + t /= d/2; + if (t < 1) return c/2*t*t*t*t + b; + t -= 2; + return -c/2 * (t*t*t*t - 2) + b; +}; + +Math.easeOutElastic = function (t, b, c, d) { + var s=1.70158;var p=d*0.7;var a=c; + if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; + if (a < Math.abs(c)) { a=c; var s=p/4; } + else var s = p/(2*Math.PI) * Math.asin (c/a); + return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b; +}; + + +/* JS Utility Classes */ + +// make focus ring visible only for keyboard navigation (i.e., tab key) +(function() { + var focusTab = document.getElementsByClassName('js-tab-focus'), + shouldInit = false, + outlineStyle = false, + eventDetected = false; + + function detectClick() { + if(focusTab.length > 0) { + resetFocusStyle(false); + window.addEventListener('keydown', detectTab); + } + window.removeEventListener('mousedown', detectClick); + outlineStyle = false; + eventDetected = true; + }; + + function detectTab(event) { + if(event.keyCode !== 9) return; + resetFocusStyle(true); + window.removeEventListener('keydown', detectTab); + window.addEventListener('mousedown', detectClick); + outlineStyle = true; + }; + + function resetFocusStyle(bool) { + var outlineStyle = bool ? '' : 'none'; + for(var i = 0; i < focusTab.length; i++) { + focusTab[i].style.setProperty('outline', outlineStyle); + } + }; + + function initFocusTabs() { + if(shouldInit) { + if(eventDetected) resetFocusStyle(outlineStyle); + return; + } + shouldInit = focusTab.length > 0; + window.addEventListener('mousedown', detectClick); + }; + + initFocusTabs(); + window.addEventListener('initFocusTabs', initFocusTabs); +}()); + +function resetFocusTabsStyle() { + window.dispatchEvent(new CustomEvent('initFocusTabs')); +}; +// File#: _1_anim-menu-btn +// Usage: codyhouse.co/license +(function() { + var menuBtns = document.getElementsByClassName('js-anim-menu-btn'); + if( menuBtns.length > 0 ) { + for(var i = 0; i < menuBtns.length; i++) {(function(i){ + initMenuBtn(menuBtns[i]); + })(i);} + + function initMenuBtn(btn) { + btn.addEventListener('click', function(event){ + event.preventDefault(); + var status = !btn.classList.contains('anim-menu-btn--state-b'); + btn.classList.toggle('anim-menu-btn--state-b', status); + // emit custom event + var event = new CustomEvent('anim-menu-btn-clicked', {detail: status}); + btn.dispatchEvent(event); + }); + }; + } +}()); +// File#: _1_cursor-movement-effects +// Usage: codyhouse.co/license +(function() { + var CursorFx = function(opts) { + this.target = opts.target; + this.objects = opts.objects; + this.animating = false; + this.animatingId = false; + this.rotateValue = []; + initCursorFx(this); + }; + + function initCursorFx(element) { + // detect mouse move on card element + element.target.addEventListener('mousemove', function(event){ + if(element.animating) return; + element.animating = true; + element.animatingId = window.requestAnimationFrame(moveObjs.bind(element, event)); + }); + + element.target.addEventListener('mouseleave', function(event){ + // reset style + if(element.animatingId) { + window.cancelAnimationFrame(element.animatingId); + element.animatingId = false; + element.animating = false; + } + resetObjs(element); + }); + }; + + function moveObjs(event) { + // update target size info + this.targetInfo = this.target.getBoundingClientRect(); + for(var i = 0; i < this.objects.length; i++) { + if(!this.rotateValue[i]) this.rotateValue[i] = false; + moveSingleObj(this, this.objects[i], event, i); + } + this.animating = false; + }; + + function moveSingleObj(element, objDetails, event, index) { + var effect = 'parallax'; + if(objDetails['effect']) effect = objDetails['effect']; + + if( effect == 'parallax') { + moveObjParallax(element, objDetails, event); + } else if( effect == 'follow') { + moveObjFollow(element, objDetails, event); + } else if( effect == 'rotate') { + moveObjRotate(element, objDetails, event, index); + } + }; + + function moveObjParallax(element, objDetails, event) { + // get translateX and translateY values + var deltaTranslate = parseInt(objDetails['delta']); + var translateX = (2*deltaTranslate/element.targetInfo.width)*(element.targetInfo.left + element.targetInfo.width/2 - event.clientX); + var translateY = (2*deltaTranslate/element.targetInfo.height)*(element.targetInfo.top + element.targetInfo.height/2 - event.clientY); + // check if we need to change direction + if(objDetails['direction'] && objDetails['direction'] == 'follow') { + translateX = -1 * translateX; + translateY = -1 * translateY; + } + + objDetails.element.style.transform = 'translateX('+translateX+'px) translateY('+translateY+'px)'; + }; + + function moveObjFollow(element, objDetails, event) { + var objInfo = objDetails.element.getBoundingClientRect(); + objDetails.element.style.transform = 'translateX('+parseInt(event.clientX - objInfo.width/2)+'px) translateY('+parseInt(event.clientY - objInfo.height/2)+'px)'; + }; + + function moveObjRotate(element, objDetails, event, index) { + var boxBoundingRect = objDetails.element.getBoundingClientRect(); + var boxCenter = { + x: boxBoundingRect.left + boxBoundingRect.width/2, + y: boxBoundingRect.top + boxBoundingRect.height/2 + }; + + var angle = Math.atan2(event.pageX - boxCenter.x, - (event.pageY - boxCenter.y) )*(180 / Math.PI); + + // if this is the first time the mouse enters the onject - this angle will be the delta rotation + if(element.rotateValue[index] === false) { + element.rotateValue[index] = angle; + }; + + angle = angle - element.rotateValue[index]; + objDetails.element.style.transform = 'rotate('+angle+'deg)'; + }; + + function resetObjs(element) { + for(var i = 0; i < element.objects.length; i++) { + resetSingleObj(element, element.objects[i]); + element.rotateValue[i] = false; + } + }; + + function resetSingleObj(element, objDetails) { + var effect = 'parallax'; + if(objDetails['effect']) effect = objDetails['effect']; + + if( effect == 'parallax' || effect == 'rotate') { + objDetails.element.style.transform = ''; + } + + }; + + window.CursorFx = CursorFx; + }()); + + (function() { + // demo code - initialize the CursorFx element + var cursorFx = document.getElementsByClassName('js-cursor-fx-target'); + if(cursorFx.length > 0) { + var obj1 = document.getElementsByClassName('js-cursor-fx-object--1'); + var obj2 = document.getElementsByClassName('js-cursor-fx-object--2'); + var objects = []; + if(obj1.length > 0) { + objects.push({element: obj1[0], effect: 'parallax', delta: '20'}); + } + if(obj2.length > 0) { + objects.push({element: obj2[0], effect: 'parallax', delta: '10', direction: 'follow'}); + } + + new CursorFx({ + target: cursorFx[0], + objects: objects + }); + } + }()); +// File#: _1_custom-cursor +// Usage: codyhouse.co/license +(function() { + var CustomCursor = function(element) { + this.element = element; + this.targets = document.querySelectorAll('[data-custom-cursor="'+this.element.getAttribute('id')+'"]'); + this.target = false; + this.moving = false; + + // cursor classes + this.inClass = 'c-cursor--in'; + this.outClass = 'c-cursor--out'; + this.positionClass = 'c-cursor--'; + + initCustomCursor(this); + }; + + function initCustomCursor(obj) { + if(obj.targets.length == 0) return; + // init events + for( var i = 0; i < obj.targets.length; i++) { + (function(i){ + obj.targets[i].addEventListener('mouseenter', handleEvent.bind(obj)); + })(i); + } + }; + + function handleEvent(event) { + switch(event.type) { + case 'mouseenter': { + initMouseEnter(this, event); + break; + } + case 'mouseleave': { + initMouseLeave(this, event); + break; + } + case 'mousemove': { + initMouseMove(this, event); + break; + } + } + }; + + function initMouseEnter(obj, event) { + removeTargetEvents(obj); + obj.target = event.currentTarget; + // listen for move and leave events + obj.target.addEventListener('mousemove', handleEvent.bind(obj)); + obj.target.addEventListener('mouseleave', handleEvent.bind(obj)); + // show custom cursor + toggleCursor(obj, true); + // place custom cursor + moveCursor(obj, event); + }; + + function initMouseLeave(obj, event) { + removeTargetEvents(obj); + toggleCursor(obj, false); + if(obj.moving) { + window.cancelAnimationFrame(obj.moving); + obj.moving = false; + } + }; + + function removeTargetEvents(obj) { + if(obj.target) { + obj.target.removeEventListener('mousemove', handleEvent.bind(obj)); + obj.target.removeEventListener('mouseleave', handleEvent.bind(obj)); + obj.target = false; + } + }; + + function initMouseMove(obj, event) { + if(obj.moving) return; + obj.moving = window.requestAnimationFrame(function(){ + moveCursor(obj, event); + }); + }; + + function moveCursor(obj, event) { + obj.element.style.transform = 'translateX('+event.clientX+'px) translateY('+event.clientY+'px)'; + // set position classes + updatePositionClasses(obj, event.clientX, event.clientY); + obj.moving = false; + }; + + function updatePositionClasses(obj, xposition, yposition) { + if(!obj.target) return; + var targetBoundingRect = obj.target.getBoundingClientRect(); + var isLeft = xposition < (targetBoundingRect.left + targetBoundingRect.width/2), + isTop = yposition < (targetBoundingRect.top + targetBoundingRect.height/2); + + // reset classes + obj.element.classList.toggle(obj.positionClass+'left', isLeft); + obj.element.classList.toggle(obj.positionClass+'right', !isLeft); + obj.element.classList.toggle(obj.positionClass+'top', isTop); + obj.element.classList.toggle(obj.positionClass+'bottom', !isTop); + }; + + function toggleCursor(obj, bool) { + obj.element.classList.toggle(obj.outClass, !bool); + obj.element.classList.toggle(obj.inClass, bool); + }; + + window.CustomCursor = CustomCursor; + + var cCursor = document.getElementsByClassName('js-c-cursor'); + if( cCursor.length > 0 && !window.matchMedia('(prefers-reduced-motion: reduce)').matches) { + for( var i = 0; i < cCursor.length; i++) { + (function(i){new CustomCursor(cCursor[i]);})(i); + } + } + }()); +// File#: _1_google-maps +// Usage: codyhouse.co/license +function initGoogleMap() { + var contactMap = document.getElementsByClassName('js-google-maps'); + if(contactMap.length > 0) { + for(var i = 0; i < contactMap.length; i++) { + initContactMap(contactMap[i]); + } + } +}; + +function initContactMap(wrapper) { + var coordinate = wrapper.getAttribute('data-coordinates').split(','); + var map = new google.maps.Map(wrapper, {zoom: 10, center: {lat: Number(coordinate[0]), lng: Number(coordinate[1])}}); + var marker = new google.maps.Marker({position: {lat: Number(coordinate[0]), lng: Number(coordinate[1])}, map: map}); +}; +// File#: _1_immersive-section-transition +// Usage: codyhouse.co/license +(function() { + var ImmerseSectionTr = function(element) { + this.element = element; + this.media = this.element.getElementsByClassName('js-immerse-section-tr__media'); + this.scrollContent = this.element.getElementsByClassName('js-immerse-section-tr__content'); + if(this.media.length < 1) return; + this.figure = this.media[0].getElementsByClassName('js-immerse-section-tr__figure'); + if(this.figure.length < 1) return; + this.visibleFigure = false; + this.mediaScale = 1; + this.mediaInitHeight = 0; + this.elementPadding = 0; + this.scrollingFn = false; + this.scrolling = false; + this.active = false; + this.scrollDelta = 0; // amount to scroll for full-screen scaleup + initImmerseSectionTr(this); + }; + + function initImmerseSectionTr(element) { + initContainer(element); + resetSection(element); + + // listen to resize event and reset values + element.element.addEventListener('update-immerse-section', function(event){ + resetSection(element); + }); + + // detect when the element is sticky - update scale value and opacity layer + var observer = new IntersectionObserver(immerseSectionTrCallback.bind(element)); + observer.observe(element.media[0]); + }; + + function resetSection(element) { + getVisibleFigure(element); + checkEffectActive(element); + if(element.active) { + element.element.classList.remove('immerse-section-tr--disabled'); + updateMediaHeight(element); + getMediaScale(element); + updateMargin(element); + setScaleValue.bind(element)(); + } else { + // reset appearance + element.element.classList.add('immerse-section-tr--disabled'); + element.media[0].style = ''; + element.scrollContent[0].style = ''; + updateScale(element, 1); + updateOpacity(element, 0); + } + element.element.dispatchEvent(new CustomEvent('immersive-section-updated', {detail: {active: element.active, asset: element.visibleFigure}})); + }; + + function getVisibleFigure(element) { // get visible figure element + element.visibleFigure = false; + for(var i = 0; i < element.figure.length; i++) { + if(window.getComputedStyle(element.figure[i]).getPropertyValue('display') != 'none') { + element.visibleFigure = element.figure[i]; + break; + } + } + }; + + function updateMediaHeight(element) { // set sticky element padding/margin + height + element.mediaInitHeight = element.visibleFigure.offsetHeight; + element.scrollDelta = (window.innerHeight - element.visibleFigure.offsetHeight) > (window.innerWidth - element.visibleFigure.offsetWidth) + ? (window.innerHeight - element.visibleFigure.offsetHeight)/2 + : (window.innerWidth - element.visibleFigure.offsetWidth)/2; + if(element.scrollDelta > window.innerHeight) element.scrollDelta = window.innerHeight; + if(element.scrollDelta < 200) element.scrollDelta = 200; + element.media[0].style.height = window.innerHeight+'px'; + element.media[0].style.paddingTop = (window.innerHeight - element.visibleFigure.offsetHeight)/2+'px'; + element.media[0].style.marginTop = (element.visibleFigure.offsetHeight - window.innerHeight)/2+'px'; + }; + + function getMediaScale(element) { // get media final scale value + var scaleX = roundValue(window.innerWidth/element.visibleFigure.offsetWidth), + scaleY = roundValue(window.innerHeight/element.visibleFigure.offsetHeight); + + element.mediaScale = Math.max(scaleX, scaleY); + element.elementPadding = parseInt(window.getComputedStyle(element.element).getPropertyValue('padding-top')); + }; + + function roundValue(value) { + return (Math.ceil(value*100)/100).toFixed(2); + }; + + function updateMargin(element) { // update distance between media and content elements + if(element.scrollContent.length > 0) element.scrollContent[0].style.marginTop = element.scrollDelta+'px'; + }; + + function setScaleValue() { // update asset scale value + if(!this.active) return; // effect is not active + var offsetTop = (window.innerHeight - this.mediaInitHeight)/2; + var top = this.element.getBoundingClientRect().top + this.elementPadding; + + if( top < offsetTop && top > offsetTop - this.scrollDelta) { + var scale = 1 + (top - offsetTop)*(1 - this.mediaScale)/this.scrollDelta; + updateScale(this, scale); + updateOpacity(this, 0); + } else if(top >= offsetTop) { + updateScale(this, 1); + updateOpacity(this, 0); + } else { + updateScale(this, this.mediaScale); + updateOpacity(this, 1.8*( offsetTop - this.scrollDelta - top)/ window.innerHeight); + } + + this.scrolling = false; + }; + + function updateScale(element, value) { // apply new scale value + element.visibleFigure.style.transform = 'scale('+value+')'; + element.visibleFigure.style.msTransform = 'scale('+value+')'; + }; + + function updateOpacity(element, value) { // update layer opacity + element.element.style.setProperty('--immerse-section-tr-opacity', value); + }; + + function immerseSectionTrCallback(entries) { // intersectionObserver callback + if(entries[0].isIntersecting) { + if(this.scrollingFn) return; // listener for scroll event already added + immerseSectionTrScrollEvent(this); + } else { + if(!this.scrollingFn) return; // listener for scroll event already removed + window.removeEventListener('scroll', this.scrollingFn); + this.scrollingFn = false; + } + }; + + function immerseSectionTrScrollEvent(element) { // listen to scroll when asset element is inside the viewport + element.scrollingFn = immerseSectionTrScrolling.bind(element); + window.addEventListener('scroll', element.scrollingFn); + }; + + function immerseSectionTrScrolling() { // update asset scale on scroll + if(this.scrolling) return; + this.scrolling = true; + window.requestAnimationFrame(setScaleValue.bind(this)); + }; + + function initContainer(element) { + // add a padding to the container to fix the collapsing-margin issue + if(parseInt(window.getComputedStyle(element.element).getPropertyValue('padding-top')) == 0) element.element.style.paddingTop = '1px'; + }; + + function checkEffectActive(element) { //check if effect needs to be activated + element.active = true; + if(element.visibleFigure.offsetHeight >= window.innerHeight) element.active = false; + if( window.innerHeight - element.visibleFigure.offsetHeight >= 600) element.active = false; + }; + + //initialize the ImmerseSectionTr objects + var immerseSections = document.getElementsByClassName('js-immerse-section-tr'), + reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches, + intObserverSupported = ('IntersectionObserver' in window && 'IntersectionObserverEntry' in window && 'intersectionRatio' in window.IntersectionObserverEntry.prototype); + + if(immerseSections.length < 1 ) return; + if( !reducedMotion && intObserverSupported) { + var immerseSectionsArray = []; + for( var i = 0; i < immerseSections.length; i++) { + (function(i){immerseSectionsArray.push(new ImmerseSectionTr(immerseSections[i]));})(i); + } + + if(immerseSectionsArray.length > 0) { + var resizingId = false, + customEvent = new CustomEvent('update-immerse-section'); + + window.addEventListener('resize', function() { + clearTimeout(resizingId); + resizingId = setTimeout(doneResizing, 500); + }); + + function doneResizing() { + for( var i = 0; i < immerseSectionsArray.length; i++) { + (function(i){immerseSectionsArray[i].element.dispatchEvent(customEvent)})(i); + }; + }; + }; + } else { // effect deactivated + for( var i = 0; i < immerseSections.length; i++) immerseSections[i].classList.add('immerse-section-tr--disabled'); + + } + }()); +// File#: _1_masonry +// Usage: codyhouse.co/license +(function() { + var Masonry = function(element) { + this.element = element; + this.list = this.element.getElementsByClassName('js-masonry__list')[0]; + this.items = this.element.getElementsByClassName('js-masonry__item'); + this.activeColumns = 0; + this.colStartWidth = 0; // col min-width (defined in CSS using --masonry-col-auto-size variable) + this.colWidth = 0; // effective column width + this.colGap = 0; + // store col heights and items + this.colHeights = []; + this.colItems = []; + // flex full support + this.flexSupported = checkFlexSupported(this.items[0]); + getGridLayout(this); // get initial grid params + setGridLayout(this); // set grid params (width of elements) + initMasonryLayout(this); // init gallery layout + }; + + function checkFlexSupported(item) { + var itemStyle = window.getComputedStyle(item); + return itemStyle.getPropertyValue('flex-basis') != 'auto'; + }; + + function getGridLayout(grid) { // this is used to get initial grid details (width/grid gap) + var itemStyle = window.getComputedStyle(grid.items[0]); + if( grid.colStartWidth == 0) { + grid.colStartWidth = parseFloat(itemStyle.getPropertyValue('width')); + } + grid.colGap = parseFloat(itemStyle.getPropertyValue('margin-right')); + }; + + function setGridLayout(grid) { // set width of items in the grid + var containerWidth = parseFloat(window.getComputedStyle(grid.element).getPropertyValue('width')); + grid.activeColumns = parseInt((containerWidth + grid.colGap)/(grid.colStartWidth+grid.colGap)); + if(grid.activeColumns == 0) grid.activeColumns = 1; + grid.colWidth = parseFloat((containerWidth - (grid.activeColumns - 1)*grid.colGap)/grid.activeColumns); + for(var i = 0; i < grid.items.length; i++) { + grid.items[i].style.width = grid.colWidth+'px'; // reset items width + } + }; + + function initMasonryLayout(grid) { + if(grid.flexSupported) { + checkImgLoaded(grid); // reset layout when images are loaded + } else { + grid.element.classList.add('masonry--loaded'); // make sure the gallery is visible + } + + grid.element.addEventListener('masonry-resize', function(){ // window has been resized -> reset masonry layout + getGridLayout(grid); + setGridLayout(grid); + if(grid.flexSupported) layItems(grid); + }); + + grid.element.addEventListener('masonry-reset', function(event){ // reset layout (e.g., new items added to the gallery) + getGridLayout(grid); + setGridLayout(grid); + if(grid.flexSupported) checkImgLoaded(grid); + }); + + // if there are fonts to be loaded -> reset masonry + if(document.fonts) { + document.fonts.onloadingdone = function (fontFaceSetEvent) { + if(!grid.masonryLaid) return; + getGridLayout(grid); + setGridLayout(grid); + if(grid.flexSupported) layItems(grid); + }; + } + }; + + function layItems(grid) { + grid.element.classList.add('masonry--loaded'); // make sure the gallery is visible + grid.colHeights = []; + grid.colItems = []; + + // grid layout has already been set -> update container height and order of items + for(var j = 0; j < grid.activeColumns; j++) { + grid.colHeights.push(0); // reset col heights + grid.colItems[j] = []; // reset items order + } + + for(var i = 0; i < grid.items.length; i++) { + var minHeight = Math.min.apply( Math, grid.colHeights ), + index = grid.colHeights.indexOf(minHeight); + if(grid.colItems[index]) grid.colItems[index].push(i); + grid.items[i].style.flexBasis = 0; // reset flex basis before getting height + var itemHeight = grid.items[i].getBoundingClientRect().height || grid.items[i].offsetHeight || 1; + grid.colHeights[index] = grid.colHeights[index] + grid.colGap + itemHeight; + } + + // reset height of container + var masonryHeight = Math.max.apply( Math, grid.colHeights ) + 5; + grid.list.style.cssText = 'height: '+ masonryHeight + 'px;'; + + // go through elements and set flex order + var order = 0; + for(var i = 0; i < grid.colItems.length; i++) { + for(var j = 0; j < grid.colItems[i].length; j++) { + grid.items[grid.colItems[i][j]].style.order = order; + order = order + 1; + } + // change flex-basis of last element of each column, so that next element shifts to next col + var lastItemCol = grid.items[grid.colItems[i][grid.colItems[i].length - 1]]; + if(lastItemCol) lastItemCol.style.flexBasis = masonryHeight - grid.colHeights[i] + lastItemCol.getBoundingClientRect().height - 5 + 'px'; + } + + grid.masonryLaid = true; + // emit custom event when grid has been reset + grid.element.dispatchEvent(new CustomEvent('masonry-laid')); + }; + + function checkImgLoaded(grid) { + var imgs = grid.list.getElementsByTagName('img'); + + function countLoaded() { + var setTimeoutOn = false; + for(var i = 0; i < imgs.length; i++) { + if(imgs[i].complete && imgs[i].naturalHeight == 0) { + continue; // broken image -> skip + } + + if(!imgs[i].complete) { + setTimeoutOn = true; + break; + } else if (typeof imgs[i].naturalHeight !== "undefined" && imgs[i].naturalHeight == 0) { + setTimeoutOn = true; + break; + } + } + + if(!setTimeoutOn) { + layItems(grid); + } else { + setTimeout(function(){ + countLoaded(); + }, 100); + } + }; + + if(imgs.length == 0) { + layItems(grid); // no need to wait -> no img available + } else { + countLoaded(); + } + }; + + //initialize the Masonry objects + var masonries = document.getElementsByClassName('js-masonry'), + flexSupported = CSS.supports('flex-basis', 'auto'), + masonriesArray = []; + + if( masonries.length > 0) { + for( var i = 0; i < masonries.length; i++) { + if(!flexSupported) { + masonries[i].classList.add('masonry--loaded'); // reveal gallery + } else { + (function(i){masonriesArray.push(new Masonry(masonries[i]));})(i); // init Masonry Layout + } + } + + if(!flexSupported) return; + + // listen to window resize -> reorganize items in gallery + var resizingId = false, + customEvent = new CustomEvent('masonry-resize'); + + window.addEventListener('resize', function() { + clearTimeout(resizingId); + resizingId = setTimeout(doneResizing, 500); + }); + + function doneResizing() { + for( var i = 0; i < masonriesArray.length; i++) { + (function(i){masonriesArray[i].element.dispatchEvent(customEvent)})(i); + }; + }; + }; + }()); + +// File#: _1_sliding-panels +// Usage: codyhouse.co/license +(function() { + var SlidingPanels = function(element) { + this.element = element; + this.itemsList = this.element.getElementsByClassName('js-s-panels__projects-list'); + this.items = this.itemsList[0].getElementsByClassName('js-s-panels__project-preview'); + this.navigationToggle = this.element.getElementsByClassName('js-s-panels__nav-control'); + this.navigation = this.element.getElementsByClassName('js-s-panels__nav-wrapper'); + this.transitionLayer = this.element.getElementsByClassName('js-s-panels__overlay-layer'); + this.selectedSection = false; // will be used to store the visible project content section + this.animating = false; + // aria labels for the navigationToggle button + this.toggleAriaLabels = ['Toggle navigation', 'Close Project']; + initSlidingPanels(this); + }; + + function initSlidingPanels(element) { + // detect click on toggle menu + if(element.navigationToggle.length > 0 && element.navigation.length > 0) { + element.navigationToggle[0].addEventListener('click', function(event) { + if(element.animating) return; + + // if project is open -> close project + if(closeProjectIfVisible(element)) return; + + // toggle navigation + var openNav = element.navigation[0].classList.contains('is-hidden'); + toggleNavigation(element, openNav); + }); + } + + // open project + element.element.addEventListener('click', function(event) { + if(element.animating) return; + + var link = event.target.closest('.js-s-panels__project-control'); + if(!link) return; + event.preventDefault(); + openProject(element, event.target.closest('.js-s-panels__project-preview'), link.getAttribute('href').replace('#', '')); + }); + }; + + // check if there's a visible project to close and close it + function closeProjectIfVisible(element) { + var visibleProject = element.element.getElementsByClassName('s-panels__project-preview--selected'); + if(visibleProject.length > 0) { + element.animating = true; + closeProject(element); + return true; + } + + return false; + }; + + function toggleNavigation(element, openNavigation) { + element.animating = true; + if(openNavigation) element.navigation[0].classList.remove('is-hidden'); + slideProjects(element, openNavigation, false, function(){ + element.animating = false; + if(!openNavigation) element.navigation[0].classList.add('is-hidden'); + }); + element.navigationToggle[0].classList.toggle('s-panels__nav-control--arrow-down', openNavigation); + }; + + function openProject(element, project, id) { + element.animating = true; + var projectIndex = Array.prototype.indexOf.call(element.items, project); + // hide navigation + element.itemsList[0].classList.remove('bg-opacity-0'); + // expand selected projects + project.classList.add('s-panels__project-preview--selected'); + // hide remaining projects + slideProjects(element, true, projectIndex, function() { + // reveal section content + element.selectedSection = document.getElementById(id); + if(element.selectedSection) element.selectedSection.classList.remove('is-hidden'); + element.animating = false; + // trigger a custom event - this can be used to init the project content (if required) + element.element.dispatchEvent(new CustomEvent('slidingPanelOpen', {detail: projectIndex})); + }); + // modify toggle button appearance + element.navigationToggle[0].classList.add('s-panels__nav-control--close'); + // modify toggle button aria-label + element.navigationToggle[0].setAttribute('aria-label', element.toggleAriaLabels[1]); + }; + + function closeProject(element) { + // remove transitions from projects + toggleTransitionProjects(element, true); + // hide navigation + element.itemsList[0].classList.remove('bg-opacity-0'); + // reveal transition layer + element.transitionLayer[0].classList.add('s-panels__overlay-layer--visible'); + // wait for end of transition layer effect + element.transitionLayer[0].addEventListener('transitionend', function cb(event) { + if(event.propertyName != 'opacity') return; + element.transitionLayer[0].removeEventListener('transitionend', cb); + // update projects classes + resetProjects(element); + + setTimeout(function(){ + // hide transition layer + element.transitionLayer[0].classList.remove('s-panels__overlay-layer--visible'); + // reveal projects + slideProjects(element, false, false, function() { + element.itemsList[0].classList.add('bg-opacity-0'); + element.animating = false; + }); + }, 200); + }); + + // modify toggle button appearance + element.navigationToggle[0].classList.remove('s-panels__nav-control--close'); + // modify toggle button aria-label + element.navigationToggle[0].setAttribute('aria-label', element.toggleAriaLabels[0]); + }; + + function slideProjects(element, openNav, exclude, cb) { + // projects will slide out in a random order + var randomList = getRandomList(element.items.length, exclude); + for(var i = 0; i < randomList.length; i++) {(function(i){ + setTimeout(function(){ + element.items[randomList[i]].classList.toggle('s-panels__project-preview--hide', openNav); + toggleProjectAccessibility(element.items[randomList[i]], openNav); + if(cb && i == randomList.length - 1) { + // last item to be animated -> execute callback function at the end of the animation + element.items[randomList[i]].addEventListener('transitionend', function cbt() { + if(event.propertyName != 'transform') return; + if(cb) cb(); + element.items[randomList[i]].removeEventListener('transitionend', cbt); + }); + } + }, i*100); + })(i);} + }; + + function toggleTransitionProjects(element, bool) { + // remove transitions from project elements + for(var i = 0; i < element.items.length; i++) { + element.items[i].classList.toggle('s-panels__project-preview--no-transition', bool); + } + }; + + function resetProjects(element) { + // reset projects classes -> remove selected/no-transition class + add hide class + for(var i = 0; i < element.items.length; i++) { + element.items[i].classList.remove('s-panels__project-preview--selected', 's-panels__project-preview--no-transition'); + element.items[i].classList.add('s-panels__project-preview--hide'); + } + + // hide project content + if(element.selectedSection) element.selectedSection.classList.add('is-hidden'); + element.selectedSection = false; + }; + + function getRandomList(maxVal, exclude) { + // get list of random integer from 0 to (maxVal - 1) excluding (exclude) if defined + var uniqueRandoms = []; + var randomArray = []; + + function makeUniqueRandom() { + // refill the array if needed + if (!uniqueRandoms.length) { + for (var i = 0; i < maxVal; i++) { + if(exclude === false || i != exclude) uniqueRandoms.push(i); + } + } + var index = Math.floor(Math.random() * uniqueRandoms.length); + var val = uniqueRandoms[index]; + // now remove that value from the array + uniqueRandoms.splice(index, 1); + return val; + } + + for(var j = 0; j < maxVal; j++) { + randomArray.push(makeUniqueRandom()); + } + + return randomArray; + }; + + function toggleProjectAccessibility(project, bool) { + bool ? project.setAttribute('aria-hidden', 'true') : project.removeAttribute('aria-hidden'); + var link = project.getElementsByClassName('js-s-panels__project-control'); + if(link.length > 0) { + bool ? link[0].setAttribute('tabindex', '-1') : link[0].removeAttribute('tabindex'); + } + }; + + //initialize the SlidingPanels objects + var slidingPanels = document.getElementsByClassName('js-s-panels'); + if( slidingPanels.length > 0 ) { + for( var i = 0; i < slidingPanels.length; i++) { + (function(i){new SlidingPanels(slidingPanels[i]);})(i); + } + } + }()); +// File#: _1_sticky-feature +// Usage: codyhouse.co/license +(function() { + var StickyFeature = function(element) { + this.element = element; + this.contentList = this.element.getElementsByClassName('js-sticky-feature__content-list'); + this.assetsList = this.element.getElementsByClassName('js-sticky-feature__media-list'); + + if(this.contentList.length < 1 || this.assetsList.length < 1) return; + + this.contentItems = this.contentList[0].getElementsByClassName('js-sticky-feature__content-item'); + this.assetItems = this.assetsList[0].getElementsByClassName('js-sticky-feature__media-item'); + + this.titleItems = this.contentList[0].getElementsByClassName('js-sticky-feature__title'); + this.activeSectionClass = 'sticky-feature-current-item'; + this.bindScroll = false; + this.scrolling = false; + initStickyFeature(this); + }; + + function initStickyFeature(el) { + // init observer - detect when feature list enters the viewport and change section + var observer = new IntersectionObserver(stickyFeatureObserve.bind(el)); + observer.observe(el.contentList[0]); + + // init click on title + for(var i = 0; i < el.titleItems.length; i++) { + (function(i){ + el.titleItems[i].addEventListener('click', function(event){ + scrollToSection(el, i); + }); + })(i); + } + }; + + function stickyFeatureObserve(entries) { + if(entries[0].isIntersecting) { + if(!this.bindScroll) { + getSelectSection(this); // update selected section + bindScroll(this); // bind window scroll + } + } else if(this.bindScroll) { + unbindScroll(this); // unbind window scroll + resetSectionVisibility(this); // reset selected section + } + }; + + function updateVisibleSection(el) { + // on scroll, detect which section should be selected + var self = this; + if(this.scrolling) return; + this.scrolling = true; + window.requestAnimationFrame(function(){ + getSelectSection(self); + self.scrolling = false; + }); + }; + + function getSelectSection(el) { + resetSectionVisibility(el); // remove selected class from all sections + // get the section to select + var index = []; + for(var i = 0; i < el.contentItems.length; i++) { + if(el.contentItems[i].getBoundingClientRect().top <= window.innerHeight/2) index.push(i); + } + var itemIndex = (index.length > 0) ? index[index.length - 1] : 0; // select either the first section or the one in the center of the viewport + selectSection(el, itemIndex); + }; + + function resetSectionVisibility(el) { + // no section is selected -> remove selected class + var selectedItems = el.element.getElementsByClassName(el.activeSectionClass); + while (selectedItems[0]) { + selectedItems[0].classList.remove(el.activeSectionClass); + } + }; + + function selectSection(el, index) { + el.contentItems[index].classList.add(el.activeSectionClass); + el.assetItems[index].classList.add(el.activeSectionClass); + }; + + function scrollToSection(el, index) { + // on click - scroll to the selected section + if(el.assetsList[0].offsetWidth < 1) return; + window.scrollBy({ + top: el.titleItems[index].getBoundingClientRect().top - window.innerHeight/2 + 10, + behavior: 'smooth' + }); + }; + + function bindScroll(el) { + if(!el.bindScroll) { + el.bindScroll = updateVisibleSection.bind(el); + window.addEventListener('scroll', el.bindScroll); + } + }; + + function unbindScroll(el) { + if(el.bindScroll) { + window.removeEventListener('scroll', el.bindScroll); + el.bindScroll = false; + } + }; + + window.StickyFeature = StickyFeature; + + //initialize the StickyFeature objects + var stickyFeatures = document.getElementsByClassName('js-sticky-feature'); + if( stickyFeatures.length > 0 ) { + for( var i = 0; i < stickyFeatures.length; i++) { + (function(i){new StickyFeature(stickyFeatures[i]);})(i); + } + } + }()); +// File#: _1_swipe-content +(function() { + var SwipeContent = function(element) { + this.element = element; + this.delta = [false, false]; + this.dragging = false; + this.intervalId = false; + initSwipeContent(this); + }; + + function initSwipeContent(content) { + content.element.addEventListener('mousedown', handleEvent.bind(content)); + content.element.addEventListener('touchstart', handleEvent.bind(content), {passive: true}); + }; + + function initDragging(content) { + //add event listeners + content.element.addEventListener('mousemove', handleEvent.bind(content)); + content.element.addEventListener('touchmove', handleEvent.bind(content), {passive: true}); + content.element.addEventListener('mouseup', handleEvent.bind(content)); + content.element.addEventListener('mouseleave', handleEvent.bind(content)); + content.element.addEventListener('touchend', handleEvent.bind(content)); + }; + + function cancelDragging(content) { + //remove event listeners + if(content.intervalId) { + (!window.requestAnimationFrame) ? clearInterval(content.intervalId) : window.cancelAnimationFrame(content.intervalId); + content.intervalId = false; + } + content.element.removeEventListener('mousemove', handleEvent.bind(content)); + content.element.removeEventListener('touchmove', handleEvent.bind(content)); + content.element.removeEventListener('mouseup', handleEvent.bind(content)); + content.element.removeEventListener('mouseleave', handleEvent.bind(content)); + content.element.removeEventListener('touchend', handleEvent.bind(content)); + }; + + function handleEvent(event) { + switch(event.type) { + case 'mousedown': + case 'touchstart': + startDrag(this, event); + break; + case 'mousemove': + case 'touchmove': + drag(this, event); + break; + case 'mouseup': + case 'mouseleave': + case 'touchend': + endDrag(this, event); + break; + } + }; + + function startDrag(content, event) { + content.dragging = true; + // listen to drag movements + initDragging(content); + content.delta = [parseInt(unify(event).clientX), parseInt(unify(event).clientY)]; + // emit drag start event + emitSwipeEvents(content, 'dragStart', content.delta, event.target); + }; + + function endDrag(content, event) { + cancelDragging(content); + // credits: https://css-tricks.com/simple-swipe-with-vanilla-javascript/ + var dx = parseInt(unify(event).clientX), + dy = parseInt(unify(event).clientY); + + // check if there was a left/right swipe + if(content.delta && (content.delta[0] || content.delta[0] === 0)) { + var s = getSign(dx - content.delta[0]); + + if(Math.abs(dx - content.delta[0]) > 30) { + (s < 0) ? emitSwipeEvents(content, 'swipeLeft', [dx, dy]) : emitSwipeEvents(content, 'swipeRight', [dx, dy]); + } + + content.delta[0] = false; + } + // check if there was a top/bottom swipe + if(content.delta && (content.delta[1] || content.delta[1] === 0)) { + var y = getSign(dy - content.delta[1]); + + if(Math.abs(dy - content.delta[1]) > 30) { + (y < 0) ? emitSwipeEvents(content, 'swipeUp', [dx, dy]) : emitSwipeEvents(content, 'swipeDown', [dx, dy]); + } + + content.delta[1] = false; + } + // emit drag end event + emitSwipeEvents(content, 'dragEnd', [dx, dy]); + content.dragging = false; + }; + + function drag(content, event) { + if(!content.dragging) return; + // emit dragging event with coordinates + (!window.requestAnimationFrame) + ? content.intervalId = setTimeout(function(){emitDrag.bind(content, event);}, 250) + : content.intervalId = window.requestAnimationFrame(emitDrag.bind(content, event)); + }; + + function emitDrag(event) { + emitSwipeEvents(this, 'dragging', [parseInt(unify(event).clientX), parseInt(unify(event).clientY)]); + }; + + function unify(event) { + // unify mouse and touch events + return event.changedTouches ? event.changedTouches[0] : event; + }; + + function emitSwipeEvents(content, eventName, detail, el) { + var trigger = false; + if(el) trigger = el; + // emit event with coordinates + var event = new CustomEvent(eventName, {detail: {x: detail[0], y: detail[1], origin: trigger}}); + content.element.dispatchEvent(event); + }; + + function getSign(x) { + if(!Math.sign) { + return ((x > 0) - (x < 0)) || +x; + } else { + return Math.sign(x); + } + }; + + window.SwipeContent = SwipeContent; + + //initialize the SwipeContent objects + var swipe = document.getElementsByClassName('js-swipe-content'); + if( swipe.length > 0 ) { + for( var i = 0; i < swipe.length; i++) { + (function(i){new SwipeContent(swipe[i]);})(i); + } + } +}()); +// File#: _1_switch-icon +// Usage: codyhouse.co/license +(function() { + var switchIcons = document.getElementsByClassName('js-switch-icon'); + if( switchIcons.length > 0 ) { + for(var i = 0; i < switchIcons.length; i++) {(function(i){ + if( !switchIcons[i].classList.contains('switch-icon--hover') ) initswitchIcons(switchIcons[i]); + })(i);} + + function initswitchIcons(btn) { + btn.addEventListener('click', function(event){ + event.preventDefault(); + var status = !btn.classList.contains('switch-icon--state-b'); + btn.classList.toggle('switch-icon--state-b', status); + // emit custom event + var event = new CustomEvent('switch-icon-clicked', {detail: status}); + btn.dispatchEvent(event); + }); + }; + } +}()); +if(!Util) function Util () {}; + +Util.addClass = function(el, className) { + var classList = className.split(' '); + el.classList.add(classList[0]); + if (classList.length > 1) Util.addClass(el, classList.slice(1).join(' ')); +}; + +Util.removeClass = function(el, className) { + var classList = className.split(' '); + el.classList.remove(classList[0]); + if (classList.length > 1) Util.removeClass(el, classList.slice(1).join(' ')); +}; + +Util.addClass = function(el, className) { + var classList = className.split(' '); + el.classList.add(classList[0]); + if (classList.length > 1) Util.addClass(el, classList.slice(1).join(' ')); +}; + +Util.toggleClass = function(el, className, bool) { + if(bool) Util.addClass(el, className); + else Util.removeClass(el, className); +}; + +Util.setAttributes = function(el, attrs) { + for(var key in attrs) { + el.setAttribute(key, attrs[key]); + } +}; + +Util.hasClass = function(el, className) { + return el.classList.contains(className); +}; + +Util.getChildrenByClassName = function(el, className) { + var children = el.children, + childrenByClass = []; + for (var i = 0; i < children.length; i++) { + if (Util.hasClass(children[i], className)) childrenByClass.push(children[i]); + } + return childrenByClass; +}; + +Util.getIndexInArray = function(array, el) { + return Array.prototype.indexOf.call(array, el); +}; + + +// File#: _1_tabs +// Usage: codyhouse.co/license +(function() { + var Tab = function(element) { + this.element = element; + this.tabList = this.element.getElementsByClassName('js-tabs__controls')[0]; + this.listItems = this.tabList.getElementsByTagName('li'); + this.triggers = this.tabList.getElementsByTagName('a'); + this.panelsList = this.element.getElementsByClassName('js-tabs__panels')[0]; + this.panels = Util.getChildrenByClassName(this.panelsList, 'js-tabs__panel'); + this.hideClass = this.element.getAttribute('data-hide-panel-class') ? this.element.getAttribute('data-hide-panel-class') : 'is-hidden'; + this.customShowClass = this.element.getAttribute('data-show-panel-class') ? this.element.getAttribute('data-show-panel-class') : false; + this.layout = this.element.getAttribute('data-tabs-layout') ? this.element.getAttribute('data-tabs-layout') : 'horizontal'; + // deep linking options + this.deepLinkOn = this.element.getAttribute('data-deep-link') == 'on'; + // init tabs + this.initTab(); + }; + + Tab.prototype.initTab = function() { + //set initial aria attributes + this.tabList.setAttribute('role', 'tablist'); + Util.addClass(this.element, 'tabs--no-interaction'); + + for( var i = 0; i < this.triggers.length; i++) { + var bool = (i == 0), + panelId = this.panels[i].getAttribute('id'); + this.listItems[i].setAttribute('role', 'presentation'); + Util.setAttributes(this.triggers[i], {'role': 'tab', 'aria-selected': bool, 'aria-controls': panelId, 'id': 'tab-'+panelId}); + Util.addClass(this.triggers[i], 'js-tabs__trigger'); + Util.setAttributes(this.panels[i], {'role': 'tabpanel', 'aria-labelledby': 'tab-'+panelId}); + Util.toggleClass(this.panels[i], this.hideClass, !bool) + + if(bool && this.customShowClass) Util.addClass(this.panels[i], this.customShowClass); + + if(!bool) this.triggers[i].setAttribute('tabindex', '-1'); + } + + //listen for Tab events + this.initTabEvents(); + + // check deep linking option + this.initDeepLink(); + }; + + Tab.prototype.initTabEvents = function() { + var self = this; + //click on a new tab -> select content + this.tabList.addEventListener('click', function(event) { + if( event.target.closest('.js-tabs__trigger') ) self.triggerTab(event.target.closest('.js-tabs__trigger'), event); + }); + //arrow keys to navigate through tabs + this.tabList.addEventListener('keydown', function(event) { + ; + if( !event.target.closest('.js-tabs__trigger') ) return; + if( tabNavigateNext(event, self.layout) ) { + event.preventDefault(); + self.selectNewTab('next'); + } else if( tabNavigatePrev(event, self.layout) ) { + event.preventDefault(); + self.selectNewTab('prev'); + } + }); + }; + + Tab.prototype.selectNewTab = function(direction) { + var selectedTab = this.tabList.querySelector('[aria-selected="true"]'), + index = Util.getIndexInArray(this.triggers, selectedTab); + index = (direction == 'next') ? index + 1 : index - 1; + //make sure index is in the correct interval + //-> from last element go to first using the right arrow, from first element go to last using the left arrow + if(index < 0) index = this.listItems.length - 1; + if(index >= this.listItems.length) index = 0; + this.triggerTab(this.triggers[index]); + this.triggers[index].focus(); + }; + + Tab.prototype.triggerTab = function(tabTrigger, event) { + var self = this; + event && event.preventDefault(); + var index = Util.getIndexInArray(this.triggers, tabTrigger); + //no need to do anything if tab was already selected + if(this.triggers[index].getAttribute('aria-selected') == 'true') return; + + Util.removeClass(this.element, 'tabs--no-interaction'); + + for( var i = 0; i < this.triggers.length; i++) { + var bool = (i == index); + Util.toggleClass(this.panels[i], this.hideClass, !bool); + if(this.customShowClass) Util.toggleClass(this.panels[i], this.customShowClass, bool); + this.triggers[i].setAttribute('aria-selected', bool); + bool ? this.triggers[i].setAttribute('tabindex', '0') : this.triggers[i].setAttribute('tabindex', '-1'); + } + + // update url if deepLink is on + if(this.deepLinkOn) { + history.replaceState(null, '', '#'+tabTrigger.getAttribute('aria-controls')); + } + }; + + Tab.prototype.initDeepLink = function() { + if(!this.deepLinkOn) return; + var hash = window.location.hash.substr(1); + var self = this; + if(!hash || hash == '') return; + for(var i = 0; i < this.panels.length; i++) { + if(this.panels[i].getAttribute('id') == hash) { + this.triggerTab(this.triggers[i], false); + setTimeout(function(){self.panels[i].scrollIntoView(true);}); + break; + } + }; + }; + + function tabNavigateNext(event, layout) { + if(layout == 'horizontal' && (event.keyCode && event.keyCode == 39 || event.key && event.key == 'ArrowRight')) {return true;} + else if(layout == 'vertical' && (event.keyCode && event.keyCode == 40 || event.key && event.key == 'ArrowDown')) {return true;} + else {return false;} + }; + + function tabNavigatePrev(event, layout) { + if(layout == 'horizontal' && (event.keyCode && event.keyCode == 37 || event.key && event.key == 'ArrowLeft')) {return true;} + else if(layout == 'vertical' && (event.keyCode && event.keyCode == 38 || event.key && event.key == 'ArrowUp')) {return true;} + else {return false;} + }; + + window.Tab = Tab; + + //initialize the Tab objects + var tabs = document.getElementsByClassName('js-tabs'); + if( tabs.length > 0 ) { + for( var i = 0; i < tabs.length; i++) { + (function(i){new Tab(tabs[i]);})(i); + } + } +}()); +// File#: _2_flexi-header +// Usage: codyhouse.co/license +(function() { + var flexHeader = document.getElementsByClassName('js-f-header'); + if(flexHeader.length > 0) { + var menuTrigger = flexHeader[0].getElementsByClassName('js-anim-menu-btn')[0], + firstFocusableElement = getMenuFirstFocusable(); + + // we'll use these to store the node that needs to receive focus when the mobile menu is closed + var focusMenu = false; + + resetFlexHeaderOffset(); + setAriaButtons(); + + menuTrigger.addEventListener('anim-menu-btn-clicked', function(event){ + toggleMenuNavigation(event.detail); + }); + + // listen for key events + window.addEventListener('keyup', function(event){ + // listen for esc key + if( (event.keyCode && event.keyCode == 27) || (event.key && event.key.toLowerCase() == 'escape' )) { + // close navigation on mobile if open + if(menuTrigger.getAttribute('aria-expanded') == 'true' && isVisible(menuTrigger)) { + focusMenu = menuTrigger; // move focus to menu trigger when menu is close + menuTrigger.click(); + } + } + // listen for tab key + if( (event.keyCode && event.keyCode == 9) || (event.key && event.key.toLowerCase() == 'tab' )) { + // close navigation on mobile if open when nav loses focus + if(menuTrigger.getAttribute('aria-expanded') == 'true' && isVisible(menuTrigger) && !document.activeElement.closest('.js-f-header')) menuTrigger.click(); + } + }); + + // detect click on a dropdown control button - expand-on-mobile only + flexHeader[0].addEventListener('click', function(event){ + var btnLink = event.target.closest('.js-f-header__dropdown-control'); + if(!btnLink) return; + !btnLink.getAttribute('aria-expanded') ? btnLink.setAttribute('aria-expanded', 'true') : btnLink.removeAttribute('aria-expanded'); + }); + + // detect mouseout from a dropdown control button - expand-on-mobile only + flexHeader[0].addEventListener('mouseout', function(event){ + var btnLink = event.target.closest('.js-f-header__dropdown-control'); + if(!btnLink) return; + // check layout type + if(getLayout() == 'mobile') return; + btnLink.removeAttribute('aria-expanded'); + }); + + // close dropdown on focusout - expand-on-mobile only + flexHeader[0].addEventListener('focusin', function(event){ + var btnLink = event.target.closest('.js-f-header__dropdown-control'), + dropdown = event.target.closest('.f-header__dropdown'); + if(dropdown) return; + if(btnLink && btnLink.hasAttribute('aria-expanded')) return; + // check layout type + if(getLayout() == 'mobile') return; + var openDropdown = flexHeader[0].querySelector('.js-f-header__dropdown-control[aria-expanded="true"]'); + if(openDropdown) openDropdown.removeAttribute('aria-expanded'); + }); + + // listen for resize + var resizingId = false; + window.addEventListener('resize', function() { + clearTimeout(resizingId); + resizingId = setTimeout(doneResizing, 500); + }); + + function getMenuFirstFocusable() { + var focusableEle = flexHeader[0].getElementsByClassName('f-header__nav')[0].querySelectorAll('[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex]:not([tabindex="-1"]), [contenteditable], audio[controls], video[controls], summary'), + firstFocusable = false; + for(var i = 0; i < focusableEle.length; i++) { + if( focusableEle[i].offsetWidth || focusableEle[i].offsetHeight || focusableEle[i].getClientRects().length ) { + firstFocusable = focusableEle[i]; + break; + } + } + + return firstFocusable; + }; + + function isVisible(element) { + return (element.offsetWidth || element.offsetHeight || element.getClientRects().length); + }; + + function doneResizing() { + if( !isVisible(menuTrigger) && flexHeader[0].classList.contains('f-header--expanded')) { + menuTrigger.click(); + } + resetFlexHeaderOffset(); + }; + + function toggleMenuNavigation(bool) { // toggle menu visibility on small devices + document.getElementsByClassName('f-header__nav')[0].classList.toggle('f-header__nav--is-visible', bool); + flexHeader[0].classList.toggle('f-header--expanded', bool); + menuTrigger.setAttribute('aria-expanded', bool); + if(bool) firstFocusableElement.focus(); // move focus to first focusable element + else if(focusMenu) { + focusMenu.focus(); + focusMenu = false; + } + }; + + function resetFlexHeaderOffset() { + // on mobile -> update max height of the flexi header based on its offset value (e.g., if there's a fixed pre-header element) + document.documentElement.style.setProperty('--f-header-offset', flexHeader[0].getBoundingClientRect().top+'px'); + }; + + function setAriaButtons() { + var btnDropdown = flexHeader[0].getElementsByClassName('js-f-header__dropdown-control'); + for(var i = 0; i < btnDropdown.length; i++) { + var id = 'f-header-dropdown-'+i, + dropdown = btnDropdown[i].nextElementSibling; + if(dropdown.hasAttribute('id')) { + id = dropdown.getAttribute('id'); + } else { + dropdown.setAttribute('id', id); + } + btnDropdown[i].setAttribute('aria-controls', id); + } + }; + + function getLayout() { + return getComputedStyle(flexHeader[0], ':before').getPropertyValue('content').replace(/\'|"/g, ''); + }; + } + }()); +// File#: _2_gallery-v2 +// Usage: codyhouse.co/license +(function() { + var ParallaxCard = function(element) { + this.element = element; + this.bgCard = this.element.getElementsByClassName('js-gallery-v2__icon-bg'); + this.deltaTranslate = 10; + if(this.bgCard.length < 1) return; + initParallaxCard(this); + }; + + function initParallaxCard(element) { + // init the CursorFx object + new CursorFx({ + target: element.element, + objects: [{element: element.bgCard[0], effect: 'parallax', delta: element.deltaTranslate}] + }); + }; + + // init ParallaxCard object + var parallaxcard = document.getElementsByClassName('js-gallery-v2__img-wrapper'); + if( parallaxcard.length > 0 ) { + for( var i = 0; i < parallaxcard.length; i++) { + new ParallaxCard(parallaxcard[i]); + } + } + }()); +// File#: _2_main-header-v3 +// Usage: codyhouse.co/license +(function() { + var mainHeader = document.getElementsByClassName('js-header-v3'); + if(mainHeader.length > 0) { + var menuTrigger = mainHeader[0].getElementsByClassName('js-toggle-menu')[0], + searchTrigger = mainHeader[0].getElementsByClassName('js-toggle-search'), + navigation = mainHeader[0].getElementsByClassName('header-v3__nav')[0]; + + // we'll use these to store the node that needs to receive focus when the mobile menu/search input are closed + var focusSearch = false, + focusMenu = false; + + // set delays for list items inside navigation -> mobile animation + var navItems = getChildrenByClassName(navigation.getElementsByClassName('header-v3__nav-list')[0], 'header-v3__nav-item'); + for(var i = 0; i < navItems.length; i++) { + setTransitionDelay(navItems[i], i); + } + // toggle navigation on mobile + menuTrigger.addEventListener('switch-icon-clicked', function(event){ // toggle menu visibility an small devices + toggleNavigation(event.detail); + }); + // toggle search on desktop + if(searchTrigger.length > 0) { + searchTrigger[0].addEventListener('switch-icon-clicked', function(event){ // toggle menu visibility an small devices + toggleSearch(event.detail); + }); + } + + window.addEventListener('keyup', function(event){ + // listen for esc key events + if( (event.keyCode && event.keyCode == 27) || (event.key && event.key.toLowerCase() == 'escape' )) { + // close navigation on mobile if open + if(menuTrigger.getAttribute('aria-expanded') == 'true' && isVisible(menuTrigger)) { + focusMenu = menuTrigger; // move focus to menu trigger when menu is close + menuTrigger.click(); + } + // close search if open + if(searchTrigger.length > 0 && searchTrigger[0].getAttribute('aria-expanded') == 'true' && isVisible(searchTrigger[0])) { + focusSearch = searchTrigger[0]; // move focus to search trigger when search is close + searchTrigger[0].click(); + } + } + // listen for tab key + if( (event.keyCode && event.keyCode == 9) || (event.key && event.key.toLowerCase() == 'tab' )) { + // close navigation on mobile if open when nav loses focus + if(menuTrigger.getAttribute('aria-expanded') == 'true' && isVisible(menuTrigger) && !document.activeElement.closest('.js-header-v3')) menuTrigger.click(); + } + }); + + // listen for resize + var resizingId = false; + window.addEventListener('resize', function() { + clearTimeout(resizingId); + resizingId = setTimeout(doneResizing, 300); + }); + + function toggleNavigation(bool) { + navigation.classList.add('header-v3__nav--is-visible'); + menuTrigger.classList.add('switch-icon--disabled'); + menuTrigger.setAttribute('aria-expanded', bool); + // animate navigation height + var finalHeight = bool ? window.innerHeight: 0, + initHeight = bool ? 0 : window.innerHeight; + navigation.style.height = initHeight+'px'; + + setTimeout(function(){ + navigation.style.height = finalHeight+'px'; + navigation.classList.toggle('header-v3__nav--animate-children', bool); + }, 50); + + navigation.addEventListener('transitionend', function cb(event){ + if (event.propertyName !== 'height') return; + if(finalHeight > 0) { + var firstFocusableElement = getMenuFirstFocusable(); + firstFocusableElement.focus(); // move focus to first focusable element + } else { + navigation.classList.remove('header-v3__nav--is-visible', 'header-v3__nav--animate-children'); + if(focusMenu) { // we may need to move the focus to a new element + focusMenu.focus(); + focusMenu = false; + } + } + + navigation.removeEventListener('transitionend', cb); + navigation.removeAttribute('style'); + menuTrigger.classList.remove('switch-icon--disabled'); + }); + // toggle expanded class to header + mainHeader[0].classList.toggle('header-v3--expanded', bool); + }; + + function toggleSearch(bool){ + searchTrigger[0].classList.add('switch-icon--disabled'); + mainHeader[0].classList.toggle('header-v3--show-search', bool); + searchTrigger[0].setAttribute('aria-expanded', bool); + mainHeader[0].addEventListener('transitionend', function cb(){ + mainHeader[0].removeEventListener('transitionend', cb); + searchTrigger[0].classList.remove('switch-icon--disabled'); + if(bool) mainHeader[0].getElementsByClassName('header-v3__nav-item--search-form')[0].getElementsByTagName('input')[0].focus(); + else if(focusSearch) {// move focus to a new element when closing the search + focusSearch.focus(); + focusSearch = false; + } + }); + + // toggle expanded class to header + mainHeader[0].classList.toggle('header-v3--expanded', bool); + }; + + function doneResizing() { + // check if main nav is visible (small devices only) + if( !isVisible(menuTrigger) && menuTrigger.getAttribute('aria-expanded') == 'true') menuTrigger.click(); + // check if search input is visible + if( searchTrigger.length > 0 && !isVisible(searchTrigger[0]) && searchTrigger[0].getAttribute('aria-expanded') == 'true') searchTrigger[0].click(); + }; + + function getMenuFirstFocusable() { + var focusableEle = mainHeader[0].getElementsByClassName('header-v3__nav')[0].querySelectorAll('[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex]:not([tabindex="-1"]), [contenteditable], audio[controls], video[controls], summary'), + firstFocusable = false; + for(var i = 0; i < focusableEle.length; i++) { + if( focusableEle[i].offsetWidth || focusableEle[i].offsetHeight || focusableEle[i].getClientRects().length ) { + firstFocusable = focusableEle[i]; + break; + } + } + + return firstFocusable; + }; + + function setTransitionDelay(element, index) { + element.style.transitionDelay = parseFloat((index/20) + 0.1).toFixed(2)+'s'; + }; + + function isVisible(element) { + return (element.offsetWidth || element.offsetHeight || element.getClientRects().length); + }; + + function getChildrenByClassName(el, className) { + var children = el.children, + childrenByClass = []; + for (var i = 0; i < children.length; i++) { + if (children[i].classList.contains(className)) childrenByClass.push(children[i]); + } + return childrenByClass; + }; + } +}()); +if(!Util) function Util () {}; + +Util.hasClass = function(el, className) { + return el.classList.contains(className); +}; + +Util.addClass = function(el, className) { + var classList = className.split(' '); + el.classList.add(classList[0]); + if (classList.length > 1) Util.addClass(el, classList.slice(1).join(' ')); +}; + +Util.removeClass = function(el, className) { + var classList = className.split(' '); + el.classList.remove(classList[0]); + if (classList.length > 1) Util.removeClass(el, classList.slice(1).join(' ')); +}; + +Util.setAttributes = function(el, attrs) { + for(var key in attrs) { + el.setAttribute(key, attrs[key]); + } +}; + +Util.moveFocus = function (element) { + if( !element ) element = document.getElementsByTagName('body')[0]; + element.focus(); + if (document.activeElement !== element) { + element.setAttribute('tabindex','-1'); + element.focus(); + } +}; + + +Util.getIndexInArray = function(array, el) { + return Array.prototype.indexOf.call(array, el); +}; + + +Util.cssSupports = function(property, value) { + return CSS.supports(property, value); +}; + +Util.extend = function() { + var extended = {}; + var deep = false; + var i = 0; + var length = arguments.length; + + if ( Object.prototype.toString.call( arguments[0] ) === '[object Boolean]' ) { + deep = arguments[0]; + i++; + } + + var merge = function (obj) { + for ( var prop in obj ) { + if ( Object.prototype.hasOwnProperty.call( obj, prop ) ) { + if ( deep && Object.prototype.toString.call(obj[prop]) === '[object Object]' ) { + extended[prop] = extend( true, extended[prop], obj[prop] ); + } else { + extended[prop] = obj[prop]; + } + } + } + }; + + for ( ; i < length; i++ ) { + var obj = arguments[i]; + merge(obj); + } + + return extended; +}; + +// File#: _2_slideshow +// Usage: codyhouse.co/license +(function() { + var Slideshow = function(opts) { + this.options = Util.extend(Slideshow.defaults , opts); + this.element = this.options.element; + this.items = this.element.getElementsByClassName('js-slideshow__item'); + this.controls = this.element.getElementsByClassName('js-slideshow__control'); + this.selectedSlide = 0; + this.autoplayId = false; + this.autoplayPaused = false; + this.navigation = false; + this.navCurrentLabel = false; + this.ariaLive = false; + this.moveFocus = false; + this.animating = false; + this.supportAnimation = Util.cssSupports('transition'); + this.animationOff = (!Util.hasClass(this.element, 'slideshow--transition-fade') && !Util.hasClass(this.element, 'slideshow--transition-slide') && !Util.hasClass(this.element, 'slideshow--transition-prx')); + this.animationType = Util.hasClass(this.element, 'slideshow--transition-prx') ? 'prx' : 'slide'; + this.animatingClass = 'slideshow--is-animating'; + initSlideshow(this); + initSlideshowEvents(this); + initAnimationEndEvents(this); + }; + + Slideshow.prototype.showNext = function() { + showNewItem(this, this.selectedSlide + 1, 'next'); + }; + + Slideshow.prototype.showPrev = function() { + showNewItem(this, this.selectedSlide - 1, 'prev'); + }; + + Slideshow.prototype.showItem = function(index) { + showNewItem(this, index, false); + }; + + Slideshow.prototype.startAutoplay = function() { + var self = this; + if(this.options.autoplay && !this.autoplayId && !this.autoplayPaused) { + self.autoplayId = setInterval(function(){ + self.showNext(); + }, self.options.autoplayInterval); + } + }; + + Slideshow.prototype.pauseAutoplay = function() { + var self = this; + if(this.options.autoplay) { + clearInterval(self.autoplayId); + self.autoplayId = false; + } + }; + + function initSlideshow(slideshow) { // basic slideshow settings + // if no slide has been selected -> select the first one + if(slideshow.element.getElementsByClassName('slideshow__item--selected').length < 1) Util.addClass(slideshow.items[0], 'slideshow__item--selected'); + slideshow.selectedSlide = Util.getIndexInArray(slideshow.items, slideshow.element.getElementsByClassName('slideshow__item--selected')[0]); + // create an element that will be used to announce the new visible slide to SR + var srLiveArea = document.createElement('div'); + Util.setAttributes(srLiveArea, {'class': 'sr-only js-slideshow__aria-live', 'aria-live': 'polite', 'aria-atomic': 'true'}); + slideshow.element.appendChild(srLiveArea); + slideshow.ariaLive = srLiveArea; + }; + + function initSlideshowEvents(slideshow) { + // if slideshow navigation is on -> create navigation HTML and add event listeners + if(slideshow.options.navigation) { + // check if navigation has already been included + if(slideshow.element.getElementsByClassName('js-slideshow__navigation').length == 0) { + var navigation = document.createElement('ol'), + navChildren = ''; + + var navClasses = slideshow.options.navigationClass+' js-slideshow__navigation'; + if(slideshow.items.length <= 1) { + navClasses = navClasses + ' is-hidden'; + } + + navigation.setAttribute('class', navClasses); + for(var i = 0; i < slideshow.items.length; i++) { + var className = (i == slideshow.selectedSlide) ? 'class="'+slideshow.options.navigationItemClass+' '+slideshow.options.navigationItemClass+'--selected js-slideshow__nav-item"' : 'class="'+slideshow.options.navigationItemClass+' js-slideshow__nav-item"', + navCurrentLabel = (i == slideshow.selectedSlide) ? 'Current Item' : ''; + navChildren = navChildren + '
    • '; + } + navigation.innerHTML = navChildren; + slideshow.element.appendChild(navigation); + } + + slideshow.navCurrentLabel = slideshow.element.getElementsByClassName('js-slideshow__nav-current-label')[0]; + slideshow.navigation = slideshow.element.getElementsByClassName('js-slideshow__nav-item'); + + var dotsNavigation = slideshow.element.getElementsByClassName('js-slideshow__navigation')[0]; + + dotsNavigation.addEventListener('click', function(event){ + navigateSlide(slideshow, event, true); + }); + dotsNavigation.addEventListener('keyup', function(event){ + navigateSlide(slideshow, event, (event.key.toLowerCase() == 'enter')); + }); + } + // slideshow arrow controls + if(slideshow.controls.length > 0) { + // hide controls if one item available + if(slideshow.items.length <= 1) { + Util.addClass(slideshow.controls[0], 'is-hidden'); + Util.addClass(slideshow.controls[1], 'is-hidden'); + } + slideshow.controls[0].addEventListener('click', function(event){ + event.preventDefault(); + slideshow.showPrev(); + updateAriaLive(slideshow); + }); + slideshow.controls[1].addEventListener('click', function(event){ + event.preventDefault(); + slideshow.showNext(); + updateAriaLive(slideshow); + }); + } + // swipe events + if(slideshow.options.swipe) { + //init swipe + new SwipeContent(slideshow.element); + slideshow.element.addEventListener('swipeLeft', function(event){ + slideshow.showNext(); + }); + slideshow.element.addEventListener('swipeRight', function(event){ + slideshow.showPrev(); + }); + } + // autoplay + if(slideshow.options.autoplay) { + slideshow.startAutoplay(); + // pause autoplay if user is interacting with the slideshow + if(!slideshow.options.autoplayOnHover) { + slideshow.element.addEventListener('mouseenter', function(event){ + slideshow.pauseAutoplay(); + slideshow.autoplayPaused = true; + }); + slideshow.element.addEventListener('mouseleave', function(event){ + slideshow.autoplayPaused = false; + slideshow.startAutoplay(); + }); + } + if(!slideshow.options.autoplayOnFocus) { + slideshow.element.addEventListener('focusin', function(event){ + slideshow.pauseAutoplay(); + slideshow.autoplayPaused = true; + }); + slideshow.element.addEventListener('focusout', function(event){ + slideshow.autoplayPaused = false; + slideshow.startAutoplay(); + }); + } + } + // detect if external buttons control the slideshow + var slideshowId = slideshow.element.getAttribute('id'); + if(slideshowId) { + var externalControls = document.querySelectorAll('[data-controls="'+slideshowId+'"]'); + for(var i = 0; i < externalControls.length; i++) { + (function(i){externalControlSlide(slideshow, externalControls[i]);})(i); + } + } + // custom event to trigger selection of a new slide element + slideshow.element.addEventListener('selectNewItem', function(event){ + // check if slide is already selected + if(event.detail) { + if(event.detail - 1 == slideshow.selectedSlide) return; + showNewItem(slideshow, event.detail - 1, false); + } + }); + + // keyboard navigation + slideshow.element.addEventListener('keydown', function(event){ + if(event.keyCode && event.keyCode == 39 || event.key && event.key.toLowerCase() == 'arrowright') { + slideshow.showNext(); + } else if(event.keyCode && event.keyCode == 37 || event.key && event.key.toLowerCase() == 'arrowleft') { + slideshow.showPrev(); + } + }); + }; + + function navigateSlide(slideshow, event, keyNav) { + // user has interacted with the slideshow navigation -> update visible slide + var target = ( Util.hasClass(event.target, 'js-slideshow__nav-item') ) ? event.target : event.target.closest('.js-slideshow__nav-item'); + if(keyNav && target && !Util.hasClass(target, 'slideshow__nav-item--selected')) { + slideshow.showItem(Util.getIndexInArray(slideshow.navigation, target)); + slideshow.moveFocus = true; + updateAriaLive(slideshow); + } + }; + + function initAnimationEndEvents(slideshow) { + // remove animation classes at the end of a slide transition + for( var i = 0; i < slideshow.items.length; i++) { + (function(i){ + slideshow.items[i].addEventListener('animationend', function(){resetAnimationEnd(slideshow, slideshow.items[i]);}); + slideshow.items[i].addEventListener('transitionend', function(){resetAnimationEnd(slideshow, slideshow.items[i]);}); + })(i); + } + }; + + function resetAnimationEnd(slideshow, item) { + setTimeout(function(){ // add a delay between the end of animation and slideshow reset - improve animation performance + if(Util.hasClass(item,'slideshow__item--selected')) { + if(slideshow.moveFocus) Util.moveFocus(item); + emitSlideshowEvent(slideshow, 'newItemVisible', slideshow.selectedSlide); + slideshow.moveFocus = false; + } + Util.removeClass(item, 'slideshow__item--'+slideshow.animationType+'-out-left slideshow__item--'+slideshow.animationType+'-out-right slideshow__item--'+slideshow.animationType+'-in-left slideshow__item--'+slideshow.animationType+'-in-right'); + item.removeAttribute('aria-hidden'); + slideshow.animating = false; + Util.removeClass(slideshow.element, slideshow.animatingClass); + }, 100); + }; + + function showNewItem(slideshow, index, bool) { + if(slideshow.items.length <= 1) return; + if(slideshow.animating && slideshow.supportAnimation) return; + slideshow.animating = true; + Util.addClass(slideshow.element, slideshow.animatingClass); + if(index < 0) index = slideshow.items.length - 1; + else if(index >= slideshow.items.length) index = 0; + // skip slideshow item if it is hidden + if(bool && Util.hasClass(slideshow.items[index], 'is-hidden')) { + slideshow.animating = false; + index = bool == 'next' ? index + 1 : index - 1; + showNewItem(slideshow, index, bool); + return; + } + // index of new slide is equal to index of slide selected item + if(index == slideshow.selectedSlide) { + slideshow.animating = false; + return; + } + var exitItemClass = getExitItemClass(slideshow, bool, slideshow.selectedSlide, index); + var enterItemClass = getEnterItemClass(slideshow, bool, slideshow.selectedSlide, index); + // transition between slides + if(!slideshow.animationOff) Util.addClass(slideshow.items[slideshow.selectedSlide], exitItemClass); + Util.removeClass(slideshow.items[slideshow.selectedSlide], 'slideshow__item--selected'); + slideshow.items[slideshow.selectedSlide].setAttribute('aria-hidden', 'true'); //hide to sr element that is exiting the viewport + if(slideshow.animationOff) { + Util.addClass(slideshow.items[index], 'slideshow__item--selected'); + } else { + Util.addClass(slideshow.items[index], enterItemClass+' slideshow__item--selected'); + } + // reset slider navigation appearance + resetSlideshowNav(slideshow, index, slideshow.selectedSlide); + slideshow.selectedSlide = index; + // reset autoplay + slideshow.pauseAutoplay(); + slideshow.startAutoplay(); + // reset controls/navigation color themes + resetSlideshowTheme(slideshow, index); + // emit event + emitSlideshowEvent(slideshow, 'newItemSelected', slideshow.selectedSlide); + if(slideshow.animationOff) { + slideshow.animating = false; + Util.removeClass(slideshow.element, slideshow.animatingClass); + } + }; + + function getExitItemClass(slideshow, bool, oldIndex, newIndex) { + var className = ''; + if(bool) { + className = (bool == 'next') ? 'slideshow__item--'+slideshow.animationType+'-out-right' : 'slideshow__item--'+slideshow.animationType+'-out-left'; + } else { + className = (newIndex < oldIndex) ? 'slideshow__item--'+slideshow.animationType+'-out-left' : 'slideshow__item--'+slideshow.animationType+'-out-right'; + } + return className; + }; + + function getEnterItemClass(slideshow, bool, oldIndex, newIndex) { + var className = ''; + if(bool) { + className = (bool == 'next') ? 'slideshow__item--'+slideshow.animationType+'-in-right' : 'slideshow__item--'+slideshow.animationType+'-in-left'; + } else { + className = (newIndex < oldIndex) ? 'slideshow__item--'+slideshow.animationType+'-in-left' : 'slideshow__item--'+slideshow.animationType+'-in-right'; + } + return className; + }; + + function resetSlideshowNav(slideshow, newIndex, oldIndex) { + if(slideshow.navigation) { + Util.removeClass(slideshow.navigation[oldIndex], 'slideshow__nav-item--selected'); + Util.addClass(slideshow.navigation[newIndex], 'slideshow__nav-item--selected'); + slideshow.navCurrentLabel.parentElement.removeChild(slideshow.navCurrentLabel); + slideshow.navigation[newIndex].getElementsByTagName('button')[0].appendChild(slideshow.navCurrentLabel); + } + }; + + function resetSlideshowTheme(slideshow, newIndex) { + var dataTheme = slideshow.items[newIndex].getAttribute('data-theme'); + if(dataTheme) { + if(slideshow.navigation) slideshow.navigation[0].parentElement.setAttribute('data-theme', dataTheme); + if(slideshow.controls[0]) slideshow.controls[0].parentElement.setAttribute('data-theme', dataTheme); + } else { + if(slideshow.navigation) slideshow.navigation[0].parentElement.removeAttribute('data-theme'); + if(slideshow.controls[0]) slideshow.controls[0].parentElement.removeAttribute('data-theme'); + } + }; + + function emitSlideshowEvent(slideshow, eventName, detail) { + var event = new CustomEvent(eventName, {detail: detail}); + slideshow.element.dispatchEvent(event); + }; + + function updateAriaLive(slideshow) { + slideshow.ariaLive.innerHTML = 'Item '+(slideshow.selectedSlide + 1)+' of '+slideshow.items.length; + }; + + function externalControlSlide(slideshow, button) { // control slideshow using external element + button.addEventListener('click', function(event){ + var index = button.getAttribute('data-index'); + if(!index || index == slideshow.selectedSlide + 1) return; + event.preventDefault(); + showNewItem(slideshow, index - 1, false); + }); + }; + + Slideshow.defaults = { + element : '', + navigation : true, + autoplay : false, + autoplayOnHover: false, + autoplayOnFocus: false, + autoplayInterval: 5000, + navigationItemClass: 'slideshow__nav-item', + navigationClass: 'slideshow__navigation', + swipe: false + }; + + window.Slideshow = Slideshow; + + //initialize the Slideshow objects + var slideshows = document.getElementsByClassName('js-slideshow'); + if( slideshows.length > 0 ) { + for( var i = 0; i < slideshows.length; i++) { + (function(i){ + var navigation = (slideshows[i].getAttribute('data-navigation') && slideshows[i].getAttribute('data-navigation') == 'off') ? false : true, + autoplay = (slideshows[i].getAttribute('data-autoplay') && slideshows[i].getAttribute('data-autoplay') == 'on') ? true : false, + autoplayOnHover = (slideshows[i].getAttribute('data-autoplay-hover') && slideshows[i].getAttribute('data-autoplay-hover') == 'on') ? true : false, + autoplayOnFocus = (slideshows[i].getAttribute('data-autoplay-focus') && slideshows[i].getAttribute('data-autoplay-focus') == 'on') ? true : false, + autoplayInterval = (slideshows[i].getAttribute('data-autoplay-interval')) ? slideshows[i].getAttribute('data-autoplay-interval') : 5000, + swipe = (slideshows[i].getAttribute('data-swipe') && slideshows[i].getAttribute('data-swipe') == 'on') ? true : false, + navigationItemClass = slideshows[i].getAttribute('data-navigation-item-class') ? slideshows[i].getAttribute('data-navigation-item-class') : 'slideshow__nav-item', + navigationClass = slideshows[i].getAttribute('data-navigation-class') ? slideshows[i].getAttribute('data-navigation-class') : 'slideshow__navigation'; + new Slideshow({element: slideshows[i], navigation: navigation, autoplay : autoplay, autoplayOnHover: autoplayOnHover, autoplayOnFocus: autoplayOnFocus, autoplayInterval : autoplayInterval, swipe : swipe, navigationItemClass: navigationItemClass, navigationClass: navigationClass}); + })(i); + } + } +}()); +// File#: _3_hiding-nav +// Usage: codyhouse.co/license +(function() { + var hidingNav = document.getElementsByClassName('js-hide-nav'); + if(hidingNav.length > 0 && window.requestAnimationFrame) { + var mainNav = Array.prototype.filter.call(hidingNav, function(element) { + return element.classList.contains('js-hide-nav--main'); + }), + subNav = Array.prototype.filter.call(hidingNav, function(element) { + return element.classList.contains('js-hide-nav--sub'); + }); + + var scrolling = false, + previousTop = window.scrollY, + currentTop = window.scrollY, + scrollDelta = 10, + scrollOffset = 150, // scrollY needs to be bigger than scrollOffset to hide navigation + headerHeight = 0; + + var navIsFixed = false; // check if main navigation is fixed + if(mainNav.length > 0 && mainNav[0].classList.contains('hide-nav--fixed')) navIsFixed = true; + + // store button that triggers navigation on mobile + var triggerMobile = getTriggerMobileMenu(); + var prevElement = createPrevElement(); + var mainNavTop = 0; + // list of classes the hide-nav has when it is expanded -> do not hide if it has those classes + var navOpenClasses = hidingNav[0].getAttribute('data-nav-target-class'), + navOpenArrayClasses = []; + if(navOpenClasses) navOpenArrayClasses = navOpenClasses.split(' '); + getMainNavTop(); + if(mainNavTop > 0) { + scrollOffset = scrollOffset + mainNavTop; + } + + // init navigation and listen to window scroll event + getHeaderHeight(); + initSecondaryNav(); + initFixedNav(); + resetHideNav(); + window.addEventListener('scroll', function(event){ + if(scrolling) return; + scrolling = true; + window.requestAnimationFrame(resetHideNav); + }); + + window.addEventListener('resize', function(event){ + if(scrolling) return; + scrolling = true; + window.requestAnimationFrame(function(){ + if(headerHeight > 0) { + getMainNavTop(); + getHeaderHeight(); + initSecondaryNav(); + initFixedNav(); + } + // reset both navigation + hideNavScrollUp(); + + scrolling = false; + }); + }); + + function getHeaderHeight() { + headerHeight = mainNav[0].offsetHeight; + }; + + function initSecondaryNav() { // if there's a secondary nav, set its top equal to the header height + if(subNav.length < 1 || mainNav.length < 1) return; + subNav[0].style.top = (headerHeight - 1)+'px'; + }; + + function initFixedNav() { + if(!navIsFixed || mainNav.length < 1) return; + mainNav[0].style.marginBottom = '-'+headerHeight+'px'; + }; + + function resetHideNav() { // check if navs need to be hidden/revealed + currentTop = window.scrollY; + if(currentTop - previousTop > scrollDelta && currentTop > scrollOffset) { + hideNavScrollDown(); + } else if( previousTop - currentTop > scrollDelta || (previousTop - currentTop > 0 && currentTop < scrollOffset) ) { + hideNavScrollUp(); + } else if( previousTop - currentTop > 0 && subNav.length > 0 && subNav[0].getBoundingClientRect().top > 0) { + setTranslate(subNav[0], '0%'); + } + // if primary nav is fixed -> toggle bg class + if(navIsFixed) { + var scrollTop = window.scrollY || window.pageYOffset; + mainNav[0].classList.toggle('hide-nav--has-bg', (scrollTop > headerHeight + mainNavTop)); + } + previousTop = currentTop; + scrolling = false; + }; + + function hideNavScrollDown() { + // if there's a secondary nav -> it has to reach the top before hiding nav + if( subNav.length > 0 && subNav[0].getBoundingClientRect().top > headerHeight) return; + // on mobile -> hide navigation only if dropdown is not open + if(triggerMobile && triggerMobile.getAttribute('aria-expanded') == "true") return; + // check if main nav has one of the following classes + if( mainNav.length > 0 && (!navOpenClasses || !checkNavExpanded())) { + setTranslate(mainNav[0], '-100%'); + mainNav[0].addEventListener('transitionend', addOffCanvasClass); + } + if( subNav.length > 0 ) setTranslate(subNav[0], '-'+headerHeight+'px'); + }; + + function hideNavScrollUp() { + if( mainNav.length > 0 ) {setTranslate(mainNav[0], '0%'); mainNav[0].classList.remove('hide-nav--off-canvas');mainNav[0].removeEventListener('transitionend', addOffCanvasClass);} + if( subNav.length > 0 ) setTranslate(subNav[0], '0%'); + }; + + function addOffCanvasClass() { + mainNav[0].removeEventListener('transitionend', addOffCanvasClass); + mainNav[0].classList.add('hide-nav--off-canvas'); + }; + + function setTranslate(element, val) { + element.style.transform = 'translateY('+val+')'; + }; + + function getTriggerMobileMenu() { + // store trigger that toggle mobile navigation dropdown + var triggerMobileClass = hidingNav[0].getAttribute('data-mobile-trigger'); + if(!triggerMobileClass) return false; + if(triggerMobileClass.indexOf('#') == 0) { // get trigger by ID + var trigger = document.getElementById(triggerMobileClass.replace('#', '')); + if(trigger) return trigger; + } else { // get trigger by class name + var trigger = hidingNav[0].getElementsByClassName(triggerMobileClass); + if(trigger.length > 0) return trigger[0]; + } + + return false; + }; + + function createPrevElement() { + // create element to be inserted right before the mainNav to get its top value + if( mainNav.length < 1) return false; + var newElement = document.createElement("div"); + newElement.setAttribute('aria-hidden', 'true'); + mainNav[0].parentElement.insertBefore(newElement, mainNav[0]); + var prevElement = mainNav[0].previousElementSibling; + prevElement.style.opacity = '0'; + return prevElement; + }; + + function getMainNavTop() { + if(!prevElement) return; + mainNavTop = prevElement.getBoundingClientRect().top + window.scrollY; + }; + + function checkNavExpanded() { + var navIsOpen = false; + for(var i = 0; i < navOpenArrayClasses.length; i++){ + if(mainNav[0].classList.contains(navOpenArrayClasses[i].trim())) { + navIsOpen = true; + break; + } + } + return navIsOpen; + }; + + } else { + // if window requestAnimationFrame is not supported -> add bg class to fixed header + var mainNav = document.getElementsByClassName('js-hide-nav--main'); + if(mainNav.length < 1) return; + if(mainNav[0].classList.contains('hide-nav--fixed')) mainNav[0].classList.add('hide-nav--has-bg'); + } + }()); +// File#: _3_looping-slideshow +// Usage: codyhouse.co/license +(function() { + var LoopSlideshow = function(element) { + this.element = element; + this.slideshowObj = false; + this.navItems = this.element.getElementsByClassName('js-slideshow__nav-item'); + this.autoplayInterval = 5000; + this.autoplayPaused = false; + this.fillingCSS = '--loop-slideshow-filling'; + this.pauseBtnClass = 'js-loop-slideshow__pause-btn'; + this.pauseBtn = this.element.getElementsByClassName(this.pauseBtnClass); + this.animating = false; + this.currentTime = false; + + initLoopSlideshow(this); + initEvents(this); + }; + + function initLoopSlideshow(obj) { + var autoplay = true, + autoplayInterval = (obj.element.getAttribute('data-autoplay-interval')) ? obj.element.getAttribute('data-autoplay-interval') : obj.autoplayInterval, + swipe = (obj.element.getAttribute('data-swipe') && obj.element.getAttribute('data-swipe') == 'on') ? true : false; + obj.slideshowObj = new Slideshow({element: obj.element, navigation: true, autoplay : autoplay, autoplayInterval : autoplayInterval, swipe : swipe, navigationClass: 'loop-slideshow__navigation', navigationItemClass: 'loop-slideshow__nav-item', autoplayOnHover: true, autoplayOnFocus: true}); + // update autoplay interval + obj.autoplayInterval = autoplayInterval; + // filling effect for first item + initFilling(obj, obj.slideshowObj.selectedSlide); + }; + + function initEvents(obj) { + obj.element.addEventListener('newItemSelected', function(event){ + // new slide has been selected + initFilling(obj, event.detail); + toggleAutoplay(obj, false); + }); + + // custom click on image -> animate slideshow + obj.element.addEventListener('click', function(event){ + if(event.target.closest('.js-loop-slideshow__pause-btn')) { + toggleAutoplay(obj, !obj.autoplayPaused); // pause/play autoplay + } else if(event.target.closest('.js-slideshow__item')) { + showNewSlide(obj, event); + } + }); + }; + + function initFilling(obj, index) { + cancelFilling(obj); + + for(var i = 0; i < obj.navItems.length; i++) { + setFilling(obj.navItems[i], obj.fillingCSS, 0); + } + // trigger animation + obj.currentTime = false; + animateFilling(obj, index); + }; + + function cancelFilling(obj) { + if(obj.animating) { // clear previous animation + window.cancelAnimationFrame(obj.animating); + obj.animating = false; + } + }; + + function animateFilling(obj, index) { + obj.animating = window.requestAnimationFrame(function(timestamp){ + if(!obj.currentTime) obj.currentTime = timestamp; + var progress = timestamp - obj.currentTime; + if(progress > obj.autoplayInterval) progress = obj.autoplayInterval; + setFilling(obj.navItems[index], obj.fillingCSS, (progress/obj.autoplayInterval).toFixed(3)); + + if(progress < obj.autoplayInterval) { + animateFilling(obj, index); + } else { + // animation is over + obj.animating = false; + obj.currentTime = false; + } + }); + }; + + function setFilling(element, property, value) { + element.style.setProperty(property, value); + }; + + function showNewSlide(obj, event) { + // check if we should go next or prev + var boundingRect = obj.element.getBoundingClientRect(), + isNext = event.clientX > boundingRect.left + boundingRect.width/2; + + isNext ? obj.slideshowObj.showNext() : obj.slideshowObj.showPrev(); + }; + + function toggleAutoplay(obj, bool) { + obj.autoplayPaused = bool; + if(obj.autoplayPaused) { + cancelFilling(obj); + obj.slideshowObj.pauseAutoplay(); + } else { + obj.slideshowObj.startAutoplay(); + initFilling(obj, obj.slideshowObj.selectedSlide); + } + if(obj.pauseBtn.length > 0) { + // update btn appearance + obj.pauseBtn[0].classList.toggle('btn-states--state-b', obj.autoplayPaused); + // update pressed status + obj.autoplayPaused ? obj.pauseBtn[0].setAttribute('aria-pressed', 'true'): obj.pauseBtn[0].setAttribute('aria-pressed', 'false'); + } + }; + + //initialize the ThumbSlideshow objects + var slideshow = document.getElementsByClassName('js-loop-slideshow'); + if( slideshow.length > 0 ) { + for( var i = 0; i < slideshow.length; i++) { + (function(i){ + new LoopSlideshow(slideshow[i]); + })(i); + } + } + }()); \ No newline at end of file diff --git a/src/assets/js/scripts.min.js b/src/assets/js/scripts.min.js new file mode 100644 index 0000000..0aa81a5 --- /dev/null +++ b/src/assets/js/scripts.min.js @@ -0,0 +1 @@ +function Util(){}function resetFocusTabsStyle(){window.dispatchEvent(new CustomEvent("initFocusTabs"))}function initGoogleMap(){var e=document.getElementsByClassName("js-google-maps");if(0{var n=document.getElementsByClassName("js-tab-focus"),e=!1,t=!1,i=!1;function s(){0{var e=document.getElementsByClassName("js-anim-menu-btn");if(0{var i;(i=e[t]).addEventListener("click",function(e){e.preventDefault();var t=!i.classList.contains("anim-menu-btn--state-b"),e=(i.classList.toggle("anim-menu-btn--state-b",t),new CustomEvent("anim-menu-btn-clicked",{detail:t}));i.dispatchEvent(e)})})()})(),window.CursorFx=function(e){var a;this.target=e.target,this.objects=e.objects,this.animating=!1,this.animatingId=!1,this.rotateValue=[],(a=this).target.addEventListener("mousemove",function(e){a.animating||(a.animating=!0,a.animatingId=window.requestAnimationFrame(function(e){this.targetInfo=this.target.getBoundingClientRect();for(var t=0;t{var s,a,l,o,r,d="parallax";"parallax"==(d=t.effect?t.effect:d)?(s=e,a=t,l=i,o=2*(r=parseInt(a.delta))/s.targetInfo.width*(s.targetInfo.left+s.targetInfo.width/2-l.clientX),r=2*r/s.targetInfo.height*(s.targetInfo.top+s.targetInfo.height/2-l.clientY),a.direction&&"follow"==a.direction&&(o*=-1,r*=-1),a.element.style.transform="translateX("+o+"px) translateY("+r+"px)"):"follow"!=d?"rotate"==d&&((e,t,i,n)=>{var s=(a=t.element.getBoundingClientRect()).left+a.width/2,a=a.top+a.height/2,s=Math.atan2(i.pageX-s,-(i.pageY-a))*(180/Math.PI);!1===e.rotateValue[n]&&(e.rotateValue[n]=s),s-=e.rotateValue[n],t.element.style.transform="rotate("+s+"deg)"})(e,t,i,n):(d=i,n=(e=t).element.getBoundingClientRect(),e.element.style.transform="translateX("+parseInt(d.clientX-n.width/2)+"px) translateY("+parseInt(d.clientY-n.height/2)+"px)")})(this,this.objects[t],e,t);this.animating=!1}.bind(a,e)))}),a.target.addEventListener("mouseleave",function(e){a.animatingId&&(window.cancelAnimationFrame(a.animatingId),a.animatingId=!1,a.animating=!1);for(var t=a,i=0;i{var e,t,i,n=document.getElementsByClassName("js-cursor-fx-target");0{function e(e){this.element=e,this.targets=document.querySelectorAll('[data-custom-cursor="'+this.element.getAttribute("id")+'"]'),this.target=!1,this.moving=!1,this.inClass="c-cursor--in",this.outClass="c-cursor--out",this.positionClass="c-cursor--";var t=this;if(0!=t.targets.length)for(var i=0;i{function e(e){var t;this.element=e,this.media=this.element.getElementsByClassName("js-immerse-section-tr__media"),this.scrollContent=this.element.getElementsByClassName("js-immerse-section-tr__content"),this.media.length<1||(this.figure=this.media[0].getElementsByClassName("js-immerse-section-tr__figure"),this.figure.length<1)||(this.visibleFigure=!1,this.mediaScale=1,this.mediaInitHeight=0,this.elementPadding=0,this.scrollingFn=!1,this.scrolling=!1,this.active=!1,this.scrollDelta=0,e=t=this,0==parseInt(window.getComputedStyle(e.element).getPropertyValue("padding-top"))&&(e.element.style.paddingTop="1px"),i(t),t.element.addEventListener("update-immerse-section",function(e){i(t)}),new IntersectionObserver(function(e){e[0].isIntersecting?this.scrollingFn||(e=>{e.scrollingFn=function(){this.scrolling||(this.scrolling=!0,window.requestAnimationFrame(o.bind(this)))}.bind(e),window.addEventListener("scroll",e.scrollingFn)})(this):this.scrollingFn&&(window.removeEventListener("scroll",this.scrollingFn),this.scrollingFn=!1)}.bind(t)).observe(t.media[0]))}function i(e){var t=e;t.visibleFigure=!1;for(var i=0;i=window.innerHeight&&(a.active=!1),600<=window.innerHeight-a.visibleFigure.offsetHeight&&(a.active=!1),e.active?(e.element.classList.remove("immerse-section-tr--disabled"),(a=e).mediaInitHeight=a.visibleFigure.offsetHeight,a.scrollDelta=window.innerHeight-a.visibleFigure.offsetHeight>window.innerWidth-a.visibleFigure.offsetWidth?(window.innerHeight-a.visibleFigure.offsetHeight)/2:(window.innerWidth-a.visibleFigure.offsetWidth)/2,window.innerHeighte-this.scrollDelta?(r(this,1+(t-e)*(1-this.mediaScale)/this.scrollDelta),d(this,0)):e<=t?(r(this,1),d(this,0)):(r(this,this.mediaScale),d(this,1.8*(e-this.scrollDelta-t)/window.innerHeight)),this.scrolling=!1)}function r(e,t){e.visibleFigure.style.transform="scale("+t+")",e.visibleFigure.style.msTransform="scale("+t+")"}function d(e,t){e.element.style.setProperty("--immerse-section-tr-opacity",t)}var t,n=document.getElementsByClassName("js-immerse-section-tr"),s=window.matchMedia("(prefers-reduced-motion: reduce)").matches,a="IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype;if(!(n.length<1))if(!s&&a){for(var c,m,u=[],h=0;h{function e(e){this.element=e,this.list=this.element.getElementsByClassName("js-masonry__list")[0],this.items=this.element.getElementsByClassName("js-masonry__item"),this.activeColumns=0,this.colStartWidth=0,this.colWidth=0,this.colGap=0,this.colHeights=[],this.colItems=[],this.flexSupported=(e=this.items[0],"auto"!=window.getComputedStyle(e).getPropertyValue("flex-basis")),i(this),n(this);var t=this;t.flexSupported?s(t):t.element.classList.add("masonry--loaded"),t.element.addEventListener("masonry-resize",function(){i(t),n(t),t.flexSupported&&a(t)}),t.element.addEventListener("masonry-reset",function(e){i(t),n(t),t.flexSupported&&s(t)}),document.fonts&&(document.fonts.onloadingdone=function(e){t.masonryLaid&&(i(t),n(t),t.flexSupported)&&a(t)})}function i(e){var t=window.getComputedStyle(e.items[0]);0==e.colStartWidth&&(e.colStartWidth=parseFloat(t.getPropertyValue("width"))),e.colGap=parseFloat(t.getPropertyValue("margin-right"))}function n(e){var t=parseFloat(window.getComputedStyle(e.element).getPropertyValue("width"));e.activeColumns=parseInt((t+e.colGap)/(e.colStartWidth+e.colGap)),0==e.activeColumns&&(e.activeColumns=1),e.colWidth=parseFloat((t-(e.activeColumns-1)*e.colGap)/e.activeColumns);for(var i=0;i{function e(e){this.element=e,this.itemsList=this.element.getElementsByClassName("js-s-panels__projects-list"),this.items=this.itemsList[0].getElementsByClassName("js-s-panels__project-preview"),this.navigationToggle=this.element.getElementsByClassName("js-s-panels__nav-control"),this.navigation=this.element.getElementsByClassName("js-s-panels__nav-wrapper"),this.transitionLayer=this.element.getElementsByClassName("js-s-panels__overlay-layer"),this.selectedSection=!1,this.animating=!1,this.toggleAriaLabels=["Toggle navigation","Close Project"];var a=this;0{if(0{for(var a=[],e=[],t=0;t{if(!a.length)for(var e=0;e{setTimeout(function(){n.items[l[i]].classList.toggle("s-panels__project-preview--hide",s);var e=n.items[l[i]],t=s;t?e.setAttribute("aria-hidden","true"):e.removeAttribute("aria-hidden"),0<(e=e.getElementsByClassName("js-s-panels__project-control")).length&&(t?e[0].setAttribute("tabindex","-1"):e[0].removeAttribute("tabindex")),a&&i==l.length-1&&n.items[l[i]].addEventListener("transitionend",function e(){"transform"==event.propertyName&&(a&&a(),n.items[l[i]].removeEventListener("transitionend",e))})},100*i)})(t)}var t=document.getElementsByClassName("js-s-panels");if(0{function e(e){if(this.element=e,this.contentList=this.element.getElementsByClassName("js-sticky-feature__content-list"),this.assetsList=this.element.getElementsByClassName("js-sticky-feature__media-list"),!(this.contentList.length<1||this.assetsList.length<1)){this.contentItems=this.contentList[0].getElementsByClassName("js-sticky-feature__content-item"),this.assetItems=this.assetsList[0].getElementsByClassName("js-sticky-feature__media-item"),this.titleItems=this.contentList[0].getElementsByClassName("js-sticky-feature__title"),this.activeSectionClass="sticky-feature-current-item",this.bindScroll=!1,this.scrolling=!1;var s=this;new IntersectionObserver(function(e){e[0].isIntersecting?this.bindScroll||(i(this),(e=>{e.bindScroll||(e.bindScroll=function(e){var t=this;this.scrolling||(this.scrolling=!0,window.requestAnimationFrame(function(){i(t),t.scrolling=!1}))}.bind(e),window.addEventListener("scroll",e.bindScroll))})(this)):this.bindScroll&&((e=>{e.bindScroll&&(window.removeEventListener("scroll",e.bindScroll),e.bindScroll=!1)})(this),a(this))}.bind(s)).observe(s.contentList[0]);for(var t=0;t{s.titleItems[n].addEventListener("click",function(e){var t,i;i=n,(t=s).assetsList[0].offsetWidth<1||window.scrollBy({top:t.titleItems[i].getBoundingClientRect().top-window.innerHeight/2+10,behavior:"smooth"})})})(t)}}function i(e){a(e);for(var t,i,n=[],s=0;s{function e(e){this.element=e,this.delta=[!1,!1],this.dragging=!1,this.intervalId=!1,(e=this).element.addEventListener("mousedown",r.bind(e)),e.element.addEventListener("touchstart",r.bind(e),{passive:!0})}function r(e){switch(e.type){case"mousedown":case"touchstart":s=e,(n=this).dragging=!0;var t=n;t.element.addEventListener("mousemove",r.bind(t)),t.element.addEventListener("touchmove",r.bind(t),{passive:!0}),t.element.addEventListener("mouseup",r.bind(t)),t.element.addEventListener("mouseleave",r.bind(t)),t.element.addEventListener("touchend",r.bind(t)),n.delta=[parseInt(c(s).clientX),parseInt(c(s).clientY)],m(n,"dragStart",n.delta,s.target);break;case"mousemove":case"touchmove":o=e,(l=this).dragging&&(window.requestAnimationFrame?l.intervalId=window.requestAnimationFrame(d.bind(l,o)):l.intervalId=setTimeout(function(){d.bind(l,o)},250));break;case"mouseup":case"mouseleave":case"touchend":var i,t=this,n=e,s=t,a=(s.intervalId&&(window.requestAnimationFrame?window.cancelAnimationFrame(s.intervalId):clearInterval(s.intervalId),s.intervalId=!1),s.element.removeEventListener("mousemove",r.bind(s)),s.element.removeEventListener("touchmove",r.bind(s)),s.element.removeEventListener("mouseup",r.bind(s)),s.element.removeEventListener("mouseleave",r.bind(s)),s.element.removeEventListener("touchend",r.bind(s)),parseInt(c(n).clientX)),n=parseInt(c(n).clientY);t.delta&&(t.delta[0]||0===t.delta[0])&&(i=u(a-t.delta[0]),30{var t=document.getElementsByClassName("js-switch-icon");if(0{var i;t[e].classList.contains("switch-icon--hover")||(i=t[e]).addEventListener("click",function(e){e.preventDefault();var t=!i.classList.contains("switch-icon--state-b"),e=(i.classList.toggle("switch-icon--state-b",t),new CustomEvent("switch-icon-clicked",{detail:t}));i.dispatchEvent(e)})})(e)})();{function Util(){}}Util.addClass=function(e,t){t=t.split(" ");e.classList.add(t[0]),1{function e(e){this.element=e,this.tabList=this.element.getElementsByClassName("js-tabs__controls")[0],this.listItems=this.tabList.getElementsByTagName("li"),this.triggers=this.tabList.getElementsByTagName("a"),this.panelsList=this.element.getElementsByClassName("js-tabs__panels")[0],this.panels=Util.getChildrenByClassName(this.panelsList,"js-tabs__panel"),this.hideClass=this.element.getAttribute("data-hide-panel-class")?this.element.getAttribute("data-hide-panel-class"):"is-hidden",this.customShowClass=!!this.element.getAttribute("data-show-panel-class")&&this.element.getAttribute("data-show-panel-class"),this.layout=this.element.getAttribute("data-tabs-layout")?this.element.getAttribute("data-tabs-layout"):"horizontal",this.deepLinkOn="on"==this.element.getAttribute("data-deep-link"),this.initTab()}e.prototype.initTab=function(){this.tabList.setAttribute("role","tablist"),Util.addClass(this.element,"tabs--no-interaction");for(var e=0;e=this.listItems.length&&(t=0),this.triggerTab(this.triggers[t]),this.triggers[t].focus()},e.prototype.triggerTab=function(e,t){t&&t.preventDefault();var i=Util.getIndexInArray(this.triggers,e);if("true"!=this.triggers[i].getAttribute("aria-selected")){Util.removeClass(this.element,"tabs--no-interaction");for(var n=0;n{var n=document.getElementsByClassName("js-f-header");if(0{for(var e=n[0].getElementsByClassName("f-header__nav")[0].querySelectorAll('[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex]:not([tabindex="-1"]), [contenteditable], audio[controls], video[controls], summary'),t=!1,i=0;i{function e(e){this.element=e,this.bgCard=this.element.getElementsByClassName("js-gallery-v2__icon-bg"),this.deltaTranslate=10,this.bgCard.length<1||(e=this,new CursorFx({target:e.element,objects:[{element:e.bgCard[0],effect:"parallax",delta:e.deltaTranslate}]}))}var t=document.getElementsByClassName("js-gallery-v2__img-wrapper");if(0{var e,t,n=document.getElementsByClassName("js-header-v3");if(0{for(var i=e.children,n=[],s=0;s{for(var e=n[0].getElementsByClassName("header-v3__nav")[0].querySelectorAll('[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex]:not([tabindex="-1"]), [contenteditable], audio[controls], video[controls], summary'),t=!1,i=0;i{function m(e){this.options=Util.extend(m.defaults,e),this.element=this.options.element,this.items=this.element.getElementsByClassName("js-slideshow__item"),this.controls=this.element.getElementsByClassName("js-slideshow__control"),this.selectedSlide=0,this.autoplayId=!1,this.autoplayPaused=!1,this.navigation=!1,this.navCurrentLabel=!1,this.ariaLive=!1,this.moveFocus=!1,this.animating=!1,this.supportAnimation=Util.cssSupports("transition"),this.animationOff=!Util.hasClass(this.element,"slideshow--transition-fade")&&!Util.hasClass(this.element,"slideshow--transition-slide")&&!Util.hasClass(this.element,"slideshow--transition-prx"),this.animationType=Util.hasClass(this.element,"slideshow--transition-prx")?"prx":"slide",this.animatingClass="slideshow--is-animating";(e=this).element.getElementsByClassName("slideshow__item--selected").length<1&&Util.addClass(e.items[0],"slideshow__item--selected"),e.selectedSlide=Util.getIndexInArray(e.items,e.element.getElementsByClassName("slideshow__item--selected")[0]);var t=document.createElement("div"),s=(Util.setAttributes(t,{class:"sr-only js-slideshow__aria-live","aria-live":"polite","aria-atomic":"true"}),e.element.appendChild(t),e.ariaLive=t,this);if(s.options.navigation){if(0==s.element.getElementsByClassName("js-slideshow__navigation").length){var i=document.createElement("ol"),n="",a=s.options.navigationClass+" js-slideshow__navigation";s.items.length<=1&&(a+=" is-hidden"),i.setAttribute("class",a);for(var l=0;l"}i.innerHTML=n,s.element.appendChild(i)}s.navCurrentLabel=s.element.getElementsByClassName("js-slideshow__nav-current-label")[0],s.navigation=s.element.getElementsByClassName("js-slideshow__nav-item");a=s.element.getElementsByClassName("js-slideshow__navigation")[0];a.addEventListener("click",function(e){u(s,e,!0)}),a.addEventListener("keyup",function(e){u(s,e,"enter"==e.key.toLowerCase())})}if(0{var i,n;i=s,(n=r[l]).addEventListener("click",function(e){var t=n.getAttribute("data-index");t&&t!=i.selectedSlide+1&&(e.preventDefault(),g(i,t-1,!1))})})();s.element.addEventListener("selectNewItem",function(e){e.detail&&e.detail-1!=s.selectedSlide&&g(s,e.detail-1,!1)}),s.element.addEventListener("keydown",function(e){e.keyCode&&39==e.keyCode||e.key&&"arrowright"==e.key.toLowerCase()?s.showNext():(e.keyCode&&37==e.keyCode||e.key&&"arrowleft"==e.key.toLowerCase())&&s.showPrev()});for(var d=this,c=0;c{d.items[e].addEventListener("animationend",function(){h(d,d.items[e])}),d.items[e].addEventListener("transitionend",function(){h(d,d.items[e])})})(c)}function u(e,t,i){t=Util.hasClass(t.target,"js-slideshow__nav-item")?t.target:t.target.closest(".js-slideshow__nav-item");i&&t&&!Util.hasClass(t,"slideshow__nav-item--selected")&&(e.showItem(Util.getIndexInArray(e.navigation,t)),e.moveFocus=!0,v(e))}function h(e,t){setTimeout(function(){Util.hasClass(t,"slideshow__item--selected")&&(e.moveFocus&&Util.moveFocus(t),a(e,"newItemVisible",e.selectedSlide),e.moveFocus=!1),Util.removeClass(t,"slideshow__item--"+e.animationType+"-out-left slideshow__item--"+e.animationType+"-out-right slideshow__item--"+e.animationType+"-in-left slideshow__item--"+e.animationType+"-in-right"),t.removeAttribute("aria-hidden"),e.animating=!1,Util.removeClass(e.element,e.animatingClass)},100)}function g(e,t,i){var n,s;e.items.length<=1||e.animating&&e.supportAnimation||(e.animating=!0,Util.addClass(e.element,e.animatingClass),t<0?t=e.items.length-1:t>=e.items.length&&(t=0),i&&Util.hasClass(e.items[t],"is-hidden")?(e.animating=!1,g(e,t="next"==i?t+1:t-1,i)):t==e.selectedSlide?e.animating=!1:(n=((e,t,i,n)=>t?"next"==t?"slideshow__item--"+e.animationType+"-out-right":"slideshow__item--"+e.animationType+"-out-left":nt?"next"==t?"slideshow__item--"+e.animationType+"-in-right":"slideshow__item--"+e.animationType+"-in-left":n{var t,i,n,s,a,l,o,r,e,d,c,m,u,h,g=document.getElementsByClassName("js-hide-nav");function v(){l=u[0].offsetHeight}function p(){t.length<1||u.length<1||(t[0].style.top=l-1+"px")}function f(){!o||u.length<1||(u[0].style.marginBottom="-"+l+"px")}function w(){var e;10<(s=window.scrollY)-n&&al||r&&"true"==r.getAttribute("aria-expanded")||(!(0{for(var e=!1,t=0;t{var e,t=g[0].getAttribute("data-mobile-trigger");if(t)if(0==t.indexOf("#")){if(e=document.getElementById(t.replace("#","")))return e}else if(0<(e=g[0].getElementsByClassName(t)).length)return e[0];return!1})(),e=!(u.length<1)&&((h=document.createElement("div")).setAttribute("aria-hidden","true"),u[0].parentElement.insertBefore(h,u[0]),(h=u[0].previousElementSibling).style.opacity="0",h),c=g[d=0].getAttribute("data-nav-target-class"),m=[],c&&(m=c.split(" ")),L(),0{function e(e){var t,i,n;this.element=e,this.slideshowObj=!1,this.navItems=this.element.getElementsByClassName("js-slideshow__nav-item"),this.autoplayInterval=5e3,this.autoplayPaused=!1,this.fillingCSS="--loop-slideshow-filling",this.pauseBtnClass="js-loop-slideshow__pause-btn",this.pauseBtn=this.element.getElementsByClassName(this.pauseBtnClass),this.animating=!1,this.currentTime=!1,t=(e=this).element.getAttribute("data-autoplay-interval")?e.element.getAttribute("data-autoplay-interval"):e.autoplayInterval,i=!(!e.element.getAttribute("data-swipe")||"on"!=e.element.getAttribute("data-swipe")),e.slideshowObj=new Slideshow({element:e.element,navigation:!0,autoplay:!0,autoplayInterval:t,swipe:i,navigationClass:"loop-slideshow__navigation",navigationItemClass:"loop-slideshow__nav-item",autoplayOnHover:!0,autoplayOnFocus:!0}),e.autoplayInterval=t,s(e,e.slideshowObj.selectedSlide),(n=this).element.addEventListener("newItemSelected",function(e){s(n,e.detail),l(n,!1)}),n.element.addEventListener("click",function(e){var t,i;e.target.closest(".js-loop-slideshow__pause-btn")?l(n,!n.autoplayPaused):e.target.closest(".js-slideshow__item")&&(e=e,i=(t=n).element.getBoundingClientRect(),e.clientX>i.left+i.width/2?t.slideshowObj.showNext():t.slideshowObj.showPrev())})}function s(e,t){n(e);for(var i=0;ii.autoplayInterval&&(e=i.autoplayInterval),a(i.navItems[n],i.fillingCSS,(e/i.autoplayInterval).toFixed(3)),e