diff --git a/src/api/department.js b/src/api/department.js new file mode 100644 index 0000000..1274603 --- /dev/null +++ b/src/api/department.js @@ -0,0 +1,25 @@ +import request from '@/utils/request'; + +export function index (params) { + return request({ + url: "/api/backend/department", + method: "get", + params + }) +} + +export function save (data) { + return request({ + url: "/api/backend/department/save", + method: "post", + data + }) +} + +export function destroy (data) { + return request({ + url: "/api/backend/department/delete", + method: "post", + data + }) +} diff --git a/src/api/module.js b/src/api/module.js index 1798ebd..94cb2d4 100644 --- a/src/api/module.js +++ b/src/api/module.js @@ -24,10 +24,3 @@ export function destroy (data) { }) } -export function getRoles (params) { - return request({ - url: "/api/backend/module/grant/get-roles", - method: "get", - params - }) -} diff --git a/src/components/UserPicker/index.vue b/src/components/UserPicker/index.vue new file mode 100644 index 0000000..142ba1d --- /dev/null +++ b/src/components/UserPicker/index.vue @@ -0,0 +1,134 @@ + + + + + diff --git a/src/icons/svg/logout.svg b/src/icons/svg/logout.svg index cd9668a..ab43de4 100644 --- a/src/icons/svg/logout.svg +++ b/src/icons/svg/logout.svg @@ -1 +1 @@ - + diff --git a/src/icons/svg/menu.svg b/src/icons/svg/menu.svg new file mode 100644 index 0000000..972b54a --- /dev/null +++ b/src/icons/svg/menu.svg @@ -0,0 +1 @@ + diff --git a/src/icons/svg/modules.svg b/src/icons/svg/modules.svg new file mode 100644 index 0000000..73194f4 --- /dev/null +++ b/src/icons/svg/modules.svg @@ -0,0 +1 @@ + diff --git a/src/icons/svg/role.svg b/src/icons/svg/role.svg new file mode 100644 index 0000000..a74f5e8 --- /dev/null +++ b/src/icons/svg/role.svg @@ -0,0 +1 @@ + diff --git a/src/layout/components/Navbar/index.vue b/src/layout/components/Navbar/index.vue index 014f219..9d131ba 100644 --- a/src/layout/components/Navbar/index.vue +++ b/src/layout/components/Navbar/index.vue @@ -3,12 +3,12 @@
- +
@@ -18,31 +18,31 @@
- +
- - + +
- + - +
{{ name }}
{{ (department && department.name) ? department.name : '暂无部门' }}
@@ -50,16 +50,16 @@ - - + + 用户信息 - - + + 修改密码 - - + + 退出 @@ -70,14 +70,16 @@
-
@@ -85,9 +87,9 @@ diff --git a/src/layout/nested.vue b/src/layout/nested.vue new file mode 100644 index 0000000..15584f6 --- /dev/null +++ b/src/layout/nested.vue @@ -0,0 +1,16 @@ + + + + + diff --git a/src/main.js b/src/main.js index d9a7131..b3deed8 100644 --- a/src/main.js +++ b/src/main.js @@ -27,7 +27,6 @@ if (process.env.NODE_ENV === "production") { const { mockXHR } = require("../mock"); mockXHR(); } - // set ElementUI lang to EN //Vue.use(ElementUI, { locale }); // 如果想要中文版 element-ui，按如下方式声明 @@ -56,7 +55,7 @@ import Wujie from "wujie-vue2"; Vue.use(Wujie); const { setupApp, preloadApp } = Wujie; setupApp({ - name: "contract", + name: "modules", url: "http://localhost:9530/admin/#/", exec: true, }); @@ -66,5 +65,5 @@ new Vue({ el: "#app", router, store, - render: (h) => h(App), + render: (h) => h(App) }); diff --git a/src/permission.js b/src/permission.js index 41d8294..c99378e 100644 --- a/src/permission.js +++ b/src/permission.js @@ -1,5 +1,6 @@ import router from './router' import store from './store' +import vue from './main' import { Message } from 'element-ui' import NProgress from 'nprogress' // progress bar import 'nprogress/nprogress.css' // progress bar style @@ -10,7 +11,6 @@ NProgress.configure({ showSpinner: false }) // NProgress Configuration const whiteList = ['/login'] // no redirect whitelist -let isFirstEnter = true; //第一次进入获取用户信息 router.beforeEach(async(to, from, next) => { // start progress bar NProgress.start() @@ -27,7 +27,11 @@ router.beforeEach(async(to, from, next) => { next({ path: '/' }) NProgress.done() } else { - if (!isFirstEnter) { + if (to.meta.isModule) { + store.commit('modules/SET_MODULE_URI',to.meta.moduleUri) + } + + if (store.state.permission.addRoutes && store.state.permission.addRoutes instanceof Array && store.state.permission.addRoutes.length > 0) { next() } else { try { @@ -40,14 +44,12 @@ router.beforeEach(async(to, from, next) => { // 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() } } @@ -61,7 +63,6 @@ router.beforeEach(async(to, from, 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() } } diff --git a/src/router/index.js b/src/router/index.js index 415ba15..98c4677 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -54,7 +54,7 @@ export const constantRoutes = [ component: () => import('@/views/dashboard/index'), meta: { title: '首页', icon: 'dashboard' } }] - }, + } // 404 page must be placed at the end !!! //{ path: '*', redirect: '/404', hidden: true } diff --git a/src/store/getters.js b/src/store/getters.js index 2297fe2..03bb61d 100644 --- a/src/store/getters.js +++ b/src/store/getters.js @@ -8,5 +8,6 @@ const getters = { admins: state => state.data.admins, departments: state => state.data.departments, permission_routes: state => state.permission.routes, + module_uri: state => state.modules.moduleUri } export default getters diff --git a/src/store/index.js b/src/store/index.js index 8e45e24..8b498ff 100644 --- a/src/store/index.js +++ b/src/store/index.js @@ -6,6 +6,7 @@ import settings from './modules/settings' import user from './modules/user' import data from './modules/data' import permission from './modules/permission' +import modules from './modules/modules' import { init } from "./init" Vue.use(Vuex) @@ -15,7 +16,8 @@ const store = new Vuex.Store({ settings, user, data, - permission + permission, + modules }, getters }) diff --git a/src/store/init.js b/src/store/init.js index f6093ff..05a5649 100644 --- a/src/store/init.js +++ b/src/store/init.js @@ -1,4 +1,4 @@ export function init (store) { - store.dispatch('data/getAdmins') - store.dispatch('data/getDepartments') + //store.dispatch('data/getUsers') + //store.dispatch('data/getDepartments') } diff --git a/src/store/modules/data.js b/src/store/modules/data.js index 54322e9..6746b83 100644 --- a/src/store/modules/data.js +++ b/src/store/modules/data.js @@ -1,30 +1,29 @@ import { departmentListNoAuth, adminListNoAuth } from "@/api/common" const state = { - admins: [], - departments: [] + users: [], + departments: [], } - const mutations = { - SET_ADMINS: (state, admins) => { - state.admins = admins + SET_USERS: (state, users) => { + state.users = users }, SET_DEPARTMENTS: (state, departments) => { state.departments = departments - } + }, } const actions = { - getAdmins ({ commit }) { + getUsers ({ commit }) { adminListNoAuth().then(res => { - commit("SET_ADMINS", res.data) + commit("SET_USERS", res.data) }) }, getDepartments ({ commit }) { departmentListNoAuth().then(res => { commit("SET_DEPARTMENTS", res.data) }) - } + }, } export default { diff --git a/src/store/modules/modules.js b/src/store/modules/modules.js new file mode 100644 index 0000000..d28de84 --- /dev/null +++ b/src/store/modules/modules.js @@ -0,0 +1,21 @@ +const state = { + moduleUri: "" +} +const mutations = { + SET_MODULE_URI: (state, uri) => { + state.moduleUri = uri + }, + +} + +const actions = { + +} + +export default { + namespaced: true, + state, + mutations, + actions +} + diff --git a/src/store/modules/permission.js b/src/store/modules/permission.js index 27b3a1c..533235b 100644 --- a/src/store/modules/permission.js +++ b/src/store/modules/permission.js @@ -2,10 +2,23 @@ import { asyncRoutes, constantRoutes } from '@/router' import { permissions } from "@/api/me" import path from "path" import Layout from "@/layout" +import Nested from "@/layout/nested.vue" +import Wujie from "@/views/wujie" const loadView = (view) => { return (resolve) => require([`@/views${view}`], resolve); } +const componentHandle = (path, route)=> { + if (/^#+/.test(path)) { + return Layout + } else if (/^#+/.test(path) && route.pid !== 0) { + return Nested + } else if (/^\/./.test(path)) { + return loadView(path) + } else { + return Wujie + } +} export function filterAsyncRoutes(routes) { const res = [] @@ -15,26 +28,25 @@ export function filterAsyncRoutes(routes) { let tmp= { key: `key-${route.id}`, path: route.path === '#' ? '' : route.path, - component: route.path === "#" ? Layout : loadView(route.path), + component: componentHandle(route.path, route), name: route.name, hidden: !route.visible, meta: { title: route.title, icon: route.icon, guard: route.guard_name, - folder: route.folder + folder: route.folder, + isModule: !/^\/./.test(route.path), + moduleUri: /^\/./.test(route.path) ? '' : `${process.env.VUE_APP_BASE_API}/${route.path}`, } } - if (route.children) { + if (route.children && route.children instanceof Array && route.children.length > 0) { tmp.children = filterAsyncRoutes(route.children) } res.push(tmp) }) - //把404拦截放在最后匹配 - res.push({ path: '*', redirect: '/404', hidden: true }) - return res } @@ -57,6 +69,9 @@ const actions = { const routes = await permissions() let accessedRoutes accessedRoutes = filterAsyncRoutes(routes) + //把404拦截放在最后匹配 + accessedRoutes.push({ path: '*', redirect: '/404', hidden: true }) + console.log(333,accessedRoutes) commit('SET_ROUTES', accessedRoutes) resolve(accessedRoutes) } catch (err) { diff --git a/src/store/modules/user.js b/src/store/modules/user.js index 94f1871..f5691a8 100644 --- a/src/store/modules/user.js +++ b/src/store/modules/user.js @@ -46,9 +46,9 @@ const actions = { return new Promise((resolve, reject) => { login({ username: username.trim(), password: password }).then(response => { console.log(response) - const { access_token } = response + const { access_token, expires_in } = response commit('SET_TOKEN', access_token) - setToken(access_token) + setToken(access_token, expires_in / 60 / 24) resolve() }).catch(error => { reject(error) diff --git a/src/styles/navbar.scss b/src/styles/navbar.scss index 357b9ef..f83dbb2 100644 --- a/src/styles/navbar.scss +++ b/src/styles/navbar.scss @@ -383,11 +383,6 @@ a { text-decoration: none } -a:hover { - --tblr-link-color-rgb: var(--tblr-link-hover-color-rgb); - text-decoration: underline -} - a:not([href]):not([class]),a:not([href]):not([class]):hover { color: inherit; text-decoration: none @@ -636,77 +631,6 @@ progress { 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); @@ -2695,24924 +2619,10121 @@ progress { } } -.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) +.fade { + transition: opacity .15s linear } -.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))) +@media (prefers-reduced-motion:reduce) { + .fade { + transition: none + } } -.markdown>table>tbody,.table>tbody { - vertical-align: inherit +.fade:not(.show) { + opacity: 0 } -.markdown>table>thead,.table>thead { - vertical-align: bottom +.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split { + padding-right: .1875rem; + padding-left: .1875rem } -.table-group-divider { - border-top: calc(var(--tblr-border-width) * 2) solid var(--tblr-border-color-translucent) +.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split { + padding-right: .5625rem; + padding-left: .5625rem } -.caption-top { - caption-side: top +.btn-group.show .dropdown-toggle { + box-shadow: inset 0 3px 5px rgba(0,0,0,.125) } -.table-sm>:not(caption)>*>* { - padding: .25rem .25rem +.btn-group.show .dropdown-toggle.btn-link { + box-shadow: none } -.markdown>table>:not(caption)>*,.table-bordered>:not(caption)>* { - border-width: var(--tblr-border-width) 0 +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center } -.markdown>table>:not(caption)>*>*,.table-bordered>:not(caption)>*>* { - border-width: 0 var(--tblr-border-width) +.btn-group-vertical>.btn,.btn-group-vertical>.btn-group { + width: 100% } -.table-borderless>:not(caption)>*>* { - border-bottom-width: 0 +.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) { + margin-top: calc(var(--tblr-border-width) * -1) } -.table-borderless>:not(:first-child) { - border-top-width: 0 +.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 } -.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) +.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn { + border-top-left-radius: 0; + border-top-right-radius: 0 } -.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) +.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 } -.table-active { - --tblr-table-color-state: var(--tblr-table-active-color); - --tblr-table-bg-state: var(--tblr-table-active-bg) +.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 } -.table-hover>tbody>tr:hover>* { - --tblr-table-color-state: var(--tblr-table-hover-color); - --tblr-table-bg-state: var(--tblr-table-hover-bg) +@media (prefers-reduced-motion:reduce) { + .nav-link { + transition: none + } } -.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) +.nav-link:focus,.nav-link:hover { + color: var(--tblr-nav-link-hover-color); + text-decoration: none } -.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) +.nav-link:focus-visible { + outline: 0; + box-shadow: 0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25) } -.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) +.nav-link.disabled,.nav-link:disabled { + color: var(--tblr-nav-link-disabled-color); + pointer-events: none; + cursor: default } -.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 +.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) } -@media (max-width: 575.98px) { - .table-responsive-sm { - overflow-x:auto; - -webkit-overflow-scrolling: touch - } +.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) } -@media (max-width: 767.98px) { - .table-responsive-md { - overflow-x:auto; - -webkit-overflow-scrolling: touch - } +.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover { + isolation: isolate; + border-color: var(--tblr-nav-tabs-link-hover-border-color) } -@media (max-width: 991.98px) { - .table-responsive-lg { - overflow-x:auto; - -webkit-overflow-scrolling: touch - } +.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) } -@media (max-width: 1199.98px) { - .table-responsive-xl { - overflow-x:auto; - -webkit-overflow-scrolling: touch - } +.nav-tabs .dropdown-menu { + margin-top: calc(-1 * var(--tblr-nav-tabs-border-width)); + border-top-left-radius: 0; + border-top-right-radius: 0 } -@media (max-width: 1399.98px) { - .table-responsive-xxl { - overflow-x:auto; - -webkit-overflow-scrolling: touch - } +.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) } -.form-label { - margin-bottom: .5rem; - font-size: .875rem; - font-weight: var(--tblr-font-weight-medium) +.nav-pills .nav-link { + border-radius: var(--tblr-nav-pills-border-radius) } -.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 +.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) } -.col-form-label-lg { - padding-top: calc(.5rem + var(--tblr-border-width)); - padding-bottom: calc(.5rem + var(--tblr-border-width)); - font-size: 1.25rem +.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) } -.col-form-label-sm { - padding-top: calc(.125rem + var(--tblr-border-width)); - padding-bottom: calc(.125rem + var(--tblr-border-width)); - font-size: .75rem +.nav-underline .nav-link { + padding-right: 0; + padding-left: 0; + border-bottom: var(--tblr-nav-underline-border-width) solid transparent } -.form-text { - margin-top: .25rem; - font-size: 85.714285%; - color: var(--tblr-secondary-color) +.nav-underline .nav-link:focus,.nav-underline .nav-link:hover { + border-bottom-color: currentcolor } -.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 +.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 } -@media (prefers-reduced-motion:reduce) { - .form-control { - transition: none - } +.nav-fill .nav-item,.nav-fill>.nav-link { + flex: 1 1 auto; + text-align: center } -.form-control[type=file] { - overflow: hidden +.nav-justified .nav-item,.nav-justified>.nav-link { + flex-basis: 0; + flex-grow: 1; + text-align: center } -.form-control[type=file]:not(:disabled):not([readonly]) { - cursor: pointer +.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link { + width: 100% } -.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) +.tab-content>.tab-pane { + display: none } -.form-control::-webkit-date-and-time-value { - min-width: 85px; - height: 1.4285714286em; - margin: 0 +.tab-content>.active { + display: block } -.form-control::-webkit-datetime-edit { - display: block; - padding: 0 +.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; + z-index: 9999999; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: var(--tblr-navbar-padding-y) var(--tblr-navbar-padding-x) } -.form-control::-webkit-input-placeholder { - color: #8a97ab; - opacity: 1 +.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 } -.form-control:-ms-input-placeholder { - color: #8a97ab; - opacity: 1 +.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 } -.form-control::-ms-input-placeholder { - color: #8a97ab; - opacity: 1 +.navbar-brand:focus,.navbar-brand:hover { + color: var(--tblr-navbar-brand-hover-color); + text-decoration: none } -.form-control::placeholder { - color: #8a97ab; - opacity: 1 +.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 } -.form-control:disabled { - background-color: var(--tblr-bg-surface-secondary); - opacity: 1 +.navbar-nav .nav-link.active,.navbar-nav .nav-link.show { + color: var(--tblr-navbar-active-color) } -.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 +.navbar-nav .dropdown-menu { + position: static } -@media (prefers-reduced-motion:reduce) { - .form-control::-webkit-file-upload-button { - -webkit-transition: none; - transition: none - } - - .form-control::file-selector-button { - transition: none - } +.navbar-text { + padding-top: .5rem; + padding-bottom: .5rem; + color: var(--tblr-navbar-color) } -.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { - background-color: var(--tblr-secondary-bg) +.navbar-text a,.navbar-text a:focus,.navbar-text a:hover { + color: var(--tblr-navbar-active-color) } -.form-control:hover:not(:disabled):not([readonly])::file-selector-button { - background-color: var(--tblr-secondary-bg) +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center } -.form-control-plaintext { - display: block; - width: 100%; - padding: .5625rem 0; - margin-bottom: 0; - line-height: 1.4285714286; - color: var(--tblr-body-color); +.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: 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 + 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) } -.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) +@media (prefers-reduced-motion:reduce) { + .navbar-toggler { + transition: none + } } -.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) +.navbar-toggler:hover { + text-decoration: none } -.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)) +.navbar-toggler:focus { + text-decoration: none; + outline: 0; + box-shadow: 0 0 0 var(--tblr-navbar-toggler-focus-width) } -textarea.form-control-sm { - min-height: calc(1.4285714286em + .25rem + calc(var(--tblr-border-width) * 2)) +.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% } -textarea.form-control-lg { - min-height: calc(1.4285714286em + 1rem + calc(var(--tblr-border-width) * 2)) +.navbar-nav-scroll { + max-height: var(--tblr-scroll-height,75vh); + overflow-y: auto } -.form-control-color { - width: 3rem; - height: calc(1.4285714286em + 1.125rem + calc(var(--tblr-border-width) * 2)); - padding: .5625rem -} +@media (min-width: 576px) { + .navbar-expand-sm { + flex-wrap:nowrap; + justify-content: flex-start + } -.form-control-color:not(:disabled):not([readonly]) { - cursor: pointer -} + .navbar-expand-sm .navbar-nav { + flex-direction: row + } -.form-control-color::-moz-color-swatch { - border: 0!important; - border-radius: var(--tblr-border-radius) -} + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute + } -.form-control-color::-webkit-color-swatch { - border: 0!important; - border-radius: var(--tblr-border-radius) -} + .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) + } -.form-control-color.form-control-sm { - height: calc(1.4285714286em + .25rem + calc(var(--tblr-border-width) * 2)) -} + .navbar-expand-sm .navbar-nav-scroll { + overflow: visible + } -.form-control-color.form-control-lg { - height: calc(1.4285714286em + 1rem + calc(var(--tblr-border-width) * 2)) -} + .navbar-expand-sm .navbar-collapse { + display: flex!important; + flex-basis: auto + } -.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 -} + .navbar-expand-sm .navbar-toggler { + display: none + } -@media (prefers-reduced-motion:reduce) { - .form-select { + .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 } -} -.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) -} + .navbar-expand-sm .offcanvas .offcanvas-header { + display: none + } -.form-select[multiple],.form-select[size]:not([size="1"]) { - padding-right: .75rem; - background-image: none + .navbar-expand-sm .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible + } } -.form-select:disabled { - background-color: var(--tblr-bg-surface-secondary) -} +@media (min-width: 768px) { + .navbar-expand-md { + flex-wrap:nowrap; + justify-content: flex-start + } -.form-select:-moz-focusring { - color: transparent; - text-shadow: 0 0 0 var(--tblr-body-color) -} + .navbar-expand-md .navbar-nav { + flex-direction: row + } -.form-select-sm { - padding-top: .125rem; - padding-bottom: .125rem; - padding-left: .25rem; - font-size: .75rem; - border-radius: var(--tblr-border-radius-sm) -} + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute + } -.form-select-lg { - padding-top: .5rem; - padding-bottom: .5rem; - padding-left: .75rem; - font-size: 1.25rem; - border-radius: var(--tblr-border-radius-lg) -} + .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) + } -[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") -} + .navbar-expand-md .navbar-nav-scroll { + overflow: visible + } -.form-check { - display: block; - min-height: 1.25rem; - padding-left: 2rem; - margin-bottom: .75rem -} + .navbar-expand-md .navbar-collapse { + display: flex!important; + flex-basis: auto + } -.form-check .form-check-input { - float: left; - margin-left: -2rem -} + .navbar-expand-md .navbar-toggler { + display: none + } -.form-check-reverse { - padding-right: 2rem; - padding-left: 0; - text-align: right -} + .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 + } -.form-check-reverse .form-check-input { - float: right; - margin-right: -2rem; - margin-left: 0 -} + .navbar-expand-md .offcanvas .offcanvas-header { + display: none + } -.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 + .navbar-expand-md .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible + } } -.form-check-input[type=checkbox] { - border-radius: var(--tblr-border-radius) -} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-wrap:nowrap; + justify-content: flex-start + } -.form-check-input[type=radio] { - border-radius: 50% -} + .navbar-expand-lg .navbar-nav { + flex-direction: row + } -.form-check-input:active { - filter: brightness(90%) -} + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute + } -.form-check-input:focus { - border-color: #83b7e8; - outline: 0; - box-shadow: 0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25) -} + .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) + } -.form-check-input:checked { - background-color: var(--tblr-primary); - border-color: var(--tblr-border-color-translucent) -} + .navbar-expand-lg .navbar-nav-scroll { + overflow: visible + } -.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") -} + .navbar-expand-lg .navbar-collapse { + display: flex!important; + flex-basis: auto + } -.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") -} + .navbar-expand-lg .navbar-toggler { + display: none + } -.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") -} + .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 + } -.form-check-input:disabled { - pointer-events: none; - filter: none; - opacity: .5 -} + .navbar-expand-lg .offcanvas .offcanvas-header { + display: none + } -.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label { - cursor: default; - opacity: .7 + .navbar-expand-lg .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible + } } -.form-switch { - padding-left: 2.5rem -} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-wrap:nowrap; + justify-content: flex-start + } -.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 -} + .navbar-expand-xl .navbar-nav { + flex-direction: row + } -@media (prefers-reduced-motion:reduce) { - .form-switch .form-check-input { - transition: none + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute } -} -.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") -} + .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) + } -.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") -} + .navbar-expand-xl .navbar-nav-scroll { + overflow: visible + } -.form-switch.form-check-reverse { - padding-right: 2.5rem; - padding-left: 0 -} + .navbar-expand-xl .navbar-collapse { + display: flex!important; + flex-basis: auto + } -.form-switch.form-check-reverse .form-check-input { - margin-right: -2.5rem; - margin-left: 0 -} + .navbar-expand-xl .navbar-toggler { + display: none + } -.form-check-inline { - display: inline-block; - margin-right: 1rem -} + .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 + } -.btn-check { - position: absolute; - clip: rect(0,0,0,0); - pointer-events: none -} + .navbar-expand-xl .offcanvas .offcanvas-header { + display: none + } -.btn-check:disabled+.btn,.btn-check[disabled]+.btn { - pointer-events: none; - filter: none; - opacity: .4 + .navbar-expand-xl .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible + } } -[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") -} +@media (min-width: 1400px) { + .navbar-expand-xxl { + flex-wrap:nowrap; + justify-content: flex-start + } -.form-range { - width: 100%; - height: 1.25rem; - padding: 0; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: transparent -} + .navbar-expand-xxl .navbar-nav { + flex-direction: row + } -.form-range:focus { - outline: 0 -} + .navbar-expand-xxl .navbar-nav .dropdown-menu { + position: absolute + } -.form-range:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #f6f8fb,0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25) -} + .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) + } -.form-range:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #f6f8fb,0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25) -} + .navbar-expand-xxl .navbar-nav-scroll { + overflow: visible + } -.form-range::-moz-focus-outer { - border: 0 -} + .navbar-expand-xxl .navbar-collapse { + display: flex!important; + flex-basis: auto + } -.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 -} + .navbar-expand-xxl .navbar-toggler { + display: none + } -@media (prefers-reduced-motion:reduce) { - .form-range::-webkit-slider-thumb { - -webkit-transition: 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 } -} -.form-range::-webkit-slider-thumb:active { - background-color: #b4d4f1 -} + .navbar-expand-xxl .offcanvas .offcanvas-header { + display: none + } -.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) + .navbar-expand-xxl .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible + } } -.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 +.navbar-expand { + flex-wrap: nowrap; + justify-content: flex-start } -@media (prefers-reduced-motion:reduce) { - .form-range::-moz-range-thumb { - -moz-transition: none; - transition: none - } +.navbar-expand .navbar-nav { + flex-direction: row } -.form-range::-moz-range-thumb:active { - background-color: #b4d4f1 +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute } -.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) +.navbar-expand .navbar-nav .nav-link { + padding-right: var(--tblr-navbar-nav-link-padding-x); + padding-left: var(--tblr-navbar-nav-link-padding-x) } -.form-range:disabled { - pointer-events: none +.navbar-expand .navbar-nav-scroll { + overflow: visible } -.form-range:disabled::-webkit-slider-thumb { - background-color: var(--tblr-secondary-color) +.navbar-expand .navbar-collapse { + display: flex!important; + flex-basis: auto } -.form-range:disabled::-moz-range-thumb { - background-color: var(--tblr-secondary-color) +.navbar-expand .navbar-toggler { + display: none } -.form-floating { - position: relative +.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 } -.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 +.navbar-expand .offcanvas .offcanvas-header { + display: none } -.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 +.navbar-expand .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible } -@media (prefers-reduced-motion:reduce) { - .form-floating>label { - transition: none - } +.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") } -.form-floating>.form-control,.form-floating>.form-control-plaintext { - padding: 1rem .75rem +[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") } -.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 +.btn .badge { + position: relative; + top: -1px } -.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 +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030 } -.form-floating>.form-control-plaintext:not(:-ms-input-placeholder),.form-floating>.form-control:not(:-ms-input-placeholder) { - padding-top: 1.625rem; - padding-bottom: .625rem +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030 } -.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 +.sticky-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020 } -.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill { - padding-top: 1.625rem; - padding-bottom: .625rem +.sticky-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020 } -.form-floating>.form-select { - padding-top: 1.625rem; - padding-bottom: .625rem -} +@media (min-width: 576px) { + .sticky-sm-top { + position:-webkit-sticky; + position: sticky; + top: 0; + z-index: 1020 + } -.form-floating>.form-control:not(:-ms-input-placeholder)~label { - color: rgba(var(--tblr-body-color-rgb),.65); - transform: scale(.85) translateY(-.5rem) translateX(.15rem) + .sticky-sm-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020 + } } -.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) -} +@media (min-width: 768px) { + .sticky-md-top { + position:-webkit-sticky; + position: sticky; + top: 0; + z-index: 1020 + } -.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) + .sticky-md-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020 + } } -.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) -} +@media (min-width: 992px) { + .sticky-lg-top { + position:-webkit-sticky; + position: sticky; + top: 0; + z-index: 1020 + } -.form-floating>.form-control:-webkit-autofill~label { - color: rgba(var(--tblr-body-color-rgb),.65); - transform: scale(.85) translateY(-.5rem) translateX(.15rem) + .sticky-lg-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020 + } } -.form-floating>.form-control-plaintext~label { - border-width: var(--tblr-border-width) 0 -} +@media (min-width: 1200px) { + .sticky-xl-top { + position:-webkit-sticky; + position: sticky; + top: 0; + z-index: 1020 + } -.form-floating>.form-control:disabled~label,.form-floating>:disabled~label { - color: #49566c + .sticky-xl-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020 + } } -.form-floating>.form-control:disabled~label::after,.form-floating>:disabled~label::after { - background-color: var(--tblr-bg-surface-secondary) -} +@media (min-width: 1400px) { + .sticky-xxl-top { + position:-webkit-sticky; + position: sticky; + top: 0; + z-index: 1020 + } -.input-group { - position: relative; - display: flex; - flex-wrap: wrap; - align-items: stretch; - width: 100% + .sticky-xxl-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020 + } } -.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select { - position: relative; - flex: 1 1 auto; - width: 1%; - min-width: 0 +.align-baseline { + vertical-align: baseline!important } -.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus { - z-index: 5 +.align-top { + vertical-align: top!important } -.input-group .btn { - position: relative; - z-index: 2 +.align-middle { + vertical-align: middle!important } -.input-group .btn:focus { - z-index: 5 +.align-bottom { + vertical-align: bottom!important } -.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) +.align-text-bottom { + vertical-align: text-bottom!important } -.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) +.align-text-top { + vertical-align: text-top!important } -.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) +.float-start { + float: left!important } -.input-group-lg>.form-select,.input-group-sm>.form-select { - padding-right: 3rem +.float-end { + float: right!important } -.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 +.float-none { + float: none!important } -.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 +.opacity-0 { + opacity: 0!important } -.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 +.opacity-25 { + opacity: .25!important } -.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 +.opacity-50 { + opacity: .5!important } -.valid-feedback { - display: none; - width: 100%; - margin-top: .25rem; - font-size: 85.714285%; - color: var(--tblr-form-valid-color) +.opacity-75 { + opacity: .75!important } -.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) +.opacity-100 { + opacity: 1!important } -.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip { - display: block +.overflow-auto { + overflow: auto!important } -.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) +.overflow-hidden { + overflow: hidden!important } -.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) +.overflow-visible { + overflow: visible!important } -.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) +.overflow-scroll { + overflow: scroll!important } -.form-select.is-valid,.was-validated .form-select:valid { - border-color: var(--tblr-form-valid-border-color) +.overflow-x-auto { + overflow-x: auto!important } -.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) +.overflow-x-hidden { + overflow-x: hidden!important } -.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) +.overflow-x-visible { + overflow-x: visible!important } -.form-control-color.is-valid,.was-validated .form-control-color:valid { - width: calc(3rem + calc(1.4285714286em + 1.125rem)) +.overflow-x-scroll { + overflow-x: scroll!important } -.form-check-input.is-valid,.was-validated .form-check-input:valid { - border-color: var(--tblr-form-valid-border-color) +.overflow-y-auto { + overflow-y: auto!important } -.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked { - background-color: var(--tblr-form-valid-color) +.overflow-y-hidden { + overflow-y: hidden!important } -.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) +.overflow-y-visible { + overflow-y: visible!important } -.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label { - color: var(--tblr-form-valid-color) +.overflow-y-scroll { + overflow-y: scroll!important } -.form-check-inline .form-check-input~.valid-feedback { - margin-left: .5em +.d-inline { + display: inline!important } -.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 +.d-inline-block { + display: inline-block!important } -.invalid-feedback { - display: none; - width: 100%; - margin-top: .25rem; - font-size: 85.714285%; - color: var(--tblr-form-invalid-color) +.d-block { + display: block!important } -.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) +.d-grid { + display: grid!important } -.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip { - display: block +.d-inline-grid { + display: inline-grid!important } -.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) +.d-table { + display: table!important } -.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) +.d-table-row { + display: table-row!important } -.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) +.d-table-cell { + display: table-cell!important } -.form-select.is-invalid,.was-validated .form-select:invalid { - border-color: var(--tblr-form-invalid-border-color) +.d-flex { + display: flex!important } -.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) +.d-inline-flex { + display: inline-flex!important } -.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) +.d-none { + display: none!important } -.form-control-color.is-invalid,.was-validated .form-control-color:invalid { - width: calc(3rem + calc(1.4285714286em + 1.125rem)) +.shadow { + box-shadow: var(--tblr-box-shadow)!important } -.form-check-input.is-invalid,.was-validated .form-check-input:invalid { - border-color: var(--tblr-form-invalid-border-color) +.shadow-sm { + box-shadow: var(--tblr-box-shadow-sm)!important } -.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked { - background-color: var(--tblr-form-invalid-color) +.shadow-lg { + box-shadow: var(--tblr-box-shadow-lg)!important } -.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) +.shadow-none { + box-shadow: none!important } -.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 +.top-0 { + top: 0!important } -.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 +.top-50 { + top: 50%!important } -.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 +.top-100 { + top: 100%!important } -@media (prefers-reduced-motion:reduce) { - .btn { - transition: none - } +.bottom-0 { + bottom: 0!important } -.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) +.bottom-50 { + bottom: 50%!important } -.btn-check+.btn:hover { - color: var(--tblr-btn-color); - background-color: var(--tblr-btn-bg); - border-color: var(--tblr-btn-border-color) +.bottom-100 { + bottom: 100%!important } -.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) +.start-0 { + left: 0!important } -.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) +.start-50 { + left: 50%!important } -.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) +.start-100 { + left: 100%!important } -.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) +.end-0 { + right: 0!important } -.btn-check:checked:focus-visible+.btn { - box-shadow: var(--tblr-btn-active-shadow),var(--tblr-btn-focus-box-shadow) +.end-50 { + right: 50%!important } -.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 +.end-100 { + right: 100%!important } -.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 +.translate-middle { + transform: translate(-50%,-50%)!important } -.btn-link:focus-visible,.btn-link:hover { - text-decoration: underline +.translate-middle-x { + transform: translateX(-50%)!important } -.btn-link:focus-visible { - color: var(--tblr-btn-color) +.translate-middle-y { + transform: translateY(-50%)!important } -.btn-link:hover { - color: var(--tblr-btn-hover-color) +.border-1 { + border-width: 1px!important } -.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) +.border-2 { + border-width: 2px!important } -.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) +.border-3 { + border-width: 3px!important } -.fade { - transition: opacity .15s linear +.border-4 { + border-width: 4px!important } -@media (prefers-reduced-motion:reduce) { - .fade { - transition: none - } +.border-5 { + border-width: 5px!important } -.fade:not(.show) { - opacity: 0 +.border-opacity-10 { + --tblr-border-opacity: 0.1 } -.collapse:not(.show) { - display: none +.border-opacity-25 { + --tblr-border-opacity: 0.25 } -.collapsing { - height: 0; - overflow: hidden; - transition: height .35s ease +.border-opacity-50 { + --tblr-border-opacity: 0.5 } -@media (prefers-reduced-motion:reduce) { - .collapsing { - transition: none - } +.border-opacity-75 { + --tblr-border-opacity: 0.75 } -.collapsing.collapse-horizontal { - width: 0; - height: auto; - transition: width .35s ease +.border-opacity-100 { + --tblr-border-opacity: 1 } -@media (prefers-reduced-motion:reduce) { - .collapsing.collapse-horizontal { - transition: none - } +.w-0 { + width: 0!important } -.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center { - position: relative +.w-1 { + width: .25rem!important } -.dropdown-toggle { - white-space: nowrap +.w-2 { + width: .5rem!important } -.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) +.w-3 { + width: 1rem!important } -.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) +.w-4 { + width: 1.5rem!important } -.dropdown-menu-start { - --bs-position: start +.w-5 { + width: 2rem!important } -.dropdown-menu-start[data-bs-popper] { - right: auto; - left: 0 +.w-6 { + width: 3rem!important } -.dropdown-menu-end { - --bs-position: end +.w-7 { + width: 5rem!important } -.dropdown-menu-end[data-bs-popper] { - right: 0; - left: auto +.w-8 { + width: 8rem!important } -@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 - } +.w-25 { + width: 25%!important } -@media (min-width: 768px) { - .dropdown-menu-md-start { - --bs-position:start - } - - .dropdown-menu-md-start[data-bs-popper] { - right: auto; - left: 0 - } +.w-33 { + width: 33.33333%!important +} - .dropdown-menu-md-end { - --bs-position: end - } +.w-50 { + width: 50%!important +} - .dropdown-menu-md-end[data-bs-popper] { - right: 0; - left: auto - } +.w-66 { + width: 66.66666%!important } -@media (min-width: 992px) { - .dropdown-menu-lg-start { - --bs-position:start - } +.w-75 { + width: 75%!important +} - .dropdown-menu-lg-start[data-bs-popper] { - right: auto; - left: 0 - } +.w-100 { + width: 100%!important +} - .dropdown-menu-lg-end { - --bs-position: end - } +.w-auto { + width: auto!important +} - .dropdown-menu-lg-end[data-bs-popper] { - right: 0; - left: auto - } +.mw-100 { + max-width: 100%!important } -@media (min-width: 1200px) { - .dropdown-menu-xl-start { - --bs-position:start - } +.vw-100 { + width: 100vw!important +} - .dropdown-menu-xl-start[data-bs-popper] { - right: auto; - left: 0 - } +.min-vw-100 { + min-width: 100vw!important +} - .dropdown-menu-xl-end { - --bs-position: end - } +.h-0 { + height: 0!important +} - .dropdown-menu-xl-end[data-bs-popper] { - right: 0; - left: auto - } +.h-1 { + height: .25rem!important } -@media (min-width: 1400px) { - .dropdown-menu-xxl-start { - --bs-position:start - } +.h-2 { + height: .5rem!important +} - .dropdown-menu-xxl-start[data-bs-popper] { - right: auto; - left: 0 - } +.h-3 { + height: 1rem!important +} - .dropdown-menu-xxl-end { - --bs-position: end - } +.h-4 { + height: 1.5rem!important +} - .dropdown-menu-xxl-end[data-bs-popper] { - right: 0; - left: auto - } +.h-5 { + height: 2rem!important } -.dropup .dropdown-menu[data-bs-popper] { - top: auto; - bottom: 100%; - margin-top: 0; - margin-bottom: var(--tblr-dropdown-spacer) +.h-6 { + height: 3rem!important } -.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) +.h-7 { + height: 5rem!important } -.dropend .dropdown-menu[data-bs-popper] { - top: 0; - right: auto; - left: 100%; - margin-top: 0; - margin-left: var(--tblr-dropdown-spacer) +.h-8 { + height: 8rem!important } -.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) +.h-25 { + height: 25%!important } -.dropend .dropdown-toggle::after { - vertical-align: 0 +.h-33 { + height: 33.33333%!important } -.dropstart .dropdown-menu[data-bs-popper] { - top: 0; - right: 100%; - left: auto; - margin-top: 0; - margin-right: var(--tblr-dropdown-spacer) +.h-50 { + height: 50%!important } -.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) +.h-66 { + height: 66.66666%!important } -.dropstart .dropdown-toggle::before { - vertical-align: 0 +.h-75 { + height: 75%!important } -.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 +.h-100 { + height: 100%!important } -.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) +.h-auto { + height: auto!important } -.dropdown-item:focus,.dropdown-item:hover { - color: var(--tblr-dropdown-link-hover-color); - text-decoration: none; - background-color: var(--tblr-dropdown-link-hover-bg) +.mh-100 { + max-height: 100%!important } -.dropdown-item.active,.dropdown-item:active { - color: var(--tblr-dropdown-link-active-color); - text-decoration: none; - background-color: var(--tblr-dropdown-link-active-bg) +.vh-100 { + height: 100vh!important } -.dropdown-item.disabled,.dropdown-item:disabled { - color: var(--tblr-dropdown-link-disabled-color); - pointer-events: none; - background-color: transparent +.min-vh-100 { + min-height: 100vh!important } -.dropdown-menu.show { - display: block +.flex-fill { + flex: 1 1 auto!important } -.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 +.flex-row { + flex-direction: row!important } -.dropdown-item-text { - display: block; - padding: var(--tblr-dropdown-item-padding-y) var(--tblr-dropdown-item-padding-x); - color: var(--tblr-dropdown-link-color) +.flex-column { + flex-direction: column!important } -.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 +.flex-row-reverse { + flex-direction: row-reverse!important } -.btn-group,.btn-group-vertical { - position: relative; - display: inline-flex; - vertical-align: middle +.flex-column-reverse { + flex-direction: column-reverse!important } -.btn-group-vertical>.btn,.btn-group>.btn { - position: relative; - flex: 1 1 auto +.flex-grow-0 { + flex-grow: 0!important } -.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 +.flex-grow-1 { + flex-grow: 1!important } -.btn-toolbar { - display: flex; - flex-wrap: wrap; - justify-content: flex-start +.flex-shrink-0 { + flex-shrink: 0!important } -.btn-toolbar .input-group { - width: auto +.flex-shrink-1 { + flex-shrink: 1!important } -.btn-group { - border-radius: var(--tblr-border-radius) +.flex-wrap { + flex-wrap: wrap!important } -.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn { - margin-left: calc(var(--tblr-border-width) * -1) +.flex-nowrap { + flex-wrap: nowrap!important } -.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 +.flex-wrap-reverse { + flex-wrap: wrap-reverse!important } -.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 +.justify-content-start { + justify-content: flex-start!important } -.dropdown-toggle-split { - padding-right: .75rem; - padding-left: .75rem +.justify-content-end { + justify-content: flex-end!important } -.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after { - margin-left: 0 +.justify-content-center { + justify-content: center!important } -.dropstart .dropdown-toggle-split::before { - margin-right: 0 +.justify-content-between { + justify-content: space-between!important } -.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split { - padding-right: .1875rem; - padding-left: .1875rem +.justify-content-around { + justify-content: space-around!important } -.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split { - padding-right: .5625rem; - padding-left: .5625rem +.justify-content-evenly { + justify-content: space-evenly!important } -.btn-group.show .dropdown-toggle { - box-shadow: inset 0 3px 5px rgba(0,0,0,.125) +.align-items-start { + align-items: flex-start!important } -.btn-group.show .dropdown-toggle.btn-link { - box-shadow: none +.align-items-end { + align-items: flex-end!important } -.btn-group-vertical { - flex-direction: column; - align-items: flex-start; - justify-content: center +.align-items-center { + align-items: center!important } -.btn-group-vertical>.btn,.btn-group-vertical>.btn-group { - width: 100% +.align-items-baseline { + align-items: baseline!important } -.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) { - margin-top: calc(var(--tblr-border-width) * -1) +.align-items-stretch { + align-items: stretch!important } -.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 +.align-content-start { + align-content: flex-start!important } -.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn { - border-top-left-radius: 0; - border-top-right-radius: 0 +.align-content-end { + align-content: flex-end!important } -.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 +.align-content-center { + align-content: center!important } -.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 +.align-content-between { + align-content: space-between!important } -@media (prefers-reduced-motion:reduce) { - .nav-link { - transition: none - } +.align-content-around { + align-content: space-around!important } -.nav-link:focus,.nav-link:hover { - color: var(--tblr-nav-link-hover-color); - text-decoration: none +.align-content-stretch { + align-content: stretch!important } -.nav-link:focus-visible { - outline: 0; - box-shadow: 0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25) +.align-self-auto { + align-self: auto!important } -.nav-link.disabled,.nav-link:disabled { - color: var(--tblr-nav-link-disabled-color); - pointer-events: none; - cursor: default +.align-self-start { + align-self: flex-start!important } -.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) +.align-self-end { + align-self: flex-end!important } -.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) +.align-self-center { + align-self: center!important } -.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover { - isolation: isolate; - border-color: var(--tblr-nav-tabs-link-hover-border-color) +.align-self-baseline { + align-self: baseline!important } -.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) +.align-self-stretch { + align-self: stretch!important } -.nav-tabs .dropdown-menu { - margin-top: calc(-1 * var(--tblr-nav-tabs-border-width)); - border-top-left-radius: 0; - border-top-right-radius: 0 +.order-first { + order: -1!important } -.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) +.order-0 { + order: 0!important } -.nav-pills .nav-link { - border-radius: var(--tblr-nav-pills-border-radius) +.order-1 { + order: 1!important } -.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) +.order-2 { + order: 2!important } -.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) +.order-3 { + order: 3!important } -.nav-underline .nav-link { - padding-right: 0; - padding-left: 0; - border-bottom: var(--tblr-nav-underline-border-width) solid transparent +.order-4 { + order: 4!important } -.nav-underline .nav-link:focus,.nav-underline .nav-link:hover { - border-bottom-color: currentcolor +.order-5 { + order: 5!important } -.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 +.order-last { + order: 6!important } -.nav-fill .nav-item,.nav-fill>.nav-link { - flex: 1 1 auto; - text-align: center +.m-0 { + margin: 0!important } -.nav-justified .nav-item,.nav-justified>.nav-link { - flex-basis: 0; - flex-grow: 1; - text-align: center +.m-1 { + margin: .25rem!important } -.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link { - width: 100% +.m-2 { + margin: .5rem!important } -.tab-content>.tab-pane { - display: none +.m-3 { + margin: 1rem!important } -.tab-content>.active { - display: block +.m-4 { + margin: 1.5rem!important } -.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) +.m-5 { + margin: 2rem!important } -.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 +.m-6 { + margin: 3rem!important } -.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 +.m-7 { + margin: 5rem!important } -.navbar-brand:focus,.navbar-brand:hover { - color: var(--tblr-navbar-brand-hover-color); - text-decoration: none +.m-8 { + margin: 8rem!important } -.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 +.m-auto { + margin: auto!important } -.navbar-nav .nav-link.active,.navbar-nav .nav-link.show { - color: var(--tblr-navbar-active-color) +.mx-0 { + margin-right: 0!important; + margin-left: 0!important } -.navbar-nav .dropdown-menu { - position: static +.mx-1 { + margin-right: .25rem!important; + margin-left: .25rem!important } -.navbar-text { - padding-top: .5rem; - padding-bottom: .5rem; - color: var(--tblr-navbar-color) +.mx-2 { + margin-right: .5rem!important; + margin-left: .5rem!important } -.navbar-text a,.navbar-text a:focus,.navbar-text a:hover { - color: var(--tblr-navbar-active-color) +.mx-3 { + margin-right: 1rem!important; + margin-left: 1rem!important } -.navbar-collapse { - flex-basis: 100%; - flex-grow: 1; - align-items: center +.mx-4 { + margin-right: 1.5rem!important; + margin-left: 1.5rem!important } -.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) +.mx-5 { + margin-right: 2rem!important; + margin-left: 2rem!important } -@media (prefers-reduced-motion:reduce) { - .navbar-toggler { - transition: none - } +.mx-6 { + margin-right: 3rem!important; + margin-left: 3rem!important } -.navbar-toggler:hover { - text-decoration: none +.mx-7 { + margin-right: 5rem!important; + margin-left: 5rem!important } -.navbar-toggler:focus { - text-decoration: none; - outline: 0; - box-shadow: 0 0 0 var(--tblr-navbar-toggler-focus-width) +.mx-8 { + margin-right: 8rem!important; + margin-left: 8rem!important } -.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% +.mx-auto { + margin-right: auto!important; + margin-left: auto!important } -.navbar-nav-scroll { - max-height: var(--tblr-scroll-height,75vh); - overflow-y: auto +.my-0 { + margin-top: 0!important; + margin-bottom: 0!important } -@media (min-width: 576px) { - .navbar-expand-sm { - flex-wrap:nowrap; - justify-content: flex-start - } - - .navbar-expand-sm .navbar-nav { - flex-direction: row - } +.my-1 { + margin-top: .25rem!important; + margin-bottom: .25rem!important +} - .navbar-expand-sm .navbar-nav .dropdown-menu { - position: absolute - } +.my-2 { + margin-top: .5rem!important; + margin-bottom: .5rem!important +} - .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) - } +.my-3 { + margin-top: 1rem!important; + margin-bottom: 1rem!important +} - .navbar-expand-sm .navbar-nav-scroll { - overflow: visible - } +.my-4 { + margin-top: 1.5rem!important; + margin-bottom: 1.5rem!important +} - .navbar-expand-sm .navbar-collapse { - display: flex!important; - flex-basis: auto - } +.my-5 { + margin-top: 2rem!important; + margin-bottom: 2rem!important +} - .navbar-expand-sm .navbar-toggler { - display: none - } +.my-6 { + margin-top: 3rem!important; + margin-bottom: 3rem!important +} - .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 - } +.my-7 { + margin-top: 5rem!important; + margin-bottom: 5rem!important +} - .navbar-expand-sm .offcanvas .offcanvas-header { - display: none - } +.my-8 { + margin-top: 8rem!important; + margin-bottom: 8rem!important +} - .navbar-expand-sm .offcanvas .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible - } +.my-auto { + margin-top: auto!important; + margin-bottom: auto!important } -@media (min-width: 768px) { - .navbar-expand-md { - flex-wrap:nowrap; - justify-content: flex-start - } +.mt-0 { + margin-top: 0!important +} - .navbar-expand-md .navbar-nav { - flex-direction: row - } +.mt-1 { + margin-top: .25rem!important +} - .navbar-expand-md .navbar-nav .dropdown-menu { - position: absolute - } +.mt-2 { + margin-top: .5rem!important +} - .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) - } +.mt-3 { + margin-top: 1rem!important +} - .navbar-expand-md .navbar-nav-scroll { - overflow: visible - } +.mt-4 { + margin-top: 1.5rem!important +} - .navbar-expand-md .navbar-collapse { - display: flex!important; - flex-basis: auto - } +.mt-5 { + margin-top: 2rem!important +} - .navbar-expand-md .navbar-toggler { - display: none - } +.mt-6 { + margin-top: 3rem!important +} - .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 - } +.mt-7 { + margin-top: 5rem!important +} - .navbar-expand-md .offcanvas .offcanvas-header { - display: none - } +.mt-8 { + margin-top: 8rem!important +} - .navbar-expand-md .offcanvas .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible - } +.mt-auto { + margin-top: auto!important } -@media (min-width: 992px) { - .navbar-expand-lg { - flex-wrap:nowrap; - justify-content: flex-start - } +.me-0 { + margin-right: 0!important +} - .navbar-expand-lg .navbar-nav { - flex-direction: row - } +.me-1 { + margin-right: .25rem!important +} - .navbar-expand-lg .navbar-nav .dropdown-menu { - position: absolute - } +.me-2 { + margin-right: .5rem!important +} - .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) - } +.me-3 { + margin-right: 1rem!important +} - .navbar-expand-lg .navbar-nav-scroll { - overflow: visible - } +.me-4 { + margin-right: 1.5rem!important +} - .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 - } +.me-5 { + margin-right: 2rem!important } -@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 - } +.me-6 { + margin-right: 3rem!important } -@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 - } +.me-7 { + margin-right: 5rem!important } -.navbar-expand { - flex-wrap: nowrap; - justify-content: flex-start +.me-8 { + margin-right: 8rem!important } -.navbar-expand .navbar-nav { - flex-direction: row +.me-auto { + margin-right: auto!important } -.navbar-expand .navbar-nav .dropdown-menu { - position: absolute +.mb-0 { + margin-bottom: 0!important } -.navbar-expand .navbar-nav .nav-link { - padding-right: var(--tblr-navbar-nav-link-padding-x); - padding-left: var(--tblr-navbar-nav-link-padding-x) +.mb-1 { + margin-bottom: .25rem!important } -.navbar-expand .navbar-nav-scroll { - overflow: visible +.mb-2 { + margin-bottom: .5rem!important } -.navbar-expand .navbar-collapse { - display: flex!important; - flex-basis: auto +.mb-3 { + margin-bottom: 1rem!important } -.navbar-expand .navbar-toggler { - display: none +.mb-4 { + margin-bottom: 1.5rem!important } -.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 +.mb-5 { + margin-bottom: 2rem!important } -.navbar-expand .offcanvas .offcanvas-header { - display: none +.mb-6 { + margin-bottom: 3rem!important } -.navbar-expand .offcanvas .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible +.mb-7 { + margin-bottom: 5rem!important } -.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") +.mb-8 { + margin-bottom: 8rem!important } -[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") +.mb-auto { + margin-bottom: auto!important } -.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) +.ms-0 { + margin-left: 0!important } -.card>.hr,.card>hr { - margin-right: 0; - margin-left: 0 +.ms-1 { + margin-left: .25rem!important } -.card>.list-group { - border-top: inherit; - border-bottom: inherit +.ms-2 { + margin-left: .5rem!important } -.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) +.ms-3 { + margin-left: 1rem!important } -.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) +.ms-4 { + margin-left: 1.5rem!important } -.card>.card-header+.list-group,.card>.list-group+.card-footer { - border-top: 0 +.ms-5 { + margin-left: 2rem!important } -.card-body { - flex: 1 1 auto; - padding: var(--tblr-card-spacer-y) var(--tblr-card-spacer-x); - color: var(--tblr-card-color) +.ms-6 { + margin-left: 3rem!important } -.card-title { - margin-bottom: var(--tblr-card-title-spacer-y); - color: var(--tblr-card-title-color) +.ms-7 { + margin-left: 5rem!important } -.card-subtitle { - margin-top: calc(-.5 * var(--tblr-card-title-spacer-y)); - margin-bottom: 0; - color: var(--tblr-card-subtitle-color) +.ms-8 { + margin-left: 8rem!important } -.card-text:last-child { - margin-bottom: 0 +.ms-auto { + margin-left: auto!important } -.card-link:hover { - text-decoration: none +.p-0 { + padding: 0!important } -.card-link+.card-link { - margin-left: var(--tblr-card-spacer-x) +.p-1 { + padding: .25rem!important } -.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) +.p-2 { + padding: .5rem!important } -.card-header:first-child { - border-radius: var(--tblr-card-inner-border-radius) var(--tblr-card-inner-border-radius) 0 0 +.p-3 { + padding: 1rem!important } -.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) +.p-4 { + padding: 1.5rem!important } -.card-footer:last-child { - border-radius: 0 0 var(--tblr-card-inner-border-radius) var(--tblr-card-inner-border-radius) +.p-5 { + padding: 2rem!important } -.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 +.p-6 { + padding: 3rem!important } -.card-header-tabs .nav-link.active { - background-color: var(--tblr-card-bg); - border-bottom-color: var(--tblr-card-bg) +.p-7 { + padding: 5rem!important } -.card-header-pills { - margin-right: calc(-.5 * var(--tblr-card-cap-padding-x)); - margin-left: calc(-.5 * var(--tblr-card-cap-padding-x)) +.p-8 { + padding: 8rem!important } -.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) +.px-0 { + padding-right: 0!important; + padding-left: 0!important } -.card-img,.card-img-bottom,.card-img-top { - width: 100% +.px-1 { + padding-right: .25rem!important; + padding-left: .25rem!important } -.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) +.px-2 { + padding-right: .5rem!important; + padding-left: .5rem!important } -.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) +.px-3 { + padding-right: 1rem!important; + padding-left: 1rem!important } -.card-group>.card { - margin-bottom: var(--tblr-card-group-margin) +.px-4 { + padding-right: 1.5rem!important; + padding-left: 1.5rem!important } -@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 - } +.px-5 { + padding-right: 2rem!important; + padding-left: 2rem!important } -.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 +.px-6 { + padding-right: 3rem!important; + padding-left: 3rem!important } -.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) +.px-7 { + padding-right: 5rem!important; + padding-left: 5rem!important } -@media (prefers-reduced-motion:reduce) { - .accordion-button { - transition: none - } +.px-8 { + padding-right: 8rem!important; + padding-left: 8rem!important } -.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) +.py-0 { + padding-top: 0!important; + padding-bottom: 0!important } -.accordion-button:not(.collapsed)::after { - background-image: var(--tblr-accordion-btn-active-icon); - transform: var(--tblr-accordion-btn-icon-transform) +.py-1 { + padding-top: .25rem!important; + padding-bottom: .25rem!important } -.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) +.py-2 { + padding-top: .5rem!important; + padding-bottom: .5rem!important } -@media (prefers-reduced-motion:reduce) { - .accordion-button::after { - transition: none - } +.py-3 { + padding-top: 1rem!important; + padding-bottom: 1rem!important } -.accordion-button:hover { - z-index: 2 +.py-4 { + padding-top: 1.5rem!important; + padding-bottom: 1.5rem!important } -.accordion-button:focus { - z-index: 3; - outline: 0; - box-shadow: var(--tblr-accordion-btn-focus-box-shadow) +.py-5 { + padding-top: 2rem!important; + padding-bottom: 2rem!important } -.accordion-header { - margin-bottom: 0 +.py-6 { + padding-top: 3rem!important; + padding-bottom: 3rem!important } -.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) +.py-7 { + padding-top: 5rem!important; + padding-bottom: 5rem!important } -.accordion-item:first-of-type { - border-top-left-radius: var(--tblr-accordion-border-radius); - border-top-right-radius: var(--tblr-accordion-border-radius) +.py-8 { + padding-top: 8rem!important; + padding-bottom: 8rem!important } -.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) +.pt-0 { + padding-top: 0!important } -.accordion-item:not(:first-of-type) { - border-top: 0 +.pt-1 { + padding-top: .25rem!important } -.accordion-item:last-of-type { - border-bottom-right-radius: var(--tblr-accordion-border-radius); - border-bottom-left-radius: var(--tblr-accordion-border-radius) +.pt-2 { + padding-top: .5rem!important } -.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) +.pt-3 { + padding-top: 1rem!important } -.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) +.pt-4 { + padding-top: 1.5rem!important } -.accordion-body { - padding: var(--tblr-accordion-body-padding-y) var(--tblr-accordion-body-padding-x) +.pt-5 { + padding-top: 2rem!important } -.accordion-flush>.accordion-item { - border-right: 0; - border-left: 0; - border-radius: 0 +.pt-6 { + padding-top: 3rem!important } -.accordion-flush>.accordion-item:first-child { - border-top: 0 +.pt-7 { + padding-top: 5rem!important } -.accordion-flush>.accordion-item:last-child { - border-bottom: 0 +.pt-8 { + padding-top: 8rem!important } -.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed { - border-radius: 0 +.pe-0 { + padding-right: 0!important } -.accordion-flush>.accordion-item>.accordion-collapse { - border-radius: 0 +.pe-1 { + padding-right: .25rem!important } -[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") +.pe-2 { + padding-right: .5rem!important } -.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) +.pe-3 { + padding-right: 1rem!important } -.breadcrumb-item+.breadcrumb-item { - padding-left: var(--tblr-breadcrumb-item-padding-x) +.pe-4 { + padding-right: 1.5rem!important } -.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 +.pe-5 { + padding-right: 2rem!important } -.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 +.pe-6 { + padding-right: 3rem!important } -@media (prefers-reduced-motion:reduce) { - .page-link { - transition: none - } +.pe-7 { + padding-right: 5rem!important } -.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) +.pe-8 { + padding-right: 8rem!important } -.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) +.pb-0 { + padding-bottom: 0!important } -.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) +.pb-1 { + padding-bottom: .25rem!important } -.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) +.pb-2 { + padding-bottom: .5rem!important } -.page-item:not(:first-child) .page-link { - margin-left: calc(0 * -1) +.pb-3 { + padding-bottom: 1rem!important } -.page-item:first-child .page-link { - border-top-left-radius: var(--tblr-pagination-border-radius); - border-bottom-left-radius: var(--tblr-pagination-border-radius) +.pb-4 { + padding-bottom: 1.5rem!important } -.page-item:last-child .page-link { - border-top-right-radius: var(--tblr-pagination-border-radius); - border-bottom-right-radius: var(--tblr-pagination-border-radius) +.pb-5 { + padding-bottom: 2rem!important } -.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) +.pb-6 { + padding-bottom: 3rem!important } -.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) +.pb-7 { + padding-bottom: 5rem!important } -.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) +.pb-8 { + padding-bottom: 8rem!important } -.badge:empty { - display: none +.ps-0 { + padding-left: 0!important } -.btn .badge { - position: relative; - top: -1px +.ps-1 { + padding-left: .25rem!important } -.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) +.ps-2 { + padding-left: .5rem!important } -.alert-heading { - color: inherit +.ps-3 { + padding-left: 1rem!important } -.alert-link { - font-weight: var(--tblr-font-weight-bold); - color: var(--tblr-alert-link-color) +.ps-4 { + padding-left: 1.5rem!important } -.alert-dismissible { - padding-right: 3rem +.ps-5 { + padding-left: 2rem!important } -.alert-dismissible .btn-close { - position: absolute; - top: 0; - right: 0; - z-index: 2; - padding: .9375rem 1rem +.ps-6 { + padding-left: 3rem!important } -.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) +.ps-7 { + padding-left: 5rem!important } -.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) +.ps-8 { + padding-left: 8rem!important } -.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) +.font-monospace { + font-family: var(--tblr-font-monospace)!important } -.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) +.fs-1 { + font-size: 1.5rem!important } -.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) +.fs-2 { + font-size: 1.25rem!important } -.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) +.fs-3 { + font-size: 1rem!important } -.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) +.fs-4 { + font-size: .875rem!important } -.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) +.fs-5 { + font-size: .75rem!important } -.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) +.fs-6 { + font-size: .625rem!important } -.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) +.fst-italic { + font-style: italic!important } -.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) +.fst-normal { + font-style: normal!important } -.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) +.fw-lighter { + font-weight: lighter!important } -.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) +.fw-light { + font-weight: 300!important } -.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) +.fw-normal { + font-weight: 400!important } -.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) +.fw-medium { + font-weight: 500!important } -.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) +.fw-semibold { + font-weight: 600!important } -.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) +.fw-bold { + font-weight: 600!important } -.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) +.fw-bolder { + font-weight: bolder!important } -.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) +.lh-1 { + line-height: 1!important } -.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) +.lh-sm { + line-height: 1.1428571429!important } -.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) +.lh-base { + line-height: 1.4285714286!important } -.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) +.lh-lg { + line-height: 1.7142857143!important } -.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) +.bg-primary { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-primary-rgb),var(--tblr-bg-opacity))!important } -.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) +.bg-secondary { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-secondary-rgb),var(--tblr-bg-opacity))!important } -.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) +.bg-success { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-success-rgb),var(--tblr-bg-opacity))!important } -.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) +.bg-info { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-info-rgb),var(--tblr-bg-opacity))!important } -.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) +.bg-warning { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-warning-rgb),var(--tblr-bg-opacity))!important } -.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) +.bg-danger { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-danger-rgb),var(--tblr-bg-opacity))!important } -.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) +.bg-light { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-light-rgb),var(--tblr-bg-opacity))!important } -.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) +.bg-dark { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-dark-rgb),var(--tblr-bg-opacity))!important } -.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) +.bg-muted { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-muted-rgb),var(--tblr-bg-opacity))!important } -.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) +.bg-blue { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-blue-rgb),var(--tblr-bg-opacity))!important } -.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) +.bg-azure { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-azure-rgb),var(--tblr-bg-opacity))!important } -.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) +.bg-indigo { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-indigo-rgb),var(--tblr-bg-opacity))!important } -.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) +.bg-purple { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-purple-rgb),var(--tblr-bg-opacity))!important } -.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) +.bg-pink { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-pink-rgb),var(--tblr-bg-opacity))!important } -.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) +.bg-red { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-red-rgb),var(--tblr-bg-opacity))!important } -@keyframes progress-bar-stripes { - 0% { - background-position-x: .5rem - } +.bg-orange { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-orange-rgb),var(--tblr-bg-opacity))!important } -.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) +.bg-yellow { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-yellow-rgb),var(--tblr-bg-opacity))!important } -.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) +.bg-lime { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-lime-rgb),var(--tblr-bg-opacity))!important } -@media (prefers-reduced-motion:reduce) { - .progress-bar { - transition: none - } +.bg-green { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-green-rgb),var(--tblr-bg-opacity))!important } -.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) +.bg-teal { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-teal-rgb),var(--tblr-bg-opacity))!important } -.progress-stacked>.progress { - overflow: visible +.bg-cyan { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-cyan-rgb),var(--tblr-bg-opacity))!important } -.progress-stacked>.progress>.progress-bar { - width: 100% +.bg-x { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-x-rgb),var(--tblr-bg-opacity))!important } -.progress-bar-animated { - animation: 1s linear infinite progress-bar-stripes +.bg-facebook { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-facebook-rgb),var(--tblr-bg-opacity))!important } -@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) +.bg-twitter { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-twitter-rgb),var(--tblr-bg-opacity))!important } -.list-group-numbered { - list-style-type: none; - counter-reset: section +.bg-linkedin { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-linkedin-rgb),var(--tblr-bg-opacity))!important } -.list-group-numbered>.list-group-item::before { - content: counters(section, ".") ". "; - counter-increment: section +.bg-google { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-google-rgb),var(--tblr-bg-opacity))!important } -.list-group-item-action { - width: 100%; - color: var(--tblr-list-group-action-color); - text-align: inherit +.bg-youtube { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-youtube-rgb),var(--tblr-bg-opacity))!important } -.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) +.bg-vimeo { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-vimeo-rgb),var(--tblr-bg-opacity))!important } -.list-group-item-action:active { - color: var(--tblr-list-group-action-active-color); - background-color: var(--tblr-list-group-action-active-bg) +.bg-dribbble { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-dribbble-rgb),var(--tblr-bg-opacity))!important } -.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) +.bg-github { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-github-rgb),var(--tblr-bg-opacity))!important } -.list-group-item:first-child { - border-top-left-radius: inherit; - border-top-right-radius: inherit +.bg-instagram { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-instagram-rgb),var(--tblr-bg-opacity))!important } -.list-group-item:last-child { - border-bottom-right-radius: inherit; - border-bottom-left-radius: inherit +.bg-pinterest { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-pinterest-rgb),var(--tblr-bg-opacity))!important } -.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) +.bg-vk { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-vk-rgb),var(--tblr-bg-opacity))!important } -.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) +.bg-rss { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-rss-rgb),var(--tblr-bg-opacity))!important } -.list-group-item+.list-group-item { - border-top-width: 0 +.bg-flickr { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-flickr-rgb),var(--tblr-bg-opacity))!important } -.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) +.bg-bitbucket { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-bitbucket-rgb),var(--tblr-bg-opacity))!important } -.list-group-horizontal { - flex-direction: row +.bg-tabler { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-tabler-rgb),var(--tblr-bg-opacity))!important } -.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 +.bg-black { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-black-rgb),var(--tblr-bg-opacity))!important } -.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 +.bg-white { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-white-rgb),var(--tblr-bg-opacity))!important } -.list-group-horizontal>.list-group-item.active { - margin-top: 0 +.bg-body { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-body-bg-rgb),var(--tblr-bg-opacity))!important } -.list-group-horizontal>.list-group-item+.list-group-item { - border-top-width: var(--tblr-list-group-border-width); - border-left-width: 0 +.bg-transparent { + --tblr-bg-opacity: 1; + background-color: transparent!important } -.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) +.bg-body-secondary { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-secondary-bg-rgb),var(--tblr-bg-opacity))!important } -@media (min-width: 576px) { - .list-group-horizontal-sm { - flex-direction:row - } +.bg-body-tertiary { + --tblr-bg-opacity: 1; + background-color: rgba(var(--tblr-tertiary-bg-rgb),var(--tblr-bg-opacity))!important +} - .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 - } +.bg-opacity-10 { + --tblr-bg-opacity: 0.1 +} - .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 - } +.bg-opacity-25 { + --tblr-bg-opacity: 0.25 +} - .list-group-horizontal-sm>.list-group-item.active { - margin-top: 0 - } +.bg-opacity-50 { + --tblr-bg-opacity: 0.5 +} - .list-group-horizontal-sm>.list-group-item+.list-group-item { - border-top-width: var(--tblr-list-group-border-width); - border-left-width: 0 - } +.bg-opacity-75 { + --tblr-bg-opacity: 0.75 +} - .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) - } +.bg-opacity-100 { + --tblr-bg-opacity: 1 } -@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 - } +.z-n1 { + z-index: -1!important +} - .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 - } +.z-0 { + z-index: 0!important +} - .list-group-horizontal-md>.list-group-item.active { - margin-top: 0 - } +.z-1 { + z-index: 1!important +} - .list-group-horizontal-md>.list-group-item+.list-group-item { - border-top-width: var(--tblr-list-group-border-width); - border-left-width: 0 - } +.z-2 { + z-index: 2!important +} - .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) - } +.z-3 { + z-index: 3!important } -@media (min-width: 992px) { - .list-group-horizontal-lg { - flex-direction:row - } +.object-contain { + -o-object-fit: contain!important; + object-fit: contain!important +} - .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 - } +.object-cover { + -o-object-fit: cover!important; + object-fit: cover!important +} - .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 - } +.object-fill { + -o-object-fit: fill!important; + object-fit: fill!important +} - .list-group-horizontal-lg>.list-group-item.active { - margin-top: 0 - } +.object-scale-down { + -o-object-fit: scale-down!important; + object-fit: scale-down!important +} - .list-group-horizontal-lg>.list-group-item+.list-group-item { - border-top-width: var(--tblr-list-group-border-width); - border-left-width: 0 - } +.object-none { + -o-object-fit: none!important; + object-fit: none!important +} - .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) - } +.tracking-tight { + letter-spacing: -.05em!important } -@media (min-width: 1200px) { - .list-group-horizontal-xl { - flex-direction:row - } +.tracking-normal { + letter-spacing: 0!important +} - .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 - } +.tracking-wide { + letter-spacing: .05em!important +} - .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 - } +.cursor-auto { + cursor: auto!important +} - .list-group-horizontal-xl>.list-group-item.active { - margin-top: 0 - } +.cursor-pointer { + cursor: pointer!important +} - .list-group-horizontal-xl>.list-group-item+.list-group-item { - border-top-width: var(--tblr-list-group-border-width); - border-left-width: 0 - } +.cursor-move { + cursor: move!important +} - .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) - } +.cursor-not-allowed { + cursor: not-allowed!important } -@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)) +.cursor-zoom-in { + cursor: zoom-in!important } -.toast-header .btn-close { - margin-right: calc(-.5 * var(--tblr-toast-padding-x)); - margin-left: var(--tblr-toast-padding-x) +.cursor-zoom-out { + cursor: zoom-out!important } -.toast-body { - padding: var(--tblr-toast-padding-x); - word-wrap: break-word +.cursor-default { + cursor: default!important } -.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 +.cursor-none { + cursor: none!important } -.modal-dialog { - position: relative; - width: auto; - margin: var(--tblr-modal-margin); - pointer-events: none +.cursor-help { + cursor: help!important } -.modal.fade .modal-dialog { - transition: transform .3s ease-out; - transform: translate(0,-1rem) +.cursor-progress { + cursor: progress!important } -@media (prefers-reduced-motion:reduce) { - .modal.fade .modal-dialog { - transition: none - } +.cursor-wait { + cursor: wait!important } -.modal.show .modal-dialog { - transform: none +.cursor-text { + cursor: text!important } -.modal.modal-static .modal-dialog { - transform: scale(1.02) +.cursor-v-text { + cursor: vertical-text!important } -.modal-dialog-scrollable { - height: calc(100% - var(--tblr-modal-margin) * 2) +.cursor-grab { + cursor: -webkit-grab!important; + cursor: grab!important } -.modal-dialog-scrollable .modal-content { - max-height: 100%; - overflow: hidden +.cursor-grabbing { + cursor: -webkit-grabbing!important; + cursor: grabbing!important } -.modal-dialog-scrollable .modal-body { - overflow-y: auto +.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 } -.modal-dialog-centered { - display: flex; - align-items: center; - min-height: calc(100% - var(--tblr-modal-margin) * 2) +.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 } -.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 +.border-x-0 { + border-left: 0!important; + border-right: 0!important } -.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) +.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 } -.modal-backdrop.fade { - opacity: 0 +.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 } -.modal-backdrop.show { - opacity: var(--tblr-backdrop-opacity) +.border-y-0 { + border-top: 0!important; + border-bottom: 0!important } -.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) +.columns-2 { + -moz-columns: 2!important; + columns: 2!important } -.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 +.columns-3 { + -moz-columns: 3!important; + columns: 3!important } -.modal-title { - margin-bottom: 0; - line-height: var(--tblr-modal-title-line-height) +.columns-4 { + -moz-columns: 4!important; + columns: 4!important } -.modal-body { - position: relative; - flex: 1 1 auto; - padding: var(--tblr-modal-padding) -} +@media (min-width: 576px) { + .float-sm-start { + float:left!important + } -.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) -} + .float-sm-end { + float: right!important + } -.modal-footer>* { - margin: calc(var(--tblr-modal-footer-gap) * .5) -} + .float-sm-none { + float: none!important + } -@media (min-width: 576px) { - .modal { - --tblr-modal-margin:1.75rem; - --tblr-modal-box-shadow: var(--tblr-box-shadow) + .object-fit-sm-contain { + -o-object-fit: contain!important; + object-fit: contain!important } - .modal-dialog { - max-width: var(--tblr-modal-width); - margin-right: auto; - margin-left: auto + .object-fit-sm-cover { + -o-object-fit: cover!important; + object-fit: cover!important } - .modal-sm { - --tblr-modal-width: 380px + .object-fit-sm-fill { + -o-object-fit: fill!important; + object-fit: fill!important } -} -@media (min-width: 992px) { - .modal-lg,.modal-xl { - --tblr-modal-width:720px + .object-fit-sm-scale { + -o-object-fit: scale-down!important; + object-fit: scale-down!important } -} -@media (min-width: 1200px) { - .modal-xl { - --tblr-modal-width:1140px + .object-fit-sm-none { + -o-object-fit: none!important; + object-fit: none!important } -} -.modal-fullscreen { - width: 100vw; - max-width: none; - height: 100%; - margin: 0 -} + .d-sm-inline { + display: inline!important + } -.modal-fullscreen .modal-content { - height: 100%; - border: 0; - border-radius: 0 -} + .d-sm-inline-block { + display: inline-block!important + } -.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header { - border-radius: 0 -} + .d-sm-block { + display: block!important + } -.modal-fullscreen .modal-body { - overflow-y: auto -} + .d-sm-grid { + display: grid!important + } -@media (max-width: 575.98px) { - .modal-fullscreen-sm-down { - width:100vw; - max-width: none; - height: 100%; - margin: 0 + .d-sm-inline-grid { + display: inline-grid!important } - .modal-fullscreen-sm-down .modal-content { - height: 100%; - border: 0; - border-radius: 0 + .d-sm-table { + display: table!important } - .modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header { - border-radius: 0 + .d-sm-table-row { + display: table-row!important } - .modal-fullscreen-sm-down .modal-body { - overflow-y: auto + .d-sm-table-cell { + display: table-cell!important } -} -@media (max-width: 767.98px) { - .modal-fullscreen-md-down { - width:100vw; - max-width: none; - height: 100%; - margin: 0 + .d-sm-flex { + display: flex!important } - .modal-fullscreen-md-down .modal-content { - height: 100%; - border: 0; - border-radius: 0 + .d-sm-inline-flex { + display: inline-flex!important } - .modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header { - border-radius: 0 + .d-sm-none { + display: none!important } - .modal-fullscreen-md-down .modal-body { - overflow-y: auto + .flex-sm-fill { + flex: 1 1 auto!important } -} -@media (max-width: 991.98px) { - .modal-fullscreen-lg-down { - width:100vw; - max-width: none; - height: 100%; - margin: 0 + .flex-sm-row { + flex-direction: row!important } - .modal-fullscreen-lg-down .modal-content { - height: 100%; - border: 0; - border-radius: 0 + .flex-sm-column { + flex-direction: column!important } - .modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header { - border-radius: 0 + .flex-sm-row-reverse { + flex-direction: row-reverse!important } - .modal-fullscreen-lg-down .modal-body { - overflow-y: auto + .flex-sm-column-reverse { + flex-direction: column-reverse!important } -} -@media (max-width: 1199.98px) { - .modal-fullscreen-xl-down { - width:100vw; - max-width: none; - height: 100%; - margin: 0 + .flex-sm-grow-0 { + flex-grow: 0!important } - .modal-fullscreen-xl-down .modal-content { - height: 100%; - border: 0; - border-radius: 0 + .flex-sm-grow-1 { + flex-grow: 1!important } - .modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header { - border-radius: 0 + .flex-sm-shrink-0 { + flex-shrink: 0!important } - .modal-fullscreen-xl-down .modal-body { - overflow-y: auto + .flex-sm-shrink-1 { + flex-shrink: 1!important } -} -@media (max-width: 1399.98px) { - .modal-fullscreen-xxl-down { - width:100vw; - max-width: none; - height: 100%; - margin: 0 + .flex-sm-wrap { + flex-wrap: wrap!important } - .modal-fullscreen-xxl-down .modal-content { - height: 100%; - border: 0; - border-radius: 0 + .flex-sm-nowrap { + flex-wrap: nowrap!important } - .modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header { - border-radius: 0 + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse!important } - .modal-fullscreen-xxl-down .modal-body { - overflow-y: auto + .justify-content-sm-start { + justify-content: flex-start!important } -} -.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 -} + .justify-content-sm-end { + justify-content: flex-end!important + } -.tooltip.show { - opacity: var(--tblr-tooltip-opacity) -} + .justify-content-sm-center { + justify-content: center!important + } -.tooltip .tooltip-arrow { - display: block; - width: var(--tblr-tooltip-arrow-width); - height: var(--tblr-tooltip-arrow-height) -} + .justify-content-sm-between { + justify-content: space-between!important + } -.tooltip .tooltip-arrow::before { - position: absolute; - content: ""; - border-color: transparent; - border-style: solid -} + .justify-content-sm-around { + justify-content: space-around!important + } -.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow { - bottom: calc(-1 * var(--tblr-tooltip-arrow-height)) -} + .justify-content-sm-evenly { + justify-content: space-evenly!important + } -.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) -} + .align-items-sm-start { + align-items: flex-start!important + } -.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) -} + .align-items-sm-end { + align-items: flex-end!important + } -.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) -} + .align-items-sm-center { + align-items: center!important + } -.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow { - top: calc(-1 * var(--tblr-tooltip-arrow-height)) -} + .align-items-sm-baseline { + align-items: baseline!important + } -.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) -} + .align-items-sm-stretch { + align-items: stretch!important + } -.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) -} + .align-content-sm-start { + align-content: flex-start!important + } -.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) -} + .align-content-sm-end { + align-content: flex-end!important + } -.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) -} + .align-content-sm-center { + align-content: center!important + } -.popover .popover-arrow::after,.popover .popover-arrow::before { - position: absolute; - display: block; - content: ""; - border-color: transparent; - border-style: solid; - border-width: 0 -} + .align-content-sm-between { + align-content: space-between!important + } -.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)) -} + .align-content-sm-around { + align-content: space-around!important + } -.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 -} + .align-content-sm-stretch { + align-content: stretch!important + } -.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) -} + .align-self-sm-auto { + align-self: auto!important + } -.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) -} + .align-self-sm-start { + align-self: flex-start!important + } -.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) -} + .align-self-sm-end { + align-self: flex-end!important + } -.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 -} + .align-self-sm-center { + align-self: center!important + } -.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) -} + .align-self-sm-baseline { + align-self: baseline!important + } -.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) -} + .align-self-sm-stretch { + align-self: stretch!important + } -.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)) -} + .order-sm-first { + order: -1!important + } -.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) -} + .order-sm-0 { + order: 0!important + } -.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) -} + .order-sm-1 { + order: 1!important + } -.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) -} + .order-sm-2 { + order: 2!important + } -.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) -} + .order-sm-3 { + order: 3!important + } -.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) -} + .order-sm-4 { + order: 4!important + } -.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) -} + .order-sm-5 { + order: 5!important + } -.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) -} + .order-sm-last { + order: 6!important + } -.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) -} + .m-sm-0 { + margin: 0!important + } -.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) -} + .m-sm-1 { + margin: .25rem!important + } -.popover-header:empty { - display: none -} + .m-sm-2 { + margin: .5rem!important + } -.popover-body { - padding: var(--tblr-popover-body-padding-y) var(--tblr-popover-body-padding-x); - color: var(--tblr-popover-body-color) -} + .m-sm-3 { + margin: 1rem!important + } -.carousel { - position: relative -} + .m-sm-4 { + margin: 1.5rem!important + } -.carousel.pointer-event { - touch-action: pan-y -} + .m-sm-5 { + margin: 2rem!important + } -.carousel-inner { - position: relative; - width: 100%; - overflow: hidden -} + .m-sm-6 { + margin: 3rem!important + } -.carousel-inner::after { - display: block; - clear: both; - content: "" -} + .m-sm-7 { + margin: 5rem!important + } -.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 -} + .m-sm-8 { + margin: 8rem!important + } -@media (prefers-reduced-motion:reduce) { - .carousel-item { - transition: none + .m-sm-auto { + margin: auto!important } -} -.carousel-item-next,.carousel-item-prev,.carousel-item.active { - display: block -} + .mx-sm-0 { + margin-right: 0!important; + margin-left: 0!important + } -.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start) { - transform: translateX(100%) -} + .mx-sm-1 { + margin-right: .25rem!important; + margin-left: .25rem!important + } -.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end) { - transform: translateX(-100%) -} + .mx-sm-2 { + margin-right: .5rem!important; + margin-left: .5rem!important + } -.carousel-fade .carousel-item { - opacity: 0; - transition-property: opacity; - transform: none -} + .mx-sm-3 { + margin-right: 1rem!important; + margin-left: 1rem!important + } -.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 -} + .mx-sm-4 { + margin-right: 1.5rem!important; + margin-left: 1.5rem!important + } -.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start { - z-index: 0; - opacity: 0; - transition: opacity 0s .6s -} + .mx-sm-5 { + margin-right: 2rem!important; + margin-left: 2rem!important + } -@media (prefers-reduced-motion:reduce) { - .carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start { - transition: none + .mx-sm-6 { + margin-right: 3rem!important; + margin-left: 3rem!important } -} -.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 -} + .mx-sm-7 { + margin-right: 5rem!important; + margin-left: 5rem!important + } -@media (prefers-reduced-motion:reduce) { - .carousel-control-next,.carousel-control-prev { - transition: none + .mx-sm-8 { + margin-right: 8rem!important; + margin-left: 8rem!important } -} -.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 + .mx-sm-auto { + margin-right: auto!important; + margin-left: auto!important } -} -.carousel-indicators .active { - opacity: 1 -} + .my-sm-0 { + margin-top: 0!important; + margin-bottom: 0!important + } -.carousel-caption { - position: absolute; - right: 15%; - bottom: 1.25rem; - left: 15%; - padding-top: 1.25rem; - padding-bottom: 1.25rem; - color: #fff; - text-align: center -} + .my-sm-1 { + margin-top: .25rem!important; + margin-bottom: .25rem!important + } -.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon { - filter: invert(1) grayscale(100) -} + .my-sm-2 { + margin-top: .5rem!important; + margin-bottom: .5rem!important + } -.carousel-dark .carousel-indicators [data-bs-target] { - background-color: #000 -} + .my-sm-3 { + margin-top: 1rem!important; + margin-bottom: 1rem!important + } -.carousel-dark .carousel-caption { - color: #000 -} + .my-sm-4 { + margin-top: 1.5rem!important; + margin-bottom: 1.5rem!important + } -[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) -} + .my-sm-5 { + margin-top: 2rem!important; + margin-bottom: 2rem!important + } -[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] { - background-color: #000 -} + .my-sm-6 { + margin-top: 3rem!important; + margin-bottom: 3rem!important + } -[data-bs-theme=dark] .carousel .carousel-caption,[data-bs-theme=dark].carousel .carousel-caption { - color: #000 -} + .my-sm-7 { + margin-top: 5rem!important; + margin-bottom: 5rem!important + } -.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) -} + .my-sm-8 { + margin-top: 8rem!important; + margin-bottom: 8rem!important + } -@keyframes spinner-border { - to { - transform: rotate(360deg) + .my-sm-auto { + margin-top: auto!important; + margin-bottom: auto!important } -} -.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 -} + .mt-sm-0 { + margin-top: 0!important + } -.spinner-border-sm { - --tblr-spinner-width: 1rem; - --tblr-spinner-height: 1rem; - --tblr-spinner-border-width: 1px -} + .mt-sm-1 { + margin-top: .25rem!important + } -@keyframes spinner-grow { - 0% { - transform: scale(0) + .mt-sm-2 { + margin-top: .5rem!important } - 50% { - opacity: 1; - transform: none + .mt-sm-3 { + margin-top: 1rem!important } -} -.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 -} + .mt-sm-4 { + margin-top: 1.5rem!important + } -.spinner-grow-sm { - --tblr-spinner-width: 1rem; - --tblr-spinner-height: 1rem -} + .mt-sm-5 { + margin-top: 2rem!important + } -@media (prefers-reduced-motion:reduce) { - .spinner-border,.spinner-grow { - --tblr-spinner-animation-speed: 1.5s + .mt-sm-6 { + margin-top: 3rem!important } -} -.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 -} + .mt-sm-7 { + margin-top: 5rem!important + } -@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) + .mt-sm-8 { + margin-top: 8rem!important } -} -@media (max-width: 575.98px) and (prefers-reduced-motion:reduce) { - .offcanvas-sm { - transition:none + .mt-sm-auto { + margin-top: auto!important } -} -@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%) + .me-sm-0 { + margin-right: 0!important } - .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%) + .me-sm-1 { + margin-right: .25rem!important } - .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%) + .me-sm-2 { + margin-right: .5rem!important } - .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%) + .me-sm-3 { + margin-right: 1rem!important } - .offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing { - transform: none + .me-sm-4 { + margin-right: 1.5rem!important } - .offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing { - visibility: visible + .me-sm-5 { + margin-right: 2rem!important } -} -@media (min-width: 576px) { - .offcanvas-sm { - --tblr-offcanvas-height:auto; - --tblr-offcanvas-border-width: 0; - background-color: transparent!important + .me-sm-6 { + margin-right: 3rem!important } - .offcanvas-sm .offcanvas-header { - display: none + .me-sm-7 { + margin-right: 5rem!important } - .offcanvas-sm .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - background-color: transparent!important + .me-sm-8 { + margin-right: 8rem!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) + .me-sm-auto { + margin-right: auto!important } -} -@media (max-width: 767.98px) and (prefers-reduced-motion:reduce) { - .offcanvas-md { - transition:none + .mb-sm-0 { + margin-bottom: 0!important } -} -@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%) + .mb-sm-1 { + margin-bottom: .25rem!important } - .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%) + .mb-sm-2 { + margin-bottom: .5rem!important } - .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%) + .mb-sm-3 { + margin-bottom: 1rem!important } - .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%) + .mb-sm-4 { + margin-bottom: 1.5rem!important } - .offcanvas-md.show:not(.hiding),.offcanvas-md.showing { - transform: none + .mb-sm-5 { + margin-bottom: 2rem!important } - .offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing { - visibility: visible + .mb-sm-6 { + margin-bottom: 3rem!important } -} -@media (min-width: 768px) { - .offcanvas-md { - --tblr-offcanvas-height:auto; - --tblr-offcanvas-border-width: 0; - background-color: transparent!important + .mb-sm-7 { + margin-bottom: 5rem!important } - .offcanvas-md .offcanvas-header { - display: none + .mb-sm-8 { + margin-bottom: 8rem!important } - .offcanvas-md .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - background-color: transparent!important + .mb-sm-auto { + margin-bottom: auto!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) + .ms-sm-0 { + margin-left: 0!important } -} -@media (max-width: 991.98px) and (prefers-reduced-motion:reduce) { - .offcanvas-lg { - transition:none + .ms-sm-1 { + margin-left: .25rem!important } -} -@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%) + .ms-sm-2 { + margin-left: .5rem!important } - .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%) + .ms-sm-3 { + margin-left: 1rem!important } - .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%) + .ms-sm-4 { + margin-left: 1.5rem!important } - .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%) + .ms-sm-5 { + margin-left: 2rem!important } - .offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing { - transform: none + .ms-sm-6 { + margin-left: 3rem!important } - .offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing { - visibility: visible + .ms-sm-7 { + margin-left: 5rem!important } -} -@media (min-width: 992px) { - .offcanvas-lg { - --tblr-offcanvas-height:auto; - --tblr-offcanvas-border-width: 0; - background-color: transparent!important + .ms-sm-8 { + margin-left: 8rem!important } - .offcanvas-lg .offcanvas-header { - display: none + .ms-sm-auto { + margin-left: auto!important } - .offcanvas-lg .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - background-color: transparent!important + .p-sm-0 { + padding: 0!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) + .p-sm-1 { + padding: .25rem!important } -} -@media (max-width: 1199.98px) and (prefers-reduced-motion:reduce) { - .offcanvas-xl { - transition:none + .p-sm-2 { + padding: .5rem!important } -} -@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%) + .p-sm-3 { + padding: 1rem!important } - .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%) + .p-sm-4 { + padding: 1.5rem!important } - .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%) + .p-sm-5 { + padding: 2rem!important } - .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%) + .p-sm-6 { + padding: 3rem!important } - .offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing { - transform: none + .p-sm-7 { + padding: 5rem!important } - .offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing { - visibility: visible + .p-sm-8 { + padding: 8rem!important } -} -@media (min-width: 1200px) { - .offcanvas-xl { - --tblr-offcanvas-height:auto; - --tblr-offcanvas-border-width: 0; - background-color: transparent!important + .px-sm-0 { + padding-right: 0!important; + padding-left: 0!important } - .offcanvas-xl .offcanvas-header { - display: none + .px-sm-1 { + padding-right: .25rem!important; + padding-left: .25rem!important } - .offcanvas-xl .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - background-color: transparent!important + .px-sm-2 { + padding-right: .5rem!important; + padding-left: .5rem!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) + .px-sm-3 { + padding-right: 1rem!important; + padding-left: 1rem!important } -} -@media (max-width: 1399.98px) and (prefers-reduced-motion:reduce) { - .offcanvas-xxl { - transition:none + .px-sm-4 { + padding-right: 1.5rem!important; + padding-left: 1.5rem!important } -} -@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%) + .px-sm-5 { + padding-right: 2rem!important; + padding-left: 2rem!important } - .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%) + .px-sm-6 { + padding-right: 3rem!important; + padding-left: 3rem!important } - .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%) + .px-sm-7 { + padding-right: 5rem!important; + padding-left: 5rem!important } - .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%) + .px-sm-8 { + padding-right: 8rem!important; + padding-left: 8rem!important } - .offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing { - transform: none + .py-sm-0 { + padding-top: 0!important; + padding-bottom: 0!important } - .offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing { - visibility: visible + .py-sm-1 { + padding-top: .25rem!important; + padding-bottom: .25rem!important } -} -@media (min-width: 1400px) { - .offcanvas-xxl { - --tblr-offcanvas-height:auto; - --tblr-offcanvas-border-width: 0; - background-color: transparent!important + .py-sm-2 { + padding-top: .5rem!important; + padding-bottom: .5rem!important } - .offcanvas-xxl .offcanvas-header { - display: none + .py-sm-3 { + padding-top: 1rem!important; + padding-bottom: 1rem!important } - .offcanvas-xxl .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - background-color: transparent!important + .py-sm-4 { + padding-top: 1.5rem!important; + padding-bottom: 1.5rem!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 + .py-sm-5 { + padding-top: 2rem!important; + padding-bottom: 2rem!important } -} -.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%) -} + .py-sm-6 { + padding-top: 3rem!important; + padding-bottom: 3rem!important + } -.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%) -} + .py-sm-7 { + padding-top: 5rem!important; + padding-bottom: 5rem!important + } -.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%) -} + .py-sm-8 { + padding-top: 8rem!important; + padding-bottom: 8rem!important + } -.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%) -} + .pt-sm-0 { + padding-top: 0!important + } -.offcanvas.show:not(.hiding),.offcanvas.showing { - transform: none -} + .pt-sm-1 { + padding-top: .25rem!important + } -.offcanvas.hiding,.offcanvas.show,.offcanvas.showing { - visibility: visible -} + .pt-sm-2 { + padding-top: .5rem!important + } -.offcanvas-backdrop { - position: fixed; - top: 0; - left: 0; - z-index: 1040; - width: 100vw; - height: 100vh; - background-color: #182433 -} + .pt-sm-3 { + padding-top: 1rem!important + } -.offcanvas-backdrop.fade { - opacity: 0 -} + .pt-sm-4 { + padding-top: 1.5rem!important + } -.offcanvas-backdrop.show { - opacity: .24 -} + .pt-sm-5 { + padding-top: 2rem!important + } -.offcanvas-header { - display: flex; - align-items: center; - padding: var(--tblr-offcanvas-padding-y) var(--tblr-offcanvas-padding-x) -} + .pt-sm-6 { + padding-top: 3rem!important + } -.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 -} + .pt-sm-7 { + padding-top: 5rem!important + } -.offcanvas-title { - margin-bottom: 0; - line-height: var(--tblr-offcanvas-title-line-height) -} + .pt-sm-8 { + padding-top: 8rem!important + } -.offcanvas-body { - flex-grow: 1; - padding: var(--tblr-offcanvas-padding-y) var(--tblr-offcanvas-padding-x); - overflow-y: auto -} + .pe-sm-0 { + padding-right: 0!important + } -.placeholder { - display: inline-block; - min-height: 1em; - vertical-align: middle; - cursor: wait; - background-color: currentcolor; - opacity: .2 -} + .pe-sm-1 { + padding-right: .25rem!important + } -.placeholder.btn::before { - display: inline-block; - content: "" -} + .pe-sm-2 { + padding-right: .5rem!important + } -.placeholder-xs { - min-height: .6em -} + .pe-sm-3 { + padding-right: 1rem!important + } -.placeholder-sm { - min-height: .8em -} + .pe-sm-4 { + padding-right: 1.5rem!important + } -.placeholder-lg { - min-height: 1.2em -} + .pe-sm-5 { + padding-right: 2rem!important + } -.placeholder-glow .placeholder { - animation: placeholder-glow 2s ease-in-out infinite -} + .pe-sm-6 { + padding-right: 3rem!important + } -@keyframes placeholder-glow { - 50% { - opacity: .1 + .pe-sm-7 { + padding-right: 5rem!important } -} -.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 -} + .pe-sm-8 { + padding-right: 8rem!important + } -@keyframes placeholder-wave { - 100% { - -webkit-mask-position: -200% 0; - mask-position: -200% 0 + .pb-sm-0 { + padding-bottom: 0!important } -} -.clearfix::after { - display: block; - clear: both; - content: "" -} + .pb-sm-1 { + padding-bottom: .25rem!important + } -.text-bg-primary { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-primary-rgb),var(--tblr-bg-opacity,1))!important -} + .pb-sm-2 { + padding-bottom: .5rem!important + } -.text-bg-secondary { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-secondary-rgb),var(--tblr-bg-opacity,1))!important -} + .pb-sm-3 { + padding-bottom: 1rem!important + } -.text-bg-success { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-success-rgb),var(--tblr-bg-opacity,1))!important -} + .pb-sm-4 { + padding-bottom: 1.5rem!important + } -.text-bg-info { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-info-rgb),var(--tblr-bg-opacity,1))!important -} + .pb-sm-5 { + padding-bottom: 2rem!important + } -.text-bg-warning { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-warning-rgb),var(--tblr-bg-opacity,1))!important -} + .pb-sm-6 { + padding-bottom: 3rem!important + } -.text-bg-danger { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-danger-rgb),var(--tblr-bg-opacity,1))!important -} + .pb-sm-7 { + padding-bottom: 5rem!important + } -.text-bg-light { - color: #182433!important; - background-color: RGBA(var(--tblr-light-rgb),var(--tblr-bg-opacity,1))!important -} + .pb-sm-8 { + padding-bottom: 8rem!important + } -.text-bg-dark { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-dark-rgb),var(--tblr-bg-opacity,1))!important -} + .ps-sm-0 { + padding-left: 0!important + } -.text-bg-muted { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-muted-rgb),var(--tblr-bg-opacity,1))!important -} + .ps-sm-1 { + padding-left: .25rem!important + } -.text-bg-blue { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-blue-rgb),var(--tblr-bg-opacity,1))!important -} + .ps-sm-2 { + padding-left: .5rem!important + } -.text-bg-azure { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-azure-rgb),var(--tblr-bg-opacity,1))!important -} + .ps-sm-3 { + padding-left: 1rem!important + } -.text-bg-indigo { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-indigo-rgb),var(--tblr-bg-opacity,1))!important -} + .ps-sm-4 { + padding-left: 1.5rem!important + } -.text-bg-purple { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-purple-rgb),var(--tblr-bg-opacity,1))!important -} + .ps-sm-5 { + padding-left: 2rem!important + } -.text-bg-pink { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-pink-rgb),var(--tblr-bg-opacity,1))!important -} + .ps-sm-6 { + padding-left: 3rem!important + } -.text-bg-red { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-red-rgb),var(--tblr-bg-opacity,1))!important -} + .ps-sm-7 { + padding-left: 5rem!important + } -.text-bg-orange { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-orange-rgb),var(--tblr-bg-opacity,1))!important -} + .ps-sm-8 { + padding-left: 8rem!important + } -.text-bg-yellow { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-yellow-rgb),var(--tblr-bg-opacity,1))!important -} + .gap-sm-0 { + gap: 0!important + } -.text-bg-lime { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-lime-rgb),var(--tblr-bg-opacity,1))!important -} + .gap-sm-1 { + gap: .25rem!important + } -.text-bg-green { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-green-rgb),var(--tblr-bg-opacity,1))!important -} + .gap-sm-2 { + gap: .5rem!important + } -.text-bg-teal { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-teal-rgb),var(--tblr-bg-opacity,1))!important -} + .gap-sm-3 { + gap: 1rem!important + } -.text-bg-cyan { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-cyan-rgb),var(--tblr-bg-opacity,1))!important -} + .gap-sm-4 { + gap: 1.5rem!important + } -.text-bg-x { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-x-rgb),var(--tblr-bg-opacity,1))!important -} + .gap-sm-5 { + gap: 2rem!important + } -.text-bg-facebook { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-facebook-rgb),var(--tblr-bg-opacity,1))!important -} + .gap-sm-6 { + gap: 3rem!important + } -.text-bg-twitter { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-twitter-rgb),var(--tblr-bg-opacity,1))!important -} + .gap-sm-7 { + gap: 5rem!important + } -.text-bg-linkedin { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-linkedin-rgb),var(--tblr-bg-opacity,1))!important -} + .gap-sm-8 { + gap: 8rem!important + } -.text-bg-google { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-google-rgb),var(--tblr-bg-opacity,1))!important -} + .row-gap-sm-0 { + row-gap: 0!important + } -.text-bg-youtube { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-youtube-rgb),var(--tblr-bg-opacity,1))!important -} + .row-gap-sm-1 { + row-gap: .25rem!important + } -.text-bg-vimeo { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-vimeo-rgb),var(--tblr-bg-opacity,1))!important -} + .row-gap-sm-2 { + row-gap: .5rem!important + } -.text-bg-dribbble { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-dribbble-rgb),var(--tblr-bg-opacity,1))!important -} + .row-gap-sm-3 { + row-gap: 1rem!important + } -.text-bg-github { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-github-rgb),var(--tblr-bg-opacity,1))!important -} + .row-gap-sm-4 { + row-gap: 1.5rem!important + } -.text-bg-instagram { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-instagram-rgb),var(--tblr-bg-opacity,1))!important -} + .row-gap-sm-5 { + row-gap: 2rem!important + } -.text-bg-pinterest { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-pinterest-rgb),var(--tblr-bg-opacity,1))!important -} + .row-gap-sm-6 { + row-gap: 3rem!important + } -.text-bg-vk { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-vk-rgb),var(--tblr-bg-opacity,1))!important -} + .row-gap-sm-7 { + row-gap: 5rem!important + } -.text-bg-rss { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-rss-rgb),var(--tblr-bg-opacity,1))!important -} + .row-gap-sm-8 { + row-gap: 8rem!important + } -.text-bg-flickr { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-flickr-rgb),var(--tblr-bg-opacity,1))!important -} + .column-gap-sm-0 { + -moz-column-gap: 0!important; + column-gap: 0!important + } -.text-bg-bitbucket { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-bitbucket-rgb),var(--tblr-bg-opacity,1))!important -} + .column-gap-sm-1 { + -moz-column-gap: .25rem!important; + column-gap: .25rem!important + } -.text-bg-tabler { - color: #f6f8fb!important; - background-color: RGBA(var(--tblr-tabler-rgb),var(--tblr-bg-opacity,1))!important -} + .column-gap-sm-2 { + -moz-column-gap: .5rem!important; + column-gap: .5rem!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 -} + .column-gap-sm-3 { + -moz-column-gap: 1rem!important; + column-gap: 1rem!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 -} + .column-gap-sm-4 { + -moz-column-gap: 1.5rem!important; + column-gap: 1.5rem!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 -} + .column-gap-sm-5 { + -moz-column-gap: 2rem!important; + column-gap: 2rem!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 -} + .column-gap-sm-6 { + -moz-column-gap: 3rem!important; + column-gap: 3rem!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 -} + .column-gap-sm-7 { + -moz-column-gap: 5rem!important; + column-gap: 5rem!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 -} + .column-gap-sm-8 { + -moz-column-gap: 8rem!important; + column-gap: 8rem!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 -} + .text-sm-start { + text-align: left!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 -} + .text-sm-end { + text-align: right!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 -} + .text-sm-center { + text-align: center!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 -} + .columns-sm-2 { + -moz-columns: 2!important; + columns: 2!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 -} + .columns-sm-3 { + -moz-columns: 3!important; + columns: 3!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 + .columns-sm-4 { + -moz-columns: 4!important; + columns: 4!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 -} +@media (min-width: 768px) { + .float-md-start { + float:left!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 -} + .float-md-end { + float: right!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 -} + .float-md-none { + float: none!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 -} + .object-fit-md-contain { + -o-object-fit: contain!important; + object-fit: contain!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 -} + .object-fit-md-cover { + -o-object-fit: cover!important; + object-fit: cover!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 -} + .object-fit-md-fill { + -o-object-fit: fill!important; + object-fit: fill!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 -} + .object-fit-md-scale { + -o-object-fit: scale-down!important; + object-fit: scale-down!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 -} + .object-fit-md-none { + -o-object-fit: none!important; + object-fit: none!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 -} + .d-md-inline { + display: inline!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 -} + .d-md-inline-block { + display: inline-block!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 -} + .d-md-block { + display: block!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 -} + .d-md-grid { + display: grid!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 -} + .d-md-inline-grid { + display: inline-grid!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 -} + .d-md-table { + display: table!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 -} + .d-md-table-row { + display: table-row!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 -} + .d-md-table-cell { + display: table-cell!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 -} + .d-md-flex { + display: flex!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 -} + .d-md-inline-flex { + display: inline-flex!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 -} + .d-md-none { + display: none!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 -} + .flex-md-fill { + flex: 1 1 auto!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 -} + .flex-md-row { + flex-direction: row!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 -} + .flex-md-column { + flex-direction: column!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 -} + .flex-md-row-reverse { + flex-direction: row-reverse!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 -} + .flex-md-column-reverse { + flex-direction: column-reverse!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 -} + .flex-md-grow-0 { + flex-grow: 0!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 -} + .flex-md-grow-1 { + flex-grow: 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 -} + .flex-md-shrink-0 { + flex-shrink: 0!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 -} + .flex-md-shrink-1 { + flex-shrink: 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 -} + .flex-md-wrap { + flex-wrap: wrap!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 -} + .flex-md-nowrap { + flex-wrap: nowrap!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 -} + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse!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 -} + .justify-content-md-start { + justify-content: flex-start!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 -} + .justify-content-md-end { + justify-content: flex-end!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 -} + .justify-content-md-center { + justify-content: center!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 -} + .justify-content-md-between { + justify-content: space-between!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 -} + .justify-content-md-around { + justify-content: space-around!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 -} + .justify-content-md-evenly { + justify-content: space-evenly!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 -} + .align-items-md-start { + align-items: flex-start!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 -} + .align-items-md-end { + align-items: flex-end!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 -} + .align-items-md-center { + align-items: center!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 -} + .align-items-md-baseline { + align-items: baseline!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 -} + .align-items-md-stretch { + align-items: stretch!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 -} + .align-content-md-start { + align-content: flex-start!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 -} + .align-content-md-end { + align-content: flex-end!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 -} + .align-content-md-center { + align-content: center!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 -} + .align-content-md-between { + align-content: space-between!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 -} + .align-content-md-around { + align-content: space-around!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 -} + .align-content-md-stretch { + align-content: stretch!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 -} + .align-self-md-auto { + align-self: auto!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 -} + .align-self-md-start { + align-self: flex-start!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 -} + .align-self-md-end { + align-self: flex-end!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 -} + .align-self-md-center { + align-self: center!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 -} + .align-self-md-baseline { + align-self: baseline!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 -} + .align-self-md-stretch { + align-self: stretch!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 -} + .order-md-first { + order: -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 -} + .order-md-0 { + order: 0!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 -} + .order-md-1 { + order: 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 -} + .order-md-2 { + order: 2!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 -} + .order-md-3 { + order: 3!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 -} + .order-md-4 { + order: 4!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 -} + .order-md-5 { + order: 5!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 -} + .order-md-last { + order: 6!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 -} + .m-md-0 { + margin: 0!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 -} + .m-md-1 { + margin: .25rem!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) -} + .m-md-2 { + margin: .5rem!important + } -.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 -} + .m-md-3 { + margin: 1rem!important + } -.icon-link>.bi { - flex-shrink: 0; - width: 1em; - height: 1em; - fill: currentcolor; - transition: .2s ease-in-out transform -} + .m-md-4 { + margin: 1.5rem!important + } -@media (prefers-reduced-motion:reduce) { - .icon-link>.bi { - transition: none + .m-md-5 { + margin: 2rem!important } -} -.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi { - transform: var(--tblr-icon-link-transform,translate3d(.25em,0,0)) -} + .m-md-6 { + margin: 3rem!important + } -.ratio { - position: relative; - width: 100% -} + .m-md-7 { + margin: 5rem!important + } -.ratio::before { - display: block; - padding-top: var(--tblr-aspect-ratio); - content: "" -} + .m-md-8 { + margin: 8rem!important + } -.ratio>* { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100% -} + .m-md-auto { + margin: auto!important + } -.ratio-1x1 { - --tblr-aspect-ratio: 100% -} + .mx-md-0 { + margin-right: 0!important; + margin-left: 0!important + } -.ratio-2x1 { - --tblr-aspect-ratio: 50% -} + .mx-md-1 { + margin-right: .25rem!important; + margin-left: .25rem!important + } -.ratio-1x2 { - --tblr-aspect-ratio: 200% -} + .mx-md-2 { + margin-right: .5rem!important; + margin-left: .5rem!important + } -.ratio-3x1 { - --tblr-aspect-ratio: 33.3333333333% -} - -.ratio-1x3 { - --tblr-aspect-ratio: 300% -} + .mx-md-3 { + margin-right: 1rem!important; + margin-left: 1rem!important + } -.ratio-4x3 { - --tblr-aspect-ratio: 75% -} + .mx-md-4 { + margin-right: 1.5rem!important; + margin-left: 1.5rem!important + } -.ratio-3x4 { - --tblr-aspect-ratio: 133.3333333333% -} + .mx-md-5 { + margin-right: 2rem!important; + margin-left: 2rem!important + } -.ratio-16x9 { - --tblr-aspect-ratio: 56.25% -} + .mx-md-6 { + margin-right: 3rem!important; + margin-left: 3rem!important + } -.ratio-9x16 { - --tblr-aspect-ratio: 177.7777777778% -} + .mx-md-7 { + margin-right: 5rem!important; + margin-left: 5rem!important + } -.ratio-21x9 { - --tblr-aspect-ratio: 42.8571428571% -} + .mx-md-8 { + margin-right: 8rem!important; + margin-left: 8rem!important + } -.ratio-9x21 { - --tblr-aspect-ratio: 233.3333333333% -} + .mx-md-auto { + margin-right: auto!important; + margin-left: auto!important + } -.fixed-top { - position: fixed; - top: 0; - right: 0; - left: 0; - z-index: 1030 -} + .my-md-0 { + margin-top: 0!important; + margin-bottom: 0!important + } -.fixed-bottom { - position: fixed; - right: 0; - bottom: 0; - left: 0; - z-index: 1030 -} + .my-md-1 { + margin-top: .25rem!important; + margin-bottom: .25rem!important + } -.sticky-top { - position: -webkit-sticky; - position: sticky; - top: 0; - z-index: 1020 -} + .my-md-2 { + margin-top: .5rem!important; + margin-bottom: .5rem!important + } -.sticky-bottom { - position: -webkit-sticky; - position: sticky; - bottom: 0; - z-index: 1020 -} + .my-md-3 { + margin-top: 1rem!important; + margin-bottom: 1rem!important + } -@media (min-width: 576px) { - .sticky-sm-top { - position:-webkit-sticky; - position: sticky; - top: 0; - z-index: 1020 + .my-md-4 { + margin-top: 1.5rem!important; + margin-bottom: 1.5rem!important } - .sticky-sm-bottom { - position: -webkit-sticky; - position: sticky; - bottom: 0; - z-index: 1020 + .my-md-5 { + margin-top: 2rem!important; + margin-bottom: 2rem!important } -} -@media (min-width: 768px) { - .sticky-md-top { - position:-webkit-sticky; - position: sticky; - top: 0; - z-index: 1020 + .my-md-6 { + margin-top: 3rem!important; + margin-bottom: 3rem!important } - .sticky-md-bottom { - position: -webkit-sticky; - position: sticky; - bottom: 0; - z-index: 1020 + .my-md-7 { + margin-top: 5rem!important; + margin-bottom: 5rem!important } -} -@media (min-width: 992px) { - .sticky-lg-top { - position:-webkit-sticky; - position: sticky; - top: 0; - z-index: 1020 + .my-md-8 { + margin-top: 8rem!important; + margin-bottom: 8rem!important } - .sticky-lg-bottom { - position: -webkit-sticky; - position: sticky; - bottom: 0; - z-index: 1020 + .my-md-auto { + margin-top: auto!important; + margin-bottom: auto!important } -} -@media (min-width: 1200px) { - .sticky-xl-top { - position:-webkit-sticky; - position: sticky; - top: 0; - z-index: 1020 + .mt-md-0 { + margin-top: 0!important } - .sticky-xl-bottom { - position: -webkit-sticky; - position: sticky; - bottom: 0; - z-index: 1020 + .mt-md-1 { + margin-top: .25rem!important } -} -@media (min-width: 1400px) { - .sticky-xxl-top { - position:-webkit-sticky; - position: sticky; - top: 0; - z-index: 1020 + .mt-md-2 { + margin-top: .5rem!important } - .sticky-xxl-bottom { - position: -webkit-sticky; - position: sticky; - bottom: 0; - z-index: 1020 + .mt-md-3 { + margin-top: 1rem!important } -} -.hstack { - display: flex; - flex-direction: row; - align-items: center; - align-self: stretch -} + .mt-md-4 { + margin-top: 1.5rem!important + } -.vstack { - display: flex; - flex: 1 1 auto; - flex-direction: column; - align-self: stretch -} + .mt-md-5 { + margin-top: 2rem!important + } -.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 -} + .mt-md-6 { + margin-top: 3rem!important + } -.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption) { - position: absolute!important -} + .mt-md-7 { + margin-top: 5rem!important + } -.stretched-link::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1; - content: "" -} + .mt-md-8 { + margin-top: 8rem!important + } -.text-truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap -} + .mt-md-auto { + margin-top: auto!important + } -.vr { - display: inline-block; - align-self: stretch; - width: var(--tblr-border-width); - min-height: 1em; - background-color: currentcolor; - opacity: .16 -} + .me-md-0 { + margin-right: 0!important + } -.align-baseline { - vertical-align: baseline!important -} + .me-md-1 { + margin-right: .25rem!important + } -.align-top { - vertical-align: top!important -} + .me-md-2 { + margin-right: .5rem!important + } -.align-middle { - vertical-align: middle!important -} + .me-md-3 { + margin-right: 1rem!important + } -.align-bottom { - vertical-align: bottom!important -} + .me-md-4 { + margin-right: 1.5rem!important + } -.align-text-bottom { - vertical-align: text-bottom!important -} + .me-md-5 { + margin-right: 2rem!important + } -.align-text-top { - vertical-align: text-top!important -} + .me-md-6 { + margin-right: 3rem!important + } -.float-start { - float: left!important -} + .me-md-7 { + margin-right: 5rem!important + } -.float-end { - float: right!important -} + .me-md-8 { + margin-right: 8rem!important + } -.float-none { - float: none!important -} + .me-md-auto { + margin-right: auto!important + } -.object-fit-contain { - -o-object-fit: contain!important; - object-fit: contain!important -} + .mb-md-0 { + margin-bottom: 0!important + } -.object-fit-cover { - -o-object-fit: cover!important; - object-fit: cover!important -} + .mb-md-1 { + margin-bottom: .25rem!important + } -.object-fit-fill { - -o-object-fit: fill!important; - object-fit: fill!important -} + .mb-md-2 { + margin-bottom: .5rem!important + } -.object-fit-scale { - -o-object-fit: scale-down!important; - object-fit: scale-down!important -} + .mb-md-3 { + margin-bottom: 1rem!important + } -.object-fit-none { - -o-object-fit: none!important; - object-fit: none!important -} + .mb-md-4 { + margin-bottom: 1.5rem!important + } -.opacity-0 { - opacity: 0!important -} + .mb-md-5 { + margin-bottom: 2rem!important + } -.opacity-25 { - opacity: .25!important -} + .mb-md-6 { + margin-bottom: 3rem!important + } -.opacity-50 { - opacity: .5!important -} + .mb-md-7 { + margin-bottom: 5rem!important + } -.opacity-75 { - opacity: .75!important -} + .mb-md-8 { + margin-bottom: 8rem!important + } -.opacity-100 { - opacity: 1!important -} + .mb-md-auto { + margin-bottom: auto!important + } -.overflow-auto { - overflow: auto!important -} + .ms-md-0 { + margin-left: 0!important + } -.overflow-hidden { - overflow: hidden!important -} + .ms-md-1 { + margin-left: .25rem!important + } -.overflow-visible { - overflow: visible!important -} + .ms-md-2 { + margin-left: .5rem!important + } -.overflow-scroll { - overflow: scroll!important -} + .ms-md-3 { + margin-left: 1rem!important + } -.overflow-x-auto { - overflow-x: auto!important -} + .ms-md-4 { + margin-left: 1.5rem!important + } -.overflow-x-hidden { - overflow-x: hidden!important -} + .ms-md-5 { + margin-left: 2rem!important + } -.overflow-x-visible { - overflow-x: visible!important -} + .ms-md-6 { + margin-left: 3rem!important + } -.overflow-x-scroll { - overflow-x: scroll!important -} + .ms-md-7 { + margin-left: 5rem!important + } -.overflow-y-auto { - overflow-y: auto!important -} + .ms-md-8 { + margin-left: 8rem!important + } -.overflow-y-hidden { - overflow-y: hidden!important -} + .ms-md-auto { + margin-left: auto!important + } -.overflow-y-visible { - overflow-y: visible!important -} + .p-md-0 { + padding: 0!important + } -.overflow-y-scroll { - overflow-y: scroll!important -} + .p-md-1 { + padding: .25rem!important + } -.d-inline { - display: inline!important -} + .p-md-2 { + padding: .5rem!important + } -.d-inline-block { - display: inline-block!important -} + .p-md-3 { + padding: 1rem!important + } -.d-block { - display: block!important -} + .p-md-4 { + padding: 1.5rem!important + } -.d-grid { - display: grid!important -} + .p-md-5 { + padding: 2rem!important + } -.d-inline-grid { - display: inline-grid!important -} + .p-md-6 { + padding: 3rem!important + } -.d-table { - display: table!important -} + .p-md-7 { + padding: 5rem!important + } -.d-table-row { - display: table-row!important -} + .p-md-8 { + padding: 8rem!important + } -.d-table-cell { - display: table-cell!important -} + .px-md-0 { + padding-right: 0!important; + padding-left: 0!important + } -.d-flex { - display: flex!important -} + .px-md-1 { + padding-right: .25rem!important; + padding-left: .25rem!important + } -.d-inline-flex { - display: inline-flex!important -} + .px-md-2 { + padding-right: .5rem!important; + padding-left: .5rem!important + } -.d-none { - display: none!important -} + .px-md-3 { + padding-right: 1rem!important; + padding-left: 1rem!important + } -.shadow { - box-shadow: var(--tblr-box-shadow)!important -} + .px-md-4 { + padding-right: 1.5rem!important; + padding-left: 1.5rem!important + } -.shadow-sm { - box-shadow: var(--tblr-box-shadow-sm)!important -} + .px-md-5 { + padding-right: 2rem!important; + padding-left: 2rem!important + } -.shadow-lg { - box-shadow: var(--tblr-box-shadow-lg)!important -} + .px-md-6 { + padding-right: 3rem!important; + padding-left: 3rem!important + } -.shadow-none { - box-shadow: none!important -} + .px-md-7 { + padding-right: 5rem!important; + padding-left: 5rem!important + } -.focus-ring-primary { - --tblr-focus-ring-color: rgba(var(--tblr-primary-rgb), var(--tblr-focus-ring-opacity)) -} + .px-md-8 { + padding-right: 8rem!important; + padding-left: 8rem!important + } -.focus-ring-secondary { - --tblr-focus-ring-color: rgba(var(--tblr-secondary-rgb), var(--tblr-focus-ring-opacity)) -} + .py-md-0 { + padding-top: 0!important; + padding-bottom: 0!important + } -.focus-ring-success { - --tblr-focus-ring-color: rgba(var(--tblr-success-rgb), var(--tblr-focus-ring-opacity)) -} + .py-md-1 { + padding-top: .25rem!important; + padding-bottom: .25rem!important + } -.focus-ring-info { - --tblr-focus-ring-color: rgba(var(--tblr-info-rgb), var(--tblr-focus-ring-opacity)) -} + .py-md-2 { + padding-top: .5rem!important; + padding-bottom: .5rem!important + } -.focus-ring-warning { - --tblr-focus-ring-color: rgba(var(--tblr-warning-rgb), var(--tblr-focus-ring-opacity)) -} + .py-md-3 { + padding-top: 1rem!important; + padding-bottom: 1rem!important + } -.focus-ring-danger { - --tblr-focus-ring-color: rgba(var(--tblr-danger-rgb), var(--tblr-focus-ring-opacity)) -} + .py-md-4 { + padding-top: 1.5rem!important; + padding-bottom: 1.5rem!important + } -.focus-ring-light { - --tblr-focus-ring-color: rgba(var(--tblr-light-rgb), var(--tblr-focus-ring-opacity)) -} + .py-md-5 { + padding-top: 2rem!important; + padding-bottom: 2rem!important + } -.focus-ring-dark { - --tblr-focus-ring-color: rgba(var(--tblr-dark-rgb), var(--tblr-focus-ring-opacity)) -} + .py-md-6 { + padding-top: 3rem!important; + padding-bottom: 3rem!important + } -.focus-ring-muted { - --tblr-focus-ring-color: rgba(var(--tblr-muted-rgb), var(--tblr-focus-ring-opacity)) -} + .py-md-7 { + padding-top: 5rem!important; + padding-bottom: 5rem!important + } -.focus-ring-blue { - --tblr-focus-ring-color: rgba(var(--tblr-blue-rgb), var(--tblr-focus-ring-opacity)) -} + .py-md-8 { + padding-top: 8rem!important; + padding-bottom: 8rem!important + } -.focus-ring-azure { - --tblr-focus-ring-color: rgba(var(--tblr-azure-rgb), var(--tblr-focus-ring-opacity)) -} + .pt-md-0 { + padding-top: 0!important + } -.focus-ring-indigo { - --tblr-focus-ring-color: rgba(var(--tblr-indigo-rgb), var(--tblr-focus-ring-opacity)) -} + .pt-md-1 { + padding-top: .25rem!important + } -.focus-ring-purple { - --tblr-focus-ring-color: rgba(var(--tblr-purple-rgb), var(--tblr-focus-ring-opacity)) -} + .pt-md-2 { + padding-top: .5rem!important + } -.focus-ring-pink { - --tblr-focus-ring-color: rgba(var(--tblr-pink-rgb), var(--tblr-focus-ring-opacity)) -} + .pt-md-3 { + padding-top: 1rem!important + } -.focus-ring-red { - --tblr-focus-ring-color: rgba(var(--tblr-red-rgb), var(--tblr-focus-ring-opacity)) -} + .pt-md-4 { + padding-top: 1.5rem!important + } -.focus-ring-orange { - --tblr-focus-ring-color: rgba(var(--tblr-orange-rgb), var(--tblr-focus-ring-opacity)) -} + .pt-md-5 { + padding-top: 2rem!important + } -.focus-ring-yellow { - --tblr-focus-ring-color: rgba(var(--tblr-yellow-rgb), var(--tblr-focus-ring-opacity)) -} + .pt-md-6 { + padding-top: 3rem!important + } -.focus-ring-lime { - --tblr-focus-ring-color: rgba(var(--tblr-lime-rgb), var(--tblr-focus-ring-opacity)) -} + .pt-md-7 { + padding-top: 5rem!important + } -.focus-ring-green { - --tblr-focus-ring-color: rgba(var(--tblr-green-rgb), var(--tblr-focus-ring-opacity)) -} + .pt-md-8 { + padding-top: 8rem!important + } -.focus-ring-teal { - --tblr-focus-ring-color: rgba(var(--tblr-teal-rgb), var(--tblr-focus-ring-opacity)) -} + .pe-md-0 { + padding-right: 0!important + } -.focus-ring-cyan { - --tblr-focus-ring-color: rgba(var(--tblr-cyan-rgb), var(--tblr-focus-ring-opacity)) -} + .pe-md-1 { + padding-right: .25rem!important + } -.focus-ring-x { - --tblr-focus-ring-color: rgba(var(--tblr-x-rgb), var(--tblr-focus-ring-opacity)) -} + .pe-md-2 { + padding-right: .5rem!important + } -.focus-ring-facebook { - --tblr-focus-ring-color: rgba(var(--tblr-facebook-rgb), var(--tblr-focus-ring-opacity)) -} + .pe-md-3 { + padding-right: 1rem!important + } -.focus-ring-twitter { - --tblr-focus-ring-color: rgba(var(--tblr-twitter-rgb), var(--tblr-focus-ring-opacity)) -} + .pe-md-4 { + padding-right: 1.5rem!important + } -.focus-ring-linkedin { - --tblr-focus-ring-color: rgba(var(--tblr-linkedin-rgb), var(--tblr-focus-ring-opacity)) -} + .pe-md-5 { + padding-right: 2rem!important + } -.focus-ring-google { - --tblr-focus-ring-color: rgba(var(--tblr-google-rgb), var(--tblr-focus-ring-opacity)) -} + .pe-md-6 { + padding-right: 3rem!important + } -.focus-ring-youtube { - --tblr-focus-ring-color: rgba(var(--tblr-youtube-rgb), var(--tblr-focus-ring-opacity)) -} + .pe-md-7 { + padding-right: 5rem!important + } -.focus-ring-vimeo { - --tblr-focus-ring-color: rgba(var(--tblr-vimeo-rgb), var(--tblr-focus-ring-opacity)) -} + .pe-md-8 { + padding-right: 8rem!important + } -.focus-ring-dribbble { - --tblr-focus-ring-color: rgba(var(--tblr-dribbble-rgb), var(--tblr-focus-ring-opacity)) -} + .pb-md-0 { + padding-bottom: 0!important + } -.focus-ring-github { - --tblr-focus-ring-color: rgba(var(--tblr-github-rgb), var(--tblr-focus-ring-opacity)) -} + .pb-md-1 { + padding-bottom: .25rem!important + } -.focus-ring-instagram { - --tblr-focus-ring-color: rgba(var(--tblr-instagram-rgb), var(--tblr-focus-ring-opacity)) -} + .pb-md-2 { + padding-bottom: .5rem!important + } -.focus-ring-pinterest { - --tblr-focus-ring-color: rgba(var(--tblr-pinterest-rgb), var(--tblr-focus-ring-opacity)) -} + .pb-md-3 { + padding-bottom: 1rem!important + } -.focus-ring-vk { - --tblr-focus-ring-color: rgba(var(--tblr-vk-rgb), var(--tblr-focus-ring-opacity)) -} + .pb-md-4 { + padding-bottom: 1.5rem!important + } -.focus-ring-rss { - --tblr-focus-ring-color: rgba(var(--tblr-rss-rgb), var(--tblr-focus-ring-opacity)) -} + .pb-md-5 { + padding-bottom: 2rem!important + } -.focus-ring-flickr { - --tblr-focus-ring-color: rgba(var(--tblr-flickr-rgb), var(--tblr-focus-ring-opacity)) -} + .pb-md-6 { + padding-bottom: 3rem!important + } -.focus-ring-bitbucket { - --tblr-focus-ring-color: rgba(var(--tblr-bitbucket-rgb), var(--tblr-focus-ring-opacity)) -} + .pb-md-7 { + padding-bottom: 5rem!important + } -.focus-ring-tabler { - --tblr-focus-ring-color: rgba(var(--tblr-tabler-rgb), var(--tblr-focus-ring-opacity)) -} + .pb-md-8 { + padding-bottom: 8rem!important + } -.position-static { - position: static!important -} + .ps-md-0 { + padding-left: 0!important + } -.position-relative { - position: relative!important -} + .ps-md-1 { + padding-left: .25rem!important + } -.position-absolute { - position: absolute!important -} + .ps-md-2 { + padding-left: .5rem!important + } -.position-fixed { - position: fixed!important -} + .ps-md-3 { + padding-left: 1rem!important + } -.position-sticky { - position: -webkit-sticky!important; - position: sticky!important -} + .ps-md-4 { + padding-left: 1.5rem!important + } -.top-0 { - top: 0!important -} + .ps-md-5 { + padding-left: 2rem!important + } -.top-50 { - top: 50%!important -} + .ps-md-6 { + padding-left: 3rem!important + } -.top-100 { - top: 100%!important -} + .ps-md-7 { + padding-left: 5rem!important + } -.bottom-0 { - bottom: 0!important -} + .ps-md-8 { + padding-left: 8rem!important + } -.bottom-50 { - bottom: 50%!important -} + .gap-md-0 { + gap: 0!important + } -.bottom-100 { - bottom: 100%!important -} + .gap-md-1 { + gap: .25rem!important + } -.start-0 { - left: 0!important -} + .gap-md-2 { + gap: .5rem!important + } -.start-50 { - left: 50%!important -} + .gap-md-3 { + gap: 1rem!important + } -.start-100 { - left: 100%!important -} + .gap-md-4 { + gap: 1.5rem!important + } -.end-0 { - right: 0!important -} + .gap-md-5 { + gap: 2rem!important + } -.end-50 { - right: 50%!important -} + .gap-md-6 { + gap: 3rem!important + } -.end-100 { - right: 100%!important -} + .gap-md-7 { + gap: 5rem!important + } -.translate-middle { - transform: translate(-50%,-50%)!important -} + .gap-md-8 { + gap: 8rem!important + } -.translate-middle-x { - transform: translateX(-50%)!important -} + .row-gap-md-0 { + row-gap: 0!important + } -.translate-middle-y { - transform: translateY(-50%)!important -} + .row-gap-md-1 { + row-gap: .25rem!important + } -.border { - border: var(--tblr-border-width) var(--tblr-border-style) rgba(4,32,69,.1)!important -} + .row-gap-md-2 { + row-gap: .5rem!important + } -.border-wide { - border: 2px var(--tblr-border-style) rgba(4,32,69,.1)!important -} + .row-gap-md-3 { + row-gap: 1rem!important + } -.border-0 { - border: 0!important -} - -.border-top { - border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4,32,69,.1)!important -} + .row-gap-md-4 { + row-gap: 1.5rem!important + } -.border-top-wide { - border-top: 2px var(--tblr-border-style) rgba(4,32,69,.1)!important -} + .row-gap-md-5 { + row-gap: 2rem!important + } -.border-top-0 { - border-top: 0!important -} + .row-gap-md-6 { + row-gap: 3rem!important + } -.border-end { - border-right: var(--tblr-border-width) var(--tblr-border-style) rgba(4,32,69,.1)!important -} + .row-gap-md-7 { + row-gap: 5rem!important + } -.border-end-wide { - border-right: 2px var(--tblr-border-style) rgba(4,32,69,.1)!important -} + .row-gap-md-8 { + row-gap: 8rem!important + } -.border-end-0 { - border-right: 0!important -} + .column-gap-md-0 { + -moz-column-gap: 0!important; + column-gap: 0!important + } -.border-bottom { - border-bottom: var(--tblr-border-width) var(--tblr-border-style) rgba(4,32,69,.1)!important -} + .column-gap-md-1 { + -moz-column-gap: .25rem!important; + column-gap: .25rem!important + } -.border-bottom-wide { - border-bottom: 2px var(--tblr-border-style) rgba(4,32,69,.1)!important -} + .column-gap-md-2 { + -moz-column-gap: .5rem!important; + column-gap: .5rem!important + } -.border-bottom-0 { - border-bottom: 0!important -} + .column-gap-md-3 { + -moz-column-gap: 1rem!important; + column-gap: 1rem!important + } -.border-start { - border-left: var(--tblr-border-width) var(--tblr-border-style) rgba(4,32,69,.1)!important -} + .column-gap-md-4 { + -moz-column-gap: 1.5rem!important; + column-gap: 1.5rem!important + } -.border-start-wide { - border-left: 2px var(--tblr-border-style) rgba(4,32,69,.1)!important -} + .column-gap-md-5 { + -moz-column-gap: 2rem!important; + column-gap: 2rem!important + } -.border-start-0 { - border-left: 0!important -} + .column-gap-md-6 { + -moz-column-gap: 3rem!important; + column-gap: 3rem!important + } -.border-primary { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-primary-rgb),var(--tblr-border-opacity))!important -} + .column-gap-md-7 { + -moz-column-gap: 5rem!important; + column-gap: 5rem!important + } -.border-secondary { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-secondary-rgb),var(--tblr-border-opacity))!important -} + .column-gap-md-8 { + -moz-column-gap: 8rem!important; + column-gap: 8rem!important + } -.border-success { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-success-rgb),var(--tblr-border-opacity))!important -} + .text-md-start { + text-align: left!important + } -.border-info { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-info-rgb),var(--tblr-border-opacity))!important -} + .text-md-end { + text-align: right!important + } -.border-warning { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-warning-rgb),var(--tblr-border-opacity))!important -} + .text-md-center { + text-align: center!important + } -.border-danger { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-danger-rgb),var(--tblr-border-opacity))!important -} + .columns-md-2 { + -moz-columns: 2!important; + columns: 2!important + } -.border-light { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-light-rgb),var(--tblr-border-opacity))!important -} + .columns-md-3 { + -moz-columns: 3!important; + columns: 3!important + } -.border-dark { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-dark-rgb),var(--tblr-border-opacity))!important + .columns-md-4 { + -moz-columns: 4!important; + columns: 4!important + } } -.border-muted { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-muted-rgb),var(--tblr-border-opacity))!important -} +@media (min-width: 992px) { + .float-lg-start { + float:left!important + } -.border-blue { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-blue-rgb),var(--tblr-border-opacity))!important -} + .float-lg-end { + float: right!important + } -.border-azure { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-azure-rgb),var(--tblr-border-opacity))!important -} + .float-lg-none { + float: none!important + } -.border-indigo { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-indigo-rgb),var(--tblr-border-opacity))!important -} + .object-fit-lg-contain { + -o-object-fit: contain!important; + object-fit: contain!important + } -.border-purple { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-purple-rgb),var(--tblr-border-opacity))!important -} + .object-fit-lg-cover { + -o-object-fit: cover!important; + object-fit: cover!important + } -.border-pink { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-pink-rgb),var(--tblr-border-opacity))!important -} + .object-fit-lg-fill { + -o-object-fit: fill!important; + object-fit: fill!important + } -.border-red { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-red-rgb),var(--tblr-border-opacity))!important -} + .object-fit-lg-scale { + -o-object-fit: scale-down!important; + object-fit: scale-down!important + } -.border-orange { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-orange-rgb),var(--tblr-border-opacity))!important -} + .object-fit-lg-none { + -o-object-fit: none!important; + object-fit: none!important + } -.border-yellow { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-yellow-rgb),var(--tblr-border-opacity))!important -} + .d-lg-inline { + display: inline!important + } -.border-lime { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-lime-rgb),var(--tblr-border-opacity))!important -} + .d-lg-inline-block { + display: inline-block!important + } -.border-green { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-green-rgb),var(--tblr-border-opacity))!important -} + .d-lg-block { + display: block!important + } -.border-teal { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-teal-rgb),var(--tblr-border-opacity))!important -} + .d-lg-grid { + display: grid!important + } -.border-cyan { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-cyan-rgb),var(--tblr-border-opacity))!important -} + .d-lg-inline-grid { + display: inline-grid!important + } -.border-x { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-x-rgb),var(--tblr-border-opacity))!important -} + .d-lg-table { + display: table!important + } -.border-facebook { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-facebook-rgb),var(--tblr-border-opacity))!important -} + .d-lg-table-row { + display: table-row!important + } -.border-twitter { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-twitter-rgb),var(--tblr-border-opacity))!important -} + .d-lg-table-cell { + display: table-cell!important + } -.border-linkedin { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-linkedin-rgb),var(--tblr-border-opacity))!important -} + .d-lg-flex { + display: flex!important + } -.border-google { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-google-rgb),var(--tblr-border-opacity))!important -} + .d-lg-inline-flex { + display: inline-flex!important + } -.border-youtube { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-youtube-rgb),var(--tblr-border-opacity))!important -} + .d-lg-none { + display: none!important + } -.border-vimeo { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-vimeo-rgb),var(--tblr-border-opacity))!important -} + .flex-lg-fill { + flex: 1 1 auto!important + } -.border-dribbble { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-dribbble-rgb),var(--tblr-border-opacity))!important -} + .flex-lg-row { + flex-direction: row!important + } -.border-github { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-github-rgb),var(--tblr-border-opacity))!important -} + .flex-lg-column { + flex-direction: column!important + } -.border-instagram { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-instagram-rgb),var(--tblr-border-opacity))!important -} + .flex-lg-row-reverse { + flex-direction: row-reverse!important + } -.border-pinterest { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-pinterest-rgb),var(--tblr-border-opacity))!important -} + .flex-lg-column-reverse { + flex-direction: column-reverse!important + } -.border-vk { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-vk-rgb),var(--tblr-border-opacity))!important -} + .flex-lg-grow-0 { + flex-grow: 0!important + } -.border-rss { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-rss-rgb),var(--tblr-border-opacity))!important -} + .flex-lg-grow-1 { + flex-grow: 1!important + } -.border-flickr { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-flickr-rgb),var(--tblr-border-opacity))!important -} + .flex-lg-shrink-0 { + flex-shrink: 0!important + } -.border-bitbucket { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-bitbucket-rgb),var(--tblr-border-opacity))!important -} + .flex-lg-shrink-1 { + flex-shrink: 1!important + } -.border-tabler { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-tabler-rgb),var(--tblr-border-opacity))!important -} + .flex-lg-wrap { + flex-wrap: wrap!important + } -.border-black { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-black-rgb),var(--tblr-border-opacity))!important -} + .flex-lg-nowrap { + flex-wrap: nowrap!important + } -.border-white { - --tblr-border-opacity: 1; - border-color: rgba(var(--tblr-white-rgb),var(--tblr-border-opacity))!important -} + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse!important + } -.border-primary-subtle { - border-color: var(--tblr-primary-border-subtle)!important -} + .justify-content-lg-start { + justify-content: flex-start!important + } -.border-secondary-subtle { - border-color: var(--tblr-secondary-border-subtle)!important -} + .justify-content-lg-end { + justify-content: flex-end!important + } -.border-success-subtle { - border-color: var(--tblr-success-border-subtle)!important -} + .justify-content-lg-center { + justify-content: center!important + } -.border-info-subtle { - border-color: var(--tblr-info-border-subtle)!important -} + .justify-content-lg-between { + justify-content: space-between!important + } -.border-warning-subtle { - border-color: var(--tblr-warning-border-subtle)!important -} + .justify-content-lg-around { + justify-content: space-around!important + } -.border-danger-subtle { - border-color: var(--tblr-danger-border-subtle)!important -} + .justify-content-lg-evenly { + justify-content: space-evenly!important + } -.border-light-subtle { - border-color: var(--tblr-light-border-subtle)!important -} + .align-items-lg-start { + align-items: flex-start!important + } -.border-dark-subtle { - border-color: var(--tblr-dark-border-subtle)!important -} + .align-items-lg-end { + align-items: flex-end!important + } -.border-1 { - border-width: 1px!important -} + .align-items-lg-center { + align-items: center!important + } -.border-2 { - border-width: 2px!important -} + .align-items-lg-baseline { + align-items: baseline!important + } -.border-3 { - border-width: 3px!important -} + .align-items-lg-stretch { + align-items: stretch!important + } -.border-4 { - border-width: 4px!important -} + .align-content-lg-start { + align-content: flex-start!important + } -.border-5 { - border-width: 5px!important -} + .align-content-lg-end { + align-content: flex-end!important + } -.border-opacity-10 { - --tblr-border-opacity: 0.1 -} + .align-content-lg-center { + align-content: center!important + } -.border-opacity-25 { - --tblr-border-opacity: 0.25 -} + .align-content-lg-between { + align-content: space-between!important + } -.border-opacity-50 { - --tblr-border-opacity: 0.5 -} + .align-content-lg-around { + align-content: space-around!important + } -.border-opacity-75 { - --tblr-border-opacity: 0.75 -} + .align-content-lg-stretch { + align-content: stretch!important + } -.border-opacity-100 { - --tblr-border-opacity: 1 -} + .align-self-lg-auto { + align-self: auto!important + } -.w-0 { - width: 0!important -} + .align-self-lg-start { + align-self: flex-start!important + } -.w-1 { - width: .25rem!important -} + .align-self-lg-end { + align-self: flex-end!important + } -.w-2 { - width: .5rem!important -} + .align-self-lg-center { + align-self: center!important + } -.w-3 { - width: 1rem!important -} + .align-self-lg-baseline { + align-self: baseline!important + } -.w-4 { - width: 1.5rem!important -} + .align-self-lg-stretch { + align-self: stretch!important + } -.w-5 { - width: 2rem!important -} + .order-lg-first { + order: -1!important + } -.w-6 { - width: 3rem!important -} + .order-lg-0 { + order: 0!important + } -.w-7 { - width: 5rem!important -} + .order-lg-1 { + order: 1!important + } -.w-8 { - width: 8rem!important -} + .order-lg-2 { + order: 2!important + } -.w-25 { - width: 25%!important -} + .order-lg-3 { + order: 3!important + } -.w-33 { - width: 33.33333%!important -} + .order-lg-4 { + order: 4!important + } -.w-50 { - width: 50%!important -} + .order-lg-5 { + order: 5!important + } -.w-66 { - width: 66.66666%!important -} + .order-lg-last { + order: 6!important + } -.w-75 { - width: 75%!important -} + .m-lg-0 { + margin: 0!important + } -.w-100 { - width: 100%!important -} + .m-lg-1 { + margin: .25rem!important + } -.w-auto { - width: auto!important -} + .m-lg-2 { + margin: .5rem!important + } -.mw-100 { - max-width: 100%!important -} + .m-lg-3 { + margin: 1rem!important + } -.vw-100 { - width: 100vw!important -} + .m-lg-4 { + margin: 1.5rem!important + } -.min-vw-100 { - min-width: 100vw!important -} + .m-lg-5 { + margin: 2rem!important + } -.h-0 { - height: 0!important -} + .m-lg-6 { + margin: 3rem!important + } -.h-1 { - height: .25rem!important -} + .m-lg-7 { + margin: 5rem!important + } -.h-2 { - height: .5rem!important -} + .m-lg-8 { + margin: 8rem!important + } -.h-3 { - height: 1rem!important -} + .m-lg-auto { + margin: auto!important + } -.h-4 { - height: 1.5rem!important -} + .mx-lg-0 { + margin-right: 0!important; + margin-left: 0!important + } -.h-5 { - height: 2rem!important -} + .mx-lg-1 { + margin-right: .25rem!important; + margin-left: .25rem!important + } -.h-6 { - height: 3rem!important -} + .mx-lg-2 { + margin-right: .5rem!important; + margin-left: .5rem!important + } -.h-7 { - height: 5rem!important -} + .mx-lg-3 { + margin-right: 1rem!important; + margin-left: 1rem!important + } -.h-8 { - height: 8rem!important -} + .mx-lg-4 { + margin-right: 1.5rem!important; + margin-left: 1.5rem!important + } -.h-25 { - height: 25%!important -} + .mx-lg-5 { + margin-right: 2rem!important; + margin-left: 2rem!important + } -.h-33 { - height: 33.33333%!important -} + .mx-lg-6 { + margin-right: 3rem!important; + margin-left: 3rem!important + } -.h-50 { - height: 50%!important -} - -.h-66 { - height: 66.66666%!important -} + .mx-lg-7 { + margin-right: 5rem!important; + margin-left: 5rem!important + } -.h-75 { - height: 75%!important -} + .mx-lg-8 { + margin-right: 8rem!important; + margin-left: 8rem!important + } -.h-100 { - height: 100%!important -} + .mx-lg-auto { + margin-right: auto!important; + margin-left: auto!important + } -.h-auto { - height: auto!important -} + .my-lg-0 { + margin-top: 0!important; + margin-bottom: 0!important + } -.mh-100 { - max-height: 100%!important -} + .my-lg-1 { + margin-top: .25rem!important; + margin-bottom: .25rem!important + } -.vh-100 { - height: 100vh!important -} + .my-lg-2 { + margin-top: .5rem!important; + margin-bottom: .5rem!important + } -.min-vh-100 { - min-height: 100vh!important -} + .my-lg-3 { + margin-top: 1rem!important; + margin-bottom: 1rem!important + } -.flex-fill { - flex: 1 1 auto!important -} + .my-lg-4 { + margin-top: 1.5rem!important; + margin-bottom: 1.5rem!important + } -.flex-row { - flex-direction: row!important -} + .my-lg-5 { + margin-top: 2rem!important; + margin-bottom: 2rem!important + } -.flex-column { - flex-direction: column!important -} + .my-lg-6 { + margin-top: 3rem!important; + margin-bottom: 3rem!important + } -.flex-row-reverse { - flex-direction: row-reverse!important -} + .my-lg-7 { + margin-top: 5rem!important; + margin-bottom: 5rem!important + } -.flex-column-reverse { - flex-direction: column-reverse!important -} + .my-lg-8 { + margin-top: 8rem!important; + margin-bottom: 8rem!important + } -.flex-grow-0 { - flex-grow: 0!important -} + .my-lg-auto { + margin-top: auto!important; + margin-bottom: auto!important + } -.flex-grow-1 { - flex-grow: 1!important -} + .mt-lg-0 { + margin-top: 0!important + } -.flex-shrink-0 { - flex-shrink: 0!important -} + .mt-lg-1 { + margin-top: .25rem!important + } -.flex-shrink-1 { - flex-shrink: 1!important -} + .mt-lg-2 { + margin-top: .5rem!important + } -.flex-wrap { - flex-wrap: wrap!important -} + .mt-lg-3 { + margin-top: 1rem!important + } -.flex-nowrap { - flex-wrap: nowrap!important -} + .mt-lg-4 { + margin-top: 1.5rem!important + } -.flex-wrap-reverse { - flex-wrap: wrap-reverse!important -} + .mt-lg-5 { + margin-top: 2rem!important + } -.justify-content-start { - justify-content: flex-start!important -} + .mt-lg-6 { + margin-top: 3rem!important + } -.justify-content-end { - justify-content: flex-end!important -} + .mt-lg-7 { + margin-top: 5rem!important + } -.justify-content-center { - justify-content: center!important -} + .mt-lg-8 { + margin-top: 8rem!important + } -.justify-content-between { - justify-content: space-between!important -} + .mt-lg-auto { + margin-top: auto!important + } -.justify-content-around { - justify-content: space-around!important -} + .me-lg-0 { + margin-right: 0!important + } -.justify-content-evenly { - justify-content: space-evenly!important -} + .me-lg-1 { + margin-right: .25rem!important + } -.align-items-start { - align-items: flex-start!important -} + .me-lg-2 { + margin-right: .5rem!important + } -.align-items-end { - align-items: flex-end!important -} + .me-lg-3 { + margin-right: 1rem!important + } -.align-items-center { - align-items: center!important -} + .me-lg-4 { + margin-right: 1.5rem!important + } -.align-items-baseline { - align-items: baseline!important -} + .me-lg-5 { + margin-right: 2rem!important + } -.align-items-stretch { - align-items: stretch!important -} + .me-lg-6 { + margin-right: 3rem!important + } -.align-content-start { - align-content: flex-start!important -} + .me-lg-7 { + margin-right: 5rem!important + } -.align-content-end { - align-content: flex-end!important -} + .me-lg-8 { + margin-right: 8rem!important + } -.align-content-center { - align-content: center!important -} + .me-lg-auto { + margin-right: auto!important + } -.align-content-between { - align-content: space-between!important -} + .mb-lg-0 { + margin-bottom: 0!important + } -.align-content-around { - align-content: space-around!important -} + .mb-lg-1 { + margin-bottom: .25rem!important + } -.align-content-stretch { - align-content: stretch!important -} + .mb-lg-2 { + margin-bottom: .5rem!important + } -.align-self-auto { - align-self: auto!important -} + .mb-lg-3 { + margin-bottom: 1rem!important + } -.align-self-start { - align-self: flex-start!important -} + .mb-lg-4 { + margin-bottom: 1.5rem!important + } -.align-self-end { - align-self: flex-end!important -} + .mb-lg-5 { + margin-bottom: 2rem!important + } -.align-self-center { - align-self: center!important -} + .mb-lg-6 { + margin-bottom: 3rem!important + } -.align-self-baseline { - align-self: baseline!important -} + .mb-lg-7 { + margin-bottom: 5rem!important + } -.align-self-stretch { - align-self: stretch!important -} + .mb-lg-8 { + margin-bottom: 8rem!important + } -.order-first { - order: -1!important -} + .mb-lg-auto { + margin-bottom: auto!important + } -.order-0 { - order: 0!important -} + .ms-lg-0 { + margin-left: 0!important + } -.order-1 { - order: 1!important -} + .ms-lg-1 { + margin-left: .25rem!important + } -.order-2 { - order: 2!important -} + .ms-lg-2 { + margin-left: .5rem!important + } -.order-3 { - order: 3!important -} + .ms-lg-3 { + margin-left: 1rem!important + } -.order-4 { - order: 4!important -} + .ms-lg-4 { + margin-left: 1.5rem!important + } -.order-5 { - order: 5!important -} + .ms-lg-5 { + margin-left: 2rem!important + } -.order-last { - order: 6!important -} + .ms-lg-6 { + margin-left: 3rem!important + } -.m-0 { - margin: 0!important -} + .ms-lg-7 { + margin-left: 5rem!important + } -.m-1 { - margin: .25rem!important -} + .ms-lg-8 { + margin-left: 8rem!important + } -.m-2 { - margin: .5rem!important -} + .ms-lg-auto { + margin-left: auto!important + } -.m-3 { - margin: 1rem!important -} + .p-lg-0 { + padding: 0!important + } -.m-4 { - margin: 1.5rem!important -} + .p-lg-1 { + padding: .25rem!important + } -.m-5 { - margin: 2rem!important -} + .p-lg-2 { + padding: .5rem!important + } -.m-6 { - margin: 3rem!important -} + .p-lg-3 { + padding: 1rem!important + } -.m-7 { - margin: 5rem!important -} + .p-lg-4 { + padding: 1.5rem!important + } -.m-8 { - margin: 8rem!important -} + .p-lg-5 { + padding: 2rem!important + } -.m-auto { - margin: auto!important -} + .p-lg-6 { + padding: 3rem!important + } -.mx-0 { - margin-right: 0!important; - margin-left: 0!important -} + .p-lg-7 { + padding: 5rem!important + } -.mx-1 { - margin-right: .25rem!important; - margin-left: .25rem!important -} + .p-lg-8 { + padding: 8rem!important + } -.mx-2 { - margin-right: .5rem!important; - margin-left: .5rem!important -} + .px-lg-0 { + padding-right: 0!important; + padding-left: 0!important + } -.mx-3 { - margin-right: 1rem!important; - margin-left: 1rem!important -} + .px-lg-1 { + padding-right: .25rem!important; + padding-left: .25rem!important + } -.mx-4 { - margin-right: 1.5rem!important; - margin-left: 1.5rem!important -} + .px-lg-2 { + padding-right: .5rem!important; + padding-left: .5rem!important + } -.mx-5 { - margin-right: 2rem!important; - margin-left: 2rem!important -} + .px-lg-3 { + padding-right: 1rem!important; + padding-left: 1rem!important + } -.mx-6 { - margin-right: 3rem!important; - margin-left: 3rem!important -} + .px-lg-4 { + padding-right: 1.5rem!important; + padding-left: 1.5rem!important + } -.mx-7 { - margin-right: 5rem!important; - margin-left: 5rem!important -} + .px-lg-5 { + padding-right: 2rem!important; + padding-left: 2rem!important + } -.mx-8 { - margin-right: 8rem!important; - margin-left: 8rem!important -} + .px-lg-6 { + padding-right: 3rem!important; + padding-left: 3rem!important + } -.mx-auto { - margin-right: auto!important; - margin-left: auto!important -} + .px-lg-7 { + padding-right: 5rem!important; + padding-left: 5rem!important + } -.my-0 { - margin-top: 0!important; - margin-bottom: 0!important -} + .px-lg-8 { + padding-right: 8rem!important; + padding-left: 8rem!important + } -.my-1 { - margin-top: .25rem!important; - margin-bottom: .25rem!important -} + .py-lg-0 { + padding-top: 0!important; + padding-bottom: 0!important + } -.my-2 { - margin-top: .5rem!important; - margin-bottom: .5rem!important -} + .py-lg-1 { + padding-top: .25rem!important; + padding-bottom: .25rem!important + } -.my-3 { - margin-top: 1rem!important; - margin-bottom: 1rem!important -} + .py-lg-2 { + padding-top: .5rem!important; + padding-bottom: .5rem!important + } -.my-4 { - margin-top: 1.5rem!important; - margin-bottom: 1.5rem!important -} + .py-lg-3 { + padding-top: 1rem!important; + padding-bottom: 1rem!important + } -.my-5 { - margin-top: 2rem!important; - margin-bottom: 2rem!important -} + .py-lg-4 { + padding-top: 1.5rem!important; + padding-bottom: 1.5rem!important + } -.my-6 { - margin-top: 3rem!important; - margin-bottom: 3rem!important -} + .py-lg-5 { + padding-top: 2rem!important; + padding-bottom: 2rem!important + } -.my-7 { - margin-top: 5rem!important; - margin-bottom: 5rem!important -} + .py-lg-6 { + padding-top: 3rem!important; + padding-bottom: 3rem!important + } -.my-8 { - margin-top: 8rem!important; - margin-bottom: 8rem!important -} + .py-lg-7 { + padding-top: 5rem!important; + padding-bottom: 5rem!important + } -.my-auto { - margin-top: auto!important; - margin-bottom: auto!important -} + .py-lg-8 { + padding-top: 8rem!important; + padding-bottom: 8rem!important + } -.mt-0 { - margin-top: 0!important -} + .pt-lg-0 { + padding-top: 0!important + } -.mt-1 { - margin-top: .25rem!important -} + .pt-lg-1 { + padding-top: .25rem!important + } -.mt-2 { - margin-top: .5rem!important -} + .pt-lg-2 { + padding-top: .5rem!important + } -.mt-3 { - margin-top: 1rem!important -} + .pt-lg-3 { + padding-top: 1rem!important + } -.mt-4 { - margin-top: 1.5rem!important -} + .pt-lg-4 { + padding-top: 1.5rem!important + } -.mt-5 { - margin-top: 2rem!important -} + .pt-lg-5 { + padding-top: 2rem!important + } -.mt-6 { - margin-top: 3rem!important -} + .pt-lg-6 { + padding-top: 3rem!important + } -.mt-7 { - margin-top: 5rem!important -} + .pt-lg-7 { + padding-top: 5rem!important + } -.mt-8 { - margin-top: 8rem!important -} + .pt-lg-8 { + padding-top: 8rem!important + } -.mt-auto { - margin-top: auto!important -} + .pe-lg-0 { + padding-right: 0!important + } -.me-0 { - margin-right: 0!important -} + .pe-lg-1 { + padding-right: .25rem!important + } -.me-1 { - margin-right: .25rem!important -} + .pe-lg-2 { + padding-right: .5rem!important + } -.me-2 { - margin-right: .5rem!important -} + .pe-lg-3 { + padding-right: 1rem!important + } -.me-3 { - margin-right: 1rem!important -} + .pe-lg-4 { + padding-right: 1.5rem!important + } -.me-4 { - margin-right: 1.5rem!important -} + .pe-lg-5 { + padding-right: 2rem!important + } -.me-5 { - margin-right: 2rem!important -} + .pe-lg-6 { + padding-right: 3rem!important + } -.me-6 { - margin-right: 3rem!important -} + .pe-lg-7 { + padding-right: 5rem!important + } -.me-7 { - margin-right: 5rem!important -} + .pe-lg-8 { + padding-right: 8rem!important + } -.me-8 { - margin-right: 8rem!important -} + .pb-lg-0 { + padding-bottom: 0!important + } -.me-auto { - margin-right: auto!important -} + .pb-lg-1 { + padding-bottom: .25rem!important + } -.mb-0 { - margin-bottom: 0!important -} + .pb-lg-2 { + padding-bottom: .5rem!important + } -.mb-1 { - margin-bottom: .25rem!important -} + .pb-lg-3 { + padding-bottom: 1rem!important + } -.mb-2 { - margin-bottom: .5rem!important -} + .pb-lg-4 { + padding-bottom: 1.5rem!important + } -.mb-3 { - margin-bottom: 1rem!important -} + .pb-lg-5 { + padding-bottom: 2rem!important + } -.mb-4 { - margin-bottom: 1.5rem!important -} + .pb-lg-6 { + padding-bottom: 3rem!important + } -.mb-5 { - margin-bottom: 2rem!important -} + .pb-lg-7 { + padding-bottom: 5rem!important + } -.mb-6 { - margin-bottom: 3rem!important -} + .pb-lg-8 { + padding-bottom: 8rem!important + } -.mb-7 { - margin-bottom: 5rem!important -} + .ps-lg-0 { + padding-left: 0!important + } -.mb-8 { - margin-bottom: 8rem!important -} + .ps-lg-1 { + padding-left: .25rem!important + } -.mb-auto { - margin-bottom: auto!important -} + .ps-lg-2 { + padding-left: .5rem!important + } -.ms-0 { - margin-left: 0!important -} + .ps-lg-3 { + padding-left: 1rem!important + } -.ms-1 { - margin-left: .25rem!important -} + .ps-lg-4 { + padding-left: 1.5rem!important + } -.ms-2 { - margin-left: .5rem!important -} + .ps-lg-5 { + padding-left: 2rem!important + } -.ms-3 { - margin-left: 1rem!important -} + .ps-lg-6 { + padding-left: 3rem!important + } -.ms-4 { - margin-left: 1.5rem!important -} + .ps-lg-7 { + padding-left: 5rem!important + } -.ms-5 { - margin-left: 2rem!important -} + .ps-lg-8 { + padding-left: 8rem!important + } -.ms-6 { - margin-left: 3rem!important -} + .gap-lg-0 { + gap: 0!important + } -.ms-7 { - margin-left: 5rem!important -} + .gap-lg-1 { + gap: .25rem!important + } -.ms-8 { - margin-left: 8rem!important -} + .gap-lg-2 { + gap: .5rem!important + } -.ms-auto { - margin-left: auto!important -} + .gap-lg-3 { + gap: 1rem!important + } -.p-0 { - padding: 0!important -} + .gap-lg-4 { + gap: 1.5rem!important + } -.p-1 { - padding: .25rem!important -} + .gap-lg-5 { + gap: 2rem!important + } -.p-2 { - padding: .5rem!important -} + .gap-lg-6 { + gap: 3rem!important + } -.p-3 { - padding: 1rem!important -} + .gap-lg-7 { + gap: 5rem!important + } -.p-4 { - padding: 1.5rem!important -} + .gap-lg-8 { + gap: 8rem!important + } -.p-5 { - padding: 2rem!important -} + .row-gap-lg-0 { + row-gap: 0!important + } -.p-6 { - padding: 3rem!important -} + .row-gap-lg-1 { + row-gap: .25rem!important + } -.p-7 { - padding: 5rem!important -} + .row-gap-lg-2 { + row-gap: .5rem!important + } -.p-8 { - padding: 8rem!important -} + .row-gap-lg-3 { + row-gap: 1rem!important + } -.px-0 { - padding-right: 0!important; - padding-left: 0!important -} + .row-gap-lg-4 { + row-gap: 1.5rem!important + } -.px-1 { - padding-right: .25rem!important; - padding-left: .25rem!important -} + .row-gap-lg-5 { + row-gap: 2rem!important + } -.px-2 { - padding-right: .5rem!important; - padding-left: .5rem!important -} + .row-gap-lg-6 { + row-gap: 3rem!important + } -.px-3 { - padding-right: 1rem!important; - padding-left: 1rem!important -} + .row-gap-lg-7 { + row-gap: 5rem!important + } -.px-4 { - padding-right: 1.5rem!important; - padding-left: 1.5rem!important -} + .row-gap-lg-8 { + row-gap: 8rem!important + } -.px-5 { - padding-right: 2rem!important; - padding-left: 2rem!important -} + .column-gap-lg-0 { + -moz-column-gap: 0!important; + column-gap: 0!important + } -.px-6 { - padding-right: 3rem!important; - padding-left: 3rem!important -} + .column-gap-lg-1 { + -moz-column-gap: .25rem!important; + column-gap: .25rem!important + } -.px-7 { - padding-right: 5rem!important; - padding-left: 5rem!important -} + .column-gap-lg-2 { + -moz-column-gap: .5rem!important; + column-gap: .5rem!important + } -.px-8 { - padding-right: 8rem!important; - padding-left: 8rem!important -} + .column-gap-lg-3 { + -moz-column-gap: 1rem!important; + column-gap: 1rem!important + } -.py-0 { - padding-top: 0!important; - padding-bottom: 0!important -} + .column-gap-lg-4 { + -moz-column-gap: 1.5rem!important; + column-gap: 1.5rem!important + } -.py-1 { - padding-top: .25rem!important; - padding-bottom: .25rem!important -} + .column-gap-lg-5 { + -moz-column-gap: 2rem!important; + column-gap: 2rem!important + } -.py-2 { - padding-top: .5rem!important; - padding-bottom: .5rem!important -} + .column-gap-lg-6 { + -moz-column-gap: 3rem!important; + column-gap: 3rem!important + } -.py-3 { - padding-top: 1rem!important; - padding-bottom: 1rem!important -} + .column-gap-lg-7 { + -moz-column-gap: 5rem!important; + column-gap: 5rem!important + } -.py-4 { - padding-top: 1.5rem!important; - padding-bottom: 1.5rem!important -} + .column-gap-lg-8 { + -moz-column-gap: 8rem!important; + column-gap: 8rem!important + } -.py-5 { - padding-top: 2rem!important; - padding-bottom: 2rem!important -} + .text-lg-start { + text-align: left!important + } -.py-6 { - padding-top: 3rem!important; - padding-bottom: 3rem!important -} + .text-lg-end { + text-align: right!important + } -.py-7 { - padding-top: 5rem!important; - padding-bottom: 5rem!important -} + .text-lg-center { + text-align: center!important + } -.py-8 { - padding-top: 8rem!important; - padding-bottom: 8rem!important -} + .columns-lg-2 { + -moz-columns: 2!important; + columns: 2!important + } -.pt-0 { - padding-top: 0!important -} + .columns-lg-3 { + -moz-columns: 3!important; + columns: 3!important + } -.pt-1 { - padding-top: .25rem!important + .columns-lg-4 { + -moz-columns: 4!important; + columns: 4!important + } } -.pt-2 { - padding-top: .5rem!important -} +@media (min-width: 1200px) { + .float-xl-start { + float:left!important + } -.pt-3 { - padding-top: 1rem!important -} + .float-xl-end { + float: right!important + } -.pt-4 { - padding-top: 1.5rem!important -} + .float-xl-none { + float: none!important + } -.pt-5 { - padding-top: 2rem!important -} + .object-fit-xl-contain { + -o-object-fit: contain!important; + object-fit: contain!important + } -.pt-6 { - padding-top: 3rem!important -} + .object-fit-xl-cover { + -o-object-fit: cover!important; + object-fit: cover!important + } -.pt-7 { - padding-top: 5rem!important -} + .object-fit-xl-fill { + -o-object-fit: fill!important; + object-fit: fill!important + } -.pt-8 { - padding-top: 8rem!important -} + .object-fit-xl-scale { + -o-object-fit: scale-down!important; + object-fit: scale-down!important + } -.pe-0 { - padding-right: 0!important -} + .object-fit-xl-none { + -o-object-fit: none!important; + object-fit: none!important + } -.pe-1 { - padding-right: .25rem!important -} + .d-xl-inline { + display: inline!important + } -.pe-2 { - padding-right: .5rem!important -} + .d-xl-inline-block { + display: inline-block!important + } -.pe-3 { - padding-right: 1rem!important -} + .d-xl-block { + display: block!important + } -.pe-4 { - padding-right: 1.5rem!important -} + .d-xl-grid { + display: grid!important + } -.pe-5 { - padding-right: 2rem!important -} + .d-xl-inline-grid { + display: inline-grid!important + } -.pe-6 { - padding-right: 3rem!important -} + .d-xl-table { + display: table!important + } -.pe-7 { - padding-right: 5rem!important -} + .d-xl-table-row { + display: table-row!important + } -.pe-8 { - padding-right: 8rem!important -} + .d-xl-table-cell { + display: table-cell!important + } -.pb-0 { - padding-bottom: 0!important -} + .d-xl-flex { + display: flex!important + } -.pb-1 { - padding-bottom: .25rem!important -} + .d-xl-inline-flex { + display: inline-flex!important + } -.pb-2 { - padding-bottom: .5rem!important -} + .d-xl-none { + display: none!important + } -.pb-3 { - padding-bottom: 1rem!important -} + .flex-xl-fill { + flex: 1 1 auto!important + } -.pb-4 { - padding-bottom: 1.5rem!important -} + .flex-xl-row { + flex-direction: row!important + } -.pb-5 { - padding-bottom: 2rem!important -} + .flex-xl-column { + flex-direction: column!important + } -.pb-6 { - padding-bottom: 3rem!important -} + .flex-xl-row-reverse { + flex-direction: row-reverse!important + } -.pb-7 { - padding-bottom: 5rem!important -} + .flex-xl-column-reverse { + flex-direction: column-reverse!important + } -.pb-8 { - padding-bottom: 8rem!important -} + .flex-xl-grow-0 { + flex-grow: 0!important + } -.ps-0 { - padding-left: 0!important -} + .flex-xl-grow-1 { + flex-grow: 1!important + } -.ps-1 { - padding-left: .25rem!important -} + .flex-xl-shrink-0 { + flex-shrink: 0!important + } -.ps-2 { - padding-left: .5rem!important -} + .flex-xl-shrink-1 { + flex-shrink: 1!important + } -.ps-3 { - padding-left: 1rem!important -} + .flex-xl-wrap { + flex-wrap: wrap!important + } -.ps-4 { - padding-left: 1.5rem!important -} + .flex-xl-nowrap { + flex-wrap: nowrap!important + } -.ps-5 { - padding-left: 2rem!important -} + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse!important + } -.ps-6 { - padding-left: 3rem!important -} + .justify-content-xl-start { + justify-content: flex-start!important + } -.ps-7 { - padding-left: 5rem!important -} + .justify-content-xl-end { + justify-content: flex-end!important + } -.ps-8 { - padding-left: 8rem!important -} + .justify-content-xl-center { + justify-content: center!important + } -.gap-0 { - gap: 0!important -} + .justify-content-xl-between { + justify-content: space-between!important + } -.gap-1 { - gap: .25rem!important -} + .justify-content-xl-around { + justify-content: space-around!important + } -.gap-2 { - gap: .5rem!important -} + .justify-content-xl-evenly { + justify-content: space-evenly!important + } -.gap-3 { - gap: 1rem!important -} + .align-items-xl-start { + align-items: flex-start!important + } -.gap-4 { - gap: 1.5rem!important -} + .align-items-xl-end { + align-items: flex-end!important + } -.gap-5 { - gap: 2rem!important -} + .align-items-xl-center { + align-items: center!important + } -.gap-6 { - gap: 3rem!important -} + .align-items-xl-baseline { + align-items: baseline!important + } -.gap-7 { - gap: 5rem!important -} + .align-items-xl-stretch { + align-items: stretch!important + } -.gap-8 { - gap: 8rem!important -} + .align-content-xl-start { + align-content: flex-start!important + } -.row-gap-0 { - row-gap: 0!important -} + .align-content-xl-end { + align-content: flex-end!important + } -.row-gap-1 { - row-gap: .25rem!important -} + .align-content-xl-center { + align-content: center!important + } -.row-gap-2 { - row-gap: .5rem!important -} + .align-content-xl-between { + align-content: space-between!important + } -.row-gap-3 { - row-gap: 1rem!important -} + .align-content-xl-around { + align-content: space-around!important + } -.row-gap-4 { - row-gap: 1.5rem!important -} + .align-content-xl-stretch { + align-content: stretch!important + } -.row-gap-5 { - row-gap: 2rem!important -} + .align-self-xl-auto { + align-self: auto!important + } -.row-gap-6 { - row-gap: 3rem!important -} + .align-self-xl-start { + align-self: flex-start!important + } -.row-gap-7 { - row-gap: 5rem!important -} + .align-self-xl-end { + align-self: flex-end!important + } -.row-gap-8 { - row-gap: 8rem!important -} + .align-self-xl-center { + align-self: center!important + } -.column-gap-0 { - -moz-column-gap: 0!important; - column-gap: 0!important -} + .align-self-xl-baseline { + align-self: baseline!important + } -.column-gap-1 { - -moz-column-gap: .25rem!important; - column-gap: .25rem!important -} + .align-self-xl-stretch { + align-self: stretch!important + } -.column-gap-2 { - -moz-column-gap: .5rem!important; - column-gap: .5rem!important -} + .order-xl-first { + order: -1!important + } -.column-gap-3 { - -moz-column-gap: 1rem!important; - column-gap: 1rem!important -} + .order-xl-0 { + order: 0!important + } -.column-gap-4 { - -moz-column-gap: 1.5rem!important; - column-gap: 1.5rem!important -} + .order-xl-1 { + order: 1!important + } -.column-gap-5 { - -moz-column-gap: 2rem!important; - column-gap: 2rem!important -} + .order-xl-2 { + order: 2!important + } -.column-gap-6 { - -moz-column-gap: 3rem!important; - column-gap: 3rem!important -} + .order-xl-3 { + order: 3!important + } -.column-gap-7 { - -moz-column-gap: 5rem!important; - column-gap: 5rem!important -} + .order-xl-4 { + order: 4!important + } -.column-gap-8 { - -moz-column-gap: 8rem!important; - column-gap: 8rem!important -} + .order-xl-5 { + order: 5!important + } -.font-monospace { - font-family: var(--tblr-font-monospace)!important -} + .order-xl-last { + order: 6!important + } -.fs-1 { - font-size: 1.5rem!important -} + .m-xl-0 { + margin: 0!important + } -.fs-2 { - font-size: 1.25rem!important -} + .m-xl-1 { + margin: .25rem!important + } -.fs-3 { - font-size: 1rem!important -} + .m-xl-2 { + margin: .5rem!important + } -.fs-4 { - font-size: .875rem!important -} + .m-xl-3 { + margin: 1rem!important + } -.fs-5 { - font-size: .75rem!important -} + .m-xl-4 { + margin: 1.5rem!important + } -.fs-6 { - font-size: .625rem!important -} + .m-xl-5 { + margin: 2rem!important + } -.fst-italic { - font-style: italic!important -} + .m-xl-6 { + margin: 3rem!important + } -.fst-normal { - font-style: normal!important -} + .m-xl-7 { + margin: 5rem!important + } -.fw-lighter { - font-weight: lighter!important -} + .m-xl-8 { + margin: 8rem!important + } -.fw-light { - font-weight: 300!important -} + .m-xl-auto { + margin: auto!important + } -.fw-normal { - font-weight: 400!important -} + .mx-xl-0 { + margin-right: 0!important; + margin-left: 0!important + } -.fw-medium { - font-weight: 500!important -} + .mx-xl-1 { + margin-right: .25rem!important; + margin-left: .25rem!important + } -.fw-semibold { - font-weight: 600!important -} + .mx-xl-2 { + margin-right: .5rem!important; + margin-left: .5rem!important + } -.fw-bold { - font-weight: 600!important -} + .mx-xl-3 { + margin-right: 1rem!important; + margin-left: 1rem!important + } -.fw-bolder { - font-weight: bolder!important -} + .mx-xl-4 { + margin-right: 1.5rem!important; + margin-left: 1.5rem!important + } -.lh-1 { - line-height: 1!important -} + .mx-xl-5 { + margin-right: 2rem!important; + margin-left: 2rem!important + } -.lh-sm { - line-height: 1.1428571429!important -} + .mx-xl-6 { + margin-right: 3rem!important; + margin-left: 3rem!important + } -.lh-base { - line-height: 1.4285714286!important -} + .mx-xl-7 { + margin-right: 5rem!important; + margin-left: 5rem!important + } -.lh-lg { - line-height: 1.7142857143!important -} + .mx-xl-8 { + margin-right: 8rem!important; + margin-left: 8rem!important + } -.text-start { - text-align: left!important -} + .mx-xl-auto { + margin-right: auto!important; + margin-left: auto!important + } -.text-end { - text-align: right!important -} + .my-xl-0 { + margin-top: 0!important; + margin-bottom: 0!important + } -.text-center { - text-align: center!important -} + .my-xl-1 { + margin-top: .25rem!important; + margin-bottom: .25rem!important + } -.text-decoration-none { - text-decoration: none!important -} + .my-xl-2 { + margin-top: .5rem!important; + margin-bottom: .5rem!important + } -.text-decoration-underline { - text-decoration: underline!important -} + .my-xl-3 { + margin-top: 1rem!important; + margin-bottom: 1rem!important + } -.text-decoration-line-through { - text-decoration: line-through!important -} + .my-xl-4 { + margin-top: 1.5rem!important; + margin-bottom: 1.5rem!important + } -.text-lowercase { - text-transform: lowercase!important -} + .my-xl-5 { + margin-top: 2rem!important; + margin-bottom: 2rem!important + } -.text-uppercase { - text-transform: uppercase!important -} + .my-xl-6 { + margin-top: 3rem!important; + margin-bottom: 3rem!important + } -.text-capitalize { - text-transform: capitalize!important -} + .my-xl-7 { + margin-top: 5rem!important; + margin-bottom: 5rem!important + } -.text-wrap { - white-space: normal!important -} + .my-xl-8 { + margin-top: 8rem!important; + margin-bottom: 8rem!important + } -.text-nowrap { - white-space: nowrap!important -} + .my-xl-auto { + margin-top: auto!important; + margin-bottom: auto!important + } -.text-break { - word-wrap: break-word!important; - word-break: break-word!important -} + .mt-xl-0 { + margin-top: 0!important + } -.text-primary { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-primary-rgb),var(--tblr-text-opacity))!important -} + .mt-xl-1 { + margin-top: .25rem!important + } -.text-secondary { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-secondary-rgb),var(--tblr-text-opacity))!important -} + .mt-xl-2 { + margin-top: .5rem!important + } -.text-success { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-success-rgb),var(--tblr-text-opacity))!important -} + .mt-xl-3 { + margin-top: 1rem!important + } -.text-info { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-info-rgb),var(--tblr-text-opacity))!important -} + .mt-xl-4 { + margin-top: 1.5rem!important + } -.text-warning { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-warning-rgb),var(--tblr-text-opacity))!important -} + .mt-xl-5 { + margin-top: 2rem!important + } -.text-danger { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-danger-rgb),var(--tblr-text-opacity))!important -} + .mt-xl-6 { + margin-top: 3rem!important + } -.text-light { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-light-rgb),var(--tblr-text-opacity))!important -} + .mt-xl-7 { + margin-top: 5rem!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 -} + .mt-xl-8 { + margin-top: 8rem!important + } -.text-blue { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-blue-rgb),var(--tblr-text-opacity))!important -} + .mt-xl-auto { + margin-top: auto!important + } -.text-azure { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-azure-rgb),var(--tblr-text-opacity))!important -} + .me-xl-0 { + margin-right: 0!important + } -.text-indigo { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-indigo-rgb),var(--tblr-text-opacity))!important -} + .me-xl-1 { + margin-right: .25rem!important + } -.text-purple { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-purple-rgb),var(--tblr-text-opacity))!important -} + .me-xl-2 { + margin-right: .5rem!important + } -.text-pink { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-pink-rgb),var(--tblr-text-opacity))!important -} + .me-xl-3 { + margin-right: 1rem!important + } -.text-red { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-red-rgb),var(--tblr-text-opacity))!important -} + .me-xl-4 { + margin-right: 1.5rem!important + } -.text-orange { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-orange-rgb),var(--tblr-text-opacity))!important -} + .me-xl-5 { + margin-right: 2rem!important + } -.text-yellow { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-yellow-rgb),var(--tblr-text-opacity))!important -} + .me-xl-6 { + margin-right: 3rem!important + } -.text-lime { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-lime-rgb),var(--tblr-text-opacity))!important -} + .me-xl-7 { + margin-right: 5rem!important + } -.text-green { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-green-rgb),var(--tblr-text-opacity))!important -} + .me-xl-8 { + margin-right: 8rem!important + } -.text-teal { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-teal-rgb),var(--tblr-text-opacity))!important -} + .me-xl-auto { + margin-right: auto!important + } -.text-cyan { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-cyan-rgb),var(--tblr-text-opacity))!important -} + .mb-xl-0 { + margin-bottom: 0!important + } -.text-x { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-x-rgb),var(--tblr-text-opacity))!important -} + .mb-xl-1 { + margin-bottom: .25rem!important + } -.text-facebook { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-facebook-rgb),var(--tblr-text-opacity))!important -} + .mb-xl-2 { + margin-bottom: .5rem!important + } -.text-twitter { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-twitter-rgb),var(--tblr-text-opacity))!important -} + .mb-xl-3 { + margin-bottom: 1rem!important + } -.text-linkedin { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-linkedin-rgb),var(--tblr-text-opacity))!important -} + .mb-xl-4 { + margin-bottom: 1.5rem!important + } -.text-google { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-google-rgb),var(--tblr-text-opacity))!important -} + .mb-xl-5 { + margin-bottom: 2rem!important + } -.text-youtube { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-youtube-rgb),var(--tblr-text-opacity))!important -} + .mb-xl-6 { + margin-bottom: 3rem!important + } -.text-vimeo { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-vimeo-rgb),var(--tblr-text-opacity))!important -} + .mb-xl-7 { + margin-bottom: 5rem!important + } -.text-dribbble { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-dribbble-rgb),var(--tblr-text-opacity))!important -} + .mb-xl-8 { + margin-bottom: 8rem!important + } -.text-github { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-github-rgb),var(--tblr-text-opacity))!important -} + .mb-xl-auto { + margin-bottom: auto!important + } -.text-instagram { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-instagram-rgb),var(--tblr-text-opacity))!important -} + .ms-xl-0 { + margin-left: 0!important + } -.text-pinterest { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-pinterest-rgb),var(--tblr-text-opacity))!important -} + .ms-xl-1 { + margin-left: .25rem!important + } -.text-vk { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-vk-rgb),var(--tblr-text-opacity))!important -} + .ms-xl-2 { + margin-left: .5rem!important + } -.text-rss { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-rss-rgb),var(--tblr-text-opacity))!important -} + .ms-xl-3 { + margin-left: 1rem!important + } -.text-flickr { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-flickr-rgb),var(--tblr-text-opacity))!important -} + .ms-xl-4 { + margin-left: 1.5rem!important + } -.text-bitbucket { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-bitbucket-rgb),var(--tblr-text-opacity))!important -} + .ms-xl-5 { + margin-left: 2rem!important + } -.text-tabler { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-tabler-rgb),var(--tblr-text-opacity))!important -} + .ms-xl-6 { + margin-left: 3rem!important + } -.text-black { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-black-rgb),var(--tblr-text-opacity))!important -} + .ms-xl-7 { + margin-left: 5rem!important + } -.text-white { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-white-rgb),var(--tblr-text-opacity))!important -} + .ms-xl-8 { + margin-left: 8rem!important + } -.text-body { - --tblr-text-opacity: 1; - color: rgba(var(--tblr-body-color-rgb),var(--tblr-text-opacity))!important -} + .ms-xl-auto { + margin-left: auto!important + } -.text-black-50 { - --tblr-text-opacity: 1; - color: rgba(0,0,0,.5)!important -} + .p-xl-0 { + padding: 0!important + } -.text-white-50 { - --tblr-text-opacity: 1; - color: rgba(255,255,255,.5)!important -} + .p-xl-1 { + padding: .25rem!important + } -.text-body-secondary { - --tblr-text-opacity: 1; - color: var(--tblr-secondary-color)!important -} + .p-xl-2 { + padding: .5rem!important + } -.text-body-tertiary { - --tblr-text-opacity: 1; - color: var(--tblr-tertiary-color)!important -} + .p-xl-3 { + padding: 1rem!important + } -.text-body-emphasis { - --tblr-text-opacity: 1; - color: var(--tblr-emphasis-color)!important -} + .p-xl-4 { + padding: 1.5rem!important + } -.text-reset { - --tblr-text-opacity: 1; - color: inherit!important -} + .p-xl-5 { + padding: 2rem!important + } -.text-opacity-25 { - --tblr-text-opacity: 0.25 -} + .p-xl-6 { + padding: 3rem!important + } -.text-opacity-50 { - --tblr-text-opacity: 0.5 -} + .p-xl-7 { + padding: 5rem!important + } -.text-opacity-75 { - --tblr-text-opacity: 0.75 -} - -.text-opacity-100 { - --tblr-text-opacity: 1 -} + .p-xl-8 { + padding: 8rem!important + } -.text-primary-emphasis { - color: var(--tblr-primary-text-emphasis)!important -} + .px-xl-0 { + padding-right: 0!important; + padding-left: 0!important + } -.text-secondary-emphasis { - color: var(--tblr-secondary-text-emphasis)!important -} + .px-xl-1 { + padding-right: .25rem!important; + padding-left: .25rem!important + } -.text-success-emphasis { - color: var(--tblr-success-text-emphasis)!important -} + .px-xl-2 { + padding-right: .5rem!important; + padding-left: .5rem!important + } -.text-info-emphasis { - color: var(--tblr-info-text-emphasis)!important -} + .px-xl-3 { + padding-right: 1rem!important; + padding-left: 1rem!important + } -.text-warning-emphasis { - color: var(--tblr-warning-text-emphasis)!important -} + .px-xl-4 { + padding-right: 1.5rem!important; + padding-left: 1.5rem!important + } -.text-danger-emphasis { - color: var(--tblr-danger-text-emphasis)!important -} + .px-xl-5 { + padding-right: 2rem!important; + padding-left: 2rem!important + } -.text-light-emphasis { - color: var(--tblr-light-text-emphasis)!important -} + .px-xl-6 { + padding-right: 3rem!important; + padding-left: 3rem!important + } -.text-dark-emphasis { - color: var(--tblr-dark-text-emphasis)!important -} + .px-xl-7 { + padding-right: 5rem!important; + padding-left: 5rem!important + } -.link-opacity-10 { - --tblr-link-opacity: 0.1 -} + .px-xl-8 { + padding-right: 8rem!important; + padding-left: 8rem!important + } -.link-opacity-10-hover:hover { - --tblr-link-opacity: 0.1 -} + .py-xl-0 { + padding-top: 0!important; + padding-bottom: 0!important + } -.link-opacity-25 { - --tblr-link-opacity: 0.25 -} + .py-xl-1 { + padding-top: .25rem!important; + padding-bottom: .25rem!important + } -.link-opacity-25-hover:hover { - --tblr-link-opacity: 0.25 -} + .py-xl-2 { + padding-top: .5rem!important; + padding-bottom: .5rem!important + } -.link-opacity-50 { - --tblr-link-opacity: 0.5 -} + .py-xl-3 { + padding-top: 1rem!important; + padding-bottom: 1rem!important + } -.link-opacity-50-hover:hover { - --tblr-link-opacity: 0.5 -} + .py-xl-4 { + padding-top: 1.5rem!important; + padding-bottom: 1.5rem!important + } -.link-opacity-75 { - --tblr-link-opacity: 0.75 -} + .py-xl-5 { + padding-top: 2rem!important; + padding-bottom: 2rem!important + } -.link-opacity-75-hover:hover { - --tblr-link-opacity: 0.75 -} + .py-xl-6 { + padding-top: 3rem!important; + padding-bottom: 3rem!important + } -.link-opacity-100 { - --tblr-link-opacity: 1 -} + .py-xl-7 { + padding-top: 5rem!important; + padding-bottom: 5rem!important + } -.link-opacity-100-hover:hover { - --tblr-link-opacity: 1 -} + .py-xl-8 { + padding-top: 8rem!important; + padding-bottom: 8rem!important + } -.link-offset-1 { - text-underline-offset: .125em!important -} + .pt-xl-0 { + padding-top: 0!important + } -.link-offset-1-hover:hover { - text-underline-offset: .125em!important -} + .pt-xl-1 { + padding-top: .25rem!important + } -.link-offset-2 { - text-underline-offset: .25em!important -} + .pt-xl-2 { + padding-top: .5rem!important + } -.link-offset-2-hover:hover { - text-underline-offset: .25em!important -} + .pt-xl-3 { + padding-top: 1rem!important + } -.link-offset-3 { - text-underline-offset: .375em!important -} + .pt-xl-4 { + padding-top: 1.5rem!important + } -.link-offset-3-hover:hover { - text-underline-offset: .375em!important -} + .pt-xl-5 { + padding-top: 2rem!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 -} + .pt-xl-6 { + padding-top: 3rem!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 -} + .pt-xl-7 { + padding-top: 5rem!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 -} + .pt-xl-8 { + padding-top: 8rem!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 -} + .pe-xl-0 { + padding-right: 0!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 -} + .pe-xl-1 { + padding-right: .25rem!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 -} + .pe-xl-2 { + padding-right: .5rem!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 -} + .pe-xl-3 { + padding-right: 1rem!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 -} + .pe-xl-4 { + padding-right: 1.5rem!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 -} + .pe-xl-5 { + padding-right: 2rem!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 -} + .pe-xl-6 { + padding-right: 3rem!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 -} + .pe-xl-7 { + padding-right: 5rem!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 -} + .pe-xl-8 { + padding-right: 8rem!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 -} + .pb-xl-0 { + padding-bottom: 0!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 -} + .pb-xl-1 { + padding-bottom: .25rem!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 -} + .pb-xl-2 { + padding-bottom: .5rem!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 -} + .pb-xl-3 { + padding-bottom: 1rem!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 -} + .pb-xl-4 { + padding-bottom: 1.5rem!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 -} + .pb-xl-5 { + padding-bottom: 2rem!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 -} + .pb-xl-6 { + padding-bottom: 3rem!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 -} + .pb-xl-7 { + padding-bottom: 5rem!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 -} + .pb-xl-8 { + padding-bottom: 8rem!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 -} + .ps-xl-0 { + padding-left: 0!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 -} + .ps-xl-1 { + padding-left: .25rem!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 -} + .ps-xl-2 { + padding-left: .5rem!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 -} + .ps-xl-3 { + padding-left: 1rem!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 -} + .ps-xl-4 { + padding-left: 1.5rem!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 -} + .ps-xl-5 { + padding-left: 2rem!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 -} + .ps-xl-6 { + padding-left: 3rem!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 -} + .ps-xl-7 { + padding-left: 5rem!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 -} + .ps-xl-8 { + padding-left: 8rem!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 -} + .gap-xl-0 { + gap: 0!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 -} + .gap-xl-1 { + gap: .25rem!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 -} + .gap-xl-2 { + gap: .5rem!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 -} + .gap-xl-3 { + gap: 1rem!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 -} + .gap-xl-4 { + gap: 1.5rem!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 -} + .gap-xl-5 { + gap: 2rem!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 -} + .gap-xl-6 { + gap: 3rem!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 -} + .gap-xl-7 { + gap: 5rem!important + } -.link-underline-opacity-0 { - --tblr-link-underline-opacity: 0 -} + .gap-xl-8 { + gap: 8rem!important + } -.link-underline-opacity-0-hover:hover { - --tblr-link-underline-opacity: 0 -} + .row-gap-xl-0 { + row-gap: 0!important + } -.link-underline-opacity-10 { - --tblr-link-underline-opacity: 0.1 -} + .row-gap-xl-1 { + row-gap: .25rem!important + } -.link-underline-opacity-10-hover:hover { - --tblr-link-underline-opacity: 0.1 -} + .row-gap-xl-2 { + row-gap: .5rem!important + } -.link-underline-opacity-25 { - --tblr-link-underline-opacity: 0.25 -} + .row-gap-xl-3 { + row-gap: 1rem!important + } -.link-underline-opacity-25-hover:hover { - --tblr-link-underline-opacity: 0.25 -} + .row-gap-xl-4 { + row-gap: 1.5rem!important + } -.link-underline-opacity-50 { - --tblr-link-underline-opacity: 0.5 -} + .row-gap-xl-5 { + row-gap: 2rem!important + } -.link-underline-opacity-50-hover:hover { - --tblr-link-underline-opacity: 0.5 -} + .row-gap-xl-6 { + row-gap: 3rem!important + } -.link-underline-opacity-75 { - --tblr-link-underline-opacity: 0.75 -} + .row-gap-xl-7 { + row-gap: 5rem!important + } -.link-underline-opacity-75-hover:hover { - --tblr-link-underline-opacity: 0.75 -} + .row-gap-xl-8 { + row-gap: 8rem!important + } -.link-underline-opacity-100 { - --tblr-link-underline-opacity: 1 -} + .column-gap-xl-0 { + -moz-column-gap: 0!important; + column-gap: 0!important + } -.link-underline-opacity-100-hover:hover { - --tblr-link-underline-opacity: 1 -} + .column-gap-xl-1 { + -moz-column-gap: .25rem!important; + column-gap: .25rem!important + } -.bg-primary { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-primary-rgb),var(--tblr-bg-opacity))!important -} + .column-gap-xl-2 { + -moz-column-gap: .5rem!important; + column-gap: .5rem!important + } -.bg-secondary { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-secondary-rgb),var(--tblr-bg-opacity))!important -} + .column-gap-xl-3 { + -moz-column-gap: 1rem!important; + column-gap: 1rem!important + } -.bg-success { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-success-rgb),var(--tblr-bg-opacity))!important -} + .column-gap-xl-4 { + -moz-column-gap: 1.5rem!important; + column-gap: 1.5rem!important + } -.bg-info { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-info-rgb),var(--tblr-bg-opacity))!important -} + .column-gap-xl-5 { + -moz-column-gap: 2rem!important; + column-gap: 2rem!important + } -.bg-warning { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-warning-rgb),var(--tblr-bg-opacity))!important -} + .column-gap-xl-6 { + -moz-column-gap: 3rem!important; + column-gap: 3rem!important + } -.bg-danger { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-danger-rgb),var(--tblr-bg-opacity))!important -} + .column-gap-xl-7 { + -moz-column-gap: 5rem!important; + column-gap: 5rem!important + } -.bg-light { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-light-rgb),var(--tblr-bg-opacity))!important -} + .column-gap-xl-8 { + -moz-column-gap: 8rem!important; + column-gap: 8rem!important + } -.bg-dark { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-dark-rgb),var(--tblr-bg-opacity))!important -} + .text-xl-start { + text-align: left!important + } -.bg-muted { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-muted-rgb),var(--tblr-bg-opacity))!important -} + .text-xl-end { + text-align: right!important + } -.bg-blue { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-blue-rgb),var(--tblr-bg-opacity))!important -} + .text-xl-center { + text-align: center!important + } -.bg-azure { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-azure-rgb),var(--tblr-bg-opacity))!important -} + .columns-xl-2 { + -moz-columns: 2!important; + columns: 2!important + } -.bg-indigo { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-indigo-rgb),var(--tblr-bg-opacity))!important -} + .columns-xl-3 { + -moz-columns: 3!important; + columns: 3!important + } -.bg-purple { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-purple-rgb),var(--tblr-bg-opacity))!important + .columns-xl-4 { + -moz-columns: 4!important; + columns: 4!important + } } -.bg-pink { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-pink-rgb),var(--tblr-bg-opacity))!important -} +@media (min-width: 1400px) { + .float-xxl-start { + float:left!important + } -.bg-red { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-red-rgb),var(--tblr-bg-opacity))!important -} + .float-xxl-end { + float: right!important + } -.bg-orange { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-orange-rgb),var(--tblr-bg-opacity))!important -} + .float-xxl-none { + float: none!important + } -.bg-yellow { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-yellow-rgb),var(--tblr-bg-opacity))!important -} + .object-fit-xxl-contain { + -o-object-fit: contain!important; + object-fit: contain!important + } -.bg-lime { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-lime-rgb),var(--tblr-bg-opacity))!important -} + .object-fit-xxl-cover { + -o-object-fit: cover!important; + object-fit: cover!important + } -.bg-green { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-green-rgb),var(--tblr-bg-opacity))!important -} + .object-fit-xxl-fill { + -o-object-fit: fill!important; + object-fit: fill!important + } -.bg-teal { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-teal-rgb),var(--tblr-bg-opacity))!important -} + .object-fit-xxl-scale { + -o-object-fit: scale-down!important; + object-fit: scale-down!important + } -.bg-cyan { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-cyan-rgb),var(--tblr-bg-opacity))!important -} + .object-fit-xxl-none { + -o-object-fit: none!important; + object-fit: none!important + } -.bg-x { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-x-rgb),var(--tblr-bg-opacity))!important -} + .d-xxl-inline { + display: inline!important + } -.bg-facebook { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-facebook-rgb),var(--tblr-bg-opacity))!important -} + .d-xxl-inline-block { + display: inline-block!important + } -.bg-twitter { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-twitter-rgb),var(--tblr-bg-opacity))!important -} + .d-xxl-block { + display: block!important + } -.bg-linkedin { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-linkedin-rgb),var(--tblr-bg-opacity))!important -} + .d-xxl-grid { + display: grid!important + } -.bg-google { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-google-rgb),var(--tblr-bg-opacity))!important -} + .d-xxl-inline-grid { + display: inline-grid!important + } -.bg-youtube { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-youtube-rgb),var(--tblr-bg-opacity))!important -} + .d-xxl-table { + display: table!important + } -.bg-vimeo { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-vimeo-rgb),var(--tblr-bg-opacity))!important -} + .d-xxl-table-row { + display: table-row!important + } -.bg-dribbble { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-dribbble-rgb),var(--tblr-bg-opacity))!important -} + .d-xxl-table-cell { + display: table-cell!important + } -.bg-github { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-github-rgb),var(--tblr-bg-opacity))!important -} + .d-xxl-flex { + display: flex!important + } -.bg-instagram { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-instagram-rgb),var(--tblr-bg-opacity))!important -} + .d-xxl-inline-flex { + display: inline-flex!important + } -.bg-pinterest { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-pinterest-rgb),var(--tblr-bg-opacity))!important -} + .d-xxl-none { + display: none!important + } -.bg-vk { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-vk-rgb),var(--tblr-bg-opacity))!important -} + .flex-xxl-fill { + flex: 1 1 auto!important + } -.bg-rss { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-rss-rgb),var(--tblr-bg-opacity))!important -} + .flex-xxl-row { + flex-direction: row!important + } -.bg-flickr { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-flickr-rgb),var(--tblr-bg-opacity))!important -} + .flex-xxl-column { + flex-direction: column!important + } -.bg-bitbucket { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-bitbucket-rgb),var(--tblr-bg-opacity))!important -} + .flex-xxl-row-reverse { + flex-direction: row-reverse!important + } -.bg-tabler { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-tabler-rgb),var(--tblr-bg-opacity))!important -} + .flex-xxl-column-reverse { + flex-direction: column-reverse!important + } -.bg-black { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-black-rgb),var(--tblr-bg-opacity))!important -} + .flex-xxl-grow-0 { + flex-grow: 0!important + } -.bg-white { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-white-rgb),var(--tblr-bg-opacity))!important -} + .flex-xxl-grow-1 { + flex-grow: 1!important + } -.bg-body { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-body-bg-rgb),var(--tblr-bg-opacity))!important -} + .flex-xxl-shrink-0 { + flex-shrink: 0!important + } -.bg-transparent { - --tblr-bg-opacity: 1; - background-color: transparent!important -} + .flex-xxl-shrink-1 { + flex-shrink: 1!important + } -.bg-body-secondary { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-secondary-bg-rgb),var(--tblr-bg-opacity))!important -} + .flex-xxl-wrap { + flex-wrap: wrap!important + } -.bg-body-tertiary { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-tertiary-bg-rgb),var(--tblr-bg-opacity))!important -} + .flex-xxl-nowrap { + flex-wrap: nowrap!important + } -.bg-opacity-10 { - --tblr-bg-opacity: 0.1 -} + .flex-xxl-wrap-reverse { + flex-wrap: wrap-reverse!important + } -.bg-opacity-25 { - --tblr-bg-opacity: 0.25 -} + .justify-content-xxl-start { + justify-content: flex-start!important + } -.bg-opacity-50 { - --tblr-bg-opacity: 0.5 -} + .justify-content-xxl-end { + justify-content: flex-end!important + } -.bg-opacity-75 { - --tblr-bg-opacity: 0.75 -} + .justify-content-xxl-center { + justify-content: center!important + } -.bg-opacity-100 { - --tblr-bg-opacity: 1 -} + .justify-content-xxl-between { + justify-content: space-between!important + } -.bg-primary-subtle { - background-color: var(--tblr-primary-bg-subtle)!important -} + .justify-content-xxl-around { + justify-content: space-around!important + } -.bg-secondary-subtle { - background-color: var(--tblr-secondary-bg-subtle)!important -} + .justify-content-xxl-evenly { + justify-content: space-evenly!important + } -.bg-success-subtle { - background-color: var(--tblr-success-bg-subtle)!important -} + .align-items-xxl-start { + align-items: flex-start!important + } -.bg-info-subtle { - background-color: var(--tblr-info-bg-subtle)!important -} + .align-items-xxl-end { + align-items: flex-end!important + } -.bg-warning-subtle { - background-color: var(--tblr-warning-bg-subtle)!important -} + .align-items-xxl-center { + align-items: center!important + } -.bg-danger-subtle { - background-color: var(--tblr-danger-bg-subtle)!important -} + .align-items-xxl-baseline { + align-items: baseline!important + } -.bg-light-subtle { - background-color: var(--tblr-light-bg-subtle)!important -} + .align-items-xxl-stretch { + align-items: stretch!important + } -.bg-dark-subtle { - background-color: var(--tblr-dark-bg-subtle)!important -} + .align-content-xxl-start { + align-content: flex-start!important + } -.bg-gradient { - background-image: var(--tblr-gradient)!important -} + .align-content-xxl-end { + align-content: flex-end!important + } -.user-select-all { - -webkit-user-select: all!important; - -moz-user-select: all!important; - user-select: all!important -} + .align-content-xxl-center { + align-content: center!important + } -.user-select-auto { - -webkit-user-select: auto!important; - -moz-user-select: auto!important; - -ms-user-select: auto!important; - user-select: auto!important -} + .align-content-xxl-between { + align-content: space-between!important + } -.user-select-none { - -webkit-user-select: none!important; - -moz-user-select: none!important; - -ms-user-select: none!important; - user-select: none!important -} + .align-content-xxl-around { + align-content: space-around!important + } -.pe-none { - pointer-events: none!important -} + .align-content-xxl-stretch { + align-content: stretch!important + } -.pe-auto { - pointer-events: auto!important -} + .align-self-xxl-auto { + align-self: auto!important + } -.rounded { - border-radius: var(--tblr-border-radius)!important -} + .align-self-xxl-start { + align-self: flex-start!important + } -.rounded-0 { - border-radius: 0!important -} + .align-self-xxl-end { + align-self: flex-end!important + } -.rounded-1 { - border-radius: var(--tblr-border-radius-sm)!important -} + .align-self-xxl-center { + align-self: center!important + } -.rounded-2 { - border-radius: var(--tblr-border-radius)!important -} + .align-self-xxl-baseline { + align-self: baseline!important + } -.rounded-3 { - border-radius: var(--tblr-border-radius-lg)!important -} + .align-self-xxl-stretch { + align-self: stretch!important + } -.rounded-4 { - border-radius: var(--tblr-border-radius-xl)!important -} + .order-xxl-first { + order: -1!important + } -.rounded-5 { - border-radius: var(--tblr-border-radius-xxl)!important -} + .order-xxl-0 { + order: 0!important + } -.rounded-circle { - border-radius: 50%!important -} + .order-xxl-1 { + order: 1!important + } -.rounded-pill { - border-radius: var(--tblr-border-radius-pill)!important -} + .order-xxl-2 { + order: 2!important + } -.rounded-top { - border-top-left-radius: var(--tblr-border-radius)!important; - border-top-right-radius: var(--tblr-border-radius)!important -} + .order-xxl-3 { + order: 3!important + } -.rounded-top-0 { - border-top-left-radius: 0!important; - border-top-right-radius: 0!important -} + .order-xxl-4 { + order: 4!important + } -.rounded-top-1 { - border-top-left-radius: var(--tblr-border-radius-sm)!important; - border-top-right-radius: var(--tblr-border-radius-sm)!important -} + .order-xxl-5 { + order: 5!important + } -.rounded-top-2 { - border-top-left-radius: var(--tblr-border-radius)!important; - border-top-right-radius: var(--tblr-border-radius)!important -} + .order-xxl-last { + order: 6!important + } -.rounded-top-3 { - border-top-left-radius: var(--tblr-border-radius-lg)!important; - border-top-right-radius: var(--tblr-border-radius-lg)!important -} + .m-xxl-0 { + margin: 0!important + } -.rounded-top-4 { - border-top-left-radius: var(--tblr-border-radius-xl)!important; - border-top-right-radius: var(--tblr-border-radius-xl)!important -} + .m-xxl-1 { + margin: .25rem!important + } -.rounded-top-5 { - border-top-left-radius: var(--tblr-border-radius-xxl)!important; - border-top-right-radius: var(--tblr-border-radius-xxl)!important -} + .m-xxl-2 { + margin: .5rem!important + } -.rounded-top-circle { - border-top-left-radius: 50%!important; - border-top-right-radius: 50%!important -} + .m-xxl-3 { + margin: 1rem!important + } -.rounded-top-pill { - border-top-left-radius: var(--tblr-border-radius-pill)!important; - border-top-right-radius: var(--tblr-border-radius-pill)!important -} + .m-xxl-4 { + margin: 1.5rem!important + } -.rounded-end { - border-top-right-radius: var(--tblr-border-radius)!important; - border-bottom-right-radius: var(--tblr-border-radius)!important -} + .m-xxl-5 { + margin: 2rem!important + } -.rounded-end-0 { - border-top-right-radius: 0!important; - border-bottom-right-radius: 0!important -} + .m-xxl-6 { + margin: 3rem!important + } -.rounded-end-1 { - border-top-right-radius: var(--tblr-border-radius-sm)!important; - border-bottom-right-radius: var(--tblr-border-radius-sm)!important -} + .m-xxl-7 { + margin: 5rem!important + } -.rounded-end-2 { - border-top-right-radius: var(--tblr-border-radius)!important; - border-bottom-right-radius: var(--tblr-border-radius)!important -} + .m-xxl-8 { + margin: 8rem!important + } -.rounded-end-3 { - border-top-right-radius: var(--tblr-border-radius-lg)!important; - border-bottom-right-radius: var(--tblr-border-radius-lg)!important -} + .m-xxl-auto { + margin: auto!important + } -.rounded-end-4 { - border-top-right-radius: var(--tblr-border-radius-xl)!important; - border-bottom-right-radius: var(--tblr-border-radius-xl)!important -} + .mx-xxl-0 { + margin-right: 0!important; + margin-left: 0!important + } -.rounded-end-5 { - border-top-right-radius: var(--tblr-border-radius-xxl)!important; - border-bottom-right-radius: var(--tblr-border-radius-xxl)!important -} + .mx-xxl-1 { + margin-right: .25rem!important; + margin-left: .25rem!important + } -.rounded-end-circle { - border-top-right-radius: 50%!important; - border-bottom-right-radius: 50%!important -} + .mx-xxl-2 { + margin-right: .5rem!important; + margin-left: .5rem!important + } -.rounded-end-pill { - border-top-right-radius: var(--tblr-border-radius-pill)!important; - border-bottom-right-radius: var(--tblr-border-radius-pill)!important -} + .mx-xxl-3 { + margin-right: 1rem!important; + margin-left: 1rem!important + } -.rounded-bottom { - border-bottom-right-radius: var(--tblr-border-radius)!important; - border-bottom-left-radius: var(--tblr-border-radius)!important -} + .mx-xxl-4 { + margin-right: 1.5rem!important; + margin-left: 1.5rem!important + } -.rounded-bottom-0 { - border-bottom-right-radius: 0!important; - border-bottom-left-radius: 0!important -} + .mx-xxl-5 { + margin-right: 2rem!important; + margin-left: 2rem!important + } -.rounded-bottom-1 { - border-bottom-right-radius: var(--tblr-border-radius-sm)!important; - border-bottom-left-radius: var(--tblr-border-radius-sm)!important -} + .mx-xxl-6 { + margin-right: 3rem!important; + margin-left: 3rem!important + } -.rounded-bottom-2 { - border-bottom-right-radius: var(--tblr-border-radius)!important; - border-bottom-left-radius: var(--tblr-border-radius)!important -} + .mx-xxl-7 { + margin-right: 5rem!important; + margin-left: 5rem!important + } -.rounded-bottom-3 { - border-bottom-right-radius: var(--tblr-border-radius-lg)!important; - border-bottom-left-radius: var(--tblr-border-radius-lg)!important -} + .mx-xxl-8 { + margin-right: 8rem!important; + margin-left: 8rem!important + } -.rounded-bottom-4 { - border-bottom-right-radius: var(--tblr-border-radius-xl)!important; - border-bottom-left-radius: var(--tblr-border-radius-xl)!important -} + .mx-xxl-auto { + margin-right: auto!important; + margin-left: auto!important + } -.rounded-bottom-5 { - border-bottom-right-radius: var(--tblr-border-radius-xxl)!important; - border-bottom-left-radius: var(--tblr-border-radius-xxl)!important -} + .my-xxl-0 { + margin-top: 0!important; + margin-bottom: 0!important + } -.rounded-bottom-circle { - border-bottom-right-radius: 50%!important; - border-bottom-left-radius: 50%!important -} + .my-xxl-1 { + margin-top: .25rem!important; + margin-bottom: .25rem!important + } -.rounded-bottom-pill { - border-bottom-right-radius: var(--tblr-border-radius-pill)!important; - border-bottom-left-radius: var(--tblr-border-radius-pill)!important -} + .my-xxl-2 { + margin-top: .5rem!important; + margin-bottom: .5rem!important + } -.rounded-start { - border-bottom-left-radius: var(--tblr-border-radius)!important; - border-top-left-radius: var(--tblr-border-radius)!important -} + .my-xxl-3 { + margin-top: 1rem!important; + margin-bottom: 1rem!important + } -.rounded-start-0 { - border-bottom-left-radius: 0!important; - border-top-left-radius: 0!important -} + .my-xxl-4 { + margin-top: 1.5rem!important; + margin-bottom: 1.5rem!important + } -.rounded-start-1 { - border-bottom-left-radius: var(--tblr-border-radius-sm)!important; - border-top-left-radius: var(--tblr-border-radius-sm)!important -} + .my-xxl-5 { + margin-top: 2rem!important; + margin-bottom: 2rem!important + } -.rounded-start-2 { - border-bottom-left-radius: var(--tblr-border-radius)!important; - border-top-left-radius: var(--tblr-border-radius)!important -} + .my-xxl-6 { + margin-top: 3rem!important; + margin-bottom: 3rem!important + } -.rounded-start-3 { - border-bottom-left-radius: var(--tblr-border-radius-lg)!important; - border-top-left-radius: var(--tblr-border-radius-lg)!important -} + .my-xxl-7 { + margin-top: 5rem!important; + margin-bottom: 5rem!important + } -.rounded-start-4 { - border-bottom-left-radius: var(--tblr-border-radius-xl)!important; - border-top-left-radius: var(--tblr-border-radius-xl)!important -} + .my-xxl-8 { + margin-top: 8rem!important; + margin-bottom: 8rem!important + } -.rounded-start-5 { - border-bottom-left-radius: var(--tblr-border-radius-xxl)!important; - border-top-left-radius: var(--tblr-border-radius-xxl)!important -} + .my-xxl-auto { + margin-top: auto!important; + margin-bottom: auto!important + } -.rounded-start-circle { - border-bottom-left-radius: 50%!important; - border-top-left-radius: 50%!important -} + .mt-xxl-0 { + margin-top: 0!important + } -.rounded-start-pill { - border-bottom-left-radius: var(--tblr-border-radius-pill)!important; - border-top-left-radius: var(--tblr-border-radius-pill)!important -} + .mt-xxl-1 { + margin-top: .25rem!important + } -.visible { - visibility: visible!important -} + .mt-xxl-2 { + margin-top: .5rem!important + } -.invisible { - visibility: hidden!important -} + .mt-xxl-3 { + margin-top: 1rem!important + } -.z-n1 { - z-index: -1!important -} + .mt-xxl-4 { + margin-top: 1.5rem!important + } -.z-0 { - z-index: 0!important -} + .mt-xxl-5 { + margin-top: 2rem!important + } -.z-1 { - z-index: 1!important -} + .mt-xxl-6 { + margin-top: 3rem!important + } -.z-2 { - z-index: 2!important -} + .mt-xxl-7 { + margin-top: 5rem!important + } -.z-3 { - z-index: 3!important -} + .mt-xxl-8 { + margin-top: 8rem!important + } -.object-contain { - -o-object-fit: contain!important; - object-fit: contain!important -} + .mt-xxl-auto { + margin-top: auto!important + } -.object-cover { - -o-object-fit: cover!important; - object-fit: cover!important -} + .me-xxl-0 { + margin-right: 0!important + } -.object-fill { - -o-object-fit: fill!important; - object-fit: fill!important -} + .me-xxl-1 { + margin-right: .25rem!important + } -.object-scale-down { - -o-object-fit: scale-down!important; - object-fit: scale-down!important -} + .me-xxl-2 { + margin-right: .5rem!important + } -.object-none { - -o-object-fit: none!important; - object-fit: none!important -} + .me-xxl-3 { + margin-right: 1rem!important + } -.tracking-tight { - letter-spacing: -.05em!important -} + .me-xxl-4 { + margin-right: 1.5rem!important + } -.tracking-normal { - letter-spacing: 0!important -} + .me-xxl-5 { + margin-right: 2rem!important + } -.tracking-wide { - letter-spacing: .05em!important -} + .me-xxl-6 { + margin-right: 3rem!important + } -.cursor-auto { - cursor: auto!important -} + .me-xxl-7 { + margin-right: 5rem!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 + .me-xxl-8 { + margin-right: 8rem!important } - .float-sm-end { - float: right!important + .me-xxl-auto { + margin-right: auto!important } - .float-sm-none { - float: none!important + .mb-xxl-0 { + margin-bottom: 0!important } - .object-fit-sm-contain { - -o-object-fit: contain!important; - object-fit: contain!important + .mb-xxl-1 { + margin-bottom: .25rem!important } - .object-fit-sm-cover { - -o-object-fit: cover!important; - object-fit: cover!important + .mb-xxl-2 { + margin-bottom: .5rem!important } - .object-fit-sm-fill { - -o-object-fit: fill!important; - object-fit: fill!important + .mb-xxl-3 { + margin-bottom: 1rem!important } - .object-fit-sm-scale { - -o-object-fit: scale-down!important; - object-fit: scale-down!important + .mb-xxl-4 { + margin-bottom: 1.5rem!important } - .object-fit-sm-none { - -o-object-fit: none!important; - object-fit: none!important + .mb-xxl-5 { + margin-bottom: 2rem!important } - .d-sm-inline { - display: inline!important + .mb-xxl-6 { + margin-bottom: 3rem!important } - .d-sm-inline-block { - display: inline-block!important + .mb-xxl-7 { + margin-bottom: 5rem!important } - .d-sm-block { - display: block!important + .mb-xxl-8 { + margin-bottom: 8rem!important } - .d-sm-grid { - display: grid!important + .mb-xxl-auto { + margin-bottom: auto!important } - .d-sm-inline-grid { - display: inline-grid!important + .ms-xxl-0 { + margin-left: 0!important } - .d-sm-table { - display: table!important + .ms-xxl-1 { + margin-left: .25rem!important } - .d-sm-table-row { - display: table-row!important + .ms-xxl-2 { + margin-left: .5rem!important } - .d-sm-table-cell { - display: table-cell!important + .ms-xxl-3 { + margin-left: 1rem!important } - .d-sm-flex { - display: flex!important + .ms-xxl-4 { + margin-left: 1.5rem!important } - .d-sm-inline-flex { - display: inline-flex!important + .ms-xxl-5 { + margin-left: 2rem!important } - .d-sm-none { - display: none!important + .ms-xxl-6 { + margin-left: 3rem!important } - .flex-sm-fill { - flex: 1 1 auto!important + .ms-xxl-7 { + margin-left: 5rem!important } - .flex-sm-row { - flex-direction: row!important + .ms-xxl-8 { + margin-left: 8rem!important } - .flex-sm-column { - flex-direction: column!important + .ms-xxl-auto { + margin-left: auto!important } - .flex-sm-row-reverse { - flex-direction: row-reverse!important + .p-xxl-0 { + padding: 0!important } - .flex-sm-column-reverse { - flex-direction: column-reverse!important + .p-xxl-1 { + padding: .25rem!important } - .flex-sm-grow-0 { - flex-grow: 0!important + .p-xxl-2 { + padding: .5rem!important } - .flex-sm-grow-1 { - flex-grow: 1!important + .p-xxl-3 { + padding: 1rem!important } - .flex-sm-shrink-0 { - flex-shrink: 0!important + .p-xxl-4 { + padding: 1.5rem!important } - .flex-sm-shrink-1 { - flex-shrink: 1!important + .p-xxl-5 { + padding: 2rem!important } - .flex-sm-wrap { - flex-wrap: wrap!important + .p-xxl-6 { + padding: 3rem!important } - .flex-sm-nowrap { - flex-wrap: nowrap!important + .p-xxl-7 { + padding: 5rem!important } - .flex-sm-wrap-reverse { - flex-wrap: wrap-reverse!important + .p-xxl-8 { + padding: 8rem!important } - .justify-content-sm-start { - justify-content: flex-start!important + .px-xxl-0 { + padding-right: 0!important; + padding-left: 0!important } - .justify-content-sm-end { - justify-content: flex-end!important + .px-xxl-1 { + padding-right: .25rem!important; + padding-left: .25rem!important } - .justify-content-sm-center { - justify-content: center!important + .px-xxl-2 { + padding-right: .5rem!important; + padding-left: .5rem!important } - .justify-content-sm-between { - justify-content: space-between!important + .px-xxl-3 { + padding-right: 1rem!important; + padding-left: 1rem!important } - .justify-content-sm-around { - justify-content: space-around!important + .px-xxl-4 { + padding-right: 1.5rem!important; + padding-left: 1.5rem!important } - .justify-content-sm-evenly { - justify-content: space-evenly!important + .px-xxl-5 { + padding-right: 2rem!important; + padding-left: 2rem!important } - .align-items-sm-start { - align-items: flex-start!important + .px-xxl-6 { + padding-right: 3rem!important; + padding-left: 3rem!important } - .align-items-sm-end { - align-items: flex-end!important + .px-xxl-7 { + padding-right: 5rem!important; + padding-left: 5rem!important } - .align-items-sm-center { - align-items: center!important + .px-xxl-8 { + padding-right: 8rem!important; + padding-left: 8rem!important } - .align-items-sm-baseline { - align-items: baseline!important + .py-xxl-0 { + padding-top: 0!important; + padding-bottom: 0!important } - .align-items-sm-stretch { - align-items: stretch!important + .py-xxl-1 { + padding-top: .25rem!important; + padding-bottom: .25rem!important } - .align-content-sm-start { - align-content: flex-start!important + .py-xxl-2 { + padding-top: .5rem!important; + padding-bottom: .5rem!important } - .align-content-sm-end { - align-content: flex-end!important + .py-xxl-3 { + padding-top: 1rem!important; + padding-bottom: 1rem!important } - .align-content-sm-center { - align-content: center!important + .py-xxl-4 { + padding-top: 1.5rem!important; + padding-bottom: 1.5rem!important } - .align-content-sm-between { - align-content: space-between!important + .py-xxl-5 { + padding-top: 2rem!important; + padding-bottom: 2rem!important } - .align-content-sm-around { - align-content: space-around!important + .py-xxl-6 { + padding-top: 3rem!important; + padding-bottom: 3rem!important } - .align-content-sm-stretch { - align-content: stretch!important + .py-xxl-7 { + padding-top: 5rem!important; + padding-bottom: 5rem!important } - .align-self-sm-auto { - align-self: auto!important + .py-xxl-8 { + padding-top: 8rem!important; + padding-bottom: 8rem!important } - .align-self-sm-start { - align-self: flex-start!important + .pt-xxl-0 { + padding-top: 0!important } - .align-self-sm-end { - align-self: flex-end!important + .pt-xxl-1 { + padding-top: .25rem!important } - .align-self-sm-center { - align-self: center!important + .pt-xxl-2 { + padding-top: .5rem!important } - .align-self-sm-baseline { - align-self: baseline!important + .pt-xxl-3 { + padding-top: 1rem!important } - .align-self-sm-stretch { - align-self: stretch!important + .pt-xxl-4 { + padding-top: 1.5rem!important } - .order-sm-first { - order: -1!important + .pt-xxl-5 { + padding-top: 2rem!important } - .order-sm-0 { - order: 0!important + .pt-xxl-6 { + padding-top: 3rem!important } - .order-sm-1 { - order: 1!important + .pt-xxl-7 { + padding-top: 5rem!important } - .order-sm-2 { - order: 2!important + .pt-xxl-8 { + padding-top: 8rem!important } - .order-sm-3 { - order: 3!important + .pe-xxl-0 { + padding-right: 0!important } - .order-sm-4 { - order: 4!important + .pe-xxl-1 { + padding-right: .25rem!important } - .order-sm-5 { - order: 5!important + .pe-xxl-2 { + padding-right: .5rem!important } - .order-sm-last { - order: 6!important + .pe-xxl-3 { + padding-right: 1rem!important } - .m-sm-0 { - margin: 0!important + .pe-xxl-4 { + padding-right: 1.5rem!important } - .m-sm-1 { - margin: .25rem!important + .pe-xxl-5 { + padding-right: 2rem!important } - .m-sm-2 { - margin: .5rem!important + .pe-xxl-6 { + padding-right: 3rem!important } - .m-sm-3 { - margin: 1rem!important + .pe-xxl-7 { + padding-right: 5rem!important } - .m-sm-4 { - margin: 1.5rem!important + .pe-xxl-8 { + padding-right: 8rem!important } - .m-sm-5 { - margin: 2rem!important + .pb-xxl-0 { + padding-bottom: 0!important } - .m-sm-6 { - margin: 3rem!important + .pb-xxl-1 { + padding-bottom: .25rem!important } - .m-sm-7 { - margin: 5rem!important + .pb-xxl-2 { + padding-bottom: .5rem!important } - .m-sm-8 { - margin: 8rem!important + .pb-xxl-3 { + padding-bottom: 1rem!important } - .m-sm-auto { - margin: auto!important + .pb-xxl-4 { + padding-bottom: 1.5rem!important } - .mx-sm-0 { - margin-right: 0!important; - margin-left: 0!important + .pb-xxl-5 { + padding-bottom: 2rem!important } - .mx-sm-1 { - margin-right: .25rem!important; - margin-left: .25rem!important + .pb-xxl-6 { + padding-bottom: 3rem!important } - .mx-sm-2 { - margin-right: .5rem!important; - margin-left: .5rem!important + .pb-xxl-7 { + padding-bottom: 5rem!important } - .mx-sm-3 { - margin-right: 1rem!important; - margin-left: 1rem!important + .pb-xxl-8 { + padding-bottom: 8rem!important } - .mx-sm-4 { - margin-right: 1.5rem!important; - margin-left: 1.5rem!important + .ps-xxl-0 { + padding-left: 0!important } - .mx-sm-5 { - margin-right: 2rem!important; - margin-left: 2rem!important + .ps-xxl-1 { + padding-left: .25rem!important } - .mx-sm-6 { - margin-right: 3rem!important; - margin-left: 3rem!important + .ps-xxl-2 { + padding-left: .5rem!important } - .mx-sm-7 { - margin-right: 5rem!important; - margin-left: 5rem!important + .ps-xxl-3 { + padding-left: 1rem!important } - .mx-sm-8 { - margin-right: 8rem!important; - margin-left: 8rem!important + .ps-xxl-4 { + padding-left: 1.5rem!important } - .mx-sm-auto { - margin-right: auto!important; - margin-left: auto!important + .ps-xxl-5 { + padding-left: 2rem!important } - .my-sm-0 { - margin-top: 0!important; - margin-bottom: 0!important + .ps-xxl-6 { + padding-left: 3rem!important } - .my-sm-1 { - margin-top: .25rem!important; - margin-bottom: .25rem!important + .ps-xxl-7 { + padding-left: 5rem!important } - .my-sm-2 { - margin-top: .5rem!important; - margin-bottom: .5rem!important + .ps-xxl-8 { + padding-left: 8rem!important } - .my-sm-3 { - margin-top: 1rem!important; - margin-bottom: 1rem!important + .gap-xxl-0 { + gap: 0!important } - .my-sm-4 { - margin-top: 1.5rem!important; - margin-bottom: 1.5rem!important + .gap-xxl-1 { + gap: .25rem!important } - .my-sm-5 { - margin-top: 2rem!important; - margin-bottom: 2rem!important + .gap-xxl-2 { + gap: .5rem!important } - .my-sm-6 { - margin-top: 3rem!important; - margin-bottom: 3rem!important + .gap-xxl-3 { + gap: 1rem!important } - .my-sm-7 { - margin-top: 5rem!important; - margin-bottom: 5rem!important + .gap-xxl-4 { + gap: 1.5rem!important } - .my-sm-8 { - margin-top: 8rem!important; - margin-bottom: 8rem!important + .gap-xxl-5 { + gap: 2rem!important } - .my-sm-auto { - margin-top: auto!important; - margin-bottom: auto!important + .gap-xxl-6 { + gap: 3rem!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 + .gap-xxl-7 { + gap: 5rem!important } - .mb-sm-0 { - margin-bottom: 0!important + .gap-xxl-8 { + gap: 8rem!important } - .mb-sm-1 { - margin-bottom: .25rem!important + .row-gap-xxl-0 { + row-gap: 0!important } - .mb-sm-2 { - margin-bottom: .5rem!important + .row-gap-xxl-1 { + row-gap: .25rem!important } - .mb-sm-3 { - margin-bottom: 1rem!important + .row-gap-xxl-2 { + row-gap: .5rem!important } - .mb-sm-4 { - margin-bottom: 1.5rem!important + .row-gap-xxl-3 { + row-gap: 1rem!important } - .mb-sm-5 { - margin-bottom: 2rem!important + .row-gap-xxl-4 { + row-gap: 1.5rem!important } - .mb-sm-6 { - margin-bottom: 3rem!important + .row-gap-xxl-5 { + row-gap: 2rem!important } - .mb-sm-7 { - margin-bottom: 5rem!important + .row-gap-xxl-6 { + row-gap: 3rem!important } - .mb-sm-8 { - margin-bottom: 8rem!important + .row-gap-xxl-7 { + row-gap: 5rem!important } - .mb-sm-auto { - margin-bottom: auto!important + .row-gap-xxl-8 { + row-gap: 8rem!important } - .ms-sm-0 { - margin-left: 0!important + .column-gap-xxl-0 { + -moz-column-gap: 0!important; + column-gap: 0!important } - .ms-sm-1 { - margin-left: .25rem!important + .column-gap-xxl-1 { + -moz-column-gap: .25rem!important; + column-gap: .25rem!important } - .ms-sm-2 { - margin-left: .5rem!important + .column-gap-xxl-2 { + -moz-column-gap: .5rem!important; + column-gap: .5rem!important } - .ms-sm-3 { - margin-left: 1rem!important + .column-gap-xxl-3 { + -moz-column-gap: 1rem!important; + column-gap: 1rem!important } - .ms-sm-4 { - margin-left: 1.5rem!important + .column-gap-xxl-4 { + -moz-column-gap: 1.5rem!important; + column-gap: 1.5rem!important } - .ms-sm-5 { - margin-left: 2rem!important + .column-gap-xxl-5 { + -moz-column-gap: 2rem!important; + column-gap: 2rem!important } - .ms-sm-6 { - margin-left: 3rem!important + .column-gap-xxl-6 { + -moz-column-gap: 3rem!important; + column-gap: 3rem!important } - .ms-sm-7 { - margin-left: 5rem!important + .column-gap-xxl-7 { + -moz-column-gap: 5rem!important; + column-gap: 5rem!important } - .ms-sm-8 { - margin-left: 8rem!important + .column-gap-xxl-8 { + -moz-column-gap: 8rem!important; + column-gap: 8rem!important } - .ms-sm-auto { - margin-left: auto!important + .text-xxl-start { + text-align: left!important } - .p-sm-0 { - padding: 0!important + .text-xxl-end { + text-align: right!important } - .p-sm-1 { - padding: .25rem!important + .text-xxl-center { + text-align: center!important } - .p-sm-2 { - padding: .5rem!important + .columns-xxl-2 { + -moz-columns: 2!important; + columns: 2!important } - .p-sm-3 { - padding: 1rem!important + .columns-xxl-3 { + -moz-columns: 3!important; + columns: 3!important } - .p-sm-4 { - padding: 1.5rem!important + .columns-xxl-4 { + -moz-columns: 4!important; + columns: 4!important } +} - .p-sm-5 { - padding: 2rem!important +@media print { + .d-print-inline { + display: inline!important } - .p-sm-6 { - padding: 3rem!important + .d-print-inline-block { + display: inline-block!important } - .p-sm-7 { - padding: 5rem!important + .d-print-block { + display: block!important } - .p-sm-8 { - padding: 8rem!important + .d-print-grid { + display: grid!important } - .px-sm-0 { - padding-right: 0!important; - padding-left: 0!important + .d-print-inline-grid { + display: inline-grid!important } - .px-sm-1 { - padding-right: .25rem!important; - padding-left: .25rem!important + .d-print-table { + display: table!important } - .px-sm-2 { - padding-right: .5rem!important; - padding-left: .5rem!important + .d-print-table-row { + display: table-row!important } - .px-sm-3 { - padding-right: 1rem!important; - padding-left: 1rem!important + .d-print-table-cell { + display: table-cell!important } - .px-sm-4 { - padding-right: 1.5rem!important; - padding-left: 1.5rem!important + .d-print-flex { + display: flex!important } - .px-sm-5 { - padding-right: 2rem!important; - padding-left: 2rem!important + .d-print-inline-flex { + display: inline-flex!important } - .px-sm-6 { - padding-right: 3rem!important; - padding-left: 3rem!important + .d-print-none { + display: none!important } +} - .px-sm-7 { - padding-right: 5rem!important; - padding-left: 5rem!important - } +:host,:root { + font-size: 16px; + height: 100% +} - .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,.modal-header>.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) +: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) } -@keyframes progress-indeterminate { - 0% { - right: 100%; - left: -35% - } - - 100%,60% { - right: -90%; - left: 100% +@media (max-width: 991.98px) { + :host,:root,[data-bs-theme=light] { + --tblr-page-padding:var(--tblr-spacer-2) } } -.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)); - border-radius: 0 var(--tblr-ribbon-border-radius) var(--tblr-ribbon-border-radius) var(--tblr-ribbon-border-radius) -} - -.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 -} +@keyframes pulse { + from { + opacity: 1; + transform: scale3d(.8,.8,.8) + } -.ribbon-bookmark.ribbon-top { - padding-right: 0; - padding-bottom: .25rem; - padding-left: 0; - border-radius: 0 var(--tblr-ribbon-border-radius) 0 0 -} + 50% { + transform: scale3d(1,1,1); + opacity: 1 + } -.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 + to { + opacity: 1; + transform: scale3d(.8,.8,.8) + } } -.markdown { - line-height: 1.7142857143 -} +@keyframes tada { + 0% { + transform: scale3d(1,1,1) + } -.markdown>:first-child { - margin-top: 0 -} + 10%,5% { + transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-5deg) + } -.markdown>:last-child,.markdown>:last-child .highlight { - margin-bottom: 0 -} + 15%,25%,35%,45% { + transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,5deg) + } -@media (min-width: 768px) { - .markdown>.hr,.markdown>hr { - margin-top:3em; - margin-bottom: 3em + 20%,30%,40% { + transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-5deg) } -} -.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) + 50% { + transform: scale3d(1,1,1) + } } -.markdown>blockquote { - font-size: 1rem; - margin: 1.5rem 0; - padding: .5rem 1.5rem -} +@keyframes rotate-360 { + from { + transform: rotate(0) + } -.markdown>img { - border-radius: var(--tblr-border-radius) + to { + transform: rotate(360deg) + } } -.placeholder:not(.btn):not([class*=bg-]) { - background-color: currentColor!important -} +@keyframes blink { + from { + opacity: 0 + } -.placeholder:not(.avatar):not([class*=card-img-]) { - border-radius: var(--tblr-border-radius) -} + 50% { + opacity: 1 + } -.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 + to { + opacity: 0 + } } -.steps-blue { - --tblr-steps-color: var(--tblr-blue) +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 } -.steps-azure { - --tblr-steps-color: var(--tblr-azure) +@media print { + body { + background: 0 0 + } } -.steps-indigo { - --tblr-steps-color: var(--tblr-indigo) +.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) } -.steps-purple { - --tblr-steps-color: var(--tblr-purple) +.navbar-collapse .navbar { + flex-grow: 1 } -.steps-pink { - --tblr-steps-color: var(--tblr-pink) +.navbar.collapsing { + min-height: 0 } -.steps-red { - --tblr-steps-color: var(--tblr-red) +.navbar .dropdown-menu { + position: absolute; + z-index: 1030 } -.steps-orange { - --tblr-steps-color: var(--tblr-orange) +.navbar .navbar-nav { + min-height: 3rem } -.steps-yellow { - --tblr-steps-color: var(--tblr-yellow) +.navbar .navbar-nav .nav-link { + position: relative; + min-width: 2rem; + min-height: 2rem; + justify-content: center; + border-radius: var(--tblr-border-radius) } -.steps-lime { - --tblr-steps-color: var(--tblr-lime) +.navbar .navbar-nav .nav-link .badge { + position: absolute; + top: .375rem; + right: .375rem; + transform: translate(50%,-50%) } -.steps-green { - --tblr-steps-color: var(--tblr-green) +.navbar-nav { + margin: 0; + padding: 0 } -.steps-teal { - --tblr-steps-color: var(--tblr-teal) -} +@media (max-width: 575.98px) { + .navbar-expand-sm .navbar-collapse { + flex-direction:column + } -.steps-cyan { - --tblr-steps-color: var(--tblr-cyan) -} + .navbar-expand-sm .navbar-collapse [class^=container] { + flex-direction: column; + align-items: stretch; + padding: 0 + } -.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)) -} + .navbar-expand-sm .navbar-collapse .navbar-nav { + margin-left: 0; + margin-right: 0 + } -a.step-item { - cursor: pointer -} + .navbar-expand-sm .navbar-collapse .navbar-nav .nav-link { + padding: .5rem calc(calc(var(--tblr-page-padding) * 2)/ 2); + justify-content: flex-start + } -a.step-item:hover { - color: inherit -} + .navbar-expand-sm .navbar-collapse .dropdown-menu-columns { + flex-direction: column + } -.step-item:after,.step-item:before { - background: var(--tblr-steps-color) -} + .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 + } -.step-item:not(:last-child):after { - position: absolute; - left: 50%; - width: 100%; - content: ""; - transform: translateY(-50%) -} + .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 + } -.step-item:after { - top: calc(var(--tblr-steps-dot-size) * .5); - height: var(--tblr-steps-border-width) -} + .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item.disabled { + color: var(--tblr-gray-300); + pointer-events: none; + background-color: transparent + } -.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) -} + .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) + } -.step-item.active { - font-weight: var(--tblr-font-weight-bold) -} + .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item { + padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem) + } -.step-item.active:after { - background: var(--tblr-steps-inactive-color) -} + .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) + } -.step-item.active~.step-item { - color: var(--tblr-disabled-color) -} + .navbar-expand-sm .navbar-collapse .dropdown-toggle:after { + margin-left: auto + } -.step-item.active~.step-item:after,.step-item.active~.step-item:before { - background: var(--tblr-steps-inactive-color) + .navbar-expand-sm .navbar-collapse .nav-item.active:after { + border-bottom-width: 0; + border-left-width: 3px; + right: auto; + top: 0; + bottom: 0 + } } -.steps-counter { - --tblr-steps-dot-size: 1.5rem; - counter-reset: steps -} +@media (min-width: 576px) { + .navbar-expand-sm .navbar-collapse { + width:auto; + flex: 1 1 auto + } -.steps-counter .step-item { - counter-increment: steps -} + .navbar-expand-sm .nav-item.active { + position: relative + } -.steps-counter .step-item:before { - content: counter(steps) -} + .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 + } -.steps-vertical { - --tblr-steps-dot-offset: 6px; - flex-direction: column -} + .navbar-expand-sm.navbar-vertical { + box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color) + } -.steps-vertical.steps-counter { - --tblr-steps-dot-offset: -2px -} + .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) + } -.steps-vertical .step-item { - text-align: left; - padding-top: 0; - padding-left: calc(var(--tblr-steps-dot-size) + 1rem); - min-height: auto -} + .navbar-expand-sm.navbar-vertical~.navbar,.navbar-expand-sm.navbar-vertical~.page-wrapper { + margin-left: 15rem + } -.steps-vertical .step-item:not(:first-child) { - margin-top: 1rem + .navbar-expand-sm.navbar-vertical.navbar-right~.navbar,.navbar-expand-sm.navbar-vertical.navbar-right~.page-wrapper { + margin-left: 0; + margin-right: 15rem + } } -.steps-vertical .step-item:before { - top: var(--tblr-steps-dot-offset); - left: 0; - transform: translate(0,0) -} +@media (max-width: 767.98px) { + .navbar-expand-md .navbar-collapse { + flex-direction:column + } -.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) -} + .navbar-expand-md .navbar-collapse [class^=container] { + flex-direction: column; + align-items: stretch; + padding: 0 + } -@keyframes status-pulsate-main { - 40% { - transform: scale(1.25,1.25) + .navbar-expand-md .navbar-collapse .navbar-nav { + margin-left: 0; + margin-right: 0 } - 60% { - transform: scale(1.25,1.25) + .navbar-expand-md .navbar-collapse .navbar-nav .nav-link { + padding: .5rem calc(calc(var(--tblr-page-padding) * 2)/ 2); + justify-content: flex-start } -} -@keyframes status-pulsate-secondary { - 10% { - transform: scale(1,1) + .navbar-expand-md .navbar-collapse .dropdown-menu-columns { + flex-direction: column } - 30% { - transform: scale(3,3) + .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 } - 80% { - transform: scale(3,3) + .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 } - 100% { - transform: scale(1,1) + .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.disabled { + color: var(--tblr-gray-300); + pointer-events: none; + background-color: transparent } -} -@keyframes status-pulsate-tertiary { - 25% { - transform: scale(1,1) + .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) } - 80% { - transform: scale(3,3); - opacity: 0 + .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item { + padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem) } - 100% { - transform: scale(3,3); - opacity: 0 + .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) } -} -.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 -} + .navbar-expand-md .navbar-collapse .dropdown-toggle:after { + margin-left: auto + } -.status .status-dot { - background: var(--tblr-status-color) + .navbar-expand-md .navbar-collapse .nav-item.active:after { + border-bottom-width: 0; + border-left-width: 3px; + right: auto; + top: 0; + bottom: 0 + } } -.status .icon { - font-size: 1.25rem -} +@media (min-width: 768px) { + .navbar-expand-md .navbar-collapse { + width:auto; + flex: 1 1 auto + } -.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 -} + .navbar-expand-md .nav-item.active { + position: relative + } -.status-primary { - --tblr-status-color: #066fd1; - --tblr-status-color-rgb: 6,111,209 -} + .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 + } -.status-secondary { - --tblr-status-color: #6c7a91; - --tblr-status-color-rgb: 108,122,145 -} + .navbar-expand-md.navbar-vertical { + box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color) + } -.status-success { - --tblr-status-color: #2fb344; - --tblr-status-color-rgb: 47,179,68 -} + .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) + } -.status-info { - --tblr-status-color: #4299e1; - --tblr-status-color-rgb: 66,153,225 -} + .navbar-expand-md.navbar-vertical~.navbar,.navbar-expand-md.navbar-vertical~.page-wrapper { + margin-left: 15rem + } -.status-warning { - --tblr-status-color: #f76707; - --tblr-status-color-rgb: 247,103,7 + .navbar-expand-md.navbar-vertical.navbar-right~.navbar,.navbar-expand-md.navbar-vertical.navbar-right~.page-wrapper { + margin-left: 0; + margin-right: 15rem + } } -.status-danger { - --tblr-status-color: #d63939; - --tblr-status-color-rgb: 214,57,57 -} +@media (max-width: 991.98px) { + .navbar-expand-lg .navbar-collapse { + flex-direction:column + } -.status-light { - --tblr-status-color: #f6f8fb; - --tblr-status-color-rgb: 246,248,251 -} + .navbar-expand-lg .navbar-collapse [class^=container] { + flex-direction: column; + align-items: stretch; + padding: 0 + } -.status-dark { - --tblr-status-color: #182433; - --tblr-status-color-rgb: 24,36,51 -} + .navbar-expand-lg .navbar-collapse .navbar-nav { + margin-left: 0; + margin-right: 0 + } -.status-muted { - --tblr-status-color: #6c7a91; - --tblr-status-color-rgb: 108,122,145 -} + .navbar-expand-lg .navbar-collapse .navbar-nav .nav-link { + padding: .5rem calc(calc(var(--tblr-page-padding) * 2)/ 2); + justify-content: flex-start + } -.status-blue { - --tblr-status-color: #066fd1; - --tblr-status-color-rgb: 6,111,209 -} + .navbar-expand-lg .navbar-collapse .dropdown-menu-columns { + flex-direction: column + } -.status-azure { - --tblr-status-color: #4299e1; - --tblr-status-color-rgb: 66,153,225 -} + .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 + } -.status-indigo { - --tblr-status-color: #4263eb; - --tblr-status-color-rgb: 66,99,235 -} + .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 + } -.status-purple { - --tblr-status-color: #ae3ec9; - --tblr-status-color-rgb: 174,62,201 -} + .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.disabled { + color: var(--tblr-gray-300); + pointer-events: none; + background-color: transparent + } -.status-pink { - --tblr-status-color: #d6336c; - --tblr-status-color-rgb: 214,51,108 -} + .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) + } -.status-red { - --tblr-status-color: #d63939; - --tblr-status-color-rgb: 214,57,57 -} + .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item { + padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem) + } -.status-orange { - --tblr-status-color: #f76707; - --tblr-status-color-rgb: 247,103,7 -} + .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) + } -.status-yellow { - --tblr-status-color: #f59f00; - --tblr-status-color-rgb: 245,159,0 -} + .navbar-expand-lg .navbar-collapse .dropdown-toggle:after { + margin-left: auto + } -.status-lime { - --tblr-status-color: #74b816; - --tblr-status-color-rgb: 116,184,22 + .navbar-expand-lg .navbar-collapse .nav-item.active:after { + border-bottom-width: 0; + border-left-width: 3px; + right: auto; + top: 0; + bottom: 0 + } } -.status-green { - --tblr-status-color: #2fb344; - --tblr-status-color-rgb: 47,179,68 -} +@media (min-width: 992px) { + .navbar-expand-lg .navbar-collapse { + width:auto; + flex: 1 1 auto + } -.status-teal { - --tblr-status-color: #0ca678; - --tblr-status-color-rgb: 12,166,120 -} + .navbar-expand-lg .nav-item.active { + position: relative + } -.status-cyan { - --tblr-status-color: #17a2b8; - --tblr-status-color-rgb: 23,162,184 -} + .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 + } -.status-x { - --tblr-status-color: #000000; - --tblr-status-color-rgb: 0,0,0 -} + .navbar-expand-lg.navbar-vertical { + box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color) + } -.status-facebook { - --tblr-status-color: #1877f2; - --tblr-status-color-rgb: 24,119,242 -} + .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) + } -.status-twitter { - --tblr-status-color: #1da1f2; - --tblr-status-color-rgb: 29,161,242 -} + .navbar-expand-lg.navbar-vertical~.navbar,.navbar-expand-lg.navbar-vertical~.page-wrapper { + margin-left: 15rem + } -.status-linkedin { - --tblr-status-color: #0a66c2; - --tblr-status-color-rgb: 10,102,194 + .navbar-expand-lg.navbar-vertical.navbar-right~.navbar,.navbar-expand-lg.navbar-vertical.navbar-right~.page-wrapper { + margin-left: 0; + margin-right: 15rem + } } -.status-google { - --tblr-status-color: #dc4e41; - --tblr-status-color-rgb: 220,78,65 -} +@media (max-width: 1199.98px) { + .navbar-expand-xl .navbar-collapse { + flex-direction:column + } -.status-youtube { - --tblr-status-color: #ff0000; - --tblr-status-color-rgb: 255,0,0 -} + .navbar-expand-xl .navbar-collapse [class^=container] { + flex-direction: column; + align-items: stretch; + padding: 0 + } -.status-vimeo { - --tblr-status-color: #1ab7ea; - --tblr-status-color-rgb: 26,183,234 -} + .navbar-expand-xl .navbar-collapse .navbar-nav { + margin-left: 0; + margin-right: 0 + } -.status-dribbble { - --tblr-status-color: #ea4c89; - --tblr-status-color-rgb: 234,76,137 -} + .navbar-expand-xl .navbar-collapse .navbar-nav .nav-link { + padding: .5rem calc(calc(var(--tblr-page-padding) * 2)/ 2); + justify-content: flex-start + } -.status-github { - --tblr-status-color: #181717; - --tblr-status-color-rgb: 24,23,23 -} + .navbar-expand-xl .navbar-collapse .dropdown-menu-columns { + flex-direction: column + } -.status-instagram { - --tblr-status-color: #e4405f; - --tblr-status-color-rgb: 228,64,95 -} + .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 + } -.status-pinterest { - --tblr-status-color: #bd081c; - --tblr-status-color-rgb: 189,8,28 -} + .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 + } -.status-vk { - --tblr-status-color: #6383a8; - --tblr-status-color-rgb: 99,131,168 -} + .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item.disabled { + color: var(--tblr-gray-300); + pointer-events: none; + background-color: transparent + } -.status-rss { - --tblr-status-color: #ffa500; - --tblr-status-color-rgb: 255,165,0 -} + .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) + } -.status-flickr { - --tblr-status-color: #0063dc; - --tblr-status-color-rgb: 0,99,220 -} + .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item { + padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem) + } -.status-bitbucket { - --tblr-status-color: #0052cc; - --tblr-status-color-rgb: 0,82,204 -} + .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) + } -.status-tabler { - --tblr-status-color: #066fd1; - --tblr-status-color-rgb: 6,111,209 -} + .navbar-expand-xl .navbar-collapse .dropdown-toggle:after { + margin-left: auto + } -.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 + .navbar-expand-xl .navbar-collapse .nav-item.active:after { + border-bottom-width: 0; + border-left-width: 3px; + right: auto; + top: 0; + bottom: 0 + } } -.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 -} +@media (min-width: 1200px) { + .navbar-expand-xl .navbar-collapse { + width:auto; + flex: 1 1 auto + } -.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) -} + .navbar-expand-xl .nav-item.active { + position: relative + } -.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) -} + .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 + } -.status-indicator-circle:nth-child(1) { - z-index: 3 -} + .navbar-expand-xl.navbar-vertical { + box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color) + } -.status-indicator-circle:nth-child(2) { - z-index: 2; - opacity: .1 -} + .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) + } -.status-indicator-circle:nth-child(3) { - z-index: 1; - opacity: .3 -} + .navbar-expand-xl.navbar-vertical~.navbar,.navbar-expand-xl.navbar-vertical~.page-wrapper { + margin-left: 15rem + } -.status-indicator-animated .status-indicator-circle:nth-child(1) { - animation: 2s linear 1s infinite backwards status-pulsate-main + .navbar-expand-xl.navbar-vertical.navbar-right~.navbar,.navbar-expand-xl.navbar-vertical.navbar-right~.page-wrapper { + margin-left: 0; + margin-right: 15rem + } } -.status-indicator-animated .status-indicator-circle:nth-child(2) { - animation: 2s linear 1s infinite backwards status-pulsate-secondary -} +@media (max-width: 1399.98px) { + .navbar-expand-xxl .navbar-collapse { + flex-direction:column + } -.status-indicator-animated .status-indicator-circle:nth-child(3) { - animation: 2s linear 1s infinite backwards status-pulsate-tertiary -} + .navbar-expand-xxl .navbar-collapse [class^=container] { + flex-direction: column; + align-items: stretch; + padding: 0 + } -.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 -} + .navbar-expand-xxl .navbar-collapse .navbar-nav { + margin-left: 0; + margin-right: 0 + } -.switch-icon.disabled { - pointer-events: none; - opacity: .4 -} + .navbar-expand-xxl .navbar-collapse .navbar-nav .nav-link { + padding: .5rem calc(calc(var(--tblr-page-padding) * 2)/ 2); + justify-content: flex-start + } -.switch-icon:focus { - outline: 0 -} + .navbar-expand-xxl .navbar-collapse .dropdown-menu-columns { + flex-direction: column + } -.switch-icon svg { - display: block; - width: 100%; - height: 100% -} + .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 + } -.switch-icon .switch-icon-a,.switch-icon .switch-icon-b { - display: block; - width: 100%; - height: 100% -} + .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 + } -.switch-icon .switch-icon-a { - opacity: 1 -} + .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item.disabled { + color: var(--tblr-gray-300); + pointer-events: none; + background-color: transparent + } -.switch-icon .switch-icon-b { - position: absolute; - top: 0; - left: 0; - opacity: 0 -} + .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) + } -.switch-icon.active .switch-icon-a { - opacity: 0 -} + .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item { + padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem) + } -.switch-icon.active .switch-icon-b { - opacity: 1 -} + .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) + } -.switch-icon-fade .switch-icon-a,.switch-icon-fade .switch-icon-b { - transition: opacity .5s -} + .navbar-expand-xxl .navbar-collapse .dropdown-toggle:after { + margin-left: auto + } -@media (prefers-reduced-motion:reduce) { - .switch-icon-fade .switch-icon-a,.switch-icon-fade .switch-icon-b { - transition: none + .navbar-expand-xxl .navbar-collapse .nav-item.active:after { + border-bottom-width: 0; + border-left-width: 3px; + right: auto; + top: 0; + bottom: 0 } } -.switch-icon-scale .switch-icon-a,.switch-icon-scale .switch-icon-b { - transition: opacity .5s,transform 0s .5s -} +@media (min-width: 1400px) { + .navbar-expand-xxl .navbar-collapse { + width:auto; + flex: 1 1 auto + } -@media (prefers-reduced-motion:reduce) { - .switch-icon-scale .switch-icon-a,.switch-icon-scale .switch-icon-b { - transition: none + .navbar-expand-xxl .nav-item.active { + position: relative } -} -.switch-icon-scale .switch-icon-b { - transform: scale(1.5) -} + .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 + } -.switch-icon-scale.active .switch-icon-a,.switch-icon-scale.active .switch-icon-b { - transition: opacity 0s,transform .5s -} + .navbar-expand-xxl.navbar-vertical { + box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color) + } -@media (prefers-reduced-motion:reduce) { - .switch-icon-scale.active .switch-icon-a,.switch-icon-scale.active .switch-icon-b { - transition: none + .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) } -} -.switch-icon-scale.active .switch-icon-b { - transform: scale(1) -} + .navbar-expand-xxl.navbar-vertical~.navbar,.navbar-expand-xxl.navbar-vertical~.page-wrapper { + margin-left: 15rem + } -.switch-icon-flip { - perspective: 10em + .navbar-expand-xxl.navbar-vertical.navbar-right~.navbar,.navbar-expand-xxl.navbar-vertical.navbar-right~.page-wrapper { + margin-left: 0; + margin-right: 15rem + } } -.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 +.navbar-expand .navbar-collapse { + flex-direction: column } -@media (prefers-reduced-motion:reduce) { - .switch-icon-flip .switch-icon-a,.switch-icon-flip .switch-icon-b { - transition: none - } +.navbar-expand .navbar-collapse [class^=container] { + flex-direction: column; + align-items: stretch; + padding: 0 } -.switch-icon-flip .switch-icon-a { - opacity: 1; - transform: rotateY(0) +.navbar-expand .navbar-collapse .navbar-nav { + margin-left: 0; + margin-right: 0 } -.switch-icon-flip .switch-icon-b { - opacity: 1; - transform: rotateY(-180deg) +.navbar-expand .navbar-collapse .navbar-nav .nav-link { + padding: .5rem calc(calc(var(--tblr-page-padding) * 2)/ 2); + justify-content: flex-start } -.switch-icon-flip.active .switch-icon-a { - opacity: 1; - transform: rotateY(180deg) +.navbar-expand .navbar-collapse .dropdown-menu-columns { + flex-direction: column } -.switch-icon-flip.active .switch-icon-b { - opacity: 1; - transform: rotateY(0) +.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 } -.switch-icon-slide-down,.switch-icon-slide-left,.switch-icon-slide-right,.switch-icon-slide-up { - overflow: hidden +.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 } -.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 +.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item.disabled { + color: var(--tblr-gray-300); + pointer-events: none; + background-color: transparent } -@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 - } +.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item.active,.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item:active { + background: var(--tblr-navbar-active-bg) } -.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) +.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item { + padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem) } -.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%) +.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) } -.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%) +.navbar-expand .navbar-collapse .dropdown-toggle:after { + margin-left: auto } -.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) +.navbar-expand .navbar-collapse .nav-item.active:after { + border-bottom-width: 0; + border-left-width: 3px; + right: auto; + top: 0; + bottom: 0 } -.switch-icon-slide-left .switch-icon-a { - transform: translateX(0) +.navbar-expand .navbar-collapse { + width: auto; + flex: 1 1 auto } -.switch-icon-slide-left .switch-icon-b { - transform: translateX(100%) +.navbar-expand .nav-item.active { + position: relative } -.switch-icon-slide-left.active .switch-icon-a { - transform: translateX(-100%) +.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 } -.switch-icon-slide-left.active .switch-icon-b { - transform: translateX(0) +.navbar-expand.navbar-vertical { + box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color) } -.switch-icon-slide-right .switch-icon-a { - transform: translateX(0) +.navbar-expand.navbar-vertical.navbar-right { + box-shadow: inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color) } -.switch-icon-slide-right .switch-icon-b { - transform: translateX(-100%) +.navbar-expand.navbar-vertical~.navbar,.navbar-expand.navbar-vertical~.page-wrapper { + margin-left: 15rem } -.switch-icon-slide-right.active .switch-icon-a { - transform: translateX(100%) +.navbar-expand.navbar-vertical.navbar-right~.navbar,.navbar-expand.navbar-vertical.navbar-right~.page-wrapper { + margin-left: 0; + margin-right: 15rem } -.switch-icon-slide-right.active .switch-icon-b { - transform: translateX(0) +.navbar-brand { + display: inline-flex; + align-items: center; + font-weight: var(--tblr-font-weight-bold); + margin: 0; + line-height: 1; + gap: .5rem } -.switch-icon-slide-down .switch-icon-a { - transform: translateY(0) +.navbar-brand-image { + height: 2rem; + width: auto } -.switch-icon-slide-down .switch-icon-b { - transform: translateY(-100%) +.navbar-toggler { + border: 0; + width: 2rem; + height: 2rem; + position: relative; + display: flex; + align-items: center; + justify-content: center } -.switch-icon-slide-down.active .switch-icon-a { - transform: translateY(100%) +.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 } -.switch-icon-slide-down.active .switch-icon-b { - transform: translateY(0) +@media (prefers-reduced-motion:reduce) { + .navbar-toggler-icon { + transition: none + } } -.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 +.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 print { - .markdown>table thead th,.table thead th { - background: 0 0 +@media (prefers-reduced-motion:reduce) { + .navbar-toggler-icon:after,.navbar-toggler-icon:before { + transition: none } } -.table-responsive .markdown>table,.table-responsive .table { - margin-bottom: 0 +.navbar-toggler-icon:before { + top: -.45em } -.table-responsive+.card-footer { - border-top: 0 +.navbar-toggler-icon:after { + bottom: -.45em } -.table-transparent thead th { - background: 0 0 +.navbar-toggler[aria-expanded=true] .navbar-toggler-icon { + transform: rotate(45deg); + transition: top .3s,bottom .3s,transform .3s .3s,opacity 0s .3s } -.table-nowrap>:not(caption)>*>* { - white-space: nowrap +@media (prefers-reduced-motion:reduce) { + .navbar-toggler[aria-expanded=true] .navbar-toggler-icon { + transition: none + } } -.table-vcenter>:not(caption)>*>* { - vertical-align: middle +.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before { + top: 0; + transform: rotate(-90deg) } -.table-center>:not(caption)>*>* { - text-align: center +.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after { + bottom: 0; + opacity: 0 } -.td-truncate { - max-width: 1px; - width: 100% +.navbar-transparent { + --tblr-navbar-border-color: transparent!important; + background: 0 0!important } -.table-mobile { - display: block +.navbar-nav { + align-items: stretch } -.table-mobile thead { - display: none +.navbar-nav .nav-item { + display: flex; + flex-direction: column; + justify-content: center } -.table-mobile tbody,.table-mobile tr { +.navbar-side { + margin: 0; display: flex; - flex-direction: column + flex-direction: row; + align-items: center; + justify-content: space-around } -.table-mobile td { - display: block; - padding: .75rem .75rem!important; - border: none; - color: var(--tblr-body-color)!important +@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 + } } -.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 +@media (min-width: 576px) and (prefers-reduced-motion:reduce) { + .navbar-vertical.navbar-expand-sm { + transition:none + } } -.table-mobile tr { - border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) -} +@media (min-width: 576px) { + .navbar-vertical.navbar-expand-sm.navbar-right { + left:auto; + right: 0 + } -.table-mobile .btn { - display: block -} + .navbar-vertical.navbar-expand-sm .navbar-brand { + padding: .75rem 0; + justify-content: center + } -@media (max-width: 575.98px) { - .table-mobile-sm { - display:block + .navbar-vertical.navbar-expand-sm .navbar-collapse { + align-items: stretch } - .table-mobile-sm thead { - display: none + .navbar-vertical.navbar-expand-sm .navbar-nav { + flex-direction: column; + flex-grow: 1; + min-height: auto } - .table-mobile-sm tbody,.table-mobile-sm tr { - display: flex; - flex-direction: column + .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link { + padding-top: .5rem; + padding-bottom: .5rem } - .table-mobile-sm td { - display: block; - padding: .75rem .75rem!important; - border: none; - color: var(--tblr-body-color)!important + .navbar-vertical.navbar-expand-sm>[class^=container] { + flex-direction: column; + align-items: stretch; + min-height: 100%; + justify-content: flex-start; + padding: 0 } - .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 + .navbar-vertical.navbar-expand-sm~.page { + padding-left: 15rem } - .table-mobile-sm tr { - border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) + .navbar-vertical.navbar-expand-sm~.page [class^=container] { + padding-left: 1.5rem; + padding-right: 1.5rem } - .table-mobile-sm .btn { - display: block + .navbar-vertical.navbar-expand-sm.navbar-right~.page { + padding-left: 0; + padding-right: 15rem } -} -@media (max-width: 767.98px) { - .table-mobile-md { - display:block + .navbar-vertical.navbar-expand-sm .navbar-collapse { + flex-direction: column } - .table-mobile-md thead { - display: none + .navbar-vertical.navbar-expand-sm .navbar-collapse [class^=container] { + flex-direction: column; + align-items: stretch; + padding: 0 } - .table-mobile-md tbody,.table-mobile-md tr { - display: flex; + .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 } - .table-mobile-md td { - display: block; - padding: .75rem .75rem!important; + .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu { + padding: 0; + background: 0 0; + position: static; + color: inherit; + box-shadow: none; border: none; - color: var(--tblr-body-color)!important + 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 } - .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 + .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 } +} - .table-mobile-md tr { - border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) +@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 } +} - .table-mobile-md .btn { - display: block +@media (min-width: 768px) and (prefers-reduced-motion:reduce) { + .navbar-vertical.navbar-expand-md { + transition:none } } -@media (max-width: 991.98px) { - .table-mobile-lg { - display:block +@media (min-width: 768px) { + .navbar-vertical.navbar-expand-md.navbar-right { + left:auto; + right: 0 } - .table-mobile-lg thead { - display: none + .navbar-vertical.navbar-expand-md .navbar-brand { + padding: .75rem 0; + justify-content: center } - .table-mobile-lg tbody,.table-mobile-lg tr { - display: flex; - flex-direction: column + .navbar-vertical.navbar-expand-md .navbar-collapse { + align-items: stretch } - .table-mobile-lg td { - display: block; - padding: .75rem .75rem!important; - border: none; - color: var(--tblr-body-color)!important + .navbar-vertical.navbar-expand-md .navbar-nav { + flex-direction: column; + flex-grow: 1; + min-height: auto } - .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 + .navbar-vertical.navbar-expand-md .navbar-nav .nav-link { + padding-top: .5rem; + padding-bottom: .5rem } - .table-mobile-lg tr { - border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) + .navbar-vertical.navbar-expand-md>[class^=container] { + flex-direction: column; + align-items: stretch; + min-height: 100%; + justify-content: flex-start; + padding: 0 } - .table-mobile-lg .btn { - display: block + .navbar-vertical.navbar-expand-md~.page { + padding-left: 15rem } -} -@media (max-width: 1199.98px) { - .table-mobile-xl { - display:block + .navbar-vertical.navbar-expand-md~.page [class^=container] { + padding-left: 1.5rem; + padding-right: 1.5rem } - .table-mobile-xl thead { - display: none + .navbar-vertical.navbar-expand-md.navbar-right~.page { + padding-left: 0; + padding-right: 15rem } - .table-mobile-xl tbody,.table-mobile-xl tr { - display: flex; + .navbar-vertical.navbar-expand-md .navbar-collapse { 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 + .navbar-vertical.navbar-expand-md .navbar-collapse [class^=container] { + flex-direction: column; + align-items: stretch; + padding: 0 } - .table-mobile-xl tr { - border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) + .navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav { + margin-left: 0; + margin-right: 0 } - .table-mobile-xl .btn { - display: block + .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 } -} -@media (max-width: 1399.98px) { - .table-mobile-xxl { - display:block + .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu-columns { + flex-direction: column } - .table-mobile-xxl thead { - display: none + .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 } - .table-mobile-xxl tbody,.table-mobile-xxl tr { + .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item { + min-width: 0; display: flex; - flex-direction: column + width: auto; + padding-left: calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 1.75rem); + color: inherit } - .table-mobile-xxl td { - display: block; - padding: .75rem .75rem!important; - border: none; - color: var(--tblr-body-color)!important + .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.disabled { + color: var(--tblr-gray-300); + pointer-events: none; + background-color: transparent } - .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 + .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) } - .table-mobile-xxl tr { - border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) + .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) } - .table-mobile-xxl .btn { - display: block + .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) } -} - -.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 + .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-toggle:after { + margin-left: auto } -} - -.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 + .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 + } } -.toast-rss { - --tblr-toast-color: #ffa500 +@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 + } } -.toast-flickr { - --tblr-toast-color: #0063dc +@media (min-width: 992px) and (prefers-reduced-motion:reduce) { + .navbar-vertical.navbar-expand-lg { + transition:none + } } -.toast-bitbucket { - --tblr-toast-color: #0052cc -} +@media (min-width: 992px) { + .navbar-vertical.navbar-expand-lg.navbar-right { + left:auto; + right: 0 + } -.toast-tabler { - --tblr-toast-color: #066fd1 -} + .navbar-vertical.navbar-expand-lg .navbar-brand { + padding: .75rem 0; + justify-content: center + } -.toolbar { - display: flex; - flex-wrap: nowrap; - flex-shrink: 0; - margin: 0 -.5rem -} + .navbar-vertical.navbar-expand-lg .navbar-collapse { + align-items: stretch + } -.toolbar>* { - margin: 0 .5rem -} + .navbar-vertical.navbar-expand-lg .navbar-nav { + flex-direction: column; + flex-grow: 1; + min-height: auto + } -.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) -} + .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link { + padding-top: .5rem; + padding-bottom: .5rem + } -.tracking-squares { - --tblr-tracking-block-border-radius: var(--tblr-border-radius-sm) -} + .navbar-vertical.navbar-expand-lg>[class^=container] { + flex-direction: column; + align-items: stretch; + min-height: 100%; + justify-content: flex-start; + padding: 0 + } -.tracking-squares .tracking-block { - height: auto -} + .navbar-vertical.navbar-expand-lg~.page { + padding-left: 15rem + } -.tracking-squares .tracking-block:before { - content: ""; - display: block; - padding-top: 100% -} + .navbar-vertical.navbar-expand-lg~.page [class^=container] { + padding-left: 1.5rem; + padding-right: 1.5rem + } -.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) -} + .navbar-vertical.navbar-expand-lg.navbar-right~.page { + padding-left: 0; + padding-right: 15rem + } -.timeline { - --tblr-timeline-icon-size: 2.5rem; - position: relative; - list-style: none; - padding: 0 -} + .navbar-vertical.navbar-expand-lg .navbar-collapse { + flex-direction: column + } -.timeline-event { - position: relative -} + .navbar-vertical.navbar-expand-lg .navbar-collapse [class^=container] { + flex-direction: column; + align-items: stretch; + padding: 0 + } -.timeline-event:not(:last-child) { - margin-bottom: var(--tblr-page-padding) -} + .navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav { + margin-left: 0; + margin-right: 0 + } -.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) -} + .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 + } -.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 -} + .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu-columns { + flex-direction: column + } -.timeline-event-card { - margin-left: calc(var(--tblr-timeline-icon-size,2.5rem) + var(--tblr-page-padding)) -} + .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 + } -.timeline-simple .timeline-event-icon { - display: none -} + .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 + } -.timeline-simple .timeline-event-card { - margin-left: 0 -} + .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.disabled { + color: var(--tblr-gray-300); + pointer-events: none; + background-color: transparent + } -.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 -} + .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) + } -.hr-text:after,.hr-text:before { - flex: 1 1 auto; - height: 1px; - background-color: var(--tblr-border-color) -} + .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) + } -.hr-text:before { - content: ""; - margin-right: .5rem -} + .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) + } -.hr-text:after { - content: ""; - margin-left: .5rem -} + .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-toggle:after { + margin-left: auto + } -.hr-text>:first-child { - padding-right: .5rem; - padding-left: 0; - color: var(--tblr-secondary) + .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 + } } -.hr-text.hr-text-left:before { - content: none +@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 + } } -.hr-text.hr-text-left>:first-child { - padding-right: .5rem; - padding-left: .5rem +@media (min-width: 1200px) and (prefers-reduced-motion:reduce) { + .navbar-vertical.navbar-expand-xl { + transition:none + } } -.hr-text.hr-text-right:before { - content: "" -} +@media (min-width: 1200px) { + .navbar-vertical.navbar-expand-xl.navbar-right { + left:auto; + right: 0 + } -.hr-text.hr-text-right:after { - content: none -} + .navbar-vertical.navbar-expand-xl .navbar-brand { + padding: .75rem 0; + justify-content: center + } -.hr-text.hr-text-right>:first-child { - padding-right: 0; - padding-left: .5rem -} + .navbar-vertical.navbar-expand-xl .navbar-collapse { + align-items: stretch + } -.card>.hr-text { - margin: 0 -} + .navbar-vertical.navbar-expand-xl .navbar-nav { + flex-direction: column; + flex-grow: 1; + min-height: auto + } -.hr-text-spaceless { - margin: -.5rem 0 -} + .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link { + padding-top: .5rem; + padding-bottom: .5rem + } -.lead { - line-height: 1.4 -} + .navbar-vertical.navbar-expand-xl>[class^=container] { + flex-direction: column; + align-items: stretch; + min-height: 100%; + justify-content: flex-start; + padding: 0 + } -a { - -webkit-text-decoration-skip: ink; - text-decoration-skip-ink: auto -} + .navbar-vertical.navbar-expand-xl~.page { + padding-left: 15rem + } -.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 -} + .navbar-vertical.navbar-expand-xl~.page [class^=container] { + padding-left: 1.5rem; + padding-right: 1.5rem + } -.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 -} + .navbar-vertical.navbar-expand-xl.navbar-right~.page { + padding-left: 0; + padding-right: 15rem + } -.h1,h1 { - font-size: var(--tblr-font-size-h1); - line-height: var(--tblr-line-height-h1) -} + .navbar-vertical.navbar-expand-xl .navbar-collapse { + flex-direction: column + } -.h2,h2 { - font-size: var(--tblr-font-size-h2); - line-height: var(--tblr-line-height-h2) -} + .navbar-vertical.navbar-expand-xl .navbar-collapse [class^=container] { + flex-direction: column; + align-items: stretch; + padding: 0 + } -.h3,h3 { - font-size: var(--tblr-font-size-h3); - line-height: var(--tblr-line-height-h3) -} + .navbar-vertical.navbar-expand-xl .navbar-collapse .navbar-nav { + margin-left: 0; + margin-right: 0 + } -.h4,h4 { - font-size: var(--tblr-font-size-h4); - line-height: var(--tblr-line-height-h4) -} + .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 + } -.h5,h5 { - font-size: var(--tblr-font-size-h5); - line-height: var(--tblr-line-height-h5) -} + .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu-columns { + flex-direction: column + } -.h6,h6 { - font-size: var(--tblr-font-size-h6); - line-height: var(--tblr-line-height-h6) -} + .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 + } -.strong,b,strong { - font-weight: var(--tblr-font-weight-bold) -} + .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 + } -blockquote { - padding-left: 1rem; - border-left: 2px var(--tblr-border-style) var(--tblr-border-color) -} + .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item.disabled { + color: var(--tblr-gray-300); + pointer-events: none; + background-color: transparent + } -blockquote p { - margin-bottom: 1rem -} + .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) + } -blockquote cite { - display: block; - text-align: right -} + .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) + } -blockquote cite:before { - content: "— " -} + .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) + } -ol,ul { - padding-left: 1.5rem -} + .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-toggle:after { + margin-left: auto + } -.hr,hr { - margin: 2rem 0 + .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 + } } -dl dd:last-child { - margin-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 + } } -pre { - padding: 1rem; - background: var(--tblr-bg-surface-dark); - color: var(--tblr-light); - border-radius: var(--tblr-border-radius) +@media (min-width: 1400px) and (prefers-reduced-motion:reduce) { + .navbar-vertical.navbar-expand-xxl { + transition:none + } } -pre code { - background: 0 0 -} +@media (min-width: 1400px) { + .navbar-vertical.navbar-expand-xxl.navbar-right { + left:auto; + right: 0 + } -code { - background: var(--tblr-code-bg); - padding: 2px 4px; - border-radius: var(--tblr-border-radius) -} + .navbar-vertical.navbar-expand-xxl .navbar-brand { + padding: .75rem 0; + justify-content: center + } -.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) -} + .navbar-vertical.navbar-expand-xxl .navbar-collapse { + align-items: stretch + } -img,svg { - max-width: 100%; - height: auto -} + .navbar-vertical.navbar-expand-xxl .navbar-nav { + flex-direction: column; + flex-grow: 1; + min-height: auto + } -.list-unstyled { - margin-left: 0 -} + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link { + padding-top: .5rem; + padding-bottom: .5rem + } -::-moz-selection { - background-color: rgba(var(--tblr-primary-rgb),.16) -} + .navbar-vertical.navbar-expand-xxl>[class^=container] { + flex-direction: column; + align-items: stretch; + min-height: 100%; + justify-content: flex-start; + padding: 0 + } -::selection { - background-color: rgba(var(--tblr-primary-rgb),.16) -} + .navbar-vertical.navbar-expand-xxl~.page { + padding-left: 15rem + } -[class*=" link-"].disabled,[class^=link-].disabled { - color: var(--tblr-disabled-color)!important; - pointer-events: none -} + .navbar-vertical.navbar-expand-xxl~.page [class^=container] { + padding-left: 1.5rem; + padding-right: 1.5rem + } -.subheader { - font-size: .625rem; - font-weight: var(--tblr-font-weight-bold); - text-transform: uppercase; - letter-spacing: .04em; - line-height: 1rem; - color: var(--tblr-secondary) -} + .navbar-vertical.navbar-expand-xxl.navbar-right~.page { + padding-left: 0; + padding-right: 15rem + } -.chart { - display: block; - min-height: 10rem -} + .navbar-vertical.navbar-expand-xxl .navbar-collapse { + flex-direction: column + } -.chart text { - font-family: inherit -} + .navbar-vertical.navbar-expand-xxl .navbar-collapse [class^=container] { + flex-direction: column; + align-items: stretch; + padding: 0 + } -.chart-sm { - height: 2.5rem -} + .navbar-vertical.navbar-expand-xxl .navbar-collapse .navbar-nav { + margin-left: 0; + margin-right: 0 + } -.chart-lg { - height: 15rem -} + .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 + } -.chart-square { - height: 5.75rem -} + .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu-columns { + flex-direction: column + } -.chart-sparkline { - position: relative; - width: 4rem; - height: 2.5rem; - line-height: 1; - min-height: 0!important -} + .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 + } -.chart-sparkline-sm { - height: 1.5rem -} + .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 + } -.chart-sparkline-square { - width: 2.5rem -} + .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item.disabled { + color: var(--tblr-gray-300); + pointer-events: none; + background-color: transparent + } -.chart-sparkline-wide { - width: 6rem -} + .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) + } -.chart-sparkline-label { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - display: flex; - align-items: center; - justify-content: center; - font-size: .625rem -} + .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) + } -.chart-sparkline-label .icon { - width: 1rem; - height: 1rem; - font-size: 1rem -} + .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) + } -.offcanvas-header { - border-bottom: var(--tblr-border-width) var(--tblr-border-style) rgba(4,32,69,.1) -} + .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-toggle:after { + margin-left: auto + } -.offcanvas-footer { - padding: 1.5rem 1.5rem + .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 + } } -.offcanvas-title { - font-size: 1rem; - font-weight: var(--tblr-font-weight-medium); - line-height: 1.5rem +.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 } -.offcanvas-narrow { - width: 20rem +@media (prefers-reduced-motion:reduce) { + .navbar-vertical.navbar-expand { + transition: none + } } -.chat-bubbles { - display: flex; - flex-direction: column; - gap: 1rem +.navbar-vertical.navbar-expand.navbar-right { + left: auto; + right: 0 } -.chat-bubble { - background: var(--tblr-bg-surface-secondary); - border-radius: var(--tblr-border-radius-lg); - padding: 1rem; - position: relative +.navbar-vertical.navbar-expand .navbar-brand { + padding: .75rem 0; + justify-content: center } -.chat-bubble-me { - background-color: var(--tblr-primary-lt); - box-shadow: none +.navbar-vertical.navbar-expand .navbar-collapse { + align-items: stretch } -.chat-bubble-title { - margin-bottom: .25rem +.navbar-vertical.navbar-expand .navbar-nav { + flex-direction: column; + flex-grow: 1; + min-height: auto } -.chat-bubble-author { - font-weight: 600 +.navbar-vertical.navbar-expand .navbar-nav .nav-link { + padding-top: .5rem; + padding-bottom: .5rem } -.chat-bubble-date { - color: var(--tblr-secondary) +.navbar-vertical.navbar-expand>[class^=container] { + flex-direction: column; + align-items: stretch; + min-height: 100%; + justify-content: flex-start; + padding: 0 } -.chat-bubble-body>:last-child { - margin-bottom: 0 +.navbar-vertical.navbar-expand~.page { + padding-left: 15rem } -.bg-white-overlay { - color: #fff; - background-color: rgba(246,248,251,.24) +.navbar-vertical.navbar-expand~.page [class^=container] { + padding-left: 1.5rem; + padding-right: 1.5rem } -.bg-dark-overlay { - color: #fff; - background-color: rgba(24,36,51,.24) +.navbar-vertical.navbar-expand.navbar-right~.page { + padding-left: 0; + padding-right: 15rem } -.bg-cover { - background-repeat: no-repeat; - background-size: cover; - background-position: center +.navbar-vertical.navbar-expand .navbar-collapse { + flex-direction: column } -.bg-primary { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-primary-rgb),var(--tblr-bg-opacity))!important +.navbar-vertical.navbar-expand .navbar-collapse [class^=container] { + flex-direction: column; + align-items: stretch; + padding: 0 } -.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 +.navbar-vertical.navbar-expand .navbar-collapse .navbar-nav { + margin-left: 0; + margin-right: 0 } -.border-primary { - border-color: #066fd1!important +.navbar-vertical.navbar-expand .navbar-collapse .navbar-nav .nav-link { + padding: .5rem calc(calc(var(--tblr-page-padding) * 2)/ 2); + justify-content: flex-start } -.bg-secondary { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-secondary-rgb),var(--tblr-bg-opacity))!important +.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu-columns { + flex-direction: column } -.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 +.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 } -.border-secondary { - border-color: #6c7a91!important +.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 } -.bg-success { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-success-rgb),var(--tblr-bg-opacity))!important +.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item.disabled { + color: var(--tblr-gray-300); + pointer-events: none; + background-color: transparent } -.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 +.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) } -.border-success { - border-color: #2fb344!important +.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) } -.bg-info { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-info-rgb),var(--tblr-bg-opacity))!important +.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) } -.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 +.navbar-vertical.navbar-expand .navbar-collapse .dropdown-toggle:after { + margin-left: auto } -.border-info { - border-color: #4299e1!important +.navbar-vertical.navbar-expand .navbar-collapse .nav-item.active:after { + border-bottom-width: 0; + border-left-width: 3px; + right: auto; + top: 0; + bottom: 0 } -.bg-warning { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-warning-rgb),var(--tblr-bg-opacity))!important +.navbar-overlap:after { + content: ""; + height: 9rem; + position: absolute; + top: 100%; + left: 0; + right: 0; + background: inherit; + z-index: -1; + box-shadow: inherit } -.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 +.page { + display: flex; + flex-direction: column; + position: relative; + min-height: 100% } -.border-warning { - border-color: #f76707!important +.page-center { + justify-content: center } -.bg-danger { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-danger-rgb),var(--tblr-bg-opacity))!important +.page-wrapper { + flex: 1; + display: flex; + flex-direction: column } -.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 +@media print { + .page-wrapper { + margin: 0!important + } } -.border-danger { - border-color: #d63939!important +.page-wrapper-full .page-body:first-child { + margin: 0; + border-top: 0 } -.bg-light { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-light-rgb),var(--tblr-bg-opacity))!important +.page-body { + margin-top: var(--tblr-page-padding-y); + margin-bottom: var(--tblr-page-padding-y); + display: flex; + flex-direction: column; + flex: 1 } -.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 +.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 } -.border-light { - border-color: #f6f8fb!important +.page-body~.page-body-card { + margin-top: 0 } -.bg-dark { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-dark-rgb),var(--tblr-bg-opacity))!important +.page-cover { + background: no-repeat center/cover; + min-height: 9rem } -.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 +@media (min-width: 768px) { + .page-cover { + min-height:12rem + } } -.border-dark { - border-color: #182433!important +@media (min-width: 992px) { + .page-cover { + min-height:15rem + } } -.bg-muted { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-muted-rgb),var(--tblr-bg-opacity))!important +.page-cover-overlay { + position: relative } -.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 +.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%) } -.border-muted { - border-color: #6c7a91!important +.page-header { + display: flex; + flex-wrap: wrap; + min-height: 2.25rem; + flex-direction: column; + justify-content: center } -.bg-blue { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-blue-rgb),var(--tblr-bg-opacity))!important +.page-wrapper .page-header { + margin: var(--tblr-page-padding-y) 0 0 } -.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 +.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) } -.border-blue { - border-color: #066fd1!important +.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) } -.bg-azure { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-azure-rgb),var(--tblr-bg-opacity))!important +.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 } -.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 +.page-title svg { + width: 1.5rem; + height: 1.5rem; + margin-right: .25rem } -.border-azure { - border-color: #4299e1!important +.page-title-lg { + font-size: 1.5rem; + line-height: 2rem } -.bg-indigo { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-indigo-rgb),var(--tblr-bg-opacity))!important +.page-subtitle { + margin-top: .25rem; + color: var(--tblr-secondary) } -.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 + +body:not(.theme-dark):not([data-bs-theme=dark]) .hide-theme-light { + display: none!important } -.border-indigo { - border-color: #4263eb!important +body:not(.theme-dark):not([data-bs-theme=dark]) .img-dark { + display: none!important } -.bg-purple { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-purple-rgb),var(--tblr-bg-opacity))!important +body.theme-dark .hide-theme-dark,body[data-bs-theme=dark] .hide-theme-dark { + display: none!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 +body.theme-dark .img-light,body[data-bs-theme=dark] .img-light { + display: none!important } -.border-purple { - border-color: #ae3ec9!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 } -.bg-pink { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-pink-rgb),var(--tblr-bg-opacity))!important +[data-bs-theme=dark] .navbar-brand-autodark .navbar-brand-image { + filter: brightness(0) invert(1) } -.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 + +.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) } -.border-pink { - border-color: #d6336c!important +.avatar .icon { + width: var(--tblr-avatar-icon-size); + height: var(--tblr-avatar-icon-size) } -.bg-red { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-red-rgb),var(--tblr-bg-opacity))!important +.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) } -.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 +a.avatar { + cursor: pointer } -.border-red { - border-color: #d63939!important +.avatar-rounded { + border-radius: 100rem } -.bg-orange { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-orange-rgb),var(--tblr-bg-opacity))!important +.avatar-xxs { + --tblr-avatar-size: 1rem; + --tblr-avatar-status-size: 0.25rem; + --tblr-avatar-font-size: 0.5rem; + --tblr-avatar-icon-size: 0.75rem } -.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 +.avatar-xxs .badge:empty { + width: .25rem; + height: .25rem } -.border-orange { - border-color: #f76707!important +.avatar-xs { + --tblr-avatar-size: 1.25rem; + --tblr-avatar-status-size: 0.375rem; + --tblr-avatar-font-size: 0.625rem; + --tblr-avatar-icon-size: 1rem } -.bg-yellow { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-yellow-rgb),var(--tblr-bg-opacity))!important +.avatar-xs .badge:empty { + width: .375rem; + height: .375rem } -.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 +.avatar-sm { + --tblr-avatar-size: 2rem; + --tblr-avatar-status-size: 0.5rem; + --tblr-avatar-font-size: 0.75rem; + --tblr-avatar-icon-size: 1.25rem } -.border-yellow { - border-color: #f59f00!important +.avatar-sm .badge:empty { + width: .5rem; + height: .5rem } -.bg-lime { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-lime-rgb),var(--tblr-bg-opacity))!important +.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 } -.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 +.avatar-md .badge:empty { + width: .75rem; + height: .75rem } -.border-lime { - border-color: #74b816!important +.avatar-lg { + --tblr-avatar-size: 3rem; + --tblr-avatar-status-size: 0.75rem; + --tblr-avatar-font-size: 1.25rem; + --tblr-avatar-icon-size: 2rem } -.bg-green { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-green-rgb),var(--tblr-bg-opacity))!important +.avatar-lg .badge:empty { + width: .75rem; + height: .75rem } -.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 +.avatar-xl { + --tblr-avatar-size: 5rem; + --tblr-avatar-status-size: 1rem; + --tblr-avatar-font-size: 2rem; + --tblr-avatar-icon-size: 3rem } -.border-green { - border-color: #2fb344!important +.avatar-xl .badge:empty { + width: 1rem; + height: 1rem } -.bg-teal { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-teal-rgb),var(--tblr-bg-opacity))!important +.avatar-2xl { + --tblr-avatar-size: 7rem; + --tblr-avatar-status-size: 1rem; + --tblr-avatar-font-size: 3rem; + --tblr-avatar-icon-size: 5rem } -.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 +.avatar-2xl .badge:empty { + width: 1rem; + height: 1rem } -.border-teal { - border-color: #0ca678!important +.avatar-list { + --tblr-list-gap: 0.5rem; + display: flex; + flex-wrap: wrap; + gap: var(--tblr-list-gap) } -.bg-cyan { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-cyan-rgb),var(--tblr-bg-opacity))!important +.avatar-list a.avatar:hover { + z-index: 1 } -.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 +.avatar-list-stacked { + display: block; + --tblr-list-gap: 0 } -.border-cyan { - border-color: #17a2b8!important +.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))) } -.bg-x { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-x-rgb),var(--tblr-bg-opacity))!important +.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 } -.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 +@media (prefers-reduced-motion:reduce) { + .avatar-upload { + transition: none + } } -.border-x { - border-color: #000!important +.avatar-upload svg { + width: 1.5rem; + height: 1.5rem; + stroke-width: 1 } -.bg-facebook { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-facebook-rgb),var(--tblr-bg-opacity))!important +.avatar-upload:hover { + border-color: var(--tblr-primary); + color: var(--tblr-primary); + text-decoration: none } -.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 +.avatar-upload-text { + font-size: .625rem; + line-height: 1; + margin-top: .25rem } -.border-facebook { - border-color: #1877f2!important -} -.bg-twitter { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-twitter-rgb),var(--tblr-bg-opacity))!important +.nav-vertical,.nav-vertical .nav { + flex-direction: column; + flex-wrap: nowrap } -.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 +.nav-vertical .nav { + margin-left: 1.25rem; + border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color); + padding-left: .5rem } -.border-twitter { - border-color: #1da1f2!important +.nav-vertical .nav-item.show .nav-link,.nav-vertical .nav-link.active { + font-weight: var(--tblr-font-weight-bold) } -.bg-linkedin { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-linkedin-rgb),var(--tblr-bg-opacity))!important +.nav-vertical.nav-pills { + margin: 0 -.75rem } -.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 +.nav-bordered { + border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color) } -.border-linkedin { - border-color: #0a66c2!important +.nav-bordered .nav-item+.nav-item { + margin-left: 1.25rem } -.bg-google { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-google-rgb),var(--tblr-bg-opacity))!important +.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) } -.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 +.nav-bordered .nav-item.show .nav-link,.nav-bordered .nav-link.active { + color: var(--tblr-primary); + border-color: var(--tblr-primary) } -.border-google { - border-color: #dc4e41!important +.nav-link { + display: flex; + transition: color .3s; + align-items: center } -.bg-youtube { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-youtube-rgb),var(--tblr-bg-opacity))!important +@media (prefers-reduced-motion:reduce) { + .nav-link { + transition: none + } } -.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 +.nav-link-toggle { + margin-left: auto; + padding: 0 .25rem; + transition: transform .3s } -.border-youtube { - border-color: red!important +@media (prefers-reduced-motion:reduce) { + .nav-link-toggle { + transition: none + } } -.bg-vimeo { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-vimeo-rgb),var(--tblr-bg-opacity))!important +.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) } -.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 +.nav-link-toggle:after { + margin: 0 } -.border-vimeo { - border-color: #1ab7ea!important +.nav-link[aria-expanded=true] .nav-link-toggle { + transform: rotate(180deg) } -.bg-dribbble { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-dribbble-rgb),var(--tblr-bg-opacity))!important +.nav-link-icon { + width: 1.25rem; + height: 1.25rem; + margin-right: .5rem; + color: var(--tblr-icon-color) } -.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 +.nav-link-icon svg { + display: block; + height: 100% } -.border-dribbble { - border-color: #ea4c89!important +.nav-fill .nav-item .nav-link { + justify-content: center } -.bg-github { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-github-rgb),var(--tblr-bg-opacity))!important +.toolbar { + display: flex; + flex-wrap: nowrap; + flex-shrink: 0; + margin: 0 -.5rem } -.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 +.toolbar>* { + margin: 0 .5rem } -.border-github { - border-color: #181717!important +.card>.hr-text { + margin: 0 } -.bg-instagram { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-instagram-rgb),var(--tblr-bg-opacity))!important +a { + -webkit-text-decoration-skip: ink; + text-decoration-skip-ink: auto } -.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 +.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 } -.border-instagram { - border-color: #e4405f!important +.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 } -.bg-pinterest { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-pinterest-rgb),var(--tblr-bg-opacity))!important +.h1,h1 { + font-size: var(--tblr-font-size-h1); + line-height: var(--tblr-line-height-h1) } -.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 +.h2,h2 { + font-size: var(--tblr-font-size-h2); + line-height: var(--tblr-line-height-h2) } -.border-pinterest { - border-color: #bd081c!important +.h3,h3 { + font-size: var(--tblr-font-size-h3); + line-height: var(--tblr-line-height-h3) } -.bg-vk { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-vk-rgb),var(--tblr-bg-opacity))!important +.h4,h4 { + font-size: var(--tblr-font-size-h4); + line-height: var(--tblr-line-height-h4) } -.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 +.h5,h5 { + font-size: var(--tblr-font-size-h5); + line-height: var(--tblr-line-height-h5) } -.border-vk { - border-color: #6383a8!important +.h6,h6 { + font-size: var(--tblr-font-size-h6); + line-height: var(--tblr-line-height-h6) } -.bg-rss { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-rss-rgb),var(--tblr-bg-opacity))!important +ol,ul { + padding-left: 1.5rem } -.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 +.hr,hr { + margin: 2rem 0 } -.border-rss { - border-color: orange!important +dl dd:last-child { + margin-bottom: 0 } -.bg-flickr { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-flickr-rgb),var(--tblr-bg-opacity))!important +img,svg { + max-width: 100%; + height: auto } -.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 +.list-unstyled { + margin-left: 0 } -.border-flickr { - border-color: #0063dc!important +::-moz-selection { + background-color: rgba(var(--tblr-primary-rgb),.16) } -.bg-bitbucket { - --tblr-bg-opacity: 1; - background-color: rgba(var(--tblr-bitbucket-rgb),var(--tblr-bg-opacity))!important +::selection { + background-color: rgba(var(--tblr-primary-rgb),.16) } -.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 +[class*=" link-"].disabled,[class^=link-].disabled { + color: var(--tblr-disabled-color)!important; + pointer-events: none } -.border-bitbucket { - border-color: #0052cc!important +.subheader { + font-size: .625rem; + font-weight: var(--tblr-font-weight-bold); + text-transform: uppercase; + letter-spacing: .04em; + line-height: 1rem; + color: var(--tblr-secondary) } .bg-tabler { @@ -28305,13 +13426,3 @@ img,svg { .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 index 091a538..d12c2e4 100644 --- a/src/styles/sidebar.scss +++ b/src/styles/sidebar.scss @@ -12,6 +12,6 @@ } } .el-menu--collapse .el-menu .el-submenu, .el-menu--popup { - min-width: 120px; text-align: center; + min-width: 100px !important; } diff --git a/src/utils/auth.js b/src/utils/auth.js index dbc277f..668f1bc 100644 --- a/src/utils/auth.js +++ b/src/utils/auth.js @@ -6,8 +6,10 @@ export function getToken() { return Cookies.get(TokenKey) } -export function setToken(token) { - return Cookies.set(TokenKey, token) +export function setToken(token, expires=365) { + return Cookies.set(TokenKey, token, { + expires + }) } export function removeToken() { diff --git a/src/views/system/components/AddDepartment.vue b/src/views/system/components/AddDepartment.vue new file mode 100644 index 0000000..22dc24e --- /dev/null +++ b/src/views/system/components/AddDepartment.vue @@ -0,0 +1,113 @@ + + + + + diff --git a/src/views/system/components/AddMenu.vue b/src/views/system/components/AddMenu.vue index c88b05f..6786368 100644 --- a/src/views/system/components/AddMenu.vue +++ b/src/views/system/components/AddMenu.vue @@ -79,15 +79,6 @@ export default { ], path: [ { required: true, message: "请输入路由路径" }, - { - validator: (rule, value, callback) => { - if (/^\/.|^#+/.test(value)) { - callback() - } else { - callback(new Error("请以'/'开头或为'#'")) - } - } - } ], api_profix: [ { required: true, message: "请输入api前缀" } diff --git a/src/views/system/components/AddModule.vue b/src/views/system/components/AddModule.vue new file mode 100644 index 0000000..cdffceb --- /dev/null +++ b/src/views/system/components/AddModule.vue @@ -0,0 +1,82 @@ + + + + + diff --git a/src/views/system/department.vue b/src/views/system/department.vue new file mode 100644 index 0000000..7db5887 --- /dev/null +++ b/src/views/system/department.vue @@ -0,0 +1,185 @@ + + + + + diff --git a/src/views/system/menu.vue b/src/views/system/menu.vue index 51114bf..fc3efd1 100644 --- a/src/views/system/menu.vue +++ b/src/views/system/menu.vue @@ -15,7 +15,7 @@ :row-config="{ useKey: 'id', isHover: true }" :column-config="{ resizable: true }" :edit-rules="validRules" - :edit-config="{ trigger: 'manual', mode: 'row', showStatus: true }" + :edit-config="{ trigger: 'manual', mode: 'row', showStatus: true, autoClear: false }" :tree-config="{ rowField: 'id', parentField: 'pid' }" :data="tableData"> @@ -32,11 +32,11 @@