commit 2152d89d275e2f80be7ddd3ab88885bbb776b431
Author: xy <271556543@qq.com>
Date: Tue Aug 27 09:05:16 2024 +0800
init
diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..ea6e20f
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,14 @@
+# http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+insert_final_newline = false
+trim_trailing_whitespace = false
diff --git a/.env.development b/.env.development
new file mode 100644
index 0000000..c193d1f
--- /dev/null
+++ b/.env.development
@@ -0,0 +1,7 @@
+# just a flag
+ENV = 'development'
+
+# base api
+VUE_APP_BASE_API='https://cz-hjjc.115.langye.net'
+VUE_APP_UPLOAD_API='https://cz-hjjc.115.langye.net/api/admin/upload-file'
+VUE_APP_PREVIEW=//view.langye.net/preview/onlinePreview
diff --git a/.env.production b/.env.production
new file mode 100644
index 0000000..4c267c0
--- /dev/null
+++ b/.env.production
@@ -0,0 +1,8 @@
+# just a flag
+ENV = 'production'
+
+# base api
+VUE_APP_BASE_API='http://cz-hjjc.115.langye.net'
+VUE_APP_UPLOAD_API='http://cz-hjjc.115.langye.net/api/admin/upload-file'
+VUE_APP_PREVIEW=//view.langye.net/preview/onlinePreview
+
diff --git a/.env.staging b/.env.staging
new file mode 100644
index 0000000..4ef2cb7
--- /dev/null
+++ b/.env.staging
@@ -0,0 +1,9 @@
+NODE_ENV = production
+
+# just a flag
+ENV = 'staging'
+
+# base api
+VUE_APP_BASE_API='http://cz-hjjc.115.langye.net'
+VUE_APP_UPLOAD_API='http://cz-hjjc.115.langye.net/api/admin/upload-file'
+VUE_APP_PREVIEW=//view.langye.net/preview/onlinePreview
diff --git a/.eslintignore b/.eslintignore
new file mode 100644
index 0000000..e6529fc
--- /dev/null
+++ b/.eslintignore
@@ -0,0 +1,4 @@
+build/*.js
+src/assets
+public
+dist
diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 0000000..c977505
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,198 @@
+module.exports = {
+ root: true,
+ parserOptions: {
+ parser: 'babel-eslint',
+ sourceType: 'module'
+ },
+ env: {
+ browser: true,
+ node: true,
+ es6: true,
+ },
+ extends: ['plugin:vue/recommended', 'eslint:recommended'],
+
+ // add your custom rules here
+ //it is base on https://github.com/vuejs/eslint-config-vue
+ rules: {
+ "vue/max-attributes-per-line": [2, {
+ "singleline": 10,
+ "multiline": {
+ "max": 1,
+ "allowFirstLine": false
+ }
+ }],
+ "vue/singleline-html-element-content-newline": "off",
+ "vue/multiline-html-element-content-newline":"off",
+ "vue/name-property-casing": ["error", "PascalCase"],
+ "vue/no-v-html": "off",
+ 'accessor-pairs': 2,
+ 'arrow-spacing': [2, {
+ 'before': true,
+ 'after': true
+ }],
+ 'block-spacing': [2, 'always'],
+ 'brace-style': [2, '1tbs', {
+ 'allowSingleLine': true
+ }],
+ 'camelcase': [0, {
+ 'properties': 'always'
+ }],
+ 'comma-dangle': [2, 'never'],
+ 'comma-spacing': [2, {
+ 'before': false,
+ 'after': true
+ }],
+ 'comma-style': [2, 'last'],
+ 'constructor-super': 2,
+ 'curly': [2, 'multi-line'],
+ 'dot-location': [2, 'property'],
+ 'eol-last': 2,
+ 'eqeqeq': ["error", "always", {"null": "ignore"}],
+ 'generator-star-spacing': [2, {
+ 'before': true,
+ 'after': true
+ }],
+ 'handle-callback-err': [2, '^(err|error)$'],
+ 'indent': [2, 2, {
+ 'SwitchCase': 1
+ }],
+ 'jsx-quotes': [2, 'prefer-single'],
+ 'key-spacing': [2, {
+ 'beforeColon': false,
+ 'afterColon': true
+ }],
+ 'keyword-spacing': [2, {
+ 'before': true,
+ 'after': true
+ }],
+ 'new-cap': [2, {
+ 'newIsCap': true,
+ 'capIsNew': false
+ }],
+ 'new-parens': 2,
+ 'no-array-constructor': 2,
+ 'no-caller': 2,
+ 'no-console': 'off',
+ 'no-class-assign': 2,
+ 'no-cond-assign': 2,
+ 'no-const-assign': 2,
+ 'no-control-regex': 0,
+ 'no-delete-var': 2,
+ 'no-dupe-args': 2,
+ 'no-dupe-class-members': 2,
+ 'no-dupe-keys': 2,
+ 'no-duplicate-case': 2,
+ 'no-empty-character-class': 2,
+ 'no-empty-pattern': 2,
+ 'no-eval': 2,
+ 'no-ex-assign': 2,
+ 'no-extend-native': 2,
+ 'no-extra-bind': 2,
+ 'no-extra-boolean-cast': 2,
+ 'no-extra-parens': [2, 'functions'],
+ 'no-fallthrough': 2,
+ 'no-floating-decimal': 2,
+ 'no-func-assign': 2,
+ 'no-implied-eval': 2,
+ 'no-inner-declarations': [2, 'functions'],
+ 'no-invalid-regexp': 2,
+ 'no-irregular-whitespace': 2,
+ 'no-iterator': 2,
+ 'no-label-var': 2,
+ 'no-labels': [2, {
+ 'allowLoop': false,
+ 'allowSwitch': false
+ }],
+ 'no-lone-blocks': 2,
+ 'no-mixed-spaces-and-tabs': 2,
+ 'no-multi-spaces': 2,
+ 'no-multi-str': 2,
+ 'no-multiple-empty-lines': [2, {
+ 'max': 1
+ }],
+ 'no-native-reassign': 2,
+ 'no-negated-in-lhs': 2,
+ 'no-new-object': 2,
+ 'no-new-require': 2,
+ 'no-new-symbol': 2,
+ 'no-new-wrappers': 2,
+ 'no-obj-calls': 2,
+ 'no-octal': 2,
+ 'no-octal-escape': 2,
+ 'no-path-concat': 2,
+ 'no-proto': 2,
+ 'no-redeclare': 2,
+ 'no-regex-spaces': 2,
+ 'no-return-assign': [2, 'except-parens'],
+ 'no-self-assign': 2,
+ 'no-self-compare': 2,
+ 'no-sequences': 2,
+ 'no-shadow-restricted-names': 2,
+ 'no-spaced-func': 2,
+ 'no-sparse-arrays': 2,
+ 'no-this-before-super': 2,
+ 'no-throw-literal': 2,
+ 'no-trailing-spaces': 2,
+ 'no-undef': 2,
+ 'no-undef-init': 2,
+ 'no-unexpected-multiline': 2,
+ 'no-unmodified-loop-condition': 2,
+ 'no-unneeded-ternary': [2, {
+ 'defaultAssignment': false
+ }],
+ 'no-unreachable': 2,
+ 'no-unsafe-finally': 2,
+ 'no-unused-vars': [2, {
+ 'vars': 'all',
+ 'args': 'none'
+ }],
+ 'no-useless-call': 2,
+ 'no-useless-computed-key': 2,
+ 'no-useless-constructor': 2,
+ 'no-useless-escape': 0,
+ 'no-whitespace-before-property': 2,
+ 'no-with': 2,
+ 'one-var': [2, {
+ 'initialized': 'never'
+ }],
+ 'operator-linebreak': [2, 'after', {
+ 'overrides': {
+ '?': 'before',
+ ':': 'before'
+ }
+ }],
+ 'padded-blocks': [2, 'never'],
+ 'quotes': [2, 'single', {
+ 'avoidEscape': true,
+ 'allowTemplateLiterals': true
+ }],
+ 'semi': [2, 'never'],
+ 'semi-spacing': [2, {
+ 'before': false,
+ 'after': true
+ }],
+ 'space-before-blocks': [2, 'always'],
+ 'space-before-function-paren': [2, 'never'],
+ 'space-in-parens': [2, 'never'],
+ 'space-infix-ops': 2,
+ 'space-unary-ops': [2, {
+ 'words': true,
+ 'nonwords': false
+ }],
+ 'spaced-comment': [2, 'always', {
+ 'markers': ['global', 'globals', 'eslint', 'eslint-disable', '*package', '!', ',']
+ }],
+ 'template-curly-spacing': [2, 'never'],
+ 'use-isnan': 2,
+ 'valid-typeof': 2,
+ 'wrap-iife': [2, 'any'],
+ 'yield-star-spacing': [2, 'both'],
+ 'yoda': [2, 'never'],
+ 'prefer-const': 2,
+ 'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
+ 'object-curly-spacing': [2, 'always', {
+ objectsInObjects: false
+ }],
+ 'array-bracket-spacing': [2, 'never']
+ }
+}
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..9ad28d2
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,16 @@
+.DS_Store
+node_modules/
+dist/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+package-lock.json
+tests/**/coverage/
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
diff --git a/.travis.yml b/.travis.yml
new file mode 100644
index 0000000..f4be7a0
--- /dev/null
+++ b/.travis.yml
@@ -0,0 +1,5 @@
+language: node_js
+node_js: 10
+script: npm run test
+notifications:
+ email: false
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..6151575
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017-present PanJiaChen
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README-zh.md b/README-zh.md
new file mode 100644
index 0000000..1beec9b
--- /dev/null
+++ b/README-zh.md
@@ -0,0 +1,111 @@
+# vue-admin-template
+
+> 这是一个极简的 vue admin 管理后台。它只包含了 Element UI & axios & iconfont & permission control & lint,这些搭建后台必要的东西。
+
+[线上地址](http://panjiachen.github.io/vue-admin-template)
+
+[国内访问](https://panjiachen.gitee.io/vue-admin-template)
+
+目前版本为 `v4.0+` 基于 `vue-cli` 进行构建,若你想使用旧版本,可以切换分支到[tag/3.11.0](https://github.com/PanJiaChen/vue-admin-template/tree/tag/3.11.0),它不依赖 `vue-cli`。
+
+
+ SPONSORED BY
+
+
+
+
+
+
+
+## Extra
+
+如果你想要根据用户角色来动态生成侧边栏和 router,你可以使用该分支[permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control)
+
+## 相关项目
+
+- [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
+
+- [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
+
+- [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template)
+
+- [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312)
+
+写了一个系列的教程配套文章,如何从零构建后一个完整的后台项目:
+
+- [手摸手,带你用 vue 撸后台 系列一(基础篇)](https://juejin.im/post/59097cd7a22b9d0065fb61d2)
+- [手摸手,带你用 vue 撸后台 系列二(登录权限篇)](https://juejin.im/post/591aa14f570c35006961acac)
+- [手摸手,带你用 vue 撸后台 系列三 (实战篇)](https://juejin.im/post/593121aa0ce4630057f70d35)
+- [手摸手,带你用 vue 撸后台 系列四(vueAdmin 一个极简的后台基础模板,专门针对本项目的文章,算作是一篇文档)](https://juejin.im/post/595b4d776fb9a06bbe7dba56)
+- [手摸手,带你封装一个 vue component](https://segmentfault.com/a/1190000009090836)
+
+## Build Setup
+
+```bash
+# 克隆项目
+git clone https://github.com/PanJiaChen/vue-admin-template.git
+
+# 进入项目目录
+cd vue-admin-template
+
+# 安装依赖
+npm install
+
+# 建议不要直接使用 cnpm 安装以来,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
+npm install --registry=https://registry.npm.taobao.org
+
+# 启动服务
+npm run dev
+```
+
+浏览器访问 [http://localhost:9528](http://localhost:9528)
+
+## 发布
+
+```bash
+# 构建测试环境
+npm run build:stage
+
+# 构建生产环境
+npm run build:prod
+```
+
+## 其它
+
+```bash
+# 预览发布环境效果
+npm run preview
+
+# 预览发布环境效果 + 静态资源分析
+npm run preview -- --report
+
+# 代码格式检查
+npm run lint
+
+# 代码格式检查并自动修复
+npm run lint -- --fix
+```
+
+更多信息请参考 [使用文档](https://panjiachen.github.io/vue-element-admin-site/zh/)
+
+## 购买贴纸
+
+你也可以通过 购买[官方授权的贴纸](https://smallsticker.com/product/vue-element-admin) 的方式来支持 vue-element-admin - 每售出一张贴纸,我们将获得 2 元的捐赠。
+
+## Demo
+
+
+
+## Browsers support
+
+Modern browsers and Internet Explorer 10+.
+
+| [
](http://godban.github.io/browsers-support-badges/)IE / Edge | [
](http://godban.github.io/browsers-support-badges/)Firefox | [
](http://godban.github.io/browsers-support-badges/)Chrome | [
](http://godban.github.io/browsers-support-badges/)Safari |
+| --------- | --------- | --------- | --------- |
+| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions
+
+## License
+
+[MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license.
+
+Copyright (c) 2017-present PanJiaChen
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..fa54b78
--- /dev/null
+++ b/README.md
@@ -0,0 +1,99 @@
+# vue-admin-template
+
+English | [简体中文](./README-zh.md)
+
+> A minimal vue admin template with Element UI & axios & iconfont & permission control & lint
+
+**Live demo:** http://panjiachen.github.io/vue-admin-template
+
+
+**The current version is `v4.0+` build on `vue-cli`. If you want to use the old version , you can switch branch to [tag/3.11.0](https://github.com/PanJiaChen/vue-admin-template/tree/tag/3.11.0), it does not rely on `vue-cli`**
+
+
+ SPONSORED BY
+
+
+
+
+
+
+
+## Build Setup
+
+```bash
+# clone the project
+git clone https://github.com/PanJiaChen/vue-admin-template.git
+
+# enter the project directory
+cd vue-admin-template
+
+# install dependency
+npm install
+
+# develop
+npm run dev
+```
+
+This will automatically open http://localhost:9528
+
+## Build
+
+```bash
+# build for test environment
+npm run build:stage
+
+# build for production environment
+npm run build:prod
+```
+
+## Advanced
+
+```bash
+# preview the release environment effect
+npm run preview
+
+# preview the release environment effect + static resource analysis
+npm run preview -- --report
+
+# code format check
+npm run lint
+
+# code format check and auto fix
+npm run lint -- --fix
+```
+
+Refer to [Documentation](https://panjiachen.github.io/vue-element-admin-site/guide/essentials/deploy.html) for more information
+
+## Demo
+
+
+
+## Extra
+
+If you want router permission && generate menu by user roles , you can use this branch [permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control)
+
+For `typescript` version, you can use [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) (Credits: [@Armour](https://github.com/Armour))
+
+## Related Project
+
+- [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
+
+- [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
+
+- [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template)
+
+- [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312)
+
+## Browsers support
+
+Modern browsers and Internet Explorer 10+.
+
+| [
](http://godban.github.io/browsers-support-badges/)IE / Edge | [
](http://godban.github.io/browsers-support-badges/)Firefox | [
](http://godban.github.io/browsers-support-badges/)Chrome | [
](http://godban.github.io/browsers-support-badges/)Safari |
+| --------- | --------- | --------- | --------- |
+| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions
+
+## License
+
+[MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license.
+
+Copyright (c) 2017-present PanJiaChen
diff --git a/babel.config.js b/babel.config.js
new file mode 100644
index 0000000..fb82b27
--- /dev/null
+++ b/babel.config.js
@@ -0,0 +1,14 @@
+module.exports = {
+ presets: [
+ // https://github.com/vuejs/vue-cli/tree/master/packages/@vue/babel-preset-app
+ '@vue/cli-plugin-babel/preset'
+ ],
+ 'env': {
+ 'development': {
+ // babel-plugin-dynamic-import-node plugin only does one thing by converting all import() to require().
+ // This plugin can significantly increase the speed of hot updates, when you have a large number of pages.
+ // https://panjiachen.github.io/vue-element-admin-site/guide/advanced/lazy-loading.html
+ 'plugins': ['dynamic-import-node']
+ }
+ }
+}
diff --git a/build/index.js b/build/index.js
new file mode 100644
index 0000000..0c57de2
--- /dev/null
+++ b/build/index.js
@@ -0,0 +1,35 @@
+const { run } = require('runjs')
+const chalk = require('chalk')
+const config = require('../vue.config.js')
+const rawArgv = process.argv.slice(2)
+const args = rawArgv.join(' ')
+
+if (process.env.npm_config_preview || rawArgv.includes('--preview')) {
+ const report = rawArgv.includes('--report')
+
+ run(`vue-cli-service build ${args}`)
+
+ const port = 9526
+ const publicPath = config.publicPath
+
+ var connect = require('connect')
+ var serveStatic = require('serve-static')
+ const app = connect()
+
+ app.use(
+ publicPath,
+ serveStatic('./dist', {
+ index: ['index.html', '/']
+ })
+ )
+
+ app.listen(port, function () {
+ console.log(chalk.green(`> Preview at http://localhost:${port}${publicPath}`))
+ if (report) {
+ console.log(chalk.green(`> Report at http://localhost:${port}${publicPath}report.html`))
+ }
+
+ })
+} else {
+ run(`vue-cli-service build ${args}`)
+}
diff --git a/jest.config.js b/jest.config.js
new file mode 100644
index 0000000..143cdc8
--- /dev/null
+++ b/jest.config.js
@@ -0,0 +1,24 @@
+module.exports = {
+ moduleFileExtensions: ['js', 'jsx', 'json', 'vue'],
+ transform: {
+ '^.+\\.vue$': 'vue-jest',
+ '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$':
+ 'jest-transform-stub',
+ '^.+\\.jsx?$': 'babel-jest'
+ },
+ moduleNameMapper: {
+ '^@/(.*)$': '/src/$1'
+ },
+ snapshotSerializers: ['jest-serializer-vue'],
+ testMatch: [
+ '**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)'
+ ],
+ collectCoverageFrom: ['src/utils/**/*.{js,vue}', '!src/utils/auth.js', '!src/utils/request.js', 'src/components/**/*.{js,vue}'],
+ coverageDirectory: '/tests/unit/coverage',
+ // 'collectCoverage': true,
+ 'coverageReporters': [
+ 'lcov',
+ 'text-summary'
+ ],
+ testURL: 'http://localhost/'
+}
diff --git a/jsconfig.json b/jsconfig.json
new file mode 100644
index 0000000..ed079e2
--- /dev/null
+++ b/jsconfig.json
@@ -0,0 +1,9 @@
+{
+ "compilerOptions": {
+ "baseUrl": "./",
+ "paths": {
+ "@/*": ["src/*"]
+ }
+ },
+ "exclude": ["node_modules", "dist"]
+}
diff --git a/mock/index.js b/mock/index.js
new file mode 100644
index 0000000..c514c13
--- /dev/null
+++ b/mock/index.js
@@ -0,0 +1,57 @@
+const Mock = require('mockjs')
+const { param2Obj } = require('./utils')
+
+const user = require('./user')
+const table = require('./table')
+
+const mocks = [
+ ...user,
+ ...table
+]
+
+// for front mock
+// please use it cautiously, it will redefine XMLHttpRequest,
+// which will cause many of your third-party libraries to be invalidated(like progress event).
+function mockXHR() {
+ // mock patch
+ // https://github.com/nuysoft/Mock/issues/300
+ Mock.XHR.prototype.proxy_send = Mock.XHR.prototype.send
+ Mock.XHR.prototype.send = function() {
+ if (this.custom.xhr) {
+ this.custom.xhr.withCredentials = this.withCredentials || false
+
+ if (this.responseType) {
+ this.custom.xhr.responseType = this.responseType
+ }
+ }
+ this.proxy_send(...arguments)
+ }
+
+ function XHR2ExpressReqWrap(respond) {
+ return function(options) {
+ let result = null
+ if (respond instanceof Function) {
+ const { body, type, url } = options
+ // https://expressjs.com/en/4x/api.html#req
+ result = respond({
+ method: type,
+ body: JSON.parse(body),
+ query: param2Obj(url)
+ })
+ } else {
+ result = respond
+ }
+ return Mock.mock(result)
+ }
+ }
+
+ for (const i of mocks) {
+ Mock.mock(new RegExp(i.url), i.type || 'get', XHR2ExpressReqWrap(i.response))
+ }
+}
+
+module.exports = {
+ mocks,
+ mockXHR
+}
+
diff --git a/mock/mock-server.js b/mock/mock-server.js
new file mode 100644
index 0000000..8941ec0
--- /dev/null
+++ b/mock/mock-server.js
@@ -0,0 +1,81 @@
+const chokidar = require('chokidar')
+const bodyParser = require('body-parser')
+const chalk = require('chalk')
+const path = require('path')
+const Mock = require('mockjs')
+
+const mockDir = path.join(process.cwd(), 'mock')
+
+function registerRoutes(app) {
+ let mockLastIndex
+ const { mocks } = require('./index.js')
+ const mocksForServer = mocks.map(route => {
+ return responseFake(route.url, route.type, route.response)
+ })
+ for (const mock of mocksForServer) {
+ app[mock.type](mock.url, mock.response)
+ mockLastIndex = app._router.stack.length
+ }
+ const mockRoutesLength = Object.keys(mocksForServer).length
+ return {
+ mockRoutesLength: mockRoutesLength,
+ mockStartIndex: mockLastIndex - mockRoutesLength
+ }
+}
+
+function unregisterRoutes() {
+ Object.keys(require.cache).forEach(i => {
+ if (i.includes(mockDir)) {
+ delete require.cache[require.resolve(i)]
+ }
+ })
+}
+
+// for mock server
+const responseFake = (url, type, respond) => {
+ return {
+ url: new RegExp(`${process.env.VUE_APP_BASE_API}${url}`),
+ type: type || 'get',
+ response(req, res) {
+ console.log('request invoke:' + req.path)
+ res.json(Mock.mock(respond instanceof Function ? respond(req, res) : respond))
+ }
+ }
+}
+
+module.exports = app => {
+ // parse app.body
+ // https://expressjs.com/en/4x/api.html#req.body
+ app.use(bodyParser.json())
+ app.use(bodyParser.urlencoded({
+ extended: true
+ }))
+
+ const mockRoutes = registerRoutes(app)
+ var mockRoutesLength = mockRoutes.mockRoutesLength
+ var mockStartIndex = mockRoutes.mockStartIndex
+
+ // watch files, hot reload mock server
+ chokidar.watch(mockDir, {
+ ignored: /mock-server/,
+ ignoreInitial: true
+ }).on('all', (event, path) => {
+ if (event === 'change' || event === 'add') {
+ try {
+ // remove mock routes stack
+ app._router.stack.splice(mockStartIndex, mockRoutesLength)
+
+ // clear routes cache
+ unregisterRoutes()
+
+ const mockRoutes = registerRoutes(app)
+ mockRoutesLength = mockRoutes.mockRoutesLength
+ mockStartIndex = mockRoutes.mockStartIndex
+
+ console.log(chalk.magentaBright(`\n > Mock Server hot reload success! changed ${path}`))
+ } catch (error) {
+ console.log(chalk.redBright(error))
+ }
+ }
+ })
+}
diff --git a/mock/table.js b/mock/table.js
new file mode 100644
index 0000000..bd0e013
--- /dev/null
+++ b/mock/table.js
@@ -0,0 +1,29 @@
+const Mock = require('mockjs')
+
+const data = Mock.mock({
+ 'items|30': [{
+ id: '@id',
+ title: '@sentence(10, 20)',
+ 'status|1': ['published', 'draft', 'deleted'],
+ author: 'name',
+ display_time: '@datetime',
+ pageviews: '@integer(300, 5000)'
+ }]
+})
+
+module.exports = [
+ {
+ url: '/vue-admin-template/table/list',
+ type: 'get',
+ response: config => {
+ const items = data.items
+ return {
+ code: 20000,
+ data: {
+ total: items.length,
+ items: items
+ }
+ }
+ }
+ }
+]
diff --git a/mock/user.js b/mock/user.js
new file mode 100644
index 0000000..7555338
--- /dev/null
+++ b/mock/user.js
@@ -0,0 +1,84 @@
+
+const tokens = {
+ admin: {
+ token: 'admin-token'
+ },
+ editor: {
+ token: 'editor-token'
+ }
+}
+
+const users = {
+ 'admin-token': {
+ roles: ['admin'],
+ introduction: 'I am a super administrator',
+ avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif',
+ name: 'Super Admin'
+ },
+ 'editor-token': {
+ roles: ['editor'],
+ introduction: 'I am an editor',
+ avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif',
+ name: 'Normal Editor'
+ }
+}
+
+module.exports = [
+ // user login
+ {
+ url: '/vue-admin-template/user/login',
+ type: 'post',
+ response: config => {
+ const { username } = config.body
+ const token = tokens[username]
+
+ // mock error
+ if (!token) {
+ return {
+ code: 60204,
+ message: 'Account and password are incorrect.'
+ }
+ }
+
+ return {
+ code: 20000,
+ data: token
+ }
+ }
+ },
+
+ // get user info
+ {
+ url: '/vue-admin-template/user/info\.*',
+ type: 'get',
+ response: config => {
+ const { token } = config.query
+ const info = users[token]
+
+ // mock error
+ if (!info) {
+ return {
+ code: 50008,
+ message: 'Login failed, unable to get user details.'
+ }
+ }
+
+ return {
+ code: 20000,
+ data: info
+ }
+ }
+ },
+
+ // user logout
+ {
+ url: '/vue-admin-template/user/logout',
+ type: 'post',
+ response: _ => {
+ return {
+ code: 20000,
+ data: 'success'
+ }
+ }
+ }
+]
diff --git a/mock/utils.js b/mock/utils.js
new file mode 100644
index 0000000..95cc27d
--- /dev/null
+++ b/mock/utils.js
@@ -0,0 +1,25 @@
+/**
+ * @param {string} url
+ * @returns {Object}
+ */
+function param2Obj(url) {
+ const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ')
+ if (!search) {
+ return {}
+ }
+ const obj = {}
+ const searchArr = search.split('&')
+ searchArr.forEach(v => {
+ const index = v.indexOf('=')
+ if (index !== -1) {
+ const name = v.substring(0, index)
+ const val = v.substring(index + 1, v.length)
+ obj[name] = val
+ }
+ })
+ return obj
+}
+
+module.exports = {
+ param2Obj
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..6efba07
--- /dev/null
+++ b/package.json
@@ -0,0 +1,68 @@
+{
+ "name": "vue-admin-template",
+ "version": "4.4.0",
+ "description": "A vue admin template with Element UI & axios & iconfont & permission control & lint",
+ "author": "Pan ",
+ "scripts": {
+ "dev": "vue-cli-service serve",
+ "build:prod": "vue-cli-service build",
+ "build:stage": "vue-cli-service build --mode staging",
+ "preview": "node build/index.js --preview",
+ "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml",
+ "lint": "eslint --ext .js,.vue src",
+ "test:unit": "jest --clearCache && vue-cli-service test:unit",
+ "test:ci": "npm run lint && npm run test:unit"
+ },
+ "dependencies": {
+ "axios": "0.18.1",
+ "bpmn-js": "^7.3.1",
+ "bpmn-js-properties-panel": "^0.37.2",
+ "camunda-bpmn-moddle": "^4.4.0",
+ "core-js": "3.6.5",
+ "element-ui": "2.13.2",
+ "gojs": "^2.3.11",
+ "js-cookie": "2.2.0",
+ "normalize.css": "7.0.0",
+ "nprogress": "0.2.0",
+ "path-to-regexp": "2.4.0",
+ "vue": "2.6.10",
+ "vue-router": "3.0.6",
+ "vuex": "3.1.0",
+ "vxe-table": "^3.8.22",
+ "wujie-vue2": "^1.0.22"
+ },
+ "devDependencies": {
+ "@vue/cli-plugin-babel": "4.4.4",
+ "@vue/cli-plugin-eslint": "4.4.4",
+ "@vue/cli-plugin-unit-jest": "4.4.4",
+ "@vue/cli-service": "4.4.4",
+ "@vue/test-utils": "1.0.0-beta.29",
+ "autoprefixer": "9.5.1",
+ "babel-eslint": "10.1.0",
+ "babel-jest": "23.6.0",
+ "babel-plugin-dynamic-import-node": "2.3.3",
+ "chalk": "2.4.2",
+ "connect": "3.6.6",
+ "eslint": "6.7.2",
+ "eslint-plugin-vue": "6.2.2",
+ "html-webpack-plugin": "3.2.0",
+ "mockjs": "1.0.1-beta3",
+ "runjs": "4.3.2",
+ "sass": "1.26.8",
+ "sass-loader": "8.0.2",
+ "script-ext-html-webpack-plugin": "2.1.3",
+ "serve-static": "1.13.2",
+ "svg-sprite-loader": "4.1.3",
+ "svgo": "1.2.2",
+ "vue-template-compiler": "2.6.10"
+ },
+ "browserslist": [
+ "> 1%",
+ "last 2 versions"
+ ],
+ "engines": {
+ "node": ">=8.9",
+ "npm": ">= 3.0.0"
+ },
+ "license": "MIT"
+}
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 0000000..10473ef
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,8 @@
+// https://github.com/michael-ciniawsky/postcss-load-config
+
+module.exports = {
+ 'plugins': {
+ // to edit target browsers: use "browserslist" field in package.json
+ 'autoprefixer': {}
+ }
+}
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..34b63ac
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..fa2be91
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
+ <%= webpackConfig.name %>
+
+
+
+
+
+
+
diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 0000000..ec9032c
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
diff --git a/src/api/common.js b/src/api/common.js
new file mode 100644
index 0000000..eb952e7
--- /dev/null
+++ b/src/api/common.js
@@ -0,0 +1,20 @@
+import request from '@/utils/request'
+
+export function departmentListNoAuth(params) {
+ return request({
+ url: '/api/admin/other/admin-department-list',
+ method: 'get',
+ params:params,
+ isLoading: false
+ })
+}
+
+
+export function adminListNoAuth(params) {
+ return request({
+ url: '/api/admin/other/admin-user-list',
+ method: 'get',
+ params:params,
+ isLoading: false
+ })
+}
diff --git a/src/api/menu.js b/src/api/menu.js
new file mode 100644
index 0000000..12997f4
--- /dev/null
+++ b/src/api/menu.js
@@ -0,0 +1,25 @@
+import request from '@/utils/request';
+
+export function index (params) {
+ return request({
+ url: "/api/backend/menu",
+ method: "get",
+ params
+ })
+}
+
+export function save (data) {
+ return request({
+ url: "/api/backend/menu/save",
+ method: "post",
+ data
+ })
+}
+
+export function destroy (data) {
+ return request({
+ url: "/api/backend/menu/delete",
+ method: "post",
+ data
+ })
+}
diff --git a/src/api/module.js b/src/api/module.js
new file mode 100644
index 0000000..1798ebd
--- /dev/null
+++ b/src/api/module.js
@@ -0,0 +1,33 @@
+import request from '@/utils/request';
+
+export function index (params) {
+ return request({
+ url: "/api/backend/module",
+ method: "get",
+ params
+ })
+}
+
+export function save (data) {
+ return request({
+ url: "/api/backend/module/save",
+ method: "post",
+ data
+ })
+}
+
+export function destroy (data) {
+ return request({
+ url: "/api/backend/module/delete",
+ method: "post",
+ data
+ })
+}
+
+export function getRoles (params) {
+ return request({
+ url: "/api/backend/module/grant/get-roles",
+ method: "get",
+ params
+ })
+}
diff --git a/src/api/role.js b/src/api/role.js
new file mode 100644
index 0000000..65c8381
--- /dev/null
+++ b/src/api/role.js
@@ -0,0 +1,25 @@
+import request from '@/utils/request';
+
+export function index (params) {
+ return request({
+ url: "/api/backend/role",
+ method: "get",
+ params
+ })
+}
+
+export function save (data) {
+ return request({
+ url: "/api/backend/role/save",
+ method: "post",
+ data
+ })
+}
+
+export function destroy (data) {
+ return request({
+ url: "/api/backend/role/delete",
+ method: "post",
+ data
+ })
+}
diff --git a/src/api/user.js b/src/api/user.js
new file mode 100644
index 0000000..aca6a59
--- /dev/null
+++ b/src/api/user.js
@@ -0,0 +1,34 @@
+import request from '@/utils/request'
+
+export function login(data) {
+ return request({
+ url: '/api/auth/login',
+ method: 'post',
+ data,
+ isLoading: false
+ })
+}
+
+export function getInfo(token) {
+ return request({
+ url: '/api/auth/me',
+ method: 'post',
+ params: { token },
+ isLoading: false
+ })
+}
+
+export function logout() {
+ return request({
+ url: '/api/auth/logout',
+ method: 'post'
+ })
+}
+
+export function permissions () {
+ return request({
+ url: "/api/auth/permissions",
+ method: "post",
+ isLoading: false,
+ })
+}
diff --git a/src/assets/404_images/404.png b/src/assets/404_images/404.png
new file mode 100644
index 0000000..3d8e230
Binary files /dev/null and b/src/assets/404_images/404.png differ
diff --git a/src/assets/404_images/404_cloud.png b/src/assets/404_images/404_cloud.png
new file mode 100644
index 0000000..c6281d0
Binary files /dev/null and b/src/assets/404_images/404_cloud.png differ
diff --git a/src/assets/login/bkg.png b/src/assets/login/bkg.png
new file mode 100644
index 0000000..7884f2b
Binary files /dev/null and b/src/assets/login/bkg.png differ
diff --git a/src/assets/login/build.png b/src/assets/login/build.png
new file mode 100644
index 0000000..fae49a8
Binary files /dev/null and b/src/assets/login/build.png differ
diff --git a/src/components/Breadcrumb/index.vue b/src/components/Breadcrumb/index.vue
new file mode 100644
index 0000000..29f9a04
--- /dev/null
+++ b/src/components/Breadcrumb/index.vue
@@ -0,0 +1,78 @@
+
+
+
+
+ {{ item.meta.title }}
+ {{ item.meta.title }}
+
+
+
+
+
+
+
+
diff --git a/src/components/Hamburger/index.vue b/src/components/Hamburger/index.vue
new file mode 100644
index 0000000..368b002
--- /dev/null
+++ b/src/components/Hamburger/index.vue
@@ -0,0 +1,44 @@
+
+
+
+
+
+
+
diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
new file mode 100644
index 0000000..b07ded2
--- /dev/null
+++ b/src/components/SvgIcon/index.vue
@@ -0,0 +1,62 @@
+
+
+
+
+
+
+
+
diff --git a/src/icons/index.js b/src/icons/index.js
new file mode 100644
index 0000000..2c6b309
--- /dev/null
+++ b/src/icons/index.js
@@ -0,0 +1,9 @@
+import Vue from 'vue'
+import SvgIcon from '@/components/SvgIcon'// svg component
+
+// register globally
+Vue.component('svg-icon', SvgIcon)
+
+const req = require.context('./svg', false, /\.svg$/)
+const requireAll = requireContext => requireContext.keys().map(requireContext)
+requireAll(req)
diff --git a/src/icons/svg/dashboard.svg b/src/icons/svg/dashboard.svg
new file mode 100644
index 0000000..5317d37
--- /dev/null
+++ b/src/icons/svg/dashboard.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/example.svg b/src/icons/svg/example.svg
new file mode 100644
index 0000000..46f42b5
--- /dev/null
+++ b/src/icons/svg/example.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/eye-open.svg b/src/icons/svg/eye-open.svg
new file mode 100644
index 0000000..88dcc98
--- /dev/null
+++ b/src/icons/svg/eye-open.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/eye.svg b/src/icons/svg/eye.svg
new file mode 100644
index 0000000..16ed2d8
--- /dev/null
+++ b/src/icons/svg/eye.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/form.svg b/src/icons/svg/form.svg
new file mode 100644
index 0000000..dcbaa18
--- /dev/null
+++ b/src/icons/svg/form.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/link.svg b/src/icons/svg/link.svg
new file mode 100644
index 0000000..48197ba
--- /dev/null
+++ b/src/icons/svg/link.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/nested.svg b/src/icons/svg/nested.svg
new file mode 100644
index 0000000..06713a8
--- /dev/null
+++ b/src/icons/svg/nested.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/password.svg b/src/icons/svg/password.svg
new file mode 100644
index 0000000..e291d85
--- /dev/null
+++ b/src/icons/svg/password.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/table.svg b/src/icons/svg/table.svg
new file mode 100644
index 0000000..0e3dc9d
--- /dev/null
+++ b/src/icons/svg/table.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/tree.svg b/src/icons/svg/tree.svg
new file mode 100644
index 0000000..dd4b7dd
--- /dev/null
+++ b/src/icons/svg/tree.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/user.svg b/src/icons/svg/user.svg
new file mode 100644
index 0000000..0ba0716
--- /dev/null
+++ b/src/icons/svg/user.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svgo.yml b/src/icons/svgo.yml
new file mode 100644
index 0000000..d11906a
--- /dev/null
+++ b/src/icons/svgo.yml
@@ -0,0 +1,22 @@
+# replace default config
+
+# multipass: true
+# full: true
+
+plugins:
+
+ # - name
+ #
+ # or:
+ # - name: false
+ # - name: true
+ #
+ # or:
+ # - name:
+ # param1: 1
+ # param2: 2
+
+- removeAttrs:
+ attrs:
+ - 'fill'
+ - 'fill-rule'
diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
new file mode 100644
index 0000000..3ee0bc3
--- /dev/null
+++ b/src/layout/components/AppMain.vue
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/components/Navbar/Icon.vue b/src/layout/components/Navbar/Icon.vue
new file mode 100644
index 0000000..78e7e08
--- /dev/null
+++ b/src/layout/components/Navbar/Icon.vue
@@ -0,0 +1,36 @@
+
+
+
diff --git a/src/layout/components/Navbar/Item.vue b/src/layout/components/Navbar/Item.vue
new file mode 100644
index 0000000..d1d1410
--- /dev/null
+++ b/src/layout/components/Navbar/Item.vue
@@ -0,0 +1,96 @@
+
+
+
+
+
+
+
diff --git a/src/layout/components/Navbar/index.vue b/src/layout/components/Navbar/index.vue
new file mode 100644
index 0000000..4f90c3c
--- /dev/null
+++ b/src/layout/components/Navbar/index.vue
@@ -0,0 +1,122 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/components/Sidebar/FixiOSBug.js b/src/layout/components/Sidebar/FixiOSBug.js
new file mode 100644
index 0000000..bc14856
--- /dev/null
+++ b/src/layout/components/Sidebar/FixiOSBug.js
@@ -0,0 +1,26 @@
+export default {
+ computed: {
+ device() {
+ return this.$store.state.app.device
+ }
+ },
+ mounted() {
+ // In order to fix the click on menu on the ios device will trigger the mouseleave bug
+ // https://github.com/PanJiaChen/vue-element-admin/issues/1135
+ this.fixBugIniOS()
+ },
+ methods: {
+ fixBugIniOS() {
+ const $subMenu = this.$refs.subMenu
+ if ($subMenu) {
+ const handleMouseleave = $subMenu.handleMouseleave
+ $subMenu.handleMouseleave = (e) => {
+ if (this.device === 'mobile') {
+ return
+ }
+ handleMouseleave(e)
+ }
+ }
+ }
+ }
+}
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
new file mode 100644
index 0000000..aa1f5da
--- /dev/null
+++ b/src/layout/components/Sidebar/Item.vue
@@ -0,0 +1,41 @@
+
+
+
diff --git a/src/layout/components/Sidebar/Link.vue b/src/layout/components/Sidebar/Link.vue
new file mode 100644
index 0000000..530b3d5
--- /dev/null
+++ b/src/layout/components/Sidebar/Link.vue
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+
diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
new file mode 100644
index 0000000..040fab6
--- /dev/null
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -0,0 +1,82 @@
+
+
+
+
+
+
+
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
new file mode 100644
index 0000000..a418c3d
--- /dev/null
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -0,0 +1,95 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
new file mode 100644
index 0000000..da39034
--- /dev/null
+++ b/src/layout/components/Sidebar/index.vue
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/components/index.js b/src/layout/components/index.js
new file mode 100644
index 0000000..97ee3cd
--- /dev/null
+++ b/src/layout/components/index.js
@@ -0,0 +1,3 @@
+export { default as Navbar } from './Navbar'
+export { default as Sidebar } from './Sidebar'
+export { default as AppMain } from './AppMain'
diff --git a/src/layout/index.vue b/src/layout/index.vue
new file mode 100644
index 0000000..9f98fea
--- /dev/null
+++ b/src/layout/index.vue
@@ -0,0 +1,94 @@
+
+
+
+
+
+
+
diff --git a/src/layout/mixin/ResizeHandler.js b/src/layout/mixin/ResizeHandler.js
new file mode 100644
index 0000000..e8d0df8
--- /dev/null
+++ b/src/layout/mixin/ResizeHandler.js
@@ -0,0 +1,45 @@
+import store from '@/store'
+
+const { body } = document
+const WIDTH = 992 // refer to Bootstrap's responsive design
+
+export default {
+ watch: {
+ $route(route) {
+ if (this.device === 'mobile' && this.sidebar.opened) {
+ store.dispatch('app/closeSideBar', { withoutAnimation: false })
+ }
+ }
+ },
+ beforeMount() {
+ window.addEventListener('resize', this.$_resizeHandler)
+ },
+ beforeDestroy() {
+ window.removeEventListener('resize', this.$_resizeHandler)
+ },
+ mounted() {
+ const isMobile = this.$_isMobile()
+ if (isMobile) {
+ store.dispatch('app/toggleDevice', 'mobile')
+ store.dispatch('app/closeSideBar', { withoutAnimation: true })
+ }
+ },
+ methods: {
+ // use $_ for mixins properties
+ // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
+ $_isMobile() {
+ const rect = body.getBoundingClientRect()
+ return rect.width - 1 < WIDTH
+ },
+ $_resizeHandler() {
+ if (!document.hidden) {
+ const isMobile = this.$_isMobile()
+ store.dispatch('app/toggleDevice', isMobile ? 'mobile' : 'desktop')
+
+ if (isMobile) {
+ store.dispatch('app/closeSideBar', { withoutAnimation: true })
+ }
+ }
+ }
+ }
+}
diff --git a/src/main.js b/src/main.js
new file mode 100644
index 0000000..9fb3520
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,58 @@
+import Vue from "vue";
+
+import "normalize.css/normalize.css"; // A modern alternative to CSS resets
+
+import ElementUI from "element-ui";
+import "element-ui/lib/theme-chalk/index.css";
+import locale from "element-ui/lib/locale/lang/en"; // lang i18n
+
+import "@/styles/index.scss"; // global css
+
+import App from "./App";
+import store from "./store";
+import router from "./router";
+
+import "@/icons"; // icon
+import "@/permission"; // permission control
+
+/**
+ * If you don't want to use mock-server
+ * you want to use MockJs for mock api
+ * you can execute: mockXHR()
+ *
+ * Currently MockJs will be used in the production environment,
+ * please remove it before going online ! ! !
+ */
+if (process.env.NODE_ENV === "production") {
+ const { mockXHR } = require("../mock");
+ mockXHR();
+}
+
+// set ElementUI lang to EN
+Vue.use(ElementUI, { locale });
+// 如果想要中文版 element-ui,按如下方式声明
+// Vue.use(ElementUI)
+import { VXETable, VxeIcon, VxeTable, VxeColumn, VxeColgroup, VxeTableEditModule } from "vxe-table";
+import "vxe-table/styles/index.scss"
+Vue.use(VxeTableEditModule);
+Vue.use(VxeIcon);
+Vue.use(VxeTable);
+Vue.use(VxeColumn);
+Vue.use(VxeColgroup);
+//wujie
+import Wujie from "wujie-vue2";
+Vue.use(Wujie);
+const { setupApp, preloadApp } = Wujie;
+setupApp({
+ name: "contract",
+ url: "http://localhost:9530/admin/#/",
+ exec: true,
+});
+Vue.config.productionTip = false;
+
+new Vue({
+ el: "#app",
+ router,
+ store,
+ render: (h) => h(App),
+});
diff --git a/src/permission.js b/src/permission.js
new file mode 100644
index 0000000..fdb579d
--- /dev/null
+++ b/src/permission.js
@@ -0,0 +1,74 @@
+import router from './router'
+import store from './store'
+import { Message } from 'element-ui'
+import NProgress from 'nprogress' // progress bar
+import 'nprogress/nprogress.css' // progress bar style
+import { getToken } from '@/utils/auth' // get token from cookie
+import getPageTitle from '@/utils/get-page-title'
+
+NProgress.configure({ showSpinner: false }) // NProgress Configuration
+
+const whiteList = ['/login'] // no redirect whitelist
+
+let isFirstEnter = true; //第一次进入获取用户信息
+router.beforeEach(async(to, from, next) => {
+ console.log(from.path,to.path)
+ // start progress bar
+ NProgress.start()
+
+ // set page title
+ document.title = getPageTitle(to.meta.title)
+
+ // determine whether the user has logged in
+ const hasToken = getToken()
+
+ if (hasToken && hasToken !== 'undefined' && hasToken !== 'null') {
+ if (to.path === '/login') {
+ // if is logged in, redirect to the home page
+ next({ path: '/' })
+ NProgress.done()
+ } else {
+ if (!isFirstEnter) {
+ next()
+ } else {
+ try {
+ // get user info
+ const { roles } = await store.dispatch('user/getInfo')
+ const accessRoutes = await store.dispatch('permission/generateRoutes', roles)
+
+ // dynamically add accessible routes
+ router.addRoutes(accessRoutes)
+
+ // hack method to ensure that addRoutes is complete
+ // set the replace: true, so the navigation will not leave a history record
+ isFirstEnter = false;
+ next({ ...to, replace: true })
+ } catch (error) {
+ // remove token and go to login page to re-login
+ await store.dispatch('user/resetToken')
+ Message.error(error || 'Has Error')
+ next(`/login?redirect=${to.path}`)
+ isFirstEnter = true;
+ NProgress.done()
+ }
+ }
+ }
+ } else {
+ /* has no token*/
+
+ if (whiteList.indexOf(to.path) !== -1) {
+ // in the free login whitelist, go directly
+ next()
+ } else {
+ // other pages that do not have permission to access are redirected to the login page.
+ next(`/login?redirect=${to.path}`)
+ isFirstEnter = true;
+ NProgress.done()
+ }
+ }
+})
+
+router.afterEach(() => {
+ // finish progress bar
+ NProgress.done()
+})
diff --git a/src/router/index.js b/src/router/index.js
new file mode 100644
index 0000000..415ba15
--- /dev/null
+++ b/src/router/index.js
@@ -0,0 +1,80 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+
+Vue.use(Router)
+
+/* Layout */
+import Layout from '@/layout'
+
+/**
+ * Note: sub-menu only appear when route children.length >= 1
+ * Detail see: https://panjiachen.github.io/vue-element-admin-site/guide/essentials/router-and-nav.html
+ *
+ * hidden: true if set true, item will not show in the sidebar(default is false)
+ * alwaysShow: true if set true, will always show the root menu
+ * if not set alwaysShow, when item has more than one children route,
+ * it will becomes nested mode, otherwise not show the root menu
+ * redirect: noRedirect if set noRedirect will no redirect in the breadcrumb
+ * name:'router-name' the name is used by (must set!!!)
+ * meta : {
+ roles: ['admin','editor'] control the page roles (you can set multiple roles)
+ title: 'title' the name show in sidebar and breadcrumb (recommend set)
+ icon: 'svg-name'/'el-icon-x' the icon show in the sidebar
+ breadcrumb: false if set false, the item will hidden in breadcrumb(default is true)
+ activeMenu: '/example/list' if set path, the sidebar will highlight the path you set
+ }
+ */
+
+/**
+ * constantRoutes
+ * a base page that does not have permission requirements
+ * all roles can be accessed
+ */
+export const constantRoutes = [
+ {
+ path: '/login',
+ component: () => import('@/views/login/index'),
+ hidden: true
+ },
+
+ {
+ path: '/404',
+ component: () => import('@/views/404'),
+ hidden: true
+ },
+
+ {
+ path: '/',
+ component: Layout,
+ redirect: '/dashboard',
+ meta: { title: '首页', icon: 'dashboard' },
+ children: [{
+ path: 'dashboard',
+ name: 'Dashboard',
+ component: () => import('@/views/dashboard/index'),
+ meta: { title: '首页', icon: 'dashboard' }
+ }]
+ },
+
+ // 404 page must be placed at the end !!!
+ //{ path: '*', redirect: '/404', hidden: true }
+]
+export const asyncRoutes = [
+
+]
+
+const createRouter = () => new Router({
+ // mode: 'history', // require service support
+ scrollBehavior: () => ({ y: 0 }),
+ routes: constantRoutes
+})
+
+const router = createRouter()
+
+// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
+export function resetRouter() {
+ const newRouter = createRouter()
+ router.matcher = newRouter.matcher // reset router
+}
+
+export default router
diff --git a/src/settings.js b/src/settings.js
new file mode 100644
index 0000000..9cbbf15
--- /dev/null
+++ b/src/settings.js
@@ -0,0 +1,17 @@
+module.exports = {
+
+ title: 'Vue Admin Template',
+ copyright: '版权所有',
+
+ /**
+ * @type {boolean} true | false
+ * @description Whether fix the header
+ */
+ fixedHeader: false,
+
+ /**
+ * @type {boolean} true | false
+ * @description Whether show the logo in sidebar
+ */
+ sidebarLogo: false
+}
diff --git a/src/store/getters.js b/src/store/getters.js
new file mode 100644
index 0000000..2d79d65
--- /dev/null
+++ b/src/store/getters.js
@@ -0,0 +1,11 @@
+const getters = {
+ sidebar: state => state.app.sidebar,
+ device: state => state.app.device,
+ token: state => state.user.token,
+ avatar: state => state.user.avatar,
+ name: state => state.user.name,
+ admins: state => state.data.admins,
+ departments: state => state.data.departments,
+ permission_routes: state => state.permission.routes,
+}
+export default getters
diff --git a/src/store/index.js b/src/store/index.js
new file mode 100644
index 0000000..8e45e24
--- /dev/null
+++ b/src/store/index.js
@@ -0,0 +1,23 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+import getters from './getters'
+import app from './modules/app'
+import settings from './modules/settings'
+import user from './modules/user'
+import data from './modules/data'
+import permission from './modules/permission'
+import { init } from "./init"
+Vue.use(Vuex)
+
+const store = new Vuex.Store({
+ modules: {
+ app,
+ settings,
+ user,
+ data,
+ permission
+ },
+ getters
+})
+//init(store)
+export default store
diff --git a/src/store/init.js b/src/store/init.js
new file mode 100644
index 0000000..f6093ff
--- /dev/null
+++ b/src/store/init.js
@@ -0,0 +1,4 @@
+export function init (store) {
+ store.dispatch('data/getAdmins')
+ store.dispatch('data/getDepartments')
+}
diff --git a/src/store/modules/app.js b/src/store/modules/app.js
new file mode 100644
index 0000000..7ea7e33
--- /dev/null
+++ b/src/store/modules/app.js
@@ -0,0 +1,48 @@
+import Cookies from 'js-cookie'
+
+const state = {
+ sidebar: {
+ opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true,
+ withoutAnimation: false
+ },
+ device: 'desktop'
+}
+
+const mutations = {
+ TOGGLE_SIDEBAR: state => {
+ state.sidebar.opened = !state.sidebar.opened
+ state.sidebar.withoutAnimation = false
+ if (state.sidebar.opened) {
+ Cookies.set('sidebarStatus', 1)
+ } else {
+ Cookies.set('sidebarStatus', 0)
+ }
+ },
+ CLOSE_SIDEBAR: (state, withoutAnimation) => {
+ Cookies.set('sidebarStatus', 0)
+ state.sidebar.opened = false
+ state.sidebar.withoutAnimation = withoutAnimation
+ },
+ TOGGLE_DEVICE: (state, device) => {
+ state.device = device
+ }
+}
+
+const actions = {
+ toggleSideBar({ commit }) {
+ commit('TOGGLE_SIDEBAR')
+ },
+ closeSideBar({ commit }, { withoutAnimation }) {
+ commit('CLOSE_SIDEBAR', withoutAnimation)
+ },
+ toggleDevice({ commit }, device) {
+ commit('TOGGLE_DEVICE', device)
+ }
+}
+
+export default {
+ namespaced: true,
+ state,
+ mutations,
+ actions
+}
diff --git a/src/store/modules/data.js b/src/store/modules/data.js
new file mode 100644
index 0000000..54322e9
--- /dev/null
+++ b/src/store/modules/data.js
@@ -0,0 +1,36 @@
+import { departmentListNoAuth, adminListNoAuth } from "@/api/common"
+
+const state = {
+ admins: [],
+ departments: []
+}
+
+const mutations = {
+ SET_ADMINS: (state, admins) => {
+ state.admins = admins
+ },
+ SET_DEPARTMENTS: (state, departments) => {
+ state.departments = departments
+ }
+}
+
+const actions = {
+ getAdmins ({ commit }) {
+ adminListNoAuth().then(res => {
+ commit("SET_ADMINS", res.data)
+ })
+ },
+ getDepartments ({ commit }) {
+ departmentListNoAuth().then(res => {
+ commit("SET_DEPARTMENTS", res.data)
+ })
+ }
+}
+
+export default {
+ namespaced: true,
+ state,
+ mutations,
+ actions
+}
+
diff --git a/src/store/modules/permission.js b/src/store/modules/permission.js
new file mode 100644
index 0000000..ea49a1b
--- /dev/null
+++ b/src/store/modules/permission.js
@@ -0,0 +1,74 @@
+import { asyncRoutes, constantRoutes } from '@/router'
+import { permissions } from "@/api/user"
+import path from "path"
+import Layout from "@/layout"
+
+const loadView = (view) => {
+ return (resolve) => require([`@/views${view}`], resolve);
+}
+
+export function filterAsyncRoutes(routes) {
+ const res = []
+
+ routes.forEach(route => {
+ if (!route.visible) return
+ let tmp= {
+ key: `key-${route.id}`,
+ path: route.path === '#' ? '' : route.path,
+ component: route.path === "#" ? Layout : loadView(route.path),
+ name: route.name,
+ hidden: !route.visible,
+ meta: {
+ title: route.title,
+ icon: route.icon,
+ guard: route.guard_name,
+ folder: route.folder
+ }
+ }
+
+ if (route.children) {
+ tmp.children = filterAsyncRoutes(route.children)
+ }
+ res.push(tmp)
+ })
+
+ //把404拦截放在最后匹配
+ res.push({ path: '*', redirect: '/404', hidden: true })
+
+ return res
+}
+
+const state = {
+ routes: [],
+ addRoutes: []
+}
+
+const mutations = {
+ SET_ROUTES: (state, routes) => {
+ state.addRoutes = routes
+ state.routes = constantRoutes.concat(routes)
+ }
+}
+
+const actions = {
+ generateRoutes({ commit }, roles) {
+ return new Promise(async (resolve, reject) => {
+ try {
+ const routes = await permissions()
+ let accessedRoutes
+ accessedRoutes = filterAsyncRoutes(routes)
+ commit('SET_ROUTES', accessedRoutes)
+ resolve(accessedRoutes)
+ } catch (err) {
+ reject(err)
+ }
+ })
+ }
+}
+
+export default {
+ namespaced: true,
+ state,
+ mutations,
+ actions
+}
diff --git a/src/store/modules/settings.js b/src/store/modules/settings.js
new file mode 100644
index 0000000..b3f33f8
--- /dev/null
+++ b/src/store/modules/settings.js
@@ -0,0 +1,32 @@
+import defaultSettings from '@/settings'
+
+const { showSettings, fixedHeader, sidebarLogo } = defaultSettings
+
+const state = {
+ showSettings: showSettings,
+ fixedHeader: fixedHeader,
+ sidebarLogo: sidebarLogo
+}
+
+const mutations = {
+ CHANGE_SETTING: (state, { key, value }) => {
+ // eslint-disable-next-line no-prototype-builtins
+ if (state.hasOwnProperty(key)) {
+ state[key] = value
+ }
+ }
+}
+
+const actions = {
+ changeSetting({ commit }, data) {
+ commit('CHANGE_SETTING', data)
+ }
+}
+
+export default {
+ namespaced: true,
+ state,
+ mutations,
+ actions
+}
+
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
new file mode 100644
index 0000000..160b63f
--- /dev/null
+++ b/src/store/modules/user.js
@@ -0,0 +1,103 @@
+import { login, logout, getInfo } from '@/api/user'
+import { getToken, setToken, removeToken } from '@/utils/auth'
+import { resetRouter } from '@/router'
+
+const getDefaultState = () => {
+ return {
+ token: getToken(),
+ name: '',
+ avatar: '',
+ adminId: '',
+ role: [],
+ }
+}
+
+const state = getDefaultState()
+
+const mutations = {
+ RESET_STATE: (state) => {
+ Object.assign(state, getDefaultState())
+ },
+ SET_TOKEN: (state, token) => {
+ state.token = token
+ },
+ SET_NAME: (state, name) => {
+ state.name = name
+ },
+ SET_AVATAR: (state, avatar) => {
+ state.avatar = avatar
+ },
+ SET_ROLE: (state, role) => {
+ state.role = role
+ },
+ SET_ADMIN_ID: (state, id) => {
+ state.adminId = id
+ }
+}
+
+const actions = {
+ // user login
+ login({ commit }, userInfo) {
+ const { username, password } = userInfo
+ return new Promise((resolve, reject) => {
+ login({ username: username.trim(), password: password }).then(response => {
+ console.log(response)
+ const { access_token } = response
+ commit('SET_TOKEN', access_token)
+ setToken(access_token)
+ resolve()
+ }).catch(error => {
+ reject(error)
+ })
+ })
+ },
+
+ // get user info
+ getInfo({ commit, state }) {
+ return new Promise((resolve, reject) => {
+ getInfo(state.token).then(response => {
+
+ const { name, avatar, id, role } = response
+
+ commit('SET_NAME', name)
+ commit('SET_AVATAR', avatar)
+ commit('SET_ADMIN_ID', id)
+ commit('SET_ROLE', role)
+ resolve(response)
+ }).catch(error => {
+ reject(error)
+ })
+ })
+ },
+
+ // user logout
+ logout({ commit, state }) {
+ return new Promise((resolve, reject) => {
+ logout(state.token).then(() => {
+ removeToken() // must remove token first
+ resetRouter()
+ commit('RESET_STATE')
+ resolve()
+ }).catch(error => {
+ reject(error)
+ })
+ })
+ },
+
+ // remove token
+ resetToken({ commit }) {
+ return new Promise(resolve => {
+ removeToken() // must remove token first
+ commit('RESET_STATE')
+ resolve()
+ })
+ }
+}
+
+export default {
+ namespaced: true,
+ state,
+ mutations,
+ actions
+}
+
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
new file mode 100644
index 0000000..0062411
--- /dev/null
+++ b/src/styles/element-ui.scss
@@ -0,0 +1,49 @@
+// cover some element-ui styles
+
+.el-breadcrumb__inner,
+.el-breadcrumb__inner a {
+ font-weight: 400 !important;
+}
+
+.el-upload {
+ input[type="file"] {
+ display: none !important;
+ }
+}
+
+.el-upload__input {
+ display: none;
+}
+
+
+// to fixed https://github.com/ElemeFE/element/issues/2461
+.el-dialog {
+ transform: none;
+ left: 0;
+ position: relative;
+ margin: 0 auto;
+}
+
+// refine element ui upload
+.upload-container {
+ .el-upload {
+ width: 100%;
+
+ .el-upload-dragger {
+ width: 100%;
+ height: 200px;
+ }
+ }
+}
+
+// dropdown
+.el-dropdown-menu {
+ a {
+ display: block
+ }
+}
+
+// to fix el-date-picker css style
+.el-range-separator {
+ box-sizing: content-box;
+}
diff --git a/src/styles/index.scss b/src/styles/index.scss
new file mode 100644
index 0000000..3b4da51
--- /dev/null
+++ b/src/styles/index.scss
@@ -0,0 +1,65 @@
+@import './variables.scss';
+@import './mixin.scss';
+@import './transition.scss';
+@import './element-ui.scss';
+@import './sidebar.scss';
+
+body {
+ height: 100%;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ text-rendering: optimizeLegibility;
+ font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
+}
+
+label {
+ font-weight: 700;
+}
+
+html {
+ height: 100%;
+ box-sizing: border-box;
+}
+
+#app {
+ height: 100%;
+}
+
+*,
+*:before,
+*:after {
+ box-sizing: inherit;
+}
+
+a:focus,
+a:active {
+ outline: none;
+}
+
+a,
+a:focus,
+a:hover {
+ cursor: pointer;
+ color: inherit;
+ text-decoration: none;
+}
+
+div:focus {
+ outline: none;
+}
+
+.clearfix {
+ &:after {
+ visibility: hidden;
+ display: block;
+ font-size: 0;
+ content: " ";
+ clear: both;
+ height: 0;
+ }
+}
+
+// main-container global css
+.app-container {
+ padding: 20px;
+}
diff --git a/src/styles/mixin.scss b/src/styles/mixin.scss
new file mode 100644
index 0000000..36b74bb
--- /dev/null
+++ b/src/styles/mixin.scss
@@ -0,0 +1,28 @@
+@mixin clearfix {
+ &:after {
+ content: "";
+ display: table;
+ clear: both;
+ }
+}
+
+@mixin scrollBar {
+ &::-webkit-scrollbar-track-piece {
+ background: #d3dce6;
+ }
+
+ &::-webkit-scrollbar {
+ width: 6px;
+ }
+
+ &::-webkit-scrollbar-thumb {
+ background: #99a9bf;
+ border-radius: 20px;
+ }
+}
+
+@mixin relative {
+ position: relative;
+ width: 100%;
+ height: 100%;
+}
diff --git a/src/styles/navbar.css b/src/styles/navbar.css
new file mode 100644
index 0000000..45fce6c
--- /dev/null
+++ b/src/styles/navbar.css
@@ -0,0 +1,28311 @@
+/*!
+* Tabler v1.0.0-beta20 (https://tabler.io)
+* @version 1.0.0-beta20
+* @link https://tabler.io
+* Copyright 2018-2024 The Tabler Authors
+* Copyright 2018-2024 codecalm.net Paweł Kuna
+* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
+*/
+@charset "UTF-8";:root,[data-bs-theme=light] {
+ --tblr-blue: #066fd1;
+ --tblr-indigo: #4263eb;
+ --tblr-purple: #ae3ec9;
+ --tblr-pink: #d6336c;
+ --tblr-red: #d63939;
+ --tblr-orange: #f76707;
+ --tblr-yellow: #f59f00;
+ --tblr-green: #2fb344;
+ --tblr-teal: #0ca678;
+ --tblr-cyan: #17a2b8;
+ --tblr-black: #000000;
+ --tblr-white: #ffffff;
+ --tblr-gray: #49566c;
+ --tblr-gray-dark: #182433;
+ --tblr-gray-100: #eef3f6;
+ --tblr-gray-200: #dce1e7;
+ --tblr-gray-300: #b8c4d4;
+ --tblr-gray-400: #8a97ab;
+ --tblr-gray-500: #6c7a91;
+ --tblr-gray-600: #49566c;
+ --tblr-gray-700: #3a4859;
+ --tblr-gray-800: #182433;
+ --tblr-gray-900: #040a11;
+ --tblr-primary: #066fd1;
+ --tblr-secondary: #6c7a91;
+ --tblr-success: #2fb344;
+ --tblr-info: #4299e1;
+ --tblr-warning: #f76707;
+ --tblr-danger: #d63939;
+ --tblr-light: #f6f8fb;
+ --tblr-dark: #182433;
+ --tblr-muted: #6c7a91;
+ --tblr-blue: #066fd1;
+ --tblr-azure: #4299e1;
+ --tblr-indigo: #4263eb;
+ --tblr-purple: #ae3ec9;
+ --tblr-pink: #d6336c;
+ --tblr-red: #d63939;
+ --tblr-orange: #f76707;
+ --tblr-yellow: #f59f00;
+ --tblr-lime: #74b816;
+ --tblr-green: #2fb344;
+ --tblr-teal: #0ca678;
+ --tblr-cyan: #17a2b8;
+ --tblr-x: #000000;
+ --tblr-facebook: #1877f2;
+ --tblr-twitter: #1da1f2;
+ --tblr-linkedin: #0a66c2;
+ --tblr-google: #dc4e41;
+ --tblr-youtube: #ff0000;
+ --tblr-vimeo: #1ab7ea;
+ --tblr-dribbble: #ea4c89;
+ --tblr-github: #181717;
+ --tblr-instagram: #e4405f;
+ --tblr-pinterest: #bd081c;
+ --tblr-vk: #6383a8;
+ --tblr-rss: #ffa500;
+ --tblr-flickr: #0063dc;
+ --tblr-bitbucket: #0052cc;
+ --tblr-tabler: #066fd1;
+ --tblr-primary-rgb: 6,111,209;
+ --tblr-secondary-rgb: 108,122,145;
+ --tblr-success-rgb: 47,179,68;
+ --tblr-info-rgb: 66,153,225;
+ --tblr-warning-rgb: 247,103,7;
+ --tblr-danger-rgb: 214,57,57;
+ --tblr-light-rgb: 246,248,251;
+ --tblr-dark-rgb: 24,36,51;
+ --tblr-muted-rgb: 108,122,145;
+ --tblr-blue-rgb: 6,111,209;
+ --tblr-azure-rgb: 66,153,225;
+ --tblr-indigo-rgb: 66,99,235;
+ --tblr-purple-rgb: 174,62,201;
+ --tblr-pink-rgb: 214,51,108;
+ --tblr-red-rgb: 214,57,57;
+ --tblr-orange-rgb: 247,103,7;
+ --tblr-yellow-rgb: 245,159,0;
+ --tblr-lime-rgb: 116,184,22;
+ --tblr-green-rgb: 47,179,68;
+ --tblr-teal-rgb: 12,166,120;
+ --tblr-cyan-rgb: 23,162,184;
+ --tblr-x-rgb: 0,0,0;
+ --tblr-facebook-rgb: 24,119,242;
+ --tblr-twitter-rgb: 29,161,242;
+ --tblr-linkedin-rgb: 10,102,194;
+ --tblr-google-rgb: 220,78,65;
+ --tblr-youtube-rgb: 255,0,0;
+ --tblr-vimeo-rgb: 26,183,234;
+ --tblr-dribbble-rgb: 234,76,137;
+ --tblr-github-rgb: 24,23,23;
+ --tblr-instagram-rgb: 228,64,95;
+ --tblr-pinterest-rgb: 189,8,28;
+ --tblr-vk-rgb: 99,131,168;
+ --tblr-rss-rgb: 255,165,0;
+ --tblr-flickr-rgb: 0,99,220;
+ --tblr-bitbucket-rgb: 0,82,204;
+ --tblr-tabler-rgb: 6,111,209;
+ --tblr-primary-text-emphasis: #022c54;
+ --tblr-secondary-text-emphasis: #2b313a;
+ --tblr-success-text-emphasis: #13481b;
+ --tblr-info-text-emphasis: #1a3d5a;
+ --tblr-warning-text-emphasis: #632903;
+ --tblr-danger-text-emphasis: #561717;
+ --tblr-light-text-emphasis: #3a4859;
+ --tblr-dark-text-emphasis: #3a4859;
+ --tblr-primary-bg-subtle: #cde2f6;
+ --tblr-secondary-bg-subtle: #e2e4e9;
+ --tblr-success-bg-subtle: #d5f0da;
+ --tblr-info-bg-subtle: #d9ebf9;
+ --tblr-warning-bg-subtle: #fde1cd;
+ --tblr-danger-bg-subtle: #f7d7d7;
+ --tblr-light-bg-subtle: #f7f9fb;
+ --tblr-dark-bg-subtle: #8a97ab;
+ --tblr-primary-border-subtle: #9bc5ed;
+ --tblr-secondary-border-subtle: #c4cad3;
+ --tblr-success-border-subtle: #ace1b4;
+ --tblr-info-border-subtle: #b3d6f3;
+ --tblr-warning-border-subtle: #fcc29c;
+ --tblr-danger-border-subtle: #efb0b0;
+ --tblr-light-border-subtle: #dce1e7;
+ --tblr-dark-border-subtle: #6c7a91;
+ --tblr-white-rgb: 255,255,255;
+ --tblr-black-rgb: 0,0,0;
+ --tblr-font-sans-serif: -apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;
+ --tblr-font-monospace: Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
+ --tblr-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+ --tblr-body-font-family: var(--tblr-font-sans-serif);
+ --tblr-body-font-size: 0.875rem;
+ --tblr-body-font-weight: 400;
+ --tblr-body-line-height: 1.4285714286;
+ --tblr-body-color: #182433;
+ --tblr-body-color-rgb: 24,36,51;
+ --tblr-body-bg: #f6f8fb;
+ --tblr-body-bg-rgb: 246,248,251;
+ --tblr-emphasis-color: #3a4859;
+ --tblr-emphasis-color-rgb: 58,72,89;
+ --tblr-secondary-color: rgba(24, 36, 51, 0.75);
+ --tblr-secondary-color-rgb: 24,36,51;
+ --tblr-secondary-bg: #dce1e7;
+ --tblr-secondary-bg-rgb: 220,225,231;
+ --tblr-tertiary-color: rgba(24, 36, 51, 0.5);
+ --tblr-tertiary-color-rgb: 24,36,51;
+ --tblr-tertiary-bg: #eef3f6;
+ --tblr-tertiary-bg-rgb: 238,243,246;
+ --tblr-heading-color: inherit;
+ --tblr-link-color: #066fd1;
+ --tblr-link-color-rgb: 6,111,209;
+ --tblr-link-decoration: none;
+ --tblr-link-hover-color: #0559a7;
+ --tblr-link-hover-color-rgb: 5,89,167;
+ --tblr-link-hover-decoration: underline;
+ --tblr-code-color: var(--tblr-gray-600);
+ --tblr-highlight-color: #182433;
+ --tblr-highlight-bg: #fdeccc;
+ --tblr-border-width: 1px;
+ --tblr-border-style: solid;
+ --tblr-border-color: #dce1e7;
+ --tblr-border-color-translucent: rgba(4, 32, 69, 0.1);
+ --tblr-border-radius: 4px;
+ --tblr-border-radius-sm: 2px;
+ --tblr-border-radius-lg: 8px;
+ --tblr-border-radius-xl: 1rem;
+ --tblr-border-radius-xxl: 2rem;
+ --tblr-border-radius-2xl: var(--tblr-border-radius-xxl);
+ --tblr-border-radius-pill: 100rem;
+ --tblr-box-shadow: rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0;
+ --tblr-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+ --tblr-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
+ --tblr-box-shadow-inset: 0 0 transparent;
+ --tblr-focus-ring-width: 0.25rem;
+ --tblr-focus-ring-opacity: 0.25;
+ --tblr-focus-ring-color: rgba(var(--tblr-primary-rgb), 0.25);
+ --tblr-form-valid-color: #2fb344;
+ --tblr-form-valid-border-color: #2fb344;
+ --tblr-form-invalid-color: #d63939;
+ --tblr-form-invalid-border-color: #d63939
+}
+
+[data-bs-theme=dark],body[data-bs-theme=dark] [data-bs-theme=light] {
+ color-scheme: dark;
+ --tblr-body-color: #dce1e7;
+ --tblr-body-color-rgb: 220,225,231;
+ --tblr-body-bg: #040a11;
+ --tblr-body-bg-rgb: 4,10,17;
+ --tblr-emphasis-color: #ffffff;
+ --tblr-emphasis-color-rgb: 255,255,255;
+ --tblr-secondary-color: rgba(220, 225, 231, 0.75);
+ --tblr-secondary-color-rgb: 220,225,231;
+ --tblr-secondary-bg: #182433;
+ --tblr-secondary-bg-rgb: 24,36,51;
+ --tblr-tertiary-color: rgba(220, 225, 231, 0.5);
+ --tblr-tertiary-color-rgb: 220,225,231;
+ --tblr-tertiary-bg: #0e1722;
+ --tblr-tertiary-bg-rgb: 14,23,34;
+ --tblr-primary-text-emphasis: #6aa9e3;
+ --tblr-secondary-text-emphasis: #a7afbd;
+ --tblr-success-text-emphasis: #82d18f;
+ --tblr-info-text-emphasis: #8ec2ed;
+ --tblr-warning-text-emphasis: #faa46a;
+ --tblr-danger-text-emphasis: #e68888;
+ --tblr-light-text-emphasis: #eef3f6;
+ --tblr-dark-text-emphasis: #b8c4d4;
+ --tblr-primary-bg-subtle: #01162a;
+ --tblr-secondary-bg-subtle: #16181d;
+ --tblr-success-bg-subtle: #09240e;
+ --tblr-info-bg-subtle: #0d1f2d;
+ --tblr-warning-bg-subtle: #311501;
+ --tblr-danger-bg-subtle: #2b0b0b;
+ --tblr-light-bg-subtle: #182433;
+ --tblr-dark-bg-subtle: #0c121a;
+ --tblr-primary-border-subtle: #04437d;
+ --tblr-secondary-border-subtle: #414957;
+ --tblr-success-border-subtle: #1c6b29;
+ --tblr-info-border-subtle: #285c87;
+ --tblr-warning-border-subtle: #943e04;
+ --tblr-danger-border-subtle: #802222;
+ --tblr-light-border-subtle: #3a4859;
+ --tblr-dark-border-subtle: #182433;
+ --tblr-heading-color: inherit;
+ --tblr-link-color: #6aa9e3;
+ --tblr-link-hover-color: #88bae9;
+ --tblr-link-color-rgb: 106,169,227;
+ --tblr-link-hover-color-rgb: 136,186,233;
+ --tblr-code-color: var(--tblr-gray-300);
+ --tblr-highlight-color: #dce1e7;
+ --tblr-highlight-bg: #624000;
+ --tblr-border-color: #25384f;
+ --tblr-border-color-translucent: rgba(72, 110, 149, 0.14);
+ --tblr-form-valid-color: #82d18f;
+ --tblr-form-valid-border-color: #82d18f;
+ --tblr-form-invalid-color: #e68888;
+ --tblr-form-invalid-border-color: #e68888
+}
+
+*,::after,::before {
+ box-sizing: border-box
+}
+
+@media (prefers-reduced-motion:no-preference) {
+ :root {
+ scroll-behavior: smooth
+ }
+}
+
+body {
+ margin: 0;
+ font-family: var(--tblr-body-font-family);
+ font-size: var(--tblr-body-font-size);
+ font-weight: var(--tblr-body-font-weight);
+ line-height: var(--tblr-body-line-height);
+ color: var(--tblr-body-color);
+ text-align: var(--tblr-body-text-align);
+ background-color: var(--tblr-body-bg);
+ -webkit-text-size-adjust: 100%;
+ -webkit-tap-highlight-color: transparent
+}
+
+.hr,hr {
+ margin: 2rem 0;
+ color: inherit;
+ border: 0;
+ border-top: var(--tblr-border-width) solid;
+ opacity: .16
+}
+
+.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
+ margin-top: 0;
+ margin-bottom: var(--tblr-spacer);
+ font-weight: var(--tblr-font-weight-bold);
+ line-height: 1.2;
+ color: var(--tblr-heading-color)
+}
+
+.h1,h1 {
+ font-size: 1.5rem
+}
+
+.h2,h2 {
+ font-size: 1.25rem
+}
+
+.h3,h3 {
+ font-size: 1rem
+}
+
+.h4,h4 {
+ font-size: .875rem
+}
+
+.h5,h5 {
+ font-size: .75rem
+}
+
+.h6,h6 {
+ font-size: .625rem
+}
+
+p {
+ margin-top: 0;
+ margin-bottom: 1rem
+}
+
+abbr[title] {
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted;
+ cursor: help;
+ -webkit-text-decoration-skip-ink: none;
+ text-decoration-skip-ink: none
+}
+
+address {
+ margin-bottom: 1rem;
+ font-style: normal;
+ line-height: inherit
+}
+
+ol,ul {
+ padding-left: 2rem
+}
+
+dl,ol,ul {
+ margin-top: 0;
+ margin-bottom: 1rem
+}
+
+ol ol,ol ul,ul ol,ul ul {
+ margin-bottom: 0
+}
+
+dt {
+ font-weight: 600
+}
+
+dd {
+ margin-bottom: .5rem;
+ margin-left: 0
+}
+
+blockquote {
+ margin: 0 0 1rem
+}
+
+b,strong {
+ font-weight: bolder
+}
+
+.small,small {
+ font-size: 85.714285%
+}
+
+.mark,mark {
+ padding: .1875em;
+ color: var(--tblr-highlight-color);
+ background-color: var(--tblr-highlight-bg)
+}
+
+sub,sup {
+ position: relative;
+ font-size: .75em;
+ line-height: 0;
+ vertical-align: baseline
+}
+
+sub {
+ bottom: -.25em
+}
+
+sup {
+ top: -.5em
+}
+
+a {
+ color: rgba(var(--tblr-link-color-rgb),var(--tblr-link-opacity,1));
+ text-decoration: none
+}
+
+a:not([href]):not([class]),a:not([href]):not([class]):hover {
+ color: inherit;
+ text-decoration: none
+}
+
+code,kbd,pre,samp {
+ font-family: var(--tblr-font-monospace);
+ font-size: 1em
+}
+
+pre {
+ display: block;
+ margin-top: 0;
+ margin-bottom: 1rem;
+ overflow: auto;
+ font-size: 85.714285%;
+ color: var(--tblr-light)
+}
+
+pre code {
+ font-size: inherit;
+ color: inherit;
+ word-break: normal
+}
+
+code {
+ font-size: 85.714285%;
+ color: var(--tblr-code-color);
+ word-wrap: break-word
+}
+
+a>code {
+ color: inherit
+}
+
+kbd {
+ padding: .25rem .5rem;
+ font-size: var(--tblr-font-size-h5);
+ color: var(--tblr-text-secondary-dark);
+ background-color: var(--tblr-code-bg);
+ border-radius: 2px
+}
+
+kbd kbd {
+ padding: 0;
+ font-size: 1em
+}
+
+figure {
+ margin: 0 0 1rem
+}
+
+img,svg {
+ vertical-align: middle
+}
+
+table {
+ caption-side: bottom;
+ border-collapse: collapse
+}
+
+caption {
+ padding-top: .75rem;
+ padding-bottom: .75rem;
+ color: var(--tblr-secondary-color);
+ text-align: left
+}
+
+th {
+ text-align: inherit;
+ text-align: -webkit-match-parent
+}
+
+tbody,td,tfoot,th,thead,tr {
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0
+}
+
+label {
+ display: inline-block
+}
+
+button {
+ border-radius: 0
+}
+
+button:focus:not(:focus-visible) {
+ outline: 0
+}
+
+button,input,optgroup,select,textarea {
+ margin: 0;
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit
+}
+
+button,select {
+ text-transform: none
+}
+
+[role=button] {
+ cursor: pointer
+}
+
+select {
+ word-wrap: normal
+}
+
+select:disabled {
+ opacity: 1
+}
+
+[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
+ display: none!important
+}
+
+[type=button],[type=reset],[type=submit],button {
+ -webkit-appearance: button
+}
+
+[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
+ cursor: pointer
+}
+
+::-moz-focus-inner {
+ padding: 0;
+ border-style: none
+}
+
+textarea {
+ resize: vertical
+}
+
+fieldset {
+ min-width: 0;
+ padding: 0;
+ margin: 0;
+ border: 0
+}
+
+legend {
+ float: left;
+ width: 100%;
+ padding: 0;
+ margin-bottom: .5rem;
+ font-size: 1.5rem;
+ line-height: inherit
+}
+
+legend+* {
+ clear: left
+}
+
+::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field {
+ padding: 0
+}
+
+::-webkit-inner-spin-button {
+ height: auto
+}
+
+[type=search] {
+ -webkit-appearance: textfield;
+ outline-offset: -2px
+}
+
+::-webkit-search-decoration {
+ -webkit-appearance: none
+}
+
+::-webkit-color-swatch-wrapper {
+ padding: 0
+}
+
+::-webkit-file-upload-button {
+ font: inherit;
+ -webkit-appearance: button
+}
+
+::file-selector-button {
+ font: inherit;
+ -webkit-appearance: button
+}
+
+output {
+ display: inline-block
+}
+
+iframe {
+ border: 0
+}
+
+summary {
+ display: list-item;
+ cursor: pointer
+}
+
+progress {
+ vertical-align: baseline
+}
+
+[hidden] {
+ display: none!important
+}
+
+.lead {
+ font-size: .875rem;
+ font-weight: var(--tblr-font-weight-normal)
+}
+
+.display-1 {
+ font-size: 5rem;
+ font-weight: 300;
+ line-height: 1.2
+}
+
+.display-2 {
+ font-size: 4.5rem;
+ font-weight: 300;
+ line-height: 1.2
+}
+
+.display-3 {
+ font-size: 4rem;
+ font-weight: 300;
+ line-height: 1.2
+}
+
+.display-4 {
+ font-size: 3.5rem;
+ font-weight: 300;
+ line-height: 1.2
+}
+
+.display-5 {
+ font-size: 3rem;
+ font-weight: 300;
+ line-height: 1.2
+}
+
+.display-6 {
+ font-size: 2rem;
+ font-weight: 300;
+ line-height: 1.2
+}
+
+.list-unstyled {
+ padding-left: 0;
+ list-style: none
+}
+
+.list-inline {
+ padding-left: 0;
+ list-style: none
+}
+
+.list-inline-item {
+ display: inline-block
+}
+
+.list-inline-item:not(:last-child) {
+ margin-right: .5rem
+}
+
+.initialism {
+ font-size: 85.714285%;
+ text-transform: uppercase
+}
+
+.blockquote {
+ margin-bottom: 1rem;
+ font-size: .875rem
+}
+
+.blockquote>:last-child {
+ margin-bottom: 0
+}
+
+.blockquote-footer {
+ margin-top: -1rem;
+ margin-bottom: 1rem;
+ font-size: 85.714285%;
+ color: #49566c
+}
+
+.blockquote-footer::before {
+ content: "— "
+}
+
+.img-fluid {
+ max-width: 100%;
+ height: auto
+}
+
+.img-thumbnail {
+ padding: .25rem;
+ background-color: var(--tblr-body-bg);
+ border: var(--tblr-border-width) solid var(--tblr-border-color);
+ border-radius: var(--tblr-border-radius);
+ box-shadow: var(--tblr-box-shadow-sm);
+ max-width: 100%;
+ height: auto
+}
+
+.figure {
+ display: inline-block
+}
+
+.figure-img {
+ margin-bottom: .5rem;
+ line-height: 1
+}
+
+.figure-caption {
+ font-size: 85.714285%;
+ color: var(--tblr-secondary-color)
+}
+
+.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
+ --tblr-gutter-x: calc(var(--tblr-page-padding) * 2);
+ --tblr-gutter-y: 0;
+ width: 100%;
+ padding-right: calc(var(--tblr-gutter-x) * .5);
+ padding-left: calc(var(--tblr-gutter-x) * .5);
+ margin-right: auto;
+ margin-left: auto
+}
+
+@media (min-width: 576px) {
+ .container,.container-sm {
+ max-width:540px
+ }
+}
+
+@media (min-width: 768px) {
+ .container,.container-md,.container-sm {
+ max-width:720px
+ }
+}
+
+@media (min-width: 992px) {
+ .container,.container-lg,.container-md,.container-sm {
+ max-width:960px
+ }
+}
+
+@media (min-width: 1200px) {
+ .container,.container-lg,.container-md,.container-sm,.container-xl {
+ max-width:1140px
+ }
+}
+
+@media (min-width: 1400px) {
+ .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
+ max-width:1320px
+ }
+}
+
+:root {
+ --tblr-breakpoint-xs: 0;
+ --tblr-breakpoint-sm: 576px;
+ --tblr-breakpoint-md: 768px;
+ --tblr-breakpoint-lg: 992px;
+ --tblr-breakpoint-xl: 1200px;
+ --tblr-breakpoint-xxl: 1400px
+}
+
+.row {
+ --tblr-gutter-x: var(--tblr-page-padding);
+ --tblr-gutter-y: 0;
+ display: flex;
+ flex-wrap: wrap;
+ margin-top: calc(-1 * var(--tblr-gutter-y));
+ margin-right: calc(-.5 * var(--tblr-gutter-x));
+ margin-left: calc(-.5 * var(--tblr-gutter-x))
+}
+
+.row>* {
+ flex-shrink: 0;
+ width: 100%;
+ max-width: 100%;
+ padding-right: calc(var(--tblr-gutter-x) * .5);
+ padding-left: calc(var(--tblr-gutter-x) * .5);
+ margin-top: var(--tblr-gutter-y)
+}
+
+.grid {
+ display: grid;
+ grid-template-rows: repeat(var(--tblr-rows,1),1fr);
+ grid-template-columns: repeat(var(--tblr-columns,12),1fr);
+ gap: var(--tblr-gap,var(--tblr-page-padding))
+}
+
+.grid .g-col-1 {
+ grid-column: auto/span 1
+}
+
+.grid .g-col-2 {
+ grid-column: auto/span 2
+}
+
+.grid .g-col-3 {
+ grid-column: auto/span 3
+}
+
+.grid .g-col-4 {
+ grid-column: auto/span 4
+}
+
+.grid .g-col-5 {
+ grid-column: auto/span 5
+}
+
+.grid .g-col-6 {
+ grid-column: auto/span 6
+}
+
+.grid .g-col-7 {
+ grid-column: auto/span 7
+}
+
+.grid .g-col-8 {
+ grid-column: auto/span 8
+}
+
+.grid .g-col-9 {
+ grid-column: auto/span 9
+}
+
+.grid .g-col-10 {
+ grid-column: auto/span 10
+}
+
+.grid .g-col-11 {
+ grid-column: auto/span 11
+}
+
+.grid .g-col-12 {
+ grid-column: auto/span 12
+}
+
+.grid .g-start-1 {
+ grid-column-start: 1
+}
+
+.grid .g-start-2 {
+ grid-column-start: 2
+}
+
+.grid .g-start-3 {
+ grid-column-start: 3
+}
+
+.grid .g-start-4 {
+ grid-column-start: 4
+}
+
+.grid .g-start-5 {
+ grid-column-start: 5
+}
+
+.grid .g-start-6 {
+ grid-column-start: 6
+}
+
+.grid .g-start-7 {
+ grid-column-start: 7
+}
+
+.grid .g-start-8 {
+ grid-column-start: 8
+}
+
+.grid .g-start-9 {
+ grid-column-start: 9
+}
+
+.grid .g-start-10 {
+ grid-column-start: 10
+}
+
+.grid .g-start-11 {
+ grid-column-start: 11
+}
+
+@media (min-width: 576px) {
+ .grid .g-col-sm-1 {
+ grid-column:auto/span 1
+ }
+
+ .grid .g-col-sm-2 {
+ grid-column: auto/span 2
+ }
+
+ .grid .g-col-sm-3 {
+ grid-column: auto/span 3
+ }
+
+ .grid .g-col-sm-4 {
+ grid-column: auto/span 4
+ }
+
+ .grid .g-col-sm-5 {
+ grid-column: auto/span 5
+ }
+
+ .grid .g-col-sm-6 {
+ grid-column: auto/span 6
+ }
+
+ .grid .g-col-sm-7 {
+ grid-column: auto/span 7
+ }
+
+ .grid .g-col-sm-8 {
+ grid-column: auto/span 8
+ }
+
+ .grid .g-col-sm-9 {
+ grid-column: auto/span 9
+ }
+
+ .grid .g-col-sm-10 {
+ grid-column: auto/span 10
+ }
+
+ .grid .g-col-sm-11 {
+ grid-column: auto/span 11
+ }
+
+ .grid .g-col-sm-12 {
+ grid-column: auto/span 12
+ }
+
+ .grid .g-start-sm-1 {
+ grid-column-start: 1
+ }
+
+ .grid .g-start-sm-2 {
+ grid-column-start: 2
+ }
+
+ .grid .g-start-sm-3 {
+ grid-column-start: 3
+ }
+
+ .grid .g-start-sm-4 {
+ grid-column-start: 4
+ }
+
+ .grid .g-start-sm-5 {
+ grid-column-start: 5
+ }
+
+ .grid .g-start-sm-6 {
+ grid-column-start: 6
+ }
+
+ .grid .g-start-sm-7 {
+ grid-column-start: 7
+ }
+
+ .grid .g-start-sm-8 {
+ grid-column-start: 8
+ }
+
+ .grid .g-start-sm-9 {
+ grid-column-start: 9
+ }
+
+ .grid .g-start-sm-10 {
+ grid-column-start: 10
+ }
+
+ .grid .g-start-sm-11 {
+ grid-column-start: 11
+ }
+}
+
+@media (min-width: 768px) {
+ .grid .g-col-md-1 {
+ grid-column:auto/span 1
+ }
+
+ .grid .g-col-md-2 {
+ grid-column: auto/span 2
+ }
+
+ .grid .g-col-md-3 {
+ grid-column: auto/span 3
+ }
+
+ .grid .g-col-md-4 {
+ grid-column: auto/span 4
+ }
+
+ .grid .g-col-md-5 {
+ grid-column: auto/span 5
+ }
+
+ .grid .g-col-md-6 {
+ grid-column: auto/span 6
+ }
+
+ .grid .g-col-md-7 {
+ grid-column: auto/span 7
+ }
+
+ .grid .g-col-md-8 {
+ grid-column: auto/span 8
+ }
+
+ .grid .g-col-md-9 {
+ grid-column: auto/span 9
+ }
+
+ .grid .g-col-md-10 {
+ grid-column: auto/span 10
+ }
+
+ .grid .g-col-md-11 {
+ grid-column: auto/span 11
+ }
+
+ .grid .g-col-md-12 {
+ grid-column: auto/span 12
+ }
+
+ .grid .g-start-md-1 {
+ grid-column-start: 1
+ }
+
+ .grid .g-start-md-2 {
+ grid-column-start: 2
+ }
+
+ .grid .g-start-md-3 {
+ grid-column-start: 3
+ }
+
+ .grid .g-start-md-4 {
+ grid-column-start: 4
+ }
+
+ .grid .g-start-md-5 {
+ grid-column-start: 5
+ }
+
+ .grid .g-start-md-6 {
+ grid-column-start: 6
+ }
+
+ .grid .g-start-md-7 {
+ grid-column-start: 7
+ }
+
+ .grid .g-start-md-8 {
+ grid-column-start: 8
+ }
+
+ .grid .g-start-md-9 {
+ grid-column-start: 9
+ }
+
+ .grid .g-start-md-10 {
+ grid-column-start: 10
+ }
+
+ .grid .g-start-md-11 {
+ grid-column-start: 11
+ }
+}
+
+@media (min-width: 992px) {
+ .grid .g-col-lg-1 {
+ grid-column:auto/span 1
+ }
+
+ .grid .g-col-lg-2 {
+ grid-column: auto/span 2
+ }
+
+ .grid .g-col-lg-3 {
+ grid-column: auto/span 3
+ }
+
+ .grid .g-col-lg-4 {
+ grid-column: auto/span 4
+ }
+
+ .grid .g-col-lg-5 {
+ grid-column: auto/span 5
+ }
+
+ .grid .g-col-lg-6 {
+ grid-column: auto/span 6
+ }
+
+ .grid .g-col-lg-7 {
+ grid-column: auto/span 7
+ }
+
+ .grid .g-col-lg-8 {
+ grid-column: auto/span 8
+ }
+
+ .grid .g-col-lg-9 {
+ grid-column: auto/span 9
+ }
+
+ .grid .g-col-lg-10 {
+ grid-column: auto/span 10
+ }
+
+ .grid .g-col-lg-11 {
+ grid-column: auto/span 11
+ }
+
+ .grid .g-col-lg-12 {
+ grid-column: auto/span 12
+ }
+
+ .grid .g-start-lg-1 {
+ grid-column-start: 1
+ }
+
+ .grid .g-start-lg-2 {
+ grid-column-start: 2
+ }
+
+ .grid .g-start-lg-3 {
+ grid-column-start: 3
+ }
+
+ .grid .g-start-lg-4 {
+ grid-column-start: 4
+ }
+
+ .grid .g-start-lg-5 {
+ grid-column-start: 5
+ }
+
+ .grid .g-start-lg-6 {
+ grid-column-start: 6
+ }
+
+ .grid .g-start-lg-7 {
+ grid-column-start: 7
+ }
+
+ .grid .g-start-lg-8 {
+ grid-column-start: 8
+ }
+
+ .grid .g-start-lg-9 {
+ grid-column-start: 9
+ }
+
+ .grid .g-start-lg-10 {
+ grid-column-start: 10
+ }
+
+ .grid .g-start-lg-11 {
+ grid-column-start: 11
+ }
+}
+
+@media (min-width: 1200px) {
+ .grid .g-col-xl-1 {
+ grid-column:auto/span 1
+ }
+
+ .grid .g-col-xl-2 {
+ grid-column: auto/span 2
+ }
+
+ .grid .g-col-xl-3 {
+ grid-column: auto/span 3
+ }
+
+ .grid .g-col-xl-4 {
+ grid-column: auto/span 4
+ }
+
+ .grid .g-col-xl-5 {
+ grid-column: auto/span 5
+ }
+
+ .grid .g-col-xl-6 {
+ grid-column: auto/span 6
+ }
+
+ .grid .g-col-xl-7 {
+ grid-column: auto/span 7
+ }
+
+ .grid .g-col-xl-8 {
+ grid-column: auto/span 8
+ }
+
+ .grid .g-col-xl-9 {
+ grid-column: auto/span 9
+ }
+
+ .grid .g-col-xl-10 {
+ grid-column: auto/span 10
+ }
+
+ .grid .g-col-xl-11 {
+ grid-column: auto/span 11
+ }
+
+ .grid .g-col-xl-12 {
+ grid-column: auto/span 12
+ }
+
+ .grid .g-start-xl-1 {
+ grid-column-start: 1
+ }
+
+ .grid .g-start-xl-2 {
+ grid-column-start: 2
+ }
+
+ .grid .g-start-xl-3 {
+ grid-column-start: 3
+ }
+
+ .grid .g-start-xl-4 {
+ grid-column-start: 4
+ }
+
+ .grid .g-start-xl-5 {
+ grid-column-start: 5
+ }
+
+ .grid .g-start-xl-6 {
+ grid-column-start: 6
+ }
+
+ .grid .g-start-xl-7 {
+ grid-column-start: 7
+ }
+
+ .grid .g-start-xl-8 {
+ grid-column-start: 8
+ }
+
+ .grid .g-start-xl-9 {
+ grid-column-start: 9
+ }
+
+ .grid .g-start-xl-10 {
+ grid-column-start: 10
+ }
+
+ .grid .g-start-xl-11 {
+ grid-column-start: 11
+ }
+}
+
+@media (min-width: 1400px) {
+ .grid .g-col-xxl-1 {
+ grid-column:auto/span 1
+ }
+
+ .grid .g-col-xxl-2 {
+ grid-column: auto/span 2
+ }
+
+ .grid .g-col-xxl-3 {
+ grid-column: auto/span 3
+ }
+
+ .grid .g-col-xxl-4 {
+ grid-column: auto/span 4
+ }
+
+ .grid .g-col-xxl-5 {
+ grid-column: auto/span 5
+ }
+
+ .grid .g-col-xxl-6 {
+ grid-column: auto/span 6
+ }
+
+ .grid .g-col-xxl-7 {
+ grid-column: auto/span 7
+ }
+
+ .grid .g-col-xxl-8 {
+ grid-column: auto/span 8
+ }
+
+ .grid .g-col-xxl-9 {
+ grid-column: auto/span 9
+ }
+
+ .grid .g-col-xxl-10 {
+ grid-column: auto/span 10
+ }
+
+ .grid .g-col-xxl-11 {
+ grid-column: auto/span 11
+ }
+
+ .grid .g-col-xxl-12 {
+ grid-column: auto/span 12
+ }
+
+ .grid .g-start-xxl-1 {
+ grid-column-start: 1
+ }
+
+ .grid .g-start-xxl-2 {
+ grid-column-start: 2
+ }
+
+ .grid .g-start-xxl-3 {
+ grid-column-start: 3
+ }
+
+ .grid .g-start-xxl-4 {
+ grid-column-start: 4
+ }
+
+ .grid .g-start-xxl-5 {
+ grid-column-start: 5
+ }
+
+ .grid .g-start-xxl-6 {
+ grid-column-start: 6
+ }
+
+ .grid .g-start-xxl-7 {
+ grid-column-start: 7
+ }
+
+ .grid .g-start-xxl-8 {
+ grid-column-start: 8
+ }
+
+ .grid .g-start-xxl-9 {
+ grid-column-start: 9
+ }
+
+ .grid .g-start-xxl-10 {
+ grid-column-start: 10
+ }
+
+ .grid .g-start-xxl-11 {
+ grid-column-start: 11
+ }
+}
+
+.col {
+ flex: 1 0 0%
+}
+
+.row-cols-auto>* {
+ flex: 0 0 auto;
+ width: auto
+}
+
+.row-cols-1>* {
+ flex: 0 0 auto;
+ width: 100%
+}
+
+.row-cols-2>* {
+ flex: 0 0 auto;
+ width: 50%
+}
+
+.row-cols-3>* {
+ flex: 0 0 auto;
+ width: 33.33333333%
+}
+
+.row-cols-4>* {
+ flex: 0 0 auto;
+ width: 25%
+}
+
+.row-cols-5>* {
+ flex: 0 0 auto;
+ width: 20%
+}
+
+.row-cols-6>* {
+ flex: 0 0 auto;
+ width: 16.66666667%
+}
+
+.col-auto {
+ flex: 0 0 auto;
+ width: auto
+}
+
+.col-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%
+}
+
+.col-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%
+}
+
+.col-3 {
+ flex: 0 0 auto;
+ width: 25%
+}
+
+.col-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%
+}
+
+.col-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%
+}
+
+.col-6 {
+ flex: 0 0 auto;
+ width: 50%
+}
+
+.col-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%
+}
+
+.col-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%
+}
+
+.col-9 {
+ flex: 0 0 auto;
+ width: 75%
+}
+
+.col-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%
+}
+
+.col-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%
+}
+
+.col-12 {
+ flex: 0 0 auto;
+ width: 100%
+}
+
+.offset-1 {
+ margin-left: 8.33333333%
+}
+
+.offset-2 {
+ margin-left: 16.66666667%
+}
+
+.offset-3 {
+ margin-left: 25%
+}
+
+.offset-4 {
+ margin-left: 33.33333333%
+}
+
+.offset-5 {
+ margin-left: 41.66666667%
+}
+
+.offset-6 {
+ margin-left: 50%
+}
+
+.offset-7 {
+ margin-left: 58.33333333%
+}
+
+.offset-8 {
+ margin-left: 66.66666667%
+}
+
+.offset-9 {
+ margin-left: 75%
+}
+
+.offset-10 {
+ margin-left: 83.33333333%
+}
+
+.offset-11 {
+ margin-left: 91.66666667%
+}
+
+.g-0,.gx-0 {
+ --tblr-gutter-x: 0
+}
+
+.g-0,.gy-0 {
+ --tblr-gutter-y: 0
+}
+
+.g-1,.gx-1 {
+ --tblr-gutter-x: 0.25rem
+}
+
+.g-1,.gy-1 {
+ --tblr-gutter-y: 0.25rem
+}
+
+.g-2,.gx-2 {
+ --tblr-gutter-x: 0.5rem
+}
+
+.g-2,.gy-2 {
+ --tblr-gutter-y: 0.5rem
+}
+
+.g-3,.gx-3 {
+ --tblr-gutter-x: 1rem
+}
+
+.g-3,.gy-3 {
+ --tblr-gutter-y: 1rem
+}
+
+.g-4,.gx-4 {
+ --tblr-gutter-x: 1.5rem
+}
+
+.g-4,.gy-4 {
+ --tblr-gutter-y: 1.5rem
+}
+
+.g-5,.gx-5 {
+ --tblr-gutter-x: 2rem
+}
+
+.g-5,.gy-5 {
+ --tblr-gutter-y: 2rem
+}
+
+.g-6,.gx-6 {
+ --tblr-gutter-x: 3rem
+}
+
+.g-6,.gy-6 {
+ --tblr-gutter-y: 3rem
+}
+
+.g-7,.gx-7 {
+ --tblr-gutter-x: 5rem
+}
+
+.g-7,.gy-7 {
+ --tblr-gutter-y: 5rem
+}
+
+.g-8,.gx-8 {
+ --tblr-gutter-x: 8rem
+}
+
+.g-8,.gy-8 {
+ --tblr-gutter-y: 8rem
+}
+
+@media (min-width: 576px) {
+ .col-sm {
+ flex:1 0 0%
+ }
+
+ .row-cols-sm-auto>* {
+ flex: 0 0 auto;
+ width: auto
+ }
+
+ .row-cols-sm-1>* {
+ flex: 0 0 auto;
+ width: 100%
+ }
+
+ .row-cols-sm-2>* {
+ flex: 0 0 auto;
+ width: 50%
+ }
+
+ .row-cols-sm-3>* {
+ flex: 0 0 auto;
+ width: 33.33333333%
+ }
+
+ .row-cols-sm-4>* {
+ flex: 0 0 auto;
+ width: 25%
+ }
+
+ .row-cols-sm-5>* {
+ flex: 0 0 auto;
+ width: 20%
+ }
+
+ .row-cols-sm-6>* {
+ flex: 0 0 auto;
+ width: 16.66666667%
+ }
+
+ .col-sm-auto {
+ flex: 0 0 auto;
+ width: auto
+ }
+
+ .col-sm-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%
+ }
+
+ .col-sm-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%
+ }
+
+ .col-sm-3 {
+ flex: 0 0 auto;
+ width: 25%
+ }
+
+ .col-sm-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%
+ }
+
+ .col-sm-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%
+ }
+
+ .col-sm-6 {
+ flex: 0 0 auto;
+ width: 50%
+ }
+
+ .col-sm-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%
+ }
+
+ .col-sm-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%
+ }
+
+ .col-sm-9 {
+ flex: 0 0 auto;
+ width: 75%
+ }
+
+ .col-sm-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%
+ }
+
+ .col-sm-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%
+ }
+
+ .col-sm-12 {
+ flex: 0 0 auto;
+ width: 100%
+ }
+
+ .offset-sm-0 {
+ margin-left: 0
+ }
+
+ .offset-sm-1 {
+ margin-left: 8.33333333%
+ }
+
+ .offset-sm-2 {
+ margin-left: 16.66666667%
+ }
+
+ .offset-sm-3 {
+ margin-left: 25%
+ }
+
+ .offset-sm-4 {
+ margin-left: 33.33333333%
+ }
+
+ .offset-sm-5 {
+ margin-left: 41.66666667%
+ }
+
+ .offset-sm-6 {
+ margin-left: 50%
+ }
+
+ .offset-sm-7 {
+ margin-left: 58.33333333%
+ }
+
+ .offset-sm-8 {
+ margin-left: 66.66666667%
+ }
+
+ .offset-sm-9 {
+ margin-left: 75%
+ }
+
+ .offset-sm-10 {
+ margin-left: 83.33333333%
+ }
+
+ .offset-sm-11 {
+ margin-left: 91.66666667%
+ }
+
+ .g-sm-0,.gx-sm-0 {
+ --tblr-gutter-x: 0
+ }
+
+ .g-sm-0,.gy-sm-0 {
+ --tblr-gutter-y: 0
+ }
+
+ .g-sm-1,.gx-sm-1 {
+ --tblr-gutter-x: 0.25rem
+ }
+
+ .g-sm-1,.gy-sm-1 {
+ --tblr-gutter-y: 0.25rem
+ }
+
+ .g-sm-2,.gx-sm-2 {
+ --tblr-gutter-x: 0.5rem
+ }
+
+ .g-sm-2,.gy-sm-2 {
+ --tblr-gutter-y: 0.5rem
+ }
+
+ .g-sm-3,.gx-sm-3 {
+ --tblr-gutter-x: 1rem
+ }
+
+ .g-sm-3,.gy-sm-3 {
+ --tblr-gutter-y: 1rem
+ }
+
+ .g-sm-4,.gx-sm-4 {
+ --tblr-gutter-x: 1.5rem
+ }
+
+ .g-sm-4,.gy-sm-4 {
+ --tblr-gutter-y: 1.5rem
+ }
+
+ .g-sm-5,.gx-sm-5 {
+ --tblr-gutter-x: 2rem
+ }
+
+ .g-sm-5,.gy-sm-5 {
+ --tblr-gutter-y: 2rem
+ }
+
+ .g-sm-6,.gx-sm-6 {
+ --tblr-gutter-x: 3rem
+ }
+
+ .g-sm-6,.gy-sm-6 {
+ --tblr-gutter-y: 3rem
+ }
+
+ .g-sm-7,.gx-sm-7 {
+ --tblr-gutter-x: 5rem
+ }
+
+ .g-sm-7,.gy-sm-7 {
+ --tblr-gutter-y: 5rem
+ }
+
+ .g-sm-8,.gx-sm-8 {
+ --tblr-gutter-x: 8rem
+ }
+
+ .g-sm-8,.gy-sm-8 {
+ --tblr-gutter-y: 8rem
+ }
+}
+
+@media (min-width: 768px) {
+ .col-md {
+ flex:1 0 0%
+ }
+
+ .row-cols-md-auto>* {
+ flex: 0 0 auto;
+ width: auto
+ }
+
+ .row-cols-md-1>* {
+ flex: 0 0 auto;
+ width: 100%
+ }
+
+ .row-cols-md-2>* {
+ flex: 0 0 auto;
+ width: 50%
+ }
+
+ .row-cols-md-3>* {
+ flex: 0 0 auto;
+ width: 33.33333333%
+ }
+
+ .row-cols-md-4>* {
+ flex: 0 0 auto;
+ width: 25%
+ }
+
+ .row-cols-md-5>* {
+ flex: 0 0 auto;
+ width: 20%
+ }
+
+ .row-cols-md-6>* {
+ flex: 0 0 auto;
+ width: 16.66666667%
+ }
+
+ .col-md-auto {
+ flex: 0 0 auto;
+ width: auto
+ }
+
+ .col-md-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%
+ }
+
+ .col-md-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%
+ }
+
+ .col-md-3 {
+ flex: 0 0 auto;
+ width: 25%
+ }
+
+ .col-md-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%
+ }
+
+ .col-md-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%
+ }
+
+ .col-md-6 {
+ flex: 0 0 auto;
+ width: 50%
+ }
+
+ .col-md-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%
+ }
+
+ .col-md-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%
+ }
+
+ .col-md-9 {
+ flex: 0 0 auto;
+ width: 75%
+ }
+
+ .col-md-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%
+ }
+
+ .col-md-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%
+ }
+
+ .col-md-12 {
+ flex: 0 0 auto;
+ width: 100%
+ }
+
+ .offset-md-0 {
+ margin-left: 0
+ }
+
+ .offset-md-1 {
+ margin-left: 8.33333333%
+ }
+
+ .offset-md-2 {
+ margin-left: 16.66666667%
+ }
+
+ .offset-md-3 {
+ margin-left: 25%
+ }
+
+ .offset-md-4 {
+ margin-left: 33.33333333%
+ }
+
+ .offset-md-5 {
+ margin-left: 41.66666667%
+ }
+
+ .offset-md-6 {
+ margin-left: 50%
+ }
+
+ .offset-md-7 {
+ margin-left: 58.33333333%
+ }
+
+ .offset-md-8 {
+ margin-left: 66.66666667%
+ }
+
+ .offset-md-9 {
+ margin-left: 75%
+ }
+
+ .offset-md-10 {
+ margin-left: 83.33333333%
+ }
+
+ .offset-md-11 {
+ margin-left: 91.66666667%
+ }
+
+ .g-md-0,.gx-md-0 {
+ --tblr-gutter-x: 0
+ }
+
+ .g-md-0,.gy-md-0 {
+ --tblr-gutter-y: 0
+ }
+
+ .g-md-1,.gx-md-1 {
+ --tblr-gutter-x: 0.25rem
+ }
+
+ .g-md-1,.gy-md-1 {
+ --tblr-gutter-y: 0.25rem
+ }
+
+ .g-md-2,.gx-md-2 {
+ --tblr-gutter-x: 0.5rem
+ }
+
+ .g-md-2,.gy-md-2 {
+ --tblr-gutter-y: 0.5rem
+ }
+
+ .g-md-3,.gx-md-3 {
+ --tblr-gutter-x: 1rem
+ }
+
+ .g-md-3,.gy-md-3 {
+ --tblr-gutter-y: 1rem
+ }
+
+ .g-md-4,.gx-md-4 {
+ --tblr-gutter-x: 1.5rem
+ }
+
+ .g-md-4,.gy-md-4 {
+ --tblr-gutter-y: 1.5rem
+ }
+
+ .g-md-5,.gx-md-5 {
+ --tblr-gutter-x: 2rem
+ }
+
+ .g-md-5,.gy-md-5 {
+ --tblr-gutter-y: 2rem
+ }
+
+ .g-md-6,.gx-md-6 {
+ --tblr-gutter-x: 3rem
+ }
+
+ .g-md-6,.gy-md-6 {
+ --tblr-gutter-y: 3rem
+ }
+
+ .g-md-7,.gx-md-7 {
+ --tblr-gutter-x: 5rem
+ }
+
+ .g-md-7,.gy-md-7 {
+ --tblr-gutter-y: 5rem
+ }
+
+ .g-md-8,.gx-md-8 {
+ --tblr-gutter-x: 8rem
+ }
+
+ .g-md-8,.gy-md-8 {
+ --tblr-gutter-y: 8rem
+ }
+}
+
+@media (min-width: 992px) {
+ .col-lg {
+ flex:1 0 0%
+ }
+
+ .row-cols-lg-auto>* {
+ flex: 0 0 auto;
+ width: auto
+ }
+
+ .row-cols-lg-1>* {
+ flex: 0 0 auto;
+ width: 100%
+ }
+
+ .row-cols-lg-2>* {
+ flex: 0 0 auto;
+ width: 50%
+ }
+
+ .row-cols-lg-3>* {
+ flex: 0 0 auto;
+ width: 33.33333333%
+ }
+
+ .row-cols-lg-4>* {
+ flex: 0 0 auto;
+ width: 25%
+ }
+
+ .row-cols-lg-5>* {
+ flex: 0 0 auto;
+ width: 20%
+ }
+
+ .row-cols-lg-6>* {
+ flex: 0 0 auto;
+ width: 16.66666667%
+ }
+
+ .col-lg-auto {
+ flex: 0 0 auto;
+ width: auto
+ }
+
+ .col-lg-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%
+ }
+
+ .col-lg-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%
+ }
+
+ .col-lg-3 {
+ flex: 0 0 auto;
+ width: 25%
+ }
+
+ .col-lg-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%
+ }
+
+ .col-lg-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%
+ }
+
+ .col-lg-6 {
+ flex: 0 0 auto;
+ width: 50%
+ }
+
+ .col-lg-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%
+ }
+
+ .col-lg-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%
+ }
+
+ .col-lg-9 {
+ flex: 0 0 auto;
+ width: 75%
+ }
+
+ .col-lg-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%
+ }
+
+ .col-lg-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%
+ }
+
+ .col-lg-12 {
+ flex: 0 0 auto;
+ width: 100%
+ }
+
+ .offset-lg-0 {
+ margin-left: 0
+ }
+
+ .offset-lg-1 {
+ margin-left: 8.33333333%
+ }
+
+ .offset-lg-2 {
+ margin-left: 16.66666667%
+ }
+
+ .offset-lg-3 {
+ margin-left: 25%
+ }
+
+ .offset-lg-4 {
+ margin-left: 33.33333333%
+ }
+
+ .offset-lg-5 {
+ margin-left: 41.66666667%
+ }
+
+ .offset-lg-6 {
+ margin-left: 50%
+ }
+
+ .offset-lg-7 {
+ margin-left: 58.33333333%
+ }
+
+ .offset-lg-8 {
+ margin-left: 66.66666667%
+ }
+
+ .offset-lg-9 {
+ margin-left: 75%
+ }
+
+ .offset-lg-10 {
+ margin-left: 83.33333333%
+ }
+
+ .offset-lg-11 {
+ margin-left: 91.66666667%
+ }
+
+ .g-lg-0,.gx-lg-0 {
+ --tblr-gutter-x: 0
+ }
+
+ .g-lg-0,.gy-lg-0 {
+ --tblr-gutter-y: 0
+ }
+
+ .g-lg-1,.gx-lg-1 {
+ --tblr-gutter-x: 0.25rem
+ }
+
+ .g-lg-1,.gy-lg-1 {
+ --tblr-gutter-y: 0.25rem
+ }
+
+ .g-lg-2,.gx-lg-2 {
+ --tblr-gutter-x: 0.5rem
+ }
+
+ .g-lg-2,.gy-lg-2 {
+ --tblr-gutter-y: 0.5rem
+ }
+
+ .g-lg-3,.gx-lg-3 {
+ --tblr-gutter-x: 1rem
+ }
+
+ .g-lg-3,.gy-lg-3 {
+ --tblr-gutter-y: 1rem
+ }
+
+ .g-lg-4,.gx-lg-4 {
+ --tblr-gutter-x: 1.5rem
+ }
+
+ .g-lg-4,.gy-lg-4 {
+ --tblr-gutter-y: 1.5rem
+ }
+
+ .g-lg-5,.gx-lg-5 {
+ --tblr-gutter-x: 2rem
+ }
+
+ .g-lg-5,.gy-lg-5 {
+ --tblr-gutter-y: 2rem
+ }
+
+ .g-lg-6,.gx-lg-6 {
+ --tblr-gutter-x: 3rem
+ }
+
+ .g-lg-6,.gy-lg-6 {
+ --tblr-gutter-y: 3rem
+ }
+
+ .g-lg-7,.gx-lg-7 {
+ --tblr-gutter-x: 5rem
+ }
+
+ .g-lg-7,.gy-lg-7 {
+ --tblr-gutter-y: 5rem
+ }
+
+ .g-lg-8,.gx-lg-8 {
+ --tblr-gutter-x: 8rem
+ }
+
+ .g-lg-8,.gy-lg-8 {
+ --tblr-gutter-y: 8rem
+ }
+}
+
+@media (min-width: 1200px) {
+ .col-xl {
+ flex:1 0 0%
+ }
+
+ .row-cols-xl-auto>* {
+ flex: 0 0 auto;
+ width: auto
+ }
+
+ .row-cols-xl-1>* {
+ flex: 0 0 auto;
+ width: 100%
+ }
+
+ .row-cols-xl-2>* {
+ flex: 0 0 auto;
+ width: 50%
+ }
+
+ .row-cols-xl-3>* {
+ flex: 0 0 auto;
+ width: 33.33333333%
+ }
+
+ .row-cols-xl-4>* {
+ flex: 0 0 auto;
+ width: 25%
+ }
+
+ .row-cols-xl-5>* {
+ flex: 0 0 auto;
+ width: 20%
+ }
+
+ .row-cols-xl-6>* {
+ flex: 0 0 auto;
+ width: 16.66666667%
+ }
+
+ .col-xl-auto {
+ flex: 0 0 auto;
+ width: auto
+ }
+
+ .col-xl-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%
+ }
+
+ .col-xl-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%
+ }
+
+ .col-xl-3 {
+ flex: 0 0 auto;
+ width: 25%
+ }
+
+ .col-xl-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%
+ }
+
+ .col-xl-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%
+ }
+
+ .col-xl-6 {
+ flex: 0 0 auto;
+ width: 50%
+ }
+
+ .col-xl-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%
+ }
+
+ .col-xl-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%
+ }
+
+ .col-xl-9 {
+ flex: 0 0 auto;
+ width: 75%
+ }
+
+ .col-xl-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%
+ }
+
+ .col-xl-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%
+ }
+
+ .col-xl-12 {
+ flex: 0 0 auto;
+ width: 100%
+ }
+
+ .offset-xl-0 {
+ margin-left: 0
+ }
+
+ .offset-xl-1 {
+ margin-left: 8.33333333%
+ }
+
+ .offset-xl-2 {
+ margin-left: 16.66666667%
+ }
+
+ .offset-xl-3 {
+ margin-left: 25%
+ }
+
+ .offset-xl-4 {
+ margin-left: 33.33333333%
+ }
+
+ .offset-xl-5 {
+ margin-left: 41.66666667%
+ }
+
+ .offset-xl-6 {
+ margin-left: 50%
+ }
+
+ .offset-xl-7 {
+ margin-left: 58.33333333%
+ }
+
+ .offset-xl-8 {
+ margin-left: 66.66666667%
+ }
+
+ .offset-xl-9 {
+ margin-left: 75%
+ }
+
+ .offset-xl-10 {
+ margin-left: 83.33333333%
+ }
+
+ .offset-xl-11 {
+ margin-left: 91.66666667%
+ }
+
+ .g-xl-0,.gx-xl-0 {
+ --tblr-gutter-x: 0
+ }
+
+ .g-xl-0,.gy-xl-0 {
+ --tblr-gutter-y: 0
+ }
+
+ .g-xl-1,.gx-xl-1 {
+ --tblr-gutter-x: 0.25rem
+ }
+
+ .g-xl-1,.gy-xl-1 {
+ --tblr-gutter-y: 0.25rem
+ }
+
+ .g-xl-2,.gx-xl-2 {
+ --tblr-gutter-x: 0.5rem
+ }
+
+ .g-xl-2,.gy-xl-2 {
+ --tblr-gutter-y: 0.5rem
+ }
+
+ .g-xl-3,.gx-xl-3 {
+ --tblr-gutter-x: 1rem
+ }
+
+ .g-xl-3,.gy-xl-3 {
+ --tblr-gutter-y: 1rem
+ }
+
+ .g-xl-4,.gx-xl-4 {
+ --tblr-gutter-x: 1.5rem
+ }
+
+ .g-xl-4,.gy-xl-4 {
+ --tblr-gutter-y: 1.5rem
+ }
+
+ .g-xl-5,.gx-xl-5 {
+ --tblr-gutter-x: 2rem
+ }
+
+ .g-xl-5,.gy-xl-5 {
+ --tblr-gutter-y: 2rem
+ }
+
+ .g-xl-6,.gx-xl-6 {
+ --tblr-gutter-x: 3rem
+ }
+
+ .g-xl-6,.gy-xl-6 {
+ --tblr-gutter-y: 3rem
+ }
+
+ .g-xl-7,.gx-xl-7 {
+ --tblr-gutter-x: 5rem
+ }
+
+ .g-xl-7,.gy-xl-7 {
+ --tblr-gutter-y: 5rem
+ }
+
+ .g-xl-8,.gx-xl-8 {
+ --tblr-gutter-x: 8rem
+ }
+
+ .g-xl-8,.gy-xl-8 {
+ --tblr-gutter-y: 8rem
+ }
+}
+
+@media (min-width: 1400px) {
+ .col-xxl {
+ flex:1 0 0%
+ }
+
+ .row-cols-xxl-auto>* {
+ flex: 0 0 auto;
+ width: auto
+ }
+
+ .row-cols-xxl-1>* {
+ flex: 0 0 auto;
+ width: 100%
+ }
+
+ .row-cols-xxl-2>* {
+ flex: 0 0 auto;
+ width: 50%
+ }
+
+ .row-cols-xxl-3>* {
+ flex: 0 0 auto;
+ width: 33.33333333%
+ }
+
+ .row-cols-xxl-4>* {
+ flex: 0 0 auto;
+ width: 25%
+ }
+
+ .row-cols-xxl-5>* {
+ flex: 0 0 auto;
+ width: 20%
+ }
+
+ .row-cols-xxl-6>* {
+ flex: 0 0 auto;
+ width: 16.66666667%
+ }
+
+ .col-xxl-auto {
+ flex: 0 0 auto;
+ width: auto
+ }
+
+ .col-xxl-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%
+ }
+
+ .col-xxl-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%
+ }
+
+ .col-xxl-3 {
+ flex: 0 0 auto;
+ width: 25%
+ }
+
+ .col-xxl-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%
+ }
+
+ .col-xxl-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%
+ }
+
+ .col-xxl-6 {
+ flex: 0 0 auto;
+ width: 50%
+ }
+
+ .col-xxl-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%
+ }
+
+ .col-xxl-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%
+ }
+
+ .col-xxl-9 {
+ flex: 0 0 auto;
+ width: 75%
+ }
+
+ .col-xxl-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%
+ }
+
+ .col-xxl-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%
+ }
+
+ .col-xxl-12 {
+ flex: 0 0 auto;
+ width: 100%
+ }
+
+ .offset-xxl-0 {
+ margin-left: 0
+ }
+
+ .offset-xxl-1 {
+ margin-left: 8.33333333%
+ }
+
+ .offset-xxl-2 {
+ margin-left: 16.66666667%
+ }
+
+ .offset-xxl-3 {
+ margin-left: 25%
+ }
+
+ .offset-xxl-4 {
+ margin-left: 33.33333333%
+ }
+
+ .offset-xxl-5 {
+ margin-left: 41.66666667%
+ }
+
+ .offset-xxl-6 {
+ margin-left: 50%
+ }
+
+ .offset-xxl-7 {
+ margin-left: 58.33333333%
+ }
+
+ .offset-xxl-8 {
+ margin-left: 66.66666667%
+ }
+
+ .offset-xxl-9 {
+ margin-left: 75%
+ }
+
+ .offset-xxl-10 {
+ margin-left: 83.33333333%
+ }
+
+ .offset-xxl-11 {
+ margin-left: 91.66666667%
+ }
+
+ .g-xxl-0,.gx-xxl-0 {
+ --tblr-gutter-x: 0
+ }
+
+ .g-xxl-0,.gy-xxl-0 {
+ --tblr-gutter-y: 0
+ }
+
+ .g-xxl-1,.gx-xxl-1 {
+ --tblr-gutter-x: 0.25rem
+ }
+
+ .g-xxl-1,.gy-xxl-1 {
+ --tblr-gutter-y: 0.25rem
+ }
+
+ .g-xxl-2,.gx-xxl-2 {
+ --tblr-gutter-x: 0.5rem
+ }
+
+ .g-xxl-2,.gy-xxl-2 {
+ --tblr-gutter-y: 0.5rem
+ }
+
+ .g-xxl-3,.gx-xxl-3 {
+ --tblr-gutter-x: 1rem
+ }
+
+ .g-xxl-3,.gy-xxl-3 {
+ --tblr-gutter-y: 1rem
+ }
+
+ .g-xxl-4,.gx-xxl-4 {
+ --tblr-gutter-x: 1.5rem
+ }
+
+ .g-xxl-4,.gy-xxl-4 {
+ --tblr-gutter-y: 1.5rem
+ }
+
+ .g-xxl-5,.gx-xxl-5 {
+ --tblr-gutter-x: 2rem
+ }
+
+ .g-xxl-5,.gy-xxl-5 {
+ --tblr-gutter-y: 2rem
+ }
+
+ .g-xxl-6,.gx-xxl-6 {
+ --tblr-gutter-x: 3rem
+ }
+
+ .g-xxl-6,.gy-xxl-6 {
+ --tblr-gutter-y: 3rem
+ }
+
+ .g-xxl-7,.gx-xxl-7 {
+ --tblr-gutter-x: 5rem
+ }
+
+ .g-xxl-7,.gy-xxl-7 {
+ --tblr-gutter-y: 5rem
+ }
+
+ .g-xxl-8,.gx-xxl-8 {
+ --tblr-gutter-x: 8rem
+ }
+
+ .g-xxl-8,.gy-xxl-8 {
+ --tblr-gutter-y: 8rem
+ }
+}
+
+.markdown>table,.table {
+ --tblr-table-color-type: initial;
+ --tblr-table-bg-type: initial;
+ --tblr-table-color-state: initial;
+ --tblr-table-bg-state: initial;
+ --tblr-table-color: inherit;
+ --tblr-table-bg: transparent;
+ --tblr-table-border-color: var(--tblr-border-color-translucent);
+ --tblr-table-accent-bg: transparent;
+ --tblr-table-striped-color: inherit;
+ --tblr-table-striped-bg: var(--tblr-bg-surface-tertiary);
+ --tblr-table-active-color: inherit;
+ --tblr-table-active-bg: rgba(var(--tblr-emphasis-color-rgb), 0.1);
+ --tblr-table-hover-color: inherit;
+ --tblr-table-hover-bg: rgba(var(--tblr-emphasis-color-rgb), 0.075);
+ width: 100%;
+ margin-bottom: 1rem;
+ vertical-align: top;
+ border-color: var(--tblr-table-border-color)
+}
+
+.markdown>table>:not(caption)>*>*,.table>:not(caption)>*>* {
+ padding: .75rem .75rem;
+ color: var(--tblr-table-color-state,var(--tblr-table-color-type,var(--tblr-table-color)));
+ background-color: var(--tblr-table-bg);
+ border-bottom-width: var(--tblr-border-width);
+ box-shadow: inset 0 0 0 9999px var(--tblr-table-bg-state,var(--tblr-table-bg-type,var(--tblr-table-accent-bg)))
+}
+
+.markdown>table>tbody,.table>tbody {
+ vertical-align: inherit
+}
+
+.markdown>table>thead,.table>thead {
+ vertical-align: bottom
+}
+
+.table-group-divider {
+ border-top: calc(var(--tblr-border-width) * 2) solid var(--tblr-border-color-translucent)
+}
+
+.caption-top {
+ caption-side: top
+}
+
+.table-sm>:not(caption)>*>* {
+ padding: .25rem .25rem
+}
+
+.markdown>table>:not(caption)>*,.table-bordered>:not(caption)>* {
+ border-width: var(--tblr-border-width) 0
+}
+
+.markdown>table>:not(caption)>*>*,.table-bordered>:not(caption)>*>* {
+ border-width: 0 var(--tblr-border-width)
+}
+
+.table-borderless>:not(caption)>*>* {
+ border-bottom-width: 0
+}
+
+.table-borderless>:not(:first-child) {
+ border-top-width: 0
+}
+
+.table-striped>tbody>tr:nth-of-type(even)>* {
+ --tblr-table-color-type: var(--tblr-table-striped-color);
+ --tblr-table-bg-type: var(--tblr-table-striped-bg)
+}
+
+.table-striped-columns>:not(caption)>tr>:nth-child(even) {
+ --tblr-table-color-type: var(--tblr-table-striped-color);
+ --tblr-table-bg-type: var(--tblr-table-striped-bg)
+}
+
+.table-active {
+ --tblr-table-color-state: var(--tblr-table-active-color);
+ --tblr-table-bg-state: var(--tblr-table-active-bg)
+}
+
+.table-hover>tbody>tr:hover>* {
+ --tblr-table-color-state: var(--tblr-table-hover-color);
+ --tblr-table-bg-state: var(--tblr-table-hover-bg)
+}
+
+.table-primary {
+ --tblr-table-color: #182433;
+ --tblr-table-bg: #cde2f6;
+ --tblr-table-border-color: #a9bccf;
+ --tblr-table-striped-bg: #c4d9ec;
+ --tblr-table-striped-color: #182433;
+ --tblr-table-active-bg: #bbcfe3;
+ --tblr-table-active-color: #f6f8fb;
+ --tblr-table-hover-bg: #bfd4e7;
+ --tblr-table-hover-color: #182433;
+ color: var(--tblr-table-color);
+ border-color: var(--tblr-table-border-color)
+}
+
+.table-secondary {
+ --tblr-table-color: #182433;
+ --tblr-table-bg: #e2e4e9;
+ --tblr-table-border-color: #babec5;
+ --tblr-table-striped-bg: #d8dae0;
+ --tblr-table-striped-color: #182433;
+ --tblr-table-active-bg: #ced1d7;
+ --tblr-table-active-color: #182433;
+ --tblr-table-hover-bg: #d3d6db;
+ --tblr-table-hover-color: #182433;
+ color: var(--tblr-table-color);
+ border-color: var(--tblr-table-border-color)
+}
+
+.table-success {
+ --tblr-table-color: #182433;
+ --tblr-table-bg: #d5f0da;
+ --tblr-table-border-color: #afc7b9;
+ --tblr-table-striped-bg: #cce6d2;
+ --tblr-table-striped-color: #182433;
+ --tblr-table-active-bg: #c2dcc9;
+ --tblr-table-active-color: #182433;
+ --tblr-table-hover-bg: #c7e1cd;
+ --tblr-table-hover-color: #182433;
+ color: var(--tblr-table-color);
+ border-color: var(--tblr-table-border-color)
+}
+
+.table-info {
+ --tblr-table-color: #182433;
+ --tblr-table-bg: #d9ebf9;
+ --tblr-table-border-color: #b2c3d1;
+ --tblr-table-striped-bg: #cfe1ef;
+ --tblr-table-striped-color: #182433;
+ --tblr-table-active-bg: #c6d7e5;
+ --tblr-table-active-color: #182433;
+ --tblr-table-hover-bg: #cbdcea;
+ --tblr-table-hover-color: #182433;
+ color: var(--tblr-table-color);
+ border-color: var(--tblr-table-border-color)
+}
+
+.table-warning {
+ --tblr-table-color: #182433;
+ --tblr-table-bg: #fde1cd;
+ --tblr-table-border-color: #cfbbae;
+ --tblr-table-striped-bg: #f2d8c5;
+ --tblr-table-striped-color: #182433;
+ --tblr-table-active-bg: #e6cebe;
+ --tblr-table-active-color: #182433;
+ --tblr-table-hover-bg: #ecd3c1;
+ --tblr-table-hover-color: #182433;
+ color: var(--tblr-table-color);
+ border-color: var(--tblr-table-border-color)
+}
+
+.table-danger {
+ --tblr-table-color: #182433;
+ --tblr-table-bg: #f7d7d7;
+ --tblr-table-border-color: #cab3b6;
+ --tblr-table-striped-bg: #eccecf;
+ --tblr-table-striped-color: #182433;
+ --tblr-table-active-bg: #e1c5c7;
+ --tblr-table-active-color: #f6f8fb;
+ --tblr-table-hover-bg: #e6cacb;
+ --tblr-table-hover-color: #182433;
+ color: var(--tblr-table-color);
+ border-color: var(--tblr-table-border-color)
+}
+
+.table-light {
+ --tblr-table-color: #182433;
+ --tblr-table-bg: #f6f8fb;
+ --tblr-table-border-color: #caced3;
+ --tblr-table-striped-bg: #ebedf1;
+ --tblr-table-striped-color: #182433;
+ --tblr-table-active-bg: #e0e3e7;
+ --tblr-table-active-color: #182433;
+ --tblr-table-hover-bg: #e5e8ec;
+ --tblr-table-hover-color: #182433;
+ color: var(--tblr-table-color);
+ border-color: var(--tblr-table-border-color)
+}
+
+.table-dark {
+ --tblr-table-color: #f6f8fb;
+ --tblr-table-bg: #182433;
+ --tblr-table-border-color: #444e5b;
+ --tblr-table-striped-bg: #232f3d;
+ --tblr-table-striped-color: #f6f8fb;
+ --tblr-table-active-bg: #2e3947;
+ --tblr-table-active-color: #f6f8fb;
+ --tblr-table-hover-bg: #293442;
+ --tblr-table-hover-color: #f6f8fb;
+ color: var(--tblr-table-color);
+ border-color: var(--tblr-table-border-color)
+}
+
+.table-responsive {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch
+}
+
+@media (max-width: 575.98px) {
+ .table-responsive-sm {
+ overflow-x:auto;
+ -webkit-overflow-scrolling: touch
+ }
+}
+
+@media (max-width: 767.98px) {
+ .table-responsive-md {
+ overflow-x:auto;
+ -webkit-overflow-scrolling: touch
+ }
+}
+
+@media (max-width: 991.98px) {
+ .table-responsive-lg {
+ overflow-x:auto;
+ -webkit-overflow-scrolling: touch
+ }
+}
+
+@media (max-width: 1199.98px) {
+ .table-responsive-xl {
+ overflow-x:auto;
+ -webkit-overflow-scrolling: touch
+ }
+}
+
+@media (max-width: 1399.98px) {
+ .table-responsive-xxl {
+ overflow-x:auto;
+ -webkit-overflow-scrolling: touch
+ }
+}
+
+.form-label {
+ margin-bottom: .5rem;
+ font-size: .875rem;
+ font-weight: var(--tblr-font-weight-medium)
+}
+
+.col-form-label {
+ padding-top: calc(.5625rem + var(--tblr-border-width));
+ padding-bottom: calc(.5625rem + var(--tblr-border-width));
+ margin-bottom: 0;
+ font-size: inherit;
+ font-weight: var(--tblr-font-weight-medium);
+ line-height: 1.4285714286
+}
+
+.col-form-label-lg {
+ padding-top: calc(.5rem + var(--tblr-border-width));
+ padding-bottom: calc(.5rem + var(--tblr-border-width));
+ font-size: 1.25rem
+}
+
+.col-form-label-sm {
+ padding-top: calc(.125rem + var(--tblr-border-width));
+ padding-bottom: calc(.125rem + var(--tblr-border-width));
+ font-size: .75rem
+}
+
+.form-text {
+ margin-top: .25rem;
+ font-size: 85.714285%;
+ color: var(--tblr-secondary-color)
+}
+
+.form-control {
+ display: block;
+ width: 100%;
+ padding: .5625rem .75rem;
+ font-family: var(--tblr-font-sans-serif);
+ font-size: .875rem;
+ font-weight: 400;
+ line-height: 1.4285714286;
+ color: var(--tblr-body-color);
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ background-color: var(--tblr-bg-forms);
+ background-clip: padding-box;
+ border: var(--tblr-border-width) solid var(--tblr-border-color);
+ border-radius: var(--tblr-border-radius);
+ box-shadow: var(--tblr-box-shadow-input);
+ transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .form-control {
+ transition: none
+ }
+}
+
+.form-control[type=file] {
+ overflow: hidden
+}
+
+.form-control[type=file]:not(:disabled):not([readonly]) {
+ cursor: pointer
+}
+
+.form-control:focus {
+ color: var(--tblr-body-color);
+ background-color: var(--tblr-bg-forms);
+ border-color: #83b7e8;
+ outline: 0;
+ box-shadow: var(--tblr-box-shadow-input),0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25)
+}
+
+.form-control::-webkit-date-and-time-value {
+ min-width: 85px;
+ height: 1.4285714286em;
+ margin: 0
+}
+
+.form-control::-webkit-datetime-edit {
+ display: block;
+ padding: 0
+}
+
+.form-control::-webkit-input-placeholder {
+ color: #8a97ab;
+ opacity: 1
+}
+
+.form-control:-ms-input-placeholder {
+ color: #8a97ab;
+ opacity: 1
+}
+
+.form-control::-ms-input-placeholder {
+ color: #8a97ab;
+ opacity: 1
+}
+
+.form-control::placeholder {
+ color: #8a97ab;
+ opacity: 1
+}
+
+.form-control:disabled {
+ background-color: var(--tblr-bg-surface-secondary);
+ opacity: 1
+}
+
+.form-control::-webkit-file-upload-button {
+ padding: .5625rem .75rem;
+ margin: -.5625rem -.75rem;
+ -webkit-margin-end: .75rem;
+ margin-inline-end:.75rem;color: var(--tblr-body-color);
+ background-color: var(--tblr-tertiary-bg);
+ pointer-events: none;
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+ border-inline-end-width:var(--tblr-border-width);border-radius: 0;
+ -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+ transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
+}
+
+.form-control::file-selector-button {
+ padding: .5625rem .75rem;
+ margin: -.5625rem -.75rem;
+ -webkit-margin-end: .75rem;
+ margin-inline-end:.75rem;color: var(--tblr-body-color);
+ background-color: var(--tblr-tertiary-bg);
+ pointer-events: none;
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+ border-inline-end-width:var(--tblr-border-width);border-radius: 0;
+ transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .form-control::-webkit-file-upload-button {
+ -webkit-transition: none;
+ transition: none
+ }
+
+ .form-control::file-selector-button {
+ transition: none
+ }
+}
+
+.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
+ background-color: var(--tblr-secondary-bg)
+}
+
+.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
+ background-color: var(--tblr-secondary-bg)
+}
+
+.form-control-plaintext {
+ display: block;
+ width: 100%;
+ padding: .5625rem 0;
+ margin-bottom: 0;
+ line-height: 1.4285714286;
+ color: var(--tblr-body-color);
+ background-color: transparent;
+ border: solid transparent;
+ border-width: var(--tblr-border-width) 0
+}
+
+.form-control-plaintext:focus {
+ outline: 0
+}
+
+.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm {
+ padding-right: 0;
+ padding-left: 0
+}
+
+.form-control-sm {
+ min-height: calc(1.4285714286em + .25rem + calc(var(--tblr-border-width) * 2));
+ padding: .125rem .25rem;
+ font-size: .75rem;
+ border-radius: var(--tblr-border-radius-sm)
+}
+
+.form-control-sm::-webkit-file-upload-button {
+ padding: .125rem .25rem;
+ margin: -.125rem -.25rem;
+ -webkit-margin-end: .25rem;
+ margin-inline-end:.25rem}
+
+.form-control-sm::file-selector-button {
+ padding: .125rem .25rem;
+ margin: -.125rem -.25rem;
+ -webkit-margin-end: .25rem;
+ margin-inline-end:.25rem}
+
+.form-control-lg {
+ min-height: calc(1.4285714286em + 1rem + calc(var(--tblr-border-width) * 2));
+ padding: .5rem .75rem;
+ font-size: 1.25rem;
+ border-radius: var(--tblr-border-radius-lg)
+}
+
+.form-control-lg::-webkit-file-upload-button {
+ padding: .5rem .75rem;
+ margin: -.5rem -.75rem;
+ -webkit-margin-end: .75rem;
+ margin-inline-end:.75rem}
+
+.form-control-lg::file-selector-button {
+ padding: .5rem .75rem;
+ margin: -.5rem -.75rem;
+ -webkit-margin-end: .75rem;
+ margin-inline-end:.75rem}
+
+textarea.form-control {
+ min-height: calc(1.4285714286em + 1.125rem + calc(var(--tblr-border-width) * 2))
+}
+
+textarea.form-control-sm {
+ min-height: calc(1.4285714286em + .25rem + calc(var(--tblr-border-width) * 2))
+}
+
+textarea.form-control-lg {
+ min-height: calc(1.4285714286em + 1rem + calc(var(--tblr-border-width) * 2))
+}
+
+.form-control-color {
+ width: 3rem;
+ height: calc(1.4285714286em + 1.125rem + calc(var(--tblr-border-width) * 2));
+ padding: .5625rem
+}
+
+.form-control-color:not(:disabled):not([readonly]) {
+ cursor: pointer
+}
+
+.form-control-color::-moz-color-swatch {
+ border: 0!important;
+ border-radius: var(--tblr-border-radius)
+}
+
+.form-control-color::-webkit-color-swatch {
+ border: 0!important;
+ border-radius: var(--tblr-border-radius)
+}
+
+.form-control-color.form-control-sm {
+ height: calc(1.4285714286em + .25rem + calc(var(--tblr-border-width) * 2))
+}
+
+.form-control-color.form-control-lg {
+ height: calc(1.4285714286em + 1rem + calc(var(--tblr-border-width) * 2))
+}
+
+.form-select {
+ --tblr-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%238a97ab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+ display: block;
+ width: 100%;
+ padding: .5625rem 2.25rem .5625rem .75rem;
+ font-family: var(--tblr-font-sans-serif);
+ font-size: .875rem;
+ font-weight: 400;
+ line-height: 1.4285714286;
+ color: var(--tblr-body-color);
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ background-color: var(--tblr-bg-forms);
+ background-image: var(--tblr-form-select-bg-img),var(--tblr-form-select-bg-icon,none);
+ background-repeat: no-repeat;
+ background-position: right .75rem center;
+ background-size: 16px 12px;
+ border: var(--tblr-border-width) solid var(--tblr-border-color);
+ border-radius: var(--tblr-border-radius);
+ box-shadow: var(--tblr-box-shadow-input);
+ transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .form-select {
+ transition: none
+ }
+}
+
+.form-select:focus {
+ border-color: #83b7e8;
+ outline: 0;
+ box-shadow: var(--tblr-box-shadow-input),0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25)
+}
+
+.form-select[multiple],.form-select[size]:not([size="1"]) {
+ padding-right: .75rem;
+ background-image: none
+}
+
+.form-select:disabled {
+ background-color: var(--tblr-bg-surface-secondary)
+}
+
+.form-select:-moz-focusring {
+ color: transparent;
+ text-shadow: 0 0 0 var(--tblr-body-color)
+}
+
+.form-select-sm {
+ padding-top: .125rem;
+ padding-bottom: .125rem;
+ padding-left: .25rem;
+ font-size: .75rem;
+ border-radius: var(--tblr-border-radius-sm)
+}
+
+.form-select-lg {
+ padding-top: .5rem;
+ padding-bottom: .5rem;
+ padding-left: .75rem;
+ font-size: 1.25rem;
+ border-radius: var(--tblr-border-radius-lg)
+}
+
+[data-bs-theme=dark] .form-select,body[data-bs-theme=dark] [data-bs-theme=light] .form-select {
+ --tblr-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dce1e7' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
+}
+
+.form-check {
+ display: block;
+ min-height: 1.25rem;
+ padding-left: 2rem;
+ margin-bottom: .75rem
+}
+
+.form-check .form-check-input {
+ float: left;
+ margin-left: -2rem
+}
+
+.form-check-reverse {
+ padding-right: 2rem;
+ padding-left: 0;
+ text-align: right
+}
+
+.form-check-reverse .form-check-input {
+ float: right;
+ margin-right: -2rem;
+ margin-left: 0
+}
+
+.form-check-input {
+ --tblr-form-check-bg: var(--tblr-bg-forms);
+ flex-shrink: 0;
+ width: 1.25rem;
+ height: 1.25rem;
+ margin-top: .0892857143rem;
+ vertical-align: top;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ background-color: var(--tblr-form-check-bg);
+ background-image: var(--tblr-form-check-bg-image);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: contain;
+ border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
+ -webkit-print-color-adjust: exact;
+ color-adjust: exact;
+ print-color-adjust: exact
+}
+
+.form-check-input[type=checkbox] {
+ border-radius: var(--tblr-border-radius)
+}
+
+.form-check-input[type=radio] {
+ border-radius: 50%
+}
+
+.form-check-input:active {
+ filter: brightness(90%)
+}
+
+.form-check-input:focus {
+ border-color: #83b7e8;
+ outline: 0;
+ box-shadow: 0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25)
+}
+
+.form-check-input:checked {
+ background-color: var(--tblr-primary);
+ border-color: var(--tblr-border-color-translucent)
+}
+
+.form-check-input:checked[type=checkbox] {
+ --tblr-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e")
+}
+
+.form-check-input:checked[type=radio] {
+ --tblr-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e")
+}
+
+.form-check-input[type=checkbox]:indeterminate {
+ background-color: var(--tblr-primary);
+ border-color: var(--tblr-primary);
+ --tblr-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
+}
+
+.form-check-input:disabled {
+ pointer-events: none;
+ filter: none;
+ opacity: .5
+}
+
+.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label {
+ cursor: default;
+ opacity: .7
+}
+
+.form-switch {
+ padding-left: 2.5rem
+}
+
+.form-switch .form-check-input {
+ --tblr-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23dce1e7'/%3e%3c/svg%3e");
+ width: 2rem;
+ margin-left: -2.5rem;
+ background-image: var(--tblr-form-switch-bg);
+ background-position: left center;
+ border-radius: 2rem;
+ transition: background-position .15s ease-in-out
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .form-switch .form-check-input {
+ transition: none
+ }
+}
+
+.form-switch .form-check-input:focus {
+ --tblr-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2383b7e8'/%3e%3c/svg%3e")
+}
+
+.form-switch .form-check-input:checked {
+ background-position: right center;
+ --tblr-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e")
+}
+
+.form-switch.form-check-reverse {
+ padding-right: 2.5rem;
+ padding-left: 0
+}
+
+.form-switch.form-check-reverse .form-check-input {
+ margin-right: -2.5rem;
+ margin-left: 0
+}
+
+.form-check-inline {
+ display: inline-block;
+ margin-right: 1rem
+}
+
+.btn-check {
+ position: absolute;
+ clip: rect(0,0,0,0);
+ pointer-events: none
+}
+
+.btn-check:disabled+.btn,.btn-check[disabled]+.btn {
+ pointer-events: none;
+ filter: none;
+ opacity: .4
+}
+
+[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
+ --tblr-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")
+}
+
+.form-range {
+ width: 100%;
+ height: 1.25rem;
+ padding: 0;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ background-color: transparent
+}
+
+.form-range:focus {
+ outline: 0
+}
+
+.form-range:focus::-webkit-slider-thumb {
+ box-shadow: 0 0 0 1px #f6f8fb,0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25)
+}
+
+.form-range:focus::-moz-range-thumb {
+ box-shadow: 0 0 0 1px #f6f8fb,0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25)
+}
+
+.form-range::-moz-focus-outer {
+ border: 0
+}
+
+.form-range::-webkit-slider-thumb {
+ width: 1rem;
+ height: 1rem;
+ margin-top: -.375rem;
+ -webkit-appearance: none;
+ appearance: none;
+ background-color: var(--tblr-primary);
+ border: 2px var(--tblr-border-style) #fff;
+ border-radius: 1rem;
+ box-shadow: 0 .1rem .25rem rgba(0,0,0,.1);
+ -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+ transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .form-range::-webkit-slider-thumb {
+ -webkit-transition: none;
+ transition: none
+ }
+}
+
+.form-range::-webkit-slider-thumb:active {
+ background-color: #b4d4f1
+}
+
+.form-range::-webkit-slider-runnable-track {
+ width: 100%;
+ height: .25rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: var(--tblr-border-color);
+ border-color: transparent;
+ border-radius: 1rem;
+ box-shadow: var(--tblr-box-shadow-inset)
+}
+
+.form-range::-moz-range-thumb {
+ width: 1rem;
+ height: 1rem;
+ -moz-appearance: none;
+ appearance: none;
+ background-color: var(--tblr-primary);
+ border: 2px var(--tblr-border-style) #fff;
+ border-radius: 1rem;
+ box-shadow: 0 .1rem .25rem rgba(0,0,0,.1);
+ -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+ transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .form-range::-moz-range-thumb {
+ -moz-transition: none;
+ transition: none
+ }
+}
+
+.form-range::-moz-range-thumb:active {
+ background-color: #b4d4f1
+}
+
+.form-range::-moz-range-track {
+ width: 100%;
+ height: .25rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: var(--tblr-border-color);
+ border-color: transparent;
+ border-radius: 1rem;
+ box-shadow: var(--tblr-box-shadow-inset)
+}
+
+.form-range:disabled {
+ pointer-events: none
+}
+
+.form-range:disabled::-webkit-slider-thumb {
+ background-color: var(--tblr-secondary-color)
+}
+
+.form-range:disabled::-moz-range-thumb {
+ background-color: var(--tblr-secondary-color)
+}
+
+.form-floating {
+ position: relative
+}
+
+.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select {
+ height: calc(3.5rem + calc(var(--tblr-border-width) * 2));
+ min-height: calc(3.5rem + calc(var(--tblr-border-width) * 2));
+ line-height: 1.25
+}
+
+.form-floating>label {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 2;
+ height: 100%;
+ padding: 1rem .75rem;
+ overflow: hidden;
+ text-align: start;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ pointer-events: none;
+ border: var(--tblr-border-width) solid transparent;
+ transform-origin: 0 0;
+ transition: opacity .1s ease-in-out,transform .1s ease-in-out
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .form-floating>label {
+ transition: none
+ }
+}
+
+.form-floating>.form-control,.form-floating>.form-control-plaintext {
+ padding: 1rem .75rem
+}
+
+.form-floating>.form-control-plaintext::-webkit-input-placeholder,.form-floating>.form-control::-webkit-input-placeholder {
+ color: transparent
+}
+
+.form-floating>.form-control-plaintext:-ms-input-placeholder,.form-floating>.form-control:-ms-input-placeholder {
+ color: transparent
+}
+
+.form-floating>.form-control-plaintext::-ms-input-placeholder,.form-floating>.form-control::-ms-input-placeholder {
+ color: transparent
+}
+
+.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder {
+ color: transparent
+}
+
+.form-floating>.form-control-plaintext:not(:-ms-input-placeholder),.form-floating>.form-control:not(:-ms-input-placeholder) {
+ padding-top: 1.625rem;
+ padding-bottom: .625rem
+}
+
+.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown) {
+ padding-top: 1.625rem;
+ padding-bottom: .625rem
+}
+
+.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill {
+ padding-top: 1.625rem;
+ padding-bottom: .625rem
+}
+
+.form-floating>.form-select {
+ padding-top: 1.625rem;
+ padding-bottom: .625rem
+}
+
+.form-floating>.form-control:not(:-ms-input-placeholder)~label {
+ color: rgba(var(--tblr-body-color-rgb),.65);
+ transform: scale(.85) translateY(-.5rem) translateX(.15rem)
+}
+
+.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label {
+ color: rgba(var(--tblr-body-color-rgb),.65);
+ transform: scale(.85) translateY(-.5rem) translateX(.15rem)
+}
+
+.form-floating>.form-control:not(:-ms-input-placeholder)~label::after {
+ position: absolute;
+ inset: 1rem .375rem;
+ z-index: -1;
+ height: 1.5em;
+ content: "";
+ background-color: var(--tblr-bg-forms);
+ border-radius: var(--tblr-border-radius)
+}
+
+.form-floating>.form-control-plaintext~label::after,.form-floating>.form-control:focus~label::after,.form-floating>.form-control:not(:placeholder-shown)~label::after,.form-floating>.form-select~label::after {
+ position: absolute;
+ inset: 1rem .375rem;
+ z-index: -1;
+ height: 1.5em;
+ content: "";
+ background-color: var(--tblr-bg-forms);
+ border-radius: var(--tblr-border-radius)
+}
+
+.form-floating>.form-control:-webkit-autofill~label {
+ color: rgba(var(--tblr-body-color-rgb),.65);
+ transform: scale(.85) translateY(-.5rem) translateX(.15rem)
+}
+
+.form-floating>.form-control-plaintext~label {
+ border-width: var(--tblr-border-width) 0
+}
+
+.form-floating>.form-control:disabled~label,.form-floating>:disabled~label {
+ color: #49566c
+}
+
+.form-floating>.form-control:disabled~label::after,.form-floating>:disabled~label::after {
+ background-color: var(--tblr-bg-surface-secondary)
+}
+
+.input-group {
+ position: relative;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: stretch;
+ width: 100%
+}
+
+.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select {
+ position: relative;
+ flex: 1 1 auto;
+ width: 1%;
+ min-width: 0
+}
+
+.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus {
+ z-index: 5
+}
+
+.input-group .btn {
+ position: relative;
+ z-index: 2
+}
+
+.input-group .btn:focus {
+ z-index: 5
+}
+
+.input-group-text {
+ display: flex;
+ align-items: center;
+ padding: .5625rem .75rem;
+ font-size: .875rem;
+ font-weight: 400;
+ line-height: 1.4285714286;
+ color: var(--tblr-gray-500);
+ text-align: center;
+ white-space: nowrap;
+ background-color: var(--tblr-bg-surface-secondary);
+ border: var(--tblr-border-width) solid var(--tblr-border-color);
+ border-radius: var(--tblr-border-radius)
+}
+
+.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text {
+ padding: .5rem .75rem;
+ font-size: 1.25rem;
+ border-radius: var(--tblr-border-radius-lg)
+}
+
+.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text {
+ padding: .125rem .25rem;
+ font-size: .75rem;
+ border-radius: var(--tblr-border-radius-sm)
+}
+
+.input-group-lg>.form-select,.input-group-sm>.form-select {
+ padding-right: 3rem
+}
+
+.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0
+}
+
+.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0
+}
+
+.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
+ margin-left: calc(var(--tblr-border-width) * -1);
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0
+}
+
+.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0
+}
+
+.valid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: .25rem;
+ font-size: 85.714285%;
+ color: var(--tblr-form-valid-color)
+}
+
+.valid-tooltip {
+ position: absolute;
+ top: 100%;
+ z-index: 5;
+ display: none;
+ max-width: 100%;
+ padding: var(--tblr-spacer-2) var(--tblr-spacer-2);
+ margin-top: .1rem;
+ font-size: .765625rem;
+ color: #fff;
+ background-color: var(--tblr-success);
+ border-radius: var(--tblr-border-radius)
+}
+
+.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip {
+ display: block
+}
+
+.form-control.is-valid,.was-validated .form-control:valid {
+ border-color: var(--tblr-form-valid-border-color);
+ padding-right: calc(1.4285714286em + 1.125rem);
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: right calc(.3571428572em + .28125rem) center;
+ background-size: calc(.7142857143em + .5625rem) calc(.7142857143em + .5625rem)
+}
+
+.form-control.is-valid:focus,.was-validated .form-control:valid:focus {
+ border-color: var(--tblr-form-valid-border-color);
+ box-shadow: var(--tblr-box-shadow-input),0 0 0 .25rem rgba(var(--tblr-success-rgb),.25)
+}
+
+.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
+ padding-right: calc(1.4285714286em + 1.125rem);
+ background-position: top calc(.3571428572em + .28125rem) right calc(.3571428572em + .28125rem)
+}
+
+.form-select.is-valid,.was-validated .form-select:valid {
+ border-color: var(--tblr-form-valid-border-color)
+}
+
+.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"] {
+ --tblr-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
+ padding-right: 4.125rem;
+ background-position: right .75rem center,center right 2.25rem;
+ background-size: 16px 12px,calc(.7142857143em + .5625rem) calc(.7142857143em + .5625rem)
+}
+
+.form-select.is-valid:focus,.was-validated .form-select:valid:focus {
+ border-color: var(--tblr-form-valid-border-color);
+ box-shadow: var(--tblr-box-shadow-input),0 0 0 .25rem rgba(var(--tblr-success-rgb),.25)
+}
+
+.form-control-color.is-valid,.was-validated .form-control-color:valid {
+ width: calc(3rem + calc(1.4285714286em + 1.125rem))
+}
+
+.form-check-input.is-valid,.was-validated .form-check-input:valid {
+ border-color: var(--tblr-form-valid-border-color)
+}
+
+.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked {
+ background-color: var(--tblr-form-valid-color)
+}
+
+.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus {
+ box-shadow: 0 0 0 .25rem rgba(var(--tblr-success-rgb),.25)
+}
+
+.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
+ color: var(--tblr-form-valid-color)
+}
+
+.form-check-inline .form-check-input~.valid-feedback {
+ margin-left: .5em
+}
+
+.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid {
+ z-index: 3
+}
+
+.invalid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: .25rem;
+ font-size: 85.714285%;
+ color: var(--tblr-form-invalid-color)
+}
+
+.invalid-tooltip {
+ position: absolute;
+ top: 100%;
+ z-index: 5;
+ display: none;
+ max-width: 100%;
+ padding: var(--tblr-spacer-2) var(--tblr-spacer-2);
+ margin-top: .1rem;
+ font-size: .765625rem;
+ color: #fff;
+ background-color: var(--tblr-danger);
+ border-radius: var(--tblr-border-radius)
+}
+
+.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip {
+ display: block
+}
+
+.form-control.is-invalid,.was-validated .form-control:invalid {
+ border-color: var(--tblr-form-invalid-border-color);
+ padding-right: calc(1.4285714286em + 1.125rem);
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: right calc(.3571428572em + .28125rem) center;
+ background-size: calc(.7142857143em + .5625rem) calc(.7142857143em + .5625rem)
+}
+
+.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {
+ border-color: var(--tblr-form-invalid-border-color);
+ box-shadow: var(--tblr-box-shadow-input),0 0 0 .25rem rgba(var(--tblr-danger-rgb),.25)
+}
+
+.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
+ padding-right: calc(1.4285714286em + 1.125rem);
+ background-position: top calc(.3571428572em + .28125rem) right calc(.3571428572em + .28125rem)
+}
+
+.form-select.is-invalid,.was-validated .form-select:invalid {
+ border-color: var(--tblr-form-invalid-border-color)
+}
+
+.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"] {
+ --tblr-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
+ padding-right: 4.125rem;
+ background-position: right .75rem center,center right 2.25rem;
+ background-size: 16px 12px,calc(.7142857143em + .5625rem) calc(.7142857143em + .5625rem)
+}
+
+.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus {
+ border-color: var(--tblr-form-invalid-border-color);
+ box-shadow: var(--tblr-box-shadow-input),0 0 0 .25rem rgba(var(--tblr-danger-rgb),.25)
+}
+
+.form-control-color.is-invalid,.was-validated .form-control-color:invalid {
+ width: calc(3rem + calc(1.4285714286em + 1.125rem))
+}
+
+.form-check-input.is-invalid,.was-validated .form-check-input:invalid {
+ border-color: var(--tblr-form-invalid-border-color)
+}
+
+.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked {
+ background-color: var(--tblr-form-invalid-color)
+}
+
+.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus {
+ box-shadow: 0 0 0 .25rem rgba(var(--tblr-danger-rgb),.25)
+}
+
+.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
+ color: var(--tblr-form-invalid-color)
+}
+
+.form-check-inline .form-check-input~.invalid-feedback {
+ margin-left: .5em
+}
+
+.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid {
+ z-index: 4
+}
+
+.btn {
+ --tblr-btn-padding-x: 1rem;
+ --tblr-btn-padding-y: 0.5625rem;
+ --tblr-btn-font-family: var(--tblr-font-sans-serif);
+ --tblr-btn-font-size: 0.875rem;
+ --tblr-btn-font-weight: var(--tblr-font-weight-medium);
+ --tblr-btn-line-height: 1.4285714286;
+ --tblr-btn-color: var(--tblr-body-color);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-width: var(--tblr-border-width);
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-border-radius: var(--tblr-border-radius);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input);
+ --tblr-btn-disabled-opacity: 0.4;
+ --tblr-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--tblr-btn-focus-shadow-rgb), .5);
+ display: inline-block;
+ padding: var(--tblr-btn-padding-y) var(--tblr-btn-padding-x);
+ font-family: var(--tblr-btn-font-family);
+ font-size: var(--tblr-btn-font-size);
+ font-weight: var(--tblr-btn-font-weight);
+ line-height: var(--tblr-btn-line-height);
+ color: var(--tblr-btn-color);
+ text-align: center;
+ vertical-align: middle;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ border: var(--tblr-btn-border-width) solid var(--tblr-btn-border-color);
+ border-radius: var(--tblr-btn-border-radius);
+ background-color: var(--tblr-btn-bg);
+ box-shadow: var(--tblr-btn-box-shadow);
+ transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .btn {
+ transition: none
+ }
+}
+
+.btn:hover {
+ color: var(--tblr-btn-hover-color);
+ text-decoration: none;
+ background-color: var(--tblr-btn-hover-bg);
+ border-color: var(--tblr-btn-hover-border-color)
+}
+
+.btn-check+.btn:hover {
+ color: var(--tblr-btn-color);
+ background-color: var(--tblr-btn-bg);
+ border-color: var(--tblr-btn-border-color)
+}
+
+.btn:focus-visible {
+ color: var(--tblr-btn-hover-color);
+ background-color: var(--tblr-btn-hover-bg);
+ border-color: var(--tblr-btn-hover-border-color);
+ outline: 0;
+ box-shadow: var(--tblr-btn-box-shadow),var(--tblr-btn-focus-box-shadow)
+}
+
+.btn-check:focus-visible+.btn {
+ border-color: var(--tblr-btn-hover-border-color);
+ outline: 0;
+ box-shadow: var(--tblr-btn-box-shadow),var(--tblr-btn-focus-box-shadow)
+}
+
+.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active {
+ color: var(--tblr-btn-active-color);
+ background-color: var(--tblr-btn-active-bg);
+ border-color: var(--tblr-btn-active-border-color);
+ box-shadow: var(--tblr-btn-active-shadow)
+}
+
+.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible {
+ box-shadow: var(--tblr-btn-active-shadow),var(--tblr-btn-focus-box-shadow)
+}
+
+.btn-check:checked:focus-visible+.btn {
+ box-shadow: var(--tblr-btn-active-shadow),var(--tblr-btn-focus-box-shadow)
+}
+
+.btn.disabled,.btn:disabled,fieldset:disabled .btn {
+ color: var(--tblr-btn-disabled-color);
+ pointer-events: none;
+ background-color: var(--tblr-btn-disabled-bg);
+ border-color: var(--tblr-btn-disabled-border-color);
+ opacity: var(--tblr-btn-disabled-opacity);
+ box-shadow: none
+}
+
+.btn-link {
+ --tblr-btn-font-weight: 400;
+ --tblr-btn-color: var(--tblr-link-color);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-link-hover-color);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-color: var(--tblr-link-hover-color);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-disabled-color: #49566c;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-btn-box-shadow: 0 0 0 #000;
+ --tblr-btn-focus-shadow-rgb: 42,132,215;
+ text-decoration: none
+}
+
+.btn-link:focus-visible,.btn-link:hover {
+ text-decoration: underline
+}
+
+.btn-link:focus-visible {
+ color: var(--tblr-btn-color)
+}
+
+.btn-link:hover {
+ color: var(--tblr-btn-hover-color)
+}
+
+.btn-group-lg>.btn,.btn-lg {
+ --tblr-btn-padding-y: 0.5rem;
+ --tblr-btn-padding-x: 0.75rem;
+ --tblr-btn-font-size: 1.25rem;
+ --tblr-btn-border-radius: var(--tblr-border-radius-lg)
+}
+
+.btn-group-sm>.btn,.btn-sm {
+ --tblr-btn-padding-y: 0.125rem;
+ --tblr-btn-padding-x: 0.25rem;
+ --tblr-btn-font-size: 0.75rem;
+ --tblr-btn-border-radius: var(--tblr-border-radius-sm)
+}
+
+.fade {
+ transition: opacity .15s linear
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .fade {
+ transition: none
+ }
+}
+
+.fade:not(.show) {
+ opacity: 0
+}
+
+.collapse:not(.show) {
+ display: none
+}
+
+.collapsing {
+ height: 0;
+ overflow: hidden;
+ transition: height .35s ease
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .collapsing {
+ transition: none
+ }
+}
+
+.collapsing.collapse-horizontal {
+ width: 0;
+ height: auto;
+ transition: width .35s ease
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .collapsing.collapse-horizontal {
+ transition: none
+ }
+}
+
+.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center {
+ position: relative
+}
+
+.dropdown-toggle {
+ white-space: nowrap
+}
+
+.dropdown-toggle:after {
+ content: "";
+ display: inline-block;
+ vertical-align: .306em;
+ width: .36em;
+ height: .36em;
+ border-bottom: 1px var(--tblr-border-style);
+ border-left: 1px var(--tblr-border-style);
+ margin-right: .1em;
+ margin-left: .4em;
+ transform: rotate(-45deg)
+}
+
+.dropdown-menu {
+ --tblr-dropdown-zindex: 1000;
+ --tblr-dropdown-min-width: 11rem;
+ --tblr-dropdown-padding-x: 0;
+ --tblr-dropdown-padding-y: 0.25rem;
+ --tblr-dropdown-spacer: 1px;
+ --tblr-dropdown-font-size: 0.875rem;
+ --tblr-dropdown-color: var(--tblr-body-color);
+ --tblr-dropdown-bg: var(--tblr-bg-surface);
+ --tblr-dropdown-border-color: var(--tblr-border-color-translucent);
+ --tblr-dropdown-border-radius: var(--tblr-border-radius);
+ --tblr-dropdown-border-width: var(--tblr-border-width);
+ --tblr-dropdown-inner-border-radius: calc(var(--tblr-border-radius) - var(--tblr-border-width));
+ --tblr-dropdown-divider-bg: var(--tblr-border-color-translucent);
+ --tblr-dropdown-divider-margin-y: var(--tblr-spacer-2);
+ --tblr-dropdown-box-shadow: var(--tblr-box-shadow-dropdown);
+ --tblr-dropdown-link-color: inherit;
+ --tblr-dropdown-link-hover-color: inherit;
+ --tblr-dropdown-link-hover-bg: rgba(var(--tblr-secondary-rgb), 0.08);
+ --tblr-dropdown-link-active-color: var(--tblr-primary);
+ --tblr-dropdown-link-active-bg: var(--tblr-active-bg);
+ --tblr-dropdown-link-disabled-color: var(--tblr-tertiary-color);
+ --tblr-dropdown-item-padding-x: 0.75rem;
+ --tblr-dropdown-item-padding-y: 0.5rem;
+ --tblr-dropdown-header-color: #49566c;
+ --tblr-dropdown-header-padding-x: 0.75rem;
+ --tblr-dropdown-header-padding-y: 0.25rem;
+ position: absolute;
+ z-index: var(--tblr-dropdown-zindex);
+ display: none;
+ min-width: var(--tblr-dropdown-min-width);
+ padding: var(--tblr-dropdown-padding-y) var(--tblr-dropdown-padding-x);
+ margin: 0;
+ font-size: var(--tblr-dropdown-font-size);
+ color: var(--tblr-dropdown-color);
+ text-align: left;
+ list-style: none;
+ background-color: var(--tblr-dropdown-bg);
+ background-clip: padding-box;
+ border: var(--tblr-dropdown-border-width) solid var(--tblr-dropdown-border-color);
+ border-radius: var(--tblr-dropdown-border-radius);
+ box-shadow: var(--tblr-dropdown-box-shadow)
+}
+
+.dropdown-menu[data-bs-popper] {
+ top: 100%;
+ left: 0;
+ margin-top: var(--tblr-dropdown-spacer)
+}
+
+.dropdown-menu-start {
+ --bs-position: start
+}
+
+.dropdown-menu-start[data-bs-popper] {
+ right: auto;
+ left: 0
+}
+
+.dropdown-menu-end {
+ --bs-position: end
+}
+
+.dropdown-menu-end[data-bs-popper] {
+ right: 0;
+ left: auto
+}
+
+@media (min-width: 576px) {
+ .dropdown-menu-sm-start {
+ --bs-position:start
+ }
+
+ .dropdown-menu-sm-start[data-bs-popper] {
+ right: auto;
+ left: 0
+ }
+
+ .dropdown-menu-sm-end {
+ --bs-position: end
+ }
+
+ .dropdown-menu-sm-end[data-bs-popper] {
+ right: 0;
+ left: auto
+ }
+}
+
+@media (min-width: 768px) {
+ .dropdown-menu-md-start {
+ --bs-position:start
+ }
+
+ .dropdown-menu-md-start[data-bs-popper] {
+ right: auto;
+ left: 0
+ }
+
+ .dropdown-menu-md-end {
+ --bs-position: end
+ }
+
+ .dropdown-menu-md-end[data-bs-popper] {
+ right: 0;
+ left: auto
+ }
+}
+
+@media (min-width: 992px) {
+ .dropdown-menu-lg-start {
+ --bs-position:start
+ }
+
+ .dropdown-menu-lg-start[data-bs-popper] {
+ right: auto;
+ left: 0
+ }
+
+ .dropdown-menu-lg-end {
+ --bs-position: end
+ }
+
+ .dropdown-menu-lg-end[data-bs-popper] {
+ right: 0;
+ left: auto
+ }
+}
+
+@media (min-width: 1200px) {
+ .dropdown-menu-xl-start {
+ --bs-position:start
+ }
+
+ .dropdown-menu-xl-start[data-bs-popper] {
+ right: auto;
+ left: 0
+ }
+
+ .dropdown-menu-xl-end {
+ --bs-position: end
+ }
+
+ .dropdown-menu-xl-end[data-bs-popper] {
+ right: 0;
+ left: auto
+ }
+}
+
+@media (min-width: 1400px) {
+ .dropdown-menu-xxl-start {
+ --bs-position:start
+ }
+
+ .dropdown-menu-xxl-start[data-bs-popper] {
+ right: auto;
+ left: 0
+ }
+
+ .dropdown-menu-xxl-end {
+ --bs-position: end
+ }
+
+ .dropdown-menu-xxl-end[data-bs-popper] {
+ right: 0;
+ left: auto
+ }
+}
+
+.dropup .dropdown-menu[data-bs-popper] {
+ top: auto;
+ bottom: 100%;
+ margin-top: 0;
+ margin-bottom: var(--tblr-dropdown-spacer)
+}
+
+.dropup .dropdown-toggle:after {
+ content: "";
+ display: inline-block;
+ vertical-align: .306em;
+ width: .36em;
+ height: .36em;
+ border-bottom: 1px var(--tblr-border-style);
+ border-left: 1px var(--tblr-border-style);
+ margin-right: .1em;
+ margin-left: .4em;
+ transform: rotate(135deg)
+}
+
+.dropend .dropdown-menu[data-bs-popper] {
+ top: 0;
+ right: auto;
+ left: 100%;
+ margin-top: 0;
+ margin-left: var(--tblr-dropdown-spacer)
+}
+
+.dropend .dropdown-toggle:after {
+ content: "";
+ display: inline-block;
+ vertical-align: .306em;
+ width: .36em;
+ height: .36em;
+ border-bottom: 1px var(--tblr-border-style);
+ border-left: 1px var(--tblr-border-style);
+ margin-right: .1em;
+ margin-left: .4em;
+ transform: rotate(-135deg)
+}
+
+.dropend .dropdown-toggle::after {
+ vertical-align: 0
+}
+
+.dropstart .dropdown-menu[data-bs-popper] {
+ top: 0;
+ right: 100%;
+ left: auto;
+ margin-top: 0;
+ margin-right: var(--tblr-dropdown-spacer)
+}
+
+.dropstart .dropdown-toggle:after {
+ content: "";
+ display: inline-block;
+ vertical-align: .306em;
+ width: .36em;
+ height: .36em;
+ border-bottom: 1px var(--tblr-border-style);
+ border-left: 1px var(--tblr-border-style);
+ margin-right: .1em;
+ margin-left: .4em;
+ transform: rotate(45deg)
+}
+
+.dropstart .dropdown-toggle::before {
+ vertical-align: 0
+}
+
+.dropdown-divider {
+ height: 0;
+ margin: var(--tblr-dropdown-divider-margin-y) 0;
+ overflow: hidden;
+ border-top: 1px solid var(--tblr-dropdown-divider-bg);
+ opacity: 1
+}
+
+.dropdown-item {
+ display: block;
+ width: 100%;
+ padding: var(--tblr-dropdown-item-padding-y) var(--tblr-dropdown-item-padding-x);
+ clear: both;
+ font-weight: 400;
+ color: var(--tblr-dropdown-link-color);
+ text-align: inherit;
+ white-space: nowrap;
+ background-color: transparent;
+ border: 0;
+ border-radius: var(--tblr-dropdown-item-border-radius,0)
+}
+
+.dropdown-item:focus,.dropdown-item:hover {
+ color: var(--tblr-dropdown-link-hover-color);
+ text-decoration: none;
+ background-color: var(--tblr-dropdown-link-hover-bg)
+}
+
+.dropdown-item.active,.dropdown-item:active {
+ color: var(--tblr-dropdown-link-active-color);
+ text-decoration: none;
+ background-color: var(--tblr-dropdown-link-active-bg)
+}
+
+.dropdown-item.disabled,.dropdown-item:disabled {
+ color: var(--tblr-dropdown-link-disabled-color);
+ pointer-events: none;
+ background-color: transparent
+}
+
+.dropdown-menu.show {
+ display: block
+}
+
+.dropdown-header {
+ display: block;
+ padding: var(--tblr-dropdown-header-padding-y) var(--tblr-dropdown-header-padding-x);
+ margin-bottom: 0;
+ font-size: .765625rem;
+ color: var(--tblr-dropdown-header-color);
+ white-space: nowrap
+}
+
+.dropdown-item-text {
+ display: block;
+ padding: var(--tblr-dropdown-item-padding-y) var(--tblr-dropdown-item-padding-x);
+ color: var(--tblr-dropdown-link-color)
+}
+
+.dropdown-menu-dark {
+ --tblr-dropdown-color: #b8c4d4;
+ --tblr-dropdown-bg: #182433;
+ --tblr-dropdown-border-color: var(--tblr-border-color-translucent);
+ --tblr-dropdown-link-color: #b8c4d4;
+ --tblr-dropdown-link-hover-color: #ffffff;
+ --tblr-dropdown-divider-bg: var(--tblr-border-color-translucent);
+ --tblr-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
+ --tblr-dropdown-link-active-color: var(--tblr-primary);
+ --tblr-dropdown-link-active-bg: var(--tblr-active-bg);
+ --tblr-dropdown-link-disabled-color: #6c7a91;
+ --tblr-dropdown-header-color: #6c7a91
+}
+
+.btn-group,.btn-group-vertical {
+ position: relative;
+ display: inline-flex;
+ vertical-align: middle
+}
+
+.btn-group-vertical>.btn,.btn-group>.btn {
+ position: relative;
+ flex: 1 1 auto
+}
+
+.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
+ z-index: 1
+}
+
+.btn-toolbar {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start
+}
+
+.btn-toolbar .input-group {
+ width: auto
+}
+
+.btn-group {
+ border-radius: var(--tblr-border-radius)
+}
+
+.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn {
+ margin-left: calc(var(--tblr-border-width) * -1)
+}
+
+.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0
+}
+
+.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0
+}
+
+.dropdown-toggle-split {
+ padding-right: .75rem;
+ padding-left: .75rem
+}
+
+.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after {
+ margin-left: 0
+}
+
+.dropstart .dropdown-toggle-split::before {
+ margin-right: 0
+}
+
+.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {
+ padding-right: .1875rem;
+ padding-left: .1875rem
+}
+
+.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {
+ padding-right: .5625rem;
+ padding-left: .5625rem
+}
+
+.btn-group.show .dropdown-toggle {
+ box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
+}
+
+.btn-group.show .dropdown-toggle.btn-link {
+ box-shadow: none
+}
+
+.btn-group-vertical {
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: center
+}
+
+.btn-group-vertical>.btn,.btn-group-vertical>.btn-group {
+ width: 100%
+}
+
+.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) {
+ margin-top: calc(var(--tblr-border-width) * -1)
+}
+
+.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0
+}
+
+.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0
+}
+
+.nav {
+ --tblr-nav-link-padding-x: 0.75rem;
+ --tblr-nav-link-padding-y: 0.5rem;
+ --tblr-nav-link-color: var(--tblr-gray-500);
+ --tblr-nav-link-hover-color: var(--tblr-link-hover-color);
+ --tblr-nav-link-disabled-color: var(--tblr-disabled-color);
+ display: flex;
+ flex-wrap: wrap;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none
+}
+
+.nav-link {
+ display: block;
+ padding: var(--tblr-nav-link-padding-y) var(--tblr-nav-link-padding-x);
+ font-size: var(--tblr-nav-link-font-size);
+ font-weight: var(--tblr-nav-link-font-weight);
+ color: var(--tblr-nav-link-color);
+ background: 0 0;
+ border: 0;
+ transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .nav-link {
+ transition: none
+ }
+}
+
+.nav-link:focus,.nav-link:hover {
+ color: var(--tblr-nav-link-hover-color);
+ text-decoration: none
+}
+
+.nav-link:focus-visible {
+ outline: 0;
+ box-shadow: 0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25)
+}
+
+.nav-link.disabled,.nav-link:disabled {
+ color: var(--tblr-nav-link-disabled-color);
+ pointer-events: none;
+ cursor: default
+}
+
+.nav-tabs {
+ --tblr-nav-tabs-border-width: var(--tblr-border-width);
+ --tblr-nav-tabs-border-color: var(--tblr-border-color);
+ --tblr-nav-tabs-border-radius: var(--tblr-border-radius);
+ --tblr-nav-tabs-link-hover-border-color: var(--tblr-border-color) var(--tblr-border-color) var(--tblr-border-color);
+ --tblr-nav-tabs-link-active-color: var(--tblr-body-color);
+ --tblr-nav-tabs-link-active-bg: var(--tblr-body-bg);
+ --tblr-nav-tabs-link-active-border-color: var(--tblr-border-color) var(--tblr-border-color) var(--tblr-border-color);
+ border-bottom: var(--tblr-nav-tabs-border-width) solid var(--tblr-nav-tabs-border-color)
+}
+
+.nav-tabs .nav-link {
+ margin-bottom: calc(-1 * var(--tblr-nav-tabs-border-width));
+ border: var(--tblr-nav-tabs-border-width) solid transparent;
+ border-top-left-radius: var(--tblr-nav-tabs-border-radius);
+ border-top-right-radius: var(--tblr-nav-tabs-border-radius)
+}
+
+.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
+ isolation: isolate;
+ border-color: var(--tblr-nav-tabs-link-hover-border-color)
+}
+
+.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
+ color: var(--tblr-nav-tabs-link-active-color);
+ background-color: var(--tblr-nav-tabs-link-active-bg);
+ border-color: var(--tblr-nav-tabs-link-active-border-color)
+}
+
+.nav-tabs .dropdown-menu {
+ margin-top: calc(-1 * var(--tblr-nav-tabs-border-width));
+ border-top-left-radius: 0;
+ border-top-right-radius: 0
+}
+
+.nav-pills {
+ --tblr-nav-pills-border-radius: var(--tblr-border-radius);
+ --tblr-nav-pills-link-active-color: var(--tblr-primary);
+ --tblr-nav-pills-link-active-bg: var(--tblr-active-bg)
+}
+
+.nav-pills .nav-link {
+ border-radius: var(--tblr-nav-pills-border-radius)
+}
+
+.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
+ color: var(--tblr-nav-pills-link-active-color);
+ background-color: var(--tblr-nav-pills-link-active-bg)
+}
+
+.nav-underline {
+ --tblr-nav-underline-gap: 1rem;
+ --tblr-nav-underline-border-width: 0.125rem;
+ --tblr-nav-underline-link-active-color: var(--tblr-emphasis-color);
+ gap: var(--tblr-nav-underline-gap)
+}
+
+.nav-underline .nav-link {
+ padding-right: 0;
+ padding-left: 0;
+ border-bottom: var(--tblr-nav-underline-border-width) solid transparent
+}
+
+.nav-underline .nav-link:focus,.nav-underline .nav-link:hover {
+ border-bottom-color: currentcolor
+}
+
+.nav-underline .nav-link.active,.nav-underline .show>.nav-link {
+ font-weight: 600;
+ color: var(--tblr-nav-underline-link-active-color);
+ border-bottom-color: currentcolor
+}
+
+.nav-fill .nav-item,.nav-fill>.nav-link {
+ flex: 1 1 auto;
+ text-align: center
+}
+
+.nav-justified .nav-item,.nav-justified>.nav-link {
+ flex-basis: 0;
+ flex-grow: 1;
+ text-align: center
+}
+
+.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link {
+ width: 100%
+}
+
+.tab-content>.tab-pane {
+ display: none
+}
+
+.tab-content>.active {
+ display: block
+}
+
+.navbar {
+ --tblr-navbar-padding-x: 0;
+ --tblr-navbar-padding-y: 0.25rem;
+ --tblr-navbar-color: var(--tblr-body-color);
+ --tblr-navbar-hover-color: rgba(var(--tblr-emphasis-color-rgb), 0.8);
+ --tblr-navbar-disabled-color: var(--tblr-disabled-color);
+ --tblr-navbar-active-color: var(--tblr-body-color) color;
+ --tblr-navbar-brand-padding-y: 0.5rem;
+ --tblr-navbar-brand-margin-end: 1rem;
+ --tblr-navbar-brand-font-size: 1.25rem;
+ --tblr-navbar-brand-color: var(--tblr-body-color);
+ --tblr-navbar-brand-hover-color: var(--tblr-body-color) color;
+ --tblr-navbar-nav-link-padding-x: 0.75rem;
+ --tblr-navbar-toggler-padding-y: 0;
+ --tblr-navbar-toggler-padding-x: 0;
+ --tblr-navbar-toggler-font-size: 1rem;
+ --tblr-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2824, 36, 51, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+ --tblr-navbar-toggler-border-color: rgba(var(--tblr-emphasis-color-rgb), 0.15);
+ --tblr-navbar-toggler-border-radius: var(--tblr-border-radius);
+ --tblr-navbar-toggler-focus-width: 0;
+ --tblr-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
+ position: relative;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: space-between;
+ padding: var(--tblr-navbar-padding-y) var(--tblr-navbar-padding-x)
+}
+
+.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl {
+ display: flex;
+ flex-wrap: inherit;
+ align-items: center;
+ justify-content: space-between
+}
+
+.navbar-brand {
+ padding-top: var(--tblr-navbar-brand-padding-y);
+ padding-bottom: var(--tblr-navbar-brand-padding-y);
+ margin-right: var(--tblr-navbar-brand-margin-end);
+ font-size: var(--tblr-navbar-brand-font-size);
+ color: var(--tblr-navbar-brand-color);
+ white-space: nowrap
+}
+
+.navbar-brand:focus,.navbar-brand:hover {
+ color: var(--tblr-navbar-brand-hover-color);
+ text-decoration: none
+}
+
+.navbar-nav {
+ --tblr-nav-link-padding-x: 0;
+ --tblr-nav-link-padding-y: 0.5rem;
+ --tblr-nav-link-color: var(--tblr-navbar-color);
+ --tblr-nav-link-hover-color: var(--tblr-navbar-hover-color);
+ --tblr-nav-link-disabled-color: var(--tblr-navbar-disabled-color);
+ display: flex;
+ flex-direction: column;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none
+}
+
+.navbar-nav .nav-link.active,.navbar-nav .nav-link.show {
+ color: var(--tblr-navbar-active-color)
+}
+
+.navbar-nav .dropdown-menu {
+ position: static
+}
+
+.navbar-text {
+ padding-top: .5rem;
+ padding-bottom: .5rem;
+ color: var(--tblr-navbar-color)
+}
+
+.navbar-text a,.navbar-text a:focus,.navbar-text a:hover {
+ color: var(--tblr-navbar-active-color)
+}
+
+.navbar-collapse {
+ flex-basis: 100%;
+ flex-grow: 1;
+ align-items: center
+}
+
+.navbar-toggler {
+ padding: var(--tblr-navbar-toggler-padding-y) var(--tblr-navbar-toggler-padding-x);
+ font-size: var(--tblr-navbar-toggler-font-size);
+ line-height: 1;
+ color: var(--tblr-navbar-color);
+ background-color: transparent;
+ border: var(--tblr-border-width) solid var(--tblr-navbar-toggler-border-color);
+ border-radius: var(--tblr-navbar-toggler-border-radius);
+ transition: var(--tblr-navbar-toggler-transition)
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .navbar-toggler {
+ transition: none
+ }
+}
+
+.navbar-toggler:hover {
+ text-decoration: none
+}
+
+.navbar-toggler:focus {
+ text-decoration: none;
+ outline: 0;
+ box-shadow: 0 0 0 var(--tblr-navbar-toggler-focus-width)
+}
+
+.navbar-toggler-icon {
+ display: inline-block;
+ width: 1.5em;
+ height: 1.5em;
+ vertical-align: middle;
+ background-image: var(--tblr-navbar-toggler-icon-bg);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 100%
+}
+
+.navbar-nav-scroll {
+ max-height: var(--tblr-scroll-height,75vh);
+ overflow-y: auto
+}
+
+@media (min-width: 576px) {
+ .navbar-expand-sm {
+ flex-wrap:nowrap;
+ justify-content: flex-start
+ }
+
+ .navbar-expand-sm .navbar-nav {
+ flex-direction: row
+ }
+
+ .navbar-expand-sm .navbar-nav .dropdown-menu {
+ position: absolute
+ }
+
+ .navbar-expand-sm .navbar-nav .nav-link {
+ padding-right: var(--tblr-navbar-nav-link-padding-x);
+ padding-left: var(--tblr-navbar-nav-link-padding-x)
+ }
+
+ .navbar-expand-sm .navbar-nav-scroll {
+ overflow: visible
+ }
+
+ .navbar-expand-sm .navbar-collapse {
+ display: flex!important;
+ flex-basis: auto
+ }
+
+ .navbar-expand-sm .navbar-toggler {
+ display: none
+ }
+
+ .navbar-expand-sm .offcanvas {
+ position: static;
+ z-index: auto;
+ flex-grow: 1;
+ width: auto!important;
+ height: auto!important;
+ visibility: visible!important;
+ background-color: transparent!important;
+ border: 0!important;
+ transform: none!important;
+ box-shadow: none;
+ transition: none
+ }
+
+ .navbar-expand-sm .offcanvas .offcanvas-header {
+ display: none
+ }
+
+ .navbar-expand-sm .offcanvas .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible
+ }
+}
+
+@media (min-width: 768px) {
+ .navbar-expand-md {
+ flex-wrap:nowrap;
+ justify-content: flex-start
+ }
+
+ .navbar-expand-md .navbar-nav {
+ flex-direction: row
+ }
+
+ .navbar-expand-md .navbar-nav .dropdown-menu {
+ position: absolute
+ }
+
+ .navbar-expand-md .navbar-nav .nav-link {
+ padding-right: var(--tblr-navbar-nav-link-padding-x);
+ padding-left: var(--tblr-navbar-nav-link-padding-x)
+ }
+
+ .navbar-expand-md .navbar-nav-scroll {
+ overflow: visible
+ }
+
+ .navbar-expand-md .navbar-collapse {
+ display: flex!important;
+ flex-basis: auto
+ }
+
+ .navbar-expand-md .navbar-toggler {
+ display: none
+ }
+
+ .navbar-expand-md .offcanvas {
+ position: static;
+ z-index: auto;
+ flex-grow: 1;
+ width: auto!important;
+ height: auto!important;
+ visibility: visible!important;
+ background-color: transparent!important;
+ border: 0!important;
+ transform: none!important;
+ box-shadow: none;
+ transition: none
+ }
+
+ .navbar-expand-md .offcanvas .offcanvas-header {
+ display: none
+ }
+
+ .navbar-expand-md .offcanvas .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible
+ }
+}
+
+@media (min-width: 992px) {
+ .navbar-expand-lg {
+ flex-wrap:nowrap;
+ justify-content: flex-start
+ }
+
+ .navbar-expand-lg .navbar-nav {
+ flex-direction: row
+ }
+
+ .navbar-expand-lg .navbar-nav .dropdown-menu {
+ position: absolute
+ }
+
+ .navbar-expand-lg .navbar-nav .nav-link {
+ padding-right: var(--tblr-navbar-nav-link-padding-x);
+ padding-left: var(--tblr-navbar-nav-link-padding-x)
+ }
+
+ .navbar-expand-lg .navbar-nav-scroll {
+ overflow: visible
+ }
+
+ .navbar-expand-lg .navbar-collapse {
+ display: flex!important;
+ flex-basis: auto
+ }
+
+ .navbar-expand-lg .navbar-toggler {
+ display: none
+ }
+
+ .navbar-expand-lg .offcanvas {
+ position: static;
+ z-index: auto;
+ flex-grow: 1;
+ width: auto!important;
+ height: auto!important;
+ visibility: visible!important;
+ background-color: transparent!important;
+ border: 0!important;
+ transform: none!important;
+ box-shadow: none;
+ transition: none
+ }
+
+ .navbar-expand-lg .offcanvas .offcanvas-header {
+ display: none
+ }
+
+ .navbar-expand-lg .offcanvas .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible
+ }
+}
+
+@media (min-width: 1200px) {
+ .navbar-expand-xl {
+ flex-wrap:nowrap;
+ justify-content: flex-start
+ }
+
+ .navbar-expand-xl .navbar-nav {
+ flex-direction: row
+ }
+
+ .navbar-expand-xl .navbar-nav .dropdown-menu {
+ position: absolute
+ }
+
+ .navbar-expand-xl .navbar-nav .nav-link {
+ padding-right: var(--tblr-navbar-nav-link-padding-x);
+ padding-left: var(--tblr-navbar-nav-link-padding-x)
+ }
+
+ .navbar-expand-xl .navbar-nav-scroll {
+ overflow: visible
+ }
+
+ .navbar-expand-xl .navbar-collapse {
+ display: flex!important;
+ flex-basis: auto
+ }
+
+ .navbar-expand-xl .navbar-toggler {
+ display: none
+ }
+
+ .navbar-expand-xl .offcanvas {
+ position: static;
+ z-index: auto;
+ flex-grow: 1;
+ width: auto!important;
+ height: auto!important;
+ visibility: visible!important;
+ background-color: transparent!important;
+ border: 0!important;
+ transform: none!important;
+ box-shadow: none;
+ transition: none
+ }
+
+ .navbar-expand-xl .offcanvas .offcanvas-header {
+ display: none
+ }
+
+ .navbar-expand-xl .offcanvas .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible
+ }
+}
+
+@media (min-width: 1400px) {
+ .navbar-expand-xxl {
+ flex-wrap:nowrap;
+ justify-content: flex-start
+ }
+
+ .navbar-expand-xxl .navbar-nav {
+ flex-direction: row
+ }
+
+ .navbar-expand-xxl .navbar-nav .dropdown-menu {
+ position: absolute
+ }
+
+ .navbar-expand-xxl .navbar-nav .nav-link {
+ padding-right: var(--tblr-navbar-nav-link-padding-x);
+ padding-left: var(--tblr-navbar-nav-link-padding-x)
+ }
+
+ .navbar-expand-xxl .navbar-nav-scroll {
+ overflow: visible
+ }
+
+ .navbar-expand-xxl .navbar-collapse {
+ display: flex!important;
+ flex-basis: auto
+ }
+
+ .navbar-expand-xxl .navbar-toggler {
+ display: none
+ }
+
+ .navbar-expand-xxl .offcanvas {
+ position: static;
+ z-index: auto;
+ flex-grow: 1;
+ width: auto!important;
+ height: auto!important;
+ visibility: visible!important;
+ background-color: transparent!important;
+ border: 0!important;
+ transform: none!important;
+ box-shadow: none;
+ transition: none
+ }
+
+ .navbar-expand-xxl .offcanvas .offcanvas-header {
+ display: none
+ }
+
+ .navbar-expand-xxl .offcanvas .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible
+ }
+}
+
+.navbar-expand {
+ flex-wrap: nowrap;
+ justify-content: flex-start
+}
+
+.navbar-expand .navbar-nav {
+ flex-direction: row
+}
+
+.navbar-expand .navbar-nav .dropdown-menu {
+ position: absolute
+}
+
+.navbar-expand .navbar-nav .nav-link {
+ padding-right: var(--tblr-navbar-nav-link-padding-x);
+ padding-left: var(--tblr-navbar-nav-link-padding-x)
+}
+
+.navbar-expand .navbar-nav-scroll {
+ overflow: visible
+}
+
+.navbar-expand .navbar-collapse {
+ display: flex!important;
+ flex-basis: auto
+}
+
+.navbar-expand .navbar-toggler {
+ display: none
+}
+
+.navbar-expand .offcanvas {
+ position: static;
+ z-index: auto;
+ flex-grow: 1;
+ width: auto!important;
+ height: auto!important;
+ visibility: visible!important;
+ background-color: transparent!important;
+ border: 0!important;
+ transform: none!important;
+ box-shadow: none;
+ transition: none
+}
+
+.navbar-expand .offcanvas .offcanvas-header {
+ display: none
+}
+
+.navbar-expand .offcanvas .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible
+}
+
+.navbar-dark,.navbar[data-bs-theme=dark],body[data-bs-theme=dark] .navbar[data-bs-theme=light] {
+ --tblr-navbar-color: rgba(255, 255, 255, 0.7);
+ --tblr-navbar-hover-color: rgba(255, 255, 255, 0.75);
+ --tblr-navbar-disabled-color: var(--tblr-disabled-color);
+ --tblr-navbar-active-color: #ffffff;
+ --tblr-navbar-brand-color: #ffffff;
+ --tblr-navbar-brand-hover-color: #ffffff;
+ --tblr-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
+ --tblr-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
+}
+
+[data-bs-theme=dark] .navbar-toggler-icon,body[data-bs-theme=dark] [data-bs-theme=light] .navbar-toggler-icon {
+ --tblr-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
+}
+
+.card {
+ --tblr-card-spacer-y: 1rem;
+ --tblr-card-spacer-x: 1.25rem;
+ --tblr-card-title-spacer-y: 1.25rem;
+ --tblr-card-border-width: var(--tblr-border-width);
+ --tblr-card-border-color: var(--tblr-border-color-translucent);
+ --tblr-card-border-radius: var(--tblr-border-radius);
+ --tblr-card-box-shadow: var(--tblr-shadow-card);
+ --tblr-card-inner-border-radius: calc(var(--tblr-border-radius) - (var(--tblr-border-width)));
+ --tblr-card-cap-padding-y: 1rem;
+ --tblr-card-cap-padding-x: 1.25rem;
+ --tblr-card-cap-bg: var(--tblr-bg-surface-tertiary);
+ --tblr-card-cap-color: inherit;
+ --tblr-card-color: inherit;
+ --tblr-card-bg: var(--tblr-bg-surface);
+ --tblr-card-img-overlay-padding: 1rem;
+ --tblr-card-group-margin: 1.5rem;
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ min-width: 0;
+ height: var(--tblr-card-height);
+ color: var(--tblr-body-color);
+ word-wrap: break-word;
+ background-color: var(--tblr-card-bg);
+ background-clip: border-box;
+ border: var(--tblr-card-border-width) solid var(--tblr-card-border-color);
+ border-radius: var(--tblr-card-border-radius);
+ box-shadow: var(--tblr-card-box-shadow)
+}
+
+.card>.hr,.card>hr {
+ margin-right: 0;
+ margin-left: 0
+}
+
+.card>.list-group {
+ border-top: inherit;
+ border-bottom: inherit
+}
+
+.card>.list-group:first-child {
+ border-top-width: 0;
+ border-top-left-radius: var(--tblr-card-inner-border-radius);
+ border-top-right-radius: var(--tblr-card-inner-border-radius)
+}
+
+.card>.list-group:last-child {
+ border-bottom-width: 0;
+ border-bottom-right-radius: var(--tblr-card-inner-border-radius);
+ border-bottom-left-radius: var(--tblr-card-inner-border-radius)
+}
+
+.card>.card-header+.list-group,.card>.list-group+.card-footer {
+ border-top: 0
+}
+
+.card-body {
+ flex: 1 1 auto;
+ padding: var(--tblr-card-spacer-y) var(--tblr-card-spacer-x);
+ color: var(--tblr-card-color)
+}
+
+.card-title {
+ margin-bottom: var(--tblr-card-title-spacer-y);
+ color: var(--tblr-card-title-color)
+}
+
+.card-subtitle {
+ margin-top: calc(-.5 * var(--tblr-card-title-spacer-y));
+ margin-bottom: 0;
+ color: var(--tblr-card-subtitle-color)
+}
+
+.card-text:last-child {
+ margin-bottom: 0
+}
+
+.card-link:hover {
+ text-decoration: none
+}
+
+.card-link+.card-link {
+ margin-left: var(--tblr-card-spacer-x)
+}
+
+.card-header {
+ padding: var(--tblr-card-cap-padding-y) var(--tblr-card-cap-padding-x);
+ margin-bottom: 0;
+ color: var(--tblr-card-cap-color);
+ background-color: var(--tblr-card-cap-bg);
+ border-bottom: var(--tblr-card-border-width) solid var(--tblr-card-border-color)
+}
+
+.card-header:first-child {
+ border-radius: var(--tblr-card-inner-border-radius) var(--tblr-card-inner-border-radius) 0 0
+}
+
+.card-footer {
+ padding: var(--tblr-card-cap-padding-y) var(--tblr-card-cap-padding-x);
+ color: var(--tblr-card-cap-color);
+ background-color: var(--tblr-card-cap-bg);
+ border-top: var(--tblr-card-border-width) solid var(--tblr-card-border-color)
+}
+
+.card-footer:last-child {
+ border-radius: 0 0 var(--tblr-card-inner-border-radius) var(--tblr-card-inner-border-radius)
+}
+
+.card-header-tabs {
+ margin-right: calc(-.5 * var(--tblr-card-cap-padding-x));
+ margin-bottom: calc(-1 * var(--tblr-card-cap-padding-y));
+ margin-left: calc(-.5 * var(--tblr-card-cap-padding-x));
+ border-bottom: 0
+}
+
+.card-header-tabs .nav-link.active {
+ background-color: var(--tblr-card-bg);
+ border-bottom-color: var(--tblr-card-bg)
+}
+
+.card-header-pills {
+ margin-right: calc(-.5 * var(--tblr-card-cap-padding-x));
+ margin-left: calc(-.5 * var(--tblr-card-cap-padding-x))
+}
+
+.card-img-overlay {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ padding: var(--tblr-card-img-overlay-padding);
+ border-radius: var(--tblr-card-inner-border-radius)
+}
+
+.card-img,.card-img-bottom,.card-img-top {
+ width: 100%
+}
+
+.card-img,.card-img-top {
+ border-top-left-radius: var(--tblr-card-inner-border-radius);
+ border-top-right-radius: var(--tblr-card-inner-border-radius)
+}
+
+.card-img,.card-img-bottom {
+ border-bottom-right-radius: var(--tblr-card-inner-border-radius);
+ border-bottom-left-radius: var(--tblr-card-inner-border-radius)
+}
+
+.card-group>.card {
+ margin-bottom: var(--tblr-card-group-margin)
+}
+
+@media (min-width: 576px) {
+ .card-group {
+ display:flex;
+ flex-flow: row wrap
+ }
+
+ .card-group>.card {
+ flex: 1 0 0%;
+ margin-bottom: 0
+ }
+
+ .card-group>.card+.card {
+ margin-left: 0;
+ border-left: 0
+ }
+
+ .card-group>.card:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0
+ }
+
+ .card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top {
+ border-top-right-radius: 0
+ }
+
+ .card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom {
+ border-bottom-right-radius: 0
+ }
+
+ .card-group>.card:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0
+ }
+
+ .card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top {
+ border-top-left-radius: 0
+ }
+
+ .card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom {
+ border-bottom-left-radius: 0
+ }
+}
+
+.accordion {
+ --tblr-accordion-color: var(--tblr-body-color);
+ --tblr-accordion-bg: transparent;
+ --tblr-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
+ --tblr-accordion-border-color: var(--tblr-border-color-translucent);
+ --tblr-accordion-border-width: var(--tblr-border-width);
+ --tblr-accordion-border-radius: var(--tblr-border-radius);
+ --tblr-accordion-inner-border-radius: calc(var(--tblr-border-radius) - (var(--tblr-border-width)));
+ --tblr-accordion-btn-padding-x: 1.25rem;
+ --tblr-accordion-btn-padding-y: 1rem;
+ --tblr-accordion-btn-color: var(--tblr-body-color);
+ --tblr-accordion-btn-bg: transparent;
+ --tblr-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23182433' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
+ --tblr-accordion-btn-icon-width: 1rem;
+ --tblr-accordion-btn-icon-transform: rotate(-180deg);
+ --tblr-accordion-btn-icon-transition: transform 0.2s ease-in-out;
+ --tblr-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23022c54' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
+ --tblr-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
+ --tblr-accordion-body-padding-x: 1.25rem;
+ --tblr-accordion-body-padding-y: 1rem;
+ --tblr-accordion-active-color: inherit;
+ --tblr-accordion-active-bg: transparent
+}
+
+.accordion-button {
+ position: relative;
+ display: flex;
+ align-items: center;
+ width: 100%;
+ padding: var(--tblr-accordion-btn-padding-y) var(--tblr-accordion-btn-padding-x);
+ font-size: .875rem;
+ color: var(--tblr-accordion-btn-color);
+ text-align: left;
+ background-color: var(--tblr-accordion-btn-bg);
+ border: 0;
+ border-radius: 0;
+ overflow-anchor: none;
+ transition: var(--tblr-accordion-transition)
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .accordion-button {
+ transition: none
+ }
+}
+
+.accordion-button:not(.collapsed) {
+ color: var(--tblr-accordion-active-color);
+ background-color: var(--tblr-accordion-active-bg);
+ box-shadow: inset 0 calc(-1 * var(--tblr-accordion-border-width)) 0 var(--tblr-accordion-border-color)
+}
+
+.accordion-button:not(.collapsed)::after {
+ background-image: var(--tblr-accordion-btn-active-icon);
+ transform: var(--tblr-accordion-btn-icon-transform)
+}
+
+.accordion-button::after {
+ flex-shrink: 0;
+ width: var(--tblr-accordion-btn-icon-width);
+ height: var(--tblr-accordion-btn-icon-width);
+ margin-left: auto;
+ content: "";
+ background-image: var(--tblr-accordion-btn-icon);
+ background-repeat: no-repeat;
+ background-size: var(--tblr-accordion-btn-icon-width);
+ transition: var(--tblr-accordion-btn-icon-transition)
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .accordion-button::after {
+ transition: none
+ }
+}
+
+.accordion-button:hover {
+ z-index: 2
+}
+
+.accordion-button:focus {
+ z-index: 3;
+ outline: 0;
+ box-shadow: var(--tblr-accordion-btn-focus-box-shadow)
+}
+
+.accordion-header {
+ margin-bottom: 0
+}
+
+.accordion-item {
+ color: var(--tblr-accordion-color);
+ background-color: var(--tblr-accordion-bg);
+ border: var(--tblr-accordion-border-width) solid var(--tblr-accordion-border-color)
+}
+
+.accordion-item:first-of-type {
+ border-top-left-radius: var(--tblr-accordion-border-radius);
+ border-top-right-radius: var(--tblr-accordion-border-radius)
+}
+
+.accordion-item:first-of-type>.accordion-header .accordion-button {
+ border-top-left-radius: var(--tblr-accordion-inner-border-radius);
+ border-top-right-radius: var(--tblr-accordion-inner-border-radius)
+}
+
+.accordion-item:not(:first-of-type) {
+ border-top: 0
+}
+
+.accordion-item:last-of-type {
+ border-bottom-right-radius: var(--tblr-accordion-border-radius);
+ border-bottom-left-radius: var(--tblr-accordion-border-radius)
+}
+
+.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
+ border-bottom-right-radius: var(--tblr-accordion-inner-border-radius);
+ border-bottom-left-radius: var(--tblr-accordion-inner-border-radius)
+}
+
+.accordion-item:last-of-type>.accordion-collapse {
+ border-bottom-right-radius: var(--tblr-accordion-border-radius);
+ border-bottom-left-radius: var(--tblr-accordion-border-radius)
+}
+
+.accordion-body {
+ padding: var(--tblr-accordion-body-padding-y) var(--tblr-accordion-body-padding-x)
+}
+
+.accordion-flush>.accordion-item {
+ border-right: 0;
+ border-left: 0;
+ border-radius: 0
+}
+
+.accordion-flush>.accordion-item:first-child {
+ border-top: 0
+}
+
+.accordion-flush>.accordion-item:last-child {
+ border-bottom: 0
+}
+
+.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
+ border-radius: 0
+}
+
+.accordion-flush>.accordion-item>.accordion-collapse {
+ border-radius: 0
+}
+
+[data-bs-theme=dark] .accordion-button::after {
+ --tblr-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236aa9e3'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+ --tblr-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236aa9e3'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
+}
+
+.breadcrumb {
+ --tblr-breadcrumb-padding-x: 0;
+ --tblr-breadcrumb-padding-y: 0;
+ --tblr-breadcrumb-margin-bottom: 1rem;
+ --tblr-breadcrumb-divider-color: var(--tblr-gray-500);
+ --tblr-breadcrumb-item-padding-x: 0.5rem;
+ --tblr-breadcrumb-item-active-color: inherit;
+ display: flex;
+ flex-wrap: wrap;
+ padding: var(--tblr-breadcrumb-padding-y) var(--tblr-breadcrumb-padding-x);
+ margin-bottom: var(--tblr-breadcrumb-margin-bottom);
+ font-size: var(--tblr-breadcrumb-font-size);
+ list-style: none;
+ background-color: var(--tblr-breadcrumb-bg);
+ border-radius: var(--tblr-breadcrumb-border-radius)
+}
+
+.breadcrumb-item+.breadcrumb-item {
+ padding-left: var(--tblr-breadcrumb-item-padding-x)
+}
+
+.breadcrumb-item+.breadcrumb-item::before {
+ float: left;
+ padding-right: var(--tblr-breadcrumb-item-padding-x);
+ color: var(--tblr-breadcrumb-divider-color);
+ content: var(--tblr-breadcrumb-divider, "/")
+}
+
+.breadcrumb-item.active {
+ color: var(--tblr-breadcrumb-item-active-color)
+}
+
+.pagination {
+ --tblr-pagination-padding-x: 0.25rem;
+ --tblr-pagination-padding-y: 0.25rem;
+ --tblr-pagination-font-size: 0.875rem;
+ --tblr-pagination-color: var(--tblr-gray-500);
+ --tblr-pagination-bg: transparent;
+ --tblr-pagination-border-width: 0;
+ --tblr-pagination-border-color: var(--tblr-border-color);
+ --tblr-pagination-border-radius: var(--tblr-border-radius);
+ --tblr-pagination-hover-color: var(--tblr-link-hover-color);
+ --tblr-pagination-hover-bg: var(--tblr-tertiary-bg);
+ --tblr-pagination-hover-border-color: var(--tblr-border-color);
+ --tblr-pagination-focus-color: var(--tblr-link-hover-color);
+ --tblr-pagination-focus-bg: var(--tblr-secondary-bg);
+ --tblr-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
+ --tblr-pagination-active-color: #ffffff;
+ --tblr-pagination-active-bg: var(--tblr-primary);
+ --tblr-pagination-active-border-color: var(--tblr-primary);
+ --tblr-pagination-disabled-color: var(--tblr-disabled-color);
+ --tblr-pagination-disabled-bg: transparent;
+ --tblr-pagination-disabled-border-color: var(--tblr-border-color);
+ display: flex;
+ padding-left: 0;
+ list-style: none
+}
+
+.page-link {
+ position: relative;
+ display: block;
+ padding: var(--tblr-pagination-padding-y) var(--tblr-pagination-padding-x);
+ font-size: var(--tblr-pagination-font-size);
+ color: var(--tblr-pagination-color);
+ background-color: var(--tblr-pagination-bg);
+ border: var(--tblr-pagination-border-width) solid var(--tblr-pagination-border-color);
+ transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .page-link {
+ transition: none
+ }
+}
+
+.page-link:hover {
+ z-index: 2;
+ color: var(--tblr-pagination-hover-color);
+ text-decoration: none;
+ background-color: var(--tblr-pagination-hover-bg);
+ border-color: var(--tblr-pagination-hover-border-color)
+}
+
+.page-link:focus {
+ z-index: 3;
+ color: var(--tblr-pagination-focus-color);
+ background-color: var(--tblr-pagination-focus-bg);
+ outline: 0;
+ box-shadow: var(--tblr-pagination-focus-box-shadow)
+}
+
+.active>.page-link,.page-link.active {
+ z-index: 3;
+ color: var(--tblr-pagination-active-color);
+ background-color: var(--tblr-pagination-active-bg);
+ border-color: var(--tblr-pagination-active-border-color)
+}
+
+.disabled>.page-link,.page-link.disabled {
+ color: var(--tblr-pagination-disabled-color);
+ pointer-events: none;
+ background-color: var(--tblr-pagination-disabled-bg);
+ border-color: var(--tblr-pagination-disabled-border-color)
+}
+
+.page-item:not(:first-child) .page-link {
+ margin-left: calc(0 * -1)
+}
+
+.page-item:first-child .page-link {
+ border-top-left-radius: var(--tblr-pagination-border-radius);
+ border-bottom-left-radius: var(--tblr-pagination-border-radius)
+}
+
+.page-item:last-child .page-link {
+ border-top-right-radius: var(--tblr-pagination-border-radius);
+ border-bottom-right-radius: var(--tblr-pagination-border-radius)
+}
+
+.pagination-lg {
+ --tblr-pagination-padding-x: 1.5rem;
+ --tblr-pagination-padding-y: 0.75rem;
+ --tblr-pagination-font-size: 1.09375rem;
+ --tblr-pagination-border-radius: var(--tblr-border-radius-lg)
+}
+
+.pagination-sm {
+ --tblr-pagination-padding-x: 0.5rem;
+ --tblr-pagination-padding-y: 0.25rem;
+ --tblr-pagination-font-size: 0.765625rem;
+ --tblr-pagination-border-radius: var(--tblr-border-radius-sm)
+}
+
+.badge {
+ --tblr-badge-padding-x: 0.5em;
+ --tblr-badge-padding-y: 0.25em;
+ --tblr-badge-font-size: 85.714285%;
+ --tblr-badge-font-weight: var(--tblr-font-weight-medium);
+ --tblr-badge-color: var(--tblr-gray-500);
+ --tblr-badge-border-radius: var(--tblr-border-radius);
+ display: inline-block;
+ padding: var(--tblr-badge-padding-y) var(--tblr-badge-padding-x);
+ font-size: var(--tblr-badge-font-size);
+ font-weight: var(--tblr-badge-font-weight);
+ line-height: 1;
+ color: var(--tblr-badge-color);
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: baseline;
+ border-radius: var(--tblr-badge-border-radius)
+}
+
+.badge:empty {
+ display: none
+}
+
+.btn .badge {
+ position: relative;
+ top: -1px
+}
+
+.alert {
+ --tblr-alert-bg: transparent;
+ --tblr-alert-padding-x: 1rem;
+ --tblr-alert-padding-y: 0.75rem;
+ --tblr-alert-margin-bottom: 1rem;
+ --tblr-alert-color: inherit;
+ --tblr-alert-border-color: transparent;
+ --tblr-alert-border: var(--tblr-border-width) solid var(--tblr-alert-border-color);
+ --tblr-alert-border-radius: var(--tblr-border-radius);
+ --tblr-alert-link-color: inherit;
+ position: relative;
+ padding: var(--tblr-alert-padding-y) var(--tblr-alert-padding-x);
+ margin-bottom: var(--tblr-alert-margin-bottom);
+ color: var(--tblr-alert-color);
+ background-color: var(--tblr-alert-bg);
+ border: var(--tblr-alert-border);
+ border-radius: var(--tblr-alert-border-radius)
+}
+
+.alert-heading {
+ color: inherit
+}
+
+.alert-link {
+ font-weight: var(--tblr-font-weight-bold);
+ color: var(--tblr-alert-link-color)
+}
+
+.alert-dismissible {
+ padding-right: 3rem
+}
+
+.alert-dismissible .btn-close {
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: 2;
+ padding: .9375rem 1rem
+}
+
+.alert-primary {
+ --tblr-alert-color: var(--tblr-primary-text-emphasis);
+ --tblr-alert-bg: var(--tblr-primary-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-primary-border-subtle);
+ --tblr-alert-link-color: var(--tblr-primary-text-emphasis)
+}
+
+.alert-secondary {
+ --tblr-alert-color: var(--tblr-secondary-text-emphasis);
+ --tblr-alert-bg: var(--tblr-secondary-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-secondary-border-subtle);
+ --tblr-alert-link-color: var(--tblr-secondary-text-emphasis)
+}
+
+.alert-success {
+ --tblr-alert-color: var(--tblr-success-text-emphasis);
+ --tblr-alert-bg: var(--tblr-success-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-success-border-subtle);
+ --tblr-alert-link-color: var(--tblr-success-text-emphasis)
+}
+
+.alert-info {
+ --tblr-alert-color: var(--tblr-info-text-emphasis);
+ --tblr-alert-bg: var(--tblr-info-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-info-border-subtle);
+ --tblr-alert-link-color: var(--tblr-info-text-emphasis)
+}
+
+.alert-warning {
+ --tblr-alert-color: var(--tblr-warning-text-emphasis);
+ --tblr-alert-bg: var(--tblr-warning-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-warning-border-subtle);
+ --tblr-alert-link-color: var(--tblr-warning-text-emphasis)
+}
+
+.alert-danger {
+ --tblr-alert-color: var(--tblr-danger-text-emphasis);
+ --tblr-alert-bg: var(--tblr-danger-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-danger-border-subtle);
+ --tblr-alert-link-color: var(--tblr-danger-text-emphasis)
+}
+
+.alert-light {
+ --tblr-alert-color: var(--tblr-light-text-emphasis);
+ --tblr-alert-bg: var(--tblr-light-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-light-border-subtle);
+ --tblr-alert-link-color: var(--tblr-light-text-emphasis)
+}
+
+.alert-dark {
+ --tblr-alert-color: var(--tblr-dark-text-emphasis);
+ --tblr-alert-bg: var(--tblr-dark-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-dark-border-subtle);
+ --tblr-alert-link-color: var(--tblr-dark-text-emphasis)
+}
+
+.alert-muted {
+ --tblr-alert-color: var(--tblr-muted-text-emphasis);
+ --tblr-alert-bg: var(--tblr-muted-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-muted-border-subtle);
+ --tblr-alert-link-color: var(--tblr-muted-text-emphasis)
+}
+
+.alert-blue {
+ --tblr-alert-color: var(--tblr-blue-text-emphasis);
+ --tblr-alert-bg: var(--tblr-blue-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-blue-border-subtle);
+ --tblr-alert-link-color: var(--tblr-blue-text-emphasis)
+}
+
+.alert-azure {
+ --tblr-alert-color: var(--tblr-azure-text-emphasis);
+ --tblr-alert-bg: var(--tblr-azure-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-azure-border-subtle);
+ --tblr-alert-link-color: var(--tblr-azure-text-emphasis)
+}
+
+.alert-indigo {
+ --tblr-alert-color: var(--tblr-indigo-text-emphasis);
+ --tblr-alert-bg: var(--tblr-indigo-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-indigo-border-subtle);
+ --tblr-alert-link-color: var(--tblr-indigo-text-emphasis)
+}
+
+.alert-purple {
+ --tblr-alert-color: var(--tblr-purple-text-emphasis);
+ --tblr-alert-bg: var(--tblr-purple-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-purple-border-subtle);
+ --tblr-alert-link-color: var(--tblr-purple-text-emphasis)
+}
+
+.alert-pink {
+ --tblr-alert-color: var(--tblr-pink-text-emphasis);
+ --tblr-alert-bg: var(--tblr-pink-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-pink-border-subtle);
+ --tblr-alert-link-color: var(--tblr-pink-text-emphasis)
+}
+
+.alert-red {
+ --tblr-alert-color: var(--tblr-red-text-emphasis);
+ --tblr-alert-bg: var(--tblr-red-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-red-border-subtle);
+ --tblr-alert-link-color: var(--tblr-red-text-emphasis)
+}
+
+.alert-orange {
+ --tblr-alert-color: var(--tblr-orange-text-emphasis);
+ --tblr-alert-bg: var(--tblr-orange-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-orange-border-subtle);
+ --tblr-alert-link-color: var(--tblr-orange-text-emphasis)
+}
+
+.alert-yellow {
+ --tblr-alert-color: var(--tblr-yellow-text-emphasis);
+ --tblr-alert-bg: var(--tblr-yellow-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-yellow-border-subtle);
+ --tblr-alert-link-color: var(--tblr-yellow-text-emphasis)
+}
+
+.alert-lime {
+ --tblr-alert-color: var(--tblr-lime-text-emphasis);
+ --tblr-alert-bg: var(--tblr-lime-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-lime-border-subtle);
+ --tblr-alert-link-color: var(--tblr-lime-text-emphasis)
+}
+
+.alert-green {
+ --tblr-alert-color: var(--tblr-green-text-emphasis);
+ --tblr-alert-bg: var(--tblr-green-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-green-border-subtle);
+ --tblr-alert-link-color: var(--tblr-green-text-emphasis)
+}
+
+.alert-teal {
+ --tblr-alert-color: var(--tblr-teal-text-emphasis);
+ --tblr-alert-bg: var(--tblr-teal-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-teal-border-subtle);
+ --tblr-alert-link-color: var(--tblr-teal-text-emphasis)
+}
+
+.alert-cyan {
+ --tblr-alert-color: var(--tblr-cyan-text-emphasis);
+ --tblr-alert-bg: var(--tblr-cyan-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-cyan-border-subtle);
+ --tblr-alert-link-color: var(--tblr-cyan-text-emphasis)
+}
+
+.alert-x {
+ --tblr-alert-color: var(--tblr-x-text-emphasis);
+ --tblr-alert-bg: var(--tblr-x-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-x-border-subtle);
+ --tblr-alert-link-color: var(--tblr-x-text-emphasis)
+}
+
+.alert-facebook {
+ --tblr-alert-color: var(--tblr-facebook-text-emphasis);
+ --tblr-alert-bg: var(--tblr-facebook-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-facebook-border-subtle);
+ --tblr-alert-link-color: var(--tblr-facebook-text-emphasis)
+}
+
+.alert-twitter {
+ --tblr-alert-color: var(--tblr-twitter-text-emphasis);
+ --tblr-alert-bg: var(--tblr-twitter-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-twitter-border-subtle);
+ --tblr-alert-link-color: var(--tblr-twitter-text-emphasis)
+}
+
+.alert-linkedin {
+ --tblr-alert-color: var(--tblr-linkedin-text-emphasis);
+ --tblr-alert-bg: var(--tblr-linkedin-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-linkedin-border-subtle);
+ --tblr-alert-link-color: var(--tblr-linkedin-text-emphasis)
+}
+
+.alert-google {
+ --tblr-alert-color: var(--tblr-google-text-emphasis);
+ --tblr-alert-bg: var(--tblr-google-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-google-border-subtle);
+ --tblr-alert-link-color: var(--tblr-google-text-emphasis)
+}
+
+.alert-youtube {
+ --tblr-alert-color: var(--tblr-youtube-text-emphasis);
+ --tblr-alert-bg: var(--tblr-youtube-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-youtube-border-subtle);
+ --tblr-alert-link-color: var(--tblr-youtube-text-emphasis)
+}
+
+.alert-vimeo {
+ --tblr-alert-color: var(--tblr-vimeo-text-emphasis);
+ --tblr-alert-bg: var(--tblr-vimeo-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-vimeo-border-subtle);
+ --tblr-alert-link-color: var(--tblr-vimeo-text-emphasis)
+}
+
+.alert-dribbble {
+ --tblr-alert-color: var(--tblr-dribbble-text-emphasis);
+ --tblr-alert-bg: var(--tblr-dribbble-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-dribbble-border-subtle);
+ --tblr-alert-link-color: var(--tblr-dribbble-text-emphasis)
+}
+
+.alert-github {
+ --tblr-alert-color: var(--tblr-github-text-emphasis);
+ --tblr-alert-bg: var(--tblr-github-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-github-border-subtle);
+ --tblr-alert-link-color: var(--tblr-github-text-emphasis)
+}
+
+.alert-instagram {
+ --tblr-alert-color: var(--tblr-instagram-text-emphasis);
+ --tblr-alert-bg: var(--tblr-instagram-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-instagram-border-subtle);
+ --tblr-alert-link-color: var(--tblr-instagram-text-emphasis)
+}
+
+.alert-pinterest {
+ --tblr-alert-color: var(--tblr-pinterest-text-emphasis);
+ --tblr-alert-bg: var(--tblr-pinterest-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-pinterest-border-subtle);
+ --tblr-alert-link-color: var(--tblr-pinterest-text-emphasis)
+}
+
+.alert-vk {
+ --tblr-alert-color: var(--tblr-vk-text-emphasis);
+ --tblr-alert-bg: var(--tblr-vk-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-vk-border-subtle);
+ --tblr-alert-link-color: var(--tblr-vk-text-emphasis)
+}
+
+.alert-rss {
+ --tblr-alert-color: var(--tblr-rss-text-emphasis);
+ --tblr-alert-bg: var(--tblr-rss-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-rss-border-subtle);
+ --tblr-alert-link-color: var(--tblr-rss-text-emphasis)
+}
+
+.alert-flickr {
+ --tblr-alert-color: var(--tblr-flickr-text-emphasis);
+ --tblr-alert-bg: var(--tblr-flickr-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-flickr-border-subtle);
+ --tblr-alert-link-color: var(--tblr-flickr-text-emphasis)
+}
+
+.alert-bitbucket {
+ --tblr-alert-color: var(--tblr-bitbucket-text-emphasis);
+ --tblr-alert-bg: var(--tblr-bitbucket-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-bitbucket-border-subtle);
+ --tblr-alert-link-color: var(--tblr-bitbucket-text-emphasis)
+}
+
+.alert-tabler {
+ --tblr-alert-color: var(--tblr-tabler-text-emphasis);
+ --tblr-alert-bg: var(--tblr-tabler-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-tabler-border-subtle);
+ --tblr-alert-link-color: var(--tblr-tabler-text-emphasis)
+}
+
+@keyframes progress-bar-stripes {
+ 0% {
+ background-position-x: .5rem
+ }
+}
+
+.progress,.progress-stacked {
+ --tblr-progress-height: 0.5rem;
+ --tblr-progress-font-size: 0.65625rem;
+ --tblr-progress-bg: var(--tblr-border-color);
+ --tblr-progress-border-radius: var(--tblr-border-radius);
+ --tblr-progress-box-shadow: var(--tblr-box-shadow-inset);
+ --tblr-progress-bar-color: #ffffff;
+ --tblr-progress-bar-bg: var(--tblr-primary);
+ --tblr-progress-bar-transition: width 0.6s ease;
+ display: flex;
+ height: var(--tblr-progress-height);
+ overflow: hidden;
+ font-size: var(--tblr-progress-font-size);
+ background-color: var(--tblr-progress-bg);
+ border-radius: var(--tblr-progress-border-radius);
+ box-shadow: var(--tblr-progress-box-shadow)
+}
+
+.progress-bar {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ overflow: hidden;
+ color: var(--tblr-progress-bar-color);
+ text-align: center;
+ white-space: nowrap;
+ background-color: var(--tblr-progress-bar-bg);
+ transition: var(--tblr-progress-bar-transition)
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .progress-bar {
+ transition: none
+ }
+}
+
+.progress-bar-striped {
+ background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
+ background-size: var(--tblr-progress-height) var(--tblr-progress-height)
+}
+
+.progress-stacked>.progress {
+ overflow: visible
+}
+
+.progress-stacked>.progress>.progress-bar {
+ width: 100%
+}
+
+.progress-bar-animated {
+ animation: 1s linear infinite progress-bar-stripes
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .progress-bar-animated {
+ animation: none
+ }
+}
+
+.list-group {
+ --tblr-list-group-color: var(--tblr-body-color);
+ --tblr-list-group-bg: inherit;
+ --tblr-list-group-border-color: var(--tblr-border-color);
+ --tblr-list-group-border-width: var(--tblr-border-width);
+ --tblr-list-group-border-radius: var(--tblr-border-radius);
+ --tblr-list-group-item-padding-x: 1.25rem;
+ --tblr-list-group-item-padding-y: 1rem;
+ --tblr-list-group-action-color: inherit;
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: rgba(var(--tblr-secondary-rgb), 0.08);
+ --tblr-list-group-action-active-color: var(--tblr-body-color);
+ --tblr-list-group-action-active-bg: var(--tblr-secondary-bg);
+ --tblr-list-group-disabled-color: var(--tblr-secondary-color);
+ --tblr-list-group-disabled-bg: inherit;
+ --tblr-list-group-active-color: inherit;
+ --tblr-list-group-active-bg: var(--tblr-active-bg);
+ --tblr-list-group-active-border-color: var(--tblr-border-color);
+ display: flex;
+ flex-direction: column;
+ padding-left: 0;
+ margin-bottom: 0;
+ border-radius: var(--tblr-list-group-border-radius)
+}
+
+.list-group-numbered {
+ list-style-type: none;
+ counter-reset: section
+}
+
+.list-group-numbered>.list-group-item::before {
+ content: counters(section, ".") ". ";
+ counter-increment: section
+}
+
+.list-group-item-action {
+ width: 100%;
+ color: var(--tblr-list-group-action-color);
+ text-align: inherit
+}
+
+.list-group-item-action:focus,.list-group-item-action:hover {
+ z-index: 1;
+ color: var(--tblr-list-group-action-hover-color);
+ text-decoration: none;
+ background-color: var(--tblr-list-group-action-hover-bg)
+}
+
+.list-group-item-action:active {
+ color: var(--tblr-list-group-action-active-color);
+ background-color: var(--tblr-list-group-action-active-bg)
+}
+
+.list-group-item {
+ position: relative;
+ display: block;
+ padding: var(--tblr-list-group-item-padding-y) var(--tblr-list-group-item-padding-x);
+ color: var(--tblr-list-group-color);
+ background-color: var(--tblr-list-group-bg);
+ border: var(--tblr-list-group-border-width) solid var(--tblr-list-group-border-color)
+}
+
+.list-group-item:first-child {
+ border-top-left-radius: inherit;
+ border-top-right-radius: inherit
+}
+
+.list-group-item:last-child {
+ border-bottom-right-radius: inherit;
+ border-bottom-left-radius: inherit
+}
+
+.list-group-item.disabled,.list-group-item:disabled {
+ color: var(--tblr-list-group-disabled-color);
+ pointer-events: none;
+ background-color: var(--tblr-list-group-disabled-bg)
+}
+
+.list-group-item.active {
+ z-index: 2;
+ color: var(--tblr-list-group-active-color);
+ background-color: var(--tblr-list-group-active-bg);
+ border-color: var(--tblr-list-group-active-border-color)
+}
+
+.list-group-item+.list-group-item {
+ border-top-width: 0
+}
+
+.list-group-item+.list-group-item.active {
+ margin-top: calc(-1 * var(--tblr-list-group-border-width));
+ border-top-width: var(--tblr-list-group-border-width)
+}
+
+.list-group-horizontal {
+ flex-direction: row
+}
+
+.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
+ border-bottom-left-radius: var(--tblr-list-group-border-radius);
+ border-top-right-radius: 0
+}
+
+.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
+ border-top-right-radius: var(--tblr-list-group-border-radius);
+ border-bottom-left-radius: 0
+}
+
+.list-group-horizontal>.list-group-item.active {
+ margin-top: 0
+}
+
+.list-group-horizontal>.list-group-item+.list-group-item {
+ border-top-width: var(--tblr-list-group-border-width);
+ border-left-width: 0
+}
+
+.list-group-horizontal>.list-group-item+.list-group-item.active {
+ margin-left: calc(-1 * var(--tblr-list-group-border-width));
+ border-left-width: var(--tblr-list-group-border-width)
+}
+
+@media (min-width: 576px) {
+ .list-group-horizontal-sm {
+ flex-direction:row
+ }
+
+ .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
+ border-bottom-left-radius: var(--tblr-list-group-border-radius);
+ border-top-right-radius: 0
+ }
+
+ .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
+ border-top-right-radius: var(--tblr-list-group-border-radius);
+ border-bottom-left-radius: 0
+ }
+
+ .list-group-horizontal-sm>.list-group-item.active {
+ margin-top: 0
+ }
+
+ .list-group-horizontal-sm>.list-group-item+.list-group-item {
+ border-top-width: var(--tblr-list-group-border-width);
+ border-left-width: 0
+ }
+
+ .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
+ margin-left: calc(-1 * var(--tblr-list-group-border-width));
+ border-left-width: var(--tblr-list-group-border-width)
+ }
+}
+
+@media (min-width: 768px) {
+ .list-group-horizontal-md {
+ flex-direction:row
+ }
+
+ .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
+ border-bottom-left-radius: var(--tblr-list-group-border-radius);
+ border-top-right-radius: 0
+ }
+
+ .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
+ border-top-right-radius: var(--tblr-list-group-border-radius);
+ border-bottom-left-radius: 0
+ }
+
+ .list-group-horizontal-md>.list-group-item.active {
+ margin-top: 0
+ }
+
+ .list-group-horizontal-md>.list-group-item+.list-group-item {
+ border-top-width: var(--tblr-list-group-border-width);
+ border-left-width: 0
+ }
+
+ .list-group-horizontal-md>.list-group-item+.list-group-item.active {
+ margin-left: calc(-1 * var(--tblr-list-group-border-width));
+ border-left-width: var(--tblr-list-group-border-width)
+ }
+}
+
+@media (min-width: 992px) {
+ .list-group-horizontal-lg {
+ flex-direction:row
+ }
+
+ .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
+ border-bottom-left-radius: var(--tblr-list-group-border-radius);
+ border-top-right-radius: 0
+ }
+
+ .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
+ border-top-right-radius: var(--tblr-list-group-border-radius);
+ border-bottom-left-radius: 0
+ }
+
+ .list-group-horizontal-lg>.list-group-item.active {
+ margin-top: 0
+ }
+
+ .list-group-horizontal-lg>.list-group-item+.list-group-item {
+ border-top-width: var(--tblr-list-group-border-width);
+ border-left-width: 0
+ }
+
+ .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
+ margin-left: calc(-1 * var(--tblr-list-group-border-width));
+ border-left-width: var(--tblr-list-group-border-width)
+ }
+}
+
+@media (min-width: 1200px) {
+ .list-group-horizontal-xl {
+ flex-direction:row
+ }
+
+ .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
+ border-bottom-left-radius: var(--tblr-list-group-border-radius);
+ border-top-right-radius: 0
+ }
+
+ .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
+ border-top-right-radius: var(--tblr-list-group-border-radius);
+ border-bottom-left-radius: 0
+ }
+
+ .list-group-horizontal-xl>.list-group-item.active {
+ margin-top: 0
+ }
+
+ .list-group-horizontal-xl>.list-group-item+.list-group-item {
+ border-top-width: var(--tblr-list-group-border-width);
+ border-left-width: 0
+ }
+
+ .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
+ margin-left: calc(-1 * var(--tblr-list-group-border-width));
+ border-left-width: var(--tblr-list-group-border-width)
+ }
+}
+
+@media (min-width: 1400px) {
+ .list-group-horizontal-xxl {
+ flex-direction:row
+ }
+
+ .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
+ border-bottom-left-radius: var(--tblr-list-group-border-radius);
+ border-top-right-radius: 0
+ }
+
+ .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
+ border-top-right-radius: var(--tblr-list-group-border-radius);
+ border-bottom-left-radius: 0
+ }
+
+ .list-group-horizontal-xxl>.list-group-item.active {
+ margin-top: 0
+ }
+
+ .list-group-horizontal-xxl>.list-group-item+.list-group-item {
+ border-top-width: var(--tblr-list-group-border-width);
+ border-left-width: 0
+ }
+
+ .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
+ margin-left: calc(-1 * var(--tblr-list-group-border-width));
+ border-left-width: var(--tblr-list-group-border-width)
+ }
+}
+
+.list-group-flush {
+ border-radius: 0
+}
+
+.list-group-flush>.list-group-item {
+ border-width: 0 0 var(--tblr-list-group-border-width)
+}
+
+.list-group-flush>.list-group-item:last-child {
+ border-bottom-width: 0
+}
+
+.list-group-item-primary {
+ --tblr-list-group-color: var(--tblr-primary-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-primary-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-primary-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-primary-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-primary-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-primary-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-primary-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-primary-text-emphasis)
+}
+
+.list-group-item-secondary {
+ --tblr-list-group-color: var(--tblr-secondary-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-secondary-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-secondary-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-secondary-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-secondary-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-secondary-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-secondary-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-secondary-text-emphasis)
+}
+
+.list-group-item-success {
+ --tblr-list-group-color: var(--tblr-success-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-success-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-success-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-success-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-success-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-success-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-success-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-success-text-emphasis)
+}
+
+.list-group-item-info {
+ --tblr-list-group-color: var(--tblr-info-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-info-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-info-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-info-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-info-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-info-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-info-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-info-text-emphasis)
+}
+
+.list-group-item-warning {
+ --tblr-list-group-color: var(--tblr-warning-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-warning-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-warning-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-warning-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-warning-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-warning-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-warning-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-warning-text-emphasis)
+}
+
+.list-group-item-danger {
+ --tblr-list-group-color: var(--tblr-danger-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-danger-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-danger-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-danger-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-danger-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-danger-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-danger-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-danger-text-emphasis)
+}
+
+.list-group-item-light {
+ --tblr-list-group-color: var(--tblr-light-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-light-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-light-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-light-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-light-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-light-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-light-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-light-text-emphasis)
+}
+
+.list-group-item-dark {
+ --tblr-list-group-color: var(--tblr-dark-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-dark-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-dark-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-dark-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-dark-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-dark-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-dark-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-dark-text-emphasis)
+}
+
+.list-group-item-muted {
+ --tblr-list-group-color: var(--tblr-muted-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-muted-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-muted-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-muted-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-muted-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-muted-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-muted-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-muted-text-emphasis)
+}
+
+.list-group-item-blue {
+ --tblr-list-group-color: var(--tblr-blue-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-blue-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-blue-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-blue-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-blue-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-blue-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-blue-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-blue-text-emphasis)
+}
+
+.list-group-item-azure {
+ --tblr-list-group-color: var(--tblr-azure-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-azure-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-azure-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-azure-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-azure-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-azure-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-azure-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-azure-text-emphasis)
+}
+
+.list-group-item-indigo {
+ --tblr-list-group-color: var(--tblr-indigo-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-indigo-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-indigo-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-indigo-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-indigo-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-indigo-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-indigo-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-indigo-text-emphasis)
+}
+
+.list-group-item-purple {
+ --tblr-list-group-color: var(--tblr-purple-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-purple-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-purple-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-purple-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-purple-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-purple-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-purple-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-purple-text-emphasis)
+}
+
+.list-group-item-pink {
+ --tblr-list-group-color: var(--tblr-pink-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-pink-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-pink-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-pink-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-pink-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-pink-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-pink-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-pink-text-emphasis)
+}
+
+.list-group-item-red {
+ --tblr-list-group-color: var(--tblr-red-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-red-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-red-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-red-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-red-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-red-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-red-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-red-text-emphasis)
+}
+
+.list-group-item-orange {
+ --tblr-list-group-color: var(--tblr-orange-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-orange-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-orange-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-orange-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-orange-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-orange-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-orange-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-orange-text-emphasis)
+}
+
+.list-group-item-yellow {
+ --tblr-list-group-color: var(--tblr-yellow-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-yellow-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-yellow-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-yellow-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-yellow-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-yellow-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-yellow-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-yellow-text-emphasis)
+}
+
+.list-group-item-lime {
+ --tblr-list-group-color: var(--tblr-lime-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-lime-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-lime-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-lime-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-lime-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-lime-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-lime-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-lime-text-emphasis)
+}
+
+.list-group-item-green {
+ --tblr-list-group-color: var(--tblr-green-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-green-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-green-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-green-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-green-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-green-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-green-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-green-text-emphasis)
+}
+
+.list-group-item-teal {
+ --tblr-list-group-color: var(--tblr-teal-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-teal-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-teal-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-teal-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-teal-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-teal-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-teal-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-teal-text-emphasis)
+}
+
+.list-group-item-cyan {
+ --tblr-list-group-color: var(--tblr-cyan-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-cyan-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-cyan-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-cyan-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-cyan-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-cyan-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-cyan-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-cyan-text-emphasis)
+}
+
+.list-group-item-x {
+ --tblr-list-group-color: var(--tblr-x-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-x-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-x-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-x-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-x-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-x-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-x-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-x-text-emphasis)
+}
+
+.list-group-item-facebook {
+ --tblr-list-group-color: var(--tblr-facebook-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-facebook-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-facebook-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-facebook-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-facebook-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-facebook-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-facebook-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-facebook-text-emphasis)
+}
+
+.list-group-item-twitter {
+ --tblr-list-group-color: var(--tblr-twitter-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-twitter-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-twitter-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-twitter-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-twitter-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-twitter-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-twitter-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-twitter-text-emphasis)
+}
+
+.list-group-item-linkedin {
+ --tblr-list-group-color: var(--tblr-linkedin-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-linkedin-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-linkedin-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-linkedin-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-linkedin-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-linkedin-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-linkedin-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-linkedin-text-emphasis)
+}
+
+.list-group-item-google {
+ --tblr-list-group-color: var(--tblr-google-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-google-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-google-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-google-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-google-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-google-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-google-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-google-text-emphasis)
+}
+
+.list-group-item-youtube {
+ --tblr-list-group-color: var(--tblr-youtube-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-youtube-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-youtube-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-youtube-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-youtube-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-youtube-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-youtube-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-youtube-text-emphasis)
+}
+
+.list-group-item-vimeo {
+ --tblr-list-group-color: var(--tblr-vimeo-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-vimeo-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-vimeo-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-vimeo-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-vimeo-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-vimeo-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-vimeo-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-vimeo-text-emphasis)
+}
+
+.list-group-item-dribbble {
+ --tblr-list-group-color: var(--tblr-dribbble-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-dribbble-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-dribbble-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-dribbble-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-dribbble-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-dribbble-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-dribbble-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-dribbble-text-emphasis)
+}
+
+.list-group-item-github {
+ --tblr-list-group-color: var(--tblr-github-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-github-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-github-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-github-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-github-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-github-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-github-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-github-text-emphasis)
+}
+
+.list-group-item-instagram {
+ --tblr-list-group-color: var(--tblr-instagram-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-instagram-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-instagram-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-instagram-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-instagram-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-instagram-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-instagram-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-instagram-text-emphasis)
+}
+
+.list-group-item-pinterest {
+ --tblr-list-group-color: var(--tblr-pinterest-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-pinterest-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-pinterest-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-pinterest-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-pinterest-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-pinterest-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-pinterest-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-pinterest-text-emphasis)
+}
+
+.list-group-item-vk {
+ --tblr-list-group-color: var(--tblr-vk-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-vk-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-vk-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-vk-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-vk-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-vk-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-vk-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-vk-text-emphasis)
+}
+
+.list-group-item-rss {
+ --tblr-list-group-color: var(--tblr-rss-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-rss-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-rss-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-rss-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-rss-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-rss-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-rss-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-rss-text-emphasis)
+}
+
+.list-group-item-flickr {
+ --tblr-list-group-color: var(--tblr-flickr-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-flickr-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-flickr-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-flickr-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-flickr-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-flickr-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-flickr-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-flickr-text-emphasis)
+}
+
+.list-group-item-bitbucket {
+ --tblr-list-group-color: var(--tblr-bitbucket-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-bitbucket-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-bitbucket-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-bitbucket-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-bitbucket-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-bitbucket-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-bitbucket-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-bitbucket-text-emphasis)
+}
+
+.list-group-item-tabler {
+ --tblr-list-group-color: var(--tblr-tabler-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-tabler-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-tabler-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-tabler-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-tabler-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-tabler-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-tabler-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-tabler-text-emphasis)
+}
+
+.btn-close {
+ --tblr-btn-close-color: #182433;
+ --tblr-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23182433'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
+ --tblr-btn-close-opacity: 0.4;
+ --tblr-btn-close-hover-opacity: 0.75;
+ --tblr-btn-close-focus-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
+ --tblr-btn-close-focus-opacity: 1;
+ --tblr-btn-close-disabled-opacity: 0.25;
+ --tblr-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
+ box-sizing: content-box;
+ width: 1em;
+ height: 1em;
+ padding: .25em .25em;
+ color: var(--tblr-btn-close-color);
+ background: transparent var(--tblr-btn-close-bg) center/1em auto no-repeat;
+ border: 0;
+ border-radius: 4px;
+ opacity: var(--tblr-btn-close-opacity)
+}
+
+.btn-close:hover {
+ color: var(--tblr-btn-close-color);
+ text-decoration: none;
+ opacity: var(--tblr-btn-close-hover-opacity)
+}
+
+.btn-close:focus {
+ outline: 0;
+ box-shadow: var(--tblr-btn-close-focus-shadow);
+ opacity: var(--tblr-btn-close-focus-opacity)
+}
+
+.btn-close.disabled,.btn-close:disabled {
+ pointer-events: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ opacity: var(--tblr-btn-close-disabled-opacity)
+}
+
+.btn-close-white {
+ filter: var(--tblr-btn-close-white-filter)
+}
+
+[data-bs-theme=dark] .btn-close,body[data-bs-theme=dark] [data-bs-theme=light] .btn-close {
+ filter: var(--tblr-btn-close-white-filter)
+}
+
+.toast {
+ --tblr-toast-zindex: 1090;
+ --tblr-toast-padding-x: 0.75rem;
+ --tblr-toast-padding-y: 0.5rem;
+ --tblr-toast-spacing: calc(var(--tblr-page-padding) * 2);
+ --tblr-toast-max-width: 350px;
+ --tblr-toast-font-size: 0.875rem;
+ --tblr-toast-bg: rgba(var(--tblr-body-bg-rgb), 0.85);
+ --tblr-toast-border-width: var(--tblr-border-width);
+ --tblr-toast-border-color: var(--tblr-border-color);
+ --tblr-toast-border-radius: var(--tblr-border-radius);
+ --tblr-toast-box-shadow: var(--tblr-box-shadow);
+ --tblr-toast-header-color: var(--tblr-gray-500);
+ --tblr-toast-header-bg: rgba(var(--tblr-body-bg-rgb), 0.85);
+ --tblr-toast-header-border-color: var(--tblr-border-color);
+ width: var(--tblr-toast-max-width);
+ max-width: 100%;
+ font-size: var(--tblr-toast-font-size);
+ color: var(--tblr-toast-color);
+ pointer-events: auto;
+ background-color: var(--tblr-toast-bg);
+ background-clip: padding-box;
+ border: var(--tblr-toast-border-width) solid var(--tblr-toast-border-color);
+ box-shadow: var(--tblr-toast-box-shadow);
+ border-radius: var(--tblr-toast-border-radius)
+}
+
+.toast.showing {
+ opacity: 0
+}
+
+.toast:not(.show) {
+ display: none
+}
+
+.toast-container {
+ --tblr-toast-zindex: 1090;
+ position: absolute;
+ z-index: var(--tblr-toast-zindex);
+ width: -webkit-max-content;
+ width: -moz-max-content;
+ width: max-content;
+ max-width: 100%;
+ pointer-events: none
+}
+
+.toast-container>:not(:last-child) {
+ margin-bottom: var(--tblr-toast-spacing)
+}
+
+.toast-header {
+ display: flex;
+ align-items: center;
+ padding: var(--tblr-toast-padding-y) var(--tblr-toast-padding-x);
+ color: var(--tblr-toast-header-color);
+ background-color: var(--tblr-toast-header-bg);
+ background-clip: padding-box;
+ border-bottom: var(--tblr-toast-border-width) solid var(--tblr-toast-header-border-color);
+ border-top-left-radius: calc(var(--tblr-toast-border-radius) - var(--tblr-toast-border-width));
+ border-top-right-radius: calc(var(--tblr-toast-border-radius) - var(--tblr-toast-border-width))
+}
+
+.toast-header .btn-close {
+ margin-right: calc(-.5 * var(--tblr-toast-padding-x));
+ margin-left: var(--tblr-toast-padding-x)
+}
+
+.toast-body {
+ padding: var(--tblr-toast-padding-x);
+ word-wrap: break-word
+}
+
+.modal {
+ --tblr-modal-zindex: 1055;
+ --tblr-modal-width: 540px;
+ --tblr-modal-padding: 1.5rem;
+ --tblr-modal-margin: 0.5rem;
+ --tblr-modal-bg: var(--tblr-bg-surface);
+ --tblr-modal-border-color: transparent;
+ --tblr-modal-border-width: var(--tblr-border-width);
+ --tblr-modal-border-radius: var(--tblr-border-radius-lg);
+ --tblr-modal-box-shadow: var(--tblr-box-shadow-sm);
+ --tblr-modal-inner-border-radius: calc(var(--tblr-modal-border-radius) - 1px);
+ --tblr-modal-header-padding-x: 1.5rem;
+ --tblr-modal-header-padding-y: 1.5rem;
+ --tblr-modal-header-padding: 1.5rem;
+ --tblr-modal-header-border-color: var(--tblr-border-color);
+ --tblr-modal-header-border-width: var(--tblr-border-width);
+ --tblr-modal-title-line-height: 1.4285714286;
+ --tblr-modal-footer-gap: 0.75rem;
+ --tblr-modal-footer-bg: var(--tblr-bg-surface-tertiary);
+ --tblr-modal-footer-border-color: var(--tblr-border-color);
+ --tblr-modal-footer-border-width: var(--tblr-border-width);
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: var(--tblr-modal-zindex);
+ display: none;
+ width: 100%;
+ height: 100%;
+ overflow-x: hidden;
+ overflow-y: auto;
+ outline: 0
+}
+
+.modal-dialog {
+ position: relative;
+ width: auto;
+ margin: var(--tblr-modal-margin);
+ pointer-events: none
+}
+
+.modal.fade .modal-dialog {
+ transition: transform .3s ease-out;
+ transform: translate(0,-1rem)
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .modal.fade .modal-dialog {
+ transition: none
+ }
+}
+
+.modal.show .modal-dialog {
+ transform: none
+}
+
+.modal.modal-static .modal-dialog {
+ transform: scale(1.02)
+}
+
+.modal-dialog-scrollable {
+ height: calc(100% - var(--tblr-modal-margin) * 2)
+}
+
+.modal-dialog-scrollable .modal-content {
+ max-height: 100%;
+ overflow: hidden
+}
+
+.modal-dialog-scrollable .modal-body {
+ overflow-y: auto
+}
+
+.modal-dialog-centered {
+ display: flex;
+ align-items: center;
+ min-height: calc(100% - var(--tblr-modal-margin) * 2)
+}
+
+.modal-content {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ color: var(--tblr-modal-color);
+ pointer-events: auto;
+ background-color: var(--tblr-modal-bg);
+ background-clip: padding-box;
+ border: var(--tblr-modal-border-width) solid var(--tblr-modal-border-color);
+ border-radius: var(--tblr-modal-border-radius);
+ box-shadow: var(--tblr-modal-box-shadow);
+ outline: 0
+}
+
+.modal-backdrop {
+ --tblr-backdrop-zindex: 1050;
+ --tblr-backdrop-bg: #182433;
+ --tblr-backdrop-opacity: 0.24;
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: var(--tblr-backdrop-zindex);
+ width: 100vw;
+ height: 100vh;
+ background-color: var(--tblr-backdrop-bg)
+}
+
+.modal-backdrop.fade {
+ opacity: 0
+}
+
+.modal-backdrop.show {
+ opacity: var(--tblr-backdrop-opacity)
+}
+
+.modal-header {
+ display: flex;
+ flex-shrink: 0;
+ align-items: center;
+ padding: var(--tblr-modal-header-padding);
+ border-bottom: var(--tblr-modal-header-border-width) solid var(--tblr-modal-header-border-color);
+ border-top-left-radius: var(--tblr-modal-inner-border-radius);
+ border-top-right-radius: var(--tblr-modal-inner-border-radius)
+}
+
+.modal-header .btn-close {
+ padding: calc(var(--tblr-modal-header-padding-y) * .5) calc(var(--tblr-modal-header-padding-x) * .5);
+ margin: calc(-.5 * var(--tblr-modal-header-padding-y)) calc(-.5 * var(--tblr-modal-header-padding-x)) calc(-.5 * var(--tblr-modal-header-padding-y)) auto
+}
+
+.modal-title {
+ margin-bottom: 0;
+ line-height: var(--tblr-modal-title-line-height)
+}
+
+.modal-body {
+ position: relative;
+ flex: 1 1 auto;
+ padding: var(--tblr-modal-padding)
+}
+
+.modal-footer {
+ display: flex;
+ flex-shrink: 0;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: flex-end;
+ padding: calc(var(--tblr-modal-padding) - var(--tblr-modal-footer-gap) * .5);
+ background-color: var(--tblr-modal-footer-bg);
+ border-top: var(--tblr-modal-footer-border-width) solid var(--tblr-modal-footer-border-color);
+ border-bottom-right-radius: var(--tblr-modal-inner-border-radius);
+ border-bottom-left-radius: var(--tblr-modal-inner-border-radius)
+}
+
+.modal-footer>* {
+ margin: calc(var(--tblr-modal-footer-gap) * .5)
+}
+
+@media (min-width: 576px) {
+ .modal {
+ --tblr-modal-margin:1.75rem;
+ --tblr-modal-box-shadow: var(--tblr-box-shadow)
+ }
+
+ .modal-dialog {
+ max-width: var(--tblr-modal-width);
+ margin-right: auto;
+ margin-left: auto
+ }
+
+ .modal-sm {
+ --tblr-modal-width: 380px
+ }
+}
+
+@media (min-width: 992px) {
+ .modal-lg,.modal-xl {
+ --tblr-modal-width:720px
+ }
+}
+
+@media (min-width: 1200px) {
+ .modal-xl {
+ --tblr-modal-width:1140px
+ }
+}
+
+.modal-fullscreen {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0
+}
+
+.modal-fullscreen .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0
+}
+
+.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header {
+ border-radius: 0
+}
+
+.modal-fullscreen .modal-body {
+ overflow-y: auto
+}
+
+@media (max-width: 575.98px) {
+ .modal-fullscreen-sm-down {
+ width:100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0
+ }
+
+ .modal-fullscreen-sm-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0
+ }
+
+ .modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header {
+ border-radius: 0
+ }
+
+ .modal-fullscreen-sm-down .modal-body {
+ overflow-y: auto
+ }
+}
+
+@media (max-width: 767.98px) {
+ .modal-fullscreen-md-down {
+ width:100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0
+ }
+
+ .modal-fullscreen-md-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0
+ }
+
+ .modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header {
+ border-radius: 0
+ }
+
+ .modal-fullscreen-md-down .modal-body {
+ overflow-y: auto
+ }
+}
+
+@media (max-width: 991.98px) {
+ .modal-fullscreen-lg-down {
+ width:100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0
+ }
+
+ .modal-fullscreen-lg-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0
+ }
+
+ .modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header {
+ border-radius: 0
+ }
+
+ .modal-fullscreen-lg-down .modal-body {
+ overflow-y: auto
+ }
+}
+
+@media (max-width: 1199.98px) {
+ .modal-fullscreen-xl-down {
+ width:100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0
+ }
+
+ .modal-fullscreen-xl-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0
+ }
+
+ .modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header {
+ border-radius: 0
+ }
+
+ .modal-fullscreen-xl-down .modal-body {
+ overflow-y: auto
+ }
+}
+
+@media (max-width: 1399.98px) {
+ .modal-fullscreen-xxl-down {
+ width:100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0
+ }
+
+ .modal-fullscreen-xxl-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0
+ }
+
+ .modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header {
+ border-radius: 0
+ }
+
+ .modal-fullscreen-xxl-down .modal-body {
+ overflow-y: auto
+ }
+}
+
+.tooltip {
+ --tblr-tooltip-zindex: 1080;
+ --tblr-tooltip-max-width: 200px;
+ --tblr-tooltip-padding-x: var(--tblr-spacer-2);
+ --tblr-tooltip-padding-y: var(--tblr-spacer-2);
+ --tblr-tooltip-font-size: 0.765625rem;
+ --tblr-tooltip-color: var(--tblr-light);
+ --tblr-tooltip-bg: var(--tblr-bg-surface-dark);
+ --tblr-tooltip-border-radius: var(--tblr-border-radius);
+ --tblr-tooltip-opacity: 0.9;
+ --tblr-tooltip-arrow-width: 0.8rem;
+ --tblr-tooltip-arrow-height: 0.4rem;
+ z-index: var(--tblr-tooltip-zindex);
+ display: block;
+ margin: var(--tblr-tooltip-margin);
+ font-family: var(--tblr-font-sans-serif);
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.4285714286;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ white-space: normal;
+ word-spacing: normal;
+ line-break: auto;
+ font-size: var(--tblr-tooltip-font-size);
+ word-wrap: break-word;
+ opacity: 0
+}
+
+.tooltip.show {
+ opacity: var(--tblr-tooltip-opacity)
+}
+
+.tooltip .tooltip-arrow {
+ display: block;
+ width: var(--tblr-tooltip-arrow-width);
+ height: var(--tblr-tooltip-arrow-height)
+}
+
+.tooltip .tooltip-arrow::before {
+ position: absolute;
+ content: "";
+ border-color: transparent;
+ border-style: solid
+}
+
+.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow {
+ bottom: calc(-1 * var(--tblr-tooltip-arrow-height))
+}
+
+.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before {
+ top: -1px;
+ border-width: var(--tblr-tooltip-arrow-height) calc(var(--tblr-tooltip-arrow-width) * .5) 0;
+ border-top-color: var(--tblr-tooltip-bg)
+}
+
+.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow {
+ left: calc(-1 * var(--tblr-tooltip-arrow-height));
+ width: var(--tblr-tooltip-arrow-height);
+ height: var(--tblr-tooltip-arrow-width)
+}
+
+.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before {
+ right: -1px;
+ border-width: calc(var(--tblr-tooltip-arrow-width) * .5) var(--tblr-tooltip-arrow-height) calc(var(--tblr-tooltip-arrow-width) * .5) 0;
+ border-right-color: var(--tblr-tooltip-bg)
+}
+
+.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow {
+ top: calc(-1 * var(--tblr-tooltip-arrow-height))
+}
+
+.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before {
+ bottom: -1px;
+ border-width: 0 calc(var(--tblr-tooltip-arrow-width) * .5) var(--tblr-tooltip-arrow-height);
+ border-bottom-color: var(--tblr-tooltip-bg)
+}
+
+.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow {
+ right: calc(-1 * var(--tblr-tooltip-arrow-height));
+ width: var(--tblr-tooltip-arrow-height);
+ height: var(--tblr-tooltip-arrow-width)
+}
+
+.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before {
+ left: -1px;
+ border-width: calc(var(--tblr-tooltip-arrow-width) * .5) 0 calc(var(--tblr-tooltip-arrow-width) * .5) var(--tblr-tooltip-arrow-height);
+ border-left-color: var(--tblr-tooltip-bg)
+}
+
+.tooltip-inner {
+ max-width: var(--tblr-tooltip-max-width);
+ padding: var(--tblr-tooltip-padding-y) var(--tblr-tooltip-padding-x);
+ color: var(--tblr-tooltip-color);
+ text-align: center;
+ background-color: var(--tblr-tooltip-bg);
+ border-radius: var(--tblr-tooltip-border-radius)
+}
+
+.popover {
+ --tblr-popover-zindex: 1070;
+ --tblr-popover-max-width: 276px;
+ --tblr-popover-font-size: 0.765625rem;
+ --tblr-popover-bg: var(--tblr-bg-surface);
+ --tblr-popover-border-width: var(--tblr-border-width);
+ --tblr-popover-border-color: var(--tblr-border-color);
+ --tblr-popover-border-radius: var(--tblr-border-radius-lg);
+ --tblr-popover-inner-border-radius: calc(var(--tblr-border-radius-lg) - var(--tblr-border-width));
+ --tblr-popover-box-shadow: var(--tblr-box-shadow);
+ --tblr-popover-header-padding-x: 1rem;
+ --tblr-popover-header-padding-y: 0.5rem;
+ --tblr-popover-header-font-size: 0.875rem;
+ --tblr-popover-header-color: inherit;
+ --tblr-popover-header-bg: transparent;
+ --tblr-popover-body-padding-x: 1rem;
+ --tblr-popover-body-padding-y: 1rem;
+ --tblr-popover-body-color: inherit;
+ --tblr-popover-arrow-width: 1rem;
+ --tblr-popover-arrow-height: 0.5rem;
+ --tblr-popover-arrow-border: var(--tblr-popover-border-color);
+ z-index: var(--tblr-popover-zindex);
+ display: block;
+ max-width: var(--tblr-popover-max-width);
+ font-family: var(--tblr-font-sans-serif);
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.4285714286;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ white-space: normal;
+ word-spacing: normal;
+ line-break: auto;
+ font-size: var(--tblr-popover-font-size);
+ word-wrap: break-word;
+ background-color: var(--tblr-popover-bg);
+ background-clip: padding-box;
+ border: var(--tblr-popover-border-width) solid var(--tblr-popover-border-color);
+ border-radius: var(--tblr-popover-border-radius);
+ box-shadow: var(--tblr-popover-box-shadow)
+}
+
+.popover .popover-arrow {
+ display: block;
+ width: var(--tblr-popover-arrow-width);
+ height: var(--tblr-popover-arrow-height)
+}
+
+.popover .popover-arrow::after,.popover .popover-arrow::before {
+ position: absolute;
+ display: block;
+ content: "";
+ border-color: transparent;
+ border-style: solid;
+ border-width: 0
+}
+
+.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow {
+ bottom: calc(-1 * (var(--tblr-popover-arrow-height)) - var(--tblr-popover-border-width))
+}
+
+.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before {
+ border-width: var(--tblr-popover-arrow-height) calc(var(--tblr-popover-arrow-width) * .5) 0
+}
+
+.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before {
+ bottom: 0;
+ border-top-color: var(--tblr-popover-arrow-border)
+}
+
+.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after {
+ bottom: var(--tblr-popover-border-width);
+ border-top-color: var(--tblr-popover-bg)
+}
+
+.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow {
+ left: calc(-1 * (var(--tblr-popover-arrow-height)) - var(--tblr-popover-border-width));
+ width: var(--tblr-popover-arrow-height);
+ height: var(--tblr-popover-arrow-width)
+}
+
+.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before {
+ border-width: calc(var(--tblr-popover-arrow-width) * .5) var(--tblr-popover-arrow-height) calc(var(--tblr-popover-arrow-width) * .5) 0
+}
+
+.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before {
+ left: 0;
+ border-right-color: var(--tblr-popover-arrow-border)
+}
+
+.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after {
+ left: var(--tblr-popover-border-width);
+ border-right-color: var(--tblr-popover-bg)
+}
+
+.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow {
+ top: calc(-1 * (var(--tblr-popover-arrow-height)) - var(--tblr-popover-border-width))
+}
+
+.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before {
+ border-width: 0 calc(var(--tblr-popover-arrow-width) * .5) var(--tblr-popover-arrow-height)
+}
+
+.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before {
+ top: 0;
+ border-bottom-color: var(--tblr-popover-arrow-border)
+}
+
+.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after {
+ top: var(--tblr-popover-border-width);
+ border-bottom-color: var(--tblr-popover-bg)
+}
+
+.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ display: block;
+ width: var(--tblr-popover-arrow-width);
+ margin-left: calc(-.5 * var(--tblr-popover-arrow-width));
+ content: "";
+ border-bottom: var(--tblr-popover-border-width) solid var(--tblr-popover-header-bg)
+}
+
+.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow {
+ right: calc(-1 * (var(--tblr-popover-arrow-height)) - var(--tblr-popover-border-width));
+ width: var(--tblr-popover-arrow-height);
+ height: var(--tblr-popover-arrow-width)
+}
+
+.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before {
+ border-width: calc(var(--tblr-popover-arrow-width) * .5) 0 calc(var(--tblr-popover-arrow-width) * .5) var(--tblr-popover-arrow-height)
+}
+
+.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before {
+ right: 0;
+ border-left-color: var(--tblr-popover-arrow-border)
+}
+
+.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after {
+ right: var(--tblr-popover-border-width);
+ border-left-color: var(--tblr-popover-bg)
+}
+
+.popover-header {
+ padding: var(--tblr-popover-header-padding-y) var(--tblr-popover-header-padding-x);
+ margin-bottom: 0;
+ font-size: var(--tblr-popover-header-font-size);
+ color: var(--tblr-popover-header-color);
+ background-color: var(--tblr-popover-header-bg);
+ border-bottom: var(--tblr-popover-border-width) solid var(--tblr-popover-border-color);
+ border-top-left-radius: var(--tblr-popover-inner-border-radius);
+ border-top-right-radius: var(--tblr-popover-inner-border-radius)
+}
+
+.popover-header:empty {
+ display: none
+}
+
+.popover-body {
+ padding: var(--tblr-popover-body-padding-y) var(--tblr-popover-body-padding-x);
+ color: var(--tblr-popover-body-color)
+}
+
+.carousel {
+ position: relative
+}
+
+.carousel.pointer-event {
+ touch-action: pan-y
+}
+
+.carousel-inner {
+ position: relative;
+ width: 100%;
+ overflow: hidden
+}
+
+.carousel-inner::after {
+ display: block;
+ clear: both;
+ content: ""
+}
+
+.carousel-item {
+ position: relative;
+ display: none;
+ float: left;
+ width: 100%;
+ margin-right: -100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ transition: transform .6s ease-in-out
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .carousel-item {
+ transition: none
+ }
+}
+
+.carousel-item-next,.carousel-item-prev,.carousel-item.active {
+ display: block
+}
+
+.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start) {
+ transform: translateX(100%)
+}
+
+.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end) {
+ transform: translateX(-100%)
+}
+
+.carousel-fade .carousel-item {
+ opacity: 0;
+ transition-property: opacity;
+ transform: none
+}
+
+.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active {
+ z-index: 1;
+ opacity: 1
+}
+
+.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {
+ z-index: 0;
+ opacity: 0;
+ transition: opacity 0s .6s
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {
+ transition: none
+ }
+}
+
+.carousel-control-next,.carousel-control-prev {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ z-index: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 15%;
+ padding: 0;
+ color: #fff;
+ text-align: center;
+ background: 0 0;
+ border: 0;
+ opacity: .5;
+ transition: opacity .15s ease
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .carousel-control-next,.carousel-control-prev {
+ transition: none
+ }
+}
+
+.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
+ color: #fff;
+ text-decoration: none;
+ outline: 0;
+ opacity: .9
+}
+
+.carousel-control-prev {
+ left: 0
+}
+
+.carousel-control-next {
+ right: 0
+}
+
+.carousel-control-next-icon,.carousel-control-prev-icon {
+ display: inline-block;
+ width: 1.5rem;
+ height: 1.5rem;
+ background-repeat: no-repeat;
+ background-position: 50%;
+ background-size: 100% 100%
+}
+
+.carousel-control-prev-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='15 18 9 12 15 6'%3e%3c/polyline%3e%3c/svg%3e")
+}
+
+.carousel-control-next-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='9 18 15 12 9 6'%3e%3c/polyline%3e%3c/svg%3e")
+}
+
+.carousel-indicators {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 2;
+ display: flex;
+ justify-content: center;
+ padding: 0;
+ margin-right: 15%;
+ margin-bottom: 1rem;
+ margin-left: 15%
+}
+
+.carousel-indicators [data-bs-target] {
+ box-sizing: content-box;
+ flex: 0 1 auto;
+ width: 30px;
+ height: 3px;
+ padding: 0;
+ margin-right: 3px;
+ margin-left: 3px;
+ text-indent: -999px;
+ cursor: pointer;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 0;
+ border-top: 10px solid transparent;
+ border-bottom: 10px solid transparent;
+ opacity: .5;
+ transition: opacity .6s ease
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .carousel-indicators [data-bs-target] {
+ transition: none
+ }
+}
+
+.carousel-indicators .active {
+ opacity: 1
+}
+
+.carousel-caption {
+ position: absolute;
+ right: 15%;
+ bottom: 1.25rem;
+ left: 15%;
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+ color: #fff;
+ text-align: center
+}
+
+.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon {
+ filter: invert(1) grayscale(100)
+}
+
+.carousel-dark .carousel-indicators [data-bs-target] {
+ background-color: #000
+}
+
+.carousel-dark .carousel-caption {
+ color: #000
+}
+
+[data-bs-theme=dark] .carousel .carousel-control-next-icon,[data-bs-theme=dark] .carousel .carousel-control-prev-icon,[data-bs-theme=dark].carousel .carousel-control-next-icon,[data-bs-theme=dark].carousel .carousel-control-prev-icon {
+ filter: invert(1) grayscale(100)
+}
+
+[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
+ background-color: #000
+}
+
+[data-bs-theme=dark] .carousel .carousel-caption,[data-bs-theme=dark].carousel .carousel-caption {
+ color: #000
+}
+
+.spinner-border,.spinner-grow {
+ display: inline-block;
+ width: var(--tblr-spinner-width);
+ height: var(--tblr-spinner-height);
+ vertical-align: var(--tblr-spinner-vertical-align);
+ border-radius: 50%;
+ animation: var(--tblr-spinner-animation-speed) linear infinite var(--tblr-spinner-animation-name)
+}
+
+@keyframes spinner-border {
+ to {
+ transform: rotate(360deg)
+ }
+}
+
+.spinner-border {
+ --tblr-spinner-width: 1.5rem;
+ --tblr-spinner-height: 1.5rem;
+ --tblr-spinner-vertical-align: -0.125em;
+ --tblr-spinner-border-width: 2px;
+ --tblr-spinner-animation-speed: 0.75s;
+ --tblr-spinner-animation-name: spinner-border;
+ border: var(--tblr-spinner-border-width) solid currentcolor;
+ border-right-color: transparent
+}
+
+.spinner-border-sm {
+ --tblr-spinner-width: 1rem;
+ --tblr-spinner-height: 1rem;
+ --tblr-spinner-border-width: 1px
+}
+
+@keyframes spinner-grow {
+ 0% {
+ transform: scale(0)
+ }
+
+ 50% {
+ opacity: 1;
+ transform: none
+ }
+}
+
+.spinner-grow {
+ --tblr-spinner-width: 1.5rem;
+ --tblr-spinner-height: 1.5rem;
+ --tblr-spinner-vertical-align: -0.125em;
+ --tblr-spinner-animation-speed: 0.75s;
+ --tblr-spinner-animation-name: spinner-grow;
+ background-color: currentcolor;
+ opacity: 0
+}
+
+.spinner-grow-sm {
+ --tblr-spinner-width: 1rem;
+ --tblr-spinner-height: 1rem
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .spinner-border,.spinner-grow {
+ --tblr-spinner-animation-speed: 1.5s
+ }
+}
+
+.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl {
+ --tblr-offcanvas-zindex: 1045;
+ --tblr-offcanvas-width: 400px;
+ --tblr-offcanvas-height: 30vh;
+ --tblr-offcanvas-padding-x: 1.5rem;
+ --tblr-offcanvas-padding-y: 1.5rem;
+ --tblr-offcanvas-color: var(--tblr-body-color);
+ --tblr-offcanvas-bg: var(--tblr-bg-surface);
+ --tblr-offcanvas-border-width: var(--tblr-border-width);
+ --tblr-offcanvas-border-color: var(--tblr-border-color);
+ --tblr-offcanvas-box-shadow: var(--tblr-box-shadow-sm);
+ --tblr-offcanvas-transition: transform 0.3s ease-in-out;
+ --tblr-offcanvas-title-line-height: 1.4285714286
+}
+
+@media (max-width: 575.98px) {
+ .offcanvas-sm {
+ position:fixed;
+ bottom: 0;
+ z-index: var(--tblr-offcanvas-zindex);
+ display: flex;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--tblr-offcanvas-color);
+ visibility: hidden;
+ background-color: var(--tblr-offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ box-shadow: var(--tblr-offcanvas-box-shadow);
+ transition: var(--tblr-offcanvas-transition)
+ }
+}
+
+@media (max-width: 575.98px) and (prefers-reduced-motion:reduce) {
+ .offcanvas-sm {
+ transition:none
+ }
+}
+
+@media (max-width: 575.98px) {
+ .offcanvas-sm.offcanvas-start {
+ top:0;
+ left: 0;
+ width: var(--tblr-offcanvas-width);
+ border-right: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateX(-100%)
+ }
+
+ .offcanvas-sm.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--tblr-offcanvas-width);
+ border-left: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateX(100%)
+ }
+
+ .offcanvas-sm.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--tblr-offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateY(-100%)
+ }
+
+ .offcanvas-sm.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--tblr-offcanvas-height);
+ max-height: 100%;
+ border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateY(100%)
+ }
+
+ .offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing {
+ transform: none
+ }
+
+ .offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing {
+ visibility: visible
+ }
+}
+
+@media (min-width: 576px) {
+ .offcanvas-sm {
+ --tblr-offcanvas-height:auto;
+ --tblr-offcanvas-border-width: 0;
+ background-color: transparent!important
+ }
+
+ .offcanvas-sm .offcanvas-header {
+ display: none
+ }
+
+ .offcanvas-sm .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ background-color: transparent!important
+ }
+}
+
+@media (max-width: 767.98px) {
+ .offcanvas-md {
+ position:fixed;
+ bottom: 0;
+ z-index: var(--tblr-offcanvas-zindex);
+ display: flex;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--tblr-offcanvas-color);
+ visibility: hidden;
+ background-color: var(--tblr-offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ box-shadow: var(--tblr-offcanvas-box-shadow);
+ transition: var(--tblr-offcanvas-transition)
+ }
+}
+
+@media (max-width: 767.98px) and (prefers-reduced-motion:reduce) {
+ .offcanvas-md {
+ transition:none
+ }
+}
+
+@media (max-width: 767.98px) {
+ .offcanvas-md.offcanvas-start {
+ top:0;
+ left: 0;
+ width: var(--tblr-offcanvas-width);
+ border-right: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateX(-100%)
+ }
+
+ .offcanvas-md.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--tblr-offcanvas-width);
+ border-left: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateX(100%)
+ }
+
+ .offcanvas-md.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--tblr-offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateY(-100%)
+ }
+
+ .offcanvas-md.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--tblr-offcanvas-height);
+ max-height: 100%;
+ border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateY(100%)
+ }
+
+ .offcanvas-md.show:not(.hiding),.offcanvas-md.showing {
+ transform: none
+ }
+
+ .offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing {
+ visibility: visible
+ }
+}
+
+@media (min-width: 768px) {
+ .offcanvas-md {
+ --tblr-offcanvas-height:auto;
+ --tblr-offcanvas-border-width: 0;
+ background-color: transparent!important
+ }
+
+ .offcanvas-md .offcanvas-header {
+ display: none
+ }
+
+ .offcanvas-md .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ background-color: transparent!important
+ }
+}
+
+@media (max-width: 991.98px) {
+ .offcanvas-lg {
+ position:fixed;
+ bottom: 0;
+ z-index: var(--tblr-offcanvas-zindex);
+ display: flex;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--tblr-offcanvas-color);
+ visibility: hidden;
+ background-color: var(--tblr-offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ box-shadow: var(--tblr-offcanvas-box-shadow);
+ transition: var(--tblr-offcanvas-transition)
+ }
+}
+
+@media (max-width: 991.98px) and (prefers-reduced-motion:reduce) {
+ .offcanvas-lg {
+ transition:none
+ }
+}
+
+@media (max-width: 991.98px) {
+ .offcanvas-lg.offcanvas-start {
+ top:0;
+ left: 0;
+ width: var(--tblr-offcanvas-width);
+ border-right: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateX(-100%)
+ }
+
+ .offcanvas-lg.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--tblr-offcanvas-width);
+ border-left: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateX(100%)
+ }
+
+ .offcanvas-lg.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--tblr-offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateY(-100%)
+ }
+
+ .offcanvas-lg.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--tblr-offcanvas-height);
+ max-height: 100%;
+ border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateY(100%)
+ }
+
+ .offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing {
+ transform: none
+ }
+
+ .offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing {
+ visibility: visible
+ }
+}
+
+@media (min-width: 992px) {
+ .offcanvas-lg {
+ --tblr-offcanvas-height:auto;
+ --tblr-offcanvas-border-width: 0;
+ background-color: transparent!important
+ }
+
+ .offcanvas-lg .offcanvas-header {
+ display: none
+ }
+
+ .offcanvas-lg .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ background-color: transparent!important
+ }
+}
+
+@media (max-width: 1199.98px) {
+ .offcanvas-xl {
+ position:fixed;
+ bottom: 0;
+ z-index: var(--tblr-offcanvas-zindex);
+ display: flex;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--tblr-offcanvas-color);
+ visibility: hidden;
+ background-color: var(--tblr-offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ box-shadow: var(--tblr-offcanvas-box-shadow);
+ transition: var(--tblr-offcanvas-transition)
+ }
+}
+
+@media (max-width: 1199.98px) and (prefers-reduced-motion:reduce) {
+ .offcanvas-xl {
+ transition:none
+ }
+}
+
+@media (max-width: 1199.98px) {
+ .offcanvas-xl.offcanvas-start {
+ top:0;
+ left: 0;
+ width: var(--tblr-offcanvas-width);
+ border-right: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateX(-100%)
+ }
+
+ .offcanvas-xl.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--tblr-offcanvas-width);
+ border-left: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateX(100%)
+ }
+
+ .offcanvas-xl.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--tblr-offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateY(-100%)
+ }
+
+ .offcanvas-xl.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--tblr-offcanvas-height);
+ max-height: 100%;
+ border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateY(100%)
+ }
+
+ .offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing {
+ transform: none
+ }
+
+ .offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing {
+ visibility: visible
+ }
+}
+
+@media (min-width: 1200px) {
+ .offcanvas-xl {
+ --tblr-offcanvas-height:auto;
+ --tblr-offcanvas-border-width: 0;
+ background-color: transparent!important
+ }
+
+ .offcanvas-xl .offcanvas-header {
+ display: none
+ }
+
+ .offcanvas-xl .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ background-color: transparent!important
+ }
+}
+
+@media (max-width: 1399.98px) {
+ .offcanvas-xxl {
+ position:fixed;
+ bottom: 0;
+ z-index: var(--tblr-offcanvas-zindex);
+ display: flex;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--tblr-offcanvas-color);
+ visibility: hidden;
+ background-color: var(--tblr-offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ box-shadow: var(--tblr-offcanvas-box-shadow);
+ transition: var(--tblr-offcanvas-transition)
+ }
+}
+
+@media (max-width: 1399.98px) and (prefers-reduced-motion:reduce) {
+ .offcanvas-xxl {
+ transition:none
+ }
+}
+
+@media (max-width: 1399.98px) {
+ .offcanvas-xxl.offcanvas-start {
+ top:0;
+ left: 0;
+ width: var(--tblr-offcanvas-width);
+ border-right: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateX(-100%)
+ }
+
+ .offcanvas-xxl.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--tblr-offcanvas-width);
+ border-left: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateX(100%)
+ }
+
+ .offcanvas-xxl.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--tblr-offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateY(-100%)
+ }
+
+ .offcanvas-xxl.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--tblr-offcanvas-height);
+ max-height: 100%;
+ border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateY(100%)
+ }
+
+ .offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing {
+ transform: none
+ }
+
+ .offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing {
+ visibility: visible
+ }
+}
+
+@media (min-width: 1400px) {
+ .offcanvas-xxl {
+ --tblr-offcanvas-height:auto;
+ --tblr-offcanvas-border-width: 0;
+ background-color: transparent!important
+ }
+
+ .offcanvas-xxl .offcanvas-header {
+ display: none
+ }
+
+ .offcanvas-xxl .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ background-color: transparent!important
+ }
+}
+
+.offcanvas {
+ position: fixed;
+ bottom: 0;
+ z-index: var(--tblr-offcanvas-zindex);
+ display: flex;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--tblr-offcanvas-color);
+ visibility: hidden;
+ background-color: var(--tblr-offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ box-shadow: var(--tblr-offcanvas-box-shadow);
+ transition: var(--tblr-offcanvas-transition)
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .offcanvas {
+ transition: none
+ }
+}
+
+.offcanvas.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: var(--tblr-offcanvas-width);
+ border-right: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateX(-100%)
+}
+
+.offcanvas.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--tblr-offcanvas-width);
+ border-left: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateX(100%)
+}
+
+.offcanvas.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--tblr-offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateY(-100%)
+}
+
+.offcanvas.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--tblr-offcanvas-height);
+ max-height: 100%;
+ border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateY(100%)
+}
+
+.offcanvas.show:not(.hiding),.offcanvas.showing {
+ transform: none
+}
+
+.offcanvas.hiding,.offcanvas.show,.offcanvas.showing {
+ visibility: visible
+}
+
+.offcanvas-backdrop {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 1040;
+ width: 100vw;
+ height: 100vh;
+ background-color: #182433
+}
+
+.offcanvas-backdrop.fade {
+ opacity: 0
+}
+
+.offcanvas-backdrop.show {
+ opacity: .24
+}
+
+.offcanvas-header {
+ display: flex;
+ align-items: center;
+ padding: var(--tblr-offcanvas-padding-y) var(--tblr-offcanvas-padding-x)
+}
+
+.offcanvas-header .btn-close {
+ padding: calc(var(--tblr-offcanvas-padding-y) * .5) calc(var(--tblr-offcanvas-padding-x) * .5);
+ margin: calc(-.5 * var(--tblr-offcanvas-padding-y)) calc(-.5 * var(--tblr-offcanvas-padding-x)) calc(-.5 * var(--tblr-offcanvas-padding-y)) auto
+}
+
+.offcanvas-title {
+ margin-bottom: 0;
+ line-height: var(--tblr-offcanvas-title-line-height)
+}
+
+.offcanvas-body {
+ flex-grow: 1;
+ padding: var(--tblr-offcanvas-padding-y) var(--tblr-offcanvas-padding-x);
+ overflow-y: auto
+}
+
+.placeholder {
+ display: inline-block;
+ min-height: 1em;
+ vertical-align: middle;
+ cursor: wait;
+ background-color: currentcolor;
+ opacity: .2
+}
+
+.placeholder.btn::before {
+ display: inline-block;
+ content: ""
+}
+
+.placeholder-xs {
+ min-height: .6em
+}
+
+.placeholder-sm {
+ min-height: .8em
+}
+
+.placeholder-lg {
+ min-height: 1.2em
+}
+
+.placeholder-glow .placeholder {
+ animation: placeholder-glow 2s ease-in-out infinite
+}
+
+@keyframes placeholder-glow {
+ 50% {
+ opacity: .1
+ }
+}
+
+.placeholder-wave {
+ -webkit-mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.9) 75%,#000 95%);
+ mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.9) 75%,#000 95%);
+ -webkit-mask-size: 200% 100%;
+ mask-size: 200% 100%;
+ animation: placeholder-wave 2s linear infinite
+}
+
+@keyframes placeholder-wave {
+ 100% {
+ -webkit-mask-position: -200% 0;
+ mask-position: -200% 0
+ }
+}
+
+.clearfix::after {
+ display: block;
+ clear: both;
+ content: ""
+}
+
+.text-bg-primary {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-primary-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-secondary {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-secondary-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-success {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-success-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-info {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-info-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-warning {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-warning-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-danger {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-danger-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-light {
+ color: #182433!important;
+ background-color: RGBA(var(--tblr-light-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-dark {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-dark-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-muted {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-muted-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-blue {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-blue-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-azure {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-azure-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-indigo {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-indigo-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-purple {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-purple-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-pink {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-pink-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-red {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-red-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-orange {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-orange-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-yellow {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-yellow-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-lime {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-lime-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-green {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-green-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-teal {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-teal-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-cyan {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-cyan-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-x {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-x-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-facebook {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-facebook-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-twitter {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-twitter-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-linkedin {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-linkedin-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-google {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-google-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-youtube {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-youtube-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-vimeo {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-vimeo-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-dribbble {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-dribbble-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-github {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-github-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-instagram {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-instagram-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-pinterest {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-pinterest-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-vk {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-vk-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-rss {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-rss-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-flickr {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-flickr-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-bitbucket {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-bitbucket-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.text-bg-tabler {
+ color: #f6f8fb!important;
+ background-color: RGBA(var(--tblr-tabler-rgb),var(--tblr-bg-opacity,1))!important
+}
+
+.link-primary {
+ color: RGBA(var(--tblr-primary-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-primary-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-primary-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-primary:focus,.link-primary:hover {
+ color: RGBA(5,89,167,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(5,89,167,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(5,89,167,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-secondary {
+ color: RGBA(var(--tblr-secondary-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-secondary-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-secondary-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-secondary:focus,.link-secondary:hover {
+ color: RGBA(86,98,116,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(86,98,116,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(86,98,116,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-success {
+ color: RGBA(var(--tblr-success-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-success-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-success-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-success:focus,.link-success:hover {
+ color: RGBA(38,143,54,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(38,143,54,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(38,143,54,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-info {
+ color: RGBA(var(--tblr-info-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-info-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-info-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-info:focus,.link-info:hover {
+ color: RGBA(53,122,180,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(53,122,180,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(53,122,180,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-warning {
+ color: RGBA(var(--tblr-warning-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-warning-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-warning-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-warning:focus,.link-warning:hover {
+ color: RGBA(198,82,6,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(198,82,6,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(198,82,6,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-danger {
+ color: RGBA(var(--tblr-danger-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-danger-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-danger-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-danger:focus,.link-danger:hover {
+ color: RGBA(171,46,46,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(171,46,46,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(171,46,46,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-light {
+ color: RGBA(var(--tblr-light-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-light-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-light-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-light:focus,.link-light:hover {
+ color: RGBA(248,249,252,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(248,249,252,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(248,249,252,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-dark {
+ color: RGBA(var(--tblr-dark-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-dark-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-dark-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-dark:focus,.link-dark:hover {
+ color: RGBA(19,29,41,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(19,29,41,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(19,29,41,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-muted {
+ color: RGBA(var(--tblr-muted-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-muted-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-muted-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-muted:focus,.link-muted:hover {
+ color: RGBA(86,98,116,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(86,98,116,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(86,98,116,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-blue {
+ color: RGBA(var(--tblr-blue-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-blue-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-blue-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-blue:focus,.link-blue:hover {
+ color: RGBA(5,89,167,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(5,89,167,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(5,89,167,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-azure {
+ color: RGBA(var(--tblr-azure-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-azure-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-azure-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-azure:focus,.link-azure:hover {
+ color: RGBA(53,122,180,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(53,122,180,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(53,122,180,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-indigo {
+ color: RGBA(var(--tblr-indigo-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-indigo-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-indigo-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-indigo:focus,.link-indigo:hover {
+ color: RGBA(53,79,188,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(53,79,188,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(53,79,188,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-purple {
+ color: RGBA(var(--tblr-purple-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-purple-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-purple-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-purple:focus,.link-purple:hover {
+ color: RGBA(139,50,161,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(139,50,161,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(139,50,161,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-pink {
+ color: RGBA(var(--tblr-pink-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-pink-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-pink-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-pink:focus,.link-pink:hover {
+ color: RGBA(171,41,86,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(171,41,86,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(171,41,86,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-red {
+ color: RGBA(var(--tblr-red-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-red-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-red-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-red:focus,.link-red:hover {
+ color: RGBA(171,46,46,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(171,46,46,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(171,46,46,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-orange {
+ color: RGBA(var(--tblr-orange-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-orange-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-orange-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-orange:focus,.link-orange:hover {
+ color: RGBA(198,82,6,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(198,82,6,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(198,82,6,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-yellow {
+ color: RGBA(var(--tblr-yellow-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-yellow-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-yellow-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-yellow:focus,.link-yellow:hover {
+ color: RGBA(196,127,0,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(196,127,0,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(196,127,0,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-lime {
+ color: RGBA(var(--tblr-lime-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-lime-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-lime-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-lime:focus,.link-lime:hover {
+ color: RGBA(93,147,18,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(93,147,18,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(93,147,18,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-green {
+ color: RGBA(var(--tblr-green-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-green-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-green-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-green:focus,.link-green:hover {
+ color: RGBA(38,143,54,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(38,143,54,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(38,143,54,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-teal {
+ color: RGBA(var(--tblr-teal-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-teal-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-teal-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-teal:focus,.link-teal:hover {
+ color: RGBA(10,133,96,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(10,133,96,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(10,133,96,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-cyan {
+ color: RGBA(var(--tblr-cyan-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-cyan-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-cyan-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-cyan:focus,.link-cyan:hover {
+ color: RGBA(18,130,147,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(18,130,147,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(18,130,147,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-x {
+ color: RGBA(var(--tblr-x-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-x-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-x-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-x:focus,.link-x:hover {
+ color: RGBA(0,0,0,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(0,0,0,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(0,0,0,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-facebook {
+ color: RGBA(var(--tblr-facebook-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-facebook-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-facebook-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-facebook:focus,.link-facebook:hover {
+ color: RGBA(19,95,194,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(19,95,194,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(19,95,194,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-twitter {
+ color: RGBA(var(--tblr-twitter-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-twitter-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-twitter-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-twitter:focus,.link-twitter:hover {
+ color: RGBA(23,129,194,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(23,129,194,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(23,129,194,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-linkedin {
+ color: RGBA(var(--tblr-linkedin-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-linkedin-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-linkedin-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-linkedin:focus,.link-linkedin:hover {
+ color: RGBA(8,82,155,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(8,82,155,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(8,82,155,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-google {
+ color: RGBA(var(--tblr-google-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-google-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-google-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-google:focus,.link-google:hover {
+ color: RGBA(176,62,52,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(176,62,52,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(176,62,52,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-youtube {
+ color: RGBA(var(--tblr-youtube-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-youtube-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-youtube-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-youtube:focus,.link-youtube:hover {
+ color: RGBA(204,0,0,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(204,0,0,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(204,0,0,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-vimeo {
+ color: RGBA(var(--tblr-vimeo-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-vimeo-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-vimeo-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-vimeo:focus,.link-vimeo:hover {
+ color: RGBA(21,146,187,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(21,146,187,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(21,146,187,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-dribbble {
+ color: RGBA(var(--tblr-dribbble-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-dribbble-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-dribbble-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-dribbble:focus,.link-dribbble:hover {
+ color: RGBA(187,61,110,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(187,61,110,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(187,61,110,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-github {
+ color: RGBA(var(--tblr-github-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-github-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-github-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-github:focus,.link-github:hover {
+ color: RGBA(19,18,18,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(19,18,18,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(19,18,18,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-instagram {
+ color: RGBA(var(--tblr-instagram-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-instagram-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-instagram-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-instagram:focus,.link-instagram:hover {
+ color: RGBA(182,51,76,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(182,51,76,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(182,51,76,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-pinterest {
+ color: RGBA(var(--tblr-pinterest-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-pinterest-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-pinterest-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-pinterest:focus,.link-pinterest:hover {
+ color: RGBA(151,6,22,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(151,6,22,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(151,6,22,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-vk {
+ color: RGBA(var(--tblr-vk-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-vk-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-vk-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-vk:focus,.link-vk:hover {
+ color: RGBA(79,105,134,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(79,105,134,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(79,105,134,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-rss {
+ color: RGBA(var(--tblr-rss-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-rss-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-rss-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-rss:focus,.link-rss:hover {
+ color: RGBA(204,132,0,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(204,132,0,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(204,132,0,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-flickr {
+ color: RGBA(var(--tblr-flickr-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-flickr-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-flickr-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-flickr:focus,.link-flickr:hover {
+ color: RGBA(0,79,176,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(0,79,176,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(0,79,176,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-bitbucket {
+ color: RGBA(var(--tblr-bitbucket-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-bitbucket-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-bitbucket-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-bitbucket:focus,.link-bitbucket:hover {
+ color: RGBA(0,66,163,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(0,66,163,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(0,66,163,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-tabler {
+ color: RGBA(var(--tblr-tabler-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-tabler-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-tabler-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-tabler:focus,.link-tabler:hover {
+ color: RGBA(5,89,167,var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(5,89,167,var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(5,89,167,var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-body-emphasis {
+ color: RGBA(var(--tblr-emphasis-color-rgb),var(--tblr-link-opacity,1))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-emphasis-color-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: RGBA(var(--tblr-emphasis-color-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-body-emphasis:focus,.link-body-emphasis:hover {
+ color: RGBA(var(--tblr-emphasis-color-rgb),var(--tblr-link-opacity,.75))!important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-emphasis-color-rgb),var(--tblr-link-underline-opacity,.75))!important;
+ text-decoration-color: RGBA(var(--tblr-emphasis-color-rgb),var(--tblr-link-underline-opacity,.75))!important
+}
+
+.focus-ring:focus {
+ outline: 0;
+ box-shadow: var(--tblr-focus-ring-x,0) var(--tblr-focus-ring-y,0) var(--tblr-focus-ring-blur,0) var(--tblr-focus-ring-width) var(--tblr-focus-ring-color)
+}
+
+.icon-link {
+ display: inline-flex;
+ gap: .375rem;
+ align-items: center;
+ -webkit-text-decoration-color: rgba(var(--tblr-link-color-rgb),var(--tblr-link-opacity,.5));
+ text-decoration-color: rgba(var(--tblr-link-color-rgb),var(--tblr-link-opacity,.5));
+ text-underline-offset: .25em;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden
+}
+
+.icon-link>.bi {
+ flex-shrink: 0;
+ width: 1em;
+ height: 1em;
+ fill: currentcolor;
+ transition: .2s ease-in-out transform
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .icon-link>.bi {
+ transition: none
+ }
+}
+
+.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi {
+ transform: var(--tblr-icon-link-transform,translate3d(.25em,0,0))
+}
+
+.ratio {
+ position: relative;
+ width: 100%
+}
+
+.ratio::before {
+ display: block;
+ padding-top: var(--tblr-aspect-ratio);
+ content: ""
+}
+
+.ratio>* {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%
+}
+
+.ratio-1x1 {
+ --tblr-aspect-ratio: 100%
+}
+
+.ratio-2x1 {
+ --tblr-aspect-ratio: 50%
+}
+
+.ratio-1x2 {
+ --tblr-aspect-ratio: 200%
+}
+
+.ratio-3x1 {
+ --tblr-aspect-ratio: 33.3333333333%
+}
+
+.ratio-1x3 {
+ --tblr-aspect-ratio: 300%
+}
+
+.ratio-4x3 {
+ --tblr-aspect-ratio: 75%
+}
+
+.ratio-3x4 {
+ --tblr-aspect-ratio: 133.3333333333%
+}
+
+.ratio-16x9 {
+ --tblr-aspect-ratio: 56.25%
+}
+
+.ratio-9x16 {
+ --tblr-aspect-ratio: 177.7777777778%
+}
+
+.ratio-21x9 {
+ --tblr-aspect-ratio: 42.8571428571%
+}
+
+.ratio-9x21 {
+ --tblr-aspect-ratio: 233.3333333333%
+}
+
+.fixed-top {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 1030
+}
+
+.fixed-bottom {
+ position: fixed;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1030
+}
+
+.sticky-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020
+}
+
+.sticky-bottom {
+ position: -webkit-sticky;
+ position: sticky;
+ bottom: 0;
+ z-index: 1020
+}
+
+@media (min-width: 576px) {
+ .sticky-sm-top {
+ position:-webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020
+ }
+
+ .sticky-sm-bottom {
+ position: -webkit-sticky;
+ position: sticky;
+ bottom: 0;
+ z-index: 1020
+ }
+}
+
+@media (min-width: 768px) {
+ .sticky-md-top {
+ position:-webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020
+ }
+
+ .sticky-md-bottom {
+ position: -webkit-sticky;
+ position: sticky;
+ bottom: 0;
+ z-index: 1020
+ }
+}
+
+@media (min-width: 992px) {
+ .sticky-lg-top {
+ position:-webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020
+ }
+
+ .sticky-lg-bottom {
+ position: -webkit-sticky;
+ position: sticky;
+ bottom: 0;
+ z-index: 1020
+ }
+}
+
+@media (min-width: 1200px) {
+ .sticky-xl-top {
+ position:-webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020
+ }
+
+ .sticky-xl-bottom {
+ position: -webkit-sticky;
+ position: sticky;
+ bottom: 0;
+ z-index: 1020
+ }
+}
+
+@media (min-width: 1400px) {
+ .sticky-xxl-top {
+ position:-webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020
+ }
+
+ .sticky-xxl-bottom {
+ position: -webkit-sticky;
+ position: sticky;
+ bottom: 0;
+ z-index: 1020
+ }
+}
+
+.hstack {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ align-self: stretch
+}
+
+.vstack {
+ display: flex;
+ flex: 1 1 auto;
+ flex-direction: column;
+ align-self: stretch
+}
+
+.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) {
+ width: 1px!important;
+ height: 1px!important;
+ padding: 0!important;
+ margin: -1px!important;
+ overflow: hidden!important;
+ clip: rect(0,0,0,0)!important;
+ white-space: nowrap!important;
+ border: 0!important
+}
+
+.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption) {
+ position: absolute!important
+}
+
+.stretched-link::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1;
+ content: ""
+}
+
+.text-truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap
+}
+
+.vr {
+ display: inline-block;
+ align-self: stretch;
+ width: var(--tblr-border-width);
+ min-height: 1em;
+ background-color: currentcolor;
+ opacity: .16
+}
+
+.align-baseline {
+ vertical-align: baseline!important
+}
+
+.align-top {
+ vertical-align: top!important
+}
+
+.align-middle {
+ vertical-align: middle!important
+}
+
+.align-bottom {
+ vertical-align: bottom!important
+}
+
+.align-text-bottom {
+ vertical-align: text-bottom!important
+}
+
+.align-text-top {
+ vertical-align: text-top!important
+}
+
+.float-start {
+ float: left!important
+}
+
+.float-end {
+ float: right!important
+}
+
+.float-none {
+ float: none!important
+}
+
+.object-fit-contain {
+ -o-object-fit: contain!important;
+ object-fit: contain!important
+}
+
+.object-fit-cover {
+ -o-object-fit: cover!important;
+ object-fit: cover!important
+}
+
+.object-fit-fill {
+ -o-object-fit: fill!important;
+ object-fit: fill!important
+}
+
+.object-fit-scale {
+ -o-object-fit: scale-down!important;
+ object-fit: scale-down!important
+}
+
+.object-fit-none {
+ -o-object-fit: none!important;
+ object-fit: none!important
+}
+
+.opacity-0 {
+ opacity: 0!important
+}
+
+.opacity-25 {
+ opacity: .25!important
+}
+
+.opacity-50 {
+ opacity: .5!important
+}
+
+.opacity-75 {
+ opacity: .75!important
+}
+
+.opacity-100 {
+ opacity: 1!important
+}
+
+.overflow-auto {
+ overflow: auto!important
+}
+
+.overflow-hidden {
+ overflow: hidden!important
+}
+
+.overflow-visible {
+ overflow: visible!important
+}
+
+.overflow-scroll {
+ overflow: scroll!important
+}
+
+.overflow-x-auto {
+ overflow-x: auto!important
+}
+
+.overflow-x-hidden {
+ overflow-x: hidden!important
+}
+
+.overflow-x-visible {
+ overflow-x: visible!important
+}
+
+.overflow-x-scroll {
+ overflow-x: scroll!important
+}
+
+.overflow-y-auto {
+ overflow-y: auto!important
+}
+
+.overflow-y-hidden {
+ overflow-y: hidden!important
+}
+
+.overflow-y-visible {
+ overflow-y: visible!important
+}
+
+.overflow-y-scroll {
+ overflow-y: scroll!important
+}
+
+.d-inline {
+ display: inline!important
+}
+
+.d-inline-block {
+ display: inline-block!important
+}
+
+.d-block {
+ display: block!important
+}
+
+.d-grid {
+ display: grid!important
+}
+
+.d-inline-grid {
+ display: inline-grid!important
+}
+
+.d-table {
+ display: table!important
+}
+
+.d-table-row {
+ display: table-row!important
+}
+
+.d-table-cell {
+ display: table-cell!important
+}
+
+.d-flex {
+ display: flex!important
+}
+
+.d-inline-flex {
+ display: inline-flex!important
+}
+
+.d-none {
+ display: none!important
+}
+
+.shadow {
+ box-shadow: var(--tblr-box-shadow)!important
+}
+
+.shadow-sm {
+ box-shadow: var(--tblr-box-shadow-sm)!important
+}
+
+.shadow-lg {
+ box-shadow: var(--tblr-box-shadow-lg)!important
+}
+
+.shadow-none {
+ box-shadow: none!important
+}
+
+.focus-ring-primary {
+ --tblr-focus-ring-color: rgba(var(--tblr-primary-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-secondary {
+ --tblr-focus-ring-color: rgba(var(--tblr-secondary-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-success {
+ --tblr-focus-ring-color: rgba(var(--tblr-success-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-info {
+ --tblr-focus-ring-color: rgba(var(--tblr-info-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-warning {
+ --tblr-focus-ring-color: rgba(var(--tblr-warning-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-danger {
+ --tblr-focus-ring-color: rgba(var(--tblr-danger-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-light {
+ --tblr-focus-ring-color: rgba(var(--tblr-light-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-dark {
+ --tblr-focus-ring-color: rgba(var(--tblr-dark-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-muted {
+ --tblr-focus-ring-color: rgba(var(--tblr-muted-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-blue {
+ --tblr-focus-ring-color: rgba(var(--tblr-blue-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-azure {
+ --tblr-focus-ring-color: rgba(var(--tblr-azure-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-indigo {
+ --tblr-focus-ring-color: rgba(var(--tblr-indigo-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-purple {
+ --tblr-focus-ring-color: rgba(var(--tblr-purple-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-pink {
+ --tblr-focus-ring-color: rgba(var(--tblr-pink-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-red {
+ --tblr-focus-ring-color: rgba(var(--tblr-red-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-orange {
+ --tblr-focus-ring-color: rgba(var(--tblr-orange-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-yellow {
+ --tblr-focus-ring-color: rgba(var(--tblr-yellow-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-lime {
+ --tblr-focus-ring-color: rgba(var(--tblr-lime-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-green {
+ --tblr-focus-ring-color: rgba(var(--tblr-green-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-teal {
+ --tblr-focus-ring-color: rgba(var(--tblr-teal-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-cyan {
+ --tblr-focus-ring-color: rgba(var(--tblr-cyan-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-x {
+ --tblr-focus-ring-color: rgba(var(--tblr-x-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-facebook {
+ --tblr-focus-ring-color: rgba(var(--tblr-facebook-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-twitter {
+ --tblr-focus-ring-color: rgba(var(--tblr-twitter-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-linkedin {
+ --tblr-focus-ring-color: rgba(var(--tblr-linkedin-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-google {
+ --tblr-focus-ring-color: rgba(var(--tblr-google-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-youtube {
+ --tblr-focus-ring-color: rgba(var(--tblr-youtube-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-vimeo {
+ --tblr-focus-ring-color: rgba(var(--tblr-vimeo-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-dribbble {
+ --tblr-focus-ring-color: rgba(var(--tblr-dribbble-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-github {
+ --tblr-focus-ring-color: rgba(var(--tblr-github-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-instagram {
+ --tblr-focus-ring-color: rgba(var(--tblr-instagram-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-pinterest {
+ --tblr-focus-ring-color: rgba(var(--tblr-pinterest-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-vk {
+ --tblr-focus-ring-color: rgba(var(--tblr-vk-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-rss {
+ --tblr-focus-ring-color: rgba(var(--tblr-rss-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-flickr {
+ --tblr-focus-ring-color: rgba(var(--tblr-flickr-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-bitbucket {
+ --tblr-focus-ring-color: rgba(var(--tblr-bitbucket-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.focus-ring-tabler {
+ --tblr-focus-ring-color: rgba(var(--tblr-tabler-rgb), var(--tblr-focus-ring-opacity))
+}
+
+.position-static {
+ position: static!important
+}
+
+.position-relative {
+ position: relative!important
+}
+
+.position-absolute {
+ position: absolute!important
+}
+
+.position-fixed {
+ position: fixed!important
+}
+
+.position-sticky {
+ position: -webkit-sticky!important;
+ position: sticky!important
+}
+
+.top-0 {
+ top: 0!important
+}
+
+.top-50 {
+ top: 50%!important
+}
+
+.top-100 {
+ top: 100%!important
+}
+
+.bottom-0 {
+ bottom: 0!important
+}
+
+.bottom-50 {
+ bottom: 50%!important
+}
+
+.bottom-100 {
+ bottom: 100%!important
+}
+
+.start-0 {
+ left: 0!important
+}
+
+.start-50 {
+ left: 50%!important
+}
+
+.start-100 {
+ left: 100%!important
+}
+
+.end-0 {
+ right: 0!important
+}
+
+.end-50 {
+ right: 50%!important
+}
+
+.end-100 {
+ right: 100%!important
+}
+
+.translate-middle {
+ transform: translate(-50%,-50%)!important
+}
+
+.translate-middle-x {
+ transform: translateX(-50%)!important
+}
+
+.translate-middle-y {
+ transform: translateY(-50%)!important
+}
+
+.border {
+ border: var(--tblr-border-width) var(--tblr-border-style) rgba(4,32,69,.1)!important
+}
+
+.border-wide {
+ border: 2px var(--tblr-border-style) rgba(4,32,69,.1)!important
+}
+
+.border-0 {
+ border: 0!important
+}
+
+.border-top {
+ border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4,32,69,.1)!important
+}
+
+.border-top-wide {
+ border-top: 2px var(--tblr-border-style) rgba(4,32,69,.1)!important
+}
+
+.border-top-0 {
+ border-top: 0!important
+}
+
+.border-end {
+ border-right: var(--tblr-border-width) var(--tblr-border-style) rgba(4,32,69,.1)!important
+}
+
+.border-end-wide {
+ border-right: 2px var(--tblr-border-style) rgba(4,32,69,.1)!important
+}
+
+.border-end-0 {
+ border-right: 0!important
+}
+
+.border-bottom {
+ border-bottom: var(--tblr-border-width) var(--tblr-border-style) rgba(4,32,69,.1)!important
+}
+
+.border-bottom-wide {
+ border-bottom: 2px var(--tblr-border-style) rgba(4,32,69,.1)!important
+}
+
+.border-bottom-0 {
+ border-bottom: 0!important
+}
+
+.border-start {
+ border-left: var(--tblr-border-width) var(--tblr-border-style) rgba(4,32,69,.1)!important
+}
+
+.border-start-wide {
+ border-left: 2px var(--tblr-border-style) rgba(4,32,69,.1)!important
+}
+
+.border-start-0 {
+ border-left: 0!important
+}
+
+.border-primary {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-primary-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-secondary {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-secondary-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-success {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-success-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-info {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-info-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-warning {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-warning-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-danger {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-danger-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-light {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-light-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-dark {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-dark-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-muted {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-muted-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-blue {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-blue-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-azure {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-azure-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-indigo {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-indigo-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-purple {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-purple-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-pink {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-pink-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-red {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-red-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-orange {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-orange-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-yellow {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-yellow-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-lime {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-lime-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-green {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-green-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-teal {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-teal-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-cyan {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-cyan-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-x {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-x-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-facebook {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-facebook-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-twitter {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-twitter-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-linkedin {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-linkedin-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-google {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-google-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-youtube {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-youtube-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-vimeo {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-vimeo-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-dribbble {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-dribbble-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-github {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-github-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-instagram {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-instagram-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-pinterest {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-pinterest-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-vk {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-vk-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-rss {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-rss-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-flickr {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-flickr-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-bitbucket {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-bitbucket-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-tabler {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-tabler-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-black {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-black-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-white {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-white-rgb),var(--tblr-border-opacity))!important
+}
+
+.border-primary-subtle {
+ border-color: var(--tblr-primary-border-subtle)!important
+}
+
+.border-secondary-subtle {
+ border-color: var(--tblr-secondary-border-subtle)!important
+}
+
+.border-success-subtle {
+ border-color: var(--tblr-success-border-subtle)!important
+}
+
+.border-info-subtle {
+ border-color: var(--tblr-info-border-subtle)!important
+}
+
+.border-warning-subtle {
+ border-color: var(--tblr-warning-border-subtle)!important
+}
+
+.border-danger-subtle {
+ border-color: var(--tblr-danger-border-subtle)!important
+}
+
+.border-light-subtle {
+ border-color: var(--tblr-light-border-subtle)!important
+}
+
+.border-dark-subtle {
+ border-color: var(--tblr-dark-border-subtle)!important
+}
+
+.border-1 {
+ border-width: 1px!important
+}
+
+.border-2 {
+ border-width: 2px!important
+}
+
+.border-3 {
+ border-width: 3px!important
+}
+
+.border-4 {
+ border-width: 4px!important
+}
+
+.border-5 {
+ border-width: 5px!important
+}
+
+.border-opacity-10 {
+ --tblr-border-opacity: 0.1
+}
+
+.border-opacity-25 {
+ --tblr-border-opacity: 0.25
+}
+
+.border-opacity-50 {
+ --tblr-border-opacity: 0.5
+}
+
+.border-opacity-75 {
+ --tblr-border-opacity: 0.75
+}
+
+.border-opacity-100 {
+ --tblr-border-opacity: 1
+}
+
+.w-0 {
+ width: 0!important
+}
+
+.w-1 {
+ width: .25rem!important
+}
+
+.w-2 {
+ width: .5rem!important
+}
+
+.w-3 {
+ width: 1rem!important
+}
+
+.w-4 {
+ width: 1.5rem!important
+}
+
+.w-5 {
+ width: 2rem!important
+}
+
+.w-6 {
+ width: 3rem!important
+}
+
+.w-7 {
+ width: 5rem!important
+}
+
+.w-8 {
+ width: 8rem!important
+}
+
+.w-25 {
+ width: 25%!important
+}
+
+.w-33 {
+ width: 33.33333%!important
+}
+
+.w-50 {
+ width: 50%!important
+}
+
+.w-66 {
+ width: 66.66666%!important
+}
+
+.w-75 {
+ width: 75%!important
+}
+
+.w-100 {
+ width: 100%!important
+}
+
+.w-auto {
+ width: auto!important
+}
+
+.mw-100 {
+ max-width: 100%!important
+}
+
+.vw-100 {
+ width: 100vw!important
+}
+
+.min-vw-100 {
+ min-width: 100vw!important
+}
+
+.h-0 {
+ height: 0!important
+}
+
+.h-1 {
+ height: .25rem!important
+}
+
+.h-2 {
+ height: .5rem!important
+}
+
+.h-3 {
+ height: 1rem!important
+}
+
+.h-4 {
+ height: 1.5rem!important
+}
+
+.h-5 {
+ height: 2rem!important
+}
+
+.h-6 {
+ height: 3rem!important
+}
+
+.h-7 {
+ height: 5rem!important
+}
+
+.h-8 {
+ height: 8rem!important
+}
+
+.h-25 {
+ height: 25%!important
+}
+
+.h-33 {
+ height: 33.33333%!important
+}
+
+.h-50 {
+ height: 50%!important
+}
+
+.h-66 {
+ height: 66.66666%!important
+}
+
+.h-75 {
+ height: 75%!important
+}
+
+.h-100 {
+ height: 100%!important
+}
+
+.h-auto {
+ height: auto!important
+}
+
+.mh-100 {
+ max-height: 100%!important
+}
+
+.vh-100 {
+ height: 100vh!important
+}
+
+.min-vh-100 {
+ min-height: 100vh!important
+}
+
+.flex-fill {
+ flex: 1 1 auto!important
+}
+
+.flex-row {
+ flex-direction: row!important
+}
+
+.flex-column {
+ flex-direction: column!important
+}
+
+.flex-row-reverse {
+ flex-direction: row-reverse!important
+}
+
+.flex-column-reverse {
+ flex-direction: column-reverse!important
+}
+
+.flex-grow-0 {
+ flex-grow: 0!important
+}
+
+.flex-grow-1 {
+ flex-grow: 1!important
+}
+
+.flex-shrink-0 {
+ flex-shrink: 0!important
+}
+
+.flex-shrink-1 {
+ flex-shrink: 1!important
+}
+
+.flex-wrap {
+ flex-wrap: wrap!important
+}
+
+.flex-nowrap {
+ flex-wrap: nowrap!important
+}
+
+.flex-wrap-reverse {
+ flex-wrap: wrap-reverse!important
+}
+
+.justify-content-start {
+ justify-content: flex-start!important
+}
+
+.justify-content-end {
+ justify-content: flex-end!important
+}
+
+.justify-content-center {
+ justify-content: center!important
+}
+
+.justify-content-between {
+ justify-content: space-between!important
+}
+
+.justify-content-around {
+ justify-content: space-around!important
+}
+
+.justify-content-evenly {
+ justify-content: space-evenly!important
+}
+
+.align-items-start {
+ align-items: flex-start!important
+}
+
+.align-items-end {
+ align-items: flex-end!important
+}
+
+.align-items-center {
+ align-items: center!important
+}
+
+.align-items-baseline {
+ align-items: baseline!important
+}
+
+.align-items-stretch {
+ align-items: stretch!important
+}
+
+.align-content-start {
+ align-content: flex-start!important
+}
+
+.align-content-end {
+ align-content: flex-end!important
+}
+
+.align-content-center {
+ align-content: center!important
+}
+
+.align-content-between {
+ align-content: space-between!important
+}
+
+.align-content-around {
+ align-content: space-around!important
+}
+
+.align-content-stretch {
+ align-content: stretch!important
+}
+
+.align-self-auto {
+ align-self: auto!important
+}
+
+.align-self-start {
+ align-self: flex-start!important
+}
+
+.align-self-end {
+ align-self: flex-end!important
+}
+
+.align-self-center {
+ align-self: center!important
+}
+
+.align-self-baseline {
+ align-self: baseline!important
+}
+
+.align-self-stretch {
+ align-self: stretch!important
+}
+
+.order-first {
+ order: -1!important
+}
+
+.order-0 {
+ order: 0!important
+}
+
+.order-1 {
+ order: 1!important
+}
+
+.order-2 {
+ order: 2!important
+}
+
+.order-3 {
+ order: 3!important
+}
+
+.order-4 {
+ order: 4!important
+}
+
+.order-5 {
+ order: 5!important
+}
+
+.order-last {
+ order: 6!important
+}
+
+.m-0 {
+ margin: 0!important
+}
+
+.m-1 {
+ margin: .25rem!important
+}
+
+.m-2 {
+ margin: .5rem!important
+}
+
+.m-3 {
+ margin: 1rem!important
+}
+
+.m-4 {
+ margin: 1.5rem!important
+}
+
+.m-5 {
+ margin: 2rem!important
+}
+
+.m-6 {
+ margin: 3rem!important
+}
+
+.m-7 {
+ margin: 5rem!important
+}
+
+.m-8 {
+ margin: 8rem!important
+}
+
+.m-auto {
+ margin: auto!important
+}
+
+.mx-0 {
+ margin-right: 0!important;
+ margin-left: 0!important
+}
+
+.mx-1 {
+ margin-right: .25rem!important;
+ margin-left: .25rem!important
+}
+
+.mx-2 {
+ margin-right: .5rem!important;
+ margin-left: .5rem!important
+}
+
+.mx-3 {
+ margin-right: 1rem!important;
+ margin-left: 1rem!important
+}
+
+.mx-4 {
+ margin-right: 1.5rem!important;
+ margin-left: 1.5rem!important
+}
+
+.mx-5 {
+ margin-right: 2rem!important;
+ margin-left: 2rem!important
+}
+
+.mx-6 {
+ margin-right: 3rem!important;
+ margin-left: 3rem!important
+}
+
+.mx-7 {
+ margin-right: 5rem!important;
+ margin-left: 5rem!important
+}
+
+.mx-8 {
+ margin-right: 8rem!important;
+ margin-left: 8rem!important
+}
+
+.mx-auto {
+ margin-right: auto!important;
+ margin-left: auto!important
+}
+
+.my-0 {
+ margin-top: 0!important;
+ margin-bottom: 0!important
+}
+
+.my-1 {
+ margin-top: .25rem!important;
+ margin-bottom: .25rem!important
+}
+
+.my-2 {
+ margin-top: .5rem!important;
+ margin-bottom: .5rem!important
+}
+
+.my-3 {
+ margin-top: 1rem!important;
+ margin-bottom: 1rem!important
+}
+
+.my-4 {
+ margin-top: 1.5rem!important;
+ margin-bottom: 1.5rem!important
+}
+
+.my-5 {
+ margin-top: 2rem!important;
+ margin-bottom: 2rem!important
+}
+
+.my-6 {
+ margin-top: 3rem!important;
+ margin-bottom: 3rem!important
+}
+
+.my-7 {
+ margin-top: 5rem!important;
+ margin-bottom: 5rem!important
+}
+
+.my-8 {
+ margin-top: 8rem!important;
+ margin-bottom: 8rem!important
+}
+
+.my-auto {
+ margin-top: auto!important;
+ margin-bottom: auto!important
+}
+
+.mt-0 {
+ margin-top: 0!important
+}
+
+.mt-1 {
+ margin-top: .25rem!important
+}
+
+.mt-2 {
+ margin-top: .5rem!important
+}
+
+.mt-3 {
+ margin-top: 1rem!important
+}
+
+.mt-4 {
+ margin-top: 1.5rem!important
+}
+
+.mt-5 {
+ margin-top: 2rem!important
+}
+
+.mt-6 {
+ margin-top: 3rem!important
+}
+
+.mt-7 {
+ margin-top: 5rem!important
+}
+
+.mt-8 {
+ margin-top: 8rem!important
+}
+
+.mt-auto {
+ margin-top: auto!important
+}
+
+.me-0 {
+ margin-right: 0!important
+}
+
+.me-1 {
+ margin-right: .25rem!important
+}
+
+.me-2 {
+ margin-right: .5rem!important
+}
+
+.me-3 {
+ margin-right: 1rem!important
+}
+
+.me-4 {
+ margin-right: 1.5rem!important
+}
+
+.me-5 {
+ margin-right: 2rem!important
+}
+
+.me-6 {
+ margin-right: 3rem!important
+}
+
+.me-7 {
+ margin-right: 5rem!important
+}
+
+.me-8 {
+ margin-right: 8rem!important
+}
+
+.me-auto {
+ margin-right: auto!important
+}
+
+.mb-0 {
+ margin-bottom: 0!important
+}
+
+.mb-1 {
+ margin-bottom: .25rem!important
+}
+
+.mb-2 {
+ margin-bottom: .5rem!important
+}
+
+.mb-3 {
+ margin-bottom: 1rem!important
+}
+
+.mb-4 {
+ margin-bottom: 1.5rem!important
+}
+
+.mb-5 {
+ margin-bottom: 2rem!important
+}
+
+.mb-6 {
+ margin-bottom: 3rem!important
+}
+
+.mb-7 {
+ margin-bottom: 5rem!important
+}
+
+.mb-8 {
+ margin-bottom: 8rem!important
+}
+
+.mb-auto {
+ margin-bottom: auto!important
+}
+
+.ms-0 {
+ margin-left: 0!important
+}
+
+.ms-1 {
+ margin-left: .25rem!important
+}
+
+.ms-2 {
+ margin-left: .5rem!important
+}
+
+.ms-3 {
+ margin-left: 1rem!important
+}
+
+.ms-4 {
+ margin-left: 1.5rem!important
+}
+
+.ms-5 {
+ margin-left: 2rem!important
+}
+
+.ms-6 {
+ margin-left: 3rem!important
+}
+
+.ms-7 {
+ margin-left: 5rem!important
+}
+
+.ms-8 {
+ margin-left: 8rem!important
+}
+
+.ms-auto {
+ margin-left: auto!important
+}
+
+.p-0 {
+ padding: 0!important
+}
+
+.p-1 {
+ padding: .25rem!important
+}
+
+.p-2 {
+ padding: .5rem!important
+}
+
+.p-3 {
+ padding: 1rem!important
+}
+
+.p-4 {
+ padding: 1.5rem!important
+}
+
+.p-5 {
+ padding: 2rem!important
+}
+
+.p-6 {
+ padding: 3rem!important
+}
+
+.p-7 {
+ padding: 5rem!important
+}
+
+.p-8 {
+ padding: 8rem!important
+}
+
+.px-0 {
+ padding-right: 0!important;
+ padding-left: 0!important
+}
+
+.px-1 {
+ padding-right: .25rem!important;
+ padding-left: .25rem!important
+}
+
+.px-2 {
+ padding-right: .5rem!important;
+ padding-left: .5rem!important
+}
+
+.px-3 {
+ padding-right: 1rem!important;
+ padding-left: 1rem!important
+}
+
+.px-4 {
+ padding-right: 1.5rem!important;
+ padding-left: 1.5rem!important
+}
+
+.px-5 {
+ padding-right: 2rem!important;
+ padding-left: 2rem!important
+}
+
+.px-6 {
+ padding-right: 3rem!important;
+ padding-left: 3rem!important
+}
+
+.px-7 {
+ padding-right: 5rem!important;
+ padding-left: 5rem!important
+}
+
+.px-8 {
+ padding-right: 8rem!important;
+ padding-left: 8rem!important
+}
+
+.py-0 {
+ padding-top: 0!important;
+ padding-bottom: 0!important
+}
+
+.py-1 {
+ padding-top: .25rem!important;
+ padding-bottom: .25rem!important
+}
+
+.py-2 {
+ padding-top: .5rem!important;
+ padding-bottom: .5rem!important
+}
+
+.py-3 {
+ padding-top: 1rem!important;
+ padding-bottom: 1rem!important
+}
+
+.py-4 {
+ padding-top: 1.5rem!important;
+ padding-bottom: 1.5rem!important
+}
+
+.py-5 {
+ padding-top: 2rem!important;
+ padding-bottom: 2rem!important
+}
+
+.py-6 {
+ padding-top: 3rem!important;
+ padding-bottom: 3rem!important
+}
+
+.py-7 {
+ padding-top: 5rem!important;
+ padding-bottom: 5rem!important
+}
+
+.py-8 {
+ padding-top: 8rem!important;
+ padding-bottom: 8rem!important
+}
+
+.pt-0 {
+ padding-top: 0!important
+}
+
+.pt-1 {
+ padding-top: .25rem!important
+}
+
+.pt-2 {
+ padding-top: .5rem!important
+}
+
+.pt-3 {
+ padding-top: 1rem!important
+}
+
+.pt-4 {
+ padding-top: 1.5rem!important
+}
+
+.pt-5 {
+ padding-top: 2rem!important
+}
+
+.pt-6 {
+ padding-top: 3rem!important
+}
+
+.pt-7 {
+ padding-top: 5rem!important
+}
+
+.pt-8 {
+ padding-top: 8rem!important
+}
+
+.pe-0 {
+ padding-right: 0!important
+}
+
+.pe-1 {
+ padding-right: .25rem!important
+}
+
+.pe-2 {
+ padding-right: .5rem!important
+}
+
+.pe-3 {
+ padding-right: 1rem!important
+}
+
+.pe-4 {
+ padding-right: 1.5rem!important
+}
+
+.pe-5 {
+ padding-right: 2rem!important
+}
+
+.pe-6 {
+ padding-right: 3rem!important
+}
+
+.pe-7 {
+ padding-right: 5rem!important
+}
+
+.pe-8 {
+ padding-right: 8rem!important
+}
+
+.pb-0 {
+ padding-bottom: 0!important
+}
+
+.pb-1 {
+ padding-bottom: .25rem!important
+}
+
+.pb-2 {
+ padding-bottom: .5rem!important
+}
+
+.pb-3 {
+ padding-bottom: 1rem!important
+}
+
+.pb-4 {
+ padding-bottom: 1.5rem!important
+}
+
+.pb-5 {
+ padding-bottom: 2rem!important
+}
+
+.pb-6 {
+ padding-bottom: 3rem!important
+}
+
+.pb-7 {
+ padding-bottom: 5rem!important
+}
+
+.pb-8 {
+ padding-bottom: 8rem!important
+}
+
+.ps-0 {
+ padding-left: 0!important
+}
+
+.ps-1 {
+ padding-left: .25rem!important
+}
+
+.ps-2 {
+ padding-left: .5rem!important
+}
+
+.ps-3 {
+ padding-left: 1rem!important
+}
+
+.ps-4 {
+ padding-left: 1.5rem!important
+}
+
+.ps-5 {
+ padding-left: 2rem!important
+}
+
+.ps-6 {
+ padding-left: 3rem!important
+}
+
+.ps-7 {
+ padding-left: 5rem!important
+}
+
+.ps-8 {
+ padding-left: 8rem!important
+}
+
+.gap-0 {
+ gap: 0!important
+}
+
+.gap-1 {
+ gap: .25rem!important
+}
+
+.gap-2 {
+ gap: .5rem!important
+}
+
+.gap-3 {
+ gap: 1rem!important
+}
+
+.gap-4 {
+ gap: 1.5rem!important
+}
+
+.gap-5 {
+ gap: 2rem!important
+}
+
+.gap-6 {
+ gap: 3rem!important
+}
+
+.gap-7 {
+ gap: 5rem!important
+}
+
+.gap-8 {
+ gap: 8rem!important
+}
+
+.row-gap-0 {
+ row-gap: 0!important
+}
+
+.row-gap-1 {
+ row-gap: .25rem!important
+}
+
+.row-gap-2 {
+ row-gap: .5rem!important
+}
+
+.row-gap-3 {
+ row-gap: 1rem!important
+}
+
+.row-gap-4 {
+ row-gap: 1.5rem!important
+}
+
+.row-gap-5 {
+ row-gap: 2rem!important
+}
+
+.row-gap-6 {
+ row-gap: 3rem!important
+}
+
+.row-gap-7 {
+ row-gap: 5rem!important
+}
+
+.row-gap-8 {
+ row-gap: 8rem!important
+}
+
+.column-gap-0 {
+ -moz-column-gap: 0!important;
+ column-gap: 0!important
+}
+
+.column-gap-1 {
+ -moz-column-gap: .25rem!important;
+ column-gap: .25rem!important
+}
+
+.column-gap-2 {
+ -moz-column-gap: .5rem!important;
+ column-gap: .5rem!important
+}
+
+.column-gap-3 {
+ -moz-column-gap: 1rem!important;
+ column-gap: 1rem!important
+}
+
+.column-gap-4 {
+ -moz-column-gap: 1.5rem!important;
+ column-gap: 1.5rem!important
+}
+
+.column-gap-5 {
+ -moz-column-gap: 2rem!important;
+ column-gap: 2rem!important
+}
+
+.column-gap-6 {
+ -moz-column-gap: 3rem!important;
+ column-gap: 3rem!important
+}
+
+.column-gap-7 {
+ -moz-column-gap: 5rem!important;
+ column-gap: 5rem!important
+}
+
+.column-gap-8 {
+ -moz-column-gap: 8rem!important;
+ column-gap: 8rem!important
+}
+
+.font-monospace {
+ font-family: var(--tblr-font-monospace)!important
+}
+
+.fs-1 {
+ font-size: 1.5rem!important
+}
+
+.fs-2 {
+ font-size: 1.25rem!important
+}
+
+.fs-3 {
+ font-size: 1rem!important
+}
+
+.fs-4 {
+ font-size: .875rem!important
+}
+
+.fs-5 {
+ font-size: .75rem!important
+}
+
+.fs-6 {
+ font-size: .625rem!important
+}
+
+.fst-italic {
+ font-style: italic!important
+}
+
+.fst-normal {
+ font-style: normal!important
+}
+
+.fw-lighter {
+ font-weight: lighter!important
+}
+
+.fw-light {
+ font-weight: 300!important
+}
+
+.fw-normal {
+ font-weight: 400!important
+}
+
+.fw-medium {
+ font-weight: 500!important
+}
+
+.fw-semibold {
+ font-weight: 600!important
+}
+
+.fw-bold {
+ font-weight: 600!important
+}
+
+.fw-bolder {
+ font-weight: bolder!important
+}
+
+.lh-1 {
+ line-height: 1!important
+}
+
+.lh-sm {
+ line-height: 1.1428571429!important
+}
+
+.lh-base {
+ line-height: 1.4285714286!important
+}
+
+.lh-lg {
+ line-height: 1.7142857143!important
+}
+
+.text-start {
+ text-align: left!important
+}
+
+.text-end {
+ text-align: right!important
+}
+
+.text-center {
+ text-align: center!important
+}
+
+.text-decoration-none {
+ text-decoration: none!important
+}
+
+.text-decoration-underline {
+ text-decoration: underline!important
+}
+
+.text-decoration-line-through {
+ text-decoration: line-through!important
+}
+
+.text-lowercase {
+ text-transform: lowercase!important
+}
+
+.text-uppercase {
+ text-transform: uppercase!important
+}
+
+.text-capitalize {
+ text-transform: capitalize!important
+}
+
+.text-wrap {
+ white-space: normal!important
+}
+
+.text-nowrap {
+ white-space: nowrap!important
+}
+
+.text-break {
+ word-wrap: break-word!important;
+ word-break: break-word!important
+}
+
+.text-primary {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-primary-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-secondary {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-secondary-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-success {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-success-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-info {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-info-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-warning {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-warning-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-danger {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-danger-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-light {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-light-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-dark {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-dark-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-muted {
+ --tblr-text-opacity: 1;
+ color: var(--tblr-secondary-color)!important
+}
+
+.text-blue {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-blue-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-azure {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-azure-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-indigo {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-indigo-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-purple {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-purple-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-pink {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-pink-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-red {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-red-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-orange {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-orange-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-yellow {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-yellow-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-lime {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-lime-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-green {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-green-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-teal {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-teal-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-cyan {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-cyan-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-x {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-x-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-facebook {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-facebook-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-twitter {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-twitter-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-linkedin {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-linkedin-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-google {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-google-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-youtube {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-youtube-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-vimeo {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-vimeo-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-dribbble {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-dribbble-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-github {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-github-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-instagram {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-instagram-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-pinterest {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-pinterest-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-vk {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-vk-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-rss {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-rss-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-flickr {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-flickr-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-bitbucket {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-bitbucket-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-tabler {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-tabler-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-black {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-black-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-white {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-white-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-body {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-body-color-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-black-50 {
+ --tblr-text-opacity: 1;
+ color: rgba(0,0,0,.5)!important
+}
+
+.text-white-50 {
+ --tblr-text-opacity: 1;
+ color: rgba(255,255,255,.5)!important
+}
+
+.text-body-secondary {
+ --tblr-text-opacity: 1;
+ color: var(--tblr-secondary-color)!important
+}
+
+.text-body-tertiary {
+ --tblr-text-opacity: 1;
+ color: var(--tblr-tertiary-color)!important
+}
+
+.text-body-emphasis {
+ --tblr-text-opacity: 1;
+ color: var(--tblr-emphasis-color)!important
+}
+
+.text-reset {
+ --tblr-text-opacity: 1;
+ color: inherit!important
+}
+
+.text-opacity-25 {
+ --tblr-text-opacity: 0.25
+}
+
+.text-opacity-50 {
+ --tblr-text-opacity: 0.5
+}
+
+.text-opacity-75 {
+ --tblr-text-opacity: 0.75
+}
+
+.text-opacity-100 {
+ --tblr-text-opacity: 1
+}
+
+.text-primary-emphasis {
+ color: var(--tblr-primary-text-emphasis)!important
+}
+
+.text-secondary-emphasis {
+ color: var(--tblr-secondary-text-emphasis)!important
+}
+
+.text-success-emphasis {
+ color: var(--tblr-success-text-emphasis)!important
+}
+
+.text-info-emphasis {
+ color: var(--tblr-info-text-emphasis)!important
+}
+
+.text-warning-emphasis {
+ color: var(--tblr-warning-text-emphasis)!important
+}
+
+.text-danger-emphasis {
+ color: var(--tblr-danger-text-emphasis)!important
+}
+
+.text-light-emphasis {
+ color: var(--tblr-light-text-emphasis)!important
+}
+
+.text-dark-emphasis {
+ color: var(--tblr-dark-text-emphasis)!important
+}
+
+.link-opacity-10 {
+ --tblr-link-opacity: 0.1
+}
+
+.link-opacity-10-hover:hover {
+ --tblr-link-opacity: 0.1
+}
+
+.link-opacity-25 {
+ --tblr-link-opacity: 0.25
+}
+
+.link-opacity-25-hover:hover {
+ --tblr-link-opacity: 0.25
+}
+
+.link-opacity-50 {
+ --tblr-link-opacity: 0.5
+}
+
+.link-opacity-50-hover:hover {
+ --tblr-link-opacity: 0.5
+}
+
+.link-opacity-75 {
+ --tblr-link-opacity: 0.75
+}
+
+.link-opacity-75-hover:hover {
+ --tblr-link-opacity: 0.75
+}
+
+.link-opacity-100 {
+ --tblr-link-opacity: 1
+}
+
+.link-opacity-100-hover:hover {
+ --tblr-link-opacity: 1
+}
+
+.link-offset-1 {
+ text-underline-offset: .125em!important
+}
+
+.link-offset-1-hover:hover {
+ text-underline-offset: .125em!important
+}
+
+.link-offset-2 {
+ text-underline-offset: .25em!important
+}
+
+.link-offset-2-hover:hover {
+ text-underline-offset: .25em!important
+}
+
+.link-offset-3 {
+ text-underline-offset: .375em!important
+}
+
+.link-offset-3-hover:hover {
+ text-underline-offset: .375em!important
+}
+
+.link-underline-primary {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-primary-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-primary-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-secondary {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-secondary-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-secondary-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-success {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-success-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-success-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-info {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-info-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-info-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-warning {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-warning-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-warning-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-danger {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-danger-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-danger-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-light {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-light-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-light-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-dark {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-dark-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-dark-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-muted {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-muted-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-muted-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-blue {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-blue-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-blue-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-azure {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-azure-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-azure-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-indigo {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-indigo-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-indigo-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-purple {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-purple-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-purple-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-pink {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-pink-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-pink-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-red {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-red-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-red-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-orange {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-orange-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-orange-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-yellow {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-yellow-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-yellow-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-lime {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-lime-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-lime-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-green {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-green-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-green-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-teal {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-teal-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-teal-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-cyan {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-cyan-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-cyan-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-x {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-x-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-x-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-facebook {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-facebook-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-facebook-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-twitter {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-twitter-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-twitter-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-linkedin {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-linkedin-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-linkedin-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-google {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-google-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-google-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-youtube {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-youtube-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-youtube-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-vimeo {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-vimeo-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-vimeo-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-dribbble {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-dribbble-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-dribbble-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-github {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-github-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-github-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-instagram {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-instagram-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-instagram-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-pinterest {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-pinterest-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-pinterest-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-vk {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-vk-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-vk-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-rss {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-rss-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-rss-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-flickr {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-flickr-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-flickr-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-bitbucket {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-bitbucket-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-bitbucket-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline-tabler {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-tabler-rgb),var(--tblr-link-underline-opacity))!important;
+ text-decoration-color: rgba(var(--tblr-tabler-rgb),var(--tblr-link-underline-opacity))!important
+}
+
+.link-underline {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-link-color-rgb),var(--tblr-link-underline-opacity,1))!important;
+ text-decoration-color: rgba(var(--tblr-link-color-rgb),var(--tblr-link-underline-opacity,1))!important
+}
+
+.link-underline-opacity-0 {
+ --tblr-link-underline-opacity: 0
+}
+
+.link-underline-opacity-0-hover:hover {
+ --tblr-link-underline-opacity: 0
+}
+
+.link-underline-opacity-10 {
+ --tblr-link-underline-opacity: 0.1
+}
+
+.link-underline-opacity-10-hover:hover {
+ --tblr-link-underline-opacity: 0.1
+}
+
+.link-underline-opacity-25 {
+ --tblr-link-underline-opacity: 0.25
+}
+
+.link-underline-opacity-25-hover:hover {
+ --tblr-link-underline-opacity: 0.25
+}
+
+.link-underline-opacity-50 {
+ --tblr-link-underline-opacity: 0.5
+}
+
+.link-underline-opacity-50-hover:hover {
+ --tblr-link-underline-opacity: 0.5
+}
+
+.link-underline-opacity-75 {
+ --tblr-link-underline-opacity: 0.75
+}
+
+.link-underline-opacity-75-hover:hover {
+ --tblr-link-underline-opacity: 0.75
+}
+
+.link-underline-opacity-100 {
+ --tblr-link-underline-opacity: 1
+}
+
+.link-underline-opacity-100-hover:hover {
+ --tblr-link-underline-opacity: 1
+}
+
+.bg-primary {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-primary-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-secondary {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-secondary-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-success {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-success-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-info {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-info-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-warning {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-warning-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-danger {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-danger-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-light {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-light-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-dark {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-dark-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-muted {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-muted-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-blue {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-blue-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-azure {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-azure-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-indigo {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-indigo-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-purple {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-purple-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-pink {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-pink-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-red {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-red-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-orange {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-orange-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-yellow {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-yellow-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-lime {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-lime-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-green {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-green-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-teal {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-teal-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-cyan {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-cyan-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-x {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-x-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-facebook {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-facebook-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-twitter {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-twitter-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-linkedin {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-linkedin-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-google {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-google-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-youtube {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-youtube-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-vimeo {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-vimeo-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-dribbble {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-dribbble-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-github {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-github-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-instagram {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-instagram-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-pinterest {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-pinterest-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-vk {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-vk-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-rss {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-rss-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-flickr {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-flickr-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-bitbucket {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-bitbucket-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-tabler {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-tabler-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-black {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-black-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-white {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-white-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-body {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-body-bg-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-transparent {
+ --tblr-bg-opacity: 1;
+ background-color: transparent!important
+}
+
+.bg-body-secondary {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-secondary-bg-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-body-tertiary {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-tertiary-bg-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-opacity-10 {
+ --tblr-bg-opacity: 0.1
+}
+
+.bg-opacity-25 {
+ --tblr-bg-opacity: 0.25
+}
+
+.bg-opacity-50 {
+ --tblr-bg-opacity: 0.5
+}
+
+.bg-opacity-75 {
+ --tblr-bg-opacity: 0.75
+}
+
+.bg-opacity-100 {
+ --tblr-bg-opacity: 1
+}
+
+.bg-primary-subtle {
+ background-color: var(--tblr-primary-bg-subtle)!important
+}
+
+.bg-secondary-subtle {
+ background-color: var(--tblr-secondary-bg-subtle)!important
+}
+
+.bg-success-subtle {
+ background-color: var(--tblr-success-bg-subtle)!important
+}
+
+.bg-info-subtle {
+ background-color: var(--tblr-info-bg-subtle)!important
+}
+
+.bg-warning-subtle {
+ background-color: var(--tblr-warning-bg-subtle)!important
+}
+
+.bg-danger-subtle {
+ background-color: var(--tblr-danger-bg-subtle)!important
+}
+
+.bg-light-subtle {
+ background-color: var(--tblr-light-bg-subtle)!important
+}
+
+.bg-dark-subtle {
+ background-color: var(--tblr-dark-bg-subtle)!important
+}
+
+.bg-gradient {
+ background-image: var(--tblr-gradient)!important
+}
+
+.user-select-all {
+ -webkit-user-select: all!important;
+ -moz-user-select: all!important;
+ user-select: all!important
+}
+
+.user-select-auto {
+ -webkit-user-select: auto!important;
+ -moz-user-select: auto!important;
+ -ms-user-select: auto!important;
+ user-select: auto!important
+}
+
+.user-select-none {
+ -webkit-user-select: none!important;
+ -moz-user-select: none!important;
+ -ms-user-select: none!important;
+ user-select: none!important
+}
+
+.pe-none {
+ pointer-events: none!important
+}
+
+.pe-auto {
+ pointer-events: auto!important
+}
+
+.rounded {
+ border-radius: var(--tblr-border-radius)!important
+}
+
+.rounded-0 {
+ border-radius: 0!important
+}
+
+.rounded-1 {
+ border-radius: var(--tblr-border-radius-sm)!important
+}
+
+.rounded-2 {
+ border-radius: var(--tblr-border-radius)!important
+}
+
+.rounded-3 {
+ border-radius: var(--tblr-border-radius-lg)!important
+}
+
+.rounded-4 {
+ border-radius: var(--tblr-border-radius-xl)!important
+}
+
+.rounded-5 {
+ border-radius: var(--tblr-border-radius-xxl)!important
+}
+
+.rounded-circle {
+ border-radius: 50%!important
+}
+
+.rounded-pill {
+ border-radius: var(--tblr-border-radius-pill)!important
+}
+
+.rounded-top {
+ border-top-left-radius: var(--tblr-border-radius)!important;
+ border-top-right-radius: var(--tblr-border-radius)!important
+}
+
+.rounded-top-0 {
+ border-top-left-radius: 0!important;
+ border-top-right-radius: 0!important
+}
+
+.rounded-top-1 {
+ border-top-left-radius: var(--tblr-border-radius-sm)!important;
+ border-top-right-radius: var(--tblr-border-radius-sm)!important
+}
+
+.rounded-top-2 {
+ border-top-left-radius: var(--tblr-border-radius)!important;
+ border-top-right-radius: var(--tblr-border-radius)!important
+}
+
+.rounded-top-3 {
+ border-top-left-radius: var(--tblr-border-radius-lg)!important;
+ border-top-right-radius: var(--tblr-border-radius-lg)!important
+}
+
+.rounded-top-4 {
+ border-top-left-radius: var(--tblr-border-radius-xl)!important;
+ border-top-right-radius: var(--tblr-border-radius-xl)!important
+}
+
+.rounded-top-5 {
+ border-top-left-radius: var(--tblr-border-radius-xxl)!important;
+ border-top-right-radius: var(--tblr-border-radius-xxl)!important
+}
+
+.rounded-top-circle {
+ border-top-left-radius: 50%!important;
+ border-top-right-radius: 50%!important
+}
+
+.rounded-top-pill {
+ border-top-left-radius: var(--tblr-border-radius-pill)!important;
+ border-top-right-radius: var(--tblr-border-radius-pill)!important
+}
+
+.rounded-end {
+ border-top-right-radius: var(--tblr-border-radius)!important;
+ border-bottom-right-radius: var(--tblr-border-radius)!important
+}
+
+.rounded-end-0 {
+ border-top-right-radius: 0!important;
+ border-bottom-right-radius: 0!important
+}
+
+.rounded-end-1 {
+ border-top-right-radius: var(--tblr-border-radius-sm)!important;
+ border-bottom-right-radius: var(--tblr-border-radius-sm)!important
+}
+
+.rounded-end-2 {
+ border-top-right-radius: var(--tblr-border-radius)!important;
+ border-bottom-right-radius: var(--tblr-border-radius)!important
+}
+
+.rounded-end-3 {
+ border-top-right-radius: var(--tblr-border-radius-lg)!important;
+ border-bottom-right-radius: var(--tblr-border-radius-lg)!important
+}
+
+.rounded-end-4 {
+ border-top-right-radius: var(--tblr-border-radius-xl)!important;
+ border-bottom-right-radius: var(--tblr-border-radius-xl)!important
+}
+
+.rounded-end-5 {
+ border-top-right-radius: var(--tblr-border-radius-xxl)!important;
+ border-bottom-right-radius: var(--tblr-border-radius-xxl)!important
+}
+
+.rounded-end-circle {
+ border-top-right-radius: 50%!important;
+ border-bottom-right-radius: 50%!important
+}
+
+.rounded-end-pill {
+ border-top-right-radius: var(--tblr-border-radius-pill)!important;
+ border-bottom-right-radius: var(--tblr-border-radius-pill)!important
+}
+
+.rounded-bottom {
+ border-bottom-right-radius: var(--tblr-border-radius)!important;
+ border-bottom-left-radius: var(--tblr-border-radius)!important
+}
+
+.rounded-bottom-0 {
+ border-bottom-right-radius: 0!important;
+ border-bottom-left-radius: 0!important
+}
+
+.rounded-bottom-1 {
+ border-bottom-right-radius: var(--tblr-border-radius-sm)!important;
+ border-bottom-left-radius: var(--tblr-border-radius-sm)!important
+}
+
+.rounded-bottom-2 {
+ border-bottom-right-radius: var(--tblr-border-radius)!important;
+ border-bottom-left-radius: var(--tblr-border-radius)!important
+}
+
+.rounded-bottom-3 {
+ border-bottom-right-radius: var(--tblr-border-radius-lg)!important;
+ border-bottom-left-radius: var(--tblr-border-radius-lg)!important
+}
+
+.rounded-bottom-4 {
+ border-bottom-right-radius: var(--tblr-border-radius-xl)!important;
+ border-bottom-left-radius: var(--tblr-border-radius-xl)!important
+}
+
+.rounded-bottom-5 {
+ border-bottom-right-radius: var(--tblr-border-radius-xxl)!important;
+ border-bottom-left-radius: var(--tblr-border-radius-xxl)!important
+}
+
+.rounded-bottom-circle {
+ border-bottom-right-radius: 50%!important;
+ border-bottom-left-radius: 50%!important
+}
+
+.rounded-bottom-pill {
+ border-bottom-right-radius: var(--tblr-border-radius-pill)!important;
+ border-bottom-left-radius: var(--tblr-border-radius-pill)!important
+}
+
+.rounded-start {
+ border-bottom-left-radius: var(--tblr-border-radius)!important;
+ border-top-left-radius: var(--tblr-border-radius)!important
+}
+
+.rounded-start-0 {
+ border-bottom-left-radius: 0!important;
+ border-top-left-radius: 0!important
+}
+
+.rounded-start-1 {
+ border-bottom-left-radius: var(--tblr-border-radius-sm)!important;
+ border-top-left-radius: var(--tblr-border-radius-sm)!important
+}
+
+.rounded-start-2 {
+ border-bottom-left-radius: var(--tblr-border-radius)!important;
+ border-top-left-radius: var(--tblr-border-radius)!important
+}
+
+.rounded-start-3 {
+ border-bottom-left-radius: var(--tblr-border-radius-lg)!important;
+ border-top-left-radius: var(--tblr-border-radius-lg)!important
+}
+
+.rounded-start-4 {
+ border-bottom-left-radius: var(--tblr-border-radius-xl)!important;
+ border-top-left-radius: var(--tblr-border-radius-xl)!important
+}
+
+.rounded-start-5 {
+ border-bottom-left-radius: var(--tblr-border-radius-xxl)!important;
+ border-top-left-radius: var(--tblr-border-radius-xxl)!important
+}
+
+.rounded-start-circle {
+ border-bottom-left-radius: 50%!important;
+ border-top-left-radius: 50%!important
+}
+
+.rounded-start-pill {
+ border-bottom-left-radius: var(--tblr-border-radius-pill)!important;
+ border-top-left-radius: var(--tblr-border-radius-pill)!important
+}
+
+.visible {
+ visibility: visible!important
+}
+
+.invisible {
+ visibility: hidden!important
+}
+
+.z-n1 {
+ z-index: -1!important
+}
+
+.z-0 {
+ z-index: 0!important
+}
+
+.z-1 {
+ z-index: 1!important
+}
+
+.z-2 {
+ z-index: 2!important
+}
+
+.z-3 {
+ z-index: 3!important
+}
+
+.object-contain {
+ -o-object-fit: contain!important;
+ object-fit: contain!important
+}
+
+.object-cover {
+ -o-object-fit: cover!important;
+ object-fit: cover!important
+}
+
+.object-fill {
+ -o-object-fit: fill!important;
+ object-fit: fill!important
+}
+
+.object-scale-down {
+ -o-object-fit: scale-down!important;
+ object-fit: scale-down!important
+}
+
+.object-none {
+ -o-object-fit: none!important;
+ object-fit: none!important
+}
+
+.tracking-tight {
+ letter-spacing: -.05em!important
+}
+
+.tracking-normal {
+ letter-spacing: 0!important
+}
+
+.tracking-wide {
+ letter-spacing: .05em!important
+}
+
+.cursor-auto {
+ cursor: auto!important
+}
+
+.cursor-pointer {
+ cursor: pointer!important
+}
+
+.cursor-move {
+ cursor: move!important
+}
+
+.cursor-not-allowed {
+ cursor: not-allowed!important
+}
+
+.cursor-zoom-in {
+ cursor: zoom-in!important
+}
+
+.cursor-zoom-out {
+ cursor: zoom-out!important
+}
+
+.cursor-default {
+ cursor: default!important
+}
+
+.cursor-none {
+ cursor: none!important
+}
+
+.cursor-help {
+ cursor: help!important
+}
+
+.cursor-progress {
+ cursor: progress!important
+}
+
+.cursor-wait {
+ cursor: wait!important
+}
+
+.cursor-text {
+ cursor: text!important
+}
+
+.cursor-v-text {
+ cursor: vertical-text!important
+}
+
+.cursor-grab {
+ cursor: -webkit-grab!important;
+ cursor: grab!important
+}
+
+.cursor-grabbing {
+ cursor: -webkit-grabbing!important;
+ cursor: grabbing!important
+}
+
+.border-x {
+ border-left: var(--tblr-border-width) var(--tblr-border-style) rgba(4,32,69,.1)!important;
+ border-right: var(--tblr-border-width) var(--tblr-border-style) rgba(4,32,69,.1)!important
+}
+
+.border-x-wide {
+ border-left: 2px var(--tblr-border-style) rgba(4,32,69,.1)!important;
+ border-right: 2px var(--tblr-border-style) rgba(4,32,69,.1)!important
+}
+
+.border-x-0 {
+ border-left: 0!important;
+ border-right: 0!important
+}
+
+.border-y {
+ border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4,32,69,.1)!important;
+ border-bottom: var(--tblr-border-width) var(--tblr-border-style) rgba(4,32,69,.1)!important
+}
+
+.border-y-wide {
+ border-top: 2px var(--tblr-border-style) rgba(4,32,69,.1)!important;
+ border-bottom: 2px var(--tblr-border-style) rgba(4,32,69,.1)!important
+}
+
+.border-y-0 {
+ border-top: 0!important;
+ border-bottom: 0!important
+}
+
+.columns-2 {
+ -moz-columns: 2!important;
+ columns: 2!important
+}
+
+.columns-3 {
+ -moz-columns: 3!important;
+ columns: 3!important
+}
+
+.columns-4 {
+ -moz-columns: 4!important;
+ columns: 4!important
+}
+
+@media (min-width: 576px) {
+ .float-sm-start {
+ float:left!important
+ }
+
+ .float-sm-end {
+ float: right!important
+ }
+
+ .float-sm-none {
+ float: none!important
+ }
+
+ .object-fit-sm-contain {
+ -o-object-fit: contain!important;
+ object-fit: contain!important
+ }
+
+ .object-fit-sm-cover {
+ -o-object-fit: cover!important;
+ object-fit: cover!important
+ }
+
+ .object-fit-sm-fill {
+ -o-object-fit: fill!important;
+ object-fit: fill!important
+ }
+
+ .object-fit-sm-scale {
+ -o-object-fit: scale-down!important;
+ object-fit: scale-down!important
+ }
+
+ .object-fit-sm-none {
+ -o-object-fit: none!important;
+ object-fit: none!important
+ }
+
+ .d-sm-inline {
+ display: inline!important
+ }
+
+ .d-sm-inline-block {
+ display: inline-block!important
+ }
+
+ .d-sm-block {
+ display: block!important
+ }
+
+ .d-sm-grid {
+ display: grid!important
+ }
+
+ .d-sm-inline-grid {
+ display: inline-grid!important
+ }
+
+ .d-sm-table {
+ display: table!important
+ }
+
+ .d-sm-table-row {
+ display: table-row!important
+ }
+
+ .d-sm-table-cell {
+ display: table-cell!important
+ }
+
+ .d-sm-flex {
+ display: flex!important
+ }
+
+ .d-sm-inline-flex {
+ display: inline-flex!important
+ }
+
+ .d-sm-none {
+ display: none!important
+ }
+
+ .flex-sm-fill {
+ flex: 1 1 auto!important
+ }
+
+ .flex-sm-row {
+ flex-direction: row!important
+ }
+
+ .flex-sm-column {
+ flex-direction: column!important
+ }
+
+ .flex-sm-row-reverse {
+ flex-direction: row-reverse!important
+ }
+
+ .flex-sm-column-reverse {
+ flex-direction: column-reverse!important
+ }
+
+ .flex-sm-grow-0 {
+ flex-grow: 0!important
+ }
+
+ .flex-sm-grow-1 {
+ flex-grow: 1!important
+ }
+
+ .flex-sm-shrink-0 {
+ flex-shrink: 0!important
+ }
+
+ .flex-sm-shrink-1 {
+ flex-shrink: 1!important
+ }
+
+ .flex-sm-wrap {
+ flex-wrap: wrap!important
+ }
+
+ .flex-sm-nowrap {
+ flex-wrap: nowrap!important
+ }
+
+ .flex-sm-wrap-reverse {
+ flex-wrap: wrap-reverse!important
+ }
+
+ .justify-content-sm-start {
+ justify-content: flex-start!important
+ }
+
+ .justify-content-sm-end {
+ justify-content: flex-end!important
+ }
+
+ .justify-content-sm-center {
+ justify-content: center!important
+ }
+
+ .justify-content-sm-between {
+ justify-content: space-between!important
+ }
+
+ .justify-content-sm-around {
+ justify-content: space-around!important
+ }
+
+ .justify-content-sm-evenly {
+ justify-content: space-evenly!important
+ }
+
+ .align-items-sm-start {
+ align-items: flex-start!important
+ }
+
+ .align-items-sm-end {
+ align-items: flex-end!important
+ }
+
+ .align-items-sm-center {
+ align-items: center!important
+ }
+
+ .align-items-sm-baseline {
+ align-items: baseline!important
+ }
+
+ .align-items-sm-stretch {
+ align-items: stretch!important
+ }
+
+ .align-content-sm-start {
+ align-content: flex-start!important
+ }
+
+ .align-content-sm-end {
+ align-content: flex-end!important
+ }
+
+ .align-content-sm-center {
+ align-content: center!important
+ }
+
+ .align-content-sm-between {
+ align-content: space-between!important
+ }
+
+ .align-content-sm-around {
+ align-content: space-around!important
+ }
+
+ .align-content-sm-stretch {
+ align-content: stretch!important
+ }
+
+ .align-self-sm-auto {
+ align-self: auto!important
+ }
+
+ .align-self-sm-start {
+ align-self: flex-start!important
+ }
+
+ .align-self-sm-end {
+ align-self: flex-end!important
+ }
+
+ .align-self-sm-center {
+ align-self: center!important
+ }
+
+ .align-self-sm-baseline {
+ align-self: baseline!important
+ }
+
+ .align-self-sm-stretch {
+ align-self: stretch!important
+ }
+
+ .order-sm-first {
+ order: -1!important
+ }
+
+ .order-sm-0 {
+ order: 0!important
+ }
+
+ .order-sm-1 {
+ order: 1!important
+ }
+
+ .order-sm-2 {
+ order: 2!important
+ }
+
+ .order-sm-3 {
+ order: 3!important
+ }
+
+ .order-sm-4 {
+ order: 4!important
+ }
+
+ .order-sm-5 {
+ order: 5!important
+ }
+
+ .order-sm-last {
+ order: 6!important
+ }
+
+ .m-sm-0 {
+ margin: 0!important
+ }
+
+ .m-sm-1 {
+ margin: .25rem!important
+ }
+
+ .m-sm-2 {
+ margin: .5rem!important
+ }
+
+ .m-sm-3 {
+ margin: 1rem!important
+ }
+
+ .m-sm-4 {
+ margin: 1.5rem!important
+ }
+
+ .m-sm-5 {
+ margin: 2rem!important
+ }
+
+ .m-sm-6 {
+ margin: 3rem!important
+ }
+
+ .m-sm-7 {
+ margin: 5rem!important
+ }
+
+ .m-sm-8 {
+ margin: 8rem!important
+ }
+
+ .m-sm-auto {
+ margin: auto!important
+ }
+
+ .mx-sm-0 {
+ margin-right: 0!important;
+ margin-left: 0!important
+ }
+
+ .mx-sm-1 {
+ margin-right: .25rem!important;
+ margin-left: .25rem!important
+ }
+
+ .mx-sm-2 {
+ margin-right: .5rem!important;
+ margin-left: .5rem!important
+ }
+
+ .mx-sm-3 {
+ margin-right: 1rem!important;
+ margin-left: 1rem!important
+ }
+
+ .mx-sm-4 {
+ margin-right: 1.5rem!important;
+ margin-left: 1.5rem!important
+ }
+
+ .mx-sm-5 {
+ margin-right: 2rem!important;
+ margin-left: 2rem!important
+ }
+
+ .mx-sm-6 {
+ margin-right: 3rem!important;
+ margin-left: 3rem!important
+ }
+
+ .mx-sm-7 {
+ margin-right: 5rem!important;
+ margin-left: 5rem!important
+ }
+
+ .mx-sm-8 {
+ margin-right: 8rem!important;
+ margin-left: 8rem!important
+ }
+
+ .mx-sm-auto {
+ margin-right: auto!important;
+ margin-left: auto!important
+ }
+
+ .my-sm-0 {
+ margin-top: 0!important;
+ margin-bottom: 0!important
+ }
+
+ .my-sm-1 {
+ margin-top: .25rem!important;
+ margin-bottom: .25rem!important
+ }
+
+ .my-sm-2 {
+ margin-top: .5rem!important;
+ margin-bottom: .5rem!important
+ }
+
+ .my-sm-3 {
+ margin-top: 1rem!important;
+ margin-bottom: 1rem!important
+ }
+
+ .my-sm-4 {
+ margin-top: 1.5rem!important;
+ margin-bottom: 1.5rem!important
+ }
+
+ .my-sm-5 {
+ margin-top: 2rem!important;
+ margin-bottom: 2rem!important
+ }
+
+ .my-sm-6 {
+ margin-top: 3rem!important;
+ margin-bottom: 3rem!important
+ }
+
+ .my-sm-7 {
+ margin-top: 5rem!important;
+ margin-bottom: 5rem!important
+ }
+
+ .my-sm-8 {
+ margin-top: 8rem!important;
+ margin-bottom: 8rem!important
+ }
+
+ .my-sm-auto {
+ margin-top: auto!important;
+ margin-bottom: auto!important
+ }
+
+ .mt-sm-0 {
+ margin-top: 0!important
+ }
+
+ .mt-sm-1 {
+ margin-top: .25rem!important
+ }
+
+ .mt-sm-2 {
+ margin-top: .5rem!important
+ }
+
+ .mt-sm-3 {
+ margin-top: 1rem!important
+ }
+
+ .mt-sm-4 {
+ margin-top: 1.5rem!important
+ }
+
+ .mt-sm-5 {
+ margin-top: 2rem!important
+ }
+
+ .mt-sm-6 {
+ margin-top: 3rem!important
+ }
+
+ .mt-sm-7 {
+ margin-top: 5rem!important
+ }
+
+ .mt-sm-8 {
+ margin-top: 8rem!important
+ }
+
+ .mt-sm-auto {
+ margin-top: auto!important
+ }
+
+ .me-sm-0 {
+ margin-right: 0!important
+ }
+
+ .me-sm-1 {
+ margin-right: .25rem!important
+ }
+
+ .me-sm-2 {
+ margin-right: .5rem!important
+ }
+
+ .me-sm-3 {
+ margin-right: 1rem!important
+ }
+
+ .me-sm-4 {
+ margin-right: 1.5rem!important
+ }
+
+ .me-sm-5 {
+ margin-right: 2rem!important
+ }
+
+ .me-sm-6 {
+ margin-right: 3rem!important
+ }
+
+ .me-sm-7 {
+ margin-right: 5rem!important
+ }
+
+ .me-sm-8 {
+ margin-right: 8rem!important
+ }
+
+ .me-sm-auto {
+ margin-right: auto!important
+ }
+
+ .mb-sm-0 {
+ margin-bottom: 0!important
+ }
+
+ .mb-sm-1 {
+ margin-bottom: .25rem!important
+ }
+
+ .mb-sm-2 {
+ margin-bottom: .5rem!important
+ }
+
+ .mb-sm-3 {
+ margin-bottom: 1rem!important
+ }
+
+ .mb-sm-4 {
+ margin-bottom: 1.5rem!important
+ }
+
+ .mb-sm-5 {
+ margin-bottom: 2rem!important
+ }
+
+ .mb-sm-6 {
+ margin-bottom: 3rem!important
+ }
+
+ .mb-sm-7 {
+ margin-bottom: 5rem!important
+ }
+
+ .mb-sm-8 {
+ margin-bottom: 8rem!important
+ }
+
+ .mb-sm-auto {
+ margin-bottom: auto!important
+ }
+
+ .ms-sm-0 {
+ margin-left: 0!important
+ }
+
+ .ms-sm-1 {
+ margin-left: .25rem!important
+ }
+
+ .ms-sm-2 {
+ margin-left: .5rem!important
+ }
+
+ .ms-sm-3 {
+ margin-left: 1rem!important
+ }
+
+ .ms-sm-4 {
+ margin-left: 1.5rem!important
+ }
+
+ .ms-sm-5 {
+ margin-left: 2rem!important
+ }
+
+ .ms-sm-6 {
+ margin-left: 3rem!important
+ }
+
+ .ms-sm-7 {
+ margin-left: 5rem!important
+ }
+
+ .ms-sm-8 {
+ margin-left: 8rem!important
+ }
+
+ .ms-sm-auto {
+ margin-left: auto!important
+ }
+
+ .p-sm-0 {
+ padding: 0!important
+ }
+
+ .p-sm-1 {
+ padding: .25rem!important
+ }
+
+ .p-sm-2 {
+ padding: .5rem!important
+ }
+
+ .p-sm-3 {
+ padding: 1rem!important
+ }
+
+ .p-sm-4 {
+ padding: 1.5rem!important
+ }
+
+ .p-sm-5 {
+ padding: 2rem!important
+ }
+
+ .p-sm-6 {
+ padding: 3rem!important
+ }
+
+ .p-sm-7 {
+ padding: 5rem!important
+ }
+
+ .p-sm-8 {
+ padding: 8rem!important
+ }
+
+ .px-sm-0 {
+ padding-right: 0!important;
+ padding-left: 0!important
+ }
+
+ .px-sm-1 {
+ padding-right: .25rem!important;
+ padding-left: .25rem!important
+ }
+
+ .px-sm-2 {
+ padding-right: .5rem!important;
+ padding-left: .5rem!important
+ }
+
+ .px-sm-3 {
+ padding-right: 1rem!important;
+ padding-left: 1rem!important
+ }
+
+ .px-sm-4 {
+ padding-right: 1.5rem!important;
+ padding-left: 1.5rem!important
+ }
+
+ .px-sm-5 {
+ padding-right: 2rem!important;
+ padding-left: 2rem!important
+ }
+
+ .px-sm-6 {
+ padding-right: 3rem!important;
+ padding-left: 3rem!important
+ }
+
+ .px-sm-7 {
+ padding-right: 5rem!important;
+ padding-left: 5rem!important
+ }
+
+ .px-sm-8 {
+ padding-right: 8rem!important;
+ padding-left: 8rem!important
+ }
+
+ .py-sm-0 {
+ padding-top: 0!important;
+ padding-bottom: 0!important
+ }
+
+ .py-sm-1 {
+ padding-top: .25rem!important;
+ padding-bottom: .25rem!important
+ }
+
+ .py-sm-2 {
+ padding-top: .5rem!important;
+ padding-bottom: .5rem!important
+ }
+
+ .py-sm-3 {
+ padding-top: 1rem!important;
+ padding-bottom: 1rem!important
+ }
+
+ .py-sm-4 {
+ padding-top: 1.5rem!important;
+ padding-bottom: 1.5rem!important
+ }
+
+ .py-sm-5 {
+ padding-top: 2rem!important;
+ padding-bottom: 2rem!important
+ }
+
+ .py-sm-6 {
+ padding-top: 3rem!important;
+ padding-bottom: 3rem!important
+ }
+
+ .py-sm-7 {
+ padding-top: 5rem!important;
+ padding-bottom: 5rem!important
+ }
+
+ .py-sm-8 {
+ padding-top: 8rem!important;
+ padding-bottom: 8rem!important
+ }
+
+ .pt-sm-0 {
+ padding-top: 0!important
+ }
+
+ .pt-sm-1 {
+ padding-top: .25rem!important
+ }
+
+ .pt-sm-2 {
+ padding-top: .5rem!important
+ }
+
+ .pt-sm-3 {
+ padding-top: 1rem!important
+ }
+
+ .pt-sm-4 {
+ padding-top: 1.5rem!important
+ }
+
+ .pt-sm-5 {
+ padding-top: 2rem!important
+ }
+
+ .pt-sm-6 {
+ padding-top: 3rem!important
+ }
+
+ .pt-sm-7 {
+ padding-top: 5rem!important
+ }
+
+ .pt-sm-8 {
+ padding-top: 8rem!important
+ }
+
+ .pe-sm-0 {
+ padding-right: 0!important
+ }
+
+ .pe-sm-1 {
+ padding-right: .25rem!important
+ }
+
+ .pe-sm-2 {
+ padding-right: .5rem!important
+ }
+
+ .pe-sm-3 {
+ padding-right: 1rem!important
+ }
+
+ .pe-sm-4 {
+ padding-right: 1.5rem!important
+ }
+
+ .pe-sm-5 {
+ padding-right: 2rem!important
+ }
+
+ .pe-sm-6 {
+ padding-right: 3rem!important
+ }
+
+ .pe-sm-7 {
+ padding-right: 5rem!important
+ }
+
+ .pe-sm-8 {
+ padding-right: 8rem!important
+ }
+
+ .pb-sm-0 {
+ padding-bottom: 0!important
+ }
+
+ .pb-sm-1 {
+ padding-bottom: .25rem!important
+ }
+
+ .pb-sm-2 {
+ padding-bottom: .5rem!important
+ }
+
+ .pb-sm-3 {
+ padding-bottom: 1rem!important
+ }
+
+ .pb-sm-4 {
+ padding-bottom: 1.5rem!important
+ }
+
+ .pb-sm-5 {
+ padding-bottom: 2rem!important
+ }
+
+ .pb-sm-6 {
+ padding-bottom: 3rem!important
+ }
+
+ .pb-sm-7 {
+ padding-bottom: 5rem!important
+ }
+
+ .pb-sm-8 {
+ padding-bottom: 8rem!important
+ }
+
+ .ps-sm-0 {
+ padding-left: 0!important
+ }
+
+ .ps-sm-1 {
+ padding-left: .25rem!important
+ }
+
+ .ps-sm-2 {
+ padding-left: .5rem!important
+ }
+
+ .ps-sm-3 {
+ padding-left: 1rem!important
+ }
+
+ .ps-sm-4 {
+ padding-left: 1.5rem!important
+ }
+
+ .ps-sm-5 {
+ padding-left: 2rem!important
+ }
+
+ .ps-sm-6 {
+ padding-left: 3rem!important
+ }
+
+ .ps-sm-7 {
+ padding-left: 5rem!important
+ }
+
+ .ps-sm-8 {
+ padding-left: 8rem!important
+ }
+
+ .gap-sm-0 {
+ gap: 0!important
+ }
+
+ .gap-sm-1 {
+ gap: .25rem!important
+ }
+
+ .gap-sm-2 {
+ gap: .5rem!important
+ }
+
+ .gap-sm-3 {
+ gap: 1rem!important
+ }
+
+ .gap-sm-4 {
+ gap: 1.5rem!important
+ }
+
+ .gap-sm-5 {
+ gap: 2rem!important
+ }
+
+ .gap-sm-6 {
+ gap: 3rem!important
+ }
+
+ .gap-sm-7 {
+ gap: 5rem!important
+ }
+
+ .gap-sm-8 {
+ gap: 8rem!important
+ }
+
+ .row-gap-sm-0 {
+ row-gap: 0!important
+ }
+
+ .row-gap-sm-1 {
+ row-gap: .25rem!important
+ }
+
+ .row-gap-sm-2 {
+ row-gap: .5rem!important
+ }
+
+ .row-gap-sm-3 {
+ row-gap: 1rem!important
+ }
+
+ .row-gap-sm-4 {
+ row-gap: 1.5rem!important
+ }
+
+ .row-gap-sm-5 {
+ row-gap: 2rem!important
+ }
+
+ .row-gap-sm-6 {
+ row-gap: 3rem!important
+ }
+
+ .row-gap-sm-7 {
+ row-gap: 5rem!important
+ }
+
+ .row-gap-sm-8 {
+ row-gap: 8rem!important
+ }
+
+ .column-gap-sm-0 {
+ -moz-column-gap: 0!important;
+ column-gap: 0!important
+ }
+
+ .column-gap-sm-1 {
+ -moz-column-gap: .25rem!important;
+ column-gap: .25rem!important
+ }
+
+ .column-gap-sm-2 {
+ -moz-column-gap: .5rem!important;
+ column-gap: .5rem!important
+ }
+
+ .column-gap-sm-3 {
+ -moz-column-gap: 1rem!important;
+ column-gap: 1rem!important
+ }
+
+ .column-gap-sm-4 {
+ -moz-column-gap: 1.5rem!important;
+ column-gap: 1.5rem!important
+ }
+
+ .column-gap-sm-5 {
+ -moz-column-gap: 2rem!important;
+ column-gap: 2rem!important
+ }
+
+ .column-gap-sm-6 {
+ -moz-column-gap: 3rem!important;
+ column-gap: 3rem!important
+ }
+
+ .column-gap-sm-7 {
+ -moz-column-gap: 5rem!important;
+ column-gap: 5rem!important
+ }
+
+ .column-gap-sm-8 {
+ -moz-column-gap: 8rem!important;
+ column-gap: 8rem!important
+ }
+
+ .text-sm-start {
+ text-align: left!important
+ }
+
+ .text-sm-end {
+ text-align: right!important
+ }
+
+ .text-sm-center {
+ text-align: center!important
+ }
+
+ .columns-sm-2 {
+ -moz-columns: 2!important;
+ columns: 2!important
+ }
+
+ .columns-sm-3 {
+ -moz-columns: 3!important;
+ columns: 3!important
+ }
+
+ .columns-sm-4 {
+ -moz-columns: 4!important;
+ columns: 4!important
+ }
+}
+
+@media (min-width: 768px) {
+ .float-md-start {
+ float:left!important
+ }
+
+ .float-md-end {
+ float: right!important
+ }
+
+ .float-md-none {
+ float: none!important
+ }
+
+ .object-fit-md-contain {
+ -o-object-fit: contain!important;
+ object-fit: contain!important
+ }
+
+ .object-fit-md-cover {
+ -o-object-fit: cover!important;
+ object-fit: cover!important
+ }
+
+ .object-fit-md-fill {
+ -o-object-fit: fill!important;
+ object-fit: fill!important
+ }
+
+ .object-fit-md-scale {
+ -o-object-fit: scale-down!important;
+ object-fit: scale-down!important
+ }
+
+ .object-fit-md-none {
+ -o-object-fit: none!important;
+ object-fit: none!important
+ }
+
+ .d-md-inline {
+ display: inline!important
+ }
+
+ .d-md-inline-block {
+ display: inline-block!important
+ }
+
+ .d-md-block {
+ display: block!important
+ }
+
+ .d-md-grid {
+ display: grid!important
+ }
+
+ .d-md-inline-grid {
+ display: inline-grid!important
+ }
+
+ .d-md-table {
+ display: table!important
+ }
+
+ .d-md-table-row {
+ display: table-row!important
+ }
+
+ .d-md-table-cell {
+ display: table-cell!important
+ }
+
+ .d-md-flex {
+ display: flex!important
+ }
+
+ .d-md-inline-flex {
+ display: inline-flex!important
+ }
+
+ .d-md-none {
+ display: none!important
+ }
+
+ .flex-md-fill {
+ flex: 1 1 auto!important
+ }
+
+ .flex-md-row {
+ flex-direction: row!important
+ }
+
+ .flex-md-column {
+ flex-direction: column!important
+ }
+
+ .flex-md-row-reverse {
+ flex-direction: row-reverse!important
+ }
+
+ .flex-md-column-reverse {
+ flex-direction: column-reverse!important
+ }
+
+ .flex-md-grow-0 {
+ flex-grow: 0!important
+ }
+
+ .flex-md-grow-1 {
+ flex-grow: 1!important
+ }
+
+ .flex-md-shrink-0 {
+ flex-shrink: 0!important
+ }
+
+ .flex-md-shrink-1 {
+ flex-shrink: 1!important
+ }
+
+ .flex-md-wrap {
+ flex-wrap: wrap!important
+ }
+
+ .flex-md-nowrap {
+ flex-wrap: nowrap!important
+ }
+
+ .flex-md-wrap-reverse {
+ flex-wrap: wrap-reverse!important
+ }
+
+ .justify-content-md-start {
+ justify-content: flex-start!important
+ }
+
+ .justify-content-md-end {
+ justify-content: flex-end!important
+ }
+
+ .justify-content-md-center {
+ justify-content: center!important
+ }
+
+ .justify-content-md-between {
+ justify-content: space-between!important
+ }
+
+ .justify-content-md-around {
+ justify-content: space-around!important
+ }
+
+ .justify-content-md-evenly {
+ justify-content: space-evenly!important
+ }
+
+ .align-items-md-start {
+ align-items: flex-start!important
+ }
+
+ .align-items-md-end {
+ align-items: flex-end!important
+ }
+
+ .align-items-md-center {
+ align-items: center!important
+ }
+
+ .align-items-md-baseline {
+ align-items: baseline!important
+ }
+
+ .align-items-md-stretch {
+ align-items: stretch!important
+ }
+
+ .align-content-md-start {
+ align-content: flex-start!important
+ }
+
+ .align-content-md-end {
+ align-content: flex-end!important
+ }
+
+ .align-content-md-center {
+ align-content: center!important
+ }
+
+ .align-content-md-between {
+ align-content: space-between!important
+ }
+
+ .align-content-md-around {
+ align-content: space-around!important
+ }
+
+ .align-content-md-stretch {
+ align-content: stretch!important
+ }
+
+ .align-self-md-auto {
+ align-self: auto!important
+ }
+
+ .align-self-md-start {
+ align-self: flex-start!important
+ }
+
+ .align-self-md-end {
+ align-self: flex-end!important
+ }
+
+ .align-self-md-center {
+ align-self: center!important
+ }
+
+ .align-self-md-baseline {
+ align-self: baseline!important
+ }
+
+ .align-self-md-stretch {
+ align-self: stretch!important
+ }
+
+ .order-md-first {
+ order: -1!important
+ }
+
+ .order-md-0 {
+ order: 0!important
+ }
+
+ .order-md-1 {
+ order: 1!important
+ }
+
+ .order-md-2 {
+ order: 2!important
+ }
+
+ .order-md-3 {
+ order: 3!important
+ }
+
+ .order-md-4 {
+ order: 4!important
+ }
+
+ .order-md-5 {
+ order: 5!important
+ }
+
+ .order-md-last {
+ order: 6!important
+ }
+
+ .m-md-0 {
+ margin: 0!important
+ }
+
+ .m-md-1 {
+ margin: .25rem!important
+ }
+
+ .m-md-2 {
+ margin: .5rem!important
+ }
+
+ .m-md-3 {
+ margin: 1rem!important
+ }
+
+ .m-md-4 {
+ margin: 1.5rem!important
+ }
+
+ .m-md-5 {
+ margin: 2rem!important
+ }
+
+ .m-md-6 {
+ margin: 3rem!important
+ }
+
+ .m-md-7 {
+ margin: 5rem!important
+ }
+
+ .m-md-8 {
+ margin: 8rem!important
+ }
+
+ .m-md-auto {
+ margin: auto!important
+ }
+
+ .mx-md-0 {
+ margin-right: 0!important;
+ margin-left: 0!important
+ }
+
+ .mx-md-1 {
+ margin-right: .25rem!important;
+ margin-left: .25rem!important
+ }
+
+ .mx-md-2 {
+ margin-right: .5rem!important;
+ margin-left: .5rem!important
+ }
+
+ .mx-md-3 {
+ margin-right: 1rem!important;
+ margin-left: 1rem!important
+ }
+
+ .mx-md-4 {
+ margin-right: 1.5rem!important;
+ margin-left: 1.5rem!important
+ }
+
+ .mx-md-5 {
+ margin-right: 2rem!important;
+ margin-left: 2rem!important
+ }
+
+ .mx-md-6 {
+ margin-right: 3rem!important;
+ margin-left: 3rem!important
+ }
+
+ .mx-md-7 {
+ margin-right: 5rem!important;
+ margin-left: 5rem!important
+ }
+
+ .mx-md-8 {
+ margin-right: 8rem!important;
+ margin-left: 8rem!important
+ }
+
+ .mx-md-auto {
+ margin-right: auto!important;
+ margin-left: auto!important
+ }
+
+ .my-md-0 {
+ margin-top: 0!important;
+ margin-bottom: 0!important
+ }
+
+ .my-md-1 {
+ margin-top: .25rem!important;
+ margin-bottom: .25rem!important
+ }
+
+ .my-md-2 {
+ margin-top: .5rem!important;
+ margin-bottom: .5rem!important
+ }
+
+ .my-md-3 {
+ margin-top: 1rem!important;
+ margin-bottom: 1rem!important
+ }
+
+ .my-md-4 {
+ margin-top: 1.5rem!important;
+ margin-bottom: 1.5rem!important
+ }
+
+ .my-md-5 {
+ margin-top: 2rem!important;
+ margin-bottom: 2rem!important
+ }
+
+ .my-md-6 {
+ margin-top: 3rem!important;
+ margin-bottom: 3rem!important
+ }
+
+ .my-md-7 {
+ margin-top: 5rem!important;
+ margin-bottom: 5rem!important
+ }
+
+ .my-md-8 {
+ margin-top: 8rem!important;
+ margin-bottom: 8rem!important
+ }
+
+ .my-md-auto {
+ margin-top: auto!important;
+ margin-bottom: auto!important
+ }
+
+ .mt-md-0 {
+ margin-top: 0!important
+ }
+
+ .mt-md-1 {
+ margin-top: .25rem!important
+ }
+
+ .mt-md-2 {
+ margin-top: .5rem!important
+ }
+
+ .mt-md-3 {
+ margin-top: 1rem!important
+ }
+
+ .mt-md-4 {
+ margin-top: 1.5rem!important
+ }
+
+ .mt-md-5 {
+ margin-top: 2rem!important
+ }
+
+ .mt-md-6 {
+ margin-top: 3rem!important
+ }
+
+ .mt-md-7 {
+ margin-top: 5rem!important
+ }
+
+ .mt-md-8 {
+ margin-top: 8rem!important
+ }
+
+ .mt-md-auto {
+ margin-top: auto!important
+ }
+
+ .me-md-0 {
+ margin-right: 0!important
+ }
+
+ .me-md-1 {
+ margin-right: .25rem!important
+ }
+
+ .me-md-2 {
+ margin-right: .5rem!important
+ }
+
+ .me-md-3 {
+ margin-right: 1rem!important
+ }
+
+ .me-md-4 {
+ margin-right: 1.5rem!important
+ }
+
+ .me-md-5 {
+ margin-right: 2rem!important
+ }
+
+ .me-md-6 {
+ margin-right: 3rem!important
+ }
+
+ .me-md-7 {
+ margin-right: 5rem!important
+ }
+
+ .me-md-8 {
+ margin-right: 8rem!important
+ }
+
+ .me-md-auto {
+ margin-right: auto!important
+ }
+
+ .mb-md-0 {
+ margin-bottom: 0!important
+ }
+
+ .mb-md-1 {
+ margin-bottom: .25rem!important
+ }
+
+ .mb-md-2 {
+ margin-bottom: .5rem!important
+ }
+
+ .mb-md-3 {
+ margin-bottom: 1rem!important
+ }
+
+ .mb-md-4 {
+ margin-bottom: 1.5rem!important
+ }
+
+ .mb-md-5 {
+ margin-bottom: 2rem!important
+ }
+
+ .mb-md-6 {
+ margin-bottom: 3rem!important
+ }
+
+ .mb-md-7 {
+ margin-bottom: 5rem!important
+ }
+
+ .mb-md-8 {
+ margin-bottom: 8rem!important
+ }
+
+ .mb-md-auto {
+ margin-bottom: auto!important
+ }
+
+ .ms-md-0 {
+ margin-left: 0!important
+ }
+
+ .ms-md-1 {
+ margin-left: .25rem!important
+ }
+
+ .ms-md-2 {
+ margin-left: .5rem!important
+ }
+
+ .ms-md-3 {
+ margin-left: 1rem!important
+ }
+
+ .ms-md-4 {
+ margin-left: 1.5rem!important
+ }
+
+ .ms-md-5 {
+ margin-left: 2rem!important
+ }
+
+ .ms-md-6 {
+ margin-left: 3rem!important
+ }
+
+ .ms-md-7 {
+ margin-left: 5rem!important
+ }
+
+ .ms-md-8 {
+ margin-left: 8rem!important
+ }
+
+ .ms-md-auto {
+ margin-left: auto!important
+ }
+
+ .p-md-0 {
+ padding: 0!important
+ }
+
+ .p-md-1 {
+ padding: .25rem!important
+ }
+
+ .p-md-2 {
+ padding: .5rem!important
+ }
+
+ .p-md-3 {
+ padding: 1rem!important
+ }
+
+ .p-md-4 {
+ padding: 1.5rem!important
+ }
+
+ .p-md-5 {
+ padding: 2rem!important
+ }
+
+ .p-md-6 {
+ padding: 3rem!important
+ }
+
+ .p-md-7 {
+ padding: 5rem!important
+ }
+
+ .p-md-8 {
+ padding: 8rem!important
+ }
+
+ .px-md-0 {
+ padding-right: 0!important;
+ padding-left: 0!important
+ }
+
+ .px-md-1 {
+ padding-right: .25rem!important;
+ padding-left: .25rem!important
+ }
+
+ .px-md-2 {
+ padding-right: .5rem!important;
+ padding-left: .5rem!important
+ }
+
+ .px-md-3 {
+ padding-right: 1rem!important;
+ padding-left: 1rem!important
+ }
+
+ .px-md-4 {
+ padding-right: 1.5rem!important;
+ padding-left: 1.5rem!important
+ }
+
+ .px-md-5 {
+ padding-right: 2rem!important;
+ padding-left: 2rem!important
+ }
+
+ .px-md-6 {
+ padding-right: 3rem!important;
+ padding-left: 3rem!important
+ }
+
+ .px-md-7 {
+ padding-right: 5rem!important;
+ padding-left: 5rem!important
+ }
+
+ .px-md-8 {
+ padding-right: 8rem!important;
+ padding-left: 8rem!important
+ }
+
+ .py-md-0 {
+ padding-top: 0!important;
+ padding-bottom: 0!important
+ }
+
+ .py-md-1 {
+ padding-top: .25rem!important;
+ padding-bottom: .25rem!important
+ }
+
+ .py-md-2 {
+ padding-top: .5rem!important;
+ padding-bottom: .5rem!important
+ }
+
+ .py-md-3 {
+ padding-top: 1rem!important;
+ padding-bottom: 1rem!important
+ }
+
+ .py-md-4 {
+ padding-top: 1.5rem!important;
+ padding-bottom: 1.5rem!important
+ }
+
+ .py-md-5 {
+ padding-top: 2rem!important;
+ padding-bottom: 2rem!important
+ }
+
+ .py-md-6 {
+ padding-top: 3rem!important;
+ padding-bottom: 3rem!important
+ }
+
+ .py-md-7 {
+ padding-top: 5rem!important;
+ padding-bottom: 5rem!important
+ }
+
+ .py-md-8 {
+ padding-top: 8rem!important;
+ padding-bottom: 8rem!important
+ }
+
+ .pt-md-0 {
+ padding-top: 0!important
+ }
+
+ .pt-md-1 {
+ padding-top: .25rem!important
+ }
+
+ .pt-md-2 {
+ padding-top: .5rem!important
+ }
+
+ .pt-md-3 {
+ padding-top: 1rem!important
+ }
+
+ .pt-md-4 {
+ padding-top: 1.5rem!important
+ }
+
+ .pt-md-5 {
+ padding-top: 2rem!important
+ }
+
+ .pt-md-6 {
+ padding-top: 3rem!important
+ }
+
+ .pt-md-7 {
+ padding-top: 5rem!important
+ }
+
+ .pt-md-8 {
+ padding-top: 8rem!important
+ }
+
+ .pe-md-0 {
+ padding-right: 0!important
+ }
+
+ .pe-md-1 {
+ padding-right: .25rem!important
+ }
+
+ .pe-md-2 {
+ padding-right: .5rem!important
+ }
+
+ .pe-md-3 {
+ padding-right: 1rem!important
+ }
+
+ .pe-md-4 {
+ padding-right: 1.5rem!important
+ }
+
+ .pe-md-5 {
+ padding-right: 2rem!important
+ }
+
+ .pe-md-6 {
+ padding-right: 3rem!important
+ }
+
+ .pe-md-7 {
+ padding-right: 5rem!important
+ }
+
+ .pe-md-8 {
+ padding-right: 8rem!important
+ }
+
+ .pb-md-0 {
+ padding-bottom: 0!important
+ }
+
+ .pb-md-1 {
+ padding-bottom: .25rem!important
+ }
+
+ .pb-md-2 {
+ padding-bottom: .5rem!important
+ }
+
+ .pb-md-3 {
+ padding-bottom: 1rem!important
+ }
+
+ .pb-md-4 {
+ padding-bottom: 1.5rem!important
+ }
+
+ .pb-md-5 {
+ padding-bottom: 2rem!important
+ }
+
+ .pb-md-6 {
+ padding-bottom: 3rem!important
+ }
+
+ .pb-md-7 {
+ padding-bottom: 5rem!important
+ }
+
+ .pb-md-8 {
+ padding-bottom: 8rem!important
+ }
+
+ .ps-md-0 {
+ padding-left: 0!important
+ }
+
+ .ps-md-1 {
+ padding-left: .25rem!important
+ }
+
+ .ps-md-2 {
+ padding-left: .5rem!important
+ }
+
+ .ps-md-3 {
+ padding-left: 1rem!important
+ }
+
+ .ps-md-4 {
+ padding-left: 1.5rem!important
+ }
+
+ .ps-md-5 {
+ padding-left: 2rem!important
+ }
+
+ .ps-md-6 {
+ padding-left: 3rem!important
+ }
+
+ .ps-md-7 {
+ padding-left: 5rem!important
+ }
+
+ .ps-md-8 {
+ padding-left: 8rem!important
+ }
+
+ .gap-md-0 {
+ gap: 0!important
+ }
+
+ .gap-md-1 {
+ gap: .25rem!important
+ }
+
+ .gap-md-2 {
+ gap: .5rem!important
+ }
+
+ .gap-md-3 {
+ gap: 1rem!important
+ }
+
+ .gap-md-4 {
+ gap: 1.5rem!important
+ }
+
+ .gap-md-5 {
+ gap: 2rem!important
+ }
+
+ .gap-md-6 {
+ gap: 3rem!important
+ }
+
+ .gap-md-7 {
+ gap: 5rem!important
+ }
+
+ .gap-md-8 {
+ gap: 8rem!important
+ }
+
+ .row-gap-md-0 {
+ row-gap: 0!important
+ }
+
+ .row-gap-md-1 {
+ row-gap: .25rem!important
+ }
+
+ .row-gap-md-2 {
+ row-gap: .5rem!important
+ }
+
+ .row-gap-md-3 {
+ row-gap: 1rem!important
+ }
+
+ .row-gap-md-4 {
+ row-gap: 1.5rem!important
+ }
+
+ .row-gap-md-5 {
+ row-gap: 2rem!important
+ }
+
+ .row-gap-md-6 {
+ row-gap: 3rem!important
+ }
+
+ .row-gap-md-7 {
+ row-gap: 5rem!important
+ }
+
+ .row-gap-md-8 {
+ row-gap: 8rem!important
+ }
+
+ .column-gap-md-0 {
+ -moz-column-gap: 0!important;
+ column-gap: 0!important
+ }
+
+ .column-gap-md-1 {
+ -moz-column-gap: .25rem!important;
+ column-gap: .25rem!important
+ }
+
+ .column-gap-md-2 {
+ -moz-column-gap: .5rem!important;
+ column-gap: .5rem!important
+ }
+
+ .column-gap-md-3 {
+ -moz-column-gap: 1rem!important;
+ column-gap: 1rem!important
+ }
+
+ .column-gap-md-4 {
+ -moz-column-gap: 1.5rem!important;
+ column-gap: 1.5rem!important
+ }
+
+ .column-gap-md-5 {
+ -moz-column-gap: 2rem!important;
+ column-gap: 2rem!important
+ }
+
+ .column-gap-md-6 {
+ -moz-column-gap: 3rem!important;
+ column-gap: 3rem!important
+ }
+
+ .column-gap-md-7 {
+ -moz-column-gap: 5rem!important;
+ column-gap: 5rem!important
+ }
+
+ .column-gap-md-8 {
+ -moz-column-gap: 8rem!important;
+ column-gap: 8rem!important
+ }
+
+ .text-md-start {
+ text-align: left!important
+ }
+
+ .text-md-end {
+ text-align: right!important
+ }
+
+ .text-md-center {
+ text-align: center!important
+ }
+
+ .columns-md-2 {
+ -moz-columns: 2!important;
+ columns: 2!important
+ }
+
+ .columns-md-3 {
+ -moz-columns: 3!important;
+ columns: 3!important
+ }
+
+ .columns-md-4 {
+ -moz-columns: 4!important;
+ columns: 4!important
+ }
+}
+
+@media (min-width: 992px) {
+ .float-lg-start {
+ float:left!important
+ }
+
+ .float-lg-end {
+ float: right!important
+ }
+
+ .float-lg-none {
+ float: none!important
+ }
+
+ .object-fit-lg-contain {
+ -o-object-fit: contain!important;
+ object-fit: contain!important
+ }
+
+ .object-fit-lg-cover {
+ -o-object-fit: cover!important;
+ object-fit: cover!important
+ }
+
+ .object-fit-lg-fill {
+ -o-object-fit: fill!important;
+ object-fit: fill!important
+ }
+
+ .object-fit-lg-scale {
+ -o-object-fit: scale-down!important;
+ object-fit: scale-down!important
+ }
+
+ .object-fit-lg-none {
+ -o-object-fit: none!important;
+ object-fit: none!important
+ }
+
+ .d-lg-inline {
+ display: inline!important
+ }
+
+ .d-lg-inline-block {
+ display: inline-block!important
+ }
+
+ .d-lg-block {
+ display: block!important
+ }
+
+ .d-lg-grid {
+ display: grid!important
+ }
+
+ .d-lg-inline-grid {
+ display: inline-grid!important
+ }
+
+ .d-lg-table {
+ display: table!important
+ }
+
+ .d-lg-table-row {
+ display: table-row!important
+ }
+
+ .d-lg-table-cell {
+ display: table-cell!important
+ }
+
+ .d-lg-flex {
+ display: flex!important
+ }
+
+ .d-lg-inline-flex {
+ display: inline-flex!important
+ }
+
+ .d-lg-none {
+ display: none!important
+ }
+
+ .flex-lg-fill {
+ flex: 1 1 auto!important
+ }
+
+ .flex-lg-row {
+ flex-direction: row!important
+ }
+
+ .flex-lg-column {
+ flex-direction: column!important
+ }
+
+ .flex-lg-row-reverse {
+ flex-direction: row-reverse!important
+ }
+
+ .flex-lg-column-reverse {
+ flex-direction: column-reverse!important
+ }
+
+ .flex-lg-grow-0 {
+ flex-grow: 0!important
+ }
+
+ .flex-lg-grow-1 {
+ flex-grow: 1!important
+ }
+
+ .flex-lg-shrink-0 {
+ flex-shrink: 0!important
+ }
+
+ .flex-lg-shrink-1 {
+ flex-shrink: 1!important
+ }
+
+ .flex-lg-wrap {
+ flex-wrap: wrap!important
+ }
+
+ .flex-lg-nowrap {
+ flex-wrap: nowrap!important
+ }
+
+ .flex-lg-wrap-reverse {
+ flex-wrap: wrap-reverse!important
+ }
+
+ .justify-content-lg-start {
+ justify-content: flex-start!important
+ }
+
+ .justify-content-lg-end {
+ justify-content: flex-end!important
+ }
+
+ .justify-content-lg-center {
+ justify-content: center!important
+ }
+
+ .justify-content-lg-between {
+ justify-content: space-between!important
+ }
+
+ .justify-content-lg-around {
+ justify-content: space-around!important
+ }
+
+ .justify-content-lg-evenly {
+ justify-content: space-evenly!important
+ }
+
+ .align-items-lg-start {
+ align-items: flex-start!important
+ }
+
+ .align-items-lg-end {
+ align-items: flex-end!important
+ }
+
+ .align-items-lg-center {
+ align-items: center!important
+ }
+
+ .align-items-lg-baseline {
+ align-items: baseline!important
+ }
+
+ .align-items-lg-stretch {
+ align-items: stretch!important
+ }
+
+ .align-content-lg-start {
+ align-content: flex-start!important
+ }
+
+ .align-content-lg-end {
+ align-content: flex-end!important
+ }
+
+ .align-content-lg-center {
+ align-content: center!important
+ }
+
+ .align-content-lg-between {
+ align-content: space-between!important
+ }
+
+ .align-content-lg-around {
+ align-content: space-around!important
+ }
+
+ .align-content-lg-stretch {
+ align-content: stretch!important
+ }
+
+ .align-self-lg-auto {
+ align-self: auto!important
+ }
+
+ .align-self-lg-start {
+ align-self: flex-start!important
+ }
+
+ .align-self-lg-end {
+ align-self: flex-end!important
+ }
+
+ .align-self-lg-center {
+ align-self: center!important
+ }
+
+ .align-self-lg-baseline {
+ align-self: baseline!important
+ }
+
+ .align-self-lg-stretch {
+ align-self: stretch!important
+ }
+
+ .order-lg-first {
+ order: -1!important
+ }
+
+ .order-lg-0 {
+ order: 0!important
+ }
+
+ .order-lg-1 {
+ order: 1!important
+ }
+
+ .order-lg-2 {
+ order: 2!important
+ }
+
+ .order-lg-3 {
+ order: 3!important
+ }
+
+ .order-lg-4 {
+ order: 4!important
+ }
+
+ .order-lg-5 {
+ order: 5!important
+ }
+
+ .order-lg-last {
+ order: 6!important
+ }
+
+ .m-lg-0 {
+ margin: 0!important
+ }
+
+ .m-lg-1 {
+ margin: .25rem!important
+ }
+
+ .m-lg-2 {
+ margin: .5rem!important
+ }
+
+ .m-lg-3 {
+ margin: 1rem!important
+ }
+
+ .m-lg-4 {
+ margin: 1.5rem!important
+ }
+
+ .m-lg-5 {
+ margin: 2rem!important
+ }
+
+ .m-lg-6 {
+ margin: 3rem!important
+ }
+
+ .m-lg-7 {
+ margin: 5rem!important
+ }
+
+ .m-lg-8 {
+ margin: 8rem!important
+ }
+
+ .m-lg-auto {
+ margin: auto!important
+ }
+
+ .mx-lg-0 {
+ margin-right: 0!important;
+ margin-left: 0!important
+ }
+
+ .mx-lg-1 {
+ margin-right: .25rem!important;
+ margin-left: .25rem!important
+ }
+
+ .mx-lg-2 {
+ margin-right: .5rem!important;
+ margin-left: .5rem!important
+ }
+
+ .mx-lg-3 {
+ margin-right: 1rem!important;
+ margin-left: 1rem!important
+ }
+
+ .mx-lg-4 {
+ margin-right: 1.5rem!important;
+ margin-left: 1.5rem!important
+ }
+
+ .mx-lg-5 {
+ margin-right: 2rem!important;
+ margin-left: 2rem!important
+ }
+
+ .mx-lg-6 {
+ margin-right: 3rem!important;
+ margin-left: 3rem!important
+ }
+
+ .mx-lg-7 {
+ margin-right: 5rem!important;
+ margin-left: 5rem!important
+ }
+
+ .mx-lg-8 {
+ margin-right: 8rem!important;
+ margin-left: 8rem!important
+ }
+
+ .mx-lg-auto {
+ margin-right: auto!important;
+ margin-left: auto!important
+ }
+
+ .my-lg-0 {
+ margin-top: 0!important;
+ margin-bottom: 0!important
+ }
+
+ .my-lg-1 {
+ margin-top: .25rem!important;
+ margin-bottom: .25rem!important
+ }
+
+ .my-lg-2 {
+ margin-top: .5rem!important;
+ margin-bottom: .5rem!important
+ }
+
+ .my-lg-3 {
+ margin-top: 1rem!important;
+ margin-bottom: 1rem!important
+ }
+
+ .my-lg-4 {
+ margin-top: 1.5rem!important;
+ margin-bottom: 1.5rem!important
+ }
+
+ .my-lg-5 {
+ margin-top: 2rem!important;
+ margin-bottom: 2rem!important
+ }
+
+ .my-lg-6 {
+ margin-top: 3rem!important;
+ margin-bottom: 3rem!important
+ }
+
+ .my-lg-7 {
+ margin-top: 5rem!important;
+ margin-bottom: 5rem!important
+ }
+
+ .my-lg-8 {
+ margin-top: 8rem!important;
+ margin-bottom: 8rem!important
+ }
+
+ .my-lg-auto {
+ margin-top: auto!important;
+ margin-bottom: auto!important
+ }
+
+ .mt-lg-0 {
+ margin-top: 0!important
+ }
+
+ .mt-lg-1 {
+ margin-top: .25rem!important
+ }
+
+ .mt-lg-2 {
+ margin-top: .5rem!important
+ }
+
+ .mt-lg-3 {
+ margin-top: 1rem!important
+ }
+
+ .mt-lg-4 {
+ margin-top: 1.5rem!important
+ }
+
+ .mt-lg-5 {
+ margin-top: 2rem!important
+ }
+
+ .mt-lg-6 {
+ margin-top: 3rem!important
+ }
+
+ .mt-lg-7 {
+ margin-top: 5rem!important
+ }
+
+ .mt-lg-8 {
+ margin-top: 8rem!important
+ }
+
+ .mt-lg-auto {
+ margin-top: auto!important
+ }
+
+ .me-lg-0 {
+ margin-right: 0!important
+ }
+
+ .me-lg-1 {
+ margin-right: .25rem!important
+ }
+
+ .me-lg-2 {
+ margin-right: .5rem!important
+ }
+
+ .me-lg-3 {
+ margin-right: 1rem!important
+ }
+
+ .me-lg-4 {
+ margin-right: 1.5rem!important
+ }
+
+ .me-lg-5 {
+ margin-right: 2rem!important
+ }
+
+ .me-lg-6 {
+ margin-right: 3rem!important
+ }
+
+ .me-lg-7 {
+ margin-right: 5rem!important
+ }
+
+ .me-lg-8 {
+ margin-right: 8rem!important
+ }
+
+ .me-lg-auto {
+ margin-right: auto!important
+ }
+
+ .mb-lg-0 {
+ margin-bottom: 0!important
+ }
+
+ .mb-lg-1 {
+ margin-bottom: .25rem!important
+ }
+
+ .mb-lg-2 {
+ margin-bottom: .5rem!important
+ }
+
+ .mb-lg-3 {
+ margin-bottom: 1rem!important
+ }
+
+ .mb-lg-4 {
+ margin-bottom: 1.5rem!important
+ }
+
+ .mb-lg-5 {
+ margin-bottom: 2rem!important
+ }
+
+ .mb-lg-6 {
+ margin-bottom: 3rem!important
+ }
+
+ .mb-lg-7 {
+ margin-bottom: 5rem!important
+ }
+
+ .mb-lg-8 {
+ margin-bottom: 8rem!important
+ }
+
+ .mb-lg-auto {
+ margin-bottom: auto!important
+ }
+
+ .ms-lg-0 {
+ margin-left: 0!important
+ }
+
+ .ms-lg-1 {
+ margin-left: .25rem!important
+ }
+
+ .ms-lg-2 {
+ margin-left: .5rem!important
+ }
+
+ .ms-lg-3 {
+ margin-left: 1rem!important
+ }
+
+ .ms-lg-4 {
+ margin-left: 1.5rem!important
+ }
+
+ .ms-lg-5 {
+ margin-left: 2rem!important
+ }
+
+ .ms-lg-6 {
+ margin-left: 3rem!important
+ }
+
+ .ms-lg-7 {
+ margin-left: 5rem!important
+ }
+
+ .ms-lg-8 {
+ margin-left: 8rem!important
+ }
+
+ .ms-lg-auto {
+ margin-left: auto!important
+ }
+
+ .p-lg-0 {
+ padding: 0!important
+ }
+
+ .p-lg-1 {
+ padding: .25rem!important
+ }
+
+ .p-lg-2 {
+ padding: .5rem!important
+ }
+
+ .p-lg-3 {
+ padding: 1rem!important
+ }
+
+ .p-lg-4 {
+ padding: 1.5rem!important
+ }
+
+ .p-lg-5 {
+ padding: 2rem!important
+ }
+
+ .p-lg-6 {
+ padding: 3rem!important
+ }
+
+ .p-lg-7 {
+ padding: 5rem!important
+ }
+
+ .p-lg-8 {
+ padding: 8rem!important
+ }
+
+ .px-lg-0 {
+ padding-right: 0!important;
+ padding-left: 0!important
+ }
+
+ .px-lg-1 {
+ padding-right: .25rem!important;
+ padding-left: .25rem!important
+ }
+
+ .px-lg-2 {
+ padding-right: .5rem!important;
+ padding-left: .5rem!important
+ }
+
+ .px-lg-3 {
+ padding-right: 1rem!important;
+ padding-left: 1rem!important
+ }
+
+ .px-lg-4 {
+ padding-right: 1.5rem!important;
+ padding-left: 1.5rem!important
+ }
+
+ .px-lg-5 {
+ padding-right: 2rem!important;
+ padding-left: 2rem!important
+ }
+
+ .px-lg-6 {
+ padding-right: 3rem!important;
+ padding-left: 3rem!important
+ }
+
+ .px-lg-7 {
+ padding-right: 5rem!important;
+ padding-left: 5rem!important
+ }
+
+ .px-lg-8 {
+ padding-right: 8rem!important;
+ padding-left: 8rem!important
+ }
+
+ .py-lg-0 {
+ padding-top: 0!important;
+ padding-bottom: 0!important
+ }
+
+ .py-lg-1 {
+ padding-top: .25rem!important;
+ padding-bottom: .25rem!important
+ }
+
+ .py-lg-2 {
+ padding-top: .5rem!important;
+ padding-bottom: .5rem!important
+ }
+
+ .py-lg-3 {
+ padding-top: 1rem!important;
+ padding-bottom: 1rem!important
+ }
+
+ .py-lg-4 {
+ padding-top: 1.5rem!important;
+ padding-bottom: 1.5rem!important
+ }
+
+ .py-lg-5 {
+ padding-top: 2rem!important;
+ padding-bottom: 2rem!important
+ }
+
+ .py-lg-6 {
+ padding-top: 3rem!important;
+ padding-bottom: 3rem!important
+ }
+
+ .py-lg-7 {
+ padding-top: 5rem!important;
+ padding-bottom: 5rem!important
+ }
+
+ .py-lg-8 {
+ padding-top: 8rem!important;
+ padding-bottom: 8rem!important
+ }
+
+ .pt-lg-0 {
+ padding-top: 0!important
+ }
+
+ .pt-lg-1 {
+ padding-top: .25rem!important
+ }
+
+ .pt-lg-2 {
+ padding-top: .5rem!important
+ }
+
+ .pt-lg-3 {
+ padding-top: 1rem!important
+ }
+
+ .pt-lg-4 {
+ padding-top: 1.5rem!important
+ }
+
+ .pt-lg-5 {
+ padding-top: 2rem!important
+ }
+
+ .pt-lg-6 {
+ padding-top: 3rem!important
+ }
+
+ .pt-lg-7 {
+ padding-top: 5rem!important
+ }
+
+ .pt-lg-8 {
+ padding-top: 8rem!important
+ }
+
+ .pe-lg-0 {
+ padding-right: 0!important
+ }
+
+ .pe-lg-1 {
+ padding-right: .25rem!important
+ }
+
+ .pe-lg-2 {
+ padding-right: .5rem!important
+ }
+
+ .pe-lg-3 {
+ padding-right: 1rem!important
+ }
+
+ .pe-lg-4 {
+ padding-right: 1.5rem!important
+ }
+
+ .pe-lg-5 {
+ padding-right: 2rem!important
+ }
+
+ .pe-lg-6 {
+ padding-right: 3rem!important
+ }
+
+ .pe-lg-7 {
+ padding-right: 5rem!important
+ }
+
+ .pe-lg-8 {
+ padding-right: 8rem!important
+ }
+
+ .pb-lg-0 {
+ padding-bottom: 0!important
+ }
+
+ .pb-lg-1 {
+ padding-bottom: .25rem!important
+ }
+
+ .pb-lg-2 {
+ padding-bottom: .5rem!important
+ }
+
+ .pb-lg-3 {
+ padding-bottom: 1rem!important
+ }
+
+ .pb-lg-4 {
+ padding-bottom: 1.5rem!important
+ }
+
+ .pb-lg-5 {
+ padding-bottom: 2rem!important
+ }
+
+ .pb-lg-6 {
+ padding-bottom: 3rem!important
+ }
+
+ .pb-lg-7 {
+ padding-bottom: 5rem!important
+ }
+
+ .pb-lg-8 {
+ padding-bottom: 8rem!important
+ }
+
+ .ps-lg-0 {
+ padding-left: 0!important
+ }
+
+ .ps-lg-1 {
+ padding-left: .25rem!important
+ }
+
+ .ps-lg-2 {
+ padding-left: .5rem!important
+ }
+
+ .ps-lg-3 {
+ padding-left: 1rem!important
+ }
+
+ .ps-lg-4 {
+ padding-left: 1.5rem!important
+ }
+
+ .ps-lg-5 {
+ padding-left: 2rem!important
+ }
+
+ .ps-lg-6 {
+ padding-left: 3rem!important
+ }
+
+ .ps-lg-7 {
+ padding-left: 5rem!important
+ }
+
+ .ps-lg-8 {
+ padding-left: 8rem!important
+ }
+
+ .gap-lg-0 {
+ gap: 0!important
+ }
+
+ .gap-lg-1 {
+ gap: .25rem!important
+ }
+
+ .gap-lg-2 {
+ gap: .5rem!important
+ }
+
+ .gap-lg-3 {
+ gap: 1rem!important
+ }
+
+ .gap-lg-4 {
+ gap: 1.5rem!important
+ }
+
+ .gap-lg-5 {
+ gap: 2rem!important
+ }
+
+ .gap-lg-6 {
+ gap: 3rem!important
+ }
+
+ .gap-lg-7 {
+ gap: 5rem!important
+ }
+
+ .gap-lg-8 {
+ gap: 8rem!important
+ }
+
+ .row-gap-lg-0 {
+ row-gap: 0!important
+ }
+
+ .row-gap-lg-1 {
+ row-gap: .25rem!important
+ }
+
+ .row-gap-lg-2 {
+ row-gap: .5rem!important
+ }
+
+ .row-gap-lg-3 {
+ row-gap: 1rem!important
+ }
+
+ .row-gap-lg-4 {
+ row-gap: 1.5rem!important
+ }
+
+ .row-gap-lg-5 {
+ row-gap: 2rem!important
+ }
+
+ .row-gap-lg-6 {
+ row-gap: 3rem!important
+ }
+
+ .row-gap-lg-7 {
+ row-gap: 5rem!important
+ }
+
+ .row-gap-lg-8 {
+ row-gap: 8rem!important
+ }
+
+ .column-gap-lg-0 {
+ -moz-column-gap: 0!important;
+ column-gap: 0!important
+ }
+
+ .column-gap-lg-1 {
+ -moz-column-gap: .25rem!important;
+ column-gap: .25rem!important
+ }
+
+ .column-gap-lg-2 {
+ -moz-column-gap: .5rem!important;
+ column-gap: .5rem!important
+ }
+
+ .column-gap-lg-3 {
+ -moz-column-gap: 1rem!important;
+ column-gap: 1rem!important
+ }
+
+ .column-gap-lg-4 {
+ -moz-column-gap: 1.5rem!important;
+ column-gap: 1.5rem!important
+ }
+
+ .column-gap-lg-5 {
+ -moz-column-gap: 2rem!important;
+ column-gap: 2rem!important
+ }
+
+ .column-gap-lg-6 {
+ -moz-column-gap: 3rem!important;
+ column-gap: 3rem!important
+ }
+
+ .column-gap-lg-7 {
+ -moz-column-gap: 5rem!important;
+ column-gap: 5rem!important
+ }
+
+ .column-gap-lg-8 {
+ -moz-column-gap: 8rem!important;
+ column-gap: 8rem!important
+ }
+
+ .text-lg-start {
+ text-align: left!important
+ }
+
+ .text-lg-end {
+ text-align: right!important
+ }
+
+ .text-lg-center {
+ text-align: center!important
+ }
+
+ .columns-lg-2 {
+ -moz-columns: 2!important;
+ columns: 2!important
+ }
+
+ .columns-lg-3 {
+ -moz-columns: 3!important;
+ columns: 3!important
+ }
+
+ .columns-lg-4 {
+ -moz-columns: 4!important;
+ columns: 4!important
+ }
+}
+
+@media (min-width: 1200px) {
+ .float-xl-start {
+ float:left!important
+ }
+
+ .float-xl-end {
+ float: right!important
+ }
+
+ .float-xl-none {
+ float: none!important
+ }
+
+ .object-fit-xl-contain {
+ -o-object-fit: contain!important;
+ object-fit: contain!important
+ }
+
+ .object-fit-xl-cover {
+ -o-object-fit: cover!important;
+ object-fit: cover!important
+ }
+
+ .object-fit-xl-fill {
+ -o-object-fit: fill!important;
+ object-fit: fill!important
+ }
+
+ .object-fit-xl-scale {
+ -o-object-fit: scale-down!important;
+ object-fit: scale-down!important
+ }
+
+ .object-fit-xl-none {
+ -o-object-fit: none!important;
+ object-fit: none!important
+ }
+
+ .d-xl-inline {
+ display: inline!important
+ }
+
+ .d-xl-inline-block {
+ display: inline-block!important
+ }
+
+ .d-xl-block {
+ display: block!important
+ }
+
+ .d-xl-grid {
+ display: grid!important
+ }
+
+ .d-xl-inline-grid {
+ display: inline-grid!important
+ }
+
+ .d-xl-table {
+ display: table!important
+ }
+
+ .d-xl-table-row {
+ display: table-row!important
+ }
+
+ .d-xl-table-cell {
+ display: table-cell!important
+ }
+
+ .d-xl-flex {
+ display: flex!important
+ }
+
+ .d-xl-inline-flex {
+ display: inline-flex!important
+ }
+
+ .d-xl-none {
+ display: none!important
+ }
+
+ .flex-xl-fill {
+ flex: 1 1 auto!important
+ }
+
+ .flex-xl-row {
+ flex-direction: row!important
+ }
+
+ .flex-xl-column {
+ flex-direction: column!important
+ }
+
+ .flex-xl-row-reverse {
+ flex-direction: row-reverse!important
+ }
+
+ .flex-xl-column-reverse {
+ flex-direction: column-reverse!important
+ }
+
+ .flex-xl-grow-0 {
+ flex-grow: 0!important
+ }
+
+ .flex-xl-grow-1 {
+ flex-grow: 1!important
+ }
+
+ .flex-xl-shrink-0 {
+ flex-shrink: 0!important
+ }
+
+ .flex-xl-shrink-1 {
+ flex-shrink: 1!important
+ }
+
+ .flex-xl-wrap {
+ flex-wrap: wrap!important
+ }
+
+ .flex-xl-nowrap {
+ flex-wrap: nowrap!important
+ }
+
+ .flex-xl-wrap-reverse {
+ flex-wrap: wrap-reverse!important
+ }
+
+ .justify-content-xl-start {
+ justify-content: flex-start!important
+ }
+
+ .justify-content-xl-end {
+ justify-content: flex-end!important
+ }
+
+ .justify-content-xl-center {
+ justify-content: center!important
+ }
+
+ .justify-content-xl-between {
+ justify-content: space-between!important
+ }
+
+ .justify-content-xl-around {
+ justify-content: space-around!important
+ }
+
+ .justify-content-xl-evenly {
+ justify-content: space-evenly!important
+ }
+
+ .align-items-xl-start {
+ align-items: flex-start!important
+ }
+
+ .align-items-xl-end {
+ align-items: flex-end!important
+ }
+
+ .align-items-xl-center {
+ align-items: center!important
+ }
+
+ .align-items-xl-baseline {
+ align-items: baseline!important
+ }
+
+ .align-items-xl-stretch {
+ align-items: stretch!important
+ }
+
+ .align-content-xl-start {
+ align-content: flex-start!important
+ }
+
+ .align-content-xl-end {
+ align-content: flex-end!important
+ }
+
+ .align-content-xl-center {
+ align-content: center!important
+ }
+
+ .align-content-xl-between {
+ align-content: space-between!important
+ }
+
+ .align-content-xl-around {
+ align-content: space-around!important
+ }
+
+ .align-content-xl-stretch {
+ align-content: stretch!important
+ }
+
+ .align-self-xl-auto {
+ align-self: auto!important
+ }
+
+ .align-self-xl-start {
+ align-self: flex-start!important
+ }
+
+ .align-self-xl-end {
+ align-self: flex-end!important
+ }
+
+ .align-self-xl-center {
+ align-self: center!important
+ }
+
+ .align-self-xl-baseline {
+ align-self: baseline!important
+ }
+
+ .align-self-xl-stretch {
+ align-self: stretch!important
+ }
+
+ .order-xl-first {
+ order: -1!important
+ }
+
+ .order-xl-0 {
+ order: 0!important
+ }
+
+ .order-xl-1 {
+ order: 1!important
+ }
+
+ .order-xl-2 {
+ order: 2!important
+ }
+
+ .order-xl-3 {
+ order: 3!important
+ }
+
+ .order-xl-4 {
+ order: 4!important
+ }
+
+ .order-xl-5 {
+ order: 5!important
+ }
+
+ .order-xl-last {
+ order: 6!important
+ }
+
+ .m-xl-0 {
+ margin: 0!important
+ }
+
+ .m-xl-1 {
+ margin: .25rem!important
+ }
+
+ .m-xl-2 {
+ margin: .5rem!important
+ }
+
+ .m-xl-3 {
+ margin: 1rem!important
+ }
+
+ .m-xl-4 {
+ margin: 1.5rem!important
+ }
+
+ .m-xl-5 {
+ margin: 2rem!important
+ }
+
+ .m-xl-6 {
+ margin: 3rem!important
+ }
+
+ .m-xl-7 {
+ margin: 5rem!important
+ }
+
+ .m-xl-8 {
+ margin: 8rem!important
+ }
+
+ .m-xl-auto {
+ margin: auto!important
+ }
+
+ .mx-xl-0 {
+ margin-right: 0!important;
+ margin-left: 0!important
+ }
+
+ .mx-xl-1 {
+ margin-right: .25rem!important;
+ margin-left: .25rem!important
+ }
+
+ .mx-xl-2 {
+ margin-right: .5rem!important;
+ margin-left: .5rem!important
+ }
+
+ .mx-xl-3 {
+ margin-right: 1rem!important;
+ margin-left: 1rem!important
+ }
+
+ .mx-xl-4 {
+ margin-right: 1.5rem!important;
+ margin-left: 1.5rem!important
+ }
+
+ .mx-xl-5 {
+ margin-right: 2rem!important;
+ margin-left: 2rem!important
+ }
+
+ .mx-xl-6 {
+ margin-right: 3rem!important;
+ margin-left: 3rem!important
+ }
+
+ .mx-xl-7 {
+ margin-right: 5rem!important;
+ margin-left: 5rem!important
+ }
+
+ .mx-xl-8 {
+ margin-right: 8rem!important;
+ margin-left: 8rem!important
+ }
+
+ .mx-xl-auto {
+ margin-right: auto!important;
+ margin-left: auto!important
+ }
+
+ .my-xl-0 {
+ margin-top: 0!important;
+ margin-bottom: 0!important
+ }
+
+ .my-xl-1 {
+ margin-top: .25rem!important;
+ margin-bottom: .25rem!important
+ }
+
+ .my-xl-2 {
+ margin-top: .5rem!important;
+ margin-bottom: .5rem!important
+ }
+
+ .my-xl-3 {
+ margin-top: 1rem!important;
+ margin-bottom: 1rem!important
+ }
+
+ .my-xl-4 {
+ margin-top: 1.5rem!important;
+ margin-bottom: 1.5rem!important
+ }
+
+ .my-xl-5 {
+ margin-top: 2rem!important;
+ margin-bottom: 2rem!important
+ }
+
+ .my-xl-6 {
+ margin-top: 3rem!important;
+ margin-bottom: 3rem!important
+ }
+
+ .my-xl-7 {
+ margin-top: 5rem!important;
+ margin-bottom: 5rem!important
+ }
+
+ .my-xl-8 {
+ margin-top: 8rem!important;
+ margin-bottom: 8rem!important
+ }
+
+ .my-xl-auto {
+ margin-top: auto!important;
+ margin-bottom: auto!important
+ }
+
+ .mt-xl-0 {
+ margin-top: 0!important
+ }
+
+ .mt-xl-1 {
+ margin-top: .25rem!important
+ }
+
+ .mt-xl-2 {
+ margin-top: .5rem!important
+ }
+
+ .mt-xl-3 {
+ margin-top: 1rem!important
+ }
+
+ .mt-xl-4 {
+ margin-top: 1.5rem!important
+ }
+
+ .mt-xl-5 {
+ margin-top: 2rem!important
+ }
+
+ .mt-xl-6 {
+ margin-top: 3rem!important
+ }
+
+ .mt-xl-7 {
+ margin-top: 5rem!important
+ }
+
+ .mt-xl-8 {
+ margin-top: 8rem!important
+ }
+
+ .mt-xl-auto {
+ margin-top: auto!important
+ }
+
+ .me-xl-0 {
+ margin-right: 0!important
+ }
+
+ .me-xl-1 {
+ margin-right: .25rem!important
+ }
+
+ .me-xl-2 {
+ margin-right: .5rem!important
+ }
+
+ .me-xl-3 {
+ margin-right: 1rem!important
+ }
+
+ .me-xl-4 {
+ margin-right: 1.5rem!important
+ }
+
+ .me-xl-5 {
+ margin-right: 2rem!important
+ }
+
+ .me-xl-6 {
+ margin-right: 3rem!important
+ }
+
+ .me-xl-7 {
+ margin-right: 5rem!important
+ }
+
+ .me-xl-8 {
+ margin-right: 8rem!important
+ }
+
+ .me-xl-auto {
+ margin-right: auto!important
+ }
+
+ .mb-xl-0 {
+ margin-bottom: 0!important
+ }
+
+ .mb-xl-1 {
+ margin-bottom: .25rem!important
+ }
+
+ .mb-xl-2 {
+ margin-bottom: .5rem!important
+ }
+
+ .mb-xl-3 {
+ margin-bottom: 1rem!important
+ }
+
+ .mb-xl-4 {
+ margin-bottom: 1.5rem!important
+ }
+
+ .mb-xl-5 {
+ margin-bottom: 2rem!important
+ }
+
+ .mb-xl-6 {
+ margin-bottom: 3rem!important
+ }
+
+ .mb-xl-7 {
+ margin-bottom: 5rem!important
+ }
+
+ .mb-xl-8 {
+ margin-bottom: 8rem!important
+ }
+
+ .mb-xl-auto {
+ margin-bottom: auto!important
+ }
+
+ .ms-xl-0 {
+ margin-left: 0!important
+ }
+
+ .ms-xl-1 {
+ margin-left: .25rem!important
+ }
+
+ .ms-xl-2 {
+ margin-left: .5rem!important
+ }
+
+ .ms-xl-3 {
+ margin-left: 1rem!important
+ }
+
+ .ms-xl-4 {
+ margin-left: 1.5rem!important
+ }
+
+ .ms-xl-5 {
+ margin-left: 2rem!important
+ }
+
+ .ms-xl-6 {
+ margin-left: 3rem!important
+ }
+
+ .ms-xl-7 {
+ margin-left: 5rem!important
+ }
+
+ .ms-xl-8 {
+ margin-left: 8rem!important
+ }
+
+ .ms-xl-auto {
+ margin-left: auto!important
+ }
+
+ .p-xl-0 {
+ padding: 0!important
+ }
+
+ .p-xl-1 {
+ padding: .25rem!important
+ }
+
+ .p-xl-2 {
+ padding: .5rem!important
+ }
+
+ .p-xl-3 {
+ padding: 1rem!important
+ }
+
+ .p-xl-4 {
+ padding: 1.5rem!important
+ }
+
+ .p-xl-5 {
+ padding: 2rem!important
+ }
+
+ .p-xl-6 {
+ padding: 3rem!important
+ }
+
+ .p-xl-7 {
+ padding: 5rem!important
+ }
+
+ .p-xl-8 {
+ padding: 8rem!important
+ }
+
+ .px-xl-0 {
+ padding-right: 0!important;
+ padding-left: 0!important
+ }
+
+ .px-xl-1 {
+ padding-right: .25rem!important;
+ padding-left: .25rem!important
+ }
+
+ .px-xl-2 {
+ padding-right: .5rem!important;
+ padding-left: .5rem!important
+ }
+
+ .px-xl-3 {
+ padding-right: 1rem!important;
+ padding-left: 1rem!important
+ }
+
+ .px-xl-4 {
+ padding-right: 1.5rem!important;
+ padding-left: 1.5rem!important
+ }
+
+ .px-xl-5 {
+ padding-right: 2rem!important;
+ padding-left: 2rem!important
+ }
+
+ .px-xl-6 {
+ padding-right: 3rem!important;
+ padding-left: 3rem!important
+ }
+
+ .px-xl-7 {
+ padding-right: 5rem!important;
+ padding-left: 5rem!important
+ }
+
+ .px-xl-8 {
+ padding-right: 8rem!important;
+ padding-left: 8rem!important
+ }
+
+ .py-xl-0 {
+ padding-top: 0!important;
+ padding-bottom: 0!important
+ }
+
+ .py-xl-1 {
+ padding-top: .25rem!important;
+ padding-bottom: .25rem!important
+ }
+
+ .py-xl-2 {
+ padding-top: .5rem!important;
+ padding-bottom: .5rem!important
+ }
+
+ .py-xl-3 {
+ padding-top: 1rem!important;
+ padding-bottom: 1rem!important
+ }
+
+ .py-xl-4 {
+ padding-top: 1.5rem!important;
+ padding-bottom: 1.5rem!important
+ }
+
+ .py-xl-5 {
+ padding-top: 2rem!important;
+ padding-bottom: 2rem!important
+ }
+
+ .py-xl-6 {
+ padding-top: 3rem!important;
+ padding-bottom: 3rem!important
+ }
+
+ .py-xl-7 {
+ padding-top: 5rem!important;
+ padding-bottom: 5rem!important
+ }
+
+ .py-xl-8 {
+ padding-top: 8rem!important;
+ padding-bottom: 8rem!important
+ }
+
+ .pt-xl-0 {
+ padding-top: 0!important
+ }
+
+ .pt-xl-1 {
+ padding-top: .25rem!important
+ }
+
+ .pt-xl-2 {
+ padding-top: .5rem!important
+ }
+
+ .pt-xl-3 {
+ padding-top: 1rem!important
+ }
+
+ .pt-xl-4 {
+ padding-top: 1.5rem!important
+ }
+
+ .pt-xl-5 {
+ padding-top: 2rem!important
+ }
+
+ .pt-xl-6 {
+ padding-top: 3rem!important
+ }
+
+ .pt-xl-7 {
+ padding-top: 5rem!important
+ }
+
+ .pt-xl-8 {
+ padding-top: 8rem!important
+ }
+
+ .pe-xl-0 {
+ padding-right: 0!important
+ }
+
+ .pe-xl-1 {
+ padding-right: .25rem!important
+ }
+
+ .pe-xl-2 {
+ padding-right: .5rem!important
+ }
+
+ .pe-xl-3 {
+ padding-right: 1rem!important
+ }
+
+ .pe-xl-4 {
+ padding-right: 1.5rem!important
+ }
+
+ .pe-xl-5 {
+ padding-right: 2rem!important
+ }
+
+ .pe-xl-6 {
+ padding-right: 3rem!important
+ }
+
+ .pe-xl-7 {
+ padding-right: 5rem!important
+ }
+
+ .pe-xl-8 {
+ padding-right: 8rem!important
+ }
+
+ .pb-xl-0 {
+ padding-bottom: 0!important
+ }
+
+ .pb-xl-1 {
+ padding-bottom: .25rem!important
+ }
+
+ .pb-xl-2 {
+ padding-bottom: .5rem!important
+ }
+
+ .pb-xl-3 {
+ padding-bottom: 1rem!important
+ }
+
+ .pb-xl-4 {
+ padding-bottom: 1.5rem!important
+ }
+
+ .pb-xl-5 {
+ padding-bottom: 2rem!important
+ }
+
+ .pb-xl-6 {
+ padding-bottom: 3rem!important
+ }
+
+ .pb-xl-7 {
+ padding-bottom: 5rem!important
+ }
+
+ .pb-xl-8 {
+ padding-bottom: 8rem!important
+ }
+
+ .ps-xl-0 {
+ padding-left: 0!important
+ }
+
+ .ps-xl-1 {
+ padding-left: .25rem!important
+ }
+
+ .ps-xl-2 {
+ padding-left: .5rem!important
+ }
+
+ .ps-xl-3 {
+ padding-left: 1rem!important
+ }
+
+ .ps-xl-4 {
+ padding-left: 1.5rem!important
+ }
+
+ .ps-xl-5 {
+ padding-left: 2rem!important
+ }
+
+ .ps-xl-6 {
+ padding-left: 3rem!important
+ }
+
+ .ps-xl-7 {
+ padding-left: 5rem!important
+ }
+
+ .ps-xl-8 {
+ padding-left: 8rem!important
+ }
+
+ .gap-xl-0 {
+ gap: 0!important
+ }
+
+ .gap-xl-1 {
+ gap: .25rem!important
+ }
+
+ .gap-xl-2 {
+ gap: .5rem!important
+ }
+
+ .gap-xl-3 {
+ gap: 1rem!important
+ }
+
+ .gap-xl-4 {
+ gap: 1.5rem!important
+ }
+
+ .gap-xl-5 {
+ gap: 2rem!important
+ }
+
+ .gap-xl-6 {
+ gap: 3rem!important
+ }
+
+ .gap-xl-7 {
+ gap: 5rem!important
+ }
+
+ .gap-xl-8 {
+ gap: 8rem!important
+ }
+
+ .row-gap-xl-0 {
+ row-gap: 0!important
+ }
+
+ .row-gap-xl-1 {
+ row-gap: .25rem!important
+ }
+
+ .row-gap-xl-2 {
+ row-gap: .5rem!important
+ }
+
+ .row-gap-xl-3 {
+ row-gap: 1rem!important
+ }
+
+ .row-gap-xl-4 {
+ row-gap: 1.5rem!important
+ }
+
+ .row-gap-xl-5 {
+ row-gap: 2rem!important
+ }
+
+ .row-gap-xl-6 {
+ row-gap: 3rem!important
+ }
+
+ .row-gap-xl-7 {
+ row-gap: 5rem!important
+ }
+
+ .row-gap-xl-8 {
+ row-gap: 8rem!important
+ }
+
+ .column-gap-xl-0 {
+ -moz-column-gap: 0!important;
+ column-gap: 0!important
+ }
+
+ .column-gap-xl-1 {
+ -moz-column-gap: .25rem!important;
+ column-gap: .25rem!important
+ }
+
+ .column-gap-xl-2 {
+ -moz-column-gap: .5rem!important;
+ column-gap: .5rem!important
+ }
+
+ .column-gap-xl-3 {
+ -moz-column-gap: 1rem!important;
+ column-gap: 1rem!important
+ }
+
+ .column-gap-xl-4 {
+ -moz-column-gap: 1.5rem!important;
+ column-gap: 1.5rem!important
+ }
+
+ .column-gap-xl-5 {
+ -moz-column-gap: 2rem!important;
+ column-gap: 2rem!important
+ }
+
+ .column-gap-xl-6 {
+ -moz-column-gap: 3rem!important;
+ column-gap: 3rem!important
+ }
+
+ .column-gap-xl-7 {
+ -moz-column-gap: 5rem!important;
+ column-gap: 5rem!important
+ }
+
+ .column-gap-xl-8 {
+ -moz-column-gap: 8rem!important;
+ column-gap: 8rem!important
+ }
+
+ .text-xl-start {
+ text-align: left!important
+ }
+
+ .text-xl-end {
+ text-align: right!important
+ }
+
+ .text-xl-center {
+ text-align: center!important
+ }
+
+ .columns-xl-2 {
+ -moz-columns: 2!important;
+ columns: 2!important
+ }
+
+ .columns-xl-3 {
+ -moz-columns: 3!important;
+ columns: 3!important
+ }
+
+ .columns-xl-4 {
+ -moz-columns: 4!important;
+ columns: 4!important
+ }
+}
+
+@media (min-width: 1400px) {
+ .float-xxl-start {
+ float:left!important
+ }
+
+ .float-xxl-end {
+ float: right!important
+ }
+
+ .float-xxl-none {
+ float: none!important
+ }
+
+ .object-fit-xxl-contain {
+ -o-object-fit: contain!important;
+ object-fit: contain!important
+ }
+
+ .object-fit-xxl-cover {
+ -o-object-fit: cover!important;
+ object-fit: cover!important
+ }
+
+ .object-fit-xxl-fill {
+ -o-object-fit: fill!important;
+ object-fit: fill!important
+ }
+
+ .object-fit-xxl-scale {
+ -o-object-fit: scale-down!important;
+ object-fit: scale-down!important
+ }
+
+ .object-fit-xxl-none {
+ -o-object-fit: none!important;
+ object-fit: none!important
+ }
+
+ .d-xxl-inline {
+ display: inline!important
+ }
+
+ .d-xxl-inline-block {
+ display: inline-block!important
+ }
+
+ .d-xxl-block {
+ display: block!important
+ }
+
+ .d-xxl-grid {
+ display: grid!important
+ }
+
+ .d-xxl-inline-grid {
+ display: inline-grid!important
+ }
+
+ .d-xxl-table {
+ display: table!important
+ }
+
+ .d-xxl-table-row {
+ display: table-row!important
+ }
+
+ .d-xxl-table-cell {
+ display: table-cell!important
+ }
+
+ .d-xxl-flex {
+ display: flex!important
+ }
+
+ .d-xxl-inline-flex {
+ display: inline-flex!important
+ }
+
+ .d-xxl-none {
+ display: none!important
+ }
+
+ .flex-xxl-fill {
+ flex: 1 1 auto!important
+ }
+
+ .flex-xxl-row {
+ flex-direction: row!important
+ }
+
+ .flex-xxl-column {
+ flex-direction: column!important
+ }
+
+ .flex-xxl-row-reverse {
+ flex-direction: row-reverse!important
+ }
+
+ .flex-xxl-column-reverse {
+ flex-direction: column-reverse!important
+ }
+
+ .flex-xxl-grow-0 {
+ flex-grow: 0!important
+ }
+
+ .flex-xxl-grow-1 {
+ flex-grow: 1!important
+ }
+
+ .flex-xxl-shrink-0 {
+ flex-shrink: 0!important
+ }
+
+ .flex-xxl-shrink-1 {
+ flex-shrink: 1!important
+ }
+
+ .flex-xxl-wrap {
+ flex-wrap: wrap!important
+ }
+
+ .flex-xxl-nowrap {
+ flex-wrap: nowrap!important
+ }
+
+ .flex-xxl-wrap-reverse {
+ flex-wrap: wrap-reverse!important
+ }
+
+ .justify-content-xxl-start {
+ justify-content: flex-start!important
+ }
+
+ .justify-content-xxl-end {
+ justify-content: flex-end!important
+ }
+
+ .justify-content-xxl-center {
+ justify-content: center!important
+ }
+
+ .justify-content-xxl-between {
+ justify-content: space-between!important
+ }
+
+ .justify-content-xxl-around {
+ justify-content: space-around!important
+ }
+
+ .justify-content-xxl-evenly {
+ justify-content: space-evenly!important
+ }
+
+ .align-items-xxl-start {
+ align-items: flex-start!important
+ }
+
+ .align-items-xxl-end {
+ align-items: flex-end!important
+ }
+
+ .align-items-xxl-center {
+ align-items: center!important
+ }
+
+ .align-items-xxl-baseline {
+ align-items: baseline!important
+ }
+
+ .align-items-xxl-stretch {
+ align-items: stretch!important
+ }
+
+ .align-content-xxl-start {
+ align-content: flex-start!important
+ }
+
+ .align-content-xxl-end {
+ align-content: flex-end!important
+ }
+
+ .align-content-xxl-center {
+ align-content: center!important
+ }
+
+ .align-content-xxl-between {
+ align-content: space-between!important
+ }
+
+ .align-content-xxl-around {
+ align-content: space-around!important
+ }
+
+ .align-content-xxl-stretch {
+ align-content: stretch!important
+ }
+
+ .align-self-xxl-auto {
+ align-self: auto!important
+ }
+
+ .align-self-xxl-start {
+ align-self: flex-start!important
+ }
+
+ .align-self-xxl-end {
+ align-self: flex-end!important
+ }
+
+ .align-self-xxl-center {
+ align-self: center!important
+ }
+
+ .align-self-xxl-baseline {
+ align-self: baseline!important
+ }
+
+ .align-self-xxl-stretch {
+ align-self: stretch!important
+ }
+
+ .order-xxl-first {
+ order: -1!important
+ }
+
+ .order-xxl-0 {
+ order: 0!important
+ }
+
+ .order-xxl-1 {
+ order: 1!important
+ }
+
+ .order-xxl-2 {
+ order: 2!important
+ }
+
+ .order-xxl-3 {
+ order: 3!important
+ }
+
+ .order-xxl-4 {
+ order: 4!important
+ }
+
+ .order-xxl-5 {
+ order: 5!important
+ }
+
+ .order-xxl-last {
+ order: 6!important
+ }
+
+ .m-xxl-0 {
+ margin: 0!important
+ }
+
+ .m-xxl-1 {
+ margin: .25rem!important
+ }
+
+ .m-xxl-2 {
+ margin: .5rem!important
+ }
+
+ .m-xxl-3 {
+ margin: 1rem!important
+ }
+
+ .m-xxl-4 {
+ margin: 1.5rem!important
+ }
+
+ .m-xxl-5 {
+ margin: 2rem!important
+ }
+
+ .m-xxl-6 {
+ margin: 3rem!important
+ }
+
+ .m-xxl-7 {
+ margin: 5rem!important
+ }
+
+ .m-xxl-8 {
+ margin: 8rem!important
+ }
+
+ .m-xxl-auto {
+ margin: auto!important
+ }
+
+ .mx-xxl-0 {
+ margin-right: 0!important;
+ margin-left: 0!important
+ }
+
+ .mx-xxl-1 {
+ margin-right: .25rem!important;
+ margin-left: .25rem!important
+ }
+
+ .mx-xxl-2 {
+ margin-right: .5rem!important;
+ margin-left: .5rem!important
+ }
+
+ .mx-xxl-3 {
+ margin-right: 1rem!important;
+ margin-left: 1rem!important
+ }
+
+ .mx-xxl-4 {
+ margin-right: 1.5rem!important;
+ margin-left: 1.5rem!important
+ }
+
+ .mx-xxl-5 {
+ margin-right: 2rem!important;
+ margin-left: 2rem!important
+ }
+
+ .mx-xxl-6 {
+ margin-right: 3rem!important;
+ margin-left: 3rem!important
+ }
+
+ .mx-xxl-7 {
+ margin-right: 5rem!important;
+ margin-left: 5rem!important
+ }
+
+ .mx-xxl-8 {
+ margin-right: 8rem!important;
+ margin-left: 8rem!important
+ }
+
+ .mx-xxl-auto {
+ margin-right: auto!important;
+ margin-left: auto!important
+ }
+
+ .my-xxl-0 {
+ margin-top: 0!important;
+ margin-bottom: 0!important
+ }
+
+ .my-xxl-1 {
+ margin-top: .25rem!important;
+ margin-bottom: .25rem!important
+ }
+
+ .my-xxl-2 {
+ margin-top: .5rem!important;
+ margin-bottom: .5rem!important
+ }
+
+ .my-xxl-3 {
+ margin-top: 1rem!important;
+ margin-bottom: 1rem!important
+ }
+
+ .my-xxl-4 {
+ margin-top: 1.5rem!important;
+ margin-bottom: 1.5rem!important
+ }
+
+ .my-xxl-5 {
+ margin-top: 2rem!important;
+ margin-bottom: 2rem!important
+ }
+
+ .my-xxl-6 {
+ margin-top: 3rem!important;
+ margin-bottom: 3rem!important
+ }
+
+ .my-xxl-7 {
+ margin-top: 5rem!important;
+ margin-bottom: 5rem!important
+ }
+
+ .my-xxl-8 {
+ margin-top: 8rem!important;
+ margin-bottom: 8rem!important
+ }
+
+ .my-xxl-auto {
+ margin-top: auto!important;
+ margin-bottom: auto!important
+ }
+
+ .mt-xxl-0 {
+ margin-top: 0!important
+ }
+
+ .mt-xxl-1 {
+ margin-top: .25rem!important
+ }
+
+ .mt-xxl-2 {
+ margin-top: .5rem!important
+ }
+
+ .mt-xxl-3 {
+ margin-top: 1rem!important
+ }
+
+ .mt-xxl-4 {
+ margin-top: 1.5rem!important
+ }
+
+ .mt-xxl-5 {
+ margin-top: 2rem!important
+ }
+
+ .mt-xxl-6 {
+ margin-top: 3rem!important
+ }
+
+ .mt-xxl-7 {
+ margin-top: 5rem!important
+ }
+
+ .mt-xxl-8 {
+ margin-top: 8rem!important
+ }
+
+ .mt-xxl-auto {
+ margin-top: auto!important
+ }
+
+ .me-xxl-0 {
+ margin-right: 0!important
+ }
+
+ .me-xxl-1 {
+ margin-right: .25rem!important
+ }
+
+ .me-xxl-2 {
+ margin-right: .5rem!important
+ }
+
+ .me-xxl-3 {
+ margin-right: 1rem!important
+ }
+
+ .me-xxl-4 {
+ margin-right: 1.5rem!important
+ }
+
+ .me-xxl-5 {
+ margin-right: 2rem!important
+ }
+
+ .me-xxl-6 {
+ margin-right: 3rem!important
+ }
+
+ .me-xxl-7 {
+ margin-right: 5rem!important
+ }
+
+ .me-xxl-8 {
+ margin-right: 8rem!important
+ }
+
+ .me-xxl-auto {
+ margin-right: auto!important
+ }
+
+ .mb-xxl-0 {
+ margin-bottom: 0!important
+ }
+
+ .mb-xxl-1 {
+ margin-bottom: .25rem!important
+ }
+
+ .mb-xxl-2 {
+ margin-bottom: .5rem!important
+ }
+
+ .mb-xxl-3 {
+ margin-bottom: 1rem!important
+ }
+
+ .mb-xxl-4 {
+ margin-bottom: 1.5rem!important
+ }
+
+ .mb-xxl-5 {
+ margin-bottom: 2rem!important
+ }
+
+ .mb-xxl-6 {
+ margin-bottom: 3rem!important
+ }
+
+ .mb-xxl-7 {
+ margin-bottom: 5rem!important
+ }
+
+ .mb-xxl-8 {
+ margin-bottom: 8rem!important
+ }
+
+ .mb-xxl-auto {
+ margin-bottom: auto!important
+ }
+
+ .ms-xxl-0 {
+ margin-left: 0!important
+ }
+
+ .ms-xxl-1 {
+ margin-left: .25rem!important
+ }
+
+ .ms-xxl-2 {
+ margin-left: .5rem!important
+ }
+
+ .ms-xxl-3 {
+ margin-left: 1rem!important
+ }
+
+ .ms-xxl-4 {
+ margin-left: 1.5rem!important
+ }
+
+ .ms-xxl-5 {
+ margin-left: 2rem!important
+ }
+
+ .ms-xxl-6 {
+ margin-left: 3rem!important
+ }
+
+ .ms-xxl-7 {
+ margin-left: 5rem!important
+ }
+
+ .ms-xxl-8 {
+ margin-left: 8rem!important
+ }
+
+ .ms-xxl-auto {
+ margin-left: auto!important
+ }
+
+ .p-xxl-0 {
+ padding: 0!important
+ }
+
+ .p-xxl-1 {
+ padding: .25rem!important
+ }
+
+ .p-xxl-2 {
+ padding: .5rem!important
+ }
+
+ .p-xxl-3 {
+ padding: 1rem!important
+ }
+
+ .p-xxl-4 {
+ padding: 1.5rem!important
+ }
+
+ .p-xxl-5 {
+ padding: 2rem!important
+ }
+
+ .p-xxl-6 {
+ padding: 3rem!important
+ }
+
+ .p-xxl-7 {
+ padding: 5rem!important
+ }
+
+ .p-xxl-8 {
+ padding: 8rem!important
+ }
+
+ .px-xxl-0 {
+ padding-right: 0!important;
+ padding-left: 0!important
+ }
+
+ .px-xxl-1 {
+ padding-right: .25rem!important;
+ padding-left: .25rem!important
+ }
+
+ .px-xxl-2 {
+ padding-right: .5rem!important;
+ padding-left: .5rem!important
+ }
+
+ .px-xxl-3 {
+ padding-right: 1rem!important;
+ padding-left: 1rem!important
+ }
+
+ .px-xxl-4 {
+ padding-right: 1.5rem!important;
+ padding-left: 1.5rem!important
+ }
+
+ .px-xxl-5 {
+ padding-right: 2rem!important;
+ padding-left: 2rem!important
+ }
+
+ .px-xxl-6 {
+ padding-right: 3rem!important;
+ padding-left: 3rem!important
+ }
+
+ .px-xxl-7 {
+ padding-right: 5rem!important;
+ padding-left: 5rem!important
+ }
+
+ .px-xxl-8 {
+ padding-right: 8rem!important;
+ padding-left: 8rem!important
+ }
+
+ .py-xxl-0 {
+ padding-top: 0!important;
+ padding-bottom: 0!important
+ }
+
+ .py-xxl-1 {
+ padding-top: .25rem!important;
+ padding-bottom: .25rem!important
+ }
+
+ .py-xxl-2 {
+ padding-top: .5rem!important;
+ padding-bottom: .5rem!important
+ }
+
+ .py-xxl-3 {
+ padding-top: 1rem!important;
+ padding-bottom: 1rem!important
+ }
+
+ .py-xxl-4 {
+ padding-top: 1.5rem!important;
+ padding-bottom: 1.5rem!important
+ }
+
+ .py-xxl-5 {
+ padding-top: 2rem!important;
+ padding-bottom: 2rem!important
+ }
+
+ .py-xxl-6 {
+ padding-top: 3rem!important;
+ padding-bottom: 3rem!important
+ }
+
+ .py-xxl-7 {
+ padding-top: 5rem!important;
+ padding-bottom: 5rem!important
+ }
+
+ .py-xxl-8 {
+ padding-top: 8rem!important;
+ padding-bottom: 8rem!important
+ }
+
+ .pt-xxl-0 {
+ padding-top: 0!important
+ }
+
+ .pt-xxl-1 {
+ padding-top: .25rem!important
+ }
+
+ .pt-xxl-2 {
+ padding-top: .5rem!important
+ }
+
+ .pt-xxl-3 {
+ padding-top: 1rem!important
+ }
+
+ .pt-xxl-4 {
+ padding-top: 1.5rem!important
+ }
+
+ .pt-xxl-5 {
+ padding-top: 2rem!important
+ }
+
+ .pt-xxl-6 {
+ padding-top: 3rem!important
+ }
+
+ .pt-xxl-7 {
+ padding-top: 5rem!important
+ }
+
+ .pt-xxl-8 {
+ padding-top: 8rem!important
+ }
+
+ .pe-xxl-0 {
+ padding-right: 0!important
+ }
+
+ .pe-xxl-1 {
+ padding-right: .25rem!important
+ }
+
+ .pe-xxl-2 {
+ padding-right: .5rem!important
+ }
+
+ .pe-xxl-3 {
+ padding-right: 1rem!important
+ }
+
+ .pe-xxl-4 {
+ padding-right: 1.5rem!important
+ }
+
+ .pe-xxl-5 {
+ padding-right: 2rem!important
+ }
+
+ .pe-xxl-6 {
+ padding-right: 3rem!important
+ }
+
+ .pe-xxl-7 {
+ padding-right: 5rem!important
+ }
+
+ .pe-xxl-8 {
+ padding-right: 8rem!important
+ }
+
+ .pb-xxl-0 {
+ padding-bottom: 0!important
+ }
+
+ .pb-xxl-1 {
+ padding-bottom: .25rem!important
+ }
+
+ .pb-xxl-2 {
+ padding-bottom: .5rem!important
+ }
+
+ .pb-xxl-3 {
+ padding-bottom: 1rem!important
+ }
+
+ .pb-xxl-4 {
+ padding-bottom: 1.5rem!important
+ }
+
+ .pb-xxl-5 {
+ padding-bottom: 2rem!important
+ }
+
+ .pb-xxl-6 {
+ padding-bottom: 3rem!important
+ }
+
+ .pb-xxl-7 {
+ padding-bottom: 5rem!important
+ }
+
+ .pb-xxl-8 {
+ padding-bottom: 8rem!important
+ }
+
+ .ps-xxl-0 {
+ padding-left: 0!important
+ }
+
+ .ps-xxl-1 {
+ padding-left: .25rem!important
+ }
+
+ .ps-xxl-2 {
+ padding-left: .5rem!important
+ }
+
+ .ps-xxl-3 {
+ padding-left: 1rem!important
+ }
+
+ .ps-xxl-4 {
+ padding-left: 1.5rem!important
+ }
+
+ .ps-xxl-5 {
+ padding-left: 2rem!important
+ }
+
+ .ps-xxl-6 {
+ padding-left: 3rem!important
+ }
+
+ .ps-xxl-7 {
+ padding-left: 5rem!important
+ }
+
+ .ps-xxl-8 {
+ padding-left: 8rem!important
+ }
+
+ .gap-xxl-0 {
+ gap: 0!important
+ }
+
+ .gap-xxl-1 {
+ gap: .25rem!important
+ }
+
+ .gap-xxl-2 {
+ gap: .5rem!important
+ }
+
+ .gap-xxl-3 {
+ gap: 1rem!important
+ }
+
+ .gap-xxl-4 {
+ gap: 1.5rem!important
+ }
+
+ .gap-xxl-5 {
+ gap: 2rem!important
+ }
+
+ .gap-xxl-6 {
+ gap: 3rem!important
+ }
+
+ .gap-xxl-7 {
+ gap: 5rem!important
+ }
+
+ .gap-xxl-8 {
+ gap: 8rem!important
+ }
+
+ .row-gap-xxl-0 {
+ row-gap: 0!important
+ }
+
+ .row-gap-xxl-1 {
+ row-gap: .25rem!important
+ }
+
+ .row-gap-xxl-2 {
+ row-gap: .5rem!important
+ }
+
+ .row-gap-xxl-3 {
+ row-gap: 1rem!important
+ }
+
+ .row-gap-xxl-4 {
+ row-gap: 1.5rem!important
+ }
+
+ .row-gap-xxl-5 {
+ row-gap: 2rem!important
+ }
+
+ .row-gap-xxl-6 {
+ row-gap: 3rem!important
+ }
+
+ .row-gap-xxl-7 {
+ row-gap: 5rem!important
+ }
+
+ .row-gap-xxl-8 {
+ row-gap: 8rem!important
+ }
+
+ .column-gap-xxl-0 {
+ -moz-column-gap: 0!important;
+ column-gap: 0!important
+ }
+
+ .column-gap-xxl-1 {
+ -moz-column-gap: .25rem!important;
+ column-gap: .25rem!important
+ }
+
+ .column-gap-xxl-2 {
+ -moz-column-gap: .5rem!important;
+ column-gap: .5rem!important
+ }
+
+ .column-gap-xxl-3 {
+ -moz-column-gap: 1rem!important;
+ column-gap: 1rem!important
+ }
+
+ .column-gap-xxl-4 {
+ -moz-column-gap: 1.5rem!important;
+ column-gap: 1.5rem!important
+ }
+
+ .column-gap-xxl-5 {
+ -moz-column-gap: 2rem!important;
+ column-gap: 2rem!important
+ }
+
+ .column-gap-xxl-6 {
+ -moz-column-gap: 3rem!important;
+ column-gap: 3rem!important
+ }
+
+ .column-gap-xxl-7 {
+ -moz-column-gap: 5rem!important;
+ column-gap: 5rem!important
+ }
+
+ .column-gap-xxl-8 {
+ -moz-column-gap: 8rem!important;
+ column-gap: 8rem!important
+ }
+
+ .text-xxl-start {
+ text-align: left!important
+ }
+
+ .text-xxl-end {
+ text-align: right!important
+ }
+
+ .text-xxl-center {
+ text-align: center!important
+ }
+
+ .columns-xxl-2 {
+ -moz-columns: 2!important;
+ columns: 2!important
+ }
+
+ .columns-xxl-3 {
+ -moz-columns: 3!important;
+ columns: 3!important
+ }
+
+ .columns-xxl-4 {
+ -moz-columns: 4!important;
+ columns: 4!important
+ }
+}
+
+@media print {
+ .d-print-inline {
+ display: inline!important
+ }
+
+ .d-print-inline-block {
+ display: inline-block!important
+ }
+
+ .d-print-block {
+ display: block!important
+ }
+
+ .d-print-grid {
+ display: grid!important
+ }
+
+ .d-print-inline-grid {
+ display: inline-grid!important
+ }
+
+ .d-print-table {
+ display: table!important
+ }
+
+ .d-print-table-row {
+ display: table-row!important
+ }
+
+ .d-print-table-cell {
+ display: table-cell!important
+ }
+
+ .d-print-flex {
+ display: flex!important
+ }
+
+ .d-print-inline-flex {
+ display: inline-flex!important
+ }
+
+ .d-print-none {
+ display: none!important
+ }
+}
+
+:host,:root {
+ font-size: 16px;
+ height: 100%
+}
+
+:host,:root,[data-bs-theme=light] {
+ --tblr-primary: #066fd1;
+ --tblr-primary-rgb: 6,111,209;
+ --tblr-primary-fg: var(--tblr-light);
+ --tblr-primary-darken: #0564bc;
+ --tblr-primary-lt: #e6f1fa;
+ --tblr-primary-lt-rgb: 230,241,250;
+ --tblr-secondary: #6c7a91;
+ --tblr-secondary-rgb: 108,122,145;
+ --tblr-secondary-fg: var(--tblr-light);
+ --tblr-secondary-darken: #616e83;
+ --tblr-secondary-lt: #f0f2f4;
+ --tblr-secondary-lt-rgb: 240,242,244;
+ --tblr-success: #2fb344;
+ --tblr-success-rgb: 47,179,68;
+ --tblr-success-fg: var(--tblr-light);
+ --tblr-success-darken: #2aa13d;
+ --tblr-success-lt: #eaf7ec;
+ --tblr-success-lt-rgb: 234,247,236;
+ --tblr-info: #4299e1;
+ --tblr-info-rgb: 66,153,225;
+ --tblr-info-fg: var(--tblr-light);
+ --tblr-info-darken: #3b8acb;
+ --tblr-info-lt: #ecf5fc;
+ --tblr-info-lt-rgb: 236,245,252;
+ --tblr-warning: #f76707;
+ --tblr-warning-rgb: 247,103,7;
+ --tblr-warning-fg: var(--tblr-light);
+ --tblr-warning-darken: #de5d06;
+ --tblr-warning-lt: #fef0e6;
+ --tblr-warning-lt-rgb: 254,240,230;
+ --tblr-danger: #d63939;
+ --tblr-danger-rgb: 214,57,57;
+ --tblr-danger-fg: var(--tblr-light);
+ --tblr-danger-darken: #c13333;
+ --tblr-danger-lt: #fbebeb;
+ --tblr-danger-lt-rgb: 251,235,235;
+ --tblr-light: #f6f8fb;
+ --tblr-light-rgb: 246,248,251;
+ --tblr-light-fg: var(--tblr-dark);
+ --tblr-light-darken: #dddfe2;
+ --tblr-light-lt: #fefeff;
+ --tblr-light-lt-rgb: 254,254,255;
+ --tblr-dark: #182433;
+ --tblr-dark-rgb: 24,36,51;
+ --tblr-dark-fg: var(--tblr-light);
+ --tblr-dark-darken: #16202e;
+ --tblr-dark-lt: #e8e9eb;
+ --tblr-dark-lt-rgb: 232,233,235;
+ --tblr-muted: #6c7a91;
+ --tblr-muted-rgb: 108,122,145;
+ --tblr-muted-fg: var(--tblr-light);
+ --tblr-muted-darken: #616e83;
+ --tblr-muted-lt: #f0f2f4;
+ --tblr-muted-lt-rgb: 240,242,244;
+ --tblr-blue: #066fd1;
+ --tblr-blue-rgb: 6,111,209;
+ --tblr-blue-fg: var(--tblr-light);
+ --tblr-blue-darken: #0564bc;
+ --tblr-blue-lt: #e6f1fa;
+ --tblr-blue-lt-rgb: 230,241,250;
+ --tblr-azure: #4299e1;
+ --tblr-azure-rgb: 66,153,225;
+ --tblr-azure-fg: var(--tblr-light);
+ --tblr-azure-darken: #3b8acb;
+ --tblr-azure-lt: #ecf5fc;
+ --tblr-azure-lt-rgb: 236,245,252;
+ --tblr-indigo: #4263eb;
+ --tblr-indigo-rgb: 66,99,235;
+ --tblr-indigo-fg: var(--tblr-light);
+ --tblr-indigo-darken: #3b59d4;
+ --tblr-indigo-lt: #eceffd;
+ --tblr-indigo-lt-rgb: 236,239,253;
+ --tblr-purple: #ae3ec9;
+ --tblr-purple-rgb: 174,62,201;
+ --tblr-purple-fg: var(--tblr-light);
+ --tblr-purple-darken: #9d38b5;
+ --tblr-purple-lt: #f7ecfa;
+ --tblr-purple-lt-rgb: 247,236,250;
+ --tblr-pink: #d6336c;
+ --tblr-pink-rgb: 214,51,108;
+ --tblr-pink-fg: var(--tblr-light);
+ --tblr-pink-darken: #c12e61;
+ --tblr-pink-lt: #fbebf0;
+ --tblr-pink-lt-rgb: 251,235,240;
+ --tblr-red: #d63939;
+ --tblr-red-rgb: 214,57,57;
+ --tblr-red-fg: var(--tblr-light);
+ --tblr-red-darken: #c13333;
+ --tblr-red-lt: #fbebeb;
+ --tblr-red-lt-rgb: 251,235,235;
+ --tblr-orange: #f76707;
+ --tblr-orange-rgb: 247,103,7;
+ --tblr-orange-fg: var(--tblr-light);
+ --tblr-orange-darken: #de5d06;
+ --tblr-orange-lt: #fef0e6;
+ --tblr-orange-lt-rgb: 254,240,230;
+ --tblr-yellow: #f59f00;
+ --tblr-yellow-rgb: 245,159,0;
+ --tblr-yellow-fg: var(--tblr-light);
+ --tblr-yellow-darken: #dd8f00;
+ --tblr-yellow-lt: #fef5e6;
+ --tblr-yellow-lt-rgb: 254,245,230;
+ --tblr-lime: #74b816;
+ --tblr-lime-rgb: 116,184,22;
+ --tblr-lime-fg: var(--tblr-light);
+ --tblr-lime-darken: #68a614;
+ --tblr-lime-lt: #f1f8e8;
+ --tblr-lime-lt-rgb: 241,248,232;
+ --tblr-green: #2fb344;
+ --tblr-green-rgb: 47,179,68;
+ --tblr-green-fg: var(--tblr-light);
+ --tblr-green-darken: #2aa13d;
+ --tblr-green-lt: #eaf7ec;
+ --tblr-green-lt-rgb: 234,247,236;
+ --tblr-teal: #0ca678;
+ --tblr-teal-rgb: 12,166,120;
+ --tblr-teal-fg: var(--tblr-light);
+ --tblr-teal-darken: #0b956c;
+ --tblr-teal-lt: #e7f6f2;
+ --tblr-teal-lt-rgb: 231,246,242;
+ --tblr-cyan: #17a2b8;
+ --tblr-cyan-rgb: 23,162,184;
+ --tblr-cyan-fg: var(--tblr-light);
+ --tblr-cyan-darken: #1592a6;
+ --tblr-cyan-lt: #e8f6f8;
+ --tblr-cyan-lt-rgb: 232,246,248;
+ --tblr-x: #000000;
+ --tblr-x-rgb: 0,0,0;
+ --tblr-x-fg: var(--tblr-light);
+ --tblr-x-darken: black;
+ --tblr-x-lt: #e6e6e6;
+ --tblr-x-lt-rgb: 230,230,230;
+ --tblr-facebook: #1877f2;
+ --tblr-facebook-rgb: 24,119,242;
+ --tblr-facebook-fg: var(--tblr-light);
+ --tblr-facebook-darken: #166bda;
+ --tblr-facebook-lt: #e8f1fe;
+ --tblr-facebook-lt-rgb: 232,241,254;
+ --tblr-twitter: #1da1f2;
+ --tblr-twitter-rgb: 29,161,242;
+ --tblr-twitter-fg: var(--tblr-light);
+ --tblr-twitter-darken: #1a91da;
+ --tblr-twitter-lt: #e8f6fe;
+ --tblr-twitter-lt-rgb: 232,246,254;
+ --tblr-linkedin: #0a66c2;
+ --tblr-linkedin-rgb: 10,102,194;
+ --tblr-linkedin-fg: var(--tblr-light);
+ --tblr-linkedin-darken: #095caf;
+ --tblr-linkedin-lt: #e7f0f9;
+ --tblr-linkedin-lt-rgb: 231,240,249;
+ --tblr-google: #dc4e41;
+ --tblr-google-rgb: 220,78,65;
+ --tblr-google-fg: var(--tblr-light);
+ --tblr-google-darken: #c6463b;
+ --tblr-google-lt: #fcedec;
+ --tblr-google-lt-rgb: 252,237,236;
+ --tblr-youtube: #ff0000;
+ --tblr-youtube-rgb: 255,0,0;
+ --tblr-youtube-fg: var(--tblr-light);
+ --tblr-youtube-darken: #e60000;
+ --tblr-youtube-lt: #ffe6e6;
+ --tblr-youtube-lt-rgb: 255,230,230;
+ --tblr-vimeo: #1ab7ea;
+ --tblr-vimeo-rgb: 26,183,234;
+ --tblr-vimeo-fg: var(--tblr-light);
+ --tblr-vimeo-darken: #17a5d3;
+ --tblr-vimeo-lt: #e8f8fd;
+ --tblr-vimeo-lt-rgb: 232,248,253;
+ --tblr-dribbble: #ea4c89;
+ --tblr-dribbble-rgb: 234,76,137;
+ --tblr-dribbble-fg: var(--tblr-light);
+ --tblr-dribbble-darken: #d3447b;
+ --tblr-dribbble-lt: #fdedf3;
+ --tblr-dribbble-lt-rgb: 253,237,243;
+ --tblr-github: #181717;
+ --tblr-github-rgb: 24,23,23;
+ --tblr-github-fg: var(--tblr-light);
+ --tblr-github-darken: #161515;
+ --tblr-github-lt: #e8e8e8;
+ --tblr-github-lt-rgb: 232,232,232;
+ --tblr-instagram: #e4405f;
+ --tblr-instagram-rgb: 228,64,95;
+ --tblr-instagram-fg: var(--tblr-light);
+ --tblr-instagram-darken: #cd3a56;
+ --tblr-instagram-lt: #fcecef;
+ --tblr-instagram-lt-rgb: 252,236,239;
+ --tblr-pinterest: #bd081c;
+ --tblr-pinterest-rgb: 189,8,28;
+ --tblr-pinterest-fg: var(--tblr-light);
+ --tblr-pinterest-darken: #aa0719;
+ --tblr-pinterest-lt: #f8e6e8;
+ --tblr-pinterest-lt-rgb: 248,230,232;
+ --tblr-vk: #6383a8;
+ --tblr-vk-rgb: 99,131,168;
+ --tblr-vk-fg: var(--tblr-light);
+ --tblr-vk-darken: #597697;
+ --tblr-vk-lt: #eff3f6;
+ --tblr-vk-lt-rgb: 239,243,246;
+ --tblr-rss: #ffa500;
+ --tblr-rss-rgb: 255,165,0;
+ --tblr-rss-fg: var(--tblr-light);
+ --tblr-rss-darken: #e69500;
+ --tblr-rss-lt: #fff6e6;
+ --tblr-rss-lt-rgb: 255,246,230;
+ --tblr-flickr: #0063dc;
+ --tblr-flickr-rgb: 0,99,220;
+ --tblr-flickr-fg: var(--tblr-light);
+ --tblr-flickr-darken: #0059c6;
+ --tblr-flickr-lt: #e6effc;
+ --tblr-flickr-lt-rgb: 230,239,252;
+ --tblr-bitbucket: #0052cc;
+ --tblr-bitbucket-rgb: 0,82,204;
+ --tblr-bitbucket-fg: var(--tblr-light);
+ --tblr-bitbucket-darken: #004ab8;
+ --tblr-bitbucket-lt: #e6eefa;
+ --tblr-bitbucket-lt-rgb: 230,238,250;
+ --tblr-tabler: #066fd1;
+ --tblr-tabler-rgb: 6,111,209;
+ --tblr-tabler-fg: var(--tblr-light);
+ --tblr-tabler-darken: #0564bc;
+ --tblr-tabler-lt: #e6f1fa;
+ --tblr-tabler-lt-rgb: 230,241,250;
+ --tblr-gray-50: #f6f8fb;
+ --tblr-gray-50-rgb: 246,248,251;
+ --tblr-gray-50-fg: var(--tblr-dark);
+ --tblr-gray-50-darken: #dddfe2;
+ --tblr-gray-50-lt: #fefeff;
+ --tblr-gray-50-lt-rgb: 254,254,255;
+ --tblr-gray-100: #eef3f6;
+ --tblr-gray-100-rgb: 238,243,246;
+ --tblr-gray-100-fg: var(--tblr-dark);
+ --tblr-gray-100-darken: #d6dbdd;
+ --tblr-gray-100-lt: #fdfefe;
+ --tblr-gray-100-lt-rgb: 253,254,254;
+ --tblr-gray-200: #dce1e7;
+ --tblr-gray-200-rgb: 220,225,231;
+ --tblr-gray-200-fg: var(--tblr-dark);
+ --tblr-gray-200-darken: #c6cbd0;
+ --tblr-gray-200-lt: #fcfcfd;
+ --tblr-gray-200-lt-rgb: 252,252,253;
+ --tblr-gray-300: #b8c4d4;
+ --tblr-gray-300-rgb: 184,196,212;
+ --tblr-gray-300-fg: var(--tblr-light);
+ --tblr-gray-300-darken: #a6b0bf;
+ --tblr-gray-300-lt: #f8f9fb;
+ --tblr-gray-300-lt-rgb: 248,249,251;
+ --tblr-gray-400: #8a97ab;
+ --tblr-gray-400-rgb: 138,151,171;
+ --tblr-gray-400-fg: var(--tblr-light);
+ --tblr-gray-400-darken: #7c889a;
+ --tblr-gray-400-lt: #f3f5f7;
+ --tblr-gray-400-lt-rgb: 243,245,247;
+ --tblr-gray-500: #6c7a91;
+ --tblr-gray-500-rgb: 108,122,145;
+ --tblr-gray-500-fg: var(--tblr-light);
+ --tblr-gray-500-darken: #616e83;
+ --tblr-gray-500-lt: #f0f2f4;
+ --tblr-gray-500-lt-rgb: 240,242,244;
+ --tblr-gray-600: #49566c;
+ --tblr-gray-600-rgb: 73,86,108;
+ --tblr-gray-600-fg: var(--tblr-light);
+ --tblr-gray-600-darken: #424d61;
+ --tblr-gray-600-lt: #edeef0;
+ --tblr-gray-600-lt-rgb: 237,238,240;
+ --tblr-gray-700: #3a4859;
+ --tblr-gray-700-rgb: 58,72,89;
+ --tblr-gray-700-fg: var(--tblr-light);
+ --tblr-gray-700-darken: #344150;
+ --tblr-gray-700-lt: #ebedee;
+ --tblr-gray-700-lt-rgb: 235,237,238;
+ --tblr-gray-800: #182433;
+ --tblr-gray-800-rgb: 24,36,51;
+ --tblr-gray-800-fg: var(--tblr-light);
+ --tblr-gray-800-darken: #16202e;
+ --tblr-gray-800-lt: #e8e9eb;
+ --tblr-gray-800-lt-rgb: 232,233,235;
+ --tblr-gray-900: #040a11;
+ --tblr-gray-900-rgb: 4,10,17;
+ --tblr-gray-900-fg: var(--tblr-light);
+ --tblr-gray-900-darken: #04090f;
+ --tblr-gray-900-lt: #e6e7e7;
+ --tblr-gray-900-lt-rgb: 230,231,231;
+ --tblr-spacer-0: 0;
+ --tblr-spacer-1: 0.25rem;
+ --tblr-spacer-2: 0.5rem;
+ --tblr-spacer-3: 1rem;
+ --tblr-spacer-4: 1.5rem;
+ --tblr-spacer-5: 2rem;
+ --tblr-spacer-6: 3rem;
+ --tblr-spacer-7: 5rem;
+ --tblr-spacer-8: 8rem;
+ --tblr-spacer: 1rem;
+ --tblr-bg-surface: var(--tblr-white);
+ --tblr-bg-surface-secondary: var(--tblr-gray-100);
+ --tblr-bg-surface-tertiary: var(--tblr-gray-50);
+ --tblr-bg-surface-dark: var(--tblr-dark);
+ --tblr-bg-forms: var(--tblr-bg-surface);
+ --tblr-border-color: #dce1e7;
+ --tblr-border-color-translucent: rgba(4, 32, 69, 0.1);
+ --tblr-border-dark-color: #8a97ab;
+ --tblr-border-dark-color-translucent: rgba(4, 32, 69, 0.27);
+ --tblr-border-active-color: #aab2bf;
+ --tblr-icon-color: var(--tblr-gray-400);
+ --tblr-active-bg: rgba(var(--tblr-primary-rgb), 0.04);
+ --tblr-disabled-bg: var(--tblr-bg-surface-secondary);
+ --tblr-disabled-color: var(--tblr-gray-300);
+ --tblr-code-color: var(--tblr-gray-600);
+ --tblr-code-bg: var(--tblr-bg-surface-secondary);
+ --tblr-dark-mode-border-color: #25384f;
+ --tblr-dark-mode-border-color-translucent: rgba(72, 110, 149, 0.14);
+ --tblr-dark-mode-border-active-color: #2c415d;
+ --tblr-dark-mode-border-dark-color: #1f2e41;
+ --tblr-page-padding: var(--tblr-spacer-3);
+ --tblr-page-padding-y: var(--tblr-spacer-4);
+ --tblr-font-weight-light: 300;
+ --tblr-font-weight-normal: 400;
+ --tblr-font-weight-medium: 500;
+ --tblr-font-weight-bold: 600;
+ --tblr-font-weight-headings: var(--tblr-font-weight-bold);
+ --tblr-font-size-h1: 1.5rem;
+ --tblr-font-size-h2: 1.25rem;
+ --tblr-font-size-h3: 1rem;
+ --tblr-font-size-h4: 0.875rem;
+ --tblr-font-size-h5: 0.75rem;
+ --tblr-font-size-h6: 0.625rem;
+ --tblr-line-height-h1: 2rem;
+ --tblr-line-height-h2: 1.75rem;
+ --tblr-line-height-h3: 1.5rem;
+ --tblr-line-height-h4: 1.25rem;
+ --tblr-line-height-h5: 1rem;
+ --tblr-line-height-h6: 1rem;
+ --tblr-box-shadow: rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0;
+ --tblr-box-shadow-border: inset 0 0 0 1px var(--tblr-border-color-translucent);
+ --tblr-box-shadow-transparent: 0 0 0 0 transparent;
+ --tblr-box-shadow-input: 0 1px 1px rgba(var(--tblr-body-color-rgb), 0.06);
+ --tblr-box-shadow-card: 0 0 4px rgba(var(--tblr-body-color-rgb), 0.04);
+ --tblr-box-shadow-card-hover: rgba(var(--tblr-body-color-rgb), 0.16) 0 2px 16px 0;
+ --tblr-box-shadow-dropdown: 0 16px 24px 2px rgba(0, 0, 0, 0.07),0 6px 30px 5px rgba(0, 0, 0, 0.06),0 8px 10px -5px rgba(0, 0, 0, 0.1)
+}
+
+@media (max-width: 991.98px) {
+ :host,:root,[data-bs-theme=light] {
+ --tblr-page-padding:var(--tblr-spacer-2)
+ }
+}
+
+@keyframes pulse {
+ from {
+ opacity: 1;
+ transform: scale3d(.8,.8,.8)
+ }
+
+ 50% {
+ transform: scale3d(1,1,1);
+ opacity: 1
+ }
+
+ to {
+ opacity: 1;
+ transform: scale3d(.8,.8,.8)
+ }
+}
+
+@keyframes tada {
+ 0% {
+ transform: scale3d(1,1,1)
+ }
+
+ 10%,5% {
+ transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-5deg)
+ }
+
+ 15%,25%,35%,45% {
+ transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,5deg)
+ }
+
+ 20%,30%,40% {
+ transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-5deg)
+ }
+
+ 50% {
+ transform: scale3d(1,1,1)
+ }
+}
+
+@keyframes rotate-360 {
+ from {
+ transform: rotate(0)
+ }
+
+ to {
+ transform: rotate(360deg)
+ }
+}
+
+@keyframes blink {
+ from {
+ opacity: 0
+ }
+
+ 50% {
+ opacity: 1
+ }
+
+ to {
+ opacity: 0
+ }
+}
+
+body {
+ letter-spacing: 0;
+ touch-action: manipulation;
+ text-rendering: optimizeLegibility;
+ font-feature-settings: "liga" 0;
+ position: relative;
+ min-height: 100%;
+ height: 100%;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale
+}
+
+@media print {
+ body {
+ background: 0 0
+ }
+}
+
+* {
+ scrollbar-color: rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.16) transparent
+}
+
+::-webkit-scrollbar {
+ width: 1rem;
+ height: 1rem;
+ -webkit-transition: background .3s;
+ transition: background .3s
+}
+
+@media (prefers-reduced-motion:reduce) {
+ ::-webkit-scrollbar {
+ -webkit-transition: none;
+ transition: none
+ }
+}
+
+::-webkit-scrollbar-thumb {
+ border-radius: 1rem;
+ border: 5px solid transparent;
+ box-shadow: inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.16)
+}
+
+::-webkit-scrollbar-track {
+ background: 0 0
+}
+
+:hover::-webkit-scrollbar-thumb {
+ box-shadow: inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.32)
+}
+
+::-webkit-scrollbar-corner {
+ background: 0 0
+}
+
+.layout-fluid .container,.layout-fluid [class*=" container-"],.layout-fluid [class^=container-] {
+ max-width: 100%
+}
+
+.layout-boxed {
+ --tblr-theme-boxed-border-radius: 0;
+ --tblr-theme-boxed-width: 1320px
+}
+
+@media (min-width: 768px) {
+ .layout-boxed {
+ background:#182433 linear-gradient(to right,rgba(255,255,255,.1),transparent) fixed;
+ padding: 1rem;
+ --tblr-theme-boxed-border-radius: 4px
+ }
+}
+
+.layout-boxed .page {
+ margin: 0 auto;
+ max-width: var(--tblr-theme-boxed-width);
+ border-radius: var(--tblr-theme-boxed-border-radius);
+ color: var(--tblr-body-color)
+}
+
+@media (min-width: 768px) {
+ .layout-boxed .page {
+ border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
+ background: var(--tblr-body-bg)
+ }
+}
+
+.layout-boxed .page>.navbar:first-child {
+ border-top-left-radius: var(--tblr-theme-boxed-border-radius);
+ border-top-right-radius: var(--tblr-theme-boxed-border-radius)
+}
+
+.navbar {
+ --tblr-navbar-bg: var(--tblr-bg-surface);
+ --tblr-navbar-border-width: var(--tblr-border-width);
+ --tblr-navbar-active-border-color: var(--tblr-primary);
+ --tblr-navbar-active-bg: rgba(0, 0, 0, 0.06);
+ --tblr-navbar-color: var(--tblr-body-color);
+ --tblr-navbar-border-color: var(--tblr-border-color);
+ align-items: stretch;
+ min-height: 3.5rem;
+ box-shadow: inset 0 calc(-1 * var(--tblr-navbar-border-width)) 0 0 var(--tblr-navbar-border-color);
+ background: var(--tblr-navbar-bg);
+ color: var(--tblr-navbar-color)
+}
+
+.navbar-collapse .navbar {
+ flex-grow: 1
+}
+
+.navbar.collapsing {
+ min-height: 0
+}
+
+.navbar .dropdown-menu {
+ position: absolute;
+ z-index: 1030
+}
+
+.navbar .navbar-nav {
+ min-height: 3rem
+}
+
+.navbar .navbar-nav .nav-link {
+ position: relative;
+ min-width: 2rem;
+ min-height: 2rem;
+ justify-content: center;
+ border-radius: var(--tblr-border-radius)
+}
+
+.navbar .navbar-nav .nav-link .badge {
+ position: absolute;
+ top: .375rem;
+ right: .375rem;
+ transform: translate(50%,-50%)
+}
+
+.navbar-nav {
+ margin: 0;
+ padding: 0
+}
+
+@media (max-width: 575.98px) {
+ .navbar-expand-sm .navbar-collapse {
+ flex-direction:column
+ }
+
+ .navbar-expand-sm .navbar-collapse [class^=container] {
+ flex-direction: column;
+ align-items: stretch;
+ padding: 0
+ }
+
+ .navbar-expand-sm .navbar-collapse .navbar-nav {
+ margin-left: 0;
+ margin-right: 0
+ }
+
+ .navbar-expand-sm .navbar-collapse .navbar-nav .nav-link {
+ padding: .5rem calc(calc(var(--tblr-page-padding) * 2)/ 2);
+ justify-content: flex-start
+ }
+
+ .navbar-expand-sm .navbar-collapse .dropdown-menu-columns {
+ flex-direction: column
+ }
+
+ .navbar-expand-sm .navbar-collapse .dropdown-menu {
+ padding: 0;
+ background: 0 0;
+ position: static;
+ color: inherit;
+ box-shadow: none;
+ border: none;
+ min-width: 0;
+ margin: 0
+ }
+
+ .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item {
+ min-width: 0;
+ display: flex;
+ width: auto;
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 1.75rem);
+ color: inherit
+ }
+
+ .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item.disabled {
+ color: var(--tblr-gray-300);
+ pointer-events: none;
+ background-color: transparent
+ }
+
+ .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item.active,.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item:active {
+ background: var(--tblr-navbar-active-bg)
+ }
+
+ .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem)
+ }
+
+ .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 4.75rem)
+ }
+
+ .navbar-expand-sm .navbar-collapse .dropdown-toggle:after {
+ margin-left: auto
+ }
+
+ .navbar-expand-sm .navbar-collapse .nav-item.active:after {
+ border-bottom-width: 0;
+ border-left-width: 3px;
+ right: auto;
+ top: 0;
+ bottom: 0
+ }
+}
+
+@media (min-width: 576px) {
+ .navbar-expand-sm .navbar-collapse {
+ width:auto;
+ flex: 1 1 auto
+ }
+
+ .navbar-expand-sm .nav-item.active {
+ position: relative
+ }
+
+ .navbar-expand-sm .nav-item.active:after {
+ content: "";
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: -.25rem;
+ border: 0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);
+ border-bottom-width: 2px
+ }
+
+ .navbar-expand-sm.navbar-vertical {
+ box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)
+ }
+
+ .navbar-expand-sm.navbar-vertical.navbar-right {
+ box-shadow: inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)
+ }
+
+ .navbar-expand-sm.navbar-vertical~.navbar,.navbar-expand-sm.navbar-vertical~.page-wrapper {
+ margin-left: 15rem
+ }
+
+ .navbar-expand-sm.navbar-vertical.navbar-right~.navbar,.navbar-expand-sm.navbar-vertical.navbar-right~.page-wrapper {
+ margin-left: 0;
+ margin-right: 15rem
+ }
+}
+
+@media (max-width: 767.98px) {
+ .navbar-expand-md .navbar-collapse {
+ flex-direction:column
+ }
+
+ .navbar-expand-md .navbar-collapse [class^=container] {
+ flex-direction: column;
+ align-items: stretch;
+ padding: 0
+ }
+
+ .navbar-expand-md .navbar-collapse .navbar-nav {
+ margin-left: 0;
+ margin-right: 0
+ }
+
+ .navbar-expand-md .navbar-collapse .navbar-nav .nav-link {
+ padding: .5rem calc(calc(var(--tblr-page-padding) * 2)/ 2);
+ justify-content: flex-start
+ }
+
+ .navbar-expand-md .navbar-collapse .dropdown-menu-columns {
+ flex-direction: column
+ }
+
+ .navbar-expand-md .navbar-collapse .dropdown-menu {
+ padding: 0;
+ background: 0 0;
+ position: static;
+ color: inherit;
+ box-shadow: none;
+ border: none;
+ min-width: 0;
+ margin: 0
+ }
+
+ .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item {
+ min-width: 0;
+ display: flex;
+ width: auto;
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 1.75rem);
+ color: inherit
+ }
+
+ .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.disabled {
+ color: var(--tblr-gray-300);
+ pointer-events: none;
+ background-color: transparent
+ }
+
+ .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.active,.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item:active {
+ background: var(--tblr-navbar-active-bg)
+ }
+
+ .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem)
+ }
+
+ .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 4.75rem)
+ }
+
+ .navbar-expand-md .navbar-collapse .dropdown-toggle:after {
+ margin-left: auto
+ }
+
+ .navbar-expand-md .navbar-collapse .nav-item.active:after {
+ border-bottom-width: 0;
+ border-left-width: 3px;
+ right: auto;
+ top: 0;
+ bottom: 0
+ }
+}
+
+@media (min-width: 768px) {
+ .navbar-expand-md .navbar-collapse {
+ width:auto;
+ flex: 1 1 auto
+ }
+
+ .navbar-expand-md .nav-item.active {
+ position: relative
+ }
+
+ .navbar-expand-md .nav-item.active:after {
+ content: "";
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: -.25rem;
+ border: 0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);
+ border-bottom-width: 2px
+ }
+
+ .navbar-expand-md.navbar-vertical {
+ box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)
+ }
+
+ .navbar-expand-md.navbar-vertical.navbar-right {
+ box-shadow: inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)
+ }
+
+ .navbar-expand-md.navbar-vertical~.navbar,.navbar-expand-md.navbar-vertical~.page-wrapper {
+ margin-left: 15rem
+ }
+
+ .navbar-expand-md.navbar-vertical.navbar-right~.navbar,.navbar-expand-md.navbar-vertical.navbar-right~.page-wrapper {
+ margin-left: 0;
+ margin-right: 15rem
+ }
+}
+
+@media (max-width: 991.98px) {
+ .navbar-expand-lg .navbar-collapse {
+ flex-direction:column
+ }
+
+ .navbar-expand-lg .navbar-collapse [class^=container] {
+ flex-direction: column;
+ align-items: stretch;
+ padding: 0
+ }
+
+ .navbar-expand-lg .navbar-collapse .navbar-nav {
+ margin-left: 0;
+ margin-right: 0
+ }
+
+ .navbar-expand-lg .navbar-collapse .navbar-nav .nav-link {
+ padding: .5rem calc(calc(var(--tblr-page-padding) * 2)/ 2);
+ justify-content: flex-start
+ }
+
+ .navbar-expand-lg .navbar-collapse .dropdown-menu-columns {
+ flex-direction: column
+ }
+
+ .navbar-expand-lg .navbar-collapse .dropdown-menu {
+ padding: 0;
+ background: 0 0;
+ position: static;
+ color: inherit;
+ box-shadow: none;
+ border: none;
+ min-width: 0;
+ margin: 0
+ }
+
+ .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item {
+ min-width: 0;
+ display: flex;
+ width: auto;
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 1.75rem);
+ color: inherit
+ }
+
+ .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.disabled {
+ color: var(--tblr-gray-300);
+ pointer-events: none;
+ background-color: transparent
+ }
+
+ .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.active,.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item:active {
+ background: var(--tblr-navbar-active-bg)
+ }
+
+ .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem)
+ }
+
+ .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 4.75rem)
+ }
+
+ .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
+ margin-left: auto
+ }
+
+ .navbar-expand-lg .navbar-collapse .nav-item.active:after {
+ border-bottom-width: 0;
+ border-left-width: 3px;
+ right: auto;
+ top: 0;
+ bottom: 0
+ }
+}
+
+@media (min-width: 992px) {
+ .navbar-expand-lg .navbar-collapse {
+ width:auto;
+ flex: 1 1 auto
+ }
+
+ .navbar-expand-lg .nav-item.active {
+ position: relative
+ }
+
+ .navbar-expand-lg .nav-item.active:after {
+ content: "";
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: -.25rem;
+ border: 0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);
+ border-bottom-width: 2px
+ }
+
+ .navbar-expand-lg.navbar-vertical {
+ box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)
+ }
+
+ .navbar-expand-lg.navbar-vertical.navbar-right {
+ box-shadow: inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)
+ }
+
+ .navbar-expand-lg.navbar-vertical~.navbar,.navbar-expand-lg.navbar-vertical~.page-wrapper {
+ margin-left: 15rem
+ }
+
+ .navbar-expand-lg.navbar-vertical.navbar-right~.navbar,.navbar-expand-lg.navbar-vertical.navbar-right~.page-wrapper {
+ margin-left: 0;
+ margin-right: 15rem
+ }
+}
+
+@media (max-width: 1199.98px) {
+ .navbar-expand-xl .navbar-collapse {
+ flex-direction:column
+ }
+
+ .navbar-expand-xl .navbar-collapse [class^=container] {
+ flex-direction: column;
+ align-items: stretch;
+ padding: 0
+ }
+
+ .navbar-expand-xl .navbar-collapse .navbar-nav {
+ margin-left: 0;
+ margin-right: 0
+ }
+
+ .navbar-expand-xl .navbar-collapse .navbar-nav .nav-link {
+ padding: .5rem calc(calc(var(--tblr-page-padding) * 2)/ 2);
+ justify-content: flex-start
+ }
+
+ .navbar-expand-xl .navbar-collapse .dropdown-menu-columns {
+ flex-direction: column
+ }
+
+ .navbar-expand-xl .navbar-collapse .dropdown-menu {
+ padding: 0;
+ background: 0 0;
+ position: static;
+ color: inherit;
+ box-shadow: none;
+ border: none;
+ min-width: 0;
+ margin: 0
+ }
+
+ .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item {
+ min-width: 0;
+ display: flex;
+ width: auto;
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 1.75rem);
+ color: inherit
+ }
+
+ .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item.disabled {
+ color: var(--tblr-gray-300);
+ pointer-events: none;
+ background-color: transparent
+ }
+
+ .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item.active,.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item:active {
+ background: var(--tblr-navbar-active-bg)
+ }
+
+ .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem)
+ }
+
+ .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 4.75rem)
+ }
+
+ .navbar-expand-xl .navbar-collapse .dropdown-toggle:after {
+ margin-left: auto
+ }
+
+ .navbar-expand-xl .navbar-collapse .nav-item.active:after {
+ border-bottom-width: 0;
+ border-left-width: 3px;
+ right: auto;
+ top: 0;
+ bottom: 0
+ }
+}
+
+@media (min-width: 1200px) {
+ .navbar-expand-xl .navbar-collapse {
+ width:auto;
+ flex: 1 1 auto
+ }
+
+ .navbar-expand-xl .nav-item.active {
+ position: relative
+ }
+
+ .navbar-expand-xl .nav-item.active:after {
+ content: "";
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: -.25rem;
+ border: 0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);
+ border-bottom-width: 2px
+ }
+
+ .navbar-expand-xl.navbar-vertical {
+ box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)
+ }
+
+ .navbar-expand-xl.navbar-vertical.navbar-right {
+ box-shadow: inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)
+ }
+
+ .navbar-expand-xl.navbar-vertical~.navbar,.navbar-expand-xl.navbar-vertical~.page-wrapper {
+ margin-left: 15rem
+ }
+
+ .navbar-expand-xl.navbar-vertical.navbar-right~.navbar,.navbar-expand-xl.navbar-vertical.navbar-right~.page-wrapper {
+ margin-left: 0;
+ margin-right: 15rem
+ }
+}
+
+@media (max-width: 1399.98px) {
+ .navbar-expand-xxl .navbar-collapse {
+ flex-direction:column
+ }
+
+ .navbar-expand-xxl .navbar-collapse [class^=container] {
+ flex-direction: column;
+ align-items: stretch;
+ padding: 0
+ }
+
+ .navbar-expand-xxl .navbar-collapse .navbar-nav {
+ margin-left: 0;
+ margin-right: 0
+ }
+
+ .navbar-expand-xxl .navbar-collapse .navbar-nav .nav-link {
+ padding: .5rem calc(calc(var(--tblr-page-padding) * 2)/ 2);
+ justify-content: flex-start
+ }
+
+ .navbar-expand-xxl .navbar-collapse .dropdown-menu-columns {
+ flex-direction: column
+ }
+
+ .navbar-expand-xxl .navbar-collapse .dropdown-menu {
+ padding: 0;
+ background: 0 0;
+ position: static;
+ color: inherit;
+ box-shadow: none;
+ border: none;
+ min-width: 0;
+ margin: 0
+ }
+
+ .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item {
+ min-width: 0;
+ display: flex;
+ width: auto;
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 1.75rem);
+ color: inherit
+ }
+
+ .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item.disabled {
+ color: var(--tblr-gray-300);
+ pointer-events: none;
+ background-color: transparent
+ }
+
+ .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item.active,.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item:active {
+ background: var(--tblr-navbar-active-bg)
+ }
+
+ .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem)
+ }
+
+ .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 4.75rem)
+ }
+
+ .navbar-expand-xxl .navbar-collapse .dropdown-toggle:after {
+ margin-left: auto
+ }
+
+ .navbar-expand-xxl .navbar-collapse .nav-item.active:after {
+ border-bottom-width: 0;
+ border-left-width: 3px;
+ right: auto;
+ top: 0;
+ bottom: 0
+ }
+}
+
+@media (min-width: 1400px) {
+ .navbar-expand-xxl .navbar-collapse {
+ width:auto;
+ flex: 1 1 auto
+ }
+
+ .navbar-expand-xxl .nav-item.active {
+ position: relative
+ }
+
+ .navbar-expand-xxl .nav-item.active:after {
+ content: "";
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: -.25rem;
+ border: 0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);
+ border-bottom-width: 2px
+ }
+
+ .navbar-expand-xxl.navbar-vertical {
+ box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)
+ }
+
+ .navbar-expand-xxl.navbar-vertical.navbar-right {
+ box-shadow: inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)
+ }
+
+ .navbar-expand-xxl.navbar-vertical~.navbar,.navbar-expand-xxl.navbar-vertical~.page-wrapper {
+ margin-left: 15rem
+ }
+
+ .navbar-expand-xxl.navbar-vertical.navbar-right~.navbar,.navbar-expand-xxl.navbar-vertical.navbar-right~.page-wrapper {
+ margin-left: 0;
+ margin-right: 15rem
+ }
+}
+
+.navbar-expand .navbar-collapse {
+ flex-direction: column
+}
+
+.navbar-expand .navbar-collapse [class^=container] {
+ flex-direction: column;
+ align-items: stretch;
+ padding: 0
+}
+
+.navbar-expand .navbar-collapse .navbar-nav {
+ margin-left: 0;
+ margin-right: 0
+}
+
+.navbar-expand .navbar-collapse .navbar-nav .nav-link {
+ padding: .5rem calc(calc(var(--tblr-page-padding) * 2)/ 2);
+ justify-content: flex-start
+}
+
+.navbar-expand .navbar-collapse .dropdown-menu-columns {
+ flex-direction: column
+}
+
+.navbar-expand .navbar-collapse .dropdown-menu {
+ padding: 0;
+ background: 0 0;
+ position: static;
+ color: inherit;
+ box-shadow: none;
+ border: none;
+ min-width: 0;
+ margin: 0
+}
+
+.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item {
+ min-width: 0;
+ display: flex;
+ width: auto;
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 1.75rem);
+ color: inherit
+}
+
+.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item.disabled {
+ color: var(--tblr-gray-300);
+ pointer-events: none;
+ background-color: transparent
+}
+
+.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item.active,.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item:active {
+ background: var(--tblr-navbar-active-bg)
+}
+
+.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem)
+}
+
+.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 4.75rem)
+}
+
+.navbar-expand .navbar-collapse .dropdown-toggle:after {
+ margin-left: auto
+}
+
+.navbar-expand .navbar-collapse .nav-item.active:after {
+ border-bottom-width: 0;
+ border-left-width: 3px;
+ right: auto;
+ top: 0;
+ bottom: 0
+}
+
+.navbar-expand .navbar-collapse {
+ width: auto;
+ flex: 1 1 auto
+}
+
+.navbar-expand .nav-item.active {
+ position: relative
+}
+
+.navbar-expand .nav-item.active:after {
+ content: "";
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: -.25rem;
+ border: 0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);
+ border-bottom-width: 2px
+}
+
+.navbar-expand.navbar-vertical {
+ box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)
+}
+
+.navbar-expand.navbar-vertical.navbar-right {
+ box-shadow: inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)
+}
+
+.navbar-expand.navbar-vertical~.navbar,.navbar-expand.navbar-vertical~.page-wrapper {
+ margin-left: 15rem
+}
+
+.navbar-expand.navbar-vertical.navbar-right~.navbar,.navbar-expand.navbar-vertical.navbar-right~.page-wrapper {
+ margin-left: 0;
+ margin-right: 15rem
+}
+
+.navbar-brand {
+ display: inline-flex;
+ align-items: center;
+ font-weight: var(--tblr-font-weight-bold);
+ margin: 0;
+ line-height: 1;
+ gap: .5rem
+}
+
+.navbar-brand-image {
+ height: 2rem;
+ width: auto
+}
+
+.navbar-toggler {
+ border: 0;
+ width: 2rem;
+ height: 2rem;
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: center
+}
+
+.navbar-toggler-icon {
+ height: 2px;
+ width: 1.25em;
+ background: currentColor;
+ border-radius: 10px;
+ transition: top .2s .2s,bottom .2s .2s,transform .2s,opacity 0s .2s;
+ position: relative
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .navbar-toggler-icon {
+ transition: none
+ }
+}
+
+.navbar-toggler-icon:after,.navbar-toggler-icon:before {
+ content: "";
+ display: block;
+ height: inherit;
+ width: inherit;
+ border-radius: inherit;
+ background: inherit;
+ position: absolute;
+ left: 0;
+ transition: inherit
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .navbar-toggler-icon:after,.navbar-toggler-icon:before {
+ transition: none
+ }
+}
+
+.navbar-toggler-icon:before {
+ top: -.45em
+}
+
+.navbar-toggler-icon:after {
+ bottom: -.45em
+}
+
+.navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
+ transform: rotate(45deg);
+ transition: top .3s,bottom .3s,transform .3s .3s,opacity 0s .3s
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
+ transition: none
+ }
+}
+
+.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before {
+ top: 0;
+ transform: rotate(-90deg)
+}
+
+.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after {
+ bottom: 0;
+ opacity: 0
+}
+
+.navbar-transparent {
+ --tblr-navbar-border-color: transparent!important;
+ background: 0 0!important
+}
+
+.navbar-nav {
+ align-items: stretch
+}
+
+.navbar-nav .nav-item {
+ display: flex;
+ flex-direction: column;
+ justify-content: center
+}
+
+.navbar-side {
+ margin: 0;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: space-around
+}
+
+@media (min-width: 576px) {
+ .navbar-vertical.navbar-expand-sm {
+ width:15rem;
+ position: fixed;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ z-index: 1030;
+ align-items: flex-start;
+ transition: transform .3s;
+ overflow-y: scroll;
+ padding: 0
+ }
+}
+
+@media (min-width: 576px) and (prefers-reduced-motion:reduce) {
+ .navbar-vertical.navbar-expand-sm {
+ transition:none
+ }
+}
+
+@media (min-width: 576px) {
+ .navbar-vertical.navbar-expand-sm.navbar-right {
+ left:auto;
+ right: 0
+ }
+
+ .navbar-vertical.navbar-expand-sm .navbar-brand {
+ padding: .75rem 0;
+ justify-content: center
+ }
+
+ .navbar-vertical.navbar-expand-sm .navbar-collapse {
+ align-items: stretch
+ }
+
+ .navbar-vertical.navbar-expand-sm .navbar-nav {
+ flex-direction: column;
+ flex-grow: 1;
+ min-height: auto
+ }
+
+ .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link {
+ padding-top: .5rem;
+ padding-bottom: .5rem
+ }
+
+ .navbar-vertical.navbar-expand-sm>[class^=container] {
+ flex-direction: column;
+ align-items: stretch;
+ min-height: 100%;
+ justify-content: flex-start;
+ padding: 0
+ }
+
+ .navbar-vertical.navbar-expand-sm~.page {
+ padding-left: 15rem
+ }
+
+ .navbar-vertical.navbar-expand-sm~.page [class^=container] {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem
+ }
+
+ .navbar-vertical.navbar-expand-sm.navbar-right~.page {
+ padding-left: 0;
+ padding-right: 15rem
+ }
+
+ .navbar-vertical.navbar-expand-sm .navbar-collapse {
+ flex-direction: column
+ }
+
+ .navbar-vertical.navbar-expand-sm .navbar-collapse [class^=container] {
+ flex-direction: column;
+ align-items: stretch;
+ padding: 0
+ }
+
+ .navbar-vertical.navbar-expand-sm .navbar-collapse .navbar-nav {
+ margin-left: 0;
+ margin-right: 0
+ }
+
+ .navbar-vertical.navbar-expand-sm .navbar-collapse .navbar-nav .nav-link {
+ padding: .5rem calc(calc(var(--tblr-page-padding) * 2)/ 2);
+ justify-content: flex-start
+ }
+
+ .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu-columns {
+ flex-direction: column
+ }
+
+ .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu {
+ padding: 0;
+ background: 0 0;
+ position: static;
+ color: inherit;
+ box-shadow: none;
+ border: none;
+ min-width: 0;
+ margin: 0
+ }
+
+ .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item {
+ min-width: 0;
+ display: flex;
+ width: auto;
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 1.75rem);
+ color: inherit
+ }
+
+ .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item.disabled {
+ color: var(--tblr-gray-300);
+ pointer-events: none;
+ background-color: transparent
+ }
+
+ .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item.active,.navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item:active {
+ background: var(--tblr-navbar-active-bg)
+ }
+
+ .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem)
+ }
+
+ .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 4.75rem)
+ }
+
+ .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-toggle:after {
+ margin-left: auto
+ }
+
+ .navbar-vertical.navbar-expand-sm .navbar-collapse .nav-item.active:after {
+ border-bottom-width: 0;
+ border-left-width: 3px;
+ right: auto;
+ top: 0;
+ bottom: 0
+ }
+}
+
+@media (min-width: 768px) {
+ .navbar-vertical.navbar-expand-md {
+ width:15rem;
+ position: fixed;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ z-index: 1030;
+ align-items: flex-start;
+ transition: transform .3s;
+ overflow-y: scroll;
+ padding: 0
+ }
+}
+
+@media (min-width: 768px) and (prefers-reduced-motion:reduce) {
+ .navbar-vertical.navbar-expand-md {
+ transition:none
+ }
+}
+
+@media (min-width: 768px) {
+ .navbar-vertical.navbar-expand-md.navbar-right {
+ left:auto;
+ right: 0
+ }
+
+ .navbar-vertical.navbar-expand-md .navbar-brand {
+ padding: .75rem 0;
+ justify-content: center
+ }
+
+ .navbar-vertical.navbar-expand-md .navbar-collapse {
+ align-items: stretch
+ }
+
+ .navbar-vertical.navbar-expand-md .navbar-nav {
+ flex-direction: column;
+ flex-grow: 1;
+ min-height: auto
+ }
+
+ .navbar-vertical.navbar-expand-md .navbar-nav .nav-link {
+ padding-top: .5rem;
+ padding-bottom: .5rem
+ }
+
+ .navbar-vertical.navbar-expand-md>[class^=container] {
+ flex-direction: column;
+ align-items: stretch;
+ min-height: 100%;
+ justify-content: flex-start;
+ padding: 0
+ }
+
+ .navbar-vertical.navbar-expand-md~.page {
+ padding-left: 15rem
+ }
+
+ .navbar-vertical.navbar-expand-md~.page [class^=container] {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem
+ }
+
+ .navbar-vertical.navbar-expand-md.navbar-right~.page {
+ padding-left: 0;
+ padding-right: 15rem
+ }
+
+ .navbar-vertical.navbar-expand-md .navbar-collapse {
+ flex-direction: column
+ }
+
+ .navbar-vertical.navbar-expand-md .navbar-collapse [class^=container] {
+ flex-direction: column;
+ align-items: stretch;
+ padding: 0
+ }
+
+ .navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav {
+ margin-left: 0;
+ margin-right: 0
+ }
+
+ .navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav .nav-link {
+ padding: .5rem calc(calc(var(--tblr-page-padding) * 2)/ 2);
+ justify-content: flex-start
+ }
+
+ .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu-columns {
+ flex-direction: column
+ }
+
+ .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu {
+ padding: 0;
+ background: 0 0;
+ position: static;
+ color: inherit;
+ box-shadow: none;
+ border: none;
+ min-width: 0;
+ margin: 0
+ }
+
+ .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item {
+ min-width: 0;
+ display: flex;
+ width: auto;
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 1.75rem);
+ color: inherit
+ }
+
+ .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.disabled {
+ color: var(--tblr-gray-300);
+ pointer-events: none;
+ background-color: transparent
+ }
+
+ .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.active,.navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item:active {
+ background: var(--tblr-navbar-active-bg)
+ }
+
+ .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem)
+ }
+
+ .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 4.75rem)
+ }
+
+ .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-toggle:after {
+ margin-left: auto
+ }
+
+ .navbar-vertical.navbar-expand-md .navbar-collapse .nav-item.active:after {
+ border-bottom-width: 0;
+ border-left-width: 3px;
+ right: auto;
+ top: 0;
+ bottom: 0
+ }
+}
+
+@media (min-width: 992px) {
+ .navbar-vertical.navbar-expand-lg {
+ width:15rem;
+ position: fixed;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ z-index: 1030;
+ align-items: flex-start;
+ transition: transform .3s;
+ overflow-y: scroll;
+ padding: 0
+ }
+}
+
+@media (min-width: 992px) and (prefers-reduced-motion:reduce) {
+ .navbar-vertical.navbar-expand-lg {
+ transition:none
+ }
+}
+
+@media (min-width: 992px) {
+ .navbar-vertical.navbar-expand-lg.navbar-right {
+ left:auto;
+ right: 0
+ }
+
+ .navbar-vertical.navbar-expand-lg .navbar-brand {
+ padding: .75rem 0;
+ justify-content: center
+ }
+
+ .navbar-vertical.navbar-expand-lg .navbar-collapse {
+ align-items: stretch
+ }
+
+ .navbar-vertical.navbar-expand-lg .navbar-nav {
+ flex-direction: column;
+ flex-grow: 1;
+ min-height: auto
+ }
+
+ .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link {
+ padding-top: .5rem;
+ padding-bottom: .5rem
+ }
+
+ .navbar-vertical.navbar-expand-lg>[class^=container] {
+ flex-direction: column;
+ align-items: stretch;
+ min-height: 100%;
+ justify-content: flex-start;
+ padding: 0
+ }
+
+ .navbar-vertical.navbar-expand-lg~.page {
+ padding-left: 15rem
+ }
+
+ .navbar-vertical.navbar-expand-lg~.page [class^=container] {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem
+ }
+
+ .navbar-vertical.navbar-expand-lg.navbar-right~.page {
+ padding-left: 0;
+ padding-right: 15rem
+ }
+
+ .navbar-vertical.navbar-expand-lg .navbar-collapse {
+ flex-direction: column
+ }
+
+ .navbar-vertical.navbar-expand-lg .navbar-collapse [class^=container] {
+ flex-direction: column;
+ align-items: stretch;
+ padding: 0
+ }
+
+ .navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav {
+ margin-left: 0;
+ margin-right: 0
+ }
+
+ .navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav .nav-link {
+ padding: .5rem calc(calc(var(--tblr-page-padding) * 2)/ 2);
+ justify-content: flex-start
+ }
+
+ .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu-columns {
+ flex-direction: column
+ }
+
+ .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu {
+ padding: 0;
+ background: 0 0;
+ position: static;
+ color: inherit;
+ box-shadow: none;
+ border: none;
+ min-width: 0;
+ margin: 0
+ }
+
+ .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item {
+ min-width: 0;
+ display: flex;
+ width: auto;
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 1.75rem);
+ color: inherit
+ }
+
+ .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.disabled {
+ color: var(--tblr-gray-300);
+ pointer-events: none;
+ background-color: transparent
+ }
+
+ .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.active,.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item:active {
+ background: var(--tblr-navbar-active-bg)
+ }
+
+ .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem)
+ }
+
+ .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 4.75rem)
+ }
+
+ .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
+ margin-left: auto
+ }
+
+ .navbar-vertical.navbar-expand-lg .navbar-collapse .nav-item.active:after {
+ border-bottom-width: 0;
+ border-left-width: 3px;
+ right: auto;
+ top: 0;
+ bottom: 0
+ }
+}
+
+@media (min-width: 1200px) {
+ .navbar-vertical.navbar-expand-xl {
+ width:15rem;
+ position: fixed;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ z-index: 1030;
+ align-items: flex-start;
+ transition: transform .3s;
+ overflow-y: scroll;
+ padding: 0
+ }
+}
+
+@media (min-width: 1200px) and (prefers-reduced-motion:reduce) {
+ .navbar-vertical.navbar-expand-xl {
+ transition:none
+ }
+}
+
+@media (min-width: 1200px) {
+ .navbar-vertical.navbar-expand-xl.navbar-right {
+ left:auto;
+ right: 0
+ }
+
+ .navbar-vertical.navbar-expand-xl .navbar-brand {
+ padding: .75rem 0;
+ justify-content: center
+ }
+
+ .navbar-vertical.navbar-expand-xl .navbar-collapse {
+ align-items: stretch
+ }
+
+ .navbar-vertical.navbar-expand-xl .navbar-nav {
+ flex-direction: column;
+ flex-grow: 1;
+ min-height: auto
+ }
+
+ .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link {
+ padding-top: .5rem;
+ padding-bottom: .5rem
+ }
+
+ .navbar-vertical.navbar-expand-xl>[class^=container] {
+ flex-direction: column;
+ align-items: stretch;
+ min-height: 100%;
+ justify-content: flex-start;
+ padding: 0
+ }
+
+ .navbar-vertical.navbar-expand-xl~.page {
+ padding-left: 15rem
+ }
+
+ .navbar-vertical.navbar-expand-xl~.page [class^=container] {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem
+ }
+
+ .navbar-vertical.navbar-expand-xl.navbar-right~.page {
+ padding-left: 0;
+ padding-right: 15rem
+ }
+
+ .navbar-vertical.navbar-expand-xl .navbar-collapse {
+ flex-direction: column
+ }
+
+ .navbar-vertical.navbar-expand-xl .navbar-collapse [class^=container] {
+ flex-direction: column;
+ align-items: stretch;
+ padding: 0
+ }
+
+ .navbar-vertical.navbar-expand-xl .navbar-collapse .navbar-nav {
+ margin-left: 0;
+ margin-right: 0
+ }
+
+ .navbar-vertical.navbar-expand-xl .navbar-collapse .navbar-nav .nav-link {
+ padding: .5rem calc(calc(var(--tblr-page-padding) * 2)/ 2);
+ justify-content: flex-start
+ }
+
+ .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu-columns {
+ flex-direction: column
+ }
+
+ .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu {
+ padding: 0;
+ background: 0 0;
+ position: static;
+ color: inherit;
+ box-shadow: none;
+ border: none;
+ min-width: 0;
+ margin: 0
+ }
+
+ .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item {
+ min-width: 0;
+ display: flex;
+ width: auto;
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 1.75rem);
+ color: inherit
+ }
+
+ .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item.disabled {
+ color: var(--tblr-gray-300);
+ pointer-events: none;
+ background-color: transparent
+ }
+
+ .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item.active,.navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item:active {
+ background: var(--tblr-navbar-active-bg)
+ }
+
+ .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem)
+ }
+
+ .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 4.75rem)
+ }
+
+ .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-toggle:after {
+ margin-left: auto
+ }
+
+ .navbar-vertical.navbar-expand-xl .navbar-collapse .nav-item.active:after {
+ border-bottom-width: 0;
+ border-left-width: 3px;
+ right: auto;
+ top: 0;
+ bottom: 0
+ }
+}
+
+@media (min-width: 1400px) {
+ .navbar-vertical.navbar-expand-xxl {
+ width:15rem;
+ position: fixed;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ z-index: 1030;
+ align-items: flex-start;
+ transition: transform .3s;
+ overflow-y: scroll;
+ padding: 0
+ }
+}
+
+@media (min-width: 1400px) and (prefers-reduced-motion:reduce) {
+ .navbar-vertical.navbar-expand-xxl {
+ transition:none
+ }
+}
+
+@media (min-width: 1400px) {
+ .navbar-vertical.navbar-expand-xxl.navbar-right {
+ left:auto;
+ right: 0
+ }
+
+ .navbar-vertical.navbar-expand-xxl .navbar-brand {
+ padding: .75rem 0;
+ justify-content: center
+ }
+
+ .navbar-vertical.navbar-expand-xxl .navbar-collapse {
+ align-items: stretch
+ }
+
+ .navbar-vertical.navbar-expand-xxl .navbar-nav {
+ flex-direction: column;
+ flex-grow: 1;
+ min-height: auto
+ }
+
+ .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link {
+ padding-top: .5rem;
+ padding-bottom: .5rem
+ }
+
+ .navbar-vertical.navbar-expand-xxl>[class^=container] {
+ flex-direction: column;
+ align-items: stretch;
+ min-height: 100%;
+ justify-content: flex-start;
+ padding: 0
+ }
+
+ .navbar-vertical.navbar-expand-xxl~.page {
+ padding-left: 15rem
+ }
+
+ .navbar-vertical.navbar-expand-xxl~.page [class^=container] {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem
+ }
+
+ .navbar-vertical.navbar-expand-xxl.navbar-right~.page {
+ padding-left: 0;
+ padding-right: 15rem
+ }
+
+ .navbar-vertical.navbar-expand-xxl .navbar-collapse {
+ flex-direction: column
+ }
+
+ .navbar-vertical.navbar-expand-xxl .navbar-collapse [class^=container] {
+ flex-direction: column;
+ align-items: stretch;
+ padding: 0
+ }
+
+ .navbar-vertical.navbar-expand-xxl .navbar-collapse .navbar-nav {
+ margin-left: 0;
+ margin-right: 0
+ }
+
+ .navbar-vertical.navbar-expand-xxl .navbar-collapse .navbar-nav .nav-link {
+ padding: .5rem calc(calc(var(--tblr-page-padding) * 2)/ 2);
+ justify-content: flex-start
+ }
+
+ .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu-columns {
+ flex-direction: column
+ }
+
+ .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu {
+ padding: 0;
+ background: 0 0;
+ position: static;
+ color: inherit;
+ box-shadow: none;
+ border: none;
+ min-width: 0;
+ margin: 0
+ }
+
+ .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item {
+ min-width: 0;
+ display: flex;
+ width: auto;
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 1.75rem);
+ color: inherit
+ }
+
+ .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item.disabled {
+ color: var(--tblr-gray-300);
+ pointer-events: none;
+ background-color: transparent
+ }
+
+ .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item.active,.navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item:active {
+ background: var(--tblr-navbar-active-bg)
+ }
+
+ .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem)
+ }
+
+ .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 4.75rem)
+ }
+
+ .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-toggle:after {
+ margin-left: auto
+ }
+
+ .navbar-vertical.navbar-expand-xxl .navbar-collapse .nav-item.active:after {
+ border-bottom-width: 0;
+ border-left-width: 3px;
+ right: auto;
+ top: 0;
+ bottom: 0
+ }
+}
+
+.navbar-vertical.navbar-expand {
+ width: 15rem;
+ position: fixed;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ z-index: 1030;
+ align-items: flex-start;
+ transition: transform .3s;
+ overflow-y: scroll;
+ padding: 0
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .navbar-vertical.navbar-expand {
+ transition: none
+ }
+}
+
+.navbar-vertical.navbar-expand.navbar-right {
+ left: auto;
+ right: 0
+}
+
+.navbar-vertical.navbar-expand .navbar-brand {
+ padding: .75rem 0;
+ justify-content: center
+}
+
+.navbar-vertical.navbar-expand .navbar-collapse {
+ align-items: stretch
+}
+
+.navbar-vertical.navbar-expand .navbar-nav {
+ flex-direction: column;
+ flex-grow: 1;
+ min-height: auto
+}
+
+.navbar-vertical.navbar-expand .navbar-nav .nav-link {
+ padding-top: .5rem;
+ padding-bottom: .5rem
+}
+
+.navbar-vertical.navbar-expand>[class^=container] {
+ flex-direction: column;
+ align-items: stretch;
+ min-height: 100%;
+ justify-content: flex-start;
+ padding: 0
+}
+
+.navbar-vertical.navbar-expand~.page {
+ padding-left: 15rem
+}
+
+.navbar-vertical.navbar-expand~.page [class^=container] {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem
+}
+
+.navbar-vertical.navbar-expand.navbar-right~.page {
+ padding-left: 0;
+ padding-right: 15rem
+}
+
+.navbar-vertical.navbar-expand .navbar-collapse {
+ flex-direction: column
+}
+
+.navbar-vertical.navbar-expand .navbar-collapse [class^=container] {
+ flex-direction: column;
+ align-items: stretch;
+ padding: 0
+}
+
+.navbar-vertical.navbar-expand .navbar-collapse .navbar-nav {
+ margin-left: 0;
+ margin-right: 0
+}
+
+.navbar-vertical.navbar-expand .navbar-collapse .navbar-nav .nav-link {
+ padding: .5rem calc(calc(var(--tblr-page-padding) * 2)/ 2);
+ justify-content: flex-start
+}
+
+.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu-columns {
+ flex-direction: column
+}
+
+.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu {
+ padding: 0;
+ background: 0 0;
+ position: static;
+ color: inherit;
+ box-shadow: none;
+ border: none;
+ min-width: 0;
+ margin: 0
+}
+
+.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item {
+ min-width: 0;
+ display: flex;
+ width: auto;
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 1.75rem);
+ color: inherit
+}
+
+.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item.disabled {
+ color: var(--tblr-gray-300);
+ pointer-events: none;
+ background-color: transparent
+}
+
+.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item.active,.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item:active {
+ background: var(--tblr-navbar-active-bg)
+}
+
+.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem)
+}
+
+.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
+ padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 4.75rem)
+}
+
+.navbar-vertical.navbar-expand .navbar-collapse .dropdown-toggle:after {
+ margin-left: auto
+}
+
+.navbar-vertical.navbar-expand .navbar-collapse .nav-item.active:after {
+ border-bottom-width: 0;
+ border-left-width: 3px;
+ right: auto;
+ top: 0;
+ bottom: 0
+}
+
+.navbar-overlap:after {
+ content: "";
+ height: 9rem;
+ position: absolute;
+ top: 100%;
+ left: 0;
+ right: 0;
+ background: inherit;
+ z-index: -1;
+ box-shadow: inherit
+}
+
+.page {
+ display: flex;
+ flex-direction: column;
+ position: relative;
+ min-height: 100%
+}
+
+.page-center {
+ justify-content: center
+}
+
+.page-wrapper {
+ flex: 1;
+ display: flex;
+ flex-direction: column
+}
+
+@media print {
+ .page-wrapper {
+ margin: 0!important
+ }
+}
+
+.page-wrapper-full .page-body:first-child {
+ margin: 0;
+ border-top: 0
+}
+
+.page-body {
+ margin-top: var(--tblr-page-padding-y);
+ margin-bottom: var(--tblr-page-padding-y);
+ display: flex;
+ flex-direction: column;
+ flex: 1
+}
+
+.page-body-card {
+ background: var(--tblr-bg-surface);
+ border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
+ padding: var(--tblr-page-padding) 0;
+ margin-bottom: 0;
+ flex: 1
+}
+
+.page-body~.page-body-card {
+ margin-top: 0
+}
+
+.page-cover {
+ background: no-repeat center/cover;
+ min-height: 9rem
+}
+
+@media (min-width: 768px) {
+ .page-cover {
+ min-height:12rem
+ }
+}
+
+@media (min-width: 992px) {
+ .page-cover {
+ min-height:15rem
+ }
+}
+
+.page-cover-overlay {
+ position: relative
+}
+
+.page-cover-overlay:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background-image: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%)
+}
+
+.page-header {
+ display: flex;
+ flex-wrap: wrap;
+ min-height: 2.25rem;
+ flex-direction: column;
+ justify-content: center
+}
+
+.page-wrapper .page-header {
+ margin: var(--tblr-page-padding-y) 0 0
+}
+
+.page-header-border {
+ border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
+ padding: var(--tblr-page-padding-y) 0;
+ margin: 0!important;
+ background-color: var(--tblr-bg-surface)
+}
+
+.page-pretitle {
+ font-size: .625rem;
+ font-weight: var(--tblr-font-weight-bold);
+ text-transform: uppercase;
+ letter-spacing: .04em;
+ line-height: 1rem;
+ color: var(--tblr-secondary)
+}
+
+.page-title {
+ margin: 0;
+ font-size: var(--tblr-font-size-h2);
+ line-height: var(--tblr-line-height-h2);
+ font-weight: var(--tblr-font-weight-headings);
+ color: inherit;
+ display: flex;
+ align-items: center
+}
+
+.page-title svg {
+ width: 1.5rem;
+ height: 1.5rem;
+ margin-right: .25rem
+}
+
+.page-title-lg {
+ font-size: 1.5rem;
+ line-height: 2rem
+}
+
+.page-subtitle {
+ margin-top: .25rem;
+ color: var(--tblr-secondary)
+}
+
+.page-cover {
+ --tblr-page-cover-blur: 20px;
+ --tblr-page-cover-padding: 1rem;
+ min-height: 6rem;
+ padding: var(--tblr-page-cover-padding) 0;
+ position: relative;
+ overflow: hidden
+}
+
+.page-cover-img {
+ position: absolute;
+ top: calc(-2 * var(--tblr-page-cover-blur,0));
+ left: calc(-2 * var(--tblr-page-cover-blur,0));
+ right: calc(-2 * var(--tblr-page-cover-blur,0));
+ bottom: calc(-2 * var(--tblr-page-cover-blur,0));
+ pointer-events: none;
+ filter: blur(var(--tblr-page-cover-blur));
+ -o-object-fit: cover;
+ object-fit: cover;
+ background-size: cover;
+ background-position: center;
+ z-index: -1
+}
+
+.page-tabs {
+ margin-top: .5rem;
+ position: relative
+}
+
+.page-header-tabs .nav-bordered {
+ border: 0
+}
+
+.page-header-tabs+.page-body-card {
+ margin-top: 0
+}
+
+.footer {
+ border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
+ background-color: #fff;
+ padding: 2rem 0;
+ color: var(--tblr-gray-500);
+ margin-top: auto
+}
+
+.footer-transparent {
+ background-color: transparent;
+ border-top: 0
+}
+
+body:not(.theme-dark):not([data-bs-theme=dark]) .hide-theme-light {
+ display: none!important
+}
+
+body:not(.theme-dark):not([data-bs-theme=dark]) .img-dark {
+ display: none!important
+}
+
+body.theme-dark .hide-theme-dark,body[data-bs-theme=dark] .hide-theme-dark {
+ display: none!important
+}
+
+body.theme-dark .img-light,body[data-bs-theme=dark] .img-light {
+ display: none!important
+}
+
+[data-bs-theme=dark],body[data-bs-theme=dark] [data-bs-theme=light] {
+ --tblr-body-color: #dce1e7;
+ --tblr-body-color-rgb: 220,225,231;
+ --tblr-muted: #49566c;
+ --tblr-body-bg: #151f2c;
+ --tblr-body-bg-rgb: 21,31,44;
+ --tblr-emphasis-color: #ffffff;
+ --tblr-emphasis-color-rgb: 255,255,255;
+ --tblr-bg-forms: #151f2c;
+ --tblr-bg-surface: #182433;
+ --tblr-bg-surface-dark: #151f2c;
+ --tblr-bg-surface-secondary: #1b293a;
+ --tblr-bg-surface-tertiary: #151f2c;
+ --tblr-link-color: #0884f8;
+ --tblr-link-hover-color: #066fd1;
+ --tblr-active-bg: #1b293a;
+ --tblr-disabled-color: var(--tblr-gray-700);
+ --tblr-border-color: var(--tblr-dark-mode-border-color);
+ --tblr-border-color-translucent: var( --tblr-dark-mode-border-color-translucent );
+ --tblr-border-dark-color: var(--tblr-dark-mode-border-dark-color);
+ --tblr-border-active-color: var( --tblr-dark-mode-border-active-color );
+ --tblr-btn-color: #151f2c;
+ --tblr-code-color: var(--tblr-body-color);
+ --tblr-code-bg: #1f2e41;
+ --tblr-primary-lt: #162c43;
+ --tblr-primary-lt-rgb: 22,44,67;
+ --tblr-secondary-lt: #202d3c;
+ --tblr-secondary-lt-rgb: 32,45,60;
+ --tblr-success-lt: #1a3235;
+ --tblr-success-lt-rgb: 26,50,53;
+ --tblr-info-lt: #1c3044;
+ --tblr-info-lt-rgb: 28,48,68;
+ --tblr-warning-lt: #2e2b2f;
+ --tblr-warning-lt-rgb: 46,43,47;
+ --tblr-danger-lt: #2b2634;
+ --tblr-danger-lt-rgb: 43,38,52;
+ --tblr-light-lt: #2e3947;
+ --tblr-light-lt-rgb: 46,57,71;
+ --tblr-dark-lt: #182433;
+ --tblr-dark-lt-rgb: 24,36,51;
+ --tblr-muted-lt: #202d3c;
+ --tblr-muted-lt-rgb: 32,45,60;
+ --tblr-blue-lt: #162c43;
+ --tblr-blue-lt-rgb: 22,44,67;
+ --tblr-azure-lt: #1c3044;
+ --tblr-azure-lt-rgb: 28,48,68;
+ --tblr-indigo-lt: #1c2a45;
+ --tblr-indigo-lt-rgb: 28,42,69;
+ --tblr-purple-lt: #272742;
+ --tblr-purple-lt-rgb: 39,39,66;
+ --tblr-pink-lt: #2b2639;
+ --tblr-pink-lt-rgb: 43,38,57;
+ --tblr-red-lt: #2b2634;
+ --tblr-red-lt-rgb: 43,38,52;
+ --tblr-orange-lt: #2e2b2f;
+ --tblr-orange-lt-rgb: 46,43,47;
+ --tblr-yellow-lt: #2e302e;
+ --tblr-yellow-lt-rgb: 46,48,46;
+ --tblr-lime-lt: #213330;
+ --tblr-lime-lt-rgb: 33,51,48;
+ --tblr-green-lt: #1a3235;
+ --tblr-green-lt-rgb: 26,50,53;
+ --tblr-teal-lt: #17313a;
+ --tblr-teal-lt-rgb: 23,49,58;
+ --tblr-cyan-lt: #183140;
+ --tblr-cyan-lt-rgb: 24,49,64;
+ --tblr-x-lt: #16202e;
+ --tblr-x-lt-rgb: 22,32,46;
+ --tblr-facebook-lt: #182c46;
+ --tblr-facebook-lt-rgb: 24,44,70;
+ --tblr-twitter-lt: #193146;
+ --tblr-twitter-lt-rgb: 25,49,70;
+ --tblr-linkedin-lt: #172b41;
+ --tblr-linkedin-lt-rgb: 23,43,65;
+ --tblr-google-lt: #2c2834;
+ --tblr-google-lt-rgb: 44,40,52;
+ --tblr-youtube-lt: #2f202e;
+ --tblr-youtube-lt-rgb: 47,32,46;
+ --tblr-vimeo-lt: #183345;
+ --tblr-vimeo-lt-rgb: 24,51,69;
+ --tblr-dribbble-lt: #2d283c;
+ --tblr-dribbble-lt-rgb: 45,40,60;
+ --tblr-github-lt: #182330;
+ --tblr-github-lt-rgb: 24,35,48;
+ --tblr-instagram-lt: #2c2737;
+ --tblr-instagram-lt-rgb: 44,39,55;
+ --tblr-pinterest-lt: #292131;
+ --tblr-pinterest-lt-rgb: 41,33,49;
+ --tblr-vk-lt: #202e3f;
+ --tblr-vk-lt-rgb: 32,46,63;
+ --tblr-rss-lt: #2f312e;
+ --tblr-rss-lt-rgb: 47,49,46;
+ --tblr-flickr-lt: #162a44;
+ --tblr-flickr-lt-rgb: 22,42,68;
+ --tblr-bitbucket-lt: #162942;
+ --tblr-bitbucket-lt-rgb: 22,41,66;
+ --tblr-tabler-lt: #162c43;
+ --tblr-tabler-lt-rgb: 22,44,67
+}
+
+[data-bs-theme=dark] .navbar-brand-autodark .navbar-brand-image {
+ filter: brightness(0) invert(1)
+}
+
+.accordion {
+ --tblr-accordion-color: var(--tblr-body-color)
+}
+
+.accordion-button:focus:not(:focus-visible) {
+ outline: 0;
+ box-shadow: none
+}
+
+.accordion-button:after {
+ opacity: .7
+}
+
+.accordion-button:not(.collapsed) {
+ font-weight: var(--tblr-font-weight-bold);
+ border-bottom-color: transparent;
+ box-shadow: none
+}
+
+.accordion-button:not(.collapsed):after {
+ opacity: 1
+}
+
+.alert {
+ --tblr-alert-color: var(--tblr-secondary);
+ --tblr-alert-bg: var(--tblr-bg-surface);
+ border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
+ border-left: .25rem var(--tblr-border-style) var(--tblr-alert-color);
+ box-shadow: rgba(24,36,51,.04) 0 2px 4px 0
+}
+
+.alert>:last-child {
+ margin-bottom: 0
+}
+
+.alert-important {
+ border-color: transparent;
+ background: var(--tblr-alert-color);
+ color: #fff
+}
+
+.alert-important .alert-icon,.alert-important .alert-link,.alert-important .alert-title {
+ color: inherit
+}
+
+.alert-important .alert-link:hover {
+ color: inherit
+}
+
+.alert-important .btn-close {
+ filter: var(--tblr-btn-close-white-filter)
+}
+
+.alert-link,.alert-link:hover {
+ color: var(--tblr-alert-color)
+}
+
+.alert-primary {
+ --tblr-alert-color: var(--tblr-primary)
+}
+
+.alert-secondary {
+ --tblr-alert-color: var(--tblr-secondary)
+}
+
+.alert-success {
+ --tblr-alert-color: var(--tblr-success)
+}
+
+.alert-info {
+ --tblr-alert-color: var(--tblr-info)
+}
+
+.alert-warning {
+ --tblr-alert-color: var(--tblr-warning)
+}
+
+.alert-danger {
+ --tblr-alert-color: var(--tblr-danger)
+}
+
+.alert-light {
+ --tblr-alert-color: var(--tblr-light)
+}
+
+.alert-dark {
+ --tblr-alert-color: var(--tblr-dark)
+}
+
+.alert-muted {
+ --tblr-alert-color: var(--tblr-muted)
+}
+
+.alert-blue {
+ --tblr-alert-color: var(--tblr-blue)
+}
+
+.alert-azure {
+ --tblr-alert-color: var(--tblr-azure)
+}
+
+.alert-indigo {
+ --tblr-alert-color: var(--tblr-indigo)
+}
+
+.alert-purple {
+ --tblr-alert-color: var(--tblr-purple)
+}
+
+.alert-pink {
+ --tblr-alert-color: var(--tblr-pink)
+}
+
+.alert-red {
+ --tblr-alert-color: var(--tblr-red)
+}
+
+.alert-orange {
+ --tblr-alert-color: var(--tblr-orange)
+}
+
+.alert-yellow {
+ --tblr-alert-color: var(--tblr-yellow)
+}
+
+.alert-lime {
+ --tblr-alert-color: var(--tblr-lime)
+}
+
+.alert-green {
+ --tblr-alert-color: var(--tblr-green)
+}
+
+.alert-teal {
+ --tblr-alert-color: var(--tblr-teal)
+}
+
+.alert-cyan {
+ --tblr-alert-color: var(--tblr-cyan)
+}
+
+.alert-x {
+ --tblr-alert-color: var(--tblr-x)
+}
+
+.alert-facebook {
+ --tblr-alert-color: var(--tblr-facebook)
+}
+
+.alert-twitter {
+ --tblr-alert-color: var(--tblr-twitter)
+}
+
+.alert-linkedin {
+ --tblr-alert-color: var(--tblr-linkedin)
+}
+
+.alert-google {
+ --tblr-alert-color: var(--tblr-google)
+}
+
+.alert-youtube {
+ --tblr-alert-color: var(--tblr-youtube)
+}
+
+.alert-vimeo {
+ --tblr-alert-color: var(--tblr-vimeo)
+}
+
+.alert-dribbble {
+ --tblr-alert-color: var(--tblr-dribbble)
+}
+
+.alert-github {
+ --tblr-alert-color: var(--tblr-github)
+}
+
+.alert-instagram {
+ --tblr-alert-color: var(--tblr-instagram)
+}
+
+.alert-pinterest {
+ --tblr-alert-color: var(--tblr-pinterest)
+}
+
+.alert-vk {
+ --tblr-alert-color: var(--tblr-vk)
+}
+
+.alert-rss {
+ --tblr-alert-color: var(--tblr-rss)
+}
+
+.alert-flickr {
+ --tblr-alert-color: var(--tblr-flickr)
+}
+
+.alert-bitbucket {
+ --tblr-alert-color: var(--tblr-bitbucket)
+}
+
+.alert-tabler {
+ --tblr-alert-color: var(--tblr-tabler)
+}
+
+.alert-icon {
+ color: var(--tblr-alert-color);
+ width: 1.5rem!important;
+ height: 1.5rem!important;
+ margin: -.125rem 1rem -.125rem 0
+}
+
+.alert-title {
+ font-size: .875rem;
+ line-height: 1.25rem;
+ font-weight: var(--tblr-font-weight-bold);
+ margin-bottom: .25rem;
+ color: var(--tblr-alert-color)
+}
+
+.avatar {
+ --tblr-avatar-size: 2.5rem;
+ --tblr-avatar-status-size: 0.75rem;
+ --tblr-avatar-bg: var(--tblr-bg-surface-secondary);
+ --tblr-avatar-box-shadow: var(--tblr-box-shadow-border);
+ --tblr-avatar-font-size: 1rem;
+ --tblr-avatar-icon-size: 1.5rem;
+ position: relative;
+ width: var(--tblr-avatar-size);
+ height: var(--tblr-avatar-size);
+ font-size: var(--tblr-avatar-font-size);
+ font-weight: var(--tblr-font-weight-medium);
+ line-height: 1;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ color: var(--tblr-secondary);
+ text-align: center;
+ text-transform: uppercase;
+ vertical-align: bottom;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background: var(--tblr-avatar-bg) no-repeat center/cover;
+ border-radius: var(--tblr-border-radius);
+ box-shadow: var(--tblr-avatar-box-shadow)
+}
+
+.avatar .icon {
+ width: var(--tblr-avatar-icon-size);
+ height: var(--tblr-avatar-icon-size)
+}
+
+.avatar .badge {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ border-radius: 100rem;
+ box-shadow: 0 0 0 calc(var(--tblr-avatar-status-size)/ 4) var(--tblr-bg-surface)
+}
+
+a.avatar {
+ cursor: pointer
+}
+
+.avatar-rounded {
+ border-radius: 100rem
+}
+
+.avatar-xxs {
+ --tblr-avatar-size: 1rem;
+ --tblr-avatar-status-size: 0.25rem;
+ --tblr-avatar-font-size: 0.5rem;
+ --tblr-avatar-icon-size: 0.75rem
+}
+
+.avatar-xxs .badge:empty {
+ width: .25rem;
+ height: .25rem
+}
+
+.avatar-xs {
+ --tblr-avatar-size: 1.25rem;
+ --tblr-avatar-status-size: 0.375rem;
+ --tblr-avatar-font-size: 0.625rem;
+ --tblr-avatar-icon-size: 1rem
+}
+
+.avatar-xs .badge:empty {
+ width: .375rem;
+ height: .375rem
+}
+
+.avatar-sm {
+ --tblr-avatar-size: 2rem;
+ --tblr-avatar-status-size: 0.5rem;
+ --tblr-avatar-font-size: 0.75rem;
+ --tblr-avatar-icon-size: 1.25rem
+}
+
+.avatar-sm .badge:empty {
+ width: .5rem;
+ height: .5rem
+}
+
+.avatar-md {
+ --tblr-avatar-size: 2.5rem;
+ --tblr-avatar-status-size: 0.75rem;
+ --tblr-avatar-font-size: 0.875rem;
+ --tblr-avatar-icon-size: 1.5rem
+}
+
+.avatar-md .badge:empty {
+ width: .75rem;
+ height: .75rem
+}
+
+.avatar-lg {
+ --tblr-avatar-size: 3rem;
+ --tblr-avatar-status-size: 0.75rem;
+ --tblr-avatar-font-size: 1.25rem;
+ --tblr-avatar-icon-size: 2rem
+}
+
+.avatar-lg .badge:empty {
+ width: .75rem;
+ height: .75rem
+}
+
+.avatar-xl {
+ --tblr-avatar-size: 5rem;
+ --tblr-avatar-status-size: 1rem;
+ --tblr-avatar-font-size: 2rem;
+ --tblr-avatar-icon-size: 3rem
+}
+
+.avatar-xl .badge:empty {
+ width: 1rem;
+ height: 1rem
+}
+
+.avatar-2xl {
+ --tblr-avatar-size: 7rem;
+ --tblr-avatar-status-size: 1rem;
+ --tblr-avatar-font-size: 3rem;
+ --tblr-avatar-icon-size: 5rem
+}
+
+.avatar-2xl .badge:empty {
+ width: 1rem;
+ height: 1rem
+}
+
+.avatar-list {
+ --tblr-list-gap: 0.5rem;
+ display: flex;
+ flex-wrap: wrap;
+ gap: var(--tblr-list-gap)
+}
+
+.avatar-list a.avatar:hover {
+ z-index: 1
+}
+
+.avatar-list-stacked {
+ display: block;
+ --tblr-list-gap: 0
+}
+
+.avatar-list-stacked .avatar {
+ margin-right: calc(-.5 * var(--tblr-avatar-size))!important;
+ box-shadow: var(--tblr-avatar-box-shadow),0 0 0 2px var(--tblr-card-cap-bg,var(--tblr-card-bg,var(--tblr-bg-surface)))
+}
+
+.avatar-upload {
+ width: 4rem;
+ height: 4rem;
+ border: var(--tblr-border-width) dashed var(--tblr-border-color);
+ background: var(--tblr-bg-forms);
+ flex-direction: column;
+ transition: color .3s,background-color .3s
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .avatar-upload {
+ transition: none
+ }
+}
+
+.avatar-upload svg {
+ width: 1.5rem;
+ height: 1.5rem;
+ stroke-width: 1
+}
+
+.avatar-upload:hover {
+ border-color: var(--tblr-primary);
+ color: var(--tblr-primary);
+ text-decoration: none
+}
+
+.avatar-upload-text {
+ font-size: .625rem;
+ line-height: 1;
+ margin-top: .25rem
+}
+
+.avatar-cover {
+ margin-top: calc(-.5 * var(--tblr-avatar-size));
+ box-shadow: 0 0 0 .25rem var(--tblr-card-bg,var(--tblr-body-bg))
+}
+
+.badge {
+ justify-content: center;
+ align-items: center;
+ background: var(--tblr-bg-surface-secondary);
+ overflow: hidden;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ border: var(--tblr-border-width) var(--tblr-border-style) transparent;
+ min-width: 1.35714285em;
+ font-weight: var(--tblr-font-weight-bold);
+ letter-spacing: .04em;
+ vertical-align: bottom
+}
+
+a.badge {
+ color: var(--tblr-bg-surface)
+}
+
+.badge .avatar {
+ box-sizing: content-box;
+ width: 1.25rem;
+ height: 1.25rem;
+ margin: 0 .5rem 0 -.5rem
+}
+
+.badge .icon {
+ width: 1em;
+ height: 1em;
+ font-size: 1rem;
+ stroke-width: 2
+}
+
+.badge-empty,.badge:empty {
+ display: inline-block;
+ width: .5rem;
+ height: .5rem;
+ min-width: 0;
+ min-height: auto;
+ padding: 0;
+ border-radius: 100rem;
+ vertical-align: baseline
+}
+
+.badge-outline {
+ background-color: transparent;
+ border: var(--tblr-border-width) var(--tblr-border-style) currentColor
+}
+
+.badge-pill {
+ border-radius: 100rem
+}
+
+.badges-list {
+ --tblr-list-gap: 0.5rem;
+ display: flex;
+ flex-wrap: wrap;
+ gap: var(--tblr-list-gap)
+}
+
+.badge-notification {
+ position: absolute!important;
+ top: 0!important;
+ right: 0!important;
+ transform: translate(50%,-50%);
+ z-index: 1
+}
+
+.badge-blink {
+ animation: blink 2s infinite
+}
+
+.breadcrumb {
+ --tblr-breadcrumb-item-active-font-weight: var(--tblr-font-weight-bold);
+ --tblr-breadcrumb-item-disabled-color: var(--tblr-disabled-color);
+ --tblr-breadcrumb-link-color: var(--tblr-link-color);
+ padding: 0;
+ margin: 0;
+ background: 0 0
+}
+
+.breadcrumb a {
+ color: var(--tblr-breadcrumb-link-color)
+}
+
+.breadcrumb a:hover {
+ text-decoration: underline
+}
+
+.breadcrumb-muted {
+ --tblr-breadcrumb-link-color: var(--tblr-secondary)
+}
+
+.breadcrumb-item.active {
+ font-weight: var(--tblr-breadcrumb-item-active-font-weight)
+}
+
+.breadcrumb-item.active a {
+ color: inherit;
+ pointer-events: none
+}
+
+.breadcrumb-item.disabled {
+ color: var(--tblr-breadcrumb-item-disabled-color)
+}
+
+.breadcrumb-item.disabled:before {
+ color: inherit
+}
+
+.breadcrumb-item.disabled a {
+ color: inherit;
+ pointer-events: none
+}
+
+.breadcrumb-dots {
+ --tblr-breadcrumb-divider: "·"
+}
+
+.breadcrumb-arrows {
+ --tblr-breadcrumb-divider: "›"
+}
+
+.breadcrumb-bullets {
+ --tblr-breadcrumb-divider: "•"
+}
+
+.btn {
+ --tblr-btn-icon-size: 1.25rem;
+ --tblr-btn-bg: var(--tblr-bg-surface);
+ --tblr-btn-color: var(--tblr-body-color);
+ --tblr-btn-border-color: var(--tblr-border-color);
+ --tblr-btn-hover-bg: var(--tblr-btn-bg);
+ --tblr-btn-hover-border-color: var(--tblr-border-active-color);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input);
+ --tblr-btn-active-color: var(--tblr-primary);
+ --tblr-btn-active-bg: rgba(var(--tblr-primary-rgb), 0.04);
+ --tblr-btn-active-border-color: var(--tblr-primary);
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ white-space: nowrap;
+ box-shadow: var(--tblr-btn-box-shadow)
+}
+
+.btn .icon {
+ width: var(--tblr-btn-icon-size);
+ height: var(--tblr-btn-icon-size);
+ min-width: var(--tblr-btn-icon-size);
+ margin: 0 calc(var(--tblr-btn-padding-x)/ 2) 0 calc(var(--tblr-btn-padding-x)/ -4);
+ vertical-align: bottom;
+ color: inherit
+}
+
+.btn .avatar {
+ width: var(--tblr-btn-icon-size);
+ height: var(--tblr-btn-icon-size);
+ margin: 0 calc(var(--tblr-btn-padding-x)/ 2) 0 calc(var(--tblr-btn-padding-x)/ -4)
+}
+
+.btn .icon-right {
+ margin: 0 calc(var(--tblr-btn-padding-x)/ -4) 0 calc(var(--tblr-btn-padding-x)/ 2)
+}
+
+.btn .badge {
+ top: auto
+}
+
+.btn-check+.btn:hover {
+ color: var(--tblr-btn-hover-color);
+ background-color: var(--tblr-btn-hover-bg);
+ border-color: var(--tblr-btn-hover-border-color)
+}
+
+.btn-link {
+ color: #077cea;
+ background-color: transparent;
+ border-color: transparent;
+ box-shadow: none
+}
+
+.btn-link .icon {
+ color: inherit
+}
+
+.btn-link:hover {
+ color: #0559a7;
+ border-color: transparent
+}
+
+.btn-primary {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-primary-fg);
+ --tblr-btn-bg: var(--tblr-primary);
+ --tblr-btn-hover-color: var(--tblr-primary-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-primary-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-primary-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-primary-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-primary);
+ --tblr-btn-disabled-color: var(--tblr-primary-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-primary {
+ --tblr-btn-color: var(--tblr-primary);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-primary);
+ --tblr-btn-hover-color: var(--tblr-primary-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-primary);
+ --tblr-btn-active-color: var(--tblr-primary-fg);
+ --tblr-btn-active-bg: var(--tblr-primary);
+ --tblr-btn-disabled-color: var(--tblr-primary);
+ --tblr-btn-disabled-border-color: var(--tblr-primary)
+}
+
+.btn-secondary {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-secondary-fg);
+ --tblr-btn-bg: var(--tblr-secondary);
+ --tblr-btn-hover-color: var(--tblr-secondary-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-secondary-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-secondary-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-secondary-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-secondary);
+ --tblr-btn-disabled-color: var(--tblr-secondary-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-secondary {
+ --tblr-btn-color: var(--tblr-secondary);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-secondary);
+ --tblr-btn-hover-color: var(--tblr-secondary-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-secondary);
+ --tblr-btn-active-color: var(--tblr-secondary-fg);
+ --tblr-btn-active-bg: var(--tblr-secondary);
+ --tblr-btn-disabled-color: var(--tblr-secondary);
+ --tblr-btn-disabled-border-color: var(--tblr-secondary)
+}
+
+.btn-success {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-success-fg);
+ --tblr-btn-bg: var(--tblr-success);
+ --tblr-btn-hover-color: var(--tblr-success-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-success-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-success-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-success-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-success);
+ --tblr-btn-disabled-color: var(--tblr-success-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-success {
+ --tblr-btn-color: var(--tblr-success);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-success);
+ --tblr-btn-hover-color: var(--tblr-success-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-success);
+ --tblr-btn-active-color: var(--tblr-success-fg);
+ --tblr-btn-active-bg: var(--tblr-success);
+ --tblr-btn-disabled-color: var(--tblr-success);
+ --tblr-btn-disabled-border-color: var(--tblr-success)
+}
+
+.btn-info {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-info-fg);
+ --tblr-btn-bg: var(--tblr-info);
+ --tblr-btn-hover-color: var(--tblr-info-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-info-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-info-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-info-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-info);
+ --tblr-btn-disabled-color: var(--tblr-info-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-info {
+ --tblr-btn-color: var(--tblr-info);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-info);
+ --tblr-btn-hover-color: var(--tblr-info-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-info);
+ --tblr-btn-active-color: var(--tblr-info-fg);
+ --tblr-btn-active-bg: var(--tblr-info);
+ --tblr-btn-disabled-color: var(--tblr-info);
+ --tblr-btn-disabled-border-color: var(--tblr-info)
+}
+
+.btn-warning {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-warning-fg);
+ --tblr-btn-bg: var(--tblr-warning);
+ --tblr-btn-hover-color: var(--tblr-warning-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-warning-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-warning-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-warning-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-warning);
+ --tblr-btn-disabled-color: var(--tblr-warning-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-warning {
+ --tblr-btn-color: var(--tblr-warning);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-warning);
+ --tblr-btn-hover-color: var(--tblr-warning-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-warning);
+ --tblr-btn-active-color: var(--tblr-warning-fg);
+ --tblr-btn-active-bg: var(--tblr-warning);
+ --tblr-btn-disabled-color: var(--tblr-warning);
+ --tblr-btn-disabled-border-color: var(--tblr-warning)
+}
+
+.btn-danger {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-danger-fg);
+ --tblr-btn-bg: var(--tblr-danger);
+ --tblr-btn-hover-color: var(--tblr-danger-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-danger-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-danger-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-danger-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-danger);
+ --tblr-btn-disabled-color: var(--tblr-danger-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-danger {
+ --tblr-btn-color: var(--tblr-danger);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-danger);
+ --tblr-btn-hover-color: var(--tblr-danger-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-danger);
+ --tblr-btn-active-color: var(--tblr-danger-fg);
+ --tblr-btn-active-bg: var(--tblr-danger);
+ --tblr-btn-disabled-color: var(--tblr-danger);
+ --tblr-btn-disabled-border-color: var(--tblr-danger)
+}
+
+.btn-light {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-light-fg);
+ --tblr-btn-bg: var(--tblr-light);
+ --tblr-btn-hover-color: var(--tblr-light-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-light-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-light-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-light-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-light);
+ --tblr-btn-disabled-color: var(--tblr-light-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-light {
+ --tblr-btn-color: var(--tblr-light);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-light);
+ --tblr-btn-hover-color: var(--tblr-light-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-light);
+ --tblr-btn-active-color: var(--tblr-light-fg);
+ --tblr-btn-active-bg: var(--tblr-light);
+ --tblr-btn-disabled-color: var(--tblr-light);
+ --tblr-btn-disabled-border-color: var(--tblr-light)
+}
+
+.btn-dark {
+ --tblr-btn-border-color: var(--tblr-dark-mode-border-color);
+ --tblr-btn-hover-border-color: var(--tblr-dark-mode-border-active-color);
+ --tblr-btn-active-border-color: var(--tblr-dark-mode-border-active-color);
+ --tblr-btn-color: var(--tblr-dark-fg);
+ --tblr-btn-bg: var(--tblr-dark);
+ --tblr-btn-hover-color: var(--tblr-dark-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-dark-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-dark-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-dark-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-dark);
+ --tblr-btn-disabled-color: var(--tblr-dark-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-dark {
+ --tblr-btn-color: var(--tblr-dark);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-dark);
+ --tblr-btn-hover-color: var(--tblr-dark-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-dark);
+ --tblr-btn-active-color: var(--tblr-dark-fg);
+ --tblr-btn-active-bg: var(--tblr-dark);
+ --tblr-btn-disabled-color: var(--tblr-dark);
+ --tblr-btn-disabled-border-color: var(--tblr-dark)
+}
+
+.btn-muted {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-muted-fg);
+ --tblr-btn-bg: var(--tblr-muted);
+ --tblr-btn-hover-color: var(--tblr-muted-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-muted-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-muted-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-muted-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-muted);
+ --tblr-btn-disabled-color: var(--tblr-muted-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-muted {
+ --tblr-btn-color: var(--tblr-muted);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-muted);
+ --tblr-btn-hover-color: var(--tblr-muted-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-muted);
+ --tblr-btn-active-color: var(--tblr-muted-fg);
+ --tblr-btn-active-bg: var(--tblr-muted);
+ --tblr-btn-disabled-color: var(--tblr-muted);
+ --tblr-btn-disabled-border-color: var(--tblr-muted)
+}
+
+.btn-blue {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-blue-fg);
+ --tblr-btn-bg: var(--tblr-blue);
+ --tblr-btn-hover-color: var(--tblr-blue-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-blue-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-blue-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-blue-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-blue);
+ --tblr-btn-disabled-color: var(--tblr-blue-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-blue {
+ --tblr-btn-color: var(--tblr-blue);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-blue);
+ --tblr-btn-hover-color: var(--tblr-blue-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-blue);
+ --tblr-btn-active-color: var(--tblr-blue-fg);
+ --tblr-btn-active-bg: var(--tblr-blue);
+ --tblr-btn-disabled-color: var(--tblr-blue);
+ --tblr-btn-disabled-border-color: var(--tblr-blue)
+}
+
+.btn-azure {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-azure-fg);
+ --tblr-btn-bg: var(--tblr-azure);
+ --tblr-btn-hover-color: var(--tblr-azure-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-azure-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-azure-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-azure-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-azure);
+ --tblr-btn-disabled-color: var(--tblr-azure-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-azure {
+ --tblr-btn-color: var(--tblr-azure);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-azure);
+ --tblr-btn-hover-color: var(--tblr-azure-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-azure);
+ --tblr-btn-active-color: var(--tblr-azure-fg);
+ --tblr-btn-active-bg: var(--tblr-azure);
+ --tblr-btn-disabled-color: var(--tblr-azure);
+ --tblr-btn-disabled-border-color: var(--tblr-azure)
+}
+
+.btn-indigo {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-indigo-fg);
+ --tblr-btn-bg: var(--tblr-indigo);
+ --tblr-btn-hover-color: var(--tblr-indigo-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-indigo-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-indigo-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-indigo-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-indigo);
+ --tblr-btn-disabled-color: var(--tblr-indigo-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-indigo {
+ --tblr-btn-color: var(--tblr-indigo);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-indigo);
+ --tblr-btn-hover-color: var(--tblr-indigo-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-indigo);
+ --tblr-btn-active-color: var(--tblr-indigo-fg);
+ --tblr-btn-active-bg: var(--tblr-indigo);
+ --tblr-btn-disabled-color: var(--tblr-indigo);
+ --tblr-btn-disabled-border-color: var(--tblr-indigo)
+}
+
+.btn-purple {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-purple-fg);
+ --tblr-btn-bg: var(--tblr-purple);
+ --tblr-btn-hover-color: var(--tblr-purple-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-purple-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-purple-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-purple-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-purple);
+ --tblr-btn-disabled-color: var(--tblr-purple-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-purple {
+ --tblr-btn-color: var(--tblr-purple);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-purple);
+ --tblr-btn-hover-color: var(--tblr-purple-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-purple);
+ --tblr-btn-active-color: var(--tblr-purple-fg);
+ --tblr-btn-active-bg: var(--tblr-purple);
+ --tblr-btn-disabled-color: var(--tblr-purple);
+ --tblr-btn-disabled-border-color: var(--tblr-purple)
+}
+
+.btn-pink {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-pink-fg);
+ --tblr-btn-bg: var(--tblr-pink);
+ --tblr-btn-hover-color: var(--tblr-pink-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-pink-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-pink-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-pink-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-pink);
+ --tblr-btn-disabled-color: var(--tblr-pink-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-pink {
+ --tblr-btn-color: var(--tblr-pink);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-pink);
+ --tblr-btn-hover-color: var(--tblr-pink-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-pink);
+ --tblr-btn-active-color: var(--tblr-pink-fg);
+ --tblr-btn-active-bg: var(--tblr-pink);
+ --tblr-btn-disabled-color: var(--tblr-pink);
+ --tblr-btn-disabled-border-color: var(--tblr-pink)
+}
+
+.btn-red {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-red-fg);
+ --tblr-btn-bg: var(--tblr-red);
+ --tblr-btn-hover-color: var(--tblr-red-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-red-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-red-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-red-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-red);
+ --tblr-btn-disabled-color: var(--tblr-red-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-red {
+ --tblr-btn-color: var(--tblr-red);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-red);
+ --tblr-btn-hover-color: var(--tblr-red-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-red);
+ --tblr-btn-active-color: var(--tblr-red-fg);
+ --tblr-btn-active-bg: var(--tblr-red);
+ --tblr-btn-disabled-color: var(--tblr-red);
+ --tblr-btn-disabled-border-color: var(--tblr-red)
+}
+
+.btn-orange {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-orange-fg);
+ --tblr-btn-bg: var(--tblr-orange);
+ --tblr-btn-hover-color: var(--tblr-orange-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-orange-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-orange-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-orange-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-orange);
+ --tblr-btn-disabled-color: var(--tblr-orange-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-orange {
+ --tblr-btn-color: var(--tblr-orange);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-orange);
+ --tblr-btn-hover-color: var(--tblr-orange-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-orange);
+ --tblr-btn-active-color: var(--tblr-orange-fg);
+ --tblr-btn-active-bg: var(--tblr-orange);
+ --tblr-btn-disabled-color: var(--tblr-orange);
+ --tblr-btn-disabled-border-color: var(--tblr-orange)
+}
+
+.btn-yellow {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-yellow-fg);
+ --tblr-btn-bg: var(--tblr-yellow);
+ --tblr-btn-hover-color: var(--tblr-yellow-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-yellow-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-yellow-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-yellow-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-yellow);
+ --tblr-btn-disabled-color: var(--tblr-yellow-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-yellow {
+ --tblr-btn-color: var(--tblr-yellow);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-yellow);
+ --tblr-btn-hover-color: var(--tblr-yellow-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-yellow);
+ --tblr-btn-active-color: var(--tblr-yellow-fg);
+ --tblr-btn-active-bg: var(--tblr-yellow);
+ --tblr-btn-disabled-color: var(--tblr-yellow);
+ --tblr-btn-disabled-border-color: var(--tblr-yellow)
+}
+
+.btn-lime {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-lime-fg);
+ --tblr-btn-bg: var(--tblr-lime);
+ --tblr-btn-hover-color: var(--tblr-lime-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-lime-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-lime-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-lime-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-lime);
+ --tblr-btn-disabled-color: var(--tblr-lime-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-lime {
+ --tblr-btn-color: var(--tblr-lime);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-lime);
+ --tblr-btn-hover-color: var(--tblr-lime-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-lime);
+ --tblr-btn-active-color: var(--tblr-lime-fg);
+ --tblr-btn-active-bg: var(--tblr-lime);
+ --tblr-btn-disabled-color: var(--tblr-lime);
+ --tblr-btn-disabled-border-color: var(--tblr-lime)
+}
+
+.btn-green {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-green-fg);
+ --tblr-btn-bg: var(--tblr-green);
+ --tblr-btn-hover-color: var(--tblr-green-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-green-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-green-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-green-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-green);
+ --tblr-btn-disabled-color: var(--tblr-green-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-green {
+ --tblr-btn-color: var(--tblr-green);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-green);
+ --tblr-btn-hover-color: var(--tblr-green-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-green);
+ --tblr-btn-active-color: var(--tblr-green-fg);
+ --tblr-btn-active-bg: var(--tblr-green);
+ --tblr-btn-disabled-color: var(--tblr-green);
+ --tblr-btn-disabled-border-color: var(--tblr-green)
+}
+
+.btn-teal {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-teal-fg);
+ --tblr-btn-bg: var(--tblr-teal);
+ --tblr-btn-hover-color: var(--tblr-teal-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-teal-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-teal-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-teal-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-teal);
+ --tblr-btn-disabled-color: var(--tblr-teal-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-teal {
+ --tblr-btn-color: var(--tblr-teal);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-teal);
+ --tblr-btn-hover-color: var(--tblr-teal-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-teal);
+ --tblr-btn-active-color: var(--tblr-teal-fg);
+ --tblr-btn-active-bg: var(--tblr-teal);
+ --tblr-btn-disabled-color: var(--tblr-teal);
+ --tblr-btn-disabled-border-color: var(--tblr-teal)
+}
+
+.btn-cyan {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-cyan-fg);
+ --tblr-btn-bg: var(--tblr-cyan);
+ --tblr-btn-hover-color: var(--tblr-cyan-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-cyan-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-cyan-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-cyan-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-cyan);
+ --tblr-btn-disabled-color: var(--tblr-cyan-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-cyan {
+ --tblr-btn-color: var(--tblr-cyan);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-cyan);
+ --tblr-btn-hover-color: var(--tblr-cyan-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-cyan);
+ --tblr-btn-active-color: var(--tblr-cyan-fg);
+ --tblr-btn-active-bg: var(--tblr-cyan);
+ --tblr-btn-disabled-color: var(--tblr-cyan);
+ --tblr-btn-disabled-border-color: var(--tblr-cyan)
+}
+
+.btn-x {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-x-fg);
+ --tblr-btn-bg: var(--tblr-x);
+ --tblr-btn-hover-color: var(--tblr-x-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-x-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-x-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-x-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-x);
+ --tblr-btn-disabled-color: var(--tblr-x-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-x {
+ --tblr-btn-color: var(--tblr-x);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-x);
+ --tblr-btn-hover-color: var(--tblr-x-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-x);
+ --tblr-btn-active-color: var(--tblr-x-fg);
+ --tblr-btn-active-bg: var(--tblr-x);
+ --tblr-btn-disabled-color: var(--tblr-x);
+ --tblr-btn-disabled-border-color: var(--tblr-x)
+}
+
+.btn-facebook {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-facebook-fg);
+ --tblr-btn-bg: var(--tblr-facebook);
+ --tblr-btn-hover-color: var(--tblr-facebook-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-facebook-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-facebook-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-facebook-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-facebook);
+ --tblr-btn-disabled-color: var(--tblr-facebook-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-facebook {
+ --tblr-btn-color: var(--tblr-facebook);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-facebook);
+ --tblr-btn-hover-color: var(--tblr-facebook-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-facebook);
+ --tblr-btn-active-color: var(--tblr-facebook-fg);
+ --tblr-btn-active-bg: var(--tblr-facebook);
+ --tblr-btn-disabled-color: var(--tblr-facebook);
+ --tblr-btn-disabled-border-color: var(--tblr-facebook)
+}
+
+.btn-twitter {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-twitter-fg);
+ --tblr-btn-bg: var(--tblr-twitter);
+ --tblr-btn-hover-color: var(--tblr-twitter-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-twitter-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-twitter-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-twitter-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-twitter);
+ --tblr-btn-disabled-color: var(--tblr-twitter-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-twitter {
+ --tblr-btn-color: var(--tblr-twitter);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-twitter);
+ --tblr-btn-hover-color: var(--tblr-twitter-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-twitter);
+ --tblr-btn-active-color: var(--tblr-twitter-fg);
+ --tblr-btn-active-bg: var(--tblr-twitter);
+ --tblr-btn-disabled-color: var(--tblr-twitter);
+ --tblr-btn-disabled-border-color: var(--tblr-twitter)
+}
+
+.btn-linkedin {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-linkedin-fg);
+ --tblr-btn-bg: var(--tblr-linkedin);
+ --tblr-btn-hover-color: var(--tblr-linkedin-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-linkedin-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-linkedin-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-linkedin-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-linkedin);
+ --tblr-btn-disabled-color: var(--tblr-linkedin-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-linkedin {
+ --tblr-btn-color: var(--tblr-linkedin);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-linkedin);
+ --tblr-btn-hover-color: var(--tblr-linkedin-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-linkedin);
+ --tblr-btn-active-color: var(--tblr-linkedin-fg);
+ --tblr-btn-active-bg: var(--tblr-linkedin);
+ --tblr-btn-disabled-color: var(--tblr-linkedin);
+ --tblr-btn-disabled-border-color: var(--tblr-linkedin)
+}
+
+.btn-google {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-google-fg);
+ --tblr-btn-bg: var(--tblr-google);
+ --tblr-btn-hover-color: var(--tblr-google-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-google-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-google-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-google-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-google);
+ --tblr-btn-disabled-color: var(--tblr-google-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-google {
+ --tblr-btn-color: var(--tblr-google);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-google);
+ --tblr-btn-hover-color: var(--tblr-google-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-google);
+ --tblr-btn-active-color: var(--tblr-google-fg);
+ --tblr-btn-active-bg: var(--tblr-google);
+ --tblr-btn-disabled-color: var(--tblr-google);
+ --tblr-btn-disabled-border-color: var(--tblr-google)
+}
+
+.btn-youtube {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-youtube-fg);
+ --tblr-btn-bg: var(--tblr-youtube);
+ --tblr-btn-hover-color: var(--tblr-youtube-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-youtube-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-youtube-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-youtube-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-youtube);
+ --tblr-btn-disabled-color: var(--tblr-youtube-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-youtube {
+ --tblr-btn-color: var(--tblr-youtube);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-youtube);
+ --tblr-btn-hover-color: var(--tblr-youtube-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-youtube);
+ --tblr-btn-active-color: var(--tblr-youtube-fg);
+ --tblr-btn-active-bg: var(--tblr-youtube);
+ --tblr-btn-disabled-color: var(--tblr-youtube);
+ --tblr-btn-disabled-border-color: var(--tblr-youtube)
+}
+
+.btn-vimeo {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-vimeo-fg);
+ --tblr-btn-bg: var(--tblr-vimeo);
+ --tblr-btn-hover-color: var(--tblr-vimeo-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-vimeo-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-vimeo-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-vimeo-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-vimeo);
+ --tblr-btn-disabled-color: var(--tblr-vimeo-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-vimeo {
+ --tblr-btn-color: var(--tblr-vimeo);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-vimeo);
+ --tblr-btn-hover-color: var(--tblr-vimeo-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-vimeo);
+ --tblr-btn-active-color: var(--tblr-vimeo-fg);
+ --tblr-btn-active-bg: var(--tblr-vimeo);
+ --tblr-btn-disabled-color: var(--tblr-vimeo);
+ --tblr-btn-disabled-border-color: var(--tblr-vimeo)
+}
+
+.btn-dribbble {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-dribbble-fg);
+ --tblr-btn-bg: var(--tblr-dribbble);
+ --tblr-btn-hover-color: var(--tblr-dribbble-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-dribbble-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-dribbble-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-dribbble-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-dribbble);
+ --tblr-btn-disabled-color: var(--tblr-dribbble-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-dribbble {
+ --tblr-btn-color: var(--tblr-dribbble);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-dribbble);
+ --tblr-btn-hover-color: var(--tblr-dribbble-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-dribbble);
+ --tblr-btn-active-color: var(--tblr-dribbble-fg);
+ --tblr-btn-active-bg: var(--tblr-dribbble);
+ --tblr-btn-disabled-color: var(--tblr-dribbble);
+ --tblr-btn-disabled-border-color: var(--tblr-dribbble)
+}
+
+.btn-github {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-github-fg);
+ --tblr-btn-bg: var(--tblr-github);
+ --tblr-btn-hover-color: var(--tblr-github-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-github-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-github-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-github-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-github);
+ --tblr-btn-disabled-color: var(--tblr-github-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-github {
+ --tblr-btn-color: var(--tblr-github);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-github);
+ --tblr-btn-hover-color: var(--tblr-github-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-github);
+ --tblr-btn-active-color: var(--tblr-github-fg);
+ --tblr-btn-active-bg: var(--tblr-github);
+ --tblr-btn-disabled-color: var(--tblr-github);
+ --tblr-btn-disabled-border-color: var(--tblr-github)
+}
+
+.btn-instagram {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-instagram-fg);
+ --tblr-btn-bg: var(--tblr-instagram);
+ --tblr-btn-hover-color: var(--tblr-instagram-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-instagram-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-instagram-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-instagram-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-instagram);
+ --tblr-btn-disabled-color: var(--tblr-instagram-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-instagram {
+ --tblr-btn-color: var(--tblr-instagram);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-instagram);
+ --tblr-btn-hover-color: var(--tblr-instagram-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-instagram);
+ --tblr-btn-active-color: var(--tblr-instagram-fg);
+ --tblr-btn-active-bg: var(--tblr-instagram);
+ --tblr-btn-disabled-color: var(--tblr-instagram);
+ --tblr-btn-disabled-border-color: var(--tblr-instagram)
+}
+
+.btn-pinterest {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-pinterest-fg);
+ --tblr-btn-bg: var(--tblr-pinterest);
+ --tblr-btn-hover-color: var(--tblr-pinterest-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-pinterest-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-pinterest-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-pinterest-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-pinterest);
+ --tblr-btn-disabled-color: var(--tblr-pinterest-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-pinterest {
+ --tblr-btn-color: var(--tblr-pinterest);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-pinterest);
+ --tblr-btn-hover-color: var(--tblr-pinterest-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-pinterest);
+ --tblr-btn-active-color: var(--tblr-pinterest-fg);
+ --tblr-btn-active-bg: var(--tblr-pinterest);
+ --tblr-btn-disabled-color: var(--tblr-pinterest);
+ --tblr-btn-disabled-border-color: var(--tblr-pinterest)
+}
+
+.btn-vk {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-vk-fg);
+ --tblr-btn-bg: var(--tblr-vk);
+ --tblr-btn-hover-color: var(--tblr-vk-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-vk-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-vk-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-vk-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-vk);
+ --tblr-btn-disabled-color: var(--tblr-vk-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-vk {
+ --tblr-btn-color: var(--tblr-vk);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-vk);
+ --tblr-btn-hover-color: var(--tblr-vk-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-vk);
+ --tblr-btn-active-color: var(--tblr-vk-fg);
+ --tblr-btn-active-bg: var(--tblr-vk);
+ --tblr-btn-disabled-color: var(--tblr-vk);
+ --tblr-btn-disabled-border-color: var(--tblr-vk)
+}
+
+.btn-rss {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-rss-fg);
+ --tblr-btn-bg: var(--tblr-rss);
+ --tblr-btn-hover-color: var(--tblr-rss-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-rss-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-rss-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-rss-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-rss);
+ --tblr-btn-disabled-color: var(--tblr-rss-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-rss {
+ --tblr-btn-color: var(--tblr-rss);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-rss);
+ --tblr-btn-hover-color: var(--tblr-rss-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-rss);
+ --tblr-btn-active-color: var(--tblr-rss-fg);
+ --tblr-btn-active-bg: var(--tblr-rss);
+ --tblr-btn-disabled-color: var(--tblr-rss);
+ --tblr-btn-disabled-border-color: var(--tblr-rss)
+}
+
+.btn-flickr {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-flickr-fg);
+ --tblr-btn-bg: var(--tblr-flickr);
+ --tblr-btn-hover-color: var(--tblr-flickr-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-flickr-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-flickr-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-flickr-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-flickr);
+ --tblr-btn-disabled-color: var(--tblr-flickr-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-flickr {
+ --tblr-btn-color: var(--tblr-flickr);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-flickr);
+ --tblr-btn-hover-color: var(--tblr-flickr-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-flickr);
+ --tblr-btn-active-color: var(--tblr-flickr-fg);
+ --tblr-btn-active-bg: var(--tblr-flickr);
+ --tblr-btn-disabled-color: var(--tblr-flickr);
+ --tblr-btn-disabled-border-color: var(--tblr-flickr)
+}
+
+.btn-bitbucket {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-bitbucket-fg);
+ --tblr-btn-bg: var(--tblr-bitbucket);
+ --tblr-btn-hover-color: var(--tblr-bitbucket-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-bitbucket-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-bitbucket-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-bitbucket-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-bitbucket);
+ --tblr-btn-disabled-color: var(--tblr-bitbucket-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-bitbucket {
+ --tblr-btn-color: var(--tblr-bitbucket);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-bitbucket);
+ --tblr-btn-hover-color: var(--tblr-bitbucket-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-bitbucket);
+ --tblr-btn-active-color: var(--tblr-bitbucket-fg);
+ --tblr-btn-active-bg: var(--tblr-bitbucket);
+ --tblr-btn-disabled-color: var(--tblr-bitbucket);
+ --tblr-btn-disabled-border-color: var(--tblr-bitbucket)
+}
+
+.btn-tabler {
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-color: var(--tblr-tabler-fg);
+ --tblr-btn-bg: var(--tblr-tabler);
+ --tblr-btn-hover-color: var(--tblr-tabler-fg);
+ --tblr-btn-hover-bg: rgba(var(--tblr-tabler-rgb), .8);
+ --tblr-btn-active-color: var(--tblr-tabler-fg);
+ --tblr-btn-active-bg: rgba(var(--tblr-tabler-rgb), .8);
+ --tblr-btn-disabled-bg: var(--tblr-tabler);
+ --tblr-btn-disabled-color: var(--tblr-tabler-fg);
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-outline-tabler {
+ --tblr-btn-color: var(--tblr-tabler);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: var(--tblr-tabler);
+ --tblr-btn-hover-color: var(--tblr-tabler-fg);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-hover-bg: var(--tblr-tabler);
+ --tblr-btn-active-color: var(--tblr-tabler-fg);
+ --tblr-btn-active-bg: var(--tblr-tabler);
+ --tblr-btn-disabled-color: var(--tblr-tabler);
+ --tblr-btn-disabled-border-color: var(--tblr-tabler)
+}
+
+.btn-ghost-primary {
+ --tblr-btn-color: var(--tblr-primary);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-primary-fg);
+ --tblr-btn-hover-bg: var(--tblr-primary);
+ --tblr-btn-hover-border-color: var(--tblr-primary);
+ --tblr-btn-active-color: var(--tblr-primary-fg);
+ --tblr-btn-active-bg: var(--tblr-primary);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-primary);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-secondary {
+ --tblr-btn-color: var(--tblr-secondary);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-secondary-fg);
+ --tblr-btn-hover-bg: var(--tblr-secondary);
+ --tblr-btn-hover-border-color: var(--tblr-secondary);
+ --tblr-btn-active-color: var(--tblr-secondary-fg);
+ --tblr-btn-active-bg: var(--tblr-secondary);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-secondary);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-success {
+ --tblr-btn-color: var(--tblr-success);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-success-fg);
+ --tblr-btn-hover-bg: var(--tblr-success);
+ --tblr-btn-hover-border-color: var(--tblr-success);
+ --tblr-btn-active-color: var(--tblr-success-fg);
+ --tblr-btn-active-bg: var(--tblr-success);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-success);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-info {
+ --tblr-btn-color: var(--tblr-info);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-info-fg);
+ --tblr-btn-hover-bg: var(--tblr-info);
+ --tblr-btn-hover-border-color: var(--tblr-info);
+ --tblr-btn-active-color: var(--tblr-info-fg);
+ --tblr-btn-active-bg: var(--tblr-info);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-info);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-warning {
+ --tblr-btn-color: var(--tblr-warning);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-warning-fg);
+ --tblr-btn-hover-bg: var(--tblr-warning);
+ --tblr-btn-hover-border-color: var(--tblr-warning);
+ --tblr-btn-active-color: var(--tblr-warning-fg);
+ --tblr-btn-active-bg: var(--tblr-warning);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-warning);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-danger {
+ --tblr-btn-color: var(--tblr-danger);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-danger-fg);
+ --tblr-btn-hover-bg: var(--tblr-danger);
+ --tblr-btn-hover-border-color: var(--tblr-danger);
+ --tblr-btn-active-color: var(--tblr-danger-fg);
+ --tblr-btn-active-bg: var(--tblr-danger);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-danger);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-light {
+ --tblr-btn-color: var(--tblr-light);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-light-fg);
+ --tblr-btn-hover-bg: var(--tblr-light);
+ --tblr-btn-hover-border-color: var(--tblr-light);
+ --tblr-btn-active-color: var(--tblr-light-fg);
+ --tblr-btn-active-bg: var(--tblr-light);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-light);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-dark {
+ --tblr-btn-color: var(--tblr-dark);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-dark-fg);
+ --tblr-btn-hover-bg: var(--tblr-dark);
+ --tblr-btn-hover-border-color: var(--tblr-dark);
+ --tblr-btn-active-color: var(--tblr-dark-fg);
+ --tblr-btn-active-bg: var(--tblr-dark);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-dark);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-muted {
+ --tblr-btn-color: var(--tblr-muted);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-muted-fg);
+ --tblr-btn-hover-bg: var(--tblr-muted);
+ --tblr-btn-hover-border-color: var(--tblr-muted);
+ --tblr-btn-active-color: var(--tblr-muted-fg);
+ --tblr-btn-active-bg: var(--tblr-muted);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-muted);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-blue {
+ --tblr-btn-color: var(--tblr-blue);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-blue-fg);
+ --tblr-btn-hover-bg: var(--tblr-blue);
+ --tblr-btn-hover-border-color: var(--tblr-blue);
+ --tblr-btn-active-color: var(--tblr-blue-fg);
+ --tblr-btn-active-bg: var(--tblr-blue);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-blue);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-azure {
+ --tblr-btn-color: var(--tblr-azure);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-azure-fg);
+ --tblr-btn-hover-bg: var(--tblr-azure);
+ --tblr-btn-hover-border-color: var(--tblr-azure);
+ --tblr-btn-active-color: var(--tblr-azure-fg);
+ --tblr-btn-active-bg: var(--tblr-azure);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-azure);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-indigo {
+ --tblr-btn-color: var(--tblr-indigo);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-indigo-fg);
+ --tblr-btn-hover-bg: var(--tblr-indigo);
+ --tblr-btn-hover-border-color: var(--tblr-indigo);
+ --tblr-btn-active-color: var(--tblr-indigo-fg);
+ --tblr-btn-active-bg: var(--tblr-indigo);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-indigo);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-purple {
+ --tblr-btn-color: var(--tblr-purple);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-purple-fg);
+ --tblr-btn-hover-bg: var(--tblr-purple);
+ --tblr-btn-hover-border-color: var(--tblr-purple);
+ --tblr-btn-active-color: var(--tblr-purple-fg);
+ --tblr-btn-active-bg: var(--tblr-purple);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-purple);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-pink {
+ --tblr-btn-color: var(--tblr-pink);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-pink-fg);
+ --tblr-btn-hover-bg: var(--tblr-pink);
+ --tblr-btn-hover-border-color: var(--tblr-pink);
+ --tblr-btn-active-color: var(--tblr-pink-fg);
+ --tblr-btn-active-bg: var(--tblr-pink);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-pink);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-red {
+ --tblr-btn-color: var(--tblr-red);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-red-fg);
+ --tblr-btn-hover-bg: var(--tblr-red);
+ --tblr-btn-hover-border-color: var(--tblr-red);
+ --tblr-btn-active-color: var(--tblr-red-fg);
+ --tblr-btn-active-bg: var(--tblr-red);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-red);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-orange {
+ --tblr-btn-color: var(--tblr-orange);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-orange-fg);
+ --tblr-btn-hover-bg: var(--tblr-orange);
+ --tblr-btn-hover-border-color: var(--tblr-orange);
+ --tblr-btn-active-color: var(--tblr-orange-fg);
+ --tblr-btn-active-bg: var(--tblr-orange);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-orange);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-yellow {
+ --tblr-btn-color: var(--tblr-yellow);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-yellow-fg);
+ --tblr-btn-hover-bg: var(--tblr-yellow);
+ --tblr-btn-hover-border-color: var(--tblr-yellow);
+ --tblr-btn-active-color: var(--tblr-yellow-fg);
+ --tblr-btn-active-bg: var(--tblr-yellow);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-yellow);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-lime {
+ --tblr-btn-color: var(--tblr-lime);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-lime-fg);
+ --tblr-btn-hover-bg: var(--tblr-lime);
+ --tblr-btn-hover-border-color: var(--tblr-lime);
+ --tblr-btn-active-color: var(--tblr-lime-fg);
+ --tblr-btn-active-bg: var(--tblr-lime);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-lime);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-green {
+ --tblr-btn-color: var(--tblr-green);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-green-fg);
+ --tblr-btn-hover-bg: var(--tblr-green);
+ --tblr-btn-hover-border-color: var(--tblr-green);
+ --tblr-btn-active-color: var(--tblr-green-fg);
+ --tblr-btn-active-bg: var(--tblr-green);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-green);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-teal {
+ --tblr-btn-color: var(--tblr-teal);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-teal-fg);
+ --tblr-btn-hover-bg: var(--tblr-teal);
+ --tblr-btn-hover-border-color: var(--tblr-teal);
+ --tblr-btn-active-color: var(--tblr-teal-fg);
+ --tblr-btn-active-bg: var(--tblr-teal);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-teal);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-cyan {
+ --tblr-btn-color: var(--tblr-cyan);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-cyan-fg);
+ --tblr-btn-hover-bg: var(--tblr-cyan);
+ --tblr-btn-hover-border-color: var(--tblr-cyan);
+ --tblr-btn-active-color: var(--tblr-cyan-fg);
+ --tblr-btn-active-bg: var(--tblr-cyan);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-cyan);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-x {
+ --tblr-btn-color: var(--tblr-x);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-x-fg);
+ --tblr-btn-hover-bg: var(--tblr-x);
+ --tblr-btn-hover-border-color: var(--tblr-x);
+ --tblr-btn-active-color: var(--tblr-x-fg);
+ --tblr-btn-active-bg: var(--tblr-x);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-x);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-facebook {
+ --tblr-btn-color: var(--tblr-facebook);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-facebook-fg);
+ --tblr-btn-hover-bg: var(--tblr-facebook);
+ --tblr-btn-hover-border-color: var(--tblr-facebook);
+ --tblr-btn-active-color: var(--tblr-facebook-fg);
+ --tblr-btn-active-bg: var(--tblr-facebook);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-facebook);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-twitter {
+ --tblr-btn-color: var(--tblr-twitter);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-twitter-fg);
+ --tblr-btn-hover-bg: var(--tblr-twitter);
+ --tblr-btn-hover-border-color: var(--tblr-twitter);
+ --tblr-btn-active-color: var(--tblr-twitter-fg);
+ --tblr-btn-active-bg: var(--tblr-twitter);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-twitter);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-linkedin {
+ --tblr-btn-color: var(--tblr-linkedin);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-linkedin-fg);
+ --tblr-btn-hover-bg: var(--tblr-linkedin);
+ --tblr-btn-hover-border-color: var(--tblr-linkedin);
+ --tblr-btn-active-color: var(--tblr-linkedin-fg);
+ --tblr-btn-active-bg: var(--tblr-linkedin);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-linkedin);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-google {
+ --tblr-btn-color: var(--tblr-google);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-google-fg);
+ --tblr-btn-hover-bg: var(--tblr-google);
+ --tblr-btn-hover-border-color: var(--tblr-google);
+ --tblr-btn-active-color: var(--tblr-google-fg);
+ --tblr-btn-active-bg: var(--tblr-google);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-google);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-youtube {
+ --tblr-btn-color: var(--tblr-youtube);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-youtube-fg);
+ --tblr-btn-hover-bg: var(--tblr-youtube);
+ --tblr-btn-hover-border-color: var(--tblr-youtube);
+ --tblr-btn-active-color: var(--tblr-youtube-fg);
+ --tblr-btn-active-bg: var(--tblr-youtube);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-youtube);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-vimeo {
+ --tblr-btn-color: var(--tblr-vimeo);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-vimeo-fg);
+ --tblr-btn-hover-bg: var(--tblr-vimeo);
+ --tblr-btn-hover-border-color: var(--tblr-vimeo);
+ --tblr-btn-active-color: var(--tblr-vimeo-fg);
+ --tblr-btn-active-bg: var(--tblr-vimeo);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-vimeo);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-dribbble {
+ --tblr-btn-color: var(--tblr-dribbble);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-dribbble-fg);
+ --tblr-btn-hover-bg: var(--tblr-dribbble);
+ --tblr-btn-hover-border-color: var(--tblr-dribbble);
+ --tblr-btn-active-color: var(--tblr-dribbble-fg);
+ --tblr-btn-active-bg: var(--tblr-dribbble);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-dribbble);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-github {
+ --tblr-btn-color: var(--tblr-github);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-github-fg);
+ --tblr-btn-hover-bg: var(--tblr-github);
+ --tblr-btn-hover-border-color: var(--tblr-github);
+ --tblr-btn-active-color: var(--tblr-github-fg);
+ --tblr-btn-active-bg: var(--tblr-github);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-github);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-instagram {
+ --tblr-btn-color: var(--tblr-instagram);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-instagram-fg);
+ --tblr-btn-hover-bg: var(--tblr-instagram);
+ --tblr-btn-hover-border-color: var(--tblr-instagram);
+ --tblr-btn-active-color: var(--tblr-instagram-fg);
+ --tblr-btn-active-bg: var(--tblr-instagram);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-instagram);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-pinterest {
+ --tblr-btn-color: var(--tblr-pinterest);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-pinterest-fg);
+ --tblr-btn-hover-bg: var(--tblr-pinterest);
+ --tblr-btn-hover-border-color: var(--tblr-pinterest);
+ --tblr-btn-active-color: var(--tblr-pinterest-fg);
+ --tblr-btn-active-bg: var(--tblr-pinterest);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-pinterest);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-vk {
+ --tblr-btn-color: var(--tblr-vk);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-vk-fg);
+ --tblr-btn-hover-bg: var(--tblr-vk);
+ --tblr-btn-hover-border-color: var(--tblr-vk);
+ --tblr-btn-active-color: var(--tblr-vk-fg);
+ --tblr-btn-active-bg: var(--tblr-vk);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-vk);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-rss {
+ --tblr-btn-color: var(--tblr-rss);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-rss-fg);
+ --tblr-btn-hover-bg: var(--tblr-rss);
+ --tblr-btn-hover-border-color: var(--tblr-rss);
+ --tblr-btn-active-color: var(--tblr-rss-fg);
+ --tblr-btn-active-bg: var(--tblr-rss);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-rss);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-flickr {
+ --tblr-btn-color: var(--tblr-flickr);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-flickr-fg);
+ --tblr-btn-hover-bg: var(--tblr-flickr);
+ --tblr-btn-hover-border-color: var(--tblr-flickr);
+ --tblr-btn-active-color: var(--tblr-flickr-fg);
+ --tblr-btn-active-bg: var(--tblr-flickr);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-flickr);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-bitbucket {
+ --tblr-btn-color: var(--tblr-bitbucket);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-bitbucket-fg);
+ --tblr-btn-hover-bg: var(--tblr-bitbucket);
+ --tblr-btn-hover-border-color: var(--tblr-bitbucket);
+ --tblr-btn-active-color: var(--tblr-bitbucket-fg);
+ --tblr-btn-active-bg: var(--tblr-bitbucket);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-bitbucket);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-ghost-tabler {
+ --tblr-btn-color: var(--tblr-tabler);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-tabler-fg);
+ --tblr-btn-hover-bg: var(--tblr-tabler);
+ --tblr-btn-hover-border-color: var(--tblr-tabler);
+ --tblr-btn-active-color: var(--tblr-tabler-fg);
+ --tblr-btn-active-bg: var(--tblr-tabler);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --tblr-btn-disabled-color: var(--tblr-tabler);
+ --tblr-btn-disabled-bg: transparent;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-gradient: none;
+ --tblr-btn-box-shadow: none
+}
+
+.btn-group-sm>.btn,.btn-sm {
+ --tblr-btn-line-height: 1.5;
+ --tblr-btn-icon-size: .75rem
+}
+
+.btn-group-lg>.btn,.btn-lg {
+ --tblr-btn-line-height: 1.5;
+ --tblr-btn-icon-size: 2rem
+}
+
+.btn-pill {
+ padding-right: 1.5em;
+ padding-left: 1.5em;
+ border-radius: 10rem
+}
+
+.btn-pill[class*=btn-icon] {
+ padding: .375rem 15px
+}
+
+.btn-square {
+ border-radius: 0
+}
+
+.btn-icon {
+ min-width: calc(var(--tblr-btn-line-height) * var(--tblr-btn-font-size) + var(--tblr-btn-padding-y) * 2 + var(--tblr-btn-border-width) * 2);
+ min-height: calc(var(--tblr-btn-line-height) * var(--tblr-btn-font-size) + var(--tblr-btn-padding-y) * 2 + var(--tblr-btn-border-width) * 2);
+ padding-left: 0;
+ padding-right: 0
+}
+
+.btn-icon .icon {
+ margin: calc(-1 * var(--tblr-btn-padding-x))
+}
+
+.btn-list {
+ --tblr-list-gap: 0.5rem;
+ display: flex;
+ flex-wrap: wrap;
+ gap: var(--tblr-list-gap)
+}
+
+.btn-floating {
+ position: fixed;
+ z-index: 1030;
+ bottom: 1.5rem;
+ right: 1.5rem;
+ border-radius: 100rem
+}
+
+.btn-loading {
+ position: relative;
+ color: transparent!important;
+ text-shadow: none!important;
+ pointer-events: none
+}
+
+.btn-loading>* {
+ opacity: 0
+}
+
+.btn-loading:after {
+ content: "";
+ display: inline-block;
+ vertical-align: text-bottom;
+ border: 2px var(--tblr-border-style) currentColor;
+ border-right-color: transparent;
+ border-radius: 100rem;
+ color: var(--tblr-btn-color);
+ position: absolute;
+ width: var(--tblr-btn-icon-size);
+ height: var(--tblr-btn-icon-size);
+ left: calc(50% - var(--tblr-btn-icon-size)/ 2);
+ top: calc(50% - var(--tblr-btn-icon-size)/ 2);
+ animation: spinner-border .75s linear infinite
+}
+
+.btn-action {
+ padding: 0;
+ border: 0;
+ color: var(--tblr-secondary);
+ display: inline-flex;
+ width: 2rem;
+ height: 2rem;
+ align-items: center;
+ justify-content: center;
+ border-radius: var(--tblr-border-radius);
+ background: 0 0
+}
+
+.btn-action:after {
+ content: none
+}
+
+.btn-action:focus {
+ outline: 0;
+ box-shadow: none
+}
+
+.btn-action.show,.btn-action:hover {
+ color: var(--tblr-body-color);
+ background: var(--tblr-active-bg)
+}
+
+.btn-action.show {
+ color: var(--tblr-primary)
+}
+
+.btn-action .icon {
+ margin: 0;
+ width: 1.25rem;
+ height: 1.25rem;
+ font-size: 1.25rem;
+ stroke-width: 1
+}
+
+.btn-actions {
+ display: flex
+}
+
+.btn-group,.btn-group-vertical {
+ box-shadow: var(--tblr-box-shadow-input)
+}
+
+.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group>.btn-check:checked+.btn,.btn-group>.btn.active,.btn-group>.btn:active {
+ z-index: 5
+}
+
+.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:focus+.btn,.btn-group>.btn:focus,.btn-group>.btn:hover {
+ z-index: 1
+}
+
+.calendar {
+ display: block;
+ font-size: .765625rem;
+ border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
+ border-radius: var(--tblr-border-radius)
+}
+
+.calendar-nav {
+ display: flex;
+ align-items: center
+}
+
+.calendar-title {
+ flex: 1;
+ text-align: center
+}
+
+.calendar-body,.calendar-header {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+ padding: .5rem 0
+}
+
+.calendar-header {
+ color: var(--tblr-secondary)
+}
+
+.calendar-date {
+ flex: 0 0 14.2857142857%;
+ max-width: 14.2857142857%;
+ padding: .2rem;
+ text-align: center;
+ border: 0
+}
+
+.calendar-date.next-month,.calendar-date.prev-month {
+ opacity: .25
+}
+
+.calendar-date .date-item {
+ position: relative;
+ display: inline-block;
+ width: 1.4rem;
+ height: 1.4rem;
+ line-height: 1.4rem;
+ color: #66758c;
+ text-align: center;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ cursor: pointer;
+ background: 0 0;
+ border: var(--tblr-border-width) var(--tblr-border-style) transparent;
+ border-radius: 100rem;
+ outline: 0;
+ transition: background .3s,border .3s,box-shadow .32s,color .3s
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .calendar-date .date-item {
+ transition: none
+ }
+}
+
+.calendar-date .date-item:hover {
+ color: var(--tblr-primary);
+ text-decoration: none;
+ background: #fefeff;
+ border-color: var(--tblr-border-color)
+}
+
+.calendar-date .date-today {
+ color: var(--tblr-primary);
+ border-color: var(--tblr-border-color)
+}
+
+.calendar-range {
+ position: relative
+}
+
+.calendar-range:before {
+ position: absolute;
+ top: 50%;
+ right: 0;
+ left: 0;
+ height: 1.4rem;
+ content: "";
+ background: rgba(var(--tblr-primary-rgb),.1);
+ transform: translateY(-50%)
+}
+
+.calendar-range.range-end .date-item,.calendar-range.range-start .date-item {
+ color: #fff;
+ background: var(--tblr-primary);
+ border-color: var(--tblr-primary)
+}
+
+.calendar-range.range-start:before {
+ left: 50%
+}
+
+.calendar-range.range-end:before {
+ right: 50%
+}
+
+.carousel-indicators-vertical {
+ left: auto;
+ top: 0;
+ margin: 0 1rem 0 0;
+ flex-direction: column
+}
+
+.carousel-indicators-vertical [data-bs-target] {
+ margin: 3px 0 3px;
+ width: 3px;
+ height: 30px;
+ border: 0;
+ border-left: 10px var(--tblr-border-style) transparent;
+ border-right: 10px var(--tblr-border-style) transparent
+}
+
+.carousel-indicators-dot [data-bs-target] {
+ width: .5rem;
+ height: .5rem;
+ border-radius: 100rem;
+ border: 10px var(--tblr-border-style) transparent;
+ margin: 0
+}
+
+.carousel-indicators-thumb [data-bs-target] {
+ width: 2rem;
+ height: auto;
+ background: no-repeat center/cover;
+ border: 0;
+ border-radius: var(--tblr-border-radius);
+ box-shadow: rgba(var(--tblr-body-color-rgb),.04) 0 2px 4px 0;
+ margin: 0 3px;
+ opacity: .75
+}
+
+@media (min-width: 992px) {
+ .carousel-indicators-thumb [data-bs-target] {
+ width:4rem
+ }
+}
+
+.carousel-indicators-thumb [data-bs-target]:before {
+ content: "";
+ padding-top: var(--tblr-aspect-ratio,100%);
+ display: block
+}
+
+.carousel-indicators-thumb.carousel-indicators-vertical [data-bs-target] {
+ margin: 3px 0
+}
+
+.carousel-caption-background {
+ background: red;
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ height: 90%;
+ background: linear-gradient(0deg,rgba(24,36,51,.9),rgba(24,36,51,0))
+}
+
+.card {
+ transition: transform .3s ease-out,opacity .3s ease-out,box-shadow .3s ease-out
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .card {
+ transition: none
+ }
+}
+
+@media print {
+ .card {
+ border: none;
+ box-shadow: none
+ }
+}
+
+a.card {
+ color: inherit
+}
+
+a.card:hover {
+ text-decoration: none;
+ box-shadow: rgba(var(--tblr-body-color-rgb),.16) 0 2px 16px 0
+}
+
+.card .card {
+ box-shadow: none
+}
+
+.card-borderless,.card-borderless .card-footer,.card-borderless .card-header {
+ border-color: transparent
+}
+
+.card-stamp {
+ --tblr-stamp-size: 7rem;
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: calc(var(--tblr-stamp-size) * 1);
+ height: calc(var(--tblr-stamp-size) * 1);
+ max-height: 100%;
+ border-top-right-radius: 4px;
+ opacity: .2;
+ overflow: hidden;
+ pointer-events: none
+}
+
+.card-stamp-lg {
+ --tblr-stamp-size: 13rem
+}
+
+.card-stamp-icon {
+ background: var(--tblr-secondary);
+ color: var(--tblr-card-bg,var(--tblr-bg-surface));
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 100rem;
+ width: calc(var(--tblr-stamp-size) * 1);
+ height: calc(var(--tblr-stamp-size) * 1);
+ position: relative;
+ top: calc(var(--tblr-stamp-size) * -.25);
+ right: calc(var(--tblr-stamp-size) * -.25);
+ font-size: calc(var(--tblr-stamp-size) * .75);
+ transform: rotate(10deg)
+}
+
+.card-stamp-icon .icon {
+ stroke-width: 2;
+ width: calc(var(--tblr-stamp-size) * .75);
+ height: calc(var(--tblr-stamp-size) * .75)
+}
+
+.card-img,.card-img-start {
+ border-top-left-radius: calc(var(--tblr-border-radius) - (var(--tblr-border-width)));
+ border-bottom-left-radius: calc(var(--tblr-border-radius) - (var(--tblr-border-width)))
+}
+
+.card-img,.card-img-end {
+ border-top-right-radius: calc(var(--tblr-border-radius) - (var(--tblr-border-width)));
+ border-bottom-right-radius: calc(var(--tblr-border-radius) - (var(--tblr-border-width)))
+}
+
+.card-img-overlay {
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-end
+}
+
+.card-img-overlay-dark {
+ background-image: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%)
+}
+
+.card-inactive {
+ pointer-events: none;
+ box-shadow: none
+}
+
+.card-inactive .card-body {
+ opacity: .64
+}
+
+.card-active {
+ --tblr-card-border-color: var(--tblr-primary);
+ --tblr-card-bg: var(--tblr-active-bg)
+}
+
+.card-btn {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 1rem 1.25rem;
+ text-align: center;
+ transition: background .3s;
+ border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
+ flex: 1;
+ color: inherit;
+ font-weight: var(--tblr-font-weight-medium)
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .card-btn {
+ transition: none
+ }
+}
+
+.card-btn:hover {
+ text-decoration: none;
+ background: rgba(var(--tblr-primary-rgb),.04)
+}
+
+.card-btn+.card-btn {
+ border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)
+}
+
+.card-stacked {
+ --tblr-card-stacked-offset: .25rem;
+ position: relative
+}
+
+.card-stacked:after {
+ position: absolute;
+ top: calc(-1 * var(--tblr-card-stacked-offset));
+ right: var(--tblr-card-stacked-offset);
+ left: var(--tblr-card-stacked-offset);
+ height: var(--tblr-card-stacked-offset);
+ content: "";
+ background: var(--tblr-card-bg,var(--tblr-bg-surface));
+ border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-card-border-color);
+ border-radius: var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0
+}
+
+.card-cover {
+ position: relative;
+ padding: 1rem 1.25rem;
+ background: #666 no-repeat center/cover
+}
+
+.card-cover:before {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ content: "";
+ background: rgba(24,36,51,.48)
+}
+
+.card-cover:first-child,.card-cover:first-child:before {
+ border-radius: 4px 4px 0 0
+}
+
+.card-cover-blurred:before {
+ -webkit-backdrop-filter: blur(2px);
+ backdrop-filter: blur(2px)
+}
+
+.card-actions {
+ margin: -.5rem -.5rem -.5rem auto;
+ padding-left: .5rem
+}
+
+.card-actions a {
+ text-decoration: none
+}
+
+.card-header {
+ color: inherit;
+ display: flex;
+ align-items: center;
+ background: 0 0
+}
+
+.card-header:first-child {
+ border-radius: var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0
+}
+
+.card-header-light {
+ border-bottom-color: transparent;
+ background: var(--tblr-bg-surface-tertiary)
+}
+
+.card-header-tabs {
+ background: var(--tblr-bg-surface-tertiary);
+ flex: 1;
+ margin: calc(var(--tblr-card-cap-padding-y) * -1) calc(var(--tblr-card-cap-padding-x) * -1) calc(var(--tblr-card-cap-padding-y) * -1);
+ padding: calc(var(--tblr-card-cap-padding-y) * .5) calc(var(--tblr-card-cap-padding-x) * .5) 0
+}
+
+.card-header-pills {
+ flex: 1;
+ margin-top: -.5rem;
+ margin-bottom: -.5rem
+}
+
+.card-rotate-left {
+ transform: rotate(-1.5deg)
+}
+
+.card-rotate-right {
+ transform: rotate(1.5deg)
+}
+
+.card-link {
+ color: inherit
+}
+
+.card-link:hover {
+ color: inherit;
+ text-decoration: none;
+ box-shadow: 0 1px 6px 0 rgba(0,0,0,.08)
+}
+
+.card-link-rotate:hover {
+ transform: rotate(1.5deg);
+ opacity: 1
+}
+
+.card-link-pop:hover {
+ transform: translateY(-2px);
+ opacity: 1
+}
+
+.card-footer {
+ margin-top: auto
+}
+
+.card-footer:last-child {
+ border-radius: 0 0 var(--tblr-card-border-radius) var(--tblr-card-border-radius)
+}
+
+.card-footer-transparent {
+ background: 0 0;
+ border-color: transparent;
+ padding-top: 0
+}
+
+.card-footer-borderless {
+ border-top: none
+}
+
+.card-progress {
+ height: .25rem
+}
+
+.card-progress:last-child {
+ border-radius: 0 0 2px 2px
+}
+
+.card-progress:first-child {
+ border-radius: 2px 2px 0 0
+}
+
+.card-meta {
+ color: var(--tblr-secondary)
+}
+
+.card-title {
+ display: block;
+ margin: 0 0 1rem;
+ font-size: 1rem;
+ font-weight: var(--tblr-font-weight-medium);
+ color: inherit;
+ line-height: 1.5rem
+}
+
+a.card-title:hover {
+ color: inherit
+}
+
+.card-header .card-title {
+ margin: 0
+}
+
+.card-subtitle {
+ margin-bottom: 1.25rem;
+ color: var(--tblr-secondary);
+ font-weight: 400
+}
+
+.card-header .card-subtitle {
+ margin: 0
+}
+
+.card-title .card-subtitle {
+ margin: 0 0 0 .25rem;
+ font-size: .875rem
+}
+
+.card-body {
+ position: relative
+}
+
+.card-body>:last-child {
+ margin-bottom: 0
+}
+
+.card-sm>.card-body {
+ padding: 1rem
+}
+
+@media (min-width: 768px) {
+ .card-md>.card-body {
+ padding:2.5rem
+ }
+}
+
+@media (min-width: 768px) {
+ .card-lg>.card-body {
+ padding:2rem
+ }
+}
+
+@media (min-width: 992px) {
+ .card-lg>.card-body {
+ padding:4rem
+ }
+}
+
+@media print {
+ .card-body {
+ padding: 0
+ }
+}
+
+.card-body+.card-body {
+ border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)
+}
+
+.card-body-scrollable {
+ overflow: auto
+}
+
+.card-options {
+ top: 1.5rem;
+ right: .75rem;
+ display: flex;
+ margin-left: auto
+}
+
+.card-options-link {
+ display: inline-block;
+ min-width: 1rem;
+ margin-left: .25rem;
+ color: var(--tblr-secondary)
+}
+
+.card-status-top {
+ position: absolute;
+ top: 0;
+ right: 0;
+ left: 0;
+ height: 2px;
+ border-radius: var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0
+}
+
+.card-status-start {
+ position: absolute;
+ right: auto;
+ bottom: 0;
+ width: 2px;
+ height: 100%;
+ border-radius: var(--tblr-card-border-radius) 0 0 var(--tblr-card-border-radius)
+}
+
+.card-status-bottom {
+ position: absolute;
+ top: initial;
+ bottom: 0;
+ width: 100%;
+ height: 2px;
+ border-radius: 0 0 var(--tblr-card-border-radius) var(--tblr-card-border-radius)
+}
+
+.card-table {
+ margin-bottom: 0!important
+}
+
+.card-table tr td:first-child,.card-table tr th:first-child {
+ padding-left: 1.25rem;
+ border-left: 0
+}
+
+.card-table tr td:last-child,.card-table tr th:last-child {
+ padding-right: 1.25rem;
+ border-right: 0
+}
+
+.card-table tbody tr:first-child,.card-table tfoot tr:first-child,.card-table thead tr:first-child {
+ border-top: 0
+}
+
+.card-table tbody tr:first-child td,.card-table tbody tr:first-child th,.card-table tfoot tr:first-child td,.card-table tfoot tr:first-child th,.card-table thead tr:first-child td,.card-table thead tr:first-child th {
+ border-top: 0
+}
+
+.card-body+.card-table {
+ border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-table-border-color)
+}
+
+.card-code {
+ padding: 0
+}
+
+.card-code .highlight {
+ margin: 0;
+ border: 0
+}
+
+.card-code pre {
+ margin: 0!important;
+ border: 0!important
+}
+
+.card-chart {
+ position: relative;
+ z-index: 1;
+ height: 3.5rem
+}
+
+.card-avatar {
+ margin-left: auto;
+ margin-right: auto;
+ box-shadow: 0 0 0 .25rem var(--tblr-card-bg,var(--tblr-bg-surface));
+ margin-top: calc(-1 * var(--tblr-avatar-size) * .5)
+}
+
+.card-body+.card-list-group {
+ border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)
+}
+
+.card-list-group .list-group-item {
+ padding-right: 1.25rem;
+ padding-left: 1.25rem;
+ border-right: 0;
+ border-left: 0;
+ border-radius: 0
+}
+
+.card-list-group .list-group-item:last-child {
+ border-bottom: 0
+}
+
+.card-list-group .list-group-item:first-child {
+ border-top: 0
+}
+
+.card-tabs .nav-tabs {
+ position: relative;
+ z-index: 1000;
+ border-bottom: 0
+}
+
+.card-tabs .nav-tabs .nav-link {
+ background: var(--tblr-bg-surface-tertiary);
+ border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)
+}
+
+.card-tabs .nav-tabs .nav-link.active,.card-tabs .nav-tabs .nav-link:active,.card-tabs .nav-tabs .nav-link:hover {
+ border-color: var(--tblr-border-color-translucent);
+ color: var(--tblr-body-color)
+}
+
+.card-tabs .nav-tabs .nav-link.active {
+ color: inherit;
+ background: var(--tblr-card-bg,var(--tblr-bg-surface));
+ border-bottom-color: transparent
+}
+
+.card-tabs .nav-tabs .nav-item:not(:first-child) .nav-link {
+ border-top-left-radius: 0
+}
+
+.card-tabs .nav-tabs .nav-item:not(:last-child) .nav-link {
+ border-top-right-radius: 0
+}
+
+.card-tabs .nav-tabs .nav-item+.nav-item {
+ margin-left: calc(-1 * var(--tblr-border-width))
+}
+
+.card-tabs .nav-tabs-bottom {
+ margin-bottom: 0
+}
+
+.card-tabs .nav-tabs-bottom .nav-link {
+ margin-bottom: 0
+}
+
+.card-tabs .nav-tabs-bottom .nav-link.active {
+ border-top-color: transparent
+}
+
+.card-tabs .nav-tabs-bottom .nav-item {
+ margin-top: calc(-1 * var(--tblr-border-width));
+ margin-bottom: 0
+}
+
+.card-tabs .nav-tabs-bottom .nav-item .nav-link {
+ border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
+ border-radius: 0 0 var(--tblr-border-radius) var(--tblr-border-radius)
+}
+
+.card-tabs .nav-tabs-bottom .nav-item:not(:first-child) .nav-link {
+ border-bottom-left-radius: 0
+}
+
+.card-tabs .nav-tabs-bottom .nav-item:not(:last-child) .nav-link {
+ border-bottom-right-radius: 0
+}
+
+.card-tabs .card {
+ border-bottom-left-radius: 0
+}
+
+.card-tabs .nav-tabs+.tab-content .card {
+ border-bottom-left-radius: var(--tblr-card-border-radius);
+ border-top-left-radius: 0
+}
+
+.card-note {
+ --tblr-card-bg: #fff7dd;
+ --tblr-card-border-color: #fff1c9
+}
+
+.btn-close {
+ cursor: pointer
+}
+
+.btn-close:focus {
+ outline: 0
+}
+
+.dropdown-menu {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background-clip: border-box
+}
+
+.dropdown-menu.card {
+ padding: 0;
+ min-width: 25rem;
+ display: none
+}
+
+.dropdown-menu.card.show {
+ display: flex
+}
+
+.dropdown-item {
+ min-width: 11rem;
+ display: flex;
+ align-items: center;
+ margin: 0;
+ line-height: 1.4285714286
+}
+
+.dropdown-item-icon {
+ width: 1.25rem!important;
+ height: 1.25rem!important;
+ margin-right: .5rem;
+ color: var(--tblr-secondary);
+ opacity: .7;
+ text-align: center
+}
+
+.dropdown-item-indicator {
+ margin-right: .5rem;
+ margin-left: -.25rem;
+ height: 1.25rem;
+ display: inline-flex;
+ line-height: 1;
+ vertical-align: bottom;
+ align-items: center
+}
+
+.dropdown-header {
+ font-size: .625rem;
+ font-weight: var(--tblr-font-weight-bold);
+ text-transform: uppercase;
+ letter-spacing: .04em;
+ line-height: 1rem;
+ color: var(--tblr-secondary);
+ padding-bottom: .25rem;
+ pointer-events: none
+}
+
+.dropdown-menu-scrollable {
+ height: auto;
+ max-height: 13rem;
+ overflow-x: hidden
+}
+
+.dropdown-menu-column {
+ min-width: 11rem
+}
+
+.dropdown-menu-column .dropdown-item {
+ min-width: 0
+}
+
+.dropdown-menu-columns {
+ display: flex;
+ flex: 0 .25rem
+}
+
+.dropdown-menu-arrow:before {
+ content: "";
+ position: absolute;
+ top: -.25rem;
+ left: .75rem;
+ display: block;
+ background: inherit;
+ width: 14px;
+ height: 14px;
+ transform: rotate(45deg);
+ transform-origin: center;
+ border: 1px solid;
+ border-color: inherit;
+ z-index: -1;
+ clip: rect(0,9px,9px,0)
+}
+
+.dropdown-menu-arrow.dropdown-menu-end:before {
+ right: .75rem;
+ left: auto
+}
+
+.dropend>.dropdown-menu {
+ margin-top: calc(-.25rem - 1px);
+ margin-left: -.25rem
+}
+
+.dropend .dropdown-toggle:after {
+ margin-left: auto
+}
+
+.dropdown-menu-card {
+ padding: 0
+}
+
+.dropdown-menu-card>.card {
+ margin: 0;
+ border: 0;
+ box-shadow: none
+}
+
+.datagrid {
+ --tblr-datagrid-padding: 1.5rem;
+ --tblr-datagrid-item-width: 15rem;
+ display: grid;
+ grid-gap: var(--tblr-datagrid-padding);
+ grid-template-columns: repeat(auto-fit,minmax(var(--tblr-datagrid-item-width),1fr))
+}
+
+.datagrid-title {
+ font-size: .625rem;
+ font-weight: var(--tblr-font-weight-bold);
+ text-transform: uppercase;
+ letter-spacing: .04em;
+ line-height: 1rem;
+ color: var(--tblr-secondary);
+ margin-bottom: .25rem
+}
+
+.empty {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ height: 100%;
+ padding: 1rem;
+ text-align: center
+}
+
+@media (min-width: 768px) {
+ .empty {
+ padding:3rem
+ }
+}
+
+.empty-icon {
+ margin: 0 0 1rem;
+ width: 3rem;
+ height: 3rem;
+ line-height: 1;
+ color: var(--tblr-secondary)
+}
+
+.empty-icon svg {
+ width: 100%;
+ height: 100%
+}
+
+.empty-img {
+ margin: 0 0 2rem;
+ line-height: 1
+}
+
+.empty-header {
+ margin: 0 0 1rem;
+ font-size: 4rem;
+ font-weight: var(--tblr-font-weight-light);
+ line-height: 1;
+ color: var(--tblr-secondary)
+}
+
+.empty-title {
+ font-size: 1.25rem;
+ line-height: 1.75rem;
+ font-weight: var(--tblr-font-weight-bold)
+}
+
+.empty-subtitle,.empty-title {
+ margin: 0 0 .5rem
+}
+
+.empty-action {
+ margin-top: 1.5rem
+}
+
+.empty-bordered {
+ border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
+ border-radius: var(--tblr-border-radius)
+}
+
+.row>* {
+ min-width: 0
+}
+
+.col-separator {
+ border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)
+}
+
+.container-slim {
+ --tblr-gutter-x: calc(var(--tblr-page-padding) * 2);
+ --tblr-gutter-y: 0;
+ width: 100%;
+ padding-right: calc(var(--tblr-gutter-x) * .5);
+ padding-left: calc(var(--tblr-gutter-x) * .5);
+ margin-right: auto;
+ margin-left: auto;
+ max-width: 16rem
+}
+
+.container-tight {
+ --tblr-gutter-x: calc(var(--tblr-page-padding) * 2);
+ --tblr-gutter-y: 0;
+ width: 100%;
+ padding-right: calc(var(--tblr-gutter-x) * .5);
+ padding-left: calc(var(--tblr-gutter-x) * .5);
+ margin-right: auto;
+ margin-left: auto;
+ max-width: 30rem
+}
+
+.container-narrow {
+ --tblr-gutter-x: calc(var(--tblr-page-padding) * 2);
+ --tblr-gutter-y: 0;
+ width: 100%;
+ padding-right: calc(var(--tblr-gutter-x) * .5);
+ padding-left: calc(var(--tblr-gutter-x) * .5);
+ margin-right: auto;
+ margin-left: auto;
+ max-width: 45rem
+}
+
+.row-0 {
+ margin-right: 0;
+ margin-left: 0
+}
+
+.row-0>.col,.row-0>[class*=col-] {
+ padding-right: 0;
+ padding-left: 0
+}
+
+.row-0 .card {
+ margin-bottom: 0
+}
+
+.row-sm {
+ margin-right: -.375rem;
+ margin-left: -.375rem
+}
+
+.row-sm>.col,.row-sm>[class*=col-] {
+ padding-right: .375rem;
+ padding-left: .375rem
+}
+
+.row-sm .card {
+ margin-bottom: .75rem
+}
+
+.row-md {
+ margin-right: -1.5rem;
+ margin-left: -1.5rem
+}
+
+.row-md>.col,.row-md>[class*=col-] {
+ padding-right: 1.5rem;
+ padding-left: 1.5rem
+}
+
+.row-md .card {
+ margin-bottom: 3rem
+}
+
+.row-lg {
+ margin-right: -3rem;
+ margin-left: -3rem
+}
+
+.row-lg>.col,.row-lg>[class*=col-] {
+ padding-right: 3rem;
+ padding-left: 3rem
+}
+
+.row-lg .card {
+ margin-bottom: 6rem
+}
+
+.row-deck>.col,.row-deck>[class*=col-] {
+ display: flex;
+ align-items: stretch
+}
+
+.row-deck>.col .card,.row-deck>[class*=col-] .card {
+ flex: 1 1 auto
+}
+
+.row-cards {
+ --tblr-gutter-x: var(--tblr-page-padding);
+ --tblr-gutter-y: var(--tblr-page-padding);
+ min-width: 0
+}
+
+.row-cards .row-cards {
+ flex: 1
+}
+
+.space-y {
+ display: flex;
+ flex-direction: column;
+ gap: 1rem
+}
+
+.space-x {
+ display: flex;
+ gap: 1rem
+}
+
+.space-y-0 {
+ display: flex;
+ flex-direction: column;
+ gap: 0
+}
+
+.space-x-0 {
+ display: flex;
+ gap: 0
+}
+
+.space-y-1 {
+ display: flex;
+ flex-direction: column;
+ gap: .25rem
+}
+
+.space-x-1 {
+ display: flex;
+ gap: .25rem
+}
+
+.space-y-2 {
+ display: flex;
+ flex-direction: column;
+ gap: .5rem
+}
+
+.space-x-2 {
+ display: flex;
+ gap: .5rem
+}
+
+.space-y-3 {
+ display: flex;
+ flex-direction: column;
+ gap: 1rem
+}
+
+.space-x-3 {
+ display: flex;
+ gap: 1rem
+}
+
+.space-y-4 {
+ display: flex;
+ flex-direction: column;
+ gap: 1.5rem
+}
+
+.space-x-4 {
+ display: flex;
+ gap: 1.5rem
+}
+
+.space-y-5 {
+ display: flex;
+ flex-direction: column;
+ gap: 2rem
+}
+
+.space-x-5 {
+ display: flex;
+ gap: 2rem
+}
+
+.space-y-6 {
+ display: flex;
+ flex-direction: column;
+ gap: 3rem
+}
+
+.space-x-6 {
+ display: flex;
+ gap: 3rem
+}
+
+.space-y-7 {
+ display: flex;
+ flex-direction: column;
+ gap: 5rem
+}
+
+.space-x-7 {
+ display: flex;
+ gap: 5rem
+}
+
+.space-y-8 {
+ display: flex;
+ flex-direction: column;
+ gap: 8rem
+}
+
+.space-x-8 {
+ display: flex;
+ gap: 8rem
+}
+
+.divide-y>:not(template)~:not(template) {
+ border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important
+}
+
+.divide-y>:not(template):not(:first-child) {
+ padding-top: 1rem!important
+}
+
+.divide-y>:not(template):not(:last-child) {
+ padding-bottom: 1rem!important
+}
+
+.divide-x>:not(template)~:not(template) {
+ border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important
+}
+
+.divide-x>:not(template):not(:first-child) {
+ padding-left: 1rem!important
+}
+
+.divide-x>:not(template):not(:last-child) {
+ padding-right: 1rem!important
+}
+
+.divide-y-0>:not(template)~:not(template) {
+ border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important
+}
+
+.divide-y-0>:not(template):not(:first-child) {
+ padding-top: 0!important
+}
+
+.divide-y-0>:not(template):not(:last-child) {
+ padding-bottom: 0!important
+}
+
+.divide-x-0>:not(template)~:not(template) {
+ border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important
+}
+
+.divide-x-0>:not(template):not(:first-child) {
+ padding-left: 0!important
+}
+
+.divide-x-0>:not(template):not(:last-child) {
+ padding-right: 0!important
+}
+
+.divide-y-1>:not(template)~:not(template) {
+ border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important
+}
+
+.divide-y-1>:not(template):not(:first-child) {
+ padding-top: .25rem!important
+}
+
+.divide-y-1>:not(template):not(:last-child) {
+ padding-bottom: .25rem!important
+}
+
+.divide-x-1>:not(template)~:not(template) {
+ border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important
+}
+
+.divide-x-1>:not(template):not(:first-child) {
+ padding-left: .25rem!important
+}
+
+.divide-x-1>:not(template):not(:last-child) {
+ padding-right: .25rem!important
+}
+
+.divide-y-2>:not(template)~:not(template) {
+ border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important
+}
+
+.divide-y-2>:not(template):not(:first-child) {
+ padding-top: .5rem!important
+}
+
+.divide-y-2>:not(template):not(:last-child) {
+ padding-bottom: .5rem!important
+}
+
+.divide-x-2>:not(template)~:not(template) {
+ border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important
+}
+
+.divide-x-2>:not(template):not(:first-child) {
+ padding-left: .5rem!important
+}
+
+.divide-x-2>:not(template):not(:last-child) {
+ padding-right: .5rem!important
+}
+
+.divide-y-3>:not(template)~:not(template) {
+ border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important
+}
+
+.divide-y-3>:not(template):not(:first-child) {
+ padding-top: 1rem!important
+}
+
+.divide-y-3>:not(template):not(:last-child) {
+ padding-bottom: 1rem!important
+}
+
+.divide-x-3>:not(template)~:not(template) {
+ border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important
+}
+
+.divide-x-3>:not(template):not(:first-child) {
+ padding-left: 1rem!important
+}
+
+.divide-x-3>:not(template):not(:last-child) {
+ padding-right: 1rem!important
+}
+
+.divide-y-4>:not(template)~:not(template) {
+ border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important
+}
+
+.divide-y-4>:not(template):not(:first-child) {
+ padding-top: 1.5rem!important
+}
+
+.divide-y-4>:not(template):not(:last-child) {
+ padding-bottom: 1.5rem!important
+}
+
+.divide-x-4>:not(template)~:not(template) {
+ border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important
+}
+
+.divide-x-4>:not(template):not(:first-child) {
+ padding-left: 1.5rem!important
+}
+
+.divide-x-4>:not(template):not(:last-child) {
+ padding-right: 1.5rem!important
+}
+
+.divide-y-5>:not(template)~:not(template) {
+ border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important
+}
+
+.divide-y-5>:not(template):not(:first-child) {
+ padding-top: 2rem!important
+}
+
+.divide-y-5>:not(template):not(:last-child) {
+ padding-bottom: 2rem!important
+}
+
+.divide-x-5>:not(template)~:not(template) {
+ border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important
+}
+
+.divide-x-5>:not(template):not(:first-child) {
+ padding-left: 2rem!important
+}
+
+.divide-x-5>:not(template):not(:last-child) {
+ padding-right: 2rem!important
+}
+
+.divide-y-6>:not(template)~:not(template) {
+ border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important
+}
+
+.divide-y-6>:not(template):not(:first-child) {
+ padding-top: 3rem!important
+}
+
+.divide-y-6>:not(template):not(:last-child) {
+ padding-bottom: 3rem!important
+}
+
+.divide-x-6>:not(template)~:not(template) {
+ border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important
+}
+
+.divide-x-6>:not(template):not(:first-child) {
+ padding-left: 3rem!important
+}
+
+.divide-x-6>:not(template):not(:last-child) {
+ padding-right: 3rem!important
+}
+
+.divide-y-7>:not(template)~:not(template) {
+ border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important
+}
+
+.divide-y-7>:not(template):not(:first-child) {
+ padding-top: 5rem!important
+}
+
+.divide-y-7>:not(template):not(:last-child) {
+ padding-bottom: 5rem!important
+}
+
+.divide-x-7>:not(template)~:not(template) {
+ border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important
+}
+
+.divide-x-7>:not(template):not(:first-child) {
+ padding-left: 5rem!important
+}
+
+.divide-x-7>:not(template):not(:last-child) {
+ padding-right: 5rem!important
+}
+
+.divide-y-8>:not(template)~:not(template) {
+ border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important
+}
+
+.divide-y-8>:not(template):not(:first-child) {
+ padding-top: 8rem!important
+}
+
+.divide-y-8>:not(template):not(:last-child) {
+ padding-bottom: 8rem!important
+}
+
+.divide-x-8>:not(template)~:not(template) {
+ border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important
+}
+
+.divide-x-8>:not(template):not(:first-child) {
+ padding-left: 8rem!important
+}
+
+.divide-x-8>:not(template):not(:last-child) {
+ padding-right: 8rem!important
+}
+
+.divide-y-fill {
+ display: flex;
+ flex-direction: column;
+ height: 100%
+}
+
+.divide-y-fill>:not(template) {
+ flex: 1;
+ display: flex;
+ justify-content: center;
+ flex-direction: column
+}
+
+.icon {
+ --tblr-icon-size: 1.25rem;
+ width: var(--tblr-icon-size);
+ height: var(--tblr-icon-size);
+ font-size: var(--tblr-icon-size);
+ vertical-align: bottom;
+ stroke-width: 1.5
+}
+
+.icon:hover {
+ text-decoration: none
+}
+
+.icon-inline {
+ --tblr-icon-size: 1rem;
+ vertical-align: -.2rem
+}
+
+.icon-filled {
+ fill: currentColor
+}
+
+.icon-sm {
+ --tblr-icon-size: 1rem;
+ stroke-width: 1
+}
+
+.icon-md {
+ --tblr-icon-size: 2.5rem;
+ stroke-width: 1
+}
+
+.icon-lg {
+ --tblr-icon-size: 3.5rem;
+ stroke-width: 1
+}
+
+.icon-pulse {
+ transition: all .15s ease 0s;
+ animation: pulse 2s ease infinite;
+ animation-fill-mode: both
+}
+
+.icon-tada {
+ transition: all .15s ease 0s;
+ animation: tada 3s ease infinite;
+ animation-fill-mode: both
+}
+
+.icon-rotate {
+ transition: all .15s ease 0s;
+ animation: rotate-360 3s linear infinite;
+ animation-fill-mode: both
+}
+
+.img-responsive {
+ --tblr-img-responsive-ratio: 75%;
+ background: no-repeat center/cover;
+ padding-top: var(--tblr-img-responsive-ratio)
+}
+
+.img-responsive-grid {
+ padding-top: calc(var(--tblr-img-responsive-ratio) - var(--tblr-gutter-y)/ 2)
+}
+
+.img-responsive-1x1 {
+ --tblr-img-responsive-ratio: 100%
+}
+
+.img-responsive-2x1 {
+ --tblr-img-responsive-ratio: 50%
+}
+
+.img-responsive-1x2 {
+ --tblr-img-responsive-ratio: 200%
+}
+
+.img-responsive-3x1 {
+ --tblr-img-responsive-ratio: 33.3333333333%
+}
+
+.img-responsive-1x3 {
+ --tblr-img-responsive-ratio: 300%
+}
+
+.img-responsive-4x3 {
+ --tblr-img-responsive-ratio: 75%
+}
+
+.img-responsive-3x4 {
+ --tblr-img-responsive-ratio: 133.3333333333%
+}
+
+.img-responsive-16x9 {
+ --tblr-img-responsive-ratio: 56.25%
+}
+
+.img-responsive-9x16 {
+ --tblr-img-responsive-ratio: 177.7777777778%
+}
+
+.img-responsive-21x9 {
+ --tblr-img-responsive-ratio: 42.8571428571%
+}
+
+.img-responsive-9x21 {
+ --tblr-img-responsive-ratio: 233.3333333333%
+}
+
+textarea[cols] {
+ height: auto
+}
+
+.col-form-label,.form-label {
+ display: block;
+ font-weight: var(--tblr-font-weight-medium)
+}
+
+.col-form-label.required:after,.form-label.required:after {
+ content: "*";
+ margin-left: .25rem;
+ color: #d63939
+}
+
+.form-label-description {
+ float: right;
+ font-weight: var(--tblr-font-weight-normal);
+ color: var(--tblr-gray-500)
+}
+
+.form-hint {
+ display: block;
+ color: var(--tblr-gray-500)
+}
+
+.form-hint:last-child {
+ margin-bottom: 0
+}
+
+.form-hint+.form-control {
+ margin-top: .25rem
+}
+
+.form-label+.form-hint {
+ margin-top: -.25rem
+}
+
+.form-control+.form-hint,.form-select+.form-hint,.input-group+.form-hint {
+ margin-top: .5rem;
+ color: var(--tblr-gray-500)
+}
+
+.form-select:-moz-focusring {
+ color: var(--tblr-body-color)
+}
+
+.form-control:-webkit-autofill {
+ box-shadow: 0 0 0 1000px var(--tblr-body-bg) inset;
+ color: var(--tblr-body-color);
+ -webkit-text-fill-color: var(--tblr-body-color)
+}
+
+.form-control.disabled,.form-control:disabled {
+ color: var(--tblr-gray-500);
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none
+}
+
+.form-control[size] {
+ width: auto
+}
+
+.form-control-light {
+ background-color: var(--tblr-gray-100);
+ border-color: transparent
+}
+
+.form-control-dark {
+ background-color: rgba(0,0,0,.1);
+ color: #fff;
+ border-color: transparent
+}
+
+.form-control-dark:focus {
+ background-color: rgba(0,0,0,.1);
+ box-shadow: none;
+ border-color: rgba(255,255,255,.24)
+}
+
+.form-control-dark::-webkit-input-placeholder {
+ color: rgba(255,255,255,.6)
+}
+
+.form-control-dark:-ms-input-placeholder {
+ color: rgba(255,255,255,.6)
+}
+
+.form-control-dark::-ms-input-placeholder {
+ color: rgba(255,255,255,.6)
+}
+
+.form-control-dark::placeholder {
+ color: rgba(255,255,255,.6)
+}
+
+.form-control-rounded {
+ border-radius: 10rem
+}
+
+.form-control-flush {
+ padding: 0;
+ background: 0 0!important;
+ border-color: transparent!important;
+ resize: none;
+ box-shadow: none!important;
+ line-height: inherit
+}
+
+.form-footer {
+ margin-top: 2rem
+}
+
+.form-fieldset {
+ padding: 1rem;
+ margin-bottom: 1rem;
+ background: var(--tblr-body-bg);
+ border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
+ border-radius: var(--tblr-border-radius)
+}
+
+.form-help {
+ display: inline-flex;
+ font-weight: var(--tblr-font-weight-bold);
+ align-items: center;
+ justify-content: center;
+ width: 1.125rem;
+ height: 1.125rem;
+ font-size: .75rem;
+ color: var(--tblr-gray-500);
+ text-align: center;
+ text-decoration: none;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background: var(--tblr-gray-100);
+ border-radius: 100rem;
+ transition: background-color .3s,color .3s
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .form-help {
+ transition: none
+ }
+}
+
+.form-help:hover,.form-help[aria-describedby] {
+ color: #fff;
+ background: var(--tblr-primary)
+}
+
+.input-group {
+ box-shadow: var(--tblr-box-shadow-input);
+ border-radius: var(--tblr-border-radius)
+}
+
+.input-group .btn,.input-group .form-control {
+ box-shadow: none
+}
+
+.input-group-link {
+ font-size: .75rem
+}
+
+.input-group-flat:focus-within {
+ box-shadow: 0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25);
+ border-radius: var(--tblr-border-radius)
+}
+
+.input-group-flat:focus-within .form-control,.input-group-flat:focus-within .input-group-text {
+ border-color: #83b7e8!important
+}
+
+.input-group-flat .form-control:focus {
+ border-color: var(--tblr-border-color);
+ box-shadow: none
+}
+
+.input-group-flat .form-control:not(:last-child) {
+ border-right: 0
+}
+
+.input-group-flat .form-control:not(:first-child) {
+ border-left: 0
+}
+
+.input-group-flat .input-group-text {
+ background: var(--tblr-bg-forms);
+ transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .input-group-flat .input-group-text {
+ transition: none
+ }
+}
+
+.input-group-flat .input-group-text:first-child {
+ padding-right: 0
+}
+
+.input-group-flat .input-group-text:last-child {
+ padding-left: 0
+}
+
+.form-file-button {
+ margin-left: 0;
+ border-left: 0
+}
+
+.input-icon {
+ position: relative
+}
+
+.input-icon .form-control:not(:last-child),.input-icon .form-select:not(:last-child) {
+ padding-right: 2.5rem
+}
+
+.input-icon .form-control:not(:first-child),.input-icon .form-select:not(:last-child) {
+ padding-left: 2.5rem
+}
+
+.input-icon-addon {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ min-width: 2.5rem;
+ color: var(--tblr-icon-color);
+ pointer-events: none;
+ font-size: 1.2em
+}
+
+.input-icon-addon:last-child {
+ right: 0;
+ left: auto
+}
+
+.form-colorinput {
+ position: relative;
+ display: inline-block;
+ margin: 0;
+ line-height: 1;
+ cursor: pointer
+}
+
+.form-colorinput-input {
+ position: absolute;
+ z-index: -1;
+ opacity: 0
+}
+
+.form-colorinput-color {
+ display: block;
+ width: 1.5rem;
+ height: 1.5rem;
+ color: #fff;
+ border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
+ border-radius: 3px;
+ box-shadow: 0 1px 2px 0 rgba(0,0,0,.05)
+}
+
+.form-colorinput-color:before {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ content: "";
+ background: no-repeat center center/1.25rem;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");
+ opacity: 0;
+ transition: opacity .3s
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .form-colorinput-color:before {
+ transition: none
+ }
+}
+
+.form-colorinput-input:checked~.form-colorinput-color:before {
+ opacity: 1
+}
+
+.form-colorinput-input:focus~.form-colorinput-color {
+ border-color: var(--tblr-primary);
+ box-shadow: 0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25)
+}
+
+.form-colorinput-light .form-colorinput-color:before {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23182433' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e")
+}
+
+.form-imagecheck {
+ position: relative;
+ margin: 0;
+ cursor: pointer
+}
+
+.form-imagecheck-input {
+ position: absolute;
+ z-index: -1;
+ opacity: 0
+}
+
+.form-imagecheck-figure {
+ position: relative;
+ display: block;
+ margin: 0;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
+ border-radius: 3px
+}
+
+.form-imagecheck-input:focus~.form-imagecheck-figure {
+ border-color: var(--tblr-primary);
+ box-shadow: 0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25)
+}
+
+.form-imagecheck-input:checked~.form-imagecheck-figure {
+ border-color: var(--tblr-primary)
+}
+
+.form-imagecheck-figure:before {
+ position: absolute;
+ top: .25rem;
+ left: .25rem;
+ z-index: 1;
+ display: block;
+ width: 1.25rem;
+ height: 1.25rem;
+ color: #fff;
+ pointer-events: none;
+ content: "";
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background: var(--tblr-bg-forms);
+ border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
+ border-radius: var(--tblr-border-radius);
+ transition: opacity .3s
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .form-imagecheck-figure:before {
+ transition: none
+ }
+}
+
+.form-imagecheck-input:checked~.form-imagecheck-figure:before {
+ background-color: var(--tblr-primary);
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");
+ background-repeat: repeat;
+ background-position: center;
+ background-size: 1.25rem;
+ border-color: var(--tblr-border-color-translucent)
+}
+
+.form-imagecheck-input[type=radio]~.form-imagecheck-figure:before {
+ border-radius: 50%
+}
+
+.form-imagecheck-input[type=radio]:checked~.form-imagecheck-figure:before {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e")
+}
+
+.form-imagecheck-image {
+ max-width: 100%;
+ display: block;
+ opacity: .64;
+ transition: opacity .3s
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .form-imagecheck-image {
+ transition: none
+ }
+}
+
+.form-imagecheck-image:first-child {
+ border-top-left-radius: 2px;
+ border-top-right-radius: 2px
+}
+
+.form-imagecheck-image:last-child {
+ border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 2px
+}
+
+.form-imagecheck-input:checked~.form-imagecheck-figure .form-imagecheck-image,.form-imagecheck-input:focus~.form-imagecheck-figure .form-imagecheck-image,.form-imagecheck:hover .form-imagecheck-image {
+ opacity: 1
+}
+
+.form-imagecheck-caption {
+ padding: .25rem;
+ font-size: .765625rem;
+ color: var(--tblr-secondary);
+ text-align: center;
+ transition: color .3s
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .form-imagecheck-caption {
+ transition: none
+ }
+}
+
+.form-imagecheck-input:checked~.form-imagecheck-figure .form-imagecheck-caption,.form-imagecheck-input:focus~.form-imagecheck-figure .form-imagecheck-caption,.form-imagecheck:hover .form-imagecheck-caption {
+ color: var(--tblr-body-color)
+}
+
+.form-selectgroup {
+ display: inline-flex;
+ margin: 0 -.5rem -.5rem 0;
+ flex-wrap: wrap
+}
+
+.form-selectgroup .form-selectgroup-item {
+ margin: 0 .5rem .5rem 0
+}
+
+.form-selectgroup-vertical {
+ flex-direction: column
+}
+
+.form-selectgroup-item {
+ display: block;
+ position: relative
+}
+
+.form-selectgroup-input {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: -1;
+ opacity: 0
+}
+
+.form-selectgroup-label {
+ position: relative;
+ display: block;
+ min-width: calc(1.4285714286em + 1.125rem + calc(var(--tblr-border-width) * 2));
+ margin: 0;
+ padding: .5625rem .75rem;
+ font-size: .875rem;
+ line-height: 1.4285714286;
+ color: var(--tblr-secondary);
+ background: var(--tblr-bg-forms);
+ text-align: center;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
+ border-radius: 3px;
+ box-shadow: var(--tblr-box-shadow-input);
+ transition: border-color .3s,background .3s,color .3s
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .form-selectgroup-label {
+ transition: none
+ }
+}
+
+.form-selectgroup-label .icon:only-child {
+ margin: 0 -.25rem
+}
+
+.form-selectgroup-label:hover {
+ color: var(--tblr-body-color)
+}
+
+.form-selectgroup-check {
+ display: inline-block;
+ width: 1.25rem;
+ height: 1.25rem;
+ border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
+ vertical-align: middle;
+ box-shadow: var(--tblr-box-shadow-input)
+}
+
+.form-selectgroup-input[type=checkbox]+.form-selectgroup-label .form-selectgroup-check {
+ border-radius: var(--tblr-border-radius)
+}
+
+.form-selectgroup-input[type=radio]+.form-selectgroup-label .form-selectgroup-check {
+ border-radius: 50%
+}
+
+.form-selectgroup-input:checked+.form-selectgroup-label .form-selectgroup-check {
+ background-color: var(--tblr-primary);
+ background-repeat: repeat;
+ background-position: center;
+ background-size: 1.25rem;
+ border-color: var(--tblr-border-color-translucent)
+}
+
+.form-selectgroup-input[type=checkbox]:checked+.form-selectgroup-label .form-selectgroup-check {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e")
+}
+
+.form-selectgroup-input[type=radio]:checked+.form-selectgroup-label .form-selectgroup-check {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e")
+}
+
+.form-selectgroup-check-floated {
+ position: absolute;
+ top: .5625rem;
+ right: .5625rem
+}
+
+.form-selectgroup-input:checked+.form-selectgroup-label {
+ z-index: 1;
+ color: var(--tblr-primary);
+ background: rgba(var(--tblr-primary-rgb),.04);
+ border-color: var(--tblr-primary)
+}
+
+.form-selectgroup-input:focus+.form-selectgroup-label {
+ z-index: 2;
+ color: var(--tblr-primary);
+ border-color: var(--tblr-primary);
+ box-shadow: 0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25)
+}
+
+.form-selectgroup-boxes .form-selectgroup-label {
+ text-align: left;
+ padding: 1.25rem 1rem;
+ color: inherit
+}
+
+.form-selectgroup-boxes .form-selectgroup-input:checked+.form-selectgroup-label {
+ color: inherit
+}
+
+.form-selectgroup-boxes .form-selectgroup-input:checked+.form-selectgroup-label .form-selectgroup-title {
+ color: var(--tblr-primary)
+}
+
+.form-selectgroup-boxes .form-selectgroup-input:checked+.form-selectgroup-label .form-selectgroup-label-content {
+ opacity: 1
+}
+
+.form-selectgroup-pills {
+ flex-wrap: wrap;
+ align-items: flex-start
+}
+
+.form-selectgroup-pills .form-selectgroup-item {
+ flex-grow: 0
+}
+
+.form-selectgroup-pills .form-selectgroup-label {
+ border-radius: 50px
+}
+
+.form-control-color::-webkit-color-swatch {
+ border: none
+}
+
+[type=search]::-webkit-search-cancel-button {
+ -webkit-appearance: none
+}
+
+.form-control::-webkit-file-upload-button {
+ background-color: var(--tblr-btn-color,var(--tblr-tertiary-bg))
+}
+
+.form-control::file-selector-button {
+ background-color: var(--tblr-btn-color,var(--tblr-tertiary-bg))
+}
+
+.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
+ background-color: var(--tblr-btn-color,var(--tblr-secondary-bg))
+}
+
+.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
+ background-color: var(--tblr-btn-color,var(--tblr-secondary-bg))
+}
+
+.form-check {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none
+}
+
+.form-check.form-check-highlight .form-check-input:not(:checked)~.form-check-label {
+ color: var(--tblr-secondary)
+}
+
+.form-check .form-check-label-off {
+ color: var(--tblr-secondary)
+}
+
+.form-check .form-check-input:checked~.form-check-label-off {
+ display: none
+}
+
+.form-check .form-check-input:not(:checked)~.form-check-label-on {
+ display: none
+}
+
+.form-check-input {
+ background-size: 1.25rem;
+ margin-top: 0;
+ box-shadow: var(--tblr-box-shadow-input)
+}
+
+.form-switch .form-check-input {
+ transition: background-color .3s,background-position .3s
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .form-switch .form-check-input {
+ transition: none
+ }
+}
+
+.form-check-label {
+ display: block
+}
+
+.form-check-label.required:after {
+ content: "*";
+ margin-left: .25rem;
+ color: #d63939
+}
+
+.form-check-description {
+ display: block;
+ color: var(--tblr-secondary);
+ font-size: .75rem;
+ margin-top: .25rem
+}
+
+.form-check-single {
+ margin: 0
+}
+
+.form-check-single .form-check-input {
+ margin: 0
+}
+
+.form-switch .form-check-input {
+ height: 1.25rem;
+ margin-top: 0
+}
+
+.form-switch-lg {
+ padding-left: 3.5rem;
+ min-height: 1.5rem
+}
+
+.form-switch-lg .form-check-input {
+ height: 1.5rem;
+ width: 2.75rem;
+ background-size: 1.5rem;
+ margin-left: -3.5rem
+}
+
+.form-switch-lg .form-check-label {
+ padding-top: .125rem
+}
+
+.form-check-input:checked {
+ border: none
+}
+
+.form-control.is-invalid-lite,.form-control.is-valid-lite,.form-select.is-invalid-lite,.form-select.is-valid-lite {
+ border-color: var(--tblr-border-color)!important
+}
+
+.legend {
+ --tblr-legend-size: 0.75em;
+ display: inline-block;
+ background: var(--tblr-border-color);
+ width: var(--tblr-legend-size);
+ height: var(--tblr-legend-size);
+ border-radius: var(--tblr-border-radius-sm);
+ border: 1px solid var(--tblr-border-color-translucent)
+}
+
+.list-group {
+ margin-left: 0;
+ margin-right: 0
+}
+
+.list-group-header {
+ background: var(--tblr-bg-surface-tertiary);
+ padding: .5rem 1.25rem;
+ font-size: .75rem;
+ font-weight: var(--tblr-font-weight-medium);
+ line-height: 1;
+ text-transform: uppercase;
+ color: var(--tblr-gray-500);
+ border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)
+}
+
+.list-group-flush>.list-group-header:last-child {
+ border-bottom-width: 0
+}
+
+.list-group-item {
+ background-color: inherit
+}
+
+.list-group-item.active {
+ background-color: rgba(var(--tblr-secondary-rgb),.08);
+ border-left-color: #066fd1;
+ border-left-width: 2px
+}
+
+.list-group-item:active,.list-group-item:focus,.list-group-item:hover {
+ background-color: rgba(var(--tblr-secondary-rgb),.08)
+}
+
+.list-group-item.disabled,.list-group-item:disabled {
+ color: #6c7a91;
+ background-color: rgba(var(--tblr-secondary-rgb),.08)
+}
+
+.list-bordered .list-item {
+ border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
+ margin-top: -1px
+}
+
+.list-bordered .list-item:first-child {
+ border-top: none
+}
+
+.list-group-hoverable .list-group-item-actions {
+ opacity: 0;
+ transition: opacity .3s
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .list-group-hoverable .list-group-item-actions {
+ transition: none
+ }
+}
+
+.list-group-hoverable .list-group-item-actions.show,.list-group-hoverable .list-group-item:hover .list-group-item-actions {
+ opacity: 1
+}
+
+.list-group-transparent {
+ --tblr-list-group-border-radius: 0;
+ margin: 0 -1.25rem
+}
+
+.list-group-transparent .list-group-item {
+ background: 0 0;
+ border: 0
+}
+
+.list-group-transparent .list-group-item .icon {
+ color: var(--tblr-secondary)
+}
+
+.list-group-transparent .list-group-item.active {
+ font-weight: var(--tblr-font-weight-bold);
+ color: inherit;
+ background: var(--tblr-active-bg)
+}
+
+.list-group-transparent .list-group-item.active .icon {
+ color: inherit
+}
+
+.list-separated-item {
+ padding: 1rem 0
+}
+
+.list-separated-item:first-child {
+ padding-top: 0
+}
+
+.list-separated-item:last-child {
+ padding-bottom: 0
+}
+
+.list-separated-item+.list-separated-item {
+ border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)
+}
+
+.list-inline-item:not(:last-child) {
+ margin-right: auto;
+ -webkit-margin-end: .5rem;
+ margin-inline-end:.5rem}
+
+.list-inline-dots .list-inline-item+.list-inline-item:before {
+ content: " · ";
+ -webkit-margin-end: .5rem;
+ margin-inline-end:.5rem}
+
+.loader {
+ position: relative;
+ display: block;
+ width: 2.5rem;
+ height: 2.5rem;
+ color: #066fd1;
+ vertical-align: middle
+}
+
+.loader:after {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ content: "";
+ border: 1px var(--tblr-border-style);
+ border-color: transparent;
+ border-top-color: currentColor;
+ border-left-color: currentColor;
+ border-radius: 100rem;
+ animation: rotate-360 .6s linear;
+ animation-iteration-count: infinite
+}
+
+.dimmer {
+ position: relative
+}
+
+.dimmer .loader {
+ position: absolute;
+ top: 50%;
+ right: 0;
+ left: 0;
+ display: none;
+ margin: 0 auto;
+ transform: translateY(-50%)
+}
+
+.dimmer.active .loader {
+ display: block
+}
+
+.dimmer.active .dimmer-content {
+ pointer-events: none;
+ opacity: .1
+}
+
+@keyframes animated-dots {
+ 0% {
+ transform: translateX(-100%)
+ }
+}
+
+.animated-dots {
+ display: inline-block;
+ overflow: hidden;
+ vertical-align: bottom
+}
+
+.animated-dots:after {
+ display: inline-block;
+ content: "...";
+ animation: animated-dots 1.2s steps(4,jump-none) infinite
+}
+
+.modal-content .btn-close {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 3.5rem;
+ height: 3.5rem;
+ margin: 0;
+ padding: 0;
+ z-index: 10
+}
+
+.modal-body {
+ scrollbar-color: rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.16) transparent
+}
+
+.modal-body::-webkit-scrollbar {
+ width: 1rem;
+ height: 1rem;
+ -webkit-transition: background .3s;
+ transition: background .3s
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .modal-body::-webkit-scrollbar {
+ -webkit-transition: none;
+ transition: none
+ }
+}
+
+.modal-body::-webkit-scrollbar-thumb {
+ border-radius: 1rem;
+ border: 5px solid transparent;
+ box-shadow: inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.16)
+}
+
+.modal-body::-webkit-scrollbar-track {
+ background: 0 0
+}
+
+.modal-body:hover::-webkit-scrollbar-thumb {
+ box-shadow: inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.32)
+}
+
+.modal-body::-webkit-scrollbar-corner {
+ background: 0 0
+}
+
+.modal-body .modal-title {
+ margin-bottom: 1rem
+}
+
+.modal-body+.modal-body {
+ border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)
+}
+
+.modal-status {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ height: 2px;
+ background: var(--tblr-secondary);
+ border-radius: var(--tblr-border-radius-lg) var(--tblr-border-radius-lg) 0 0
+}
+
+.modal-header {
+ align-items: center;
+ min-height: 3.5rem;
+ background: 0 0;
+ padding: 0 3.5rem 0 1.5rem
+}
+
+.modal-title {
+ font-size: 1rem;
+ font-weight: var(--tblr-font-weight-bold);
+ color: inherit;
+ line-height: 1.4285714286
+}
+
+.modal-footer {
+ padding-top: .75rem;
+ padding-bottom: .75rem
+}
+
+.modal-blur {
+ -webkit-backdrop-filter: blur(4px);
+ backdrop-filter: blur(4px)
+}
+
+.modal-full-width {
+ max-width: none;
+ margin: 0 .5rem
+}
+
+.nav-vertical,.nav-vertical .nav {
+ flex-direction: column;
+ flex-wrap: nowrap
+}
+
+.nav-vertical .nav {
+ margin-left: 1.25rem;
+ border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
+ padding-left: .5rem
+}
+
+.nav-vertical .nav-item.show .nav-link,.nav-vertical .nav-link.active {
+ font-weight: var(--tblr-font-weight-bold)
+}
+
+.nav-vertical.nav-pills {
+ margin: 0 -.75rem
+}
+
+.nav-bordered {
+ border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)
+}
+
+.nav-bordered .nav-item+.nav-item {
+ margin-left: 1.25rem
+}
+
+.nav-bordered .nav-link {
+ padding-left: 0;
+ padding-right: 0;
+ margin: 0 0 -var(--tblr-border-width);
+ border: 0;
+ border-bottom: 2px var(--tblr-border-style) transparent;
+ color: var(--tblr-secondary)
+}
+
+.nav-bordered .nav-item.show .nav-link,.nav-bordered .nav-link.active {
+ color: var(--tblr-primary);
+ border-color: var(--tblr-primary)
+}
+
+.nav-link {
+ display: flex;
+ transition: color .3s;
+ align-items: center
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .nav-link {
+ transition: none
+ }
+}
+
+.nav-link-toggle {
+ margin-left: auto;
+ padding: 0 .25rem;
+ transition: transform .3s
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .nav-link-toggle {
+ transition: none
+ }
+}
+
+.nav-link-toggle:after {
+ content: "";
+ display: inline-block;
+ vertical-align: .306em;
+ width: .36em;
+ height: .36em;
+ border-bottom: 1px var(--tblr-border-style);
+ border-left: 1px var(--tblr-border-style);
+ margin-right: .1em;
+ margin-left: .4em;
+ transform: rotate(-45deg)
+}
+
+.nav-link-toggle:after {
+ margin: 0
+}
+
+.nav-link[aria-expanded=true] .nav-link-toggle {
+ transform: rotate(180deg)
+}
+
+.nav-link-icon {
+ width: 1.25rem;
+ height: 1.25rem;
+ margin-right: .5rem;
+ color: var(--tblr-icon-color)
+}
+
+.nav-link-icon svg {
+ display: block;
+ height: 100%
+}
+
+.nav-fill .nav-item .nav-link {
+ justify-content: center
+}
+
+.stars {
+ display: inline-flex;
+ color: #8a97ab;
+ font-size: .75rem
+}
+
+.stars .star:not(:first-child) {
+ margin-left: .25rem
+}
+
+.pagination {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none
+}
+
+.page-link {
+ min-width: 1.75rem;
+ border-radius: var(--tblr-border-radius)
+}
+
+.page-item {
+ text-align: center
+}
+
+.page-item:not(.active) .page-link:hover {
+ background: 0 0
+}
+
+.page-item.page-next,.page-item.page-prev {
+ flex: 0 0 50%;
+ text-align: left
+}
+
+.page-item.page-next {
+ margin-left: auto;
+ text-align: right
+}
+
+.page-item-subtitle {
+ margin-bottom: 2px;
+ font-size: 12px;
+ color: var(--tblr-secondary);
+ text-transform: uppercase
+}
+
+.page-item.disabled .page-item-subtitle {
+ color: var(--tblr-disabled-color)
+}
+
+.page-item-title {
+ font-size: 1rem;
+ font-weight: var(--tblr-font-weight-normal);
+ color: var(--tblr-body-color)
+}
+
+.page-link:hover .page-item-title {
+ color: #066fd1
+}
+
+.page-item.disabled .page-item-title {
+ color: var(--tblr-disabled-color)
+}
+
+@keyframes progress-indeterminate {
+ 0% {
+ right: 100%;
+ left: -35%
+ }
+
+ 100%,60% {
+ right: -90%;
+ left: 100%
+ }
+}
+
+.progress {
+ position: relative;
+ width: 100%;
+ line-height: .5rem;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none
+}
+
+.progress::-webkit-progress-bar {
+ background: var(--tblr-progress-bg)
+}
+
+.progress::-webkit-progress-value {
+ background-color: var(--tblr-primary)
+}
+
+.progress::-moz-progress-bar {
+ background-color: var(--tblr-primary)
+}
+
+.progress::-ms-fill {
+ background-color: var(--tblr-primary);
+ border: none
+}
+
+.progress-sm {
+ height: .25rem
+}
+
+.progress-bar {
+ height: 100%
+}
+
+.progress-bar-indeterminate:after,.progress-bar-indeterminate:before {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ content: "";
+ background-color: inherit;
+ will-change: left,right
+}
+
+.progress-bar-indeterminate:before {
+ animation: progress-indeterminate 1.5s cubic-bezier(.65,.815,.735,.395) infinite
+}
+
+.progress-separated .progress-bar {
+ box-shadow: 0 0 0 2px var(--tblr-card-bg,var(--tblr-bg-surface))
+}
+
+.progressbg {
+ position: relative;
+ padding: .25rem .5rem;
+ display: flex
+}
+
+.progressbg-text {
+ position: relative;
+ z-index: 1;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap
+}
+
+.progressbg-progress {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 0;
+ height: 100%;
+ background: 0 0;
+ pointer-events: none
+}
+
+.progressbg-value {
+ font-weight: var(--tblr-font-weight-medium);
+ margin-left: auto;
+ padding-left: 2rem
+}
+
+.ribbon {
+ --tblr-ribbon-margin: 0.25rem;
+ --tblr-ribbon-border-radius: var(--tblr-border-radius);
+ position: absolute;
+ top: .75rem;
+ right: calc(-1 * var(--tblr-ribbon-margin));
+ z-index: 1;
+ padding: .25rem .75rem;
+ font-size: .625rem;
+ font-weight: var(--tblr-font-weight-bold);
+ line-height: 1;
+ color: #fff;
+ text-align: center;
+ text-transform: uppercase;
+ background: var(--tblr-primary);
+ border-color: var(--tblr-primary);
+ border-radius: var(--tblr-ribbon-border-radius) 0 var(--tblr-ribbon-border-radius) var(--tblr-ribbon-border-radius);
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ min-height: 2rem;
+ min-width: 2rem
+}
+
+.ribbon:before {
+ position: absolute;
+ right: 0;
+ bottom: 100%;
+ width: 0;
+ height: 0;
+ content: "";
+ filter: brightness(70%);
+ border: calc(var(--tblr-ribbon-margin) * .5) var(--tblr-border-style);
+ border-color: inherit;
+ border-top-color: transparent;
+ border-right-color: transparent
+}
+
+.ribbon.bg-blue {
+ border-color: var(--tblr-blue)
+}
+
+.ribbon.bg-blue-lt {
+ border-color: rgba(var(--tblr-blue-rgb),.1)!important
+}
+
+.ribbon.bg-azure {
+ border-color: var(--tblr-azure)
+}
+
+.ribbon.bg-azure-lt {
+ border-color: rgba(var(--tblr-azure-rgb),.1)!important
+}
+
+.ribbon.bg-indigo {
+ border-color: var(--tblr-indigo)
+}
+
+.ribbon.bg-indigo-lt {
+ border-color: rgba(var(--tblr-indigo-rgb),.1)!important
+}
+
+.ribbon.bg-purple {
+ border-color: var(--tblr-purple)
+}
+
+.ribbon.bg-purple-lt {
+ border-color: rgba(var(--tblr-purple-rgb),.1)!important
+}
+
+.ribbon.bg-pink {
+ border-color: var(--tblr-pink)
+}
+
+.ribbon.bg-pink-lt {
+ border-color: rgba(var(--tblr-pink-rgb),.1)!important
+}
+
+.ribbon.bg-red {
+ border-color: var(--tblr-red)
+}
+
+.ribbon.bg-red-lt {
+ border-color: rgba(var(--tblr-red-rgb),.1)!important
+}
+
+.ribbon.bg-orange {
+ border-color: var(--tblr-orange)
+}
+
+.ribbon.bg-orange-lt {
+ border-color: rgba(var(--tblr-orange-rgb),.1)!important
+}
+
+.ribbon.bg-yellow {
+ border-color: var(--tblr-yellow)
+}
+
+.ribbon.bg-yellow-lt {
+ border-color: rgba(var(--tblr-yellow-rgb),.1)!important
+}
+
+.ribbon.bg-lime {
+ border-color: var(--tblr-lime)
+}
+
+.ribbon.bg-lime-lt {
+ border-color: rgba(var(--tblr-lime-rgb),.1)!important
+}
+
+.ribbon.bg-green {
+ border-color: var(--tblr-green)
+}
+
+.ribbon.bg-green-lt {
+ border-color: rgba(var(--tblr-green-rgb),.1)!important
+}
+
+.ribbon.bg-teal {
+ border-color: var(--tblr-teal)
+}
+
+.ribbon.bg-teal-lt {
+ border-color: rgba(var(--tblr-teal-rgb),.1)!important
+}
+
+.ribbon.bg-cyan {
+ border-color: var(--tblr-cyan)
+}
+
+.ribbon.bg-cyan-lt {
+ border-color: rgba(var(--tblr-cyan-rgb),.1)!important
+}
+
+.ribbon .icon {
+ width: 1.25rem;
+ height: 1.25rem;
+ font-size: 1.25rem
+}
+
+.ribbon-top {
+ top: calc(-1 * var(--tblr-ribbon-margin));
+ right: .75rem;
+ width: 2rem;
+ padding: .5rem 0;
+ border-radius: 0 var(--tblr-ribbon-border-radius) var(--tblr-ribbon-border-radius) var(--tblr-ribbon-border-radius)
+}
+
+.ribbon-top:before {
+ top: 0;
+ right: 100%;
+ bottom: auto;
+ border-color: inherit;
+ border-top-color: transparent;
+ border-left-color: transparent
+}
+
+.ribbon-top.ribbon-start {
+ right: auto;
+ left: .75rem
+}
+
+.ribbon-top.ribbon-start:before {
+ top: 0;
+ right: 100%;
+ left: auto
+}
+
+.ribbon-start {
+ right: auto;
+ left: calc(-1 * var(--tblr-ribbon-margin))
+}
+
+.ribbon-start:before {
+ top: auto;
+ bottom: 100%;
+ left: 0;
+ border-color: inherit;
+ border-top-color: transparent;
+ border-left-color: transparent
+}
+
+.ribbon-bottom {
+ top: auto;
+ bottom: .75rem
+}
+
+.ribbon-bookmark {
+ padding-left: .25rem;
+ border-radius: 0 0 var(--tblr-ribbon-border-radius) 0
+}
+
+.ribbon-bookmark:after {
+ position: absolute;
+ top: 0;
+ right: 100%;
+ display: block;
+ width: 0;
+ height: 0;
+ content: "";
+ border: 1rem var(--tblr-border-style);
+ border-color: inherit;
+ border-right-width: 0;
+ border-left-color: transparent;
+ border-left-width: .5rem
+}
+
+.ribbon-bookmark.ribbon-left {
+ padding-right: .5rem
+}
+
+.ribbon-bookmark.ribbon-left:after {
+ right: auto;
+ left: 100%;
+ border-right-color: transparent;
+ border-right-width: .5rem;
+ border-left-width: 0
+}
+
+.ribbon-bookmark.ribbon-top {
+ padding-right: 0;
+ padding-bottom: .25rem;
+ padding-left: 0;
+ border-radius: 0 var(--tblr-ribbon-border-radius) 0 0
+}
+
+.ribbon-bookmark.ribbon-top:after {
+ top: 100%;
+ right: 0;
+ left: 0;
+ border-color: inherit;
+ border-width: 1rem;
+ border-top-width: 0;
+ border-bottom-color: transparent;
+ border-bottom-width: .5rem
+}
+
+.markdown {
+ line-height: 1.7142857143
+}
+
+.markdown>:first-child {
+ margin-top: 0
+}
+
+.markdown>:last-child,.markdown>:last-child .highlight {
+ margin-bottom: 0
+}
+
+@media (min-width: 768px) {
+ .markdown>.hr,.markdown>hr {
+ margin-top:3em;
+ margin-bottom: 3em
+ }
+}
+
+.markdown>.h1,.markdown>.h2,.markdown>.h3,.markdown>.h4,.markdown>.h5,.markdown>.h6,.markdown>h1,.markdown>h2,.markdown>h3,.markdown>h4,.markdown>h5,.markdown>h6 {
+ font-weight: var(--tblr-font-weight-bold)
+}
+
+.markdown>blockquote {
+ font-size: 1rem;
+ margin: 1.5rem 0;
+ padding: .5rem 1.5rem
+}
+
+.markdown>img {
+ border-radius: var(--tblr-border-radius)
+}
+
+.placeholder:not(.btn):not([class*=bg-]) {
+ background-color: currentColor!important
+}
+
+.placeholder:not(.avatar):not([class*=card-img-]) {
+ border-radius: var(--tblr-border-radius)
+}
+
+.steps {
+ --tblr-steps-color: var(--tblr-primary);
+ --tblr-steps-inactive-color: var(--tblr-border-color);
+ --tblr-steps-dot-size: .5rem;
+ --tblr-steps-border-width: 2px;
+ display: flex;
+ flex-wrap: nowrap;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ list-style: none
+}
+
+.steps-blue {
+ --tblr-steps-color: var(--tblr-blue)
+}
+
+.steps-azure {
+ --tblr-steps-color: var(--tblr-azure)
+}
+
+.steps-indigo {
+ --tblr-steps-color: var(--tblr-indigo)
+}
+
+.steps-purple {
+ --tblr-steps-color: var(--tblr-purple)
+}
+
+.steps-pink {
+ --tblr-steps-color: var(--tblr-pink)
+}
+
+.steps-red {
+ --tblr-steps-color: var(--tblr-red)
+}
+
+.steps-orange {
+ --tblr-steps-color: var(--tblr-orange)
+}
+
+.steps-yellow {
+ --tblr-steps-color: var(--tblr-yellow)
+}
+
+.steps-lime {
+ --tblr-steps-color: var(--tblr-lime)
+}
+
+.steps-green {
+ --tblr-steps-color: var(--tblr-green)
+}
+
+.steps-teal {
+ --tblr-steps-color: var(--tblr-teal)
+}
+
+.steps-cyan {
+ --tblr-steps-color: var(--tblr-cyan)
+}
+
+.step-item {
+ position: relative;
+ flex: 1 1 0;
+ min-height: 1rem;
+ margin-top: 0;
+ color: inherit;
+ text-align: center;
+ cursor: default;
+ padding-top: calc(var(--tblr-steps-dot-size))
+}
+
+a.step-item {
+ cursor: pointer
+}
+
+a.step-item:hover {
+ color: inherit
+}
+
+.step-item:after,.step-item:before {
+ background: var(--tblr-steps-color)
+}
+
+.step-item:not(:last-child):after {
+ position: absolute;
+ left: 50%;
+ width: 100%;
+ content: "";
+ transform: translateY(-50%)
+}
+
+.step-item:after {
+ top: calc(var(--tblr-steps-dot-size) * .5);
+ height: var(--tblr-steps-border-width)
+}
+
+.step-item:before {
+ content: "";
+ position: absolute;
+ top: 0;
+ left: 50%;
+ z-index: 1;
+ box-sizing: content-box;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 100rem;
+ transform: translateX(-50%);
+ color: var(--tblr-white);
+ width: var(--tblr-steps-dot-size);
+ height: var(--tblr-steps-dot-size)
+}
+
+.step-item.active {
+ font-weight: var(--tblr-font-weight-bold)
+}
+
+.step-item.active:after {
+ background: var(--tblr-steps-inactive-color)
+}
+
+.step-item.active~.step-item {
+ color: var(--tblr-disabled-color)
+}
+
+.step-item.active~.step-item:after,.step-item.active~.step-item:before {
+ background: var(--tblr-steps-inactive-color)
+}
+
+.steps-counter {
+ --tblr-steps-dot-size: 1.5rem;
+ counter-reset: steps
+}
+
+.steps-counter .step-item {
+ counter-increment: steps
+}
+
+.steps-counter .step-item:before {
+ content: counter(steps)
+}
+
+.steps-vertical {
+ --tblr-steps-dot-offset: 6px;
+ flex-direction: column
+}
+
+.steps-vertical.steps-counter {
+ --tblr-steps-dot-offset: -2px
+}
+
+.steps-vertical .step-item {
+ text-align: left;
+ padding-top: 0;
+ padding-left: calc(var(--tblr-steps-dot-size) + 1rem);
+ min-height: auto
+}
+
+.steps-vertical .step-item:not(:first-child) {
+ margin-top: 1rem
+}
+
+.steps-vertical .step-item:before {
+ top: var(--tblr-steps-dot-offset);
+ left: 0;
+ transform: translate(0,0)
+}
+
+.steps-vertical .step-item:not(:last-child):after {
+ position: absolute;
+ content: "";
+ transform: translateX(-50%);
+ top: var(--tblr-steps-dot-offset);
+ left: calc(var(--tblr-steps-dot-size) * .5);
+ width: var(--tblr-steps-border-width);
+ height: calc(100% + 1rem)
+}
+
+@keyframes status-pulsate-main {
+ 40% {
+ transform: scale(1.25,1.25)
+ }
+
+ 60% {
+ transform: scale(1.25,1.25)
+ }
+}
+
+@keyframes status-pulsate-secondary {
+ 10% {
+ transform: scale(1,1)
+ }
+
+ 30% {
+ transform: scale(3,3)
+ }
+
+ 80% {
+ transform: scale(3,3)
+ }
+
+ 100% {
+ transform: scale(1,1)
+ }
+}
+
+@keyframes status-pulsate-tertiary {
+ 25% {
+ transform: scale(1,1)
+ }
+
+ 80% {
+ transform: scale(3,3);
+ opacity: 0
+ }
+
+ 100% {
+ transform: scale(3,3);
+ opacity: 0
+ }
+}
+
+.status {
+ --tblr-status-height: 1.5rem;
+ --tblr-status-color: #6c7a91;
+ --tblr-status-color-rgb: 108,122,145;
+ display: inline-flex;
+ align-items: center;
+ height: var(--tblr-status-height);
+ padding: .25rem .75rem;
+ gap: .5rem;
+ color: var(--tblr-status-color);
+ background: rgba(var(--tblr-status-color-rgb),.1);
+ font-size: .875rem;
+ text-transform: none;
+ letter-spacing: normal;
+ border-radius: 100rem;
+ font-weight: var(--tblr-font-weight-medium);
+ line-height: 1;
+ margin: 0
+}
+
+.status .status-dot {
+ background: var(--tblr-status-color)
+}
+
+.status .icon {
+ font-size: 1.25rem
+}
+
+.status-lite {
+ border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)!important;
+ background: 0 0!important;
+ color: var(--tblr-body-color)!important
+}
+
+.status-primary {
+ --tblr-status-color: #066fd1;
+ --tblr-status-color-rgb: 6,111,209
+}
+
+.status-secondary {
+ --tblr-status-color: #6c7a91;
+ --tblr-status-color-rgb: 108,122,145
+}
+
+.status-success {
+ --tblr-status-color: #2fb344;
+ --tblr-status-color-rgb: 47,179,68
+}
+
+.status-info {
+ --tblr-status-color: #4299e1;
+ --tblr-status-color-rgb: 66,153,225
+}
+
+.status-warning {
+ --tblr-status-color: #f76707;
+ --tblr-status-color-rgb: 247,103,7
+}
+
+.status-danger {
+ --tblr-status-color: #d63939;
+ --tblr-status-color-rgb: 214,57,57
+}
+
+.status-light {
+ --tblr-status-color: #f6f8fb;
+ --tblr-status-color-rgb: 246,248,251
+}
+
+.status-dark {
+ --tblr-status-color: #182433;
+ --tblr-status-color-rgb: 24,36,51
+}
+
+.status-muted {
+ --tblr-status-color: #6c7a91;
+ --tblr-status-color-rgb: 108,122,145
+}
+
+.status-blue {
+ --tblr-status-color: #066fd1;
+ --tblr-status-color-rgb: 6,111,209
+}
+
+.status-azure {
+ --tblr-status-color: #4299e1;
+ --tblr-status-color-rgb: 66,153,225
+}
+
+.status-indigo {
+ --tblr-status-color: #4263eb;
+ --tblr-status-color-rgb: 66,99,235
+}
+
+.status-purple {
+ --tblr-status-color: #ae3ec9;
+ --tblr-status-color-rgb: 174,62,201
+}
+
+.status-pink {
+ --tblr-status-color: #d6336c;
+ --tblr-status-color-rgb: 214,51,108
+}
+
+.status-red {
+ --tblr-status-color: #d63939;
+ --tblr-status-color-rgb: 214,57,57
+}
+
+.status-orange {
+ --tblr-status-color: #f76707;
+ --tblr-status-color-rgb: 247,103,7
+}
+
+.status-yellow {
+ --tblr-status-color: #f59f00;
+ --tblr-status-color-rgb: 245,159,0
+}
+
+.status-lime {
+ --tblr-status-color: #74b816;
+ --tblr-status-color-rgb: 116,184,22
+}
+
+.status-green {
+ --tblr-status-color: #2fb344;
+ --tblr-status-color-rgb: 47,179,68
+}
+
+.status-teal {
+ --tblr-status-color: #0ca678;
+ --tblr-status-color-rgb: 12,166,120
+}
+
+.status-cyan {
+ --tblr-status-color: #17a2b8;
+ --tblr-status-color-rgb: 23,162,184
+}
+
+.status-x {
+ --tblr-status-color: #000000;
+ --tblr-status-color-rgb: 0,0,0
+}
+
+.status-facebook {
+ --tblr-status-color: #1877f2;
+ --tblr-status-color-rgb: 24,119,242
+}
+
+.status-twitter {
+ --tblr-status-color: #1da1f2;
+ --tblr-status-color-rgb: 29,161,242
+}
+
+.status-linkedin {
+ --tblr-status-color: #0a66c2;
+ --tblr-status-color-rgb: 10,102,194
+}
+
+.status-google {
+ --tblr-status-color: #dc4e41;
+ --tblr-status-color-rgb: 220,78,65
+}
+
+.status-youtube {
+ --tblr-status-color: #ff0000;
+ --tblr-status-color-rgb: 255,0,0
+}
+
+.status-vimeo {
+ --tblr-status-color: #1ab7ea;
+ --tblr-status-color-rgb: 26,183,234
+}
+
+.status-dribbble {
+ --tblr-status-color: #ea4c89;
+ --tblr-status-color-rgb: 234,76,137
+}
+
+.status-github {
+ --tblr-status-color: #181717;
+ --tblr-status-color-rgb: 24,23,23
+}
+
+.status-instagram {
+ --tblr-status-color: #e4405f;
+ --tblr-status-color-rgb: 228,64,95
+}
+
+.status-pinterest {
+ --tblr-status-color: #bd081c;
+ --tblr-status-color-rgb: 189,8,28
+}
+
+.status-vk {
+ --tblr-status-color: #6383a8;
+ --tblr-status-color-rgb: 99,131,168
+}
+
+.status-rss {
+ --tblr-status-color: #ffa500;
+ --tblr-status-color-rgb: 255,165,0
+}
+
+.status-flickr {
+ --tblr-status-color: #0063dc;
+ --tblr-status-color-rgb: 0,99,220
+}
+
+.status-bitbucket {
+ --tblr-status-color: #0052cc;
+ --tblr-status-color-rgb: 0,82,204
+}
+
+.status-tabler {
+ --tblr-status-color: #066fd1;
+ --tblr-status-color-rgb: 6,111,209
+}
+
+.status-dot {
+ --tblr-status-dot-color: var(--tblr-status-color, #6c7a91);
+ --tblr-status-size: 0.5rem;
+ position: relative;
+ display: inline-block;
+ width: var(--tblr-status-size);
+ height: var(--tblr-status-size);
+ background: var(--tblr-status-dot-color);
+ border-radius: 100rem
+}
+
+.status-dot-animated:before {
+ content: "";
+ position: absolute;
+ inset: 0;
+ z-index: 0;
+ background: inherit;
+ border-radius: inherit;
+ opacity: .6;
+ animation: 1s linear 2s backwards infinite status-pulsate-tertiary
+}
+
+.status-indicator {
+ --tblr-status-indicator-size: 2.5rem;
+ --tblr-status-indicator-color: var(--tblr-status-color, #6c7a91);
+ display: block;
+ position: relative;
+ width: var(--tblr-status-indicator-size);
+ height: var(--tblr-status-indicator-size)
+}
+
+.status-indicator-circle {
+ --tblr-status-circle-size: .75rem;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ margin: calc(var(--tblr-status-circle-size)/ -2) 0 0 calc(var(--tblr-status-circle-size)/ -2);
+ width: var(--tblr-status-circle-size);
+ height: var(--tblr-status-circle-size);
+ border-radius: 100rem;
+ background: var(--tblr-status-color)
+}
+
+.status-indicator-circle:nth-child(1) {
+ z-index: 3
+}
+
+.status-indicator-circle:nth-child(2) {
+ z-index: 2;
+ opacity: .1
+}
+
+.status-indicator-circle:nth-child(3) {
+ z-index: 1;
+ opacity: .3
+}
+
+.status-indicator-animated .status-indicator-circle:nth-child(1) {
+ animation: 2s linear 1s infinite backwards status-pulsate-main
+}
+
+.status-indicator-animated .status-indicator-circle:nth-child(2) {
+ animation: 2s linear 1s infinite backwards status-pulsate-secondary
+}
+
+.status-indicator-animated .status-indicator-circle:nth-child(3) {
+ animation: 2s linear 1s infinite backwards status-pulsate-tertiary
+}
+
+.switch-icon {
+ display: inline-block;
+ line-height: 1;
+ border: 0;
+ padding: 0;
+ background: 0 0;
+ width: 1.25rem;
+ height: 1.25rem;
+ vertical-align: bottom;
+ position: relative;
+ cursor: pointer
+}
+
+.switch-icon.disabled {
+ pointer-events: none;
+ opacity: .4
+}
+
+.switch-icon:focus {
+ outline: 0
+}
+
+.switch-icon svg {
+ display: block;
+ width: 100%;
+ height: 100%
+}
+
+.switch-icon .switch-icon-a,.switch-icon .switch-icon-b {
+ display: block;
+ width: 100%;
+ height: 100%
+}
+
+.switch-icon .switch-icon-a {
+ opacity: 1
+}
+
+.switch-icon .switch-icon-b {
+ position: absolute;
+ top: 0;
+ left: 0;
+ opacity: 0
+}
+
+.switch-icon.active .switch-icon-a {
+ opacity: 0
+}
+
+.switch-icon.active .switch-icon-b {
+ opacity: 1
+}
+
+.switch-icon-fade .switch-icon-a,.switch-icon-fade .switch-icon-b {
+ transition: opacity .5s
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .switch-icon-fade .switch-icon-a,.switch-icon-fade .switch-icon-b {
+ transition: none
+ }
+}
+
+.switch-icon-scale .switch-icon-a,.switch-icon-scale .switch-icon-b {
+ transition: opacity .5s,transform 0s .5s
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .switch-icon-scale .switch-icon-a,.switch-icon-scale .switch-icon-b {
+ transition: none
+ }
+}
+
+.switch-icon-scale .switch-icon-b {
+ transform: scale(1.5)
+}
+
+.switch-icon-scale.active .switch-icon-a,.switch-icon-scale.active .switch-icon-b {
+ transition: opacity 0s,transform .5s
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .switch-icon-scale.active .switch-icon-a,.switch-icon-scale.active .switch-icon-b {
+ transition: none
+ }
+}
+
+.switch-icon-scale.active .switch-icon-b {
+ transform: scale(1)
+}
+
+.switch-icon-flip {
+ perspective: 10em
+}
+
+.switch-icon-flip .switch-icon-a,.switch-icon-flip .switch-icon-b {
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ transform-style: preserve-3d;
+ transition: opacity 0s .2s,transform .4s ease-in-out
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .switch-icon-flip .switch-icon-a,.switch-icon-flip .switch-icon-b {
+ transition: none
+ }
+}
+
+.switch-icon-flip .switch-icon-a {
+ opacity: 1;
+ transform: rotateY(0)
+}
+
+.switch-icon-flip .switch-icon-b {
+ opacity: 1;
+ transform: rotateY(-180deg)
+}
+
+.switch-icon-flip.active .switch-icon-a {
+ opacity: 1;
+ transform: rotateY(180deg)
+}
+
+.switch-icon-flip.active .switch-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-a,.switch-icon-slide-down .switch-icon-b,.switch-icon-slide-left .switch-icon-a,.switch-icon-slide-left .switch-icon-b,.switch-icon-slide-right .switch-icon-a,.switch-icon-slide-right .switch-icon-b,.switch-icon-slide-up .switch-icon-a,.switch-icon-slide-up .switch-icon-b {
+ transition: opacity .3s,transform .3s
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .switch-icon-slide-down .switch-icon-a,.switch-icon-slide-down .switch-icon-b,.switch-icon-slide-left .switch-icon-a,.switch-icon-slide-left .switch-icon-b,.switch-icon-slide-right .switch-icon-a,.switch-icon-slide-right .switch-icon-b,.switch-icon-slide-up .switch-icon-a,.switch-icon-slide-up .switch-icon-b {
+ transition: none
+ }
+}
+
+.switch-icon-slide-down .switch-icon-a,.switch-icon-slide-left .switch-icon-a,.switch-icon-slide-right .switch-icon-a,.switch-icon-slide-up .switch-icon-a {
+ transform: translateY(0)
+}
+
+.switch-icon-slide-down .switch-icon-b,.switch-icon-slide-left .switch-icon-b,.switch-icon-slide-right .switch-icon-b,.switch-icon-slide-up .switch-icon-b {
+ transform: translateY(100%)
+}
+
+.switch-icon-slide-down.active .switch-icon-a,.switch-icon-slide-left.active .switch-icon-a,.switch-icon-slide-right.active .switch-icon-a,.switch-icon-slide-up.active .switch-icon-a {
+ transform: translateY(-100%)
+}
+
+.switch-icon-slide-down.active .switch-icon-b,.switch-icon-slide-left.active .switch-icon-b,.switch-icon-slide-right.active .switch-icon-b,.switch-icon-slide-up.active .switch-icon-b {
+ transform: translateY(0)
+}
+
+.switch-icon-slide-left .switch-icon-a {
+ transform: translateX(0)
+}
+
+.switch-icon-slide-left .switch-icon-b {
+ transform: translateX(100%)
+}
+
+.switch-icon-slide-left.active .switch-icon-a {
+ transform: translateX(-100%)
+}
+
+.switch-icon-slide-left.active .switch-icon-b {
+ transform: translateX(0)
+}
+
+.switch-icon-slide-right .switch-icon-a {
+ transform: translateX(0)
+}
+
+.switch-icon-slide-right .switch-icon-b {
+ transform: translateX(-100%)
+}
+
+.switch-icon-slide-right.active .switch-icon-a {
+ transform: translateX(100%)
+}
+
+.switch-icon-slide-right.active .switch-icon-b {
+ transform: translateX(0)
+}
+
+.switch-icon-slide-down .switch-icon-a {
+ transform: translateY(0)
+}
+
+.switch-icon-slide-down .switch-icon-b {
+ transform: translateY(-100%)
+}
+
+.switch-icon-slide-down.active .switch-icon-a {
+ transform: translateY(100%)
+}
+
+.switch-icon-slide-down.active .switch-icon-b {
+ transform: translateY(0)
+}
+
+.markdown>table thead th,.table thead th {
+ color: var(--tblr-gray-500);
+ background: var(--tblr-bg-surface-tertiary);
+ font-size: .625rem;
+ font-weight: var(--tblr-font-weight-bold);
+ text-transform: uppercase;
+ letter-spacing: .04em;
+ line-height: 1rem;
+ color: var(--tblr-secondary);
+ padding-top: .5rem;
+ padding-bottom: .5rem;
+ white-space: nowrap
+}
+
+@media print {
+ .markdown>table thead th,.table thead th {
+ background: 0 0
+ }
+}
+
+.table-responsive .markdown>table,.table-responsive .table {
+ margin-bottom: 0
+}
+
+.table-responsive+.card-footer {
+ border-top: 0
+}
+
+.table-transparent thead th {
+ background: 0 0
+}
+
+.table-nowrap>:not(caption)>*>* {
+ white-space: nowrap
+}
+
+.table-vcenter>:not(caption)>*>* {
+ vertical-align: middle
+}
+
+.table-center>:not(caption)>*>* {
+ text-align: center
+}
+
+.td-truncate {
+ max-width: 1px;
+ width: 100%
+}
+
+.table-mobile {
+ display: block
+}
+
+.table-mobile thead {
+ display: none
+}
+
+.table-mobile tbody,.table-mobile tr {
+ display: flex;
+ flex-direction: column
+}
+
+.table-mobile td {
+ display: block;
+ padding: .75rem .75rem!important;
+ border: none;
+ color: var(--tblr-body-color)!important
+}
+
+.table-mobile td[data-label]:before {
+ font-size: .625rem;
+ font-weight: var(--tblr-font-weight-bold);
+ text-transform: uppercase;
+ letter-spacing: .04em;
+ line-height: 1rem;
+ color: var(--tblr-secondary);
+ content: attr(data-label);
+ display: block
+}
+
+.table-mobile tr {
+ border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)
+}
+
+.table-mobile .btn {
+ display: block
+}
+
+@media (max-width: 575.98px) {
+ .table-mobile-sm {
+ display:block
+ }
+
+ .table-mobile-sm thead {
+ display: none
+ }
+
+ .table-mobile-sm tbody,.table-mobile-sm tr {
+ display: flex;
+ flex-direction: column
+ }
+
+ .table-mobile-sm td {
+ display: block;
+ padding: .75rem .75rem!important;
+ border: none;
+ color: var(--tblr-body-color)!important
+ }
+
+ .table-mobile-sm td[data-label]:before {
+ font-size: .625rem;
+ font-weight: var(--tblr-font-weight-bold);
+ text-transform: uppercase;
+ letter-spacing: .04em;
+ line-height: 1rem;
+ color: var(--tblr-secondary);
+ content: attr(data-label);
+ display: block
+ }
+
+ .table-mobile-sm tr {
+ border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)
+ }
+
+ .table-mobile-sm .btn {
+ display: block
+ }
+}
+
+@media (max-width: 767.98px) {
+ .table-mobile-md {
+ display:block
+ }
+
+ .table-mobile-md thead {
+ display: none
+ }
+
+ .table-mobile-md tbody,.table-mobile-md tr {
+ display: flex;
+ flex-direction: column
+ }
+
+ .table-mobile-md td {
+ display: block;
+ padding: .75rem .75rem!important;
+ border: none;
+ color: var(--tblr-body-color)!important
+ }
+
+ .table-mobile-md td[data-label]:before {
+ font-size: .625rem;
+ font-weight: var(--tblr-font-weight-bold);
+ text-transform: uppercase;
+ letter-spacing: .04em;
+ line-height: 1rem;
+ color: var(--tblr-secondary);
+ content: attr(data-label);
+ display: block
+ }
+
+ .table-mobile-md tr {
+ border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)
+ }
+
+ .table-mobile-md .btn {
+ display: block
+ }
+}
+
+@media (max-width: 991.98px) {
+ .table-mobile-lg {
+ display:block
+ }
+
+ .table-mobile-lg thead {
+ display: none
+ }
+
+ .table-mobile-lg tbody,.table-mobile-lg tr {
+ display: flex;
+ flex-direction: column
+ }
+
+ .table-mobile-lg td {
+ display: block;
+ padding: .75rem .75rem!important;
+ border: none;
+ color: var(--tblr-body-color)!important
+ }
+
+ .table-mobile-lg td[data-label]:before {
+ font-size: .625rem;
+ font-weight: var(--tblr-font-weight-bold);
+ text-transform: uppercase;
+ letter-spacing: .04em;
+ line-height: 1rem;
+ color: var(--tblr-secondary);
+ content: attr(data-label);
+ display: block
+ }
+
+ .table-mobile-lg tr {
+ border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)
+ }
+
+ .table-mobile-lg .btn {
+ display: block
+ }
+}
+
+@media (max-width: 1199.98px) {
+ .table-mobile-xl {
+ display:block
+ }
+
+ .table-mobile-xl thead {
+ display: none
+ }
+
+ .table-mobile-xl tbody,.table-mobile-xl tr {
+ display: flex;
+ flex-direction: column
+ }
+
+ .table-mobile-xl td {
+ display: block;
+ padding: .75rem .75rem!important;
+ border: none;
+ color: var(--tblr-body-color)!important
+ }
+
+ .table-mobile-xl td[data-label]:before {
+ font-size: .625rem;
+ font-weight: var(--tblr-font-weight-bold);
+ text-transform: uppercase;
+ letter-spacing: .04em;
+ line-height: 1rem;
+ color: var(--tblr-secondary);
+ content: attr(data-label);
+ display: block
+ }
+
+ .table-mobile-xl tr {
+ border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)
+ }
+
+ .table-mobile-xl .btn {
+ display: block
+ }
+}
+
+@media (max-width: 1399.98px) {
+ .table-mobile-xxl {
+ display:block
+ }
+
+ .table-mobile-xxl thead {
+ display: none
+ }
+
+ .table-mobile-xxl tbody,.table-mobile-xxl tr {
+ display: flex;
+ flex-direction: column
+ }
+
+ .table-mobile-xxl td {
+ display: block;
+ padding: .75rem .75rem!important;
+ border: none;
+ color: var(--tblr-body-color)!important
+ }
+
+ .table-mobile-xxl td[data-label]:before {
+ font-size: .625rem;
+ font-weight: var(--tblr-font-weight-bold);
+ text-transform: uppercase;
+ letter-spacing: .04em;
+ line-height: 1rem;
+ color: var(--tblr-secondary);
+ content: attr(data-label);
+ display: block
+ }
+
+ .table-mobile-xxl tr {
+ border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)
+ }
+
+ .table-mobile-xxl .btn {
+ display: block
+ }
+}
+
+.table-sort {
+ font: inherit;
+ color: inherit;
+ text-transform: inherit;
+ letter-spacing: inherit;
+ border: 0;
+ background: inherit;
+ display: block;
+ width: 100%;
+ text-align: inherit;
+ transition: color .3s;
+ margin: -.5rem -.75rem;
+ padding: .5rem .75rem
+}
+
+@media (prefers-reduced-motion:reduce) {
+ .table-sort {
+ transition: none
+ }
+}
+
+.table-sort.asc,.table-sort.desc,.table-sort:hover {
+ color: var(--tblr-body-color)
+}
+
+.table-sort:after {
+ content: "";
+ display: inline-flex;
+ width: 1rem;
+ height: 1rem;
+ vertical-align: bottom;
+ -webkit-mask-image: url("data:image/svg+xml,");
+ mask-image: url("data:image/svg+xml,");
+ background: currentColor;
+ margin-left: .25rem
+}
+
+.table-sort.asc:after {
+ -webkit-mask-image: url("data:image/svg+xml,");
+ mask-image: url("data:image/svg+xml,")
+}
+
+.table-sort.desc:after {
+ -webkit-mask-image: url("data:image/svg+xml,");
+ mask-image: url("data:image/svg+xml,")
+}
+
+.table-borderless thead th {
+ background: 0 0
+}
+
+.tag {
+ --tblr-tag-height: 1.5rem;
+ border: 1px solid var(--tblr-border-color);
+ display: inline-flex;
+ align-items: center;
+ height: var(--tblr-tag-height);
+ border-radius: var(--tblr-border-radius);
+ padding: 0 .5rem;
+ background: var(--tblr-bg-surface);
+ box-shadow: var(--tblr-box-shadow-input);
+ gap: .5rem
+}
+
+.tag .btn-close {
+ margin-right: -.25rem;
+ margin-left: -.125rem;
+ padding: 0;
+ width: 1rem;
+ height: 1rem;
+ font-size: .5rem
+}
+
+.tag-badge {
+ --tblr-badge-font-size: 0.625rem;
+ --tblr-badge-padding-x: .25rem;
+ --tblr-badge-padding-y: .125rem;
+ margin-right: -.25rem
+}
+
+.tag-avatar,.tag-check,.tag-flag,.tag-icon,.tag-payment {
+ margin-left: -.25rem
+}
+
+.tag-icon {
+ color: var(--tblr-secondary);
+ margin-right: -.125rem;
+ width: 1rem;
+ height: 1rem
+}
+
+.tag-check {
+ width: 1rem;
+ height: 1rem;
+ background-size: 1rem
+}
+
+.tags-list {
+ --tblr-list-gap: 0.5rem;
+ display: flex;
+ flex-wrap: wrap;
+ gap: var(--tblr-list-gap)
+}
+
+.toast {
+ border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
+ box-shadow: rgba(24,36,51,.04) 0 2px 4px 0
+}
+
+.toast .toast-header {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none
+}
+
+.toast button[data-bs-dismiss=toast] {
+ outline: 0
+}
+
+.toast-primary {
+ --tblr-toast-color: #066fd1
+}
+
+.toast-secondary {
+ --tblr-toast-color: #6c7a91
+}
+
+.toast-success {
+ --tblr-toast-color: #2fb344
+}
+
+.toast-info {
+ --tblr-toast-color: #4299e1
+}
+
+.toast-warning {
+ --tblr-toast-color: #f76707
+}
+
+.toast-danger {
+ --tblr-toast-color: #d63939
+}
+
+.toast-light {
+ --tblr-toast-color: #f6f8fb
+}
+
+.toast-dark {
+ --tblr-toast-color: #182433
+}
+
+.toast-muted {
+ --tblr-toast-color: #6c7a91
+}
+
+.toast-blue {
+ --tblr-toast-color: #066fd1
+}
+
+.toast-azure {
+ --tblr-toast-color: #4299e1
+}
+
+.toast-indigo {
+ --tblr-toast-color: #4263eb
+}
+
+.toast-purple {
+ --tblr-toast-color: #ae3ec9
+}
+
+.toast-pink {
+ --tblr-toast-color: #d6336c
+}
+
+.toast-red {
+ --tblr-toast-color: #d63939
+}
+
+.toast-orange {
+ --tblr-toast-color: #f76707
+}
+
+.toast-yellow {
+ --tblr-toast-color: #f59f00
+}
+
+.toast-lime {
+ --tblr-toast-color: #74b816
+}
+
+.toast-green {
+ --tblr-toast-color: #2fb344
+}
+
+.toast-teal {
+ --tblr-toast-color: #0ca678
+}
+
+.toast-cyan {
+ --tblr-toast-color: #17a2b8
+}
+
+.toast-x {
+ --tblr-toast-color: #000000
+}
+
+.toast-facebook {
+ --tblr-toast-color: #1877f2
+}
+
+.toast-twitter {
+ --tblr-toast-color: #1da1f2
+}
+
+.toast-linkedin {
+ --tblr-toast-color: #0a66c2
+}
+
+.toast-google {
+ --tblr-toast-color: #dc4e41
+}
+
+.toast-youtube {
+ --tblr-toast-color: #ff0000
+}
+
+.toast-vimeo {
+ --tblr-toast-color: #1ab7ea
+}
+
+.toast-dribbble {
+ --tblr-toast-color: #ea4c89
+}
+
+.toast-github {
+ --tblr-toast-color: #181717
+}
+
+.toast-instagram {
+ --tblr-toast-color: #e4405f
+}
+
+.toast-pinterest {
+ --tblr-toast-color: #bd081c
+}
+
+.toast-vk {
+ --tblr-toast-color: #6383a8
+}
+
+.toast-rss {
+ --tblr-toast-color: #ffa500
+}
+
+.toast-flickr {
+ --tblr-toast-color: #0063dc
+}
+
+.toast-bitbucket {
+ --tblr-toast-color: #0052cc
+}
+
+.toast-tabler {
+ --tblr-toast-color: #066fd1
+}
+
+.toolbar {
+ display: flex;
+ flex-wrap: nowrap;
+ flex-shrink: 0;
+ margin: 0 -.5rem
+}
+
+.toolbar>* {
+ margin: 0 .5rem
+}
+
+.tracking {
+ --tblr-tracking-height: 1.5rem;
+ --tblr-tracking-gap-width: 0.125rem;
+ --tblr-tracking-block-border-radius: var(--tblr-border-radius);
+ display: flex;
+ gap: var(--tblr-tracking-gap-width)
+}
+
+.tracking-squares {
+ --tblr-tracking-block-border-radius: var(--tblr-border-radius-sm)
+}
+
+.tracking-squares .tracking-block {
+ height: auto
+}
+
+.tracking-squares .tracking-block:before {
+ content: "";
+ display: block;
+ padding-top: 100%
+}
+
+.tracking-block {
+ flex: 1;
+ border-radius: var(--tblr-tracking-block-border-radius);
+ height: var(--tblr-tracking-height);
+ min-width: .25rem;
+ background: var(--tblr-border-color)
+}
+
+.timeline {
+ --tblr-timeline-icon-size: 2.5rem;
+ position: relative;
+ list-style: none;
+ padding: 0
+}
+
+.timeline-event {
+ position: relative
+}
+
+.timeline-event:not(:last-child) {
+ margin-bottom: var(--tblr-page-padding)
+}
+
+.timeline-event:not(:last-child):before {
+ content: "";
+ position: absolute;
+ top: var(--tblr-timeline-icon-size);
+ left: calc(var(--tblr-timeline-icon-size)/ 2);
+ bottom: calc(-1 * var(--tblr-page-padding));
+ width: var(--tblr-border-width);
+ background-color: var(--tblr-border-color);
+ border-radius: var(--tblr-border-radius)
+}
+
+.timeline-event-icon {
+ position: absolute;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: var(--tblr-timeline-icon-size,2.5rem);
+ height: var(--tblr-timeline-icon-size,2.5rem);
+ background: var(--tblr-gray-200);
+ color: var(--tblr-secondary);
+ border-radius: var(--tblr-border-radius);
+ z-index: 5
+}
+
+.timeline-event-card {
+ margin-left: calc(var(--tblr-timeline-icon-size,2.5rem) + var(--tblr-page-padding))
+}
+
+.timeline-simple .timeline-event-icon {
+ display: none
+}
+
+.timeline-simple .timeline-event-card {
+ margin-left: 0
+}
+
+.hr-text {
+ display: flex;
+ align-items: center;
+ margin: 2rem 0;
+ font-size: .625rem;
+ font-weight: var(--tblr-font-weight-bold);
+ text-transform: uppercase;
+ letter-spacing: .04em;
+ line-height: 1rem;
+ color: var(--tblr-secondary);
+ height: 1px
+}
+
+.hr-text:after,.hr-text:before {
+ flex: 1 1 auto;
+ height: 1px;
+ background-color: var(--tblr-border-color)
+}
+
+.hr-text:before {
+ content: "";
+ margin-right: .5rem
+}
+
+.hr-text:after {
+ content: "";
+ margin-left: .5rem
+}
+
+.hr-text>:first-child {
+ padding-right: .5rem;
+ padding-left: 0;
+ color: var(--tblr-secondary)
+}
+
+.hr-text.hr-text-left:before {
+ content: none
+}
+
+.hr-text.hr-text-left>:first-child {
+ padding-right: .5rem;
+ padding-left: .5rem
+}
+
+.hr-text.hr-text-right:before {
+ content: ""
+}
+
+.hr-text.hr-text-right:after {
+ content: none
+}
+
+.hr-text.hr-text-right>:first-child {
+ padding-right: 0;
+ padding-left: .5rem
+}
+
+.card>.hr-text {
+ margin: 0
+}
+
+.hr-text-spaceless {
+ margin: -.5rem 0
+}
+
+.lead {
+ line-height: 1.4
+}
+
+a {
+ -webkit-text-decoration-skip: ink;
+ text-decoration-skip-ink: auto
+}
+
+.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
+ color: inherit
+}
+
+.h1 a:hover,.h2 a:hover,.h3 a:hover,.h4 a:hover,.h5 a:hover,.h6 a:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
+ color: inherit
+}
+
+.h1,h1 {
+ font-size: var(--tblr-font-size-h1);
+ line-height: var(--tblr-line-height-h1)
+}
+
+.h2,h2 {
+ font-size: var(--tblr-font-size-h2);
+ line-height: var(--tblr-line-height-h2)
+}
+
+.h3,h3 {
+ font-size: var(--tblr-font-size-h3);
+ line-height: var(--tblr-line-height-h3)
+}
+
+.h4,h4 {
+ font-size: var(--tblr-font-size-h4);
+ line-height: var(--tblr-line-height-h4)
+}
+
+.h5,h5 {
+ font-size: var(--tblr-font-size-h5);
+ line-height: var(--tblr-line-height-h5)
+}
+
+.h6,h6 {
+ font-size: var(--tblr-font-size-h6);
+ line-height: var(--tblr-line-height-h6)
+}
+
+.strong,b,strong {
+ font-weight: var(--tblr-font-weight-bold)
+}
+
+blockquote {
+ padding-left: 1rem;
+ border-left: 2px var(--tblr-border-style) var(--tblr-border-color)
+}
+
+blockquote p {
+ margin-bottom: 1rem
+}
+
+blockquote cite {
+ display: block;
+ text-align: right
+}
+
+blockquote cite:before {
+ content: "— "
+}
+
+ol,ul {
+ padding-left: 1.5rem
+}
+
+.hr,hr {
+ margin: 2rem 0
+}
+
+dl dd:last-child {
+ margin-bottom: 0
+}
+
+pre {
+ padding: 1rem;
+ background: var(--tblr-bg-surface-dark);
+ color: var(--tblr-light);
+ border-radius: var(--tblr-border-radius)
+}
+
+pre code {
+ background: 0 0
+}
+
+code {
+ background: var(--tblr-code-bg);
+ padding: 2px 4px;
+ border-radius: var(--tblr-border-radius)
+}
+
+.kbd,kbd {
+ border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
+ display: inline-block;
+ box-sizing: border-box;
+ max-width: 100%;
+ font-size: var(--tblr-font-size-h5);
+ font-weight: var(--tblr-font-weight-medium);
+ line-height: 1;
+ vertical-align: baseline;
+ border-radius: var(--tblr-border-radius)
+}
+
+img,svg {
+ max-width: 100%;
+ height: auto
+}
+
+.list-unstyled {
+ margin-left: 0
+}
+
+::-moz-selection {
+ background-color: rgba(var(--tblr-primary-rgb),.16)
+}
+
+::selection {
+ background-color: rgba(var(--tblr-primary-rgb),.16)
+}
+
+[class*=" link-"].disabled,[class^=link-].disabled {
+ color: var(--tblr-disabled-color)!important;
+ pointer-events: none
+}
+
+.subheader {
+ font-size: .625rem;
+ font-weight: var(--tblr-font-weight-bold);
+ text-transform: uppercase;
+ letter-spacing: .04em;
+ line-height: 1rem;
+ color: var(--tblr-secondary)
+}
+
+.chart {
+ display: block;
+ min-height: 10rem
+}
+
+.chart text {
+ font-family: inherit
+}
+
+.chart-sm {
+ height: 2.5rem
+}
+
+.chart-lg {
+ height: 15rem
+}
+
+.chart-square {
+ height: 5.75rem
+}
+
+.chart-sparkline {
+ position: relative;
+ width: 4rem;
+ height: 2.5rem;
+ line-height: 1;
+ min-height: 0!important
+}
+
+.chart-sparkline-sm {
+ height: 1.5rem
+}
+
+.chart-sparkline-square {
+ width: 2.5rem
+}
+
+.chart-sparkline-wide {
+ width: 6rem
+}
+
+.chart-sparkline-label {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: .625rem
+}
+
+.chart-sparkline-label .icon {
+ width: 1rem;
+ height: 1rem;
+ font-size: 1rem
+}
+
+.offcanvas-header {
+ border-bottom: var(--tblr-border-width) var(--tblr-border-style) rgba(4,32,69,.1)
+}
+
+.offcanvas-footer {
+ padding: 1.5rem 1.5rem
+}
+
+.offcanvas-title {
+ font-size: 1rem;
+ font-weight: var(--tblr-font-weight-medium);
+ line-height: 1.5rem
+}
+
+.offcanvas-narrow {
+ width: 20rem
+}
+
+.chat-bubbles {
+ display: flex;
+ flex-direction: column;
+ gap: 1rem
+}
+
+.chat-bubble {
+ background: var(--tblr-bg-surface-secondary);
+ border-radius: var(--tblr-border-radius-lg);
+ padding: 1rem;
+ position: relative
+}
+
+.chat-bubble-me {
+ background-color: var(--tblr-primary-lt);
+ box-shadow: none
+}
+
+.chat-bubble-title {
+ margin-bottom: .25rem
+}
+
+.chat-bubble-author {
+ font-weight: 600
+}
+
+.chat-bubble-date {
+ color: var(--tblr-secondary)
+}
+
+.chat-bubble-body>:last-child {
+ margin-bottom: 0
+}
+
+.bg-white-overlay {
+ color: #fff;
+ background-color: rgba(246,248,251,.24)
+}
+
+.bg-dark-overlay {
+ color: #fff;
+ background-color: rgba(24,36,51,.24)
+}
+
+.bg-cover {
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-position: center
+}
+
+.bg-primary {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-primary-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-primary-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-primary-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-primary-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-primary {
+ border-color: #066fd1!important
+}
+
+.bg-secondary {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-secondary-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-secondary-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-secondary-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-secondary-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-secondary {
+ border-color: #6c7a91!important
+}
+
+.bg-success {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-success-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-success-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-success-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-success-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-success {
+ border-color: #2fb344!important
+}
+
+.bg-info {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-info-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-info-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-info-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-info-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-info {
+ border-color: #4299e1!important
+}
+
+.bg-warning {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-warning-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-warning-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-warning-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-warning-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-warning {
+ border-color: #f76707!important
+}
+
+.bg-danger {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-danger-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-danger-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-danger-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-danger-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-danger {
+ border-color: #d63939!important
+}
+
+.bg-light {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-light-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-light-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-light-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-light-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-light {
+ border-color: #f6f8fb!important
+}
+
+.bg-dark {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-dark-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-dark-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-dark-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-dark-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-dark {
+ border-color: #182433!important
+}
+
+.bg-muted {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-muted-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-muted-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-muted-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-muted-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-muted {
+ border-color: #6c7a91!important
+}
+
+.bg-blue {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-blue-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-blue-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-blue-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-blue-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-blue {
+ border-color: #066fd1!important
+}
+
+.bg-azure {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-azure-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-azure-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-azure-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-azure-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-azure {
+ border-color: #4299e1!important
+}
+
+.bg-indigo {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-indigo-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-indigo-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-indigo-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-indigo-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-indigo {
+ border-color: #4263eb!important
+}
+
+.bg-purple {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-purple-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-purple-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-purple-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-purple-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-purple {
+ border-color: #ae3ec9!important
+}
+
+.bg-pink {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-pink-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-pink-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-pink-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-pink-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-pink {
+ border-color: #d6336c!important
+}
+
+.bg-red {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-red-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-red-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-red-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-red-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-red {
+ border-color: #d63939!important
+}
+
+.bg-orange {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-orange-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-orange-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-orange-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-orange-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-orange {
+ border-color: #f76707!important
+}
+
+.bg-yellow {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-yellow-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-yellow-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-yellow-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-yellow-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-yellow {
+ border-color: #f59f00!important
+}
+
+.bg-lime {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-lime-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-lime-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-lime-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-lime-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-lime {
+ border-color: #74b816!important
+}
+
+.bg-green {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-green-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-green-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-green-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-green-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-green {
+ border-color: #2fb344!important
+}
+
+.bg-teal {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-teal-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-teal-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-teal-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-teal-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-teal {
+ border-color: #0ca678!important
+}
+
+.bg-cyan {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-cyan-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-cyan-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-cyan-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-cyan-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-cyan {
+ border-color: #17a2b8!important
+}
+
+.bg-x {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-x-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-x-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-x-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-x-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-x {
+ border-color: #000!important
+}
+
+.bg-facebook {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-facebook-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-facebook-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-facebook-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-facebook-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-facebook {
+ border-color: #1877f2!important
+}
+
+.bg-twitter {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-twitter-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-twitter-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-twitter-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-twitter-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-twitter {
+ border-color: #1da1f2!important
+}
+
+.bg-linkedin {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-linkedin-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-linkedin-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-linkedin-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-linkedin-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-linkedin {
+ border-color: #0a66c2!important
+}
+
+.bg-google {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-google-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-google-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-google-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-google-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-google {
+ border-color: #dc4e41!important
+}
+
+.bg-youtube {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-youtube-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-youtube-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-youtube-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-youtube-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-youtube {
+ border-color: red!important
+}
+
+.bg-vimeo {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-vimeo-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-vimeo-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-vimeo-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-vimeo-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-vimeo {
+ border-color: #1ab7ea!important
+}
+
+.bg-dribbble {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-dribbble-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-dribbble-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-dribbble-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-dribbble-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-dribbble {
+ border-color: #ea4c89!important
+}
+
+.bg-github {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-github-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-github-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-github-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-github-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-github {
+ border-color: #181717!important
+}
+
+.bg-instagram {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-instagram-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-instagram-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-instagram-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-instagram-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-instagram {
+ border-color: #e4405f!important
+}
+
+.bg-pinterest {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-pinterest-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-pinterest-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-pinterest-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-pinterest-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-pinterest {
+ border-color: #bd081c!important
+}
+
+.bg-vk {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-vk-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-vk-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-vk-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-vk-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-vk {
+ border-color: #6383a8!important
+}
+
+.bg-rss {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-rss-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-rss-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-rss-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-rss-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-rss {
+ border-color: orange!important
+}
+
+.bg-flickr {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-flickr-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-flickr-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-flickr-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-flickr-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-flickr {
+ border-color: #0063dc!important
+}
+
+.bg-bitbucket {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-bitbucket-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-bitbucket-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-bitbucket-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-bitbucket-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-bitbucket {
+ border-color: #0052cc!important
+}
+
+.bg-tabler {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-tabler-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-tabler-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-tabler-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-tabler-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-tabler {
+ border-color: #066fd1!important
+}
+
+.bg-white {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-white-rgb),var(--tblr-bg-opacity))!important
+}
+
+.bg-white-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-white-rgb),var(--tblr-text-opacity))!important;
+ background-color: rgba(var(--tblr-white-lt-rgb),var(--tblr-bg-opacity))!important
+}
+
+.border-white {
+ border-color: #fff!important
+}
+
+.text-primary {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-primary-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-primary-fg {
+ color: var(--tblr-primary-fg)!important
+}
+
+.text-secondary {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-secondary-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-secondary-fg {
+ color: var(--tblr-secondary-fg)!important
+}
+
+.text-success {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-success-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-success-fg {
+ color: var(--tblr-success-fg)!important
+}
+
+.text-info {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-info-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-info-fg {
+ color: var(--tblr-info-fg)!important
+}
+
+.text-warning {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-warning-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-warning-fg {
+ color: var(--tblr-warning-fg)!important
+}
+
+.text-danger {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-danger-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-danger-fg {
+ color: var(--tblr-danger-fg)!important
+}
+
+.text-light {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-light-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-light-fg {
+ color: var(--tblr-light-fg)!important
+}
+
+.text-dark {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-dark-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-dark-fg {
+ color: var(--tblr-dark-fg)!important
+}
+
+.text-muted {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-muted-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-muted-fg {
+ color: var(--tblr-muted-fg)!important
+}
+
+.text-blue {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-blue-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-blue-fg {
+ color: var(--tblr-blue-fg)!important
+}
+
+.text-azure {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-azure-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-azure-fg {
+ color: var(--tblr-azure-fg)!important
+}
+
+.text-indigo {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-indigo-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-indigo-fg {
+ color: var(--tblr-indigo-fg)!important
+}
+
+.text-purple {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-purple-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-purple-fg {
+ color: var(--tblr-purple-fg)!important
+}
+
+.text-pink {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-pink-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-pink-fg {
+ color: var(--tblr-pink-fg)!important
+}
+
+.text-red {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-red-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-red-fg {
+ color: var(--tblr-red-fg)!important
+}
+
+.text-orange {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-orange-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-orange-fg {
+ color: var(--tblr-orange-fg)!important
+}
+
+.text-yellow {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-yellow-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-yellow-fg {
+ color: var(--tblr-yellow-fg)!important
+}
+
+.text-lime {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-lime-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-lime-fg {
+ color: var(--tblr-lime-fg)!important
+}
+
+.text-green {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-green-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-green-fg {
+ color: var(--tblr-green-fg)!important
+}
+
+.text-teal {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-teal-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-teal-fg {
+ color: var(--tblr-teal-fg)!important
+}
+
+.text-cyan {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-cyan-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-cyan-fg {
+ color: var(--tblr-cyan-fg)!important
+}
+
+.text-x {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-x-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-x-fg {
+ color: var(--tblr-x-fg)!important
+}
+
+.text-facebook {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-facebook-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-facebook-fg {
+ color: var(--tblr-facebook-fg)!important
+}
+
+.text-twitter {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-twitter-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-twitter-fg {
+ color: var(--tblr-twitter-fg)!important
+}
+
+.text-linkedin {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-linkedin-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-linkedin-fg {
+ color: var(--tblr-linkedin-fg)!important
+}
+
+.text-google {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-google-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-google-fg {
+ color: var(--tblr-google-fg)!important
+}
+
+.text-youtube {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-youtube-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-youtube-fg {
+ color: var(--tblr-youtube-fg)!important
+}
+
+.text-vimeo {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-vimeo-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-vimeo-fg {
+ color: var(--tblr-vimeo-fg)!important
+}
+
+.text-dribbble {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-dribbble-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-dribbble-fg {
+ color: var(--tblr-dribbble-fg)!important
+}
+
+.text-github {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-github-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-github-fg {
+ color: var(--tblr-github-fg)!important
+}
+
+.text-instagram {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-instagram-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-instagram-fg {
+ color: var(--tblr-instagram-fg)!important
+}
+
+.text-pinterest {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-pinterest-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-pinterest-fg {
+ color: var(--tblr-pinterest-fg)!important
+}
+
+.text-vk {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-vk-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-vk-fg {
+ color: var(--tblr-vk-fg)!important
+}
+
+.text-rss {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-rss-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-rss-fg {
+ color: var(--tblr-rss-fg)!important
+}
+
+.text-flickr {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-flickr-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-flickr-fg {
+ color: var(--tblr-flickr-fg)!important
+}
+
+.text-bitbucket {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-bitbucket-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-bitbucket-fg {
+ color: var(--tblr-bitbucket-fg)!important
+}
+
+.text-tabler {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-tabler-rgb),var(--tblr-text-opacity))!important
+}
+
+.text-tabler-fg {
+ color: var(--tblr-tabler-fg)!important
+}
+
+.bg-gray-50 {
+ --tblr-bg-opacity: .1;
+ background-color: rgba(var(--tblr-gray-50-rgb),var(--tblr-bg-opacity))!important
+}
+
+.text-gray-50-fg {
+ color: #182433!important
+}
+
+.bg-gray-100 {
+ --tblr-bg-opacity: .1;
+ background-color: rgba(var(--tblr-gray-100-rgb),var(--tblr-bg-opacity))!important
+}
+
+.text-gray-100-fg {
+ color: #182433!important
+}
+
+.bg-gray-200 {
+ --tblr-bg-opacity: .1;
+ background-color: rgba(var(--tblr-gray-200-rgb),var(--tblr-bg-opacity))!important
+}
+
+.text-gray-200-fg {
+ color: #182433!important
+}
+
+.bg-gray-300 {
+ --tblr-bg-opacity: .1;
+ background-color: rgba(var(--tblr-gray-300-rgb),var(--tblr-bg-opacity))!important
+}
+
+.text-gray-300-fg {
+ color: #f6f8fb!important
+}
+
+.bg-gray-400 {
+ --tblr-bg-opacity: .1;
+ background-color: rgba(var(--tblr-gray-400-rgb),var(--tblr-bg-opacity))!important
+}
+
+.text-gray-400-fg {
+ color: #f6f8fb!important
+}
+
+.bg-gray-500 {
+ --tblr-bg-opacity: .1;
+ background-color: rgba(var(--tblr-gray-500-rgb),var(--tblr-bg-opacity))!important
+}
+
+.text-gray-500-fg {
+ color: #f6f8fb!important
+}
+
+.bg-gray-600 {
+ --tblr-bg-opacity: .1;
+ background-color: rgba(var(--tblr-gray-600-rgb),var(--tblr-bg-opacity))!important
+}
+
+.text-gray-600-fg {
+ color: #f6f8fb!important
+}
+
+.bg-gray-700 {
+ --tblr-bg-opacity: .1;
+ background-color: rgba(var(--tblr-gray-700-rgb),var(--tblr-bg-opacity))!important
+}
+
+.text-gray-700-fg {
+ color: #f6f8fb!important
+}
+
+.bg-gray-800 {
+ --tblr-bg-opacity: .1;
+ background-color: rgba(var(--tblr-gray-800-rgb),var(--tblr-bg-opacity))!important
+}
+
+.text-gray-800-fg {
+ color: #f6f8fb!important
+}
+
+.bg-gray-900 {
+ --tblr-bg-opacity: .1;
+ background-color: rgba(var(--tblr-gray-900-rgb),var(--tblr-bg-opacity))!important
+}
+
+.text-gray-900-fg {
+ color: #f6f8fb!important
+}
+
+.scrollable {
+ overflow-x: hidden;
+ overflow-y: auto;
+ -webkit-overflow-scrolling: touch
+}
+
+.scrollable.hover {
+ overflow-y: hidden
+}
+
+.scrollable.hover>* {
+ margin-top: -1px
+}
+
+.scrollable.hover:active,.scrollable.hover:focus,.scrollable.hover:hover {
+ overflow: visible;
+ overflow-y: auto
+}
+
+.touch .scrollable {
+ overflow-y: auto!important
+}
+
+.scroll-x,.scroll-y {
+ overflow: hidden;
+ -webkit-overflow-scrolling: touch
+}
+
+.scroll-y {
+ overflow-y: auto
+}
+
+.scroll-x {
+ overflow-x: auto
+}
+
+.no-scroll {
+ overflow: hidden
+}
+
+.w-0 {
+ width: 0!important
+}
+
+.h-0 {
+ height: 0!important
+}
+
+.w-1 {
+ width: .25rem!important
+}
+
+.h-1 {
+ height: .25rem!important
+}
+
+.w-2 {
+ width: .5rem!important
+}
+
+.h-2 {
+ height: .5rem!important
+}
+
+.w-3 {
+ width: 1rem!important
+}
+
+.h-3 {
+ height: 1rem!important
+}
+
+.w-4 {
+ width: 1.5rem!important
+}
+
+.h-4 {
+ height: 1.5rem!important
+}
+
+.w-5 {
+ width: 2rem!important
+}
+
+.h-5 {
+ height: 2rem!important
+}
+
+.w-6 {
+ width: 3rem!important
+}
+
+.h-6 {
+ height: 3rem!important
+}
+
+.w-7 {
+ width: 5rem!important
+}
+
+.h-7 {
+ height: 5rem!important
+}
+
+.w-8 {
+ width: 8rem!important
+}
+
+.h-8 {
+ height: 8rem!important
+}
+
+.w-auto {
+ width: auto!important
+}
+
+.h-auto {
+ height: auto!important
+}
+
+.w-px {
+ width: 1px!important
+}
+
+.h-px {
+ height: 1px!important
+}
+
+.w-full {
+ width: 100%!important
+}
+
+.h-full {
+ height: 100%!important
+}
+
+.opacity-0 {
+ opacity: 0!important
+}
+
+.opacity-5 {
+ opacity: .05!important
+}
+
+.opacity-10 {
+ opacity: .1!important
+}
+
+.opacity-15 {
+ opacity: .15!important
+}
+
+.opacity-20 {
+ opacity: .2!important
+}
+
+.opacity-25 {
+ opacity: .25!important
+}
+
+.opacity-30 {
+ opacity: .3!important
+}
+
+.opacity-35 {
+ opacity: .35!important
+}
+
+.opacity-40 {
+ opacity: .4!important
+}
+
+.opacity-45 {
+ opacity: .45!important
+}
+
+.opacity-50 {
+ opacity: .5!important
+}
+
+.opacity-55 {
+ opacity: .55!important
+}
+
+.opacity-60 {
+ opacity: .6!important
+}
+
+.opacity-65 {
+ opacity: .65!important
+}
+
+.opacity-70 {
+ opacity: .7!important
+}
+
+.opacity-75 {
+ opacity: .75!important
+}
+
+.opacity-80 {
+ opacity: .8!important
+}
+
+.opacity-85 {
+ opacity: .85!important
+}
+
+.opacity-90 {
+ opacity: .9!important
+}
+
+.opacity-95 {
+ opacity: .95!important
+}
+
+.opacity-100 {
+ opacity: 1!important
+}
+
+.hover-shadow-sm:hover {
+ box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
+}
+
+.hover-shadow:hover {
+ box-shadow: rgba(var(--tblr-body-color-rgb),.04) 0 2px 4px 0!important
+}
+
+.hover-shadow-lg:hover {
+ box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important
+}
+
+.hover-shadow-none:hover {
+ box-shadow: none!important
+}
+
+.antialiased {
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale
+}
+
+.subpixel-antialiased {
+ -webkit-font-smoothing: auto;
+ -moz-osx-font-smoothing: auto
+}
diff --git a/src/styles/sidebar.scss b/src/styles/sidebar.scss
new file mode 100644
index 0000000..091a538
--- /dev/null
+++ b/src/styles/sidebar.scss
@@ -0,0 +1,17 @@
+#navbar-menu {
+ .sidebar-item {
+ display: inline-block;
+ }
+ .el-menu-item, .el-submenu__title {
+ height: 50px;
+ line-height: 50px;
+ }
+ .el-submenu__icon-arrow {
+ position: initial;
+ margin-top: 0;
+ }
+}
+.el-menu--collapse .el-menu .el-submenu, .el-menu--popup {
+ min-width: 120px;
+ text-align: center;
+}
diff --git a/src/styles/siderbar-copy.scss b/src/styles/siderbar-copy.scss
new file mode 100644
index 0000000..4466350
--- /dev/null
+++ b/src/styles/siderbar-copy.scss
@@ -0,0 +1,224 @@
+#app {
+
+ .main-container {
+ min-height: 100%;
+ transition: margin-left .28s;
+ position: relative;
+ }
+
+ .sidebar-container {
+ transition: width 0.28s;
+ width: $sideBarWidth !important;
+ background-color: $menuBg;
+ height: 100%;
+ position: fixed;
+ font-size: 0px;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1001;
+ overflow: hidden;
+
+ // reset element-ui css
+ .horizontal-collapse-transition {
+ transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
+ }
+
+ .scrollbar-wrapper {
+ overflow-x: hidden !important;
+ }
+
+ .el-scrollbar__bar.is-vertical {
+ right: 0px;
+ }
+
+ .el-scrollbar {
+ height: 100%;
+ }
+
+ &.has-logo {
+ .el-scrollbar {
+ height: calc(100% - 50px);
+ }
+ }
+
+ .is-horizontal {
+ display: none;
+ }
+
+ a {
+ display: inline-block;
+ width: 100%;
+ overflow: hidden;
+ }
+
+ .svg-icon {
+ margin-right: 16px;
+ }
+
+ .sub-el-icon {
+ margin-right: 12px;
+ margin-left: -2px;
+ }
+
+ .el-menu {
+ border: none;
+ height: 100%;
+ width: 100% !important;
+ }
+
+ // menu hover
+ .submenu-title-noDropdown,
+ .el-submenu__title {
+ &:hover {
+ background-color: $menuHover !important;
+ }
+ }
+
+ .is-active>.el-submenu__title {
+ color: $subMenuActiveText !important;
+ }
+
+ & .nest-menu .el-submenu>.el-submenu__title,
+ & .el-submenu .el-menu-item {
+ min-width: $sideBarWidth !important;
+ background-color: $subMenuBg !important;
+
+ &:hover {
+ background-color: $subMenuHover !important;
+ }
+ }
+ }
+
+ .hideSidebar {
+ .sidebar-container {
+ width: 54px !important;
+ }
+
+ .main-container {
+ }
+
+ .submenu-title-noDropdown {
+ padding: 0 !important;
+ position: relative;
+
+ .el-tooltip {
+ padding: 0 !important;
+
+ .svg-icon {
+ margin-left: 20px;
+ }
+
+ .sub-el-icon {
+ margin-left: 19px;
+ }
+ }
+ }
+
+ .el-submenu {
+ overflow: hidden;
+
+ &>.el-submenu__title {
+ padding: 0 !important;
+
+ .svg-icon {
+ margin-left: 20px;
+ }
+
+ .sub-el-icon {
+ margin-left: 19px;
+ }
+
+ .el-submenu__icon-arrow {
+ display: none;
+ }
+ }
+ }
+
+ .el-menu--collapse {
+ .el-submenu {
+ &>.el-submenu__title {
+ &>span {
+ height: 0;
+ width: 0;
+ overflow: hidden;
+ visibility: hidden;
+ display: inline-block;
+ }
+ }
+ }
+ }
+ }
+
+ .el-menu--collapse .el-menu .el-submenu {
+ min-width: $sideBarWidth !important;
+ }
+
+ // mobile responsive
+ .mobile {
+ .main-container {
+ margin-left: 0px;
+ }
+
+ .sidebar-container {
+ transition: transform .28s;
+ width: $sideBarWidth !important;
+ }
+
+ &.hideSidebar {
+ .sidebar-container {
+ pointer-events: none;
+ transition-duration: 0.3s;
+ transform: translate3d(-$sideBarWidth, 0, 0);
+ }
+ }
+ }
+
+ .withoutAnimation {
+
+ .main-container,
+ .sidebar-container {
+ transition: none;
+ }
+ }
+}
+
+// when menu collapsed
+.el-menu--vertical {
+ &>.el-menu {
+ .svg-icon {
+ margin-right: 16px;
+ }
+ .sub-el-icon {
+ margin-right: 12px;
+ margin-left: -2px;
+ }
+ }
+
+ .nest-menu .el-submenu>.el-submenu__title,
+ .el-menu-item {
+ &:hover {
+ // you can use $subMenuHover
+ background-color: $menuHover !important;
+ }
+ }
+
+ // the scroll bar appears when the subMenu is too long
+ >.el-menu--popup {
+ max-height: 100vh;
+ overflow-y: auto;
+
+ &::-webkit-scrollbar-track-piece {
+ background: #d3dce6;
+ }
+
+ &::-webkit-scrollbar {
+ width: 6px;
+ }
+
+ &::-webkit-scrollbar-thumb {
+ background: #99a9bf;
+ border-radius: 20px;
+ }
+ }
+}
diff --git a/src/styles/transition.scss b/src/styles/transition.scss
new file mode 100644
index 0000000..4cb27cc
--- /dev/null
+++ b/src/styles/transition.scss
@@ -0,0 +1,48 @@
+// global transition css
+
+/* fade */
+.fade-enter-active,
+.fade-leave-active {
+ transition: opacity 0.28s;
+}
+
+.fade-enter,
+.fade-leave-active {
+ opacity: 0;
+}
+
+/* fade-transform */
+.fade-transform-leave-active,
+.fade-transform-enter-active {
+ transition: all .5s;
+}
+
+.fade-transform-enter {
+ opacity: 0;
+ transform: translateX(-30px);
+}
+
+.fade-transform-leave-to {
+ opacity: 0;
+ transform: translateX(30px);
+}
+
+/* breadcrumb transition */
+.breadcrumb-enter-active,
+.breadcrumb-leave-active {
+ transition: all .5s;
+}
+
+.breadcrumb-enter,
+.breadcrumb-leave-active {
+ opacity: 0;
+ transform: translateX(20px);
+}
+
+.breadcrumb-move {
+ transition: all .5s;
+}
+
+.breadcrumb-leave-active {
+ position: absolute;
+}
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
new file mode 100644
index 0000000..782453c
--- /dev/null
+++ b/src/styles/variables.scss
@@ -0,0 +1,25 @@
+// sidebar
+$menuText:#333;
+$menuActiveText:#409EFF;
+$subMenuActiveText:#f4f4f5; //https://github.com/ElemeFE/element/issues/12951
+
+$menuBg:#fff;
+$menuHover:#263445;
+
+$subMenuBg:#1f2d3d;
+$subMenuHover:#001528;
+
+$sideBarWidth: 210px;
+$navBarHeight: 200px;
+// the :export directive is the magic sauce for webpack
+// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
+:export {
+ menuText: $menuText;
+ menuActiveText: $menuActiveText;
+ subMenuActiveText: $subMenuActiveText;
+ menuBg: $menuBg;
+ menuHover: $menuHover;
+ subMenuBg: $subMenuBg;
+ subMenuHover: $subMenuHover;
+ sideBarWidth: $sideBarWidth;
+}
diff --git a/src/utils/auth.js b/src/utils/auth.js
new file mode 100644
index 0000000..dbc277f
--- /dev/null
+++ b/src/utils/auth.js
@@ -0,0 +1,15 @@
+import Cookies from 'js-cookie'
+
+const TokenKey = 'schj_admin_token'
+
+export function getToken() {
+ return Cookies.get(TokenKey)
+}
+
+export function setToken(token) {
+ return Cookies.set(TokenKey, token)
+}
+
+export function removeToken() {
+ return Cookies.remove(TokenKey)
+}
diff --git a/src/utils/get-page-title.js b/src/utils/get-page-title.js
new file mode 100644
index 0000000..a6de99d
--- /dev/null
+++ b/src/utils/get-page-title.js
@@ -0,0 +1,10 @@
+import defaultSettings from '@/settings'
+
+const title = defaultSettings.title || 'Vue Admin Template'
+
+export default function getPageTitle(pageTitle) {
+ if (pageTitle) {
+ return `${pageTitle} - ${title}`
+ }
+ return `${title}`
+}
diff --git a/src/utils/index.js b/src/utils/index.js
new file mode 100644
index 0000000..9562b36
--- /dev/null
+++ b/src/utils/index.js
@@ -0,0 +1,182 @@
+/**
+ * Created by PanJiaChen on 16/11/18.
+ */
+
+/**
+ * Parse the time to string
+ * @param {(Object|string|number)} time
+ * @param {string} cFormat
+ * @returns {string | null}
+ */
+export function parseTime(time, cFormat) {
+ if (arguments.length === 0 || !time) {
+ return null
+ }
+ const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
+ let date
+ if (typeof time === 'object') {
+ date = time
+ } else {
+ if ((typeof time === 'string')) {
+ if ((/^[0-9]+$/.test(time))) {
+ // support "1548221490638"
+ time = parseInt(time)
+ } else {
+ // support safari
+ // https://stackoverflow.com/questions/4310953/invalid-date-in-safari
+ time = time.replace(new RegExp(/-/gm), '/')
+ }
+ }
+
+ if ((typeof time === 'number') && (time.toString().length === 10)) {
+ time = time * 1000
+ }
+ date = new Date(time)
+ }
+ const formatObj = {
+ y: date.getFullYear(),
+ m: date.getMonth() + 1,
+ d: date.getDate(),
+ h: date.getHours(),
+ i: date.getMinutes(),
+ s: date.getSeconds(),
+ a: date.getDay()
+ }
+ const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
+ const value = formatObj[key]
+ // Note: getDay() returns 0 on Sunday
+ if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value ] }
+ return value.toString().padStart(2, '0')
+ })
+ return time_str
+}
+
+/**
+ * @param {number} time
+ * @param {string} option
+ * @returns {string}
+ */
+export function formatTime(time, option) {
+ if (('' + time).length === 10) {
+ time = parseInt(time) * 1000
+ } else {
+ time = +time
+ }
+ const d = new Date(time)
+ const now = Date.now()
+
+ const diff = (now - d) / 1000
+
+ if (diff < 30) {
+ return '刚刚'
+ } else if (diff < 3600) {
+ // less 1 hour
+ return Math.ceil(diff / 60) + '分钟前'
+ } else if (diff < 3600 * 24) {
+ return Math.ceil(diff / 3600) + '小时前'
+ } else if (diff < 3600 * 24 * 2) {
+ return '1天前'
+ }
+ if (option) {
+ return parseTime(time, option)
+ } else {
+ return (
+ d.getMonth() +
+ 1 +
+ '月' +
+ d.getDate() +
+ '日' +
+ d.getHours() +
+ '时' +
+ d.getMinutes() +
+ '分'
+ )
+ }
+}
+
+/**
+ * @param {string} url
+ * @returns {Object}
+ */
+export function param2Obj(url) {
+ const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ')
+ if (!search) {
+ return {}
+ }
+ const obj = {}
+ const searchArr = search.split('&')
+ searchArr.forEach(v => {
+ const index = v.indexOf('=')
+ if (index !== -1) {
+ const name = v.substring(0, index)
+ const val = v.substring(index + 1, v.length)
+ obj[name] = val
+ }
+ })
+ return obj
+}
+
+export function deepCopy(data) {
+ //string,number,bool,null,undefined,symbol
+ //object,array,date
+ if (data && typeof data === "object") {
+ //针对函数的拷贝
+ if (typeof data === "function") {
+ let tempFunc = data.bind(null);
+ tempFunc.prototype = deepCopy(data.prototype);
+ return tempFunc;
+ }
+
+ switch (Object.prototype.toString.call(data)) {
+ case "[object String]":
+ return data.toString();
+ case "[object Number]":
+ return Number(data.toString());
+ case "[object Boolean]":
+ return Boolean(data.toString());
+ case "[object Date]":
+ return new Date(data.getTime());
+ case "[object Array]":
+ let arr = [];
+ for (let i = 0; i < data.length; i++) {
+ arr[i] = deepCopy(data[i]);
+ }
+ return arr;
+
+ //js自带对象或用户自定义类实例
+ case "[object Object]":
+ let obj = {};
+ for (let key in data) {
+ //会遍历原型链上的属性方法,可以用hasOwnProperty来控制 (obj.hasOwnProperty(prop)
+ obj[key] = deepCopy(data[key]);
+ }
+ return obj;
+ }
+ } else {
+ //string,number,bool,null,undefined,symbol
+ return data;
+ }
+}
+export function throttle(fn, interval, immediate=true) {
+ // 1.记录上一次的开始时间
+ let lastTime = 0
+
+ // 2.事件触发时, 真正执行的函数
+ return function(...args) {
+
+ // 2.1.获取当前事件触发时的时间
+ const nowTime = new Date().getTime()
+ //当lastTime为0时且第一次不执行,此时 remainTime = interval - (nowTime - lastTime) = interval > 0
+ if (!lastTime && !immediate) lastTime = nowTime//决定第一次是否执行函数
+
+ // 2.2.使用当前触发的时间和之前的时间间隔以及上一次开始的时间, 计算出还剩余多长事件需要去触发函数
+ const remainTime = interval - (nowTime - lastTime)
+ if (remainTime <= 0) {
+ // 2.3.真正触发函数
+ fn.apply(this, args)
+ // 2.4.保留上次触发的时间
+ lastTime = nowTime
+ }
+ }
+
+}
diff --git a/src/utils/request.js b/src/utils/request.js
new file mode 100644
index 0000000..3d41e59
--- /dev/null
+++ b/src/utils/request.js
@@ -0,0 +1,107 @@
+import axios from 'axios'
+import { MessageBox, Message, Loading } from 'element-ui'
+import store from '@/store'
+import { getToken } from '@/utils/auth'
+import { throttle } from "@/utils"
+import Vue from "vue"
+
+let loadingInstance;
+const loading = throttle(() => {
+ loadingInstance = Loading.service({
+ lock:true,
+ spinner: "el-icon-loading",
+ background:"rgba(0,0,0,0.4)",
+ text:"正在加载中..."
+ })
+}, 200)
+// create an axios instance
+const service = axios.create({
+ baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
+ // withCredentials: true, // send cookies when cross-domain requests
+ timeout: 5000 // request timeout
+})
+
+// request interceptor
+service.interceptors.request.use(
+ config => {
+ // do something before request is sent
+ if (config.isLoading) {
+ loading()
+ }
+ const token = getToken();
+ if (token) {
+ // let each request carry token
+ // ['X-Token'] is a custom headers key
+ // please modify it according to the actual situation
+ config.headers['Authorization'] = `Bearer ${token}`;
+ }
+ return config
+ },
+ error => {
+ // do something with request error
+ console.log(error) // for debug
+ Vue.prototype.$nextTick().then(r => loadingInstance?.close())
+ return Promise.reject(error)
+ }
+)
+
+// response interceptor
+service.interceptors.response.use(
+ /**
+ * If you want to get http information such as headers or status
+ * Please return response => response
+ */
+
+ /**
+ * Determine the request status by custom code
+ * Here is just an example
+ * You can also judge the status by HTTP Status Code
+ */
+ response => {
+ loadingInstance?.close()
+ if (response.status !== 200) {
+ return Promise.reject("系统错误")
+ }
+ const res = response.data
+
+ // if the custom code is not 20000, it is judged as an error.
+ if (res.code !== 0) {
+ Message({
+ message: res.msg || '系统错误',
+ type: 'error',
+ duration: 5 * 1000
+ })
+
+ // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
+ if (res.code === 20001) {
+ // to re-login
+ MessageBox.alert('您的登录状态已过期,需重新登录',
+ '登录已过期', {
+ confirmButtonText: '确定',
+ type: 'warning',
+ closeOnClickModal: false,
+ showClose: false
+ }).then(() => {
+ store.dispatch('user/resetToken').then(() => {
+ location.reload()
+ })
+ })
+ }
+ return Promise.reject(new Error(res.msg || 'Error'))
+ } else {
+ return res.data
+ }
+ },
+ error => {
+ loadingInstance?.close()
+ console.error('err' + error) // for debug
+ Message({
+ message: /Network Error/g.test(error) ? "网络错误" : "系统错误",
+ type: 'error',
+ duration: 5 * 1000
+ })
+ return Promise.reject(error)
+ }
+)
+
+export default service
diff --git a/src/utils/validate.js b/src/utils/validate.js
new file mode 100644
index 0000000..8d962ad
--- /dev/null
+++ b/src/utils/validate.js
@@ -0,0 +1,20 @@
+/**
+ * Created by PanJiaChen on 16/11/18.
+ */
+
+/**
+ * @param {string} path
+ * @returns {Boolean}
+ */
+export function isExternal(path) {
+ return /^(https?:|mailto:|tel:)/.test(path)
+}
+
+/**
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export function validUsername(str) {
+ const valid_map = ['admin', 'editor']
+ return valid_map.indexOf(str.trim()) >= 0
+}
diff --git a/src/views/404.vue b/src/views/404.vue
new file mode 100644
index 0000000..de8b5d4
--- /dev/null
+++ b/src/views/404.vue
@@ -0,0 +1,225 @@
+
+
+
+
+
+
抱歉!
+
{{ message }}
+
请检查您输入的网址是否正确,或点击下面的按钮返回主页
+
回到首页
+
+
+
+
+
+
+
+
diff --git a/src/views/bpmn/index.vue b/src/views/bpmn/index.vue
new file mode 100644
index 0000000..0d59b94
--- /dev/null
+++ b/src/views/bpmn/index.vue
@@ -0,0 +1,471 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
new file mode 100644
index 0000000..33e5ab6
--- /dev/null
+++ b/src/views/dashboard/index.vue
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
diff --git a/src/views/gojs/index.vue b/src/views/gojs/index.vue
new file mode 100644
index 0000000..c6fcf7b
--- /dev/null
+++ b/src/views/gojs/index.vue
@@ -0,0 +1,353 @@
+
+
+
+
+
+
+
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
new file mode 100644
index 0000000..2919cbb
--- /dev/null
+++ b/src/views/login/index.vue
@@ -0,0 +1,427 @@
+
+
+

+
+
+
+
+
+
+
+
+
欢迎登录
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 登录
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/system/menu.vue b/src/views/system/menu.vue
new file mode 100644
index 0000000..192af7c
--- /dev/null
+++ b/src/views/system/menu.vue
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/system/role.vue b/src/views/system/role.vue
new file mode 100644
index 0000000..c09b414
--- /dev/null
+++ b/src/views/system/role.vue
@@ -0,0 +1,167 @@
+
+
+
+ 新增
+
+
+
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
+
+ 保存
+ 取消
+
+
+ 编辑
+
+ 删除
+
+
+
+
+
共 {{ total }} 条数据
+
+
+
+
+
+
diff --git a/src/views/system/user.vue b/src/views/system/user.vue
new file mode 100644
index 0000000..1f9066c
--- /dev/null
+++ b/src/views/system/user.vue
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
+
diff --git a/tests/unit/.eslintrc.js b/tests/unit/.eslintrc.js
new file mode 100644
index 0000000..958d51b
--- /dev/null
+++ b/tests/unit/.eslintrc.js
@@ -0,0 +1,5 @@
+module.exports = {
+ env: {
+ jest: true
+ }
+}
diff --git a/tests/unit/components/Breadcrumb.spec.js b/tests/unit/components/Breadcrumb.spec.js
new file mode 100644
index 0000000..1d94c8f
--- /dev/null
+++ b/tests/unit/components/Breadcrumb.spec.js
@@ -0,0 +1,98 @@
+import { mount, createLocalVue } from '@vue/test-utils'
+import VueRouter from 'vue-router'
+import ElementUI from 'element-ui'
+import Breadcrumb from '@/components/Breadcrumb/index.vue'
+
+const localVue = createLocalVue()
+localVue.use(VueRouter)
+localVue.use(ElementUI)
+
+const routes = [
+ {
+ path: '/',
+ name: 'home',
+ children: [{
+ path: 'dashboard',
+ name: 'dashboard'
+ }]
+ },
+ {
+ path: '/menu',
+ name: 'menu',
+ children: [{
+ path: 'menu1',
+ name: 'menu1',
+ meta: { title: 'menu1' },
+ children: [{
+ path: 'menu1-1',
+ name: 'menu1-1',
+ meta: { title: 'menu1-1' }
+ },
+ {
+ path: 'menu1-2',
+ name: 'menu1-2',
+ redirect: 'noredirect',
+ meta: { title: 'menu1-2' },
+ children: [{
+ path: 'menu1-2-1',
+ name: 'menu1-2-1',
+ meta: { title: 'menu1-2-1' }
+ },
+ {
+ path: 'menu1-2-2',
+ name: 'menu1-2-2'
+ }]
+ }]
+ }]
+ }]
+
+const router = new VueRouter({
+ routes
+})
+
+describe('Breadcrumb.vue', () => {
+ const wrapper = mount(Breadcrumb, {
+ localVue,
+ router
+ })
+ it('dashboard', () => {
+ router.push('/dashboard')
+ const len = wrapper.findAll('.el-breadcrumb__inner').length
+ expect(len).toBe(1)
+ })
+ it('normal route', () => {
+ router.push('/menu/menu1')
+ const len = wrapper.findAll('.el-breadcrumb__inner').length
+ expect(len).toBe(2)
+ })
+ it('nested route', () => {
+ router.push('/menu/menu1/menu1-2/menu1-2-1')
+ const len = wrapper.findAll('.el-breadcrumb__inner').length
+ expect(len).toBe(4)
+ })
+ it('no meta.title', () => {
+ router.push('/menu/menu1/menu1-2/menu1-2-2')
+ const len = wrapper.findAll('.el-breadcrumb__inner').length
+ expect(len).toBe(3)
+ })
+ // it('click link', () => {
+ // router.push('/menu/menu1/menu1-2/menu1-2-2')
+ // const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner')
+ // const second = breadcrumbArray.at(1)
+ // console.log(breadcrumbArray)
+ // const href = second.find('a').attributes().href
+ // expect(href).toBe('#/menu/menu1')
+ // })
+ // it('noRedirect', () => {
+ // router.push('/menu/menu1/menu1-2/menu1-2-1')
+ // const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner')
+ // const redirectBreadcrumb = breadcrumbArray.at(2)
+ // expect(redirectBreadcrumb.contains('a')).toBe(false)
+ // })
+ it('last breadcrumb', () => {
+ router.push('/menu/menu1/menu1-2/menu1-2-1')
+ const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner')
+ const redirectBreadcrumb = breadcrumbArray.at(3)
+ expect(redirectBreadcrumb.contains('a')).toBe(false)
+ })
+})
diff --git a/tests/unit/components/Hamburger.spec.js b/tests/unit/components/Hamburger.spec.js
new file mode 100644
index 0000000..01ea303
--- /dev/null
+++ b/tests/unit/components/Hamburger.spec.js
@@ -0,0 +1,18 @@
+import { shallowMount } from '@vue/test-utils'
+import Hamburger from '@/components/Hamburger/index.vue'
+describe('Hamburger.vue', () => {
+ it('toggle click', () => {
+ const wrapper = shallowMount(Hamburger)
+ const mockFn = jest.fn()
+ wrapper.vm.$on('toggleClick', mockFn)
+ wrapper.find('.hamburger').trigger('click')
+ expect(mockFn).toBeCalled()
+ })
+ it('prop isActive', () => {
+ const wrapper = shallowMount(Hamburger)
+ wrapper.setProps({ isActive: true })
+ expect(wrapper.contains('.is-active')).toBe(true)
+ wrapper.setProps({ isActive: false })
+ expect(wrapper.contains('.is-active')).toBe(false)
+ })
+})
diff --git a/tests/unit/components/SvgIcon.spec.js b/tests/unit/components/SvgIcon.spec.js
new file mode 100644
index 0000000..31467a9
--- /dev/null
+++ b/tests/unit/components/SvgIcon.spec.js
@@ -0,0 +1,22 @@
+import { shallowMount } from '@vue/test-utils'
+import SvgIcon from '@/components/SvgIcon/index.vue'
+describe('SvgIcon.vue', () => {
+ it('iconClass', () => {
+ const wrapper = shallowMount(SvgIcon, {
+ propsData: {
+ iconClass: 'test'
+ }
+ })
+ expect(wrapper.find('use').attributes().href).toBe('#icon-test')
+ })
+ it('className', () => {
+ const wrapper = shallowMount(SvgIcon, {
+ propsData: {
+ iconClass: 'test'
+ }
+ })
+ expect(wrapper.classes().length).toBe(1)
+ wrapper.setProps({ className: 'test' })
+ expect(wrapper.classes().includes('test')).toBe(true)
+ })
+})
diff --git a/tests/unit/utils/formatTime.spec.js b/tests/unit/utils/formatTime.spec.js
new file mode 100644
index 0000000..24e165b
--- /dev/null
+++ b/tests/unit/utils/formatTime.spec.js
@@ -0,0 +1,30 @@
+import { formatTime } from '@/utils/index.js'
+
+describe('Utils:formatTime', () => {
+ const d = new Date('2018-07-13 17:54:01') // "2018-07-13 17:54:01"
+ const retrofit = 5 * 1000
+
+ it('ten digits timestamp', () => {
+ expect(formatTime((d / 1000).toFixed(0))).toBe('7月13日17时54分')
+ })
+ it('test now', () => {
+ expect(formatTime(+new Date() - 1)).toBe('刚刚')
+ })
+ it('less two minute', () => {
+ expect(formatTime(+new Date() - 60 * 2 * 1000 + retrofit)).toBe('2分钟前')
+ })
+ it('less two hour', () => {
+ expect(formatTime(+new Date() - 60 * 60 * 2 * 1000 + retrofit)).toBe('2小时前')
+ })
+ it('less one day', () => {
+ expect(formatTime(+new Date() - 60 * 60 * 24 * 1 * 1000)).toBe('1天前')
+ })
+ it('more than one day', () => {
+ expect(formatTime(d)).toBe('7月13日17时54分')
+ })
+ it('format', () => {
+ expect(formatTime(d, '{y}-{m}-{d} {h}:{i}')).toBe('2018-07-13 17:54')
+ expect(formatTime(d, '{y}-{m}-{d}')).toBe('2018-07-13')
+ expect(formatTime(d, '{y}/{m}/{d} {h}-{i}')).toBe('2018/07/13 17-54')
+ })
+})
diff --git a/tests/unit/utils/param2Obj.spec.js b/tests/unit/utils/param2Obj.spec.js
new file mode 100644
index 0000000..e106ed8
--- /dev/null
+++ b/tests/unit/utils/param2Obj.spec.js
@@ -0,0 +1,14 @@
+import { param2Obj } from '@/utils/index.js'
+describe('Utils:param2Obj', () => {
+ const url = 'https://github.com/PanJiaChen/vue-element-admin?name=bill&age=29&sex=1&field=dGVzdA==&key=%E6%B5%8B%E8%AF%95'
+
+ it('param2Obj test', () => {
+ expect(param2Obj(url)).toEqual({
+ name: 'bill',
+ age: '29',
+ sex: '1',
+ field: window.btoa('test'),
+ key: '测试'
+ })
+ })
+})
diff --git a/tests/unit/utils/parseTime.spec.js b/tests/unit/utils/parseTime.spec.js
new file mode 100644
index 0000000..56045af
--- /dev/null
+++ b/tests/unit/utils/parseTime.spec.js
@@ -0,0 +1,35 @@
+import { parseTime } from '@/utils/index.js'
+
+describe('Utils:parseTime', () => {
+ const d = new Date('2018-07-13 17:54:01') // "2018-07-13 17:54:01"
+ it('timestamp', () => {
+ expect(parseTime(d)).toBe('2018-07-13 17:54:01')
+ })
+ it('timestamp string', () => {
+ expect(parseTime((d + ''))).toBe('2018-07-13 17:54:01')
+ })
+ it('ten digits timestamp', () => {
+ expect(parseTime((d / 1000).toFixed(0))).toBe('2018-07-13 17:54:01')
+ })
+ it('new Date', () => {
+ expect(parseTime(new Date(d))).toBe('2018-07-13 17:54:01')
+ })
+ it('format', () => {
+ expect(parseTime(d, '{y}-{m}-{d} {h}:{i}')).toBe('2018-07-13 17:54')
+ expect(parseTime(d, '{y}-{m}-{d}')).toBe('2018-07-13')
+ expect(parseTime(d, '{y}/{m}/{d} {h}-{i}')).toBe('2018/07/13 17-54')
+ })
+ it('get the day of the week', () => {
+ expect(parseTime(d, '{a}')).toBe('五') // 星期五
+ })
+ it('get the day of the week', () => {
+ expect(parseTime(+d + 1000 * 60 * 60 * 24 * 2, '{a}')).toBe('日') // 星期日
+ })
+ it('empty argument', () => {
+ expect(parseTime()).toBeNull()
+ })
+
+ it('null', () => {
+ expect(parseTime(null)).toBeNull()
+ })
+})
diff --git a/tests/unit/utils/validate.spec.js b/tests/unit/utils/validate.spec.js
new file mode 100644
index 0000000..f774905
--- /dev/null
+++ b/tests/unit/utils/validate.spec.js
@@ -0,0 +1,17 @@
+import { validUsername, isExternal } from '@/utils/validate.js'
+
+describe('Utils:validate', () => {
+ it('validUsername', () => {
+ expect(validUsername('admin')).toBe(true)
+ expect(validUsername('editor')).toBe(true)
+ expect(validUsername('xxxx')).toBe(false)
+ })
+ it('isExternal', () => {
+ expect(isExternal('https://github.com/PanJiaChen/vue-element-admin')).toBe(true)
+ expect(isExternal('http://github.com/PanJiaChen/vue-element-admin')).toBe(true)
+ expect(isExternal('github.com/PanJiaChen/vue-element-admin')).toBe(false)
+ expect(isExternal('/dashboard')).toBe(false)
+ expect(isExternal('./dashboard')).toBe(false)
+ expect(isExternal('dashboard')).toBe(false)
+ })
+})
diff --git a/vue.config.js b/vue.config.js
new file mode 100644
index 0000000..c52eec2
--- /dev/null
+++ b/vue.config.js
@@ -0,0 +1,134 @@
+'use strict'
+const path = require('path')
+const defaultSettings = require('./src/settings.js')
+
+function resolve(dir) {
+ return path.join(__dirname, dir)
+}
+
+const name = defaultSettings.title || 'vue Admin Template' // page title
+
+// If your port is set to 80,
+// use administrator privileges to execute the command line.
+// For example, Mac: sudo npm run
+// You can change the port by the following methods:
+// port = 9528 npm run dev OR npm run dev --port = 9528
+const port = process.env.port || process.env.npm_config_port || 9528 // dev port
+
+// All configuration item explanations can be find in https://cli.vuejs.org/config/
+module.exports = {
+ /**
+ * You will need to set publicPath if you plan to deploy your site under a sub path,
+ * for example GitHub Pages. If you plan to deploy your site to https://foo.github.io/bar/,
+ * then publicPath should be set to "/bar/".
+ * In most cases please use '/' !!!
+ * Detail: https://cli.vuejs.org/config/#publicpath
+ */
+ publicPath: '/',
+ outputDir: 'dist',
+ assetsDir: 'static',
+ lintOnSave: process.env.NODE_ENV === 'development',
+ productionSourceMap: false,
+ devServer: {
+ port: port,
+ open: true,
+ overlay: {
+ warnings: false,
+ errors: true
+ },
+ proxy: {
+ [process.env.VUE_APP_BASE_API]: {
+ target: process.env.VUE_APP_BASE_API, //本地
+ changeOrigin: true,
+ pathRewrite: {
+ ['^' + process.env.VUE_APP_BASE_API]: ''
+ }
+ }
+ },
+ headers: { "Access-Control-Allow-Origin": "*" },
+ //before: require('./mock/mock-server.js'),
+ disableHostCheck: true
+ },
+ configureWebpack: {
+ // provide the app's title in webpack's name field, so that
+ // it can be accessed in index.html to inject the correct title.
+ name: name,
+ resolve: {
+ alias: {
+ '@': resolve('src')
+ }
+ }
+ },
+ chainWebpack(config) {
+ // it can improve the speed of the first screen, it is recommended to turn on preload
+ config.plugin('preload').tap(() => [
+ {
+ rel: 'preload',
+ // to ignore runtime.js
+ // https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/cli-service/lib/config/app.js#L171
+ fileBlacklist: [/\.map$/, /hot-update\.js$/, /runtime\..*\.js$/],
+ include: 'initial'
+ }
+ ])
+
+ // when there are many pages, it will cause too many meaningless requests
+ config.plugins.delete('prefetch')
+
+ // set svg-sprite-loader
+ config.module
+ .rule('svg')
+ .exclude.add(resolve('src/icons'))
+ .end()
+ config.module
+ .rule('icons')
+ .test(/\.svg$/)
+ .include.add(resolve('src/icons'))
+ .end()
+ .use('svg-sprite-loader')
+ .loader('svg-sprite-loader')
+ .options({
+ symbolId: 'icon-[name]'
+ })
+ .end()
+
+ config
+ .when(process.env.NODE_ENV !== 'development',
+ config => {
+ config
+ .plugin('ScriptExtHtmlWebpackPlugin')
+ .after('html')
+ .use('script-ext-html-webpack-plugin', [{
+ // `runtime` must same as runtimeChunk name. default is `runtime`
+ inline: /runtime\..*\.js$/
+ }])
+ .end()
+ config
+ .optimization.splitChunks({
+ chunks: 'all',
+ cacheGroups: {
+ libs: {
+ name: 'chunk-libs',
+ test: /[\\/]node_modules[\\/]/,
+ priority: 10,
+ chunks: 'initial' // only package third parties that are initially dependent
+ },
+ elementUI: {
+ name: 'chunk-elementUI', // split elementUI into a single package
+ priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
+ test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
+ },
+ commons: {
+ name: 'chunk-commons',
+ test: resolve('src/components'), // can customize your rules
+ minChunks: 3, // minimum common number
+ priority: 5,
+ reuseExistingChunk: true
+ }
+ }
+ })
+ // https:// webpack.js.org/configuration/optimization/#optimizationruntimechunk
+ config.optimization.runtimeChunk('single')
+ }
+ )
+ }
+}