diff --git a/applicationFE/package.json b/applicationFE/package.json
index c0f9cb8..42b66e9 100644
--- a/applicationFE/package.json
+++ b/applicationFE/package.json
@@ -14,6 +14,7 @@
},
"dependencies": {
"@tabler/core": "^1.0.0-beta20",
+ "@tabler/icons-vue": "^3.21.0",
"ace-builds": "^1.35.2",
"application-manager-ui": "file:",
"axios": "^1.7.2",
diff --git a/applicationFE/src/api/softwareCatalog.ts b/applicationFE/src/api/softwareCatalog.ts
index 106c91d..28026f6 100644
--- a/applicationFE/src/api/softwareCatalog.ts
+++ b/applicationFE/src/api/softwareCatalog.ts
@@ -2,14 +2,121 @@ import request from "../common/request";
import type { SoftwareCatalog } from "@/views/type/type";
// software catalog list
-export const getSoftwareCaltalogList = (title:string) => {
+export const getSoftwareCatalogList = (title:string) => {
return request.get(`/catalog/software/?title=${title}`)
}
-export const getSoftwareCaltalogDetail = (catalogIdx :number) => {
+export const getSoftwareCaltalogDetail = (catalogIdx :number | null) => {
return request.get(`/catalog/software/${catalogIdx}`)
}
export const createCatalog = (param: object) => {
return request.post(`/catalog/software`, param)
+}
+
+export const searchDockerhub = (keyword: string) => {
+ return request.get(`/search/dockerhub/${keyword}`)
+}
+
+export const searchArtifacthubhub = (keyword: string) => {
+ return request.get(`/search/artifacthub/${keyword}`)
+}
+
+// install API 변경됨
+// export const runVmInstall = (params: {
+// namespace: string,
+// mciName: string,
+// vmName: string,
+// applications: string[]
+// }) => {
+// return request.post(`/ape/vm/install`, params)
+// }
+export const runVmInstall = (params: {
+ namespace: string,
+ mciId: string,
+ vmId: string,
+ catalogId: number,
+ servicePort: number
+}) => {
+ // 추후 POST 방식으로 변경 필요
+ // return request.post(`/applications/vm/deploy`, params)
+ return request.get(`/applications/vm/deploy?namespace=${params.namespace}&mciId=${params.mciId}&vmId=${params.vmId}&catalogId=${params.catalogId}&servicePort=${params.servicePort}`, )
+}
+
+export const runVmUninstall = (params: {
+ namespace: string,
+ mciName: string,
+ vmName: string,
+ applications: string[]
+}) => {
+ return request.post(`/ape/vm/uninstall`, params)
+}
+
+// install API 변경됨
+// export const runK8SInstall = (params: {
+// namespace: string,
+// clusterName: string,
+// helmCharts: string[]
+// }) => {
+// return request.post(`/ape/helm/install`, params)
+// }
+export const runK8SInstall = (params: {
+ namespace: string,
+ clusterName: string,
+ helmCharts: string[]
+}) => {
+ return request.post(`/applications/k8s/deploy`, params)
+}
+
+export const runK8SUninstall = (params: {
+ namespace: string,
+ clusterName: string,
+ helmCharts: string[]
+}) => {
+ return request.post(`/ape/helm/uninstall`, params)
+}
+
+export const vmSpecCheck = (params: {
+ namespace: string,
+ mciName: string,
+ vmName: string,
+ catalogId: number
+}) => {
+ return request.get(`/applications/vm/check?namespace=${params.namespace}&mciId=${params.mciName}&vmId=${params.vmName}&catalogId=${params.catalogId}`)
+}
+
+export const k8sSpecCheck = (params: {
+ namespace: string,
+ clusterName: string,
+ catalogId: number
+}) => {
+ return request.get(`/applications/k8s/check?namespace=${params.namespace}&clusterName=${params.clusterName}&catalogId=${params.catalogId}`)
+}
+
+export const getBuildLogList = (jobName: string) => {
+ return request.get(`/ape/log/${jobName}`)
+}
+
+export function createSoftwareCatalog(params: any) {
+ return request.post(`/catalog/software`, params)
+}
+
+export function updateSoftwareCatalog(params: any) {
+ return request.put(`/catalog/software`, params)
+}
+
+export function getVmApplicationsStatus() {
+ return request.get(`/applications/vm/groups`)
+}
+
+export function getK8sApplicationsStatus() {
+ return request.get(`/applications/k8s/groups`)
+}
+
+export function applicationAction(
+ params: {
+ operation: string,
+ applicationStatusId: number
+}) {
+ return request.get(`/applications/vm/action?operation=${params.operation}&applicationStatusId=${params.applicationStatusId}`)
}
\ No newline at end of file
diff --git a/applicationFE/src/api/tumblebug.ts b/applicationFE/src/api/tumblebug.ts
new file mode 100644
index 0000000..f5e52d3
--- /dev/null
+++ b/applicationFE/src/api/tumblebug.ts
@@ -0,0 +1,24 @@
+import request from "../common/request";
+
+export const getNsInfo = () => {
+ return request.get(`/cbtumblebug/ns`)
+}
+
+export const getMciInfo = (nsId: string) => {
+ return request.get(`/cbtumblebug/ns/${nsId}/mci`)
+}
+
+export const getVmInfo = (params: {
+ nsId: string,
+ mciId: string
+}) => {
+ return request.get(`/cbtumblebug/ns/${params.nsId}/mci/${params.mciId}`)
+}
+
+export const getClusterInfo = (nsId: string) => {
+ return request.get(`/cbtumblebug/ns/${nsId}/k8scluster`)
+}
+
+
+
+
diff --git a/applicationFE/src/assets/css/application.scss b/applicationFE/src/assets/css/application.scss
new file mode 100644
index 0000000..9f6c546
--- /dev/null
+++ b/applicationFE/src/assets/css/application.scss
@@ -0,0 +1,206 @@
+// sequential-workflow-designer import
+@import "~sequential-workflow-designer/css/designer.css";
+@import "~sequential-workflow-designer/css/designer-light.css";
+@import "~sequential-workflow-designer/css/designer-dark.css";
+
+//tabler
+@import "./inter/inter.css"; // font
+@import "./tabler_custom.scss";
+
+// tabulator Custom CSS
+@import "./tabulator_for_tabler.scss";
+
+// tomselect Custom CSS
+@import "./tomselect_for_tabler.scss";
+
+.section {
+ display: none;
+}
+.section.active {
+ display: block;
+}
+
+.sub_section {
+ display: none;
+}
+.sub_section.active {
+ display: block;
+}
+
+.vmStatus-list {
+ max-height: 150px;
+ overflow-y: auto;
+ list-style-type: none;
+ padding: 0;
+ margin: 0;
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.vmStatus-list li {
+ padding: 10px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ width: calc(100% / 2); /* 기본적으로 한 줄에 2개의 아이템을 배치 */
+ height: 100px;
+ display: inline-block;
+ margin: 10px 0;
+ text-align: center;
+
+ font-size: 16px;
+ border-radius: 15px;
+ // transition: background-color 0.3s; /* 배경색 변화 애니메이션 */
+ cursor: pointer; /* 클릭 가능 커서 */
+ overflow: hidden; /* 또는 overflow: auto; */
+ transition: background-color 0.3s;
+}
+.vmStatus-list li.clicked {
+ background-color: #17a2b8; /* 클릭 시 배경색 변경 */
+}
+
+.removebullet {
+ list-style-type: none;
+ padding-left: 0px;
+ flex-wrap: wrap;
+}
+
+// .dashboard .create_box .new_servers_config.active {
+// display: block;
+// }
+
+// .dashboard .create_box .express_servers_config.active {
+// display: block;
+// }
+
+/* 화면 폭이 1px 이상 400px 미만일 때 */
+@media (max-width: 399px) {
+ .vmStatus-list li {
+ width: calc(100% / 2); /* 한 줄에 3개의 아이템을 배치 */
+ }
+}
+
+/* 화면 폭이 400px 이상 600px 미만일 때 */
+@media (min-width: 400px) and (max-width: 599px) {
+ .vmStatus-list li {
+ width: calc(100% / 3); /* 한 줄에 3개의 아이템을 배치 */
+ }
+}
+
+/* 화면 폭이 600px 이상 900px 미만일 때 */
+@media (min-width: 600px) and (max-width: 899px) {
+ .vmStatus-list li {
+ width: calc(100% / 4); /* 한 줄에 4개의 아이템을 배치 */
+ }
+}
+
+/* 화면 폭이 900px 이상일 때 */
+@media (min-width: 900px) {
+ .vmStatus-list li {
+ width: calc(100% / 5); /* 한 줄에 5개의 아이템을 배치 */
+ }
+}
+
+// 전체 mci / server 박스 스타일
+.mcilistbox {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 10px; /* 카드 간의 간격 */
+ width: 100%;
+}
+
+.mci-list {
+ border-radius: 15px;
+ border: 2px solid #ddd;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+ float: left;
+ position: relative;
+ width: 252px;
+ height: 259px;
+ overflow: hidden; /* 스크롤 가능 영역 설정 */
+ cursor: pointer; /* 버튼 커서 */
+ transition: background-color 0.3s; /* 호버 시 배경색 전환 효과 */
+}
+
+// 전체 mci / server ul 스타일
+.vm-list {
+ display: flex;
+ flex-wrap: wrap;
+ list-style-type: none; /* 기본 불릿 제거 */
+ padding: 10px;
+ width: 100%;
+ max-height: 150px;
+ overflow-y: auto;
+ flex: 1;
+}
+
+// 전체 mci / server li 스타일
+.vm-item {
+ border-radius: 10px;
+ border: 1px solid #ddd;
+ width: 80px; /* 네모 크기 */
+ height: 65px; /* 네모 크기 */
+ border: 1px solid #ccc; /* 테두리 */
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin: 5px; /* 네모들 간의 간격 */
+ text-align: center;
+}
+
+// .vm-item:hover {
+// background-color: hsl( 80%, 70%); /* 호버 시 배경색 변경 */
+// }
+
+/* 반응형 디자인 */
+@media (max-width: 600px) {
+ .vm-item {
+ width: 40px;
+ height: 40px;
+ }
+}
+
+@media (max-width: 400px) {
+ .vm-item {
+ width: 30px;
+ height: 30px;
+ }
+}
+
+// server Quantity
+
+.input-number-container {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ // width: 200px;
+ // margin: 50px auto;
+ // border: 1px solid #ccc;
+ border: var(--tblr-border-width) solid #dadfe5;
+ border-radius: 4px;
+ // border-radius: 1px;
+}
+
+.input-number-container button {
+ // width: 40px;
+ // height: 40px;
+ border: none;
+ // background-color: #dadfe5;
+ font-size: 18px;
+ cursor: pointer;
+}
+
+.input-number-container input {
+ // width: 60px;
+ // height: 40px;
+ text-align: center;
+ border: none;
+ // font-size: 18px;
+ outline: none;
+ // -moz-appearance: textfield;
+}
+
+.input-number-container input::-webkit-outer-spin-button,
+.input-number-container input::-webkit-inner-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+}
diff --git a/applicationFE/src/assets/css/inter/Inter-Black.woff2 b/applicationFE/src/assets/css/inter/Inter-Black.woff2
new file mode 100644
index 0000000..18b35db
Binary files /dev/null and b/applicationFE/src/assets/css/inter/Inter-Black.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/Inter-BlackItalic.woff2 b/applicationFE/src/assets/css/inter/Inter-BlackItalic.woff2
new file mode 100644
index 0000000..02c9d8e
Binary files /dev/null and b/applicationFE/src/assets/css/inter/Inter-BlackItalic.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/Inter-Bold.woff2 b/applicationFE/src/assets/css/inter/Inter-Bold.woff2
new file mode 100644
index 0000000..0f1b157
Binary files /dev/null and b/applicationFE/src/assets/css/inter/Inter-Bold.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/Inter-BoldItalic.woff2 b/applicationFE/src/assets/css/inter/Inter-BoldItalic.woff2
new file mode 100644
index 0000000..bc50f24
Binary files /dev/null and b/applicationFE/src/assets/css/inter/Inter-BoldItalic.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/Inter-ExtraBold.woff2 b/applicationFE/src/assets/css/inter/Inter-ExtraBold.woff2
new file mode 100644
index 0000000..b113368
Binary files /dev/null and b/applicationFE/src/assets/css/inter/Inter-ExtraBold.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/Inter-ExtraBoldItalic.woff2 b/applicationFE/src/assets/css/inter/Inter-ExtraBoldItalic.woff2
new file mode 100644
index 0000000..a5b76ca
Binary files /dev/null and b/applicationFE/src/assets/css/inter/Inter-ExtraBoldItalic.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/Inter-ExtraLight.woff2 b/applicationFE/src/assets/css/inter/Inter-ExtraLight.woff2
new file mode 100644
index 0000000..1d77ae8
Binary files /dev/null and b/applicationFE/src/assets/css/inter/Inter-ExtraLight.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/Inter-ExtraLightItalic.woff2 b/applicationFE/src/assets/css/inter/Inter-ExtraLightItalic.woff2
new file mode 100644
index 0000000..8c68492
Binary files /dev/null and b/applicationFE/src/assets/css/inter/Inter-ExtraLightItalic.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/Inter-Italic.woff2 b/applicationFE/src/assets/css/inter/Inter-Italic.woff2
new file mode 100644
index 0000000..4c24ce2
Binary files /dev/null and b/applicationFE/src/assets/css/inter/Inter-Italic.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/Inter-Light.woff2 b/applicationFE/src/assets/css/inter/Inter-Light.woff2
new file mode 100644
index 0000000..dbe6143
Binary files /dev/null and b/applicationFE/src/assets/css/inter/Inter-Light.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/Inter-LightItalic.woff2 b/applicationFE/src/assets/css/inter/Inter-LightItalic.woff2
new file mode 100644
index 0000000..a40d042
Binary files /dev/null and b/applicationFE/src/assets/css/inter/Inter-LightItalic.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/Inter-Medium.woff2 b/applicationFE/src/assets/css/inter/Inter-Medium.woff2
new file mode 100644
index 0000000..0fd2ee7
Binary files /dev/null and b/applicationFE/src/assets/css/inter/Inter-Medium.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/Inter-MediumItalic.woff2 b/applicationFE/src/assets/css/inter/Inter-MediumItalic.woff2
new file mode 100644
index 0000000..9676715
Binary files /dev/null and b/applicationFE/src/assets/css/inter/Inter-MediumItalic.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/Inter-Regular.woff2 b/applicationFE/src/assets/css/inter/Inter-Regular.woff2
new file mode 100644
index 0000000..b8699af
Binary files /dev/null and b/applicationFE/src/assets/css/inter/Inter-Regular.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/Inter-SemiBold.woff2 b/applicationFE/src/assets/css/inter/Inter-SemiBold.woff2
new file mode 100644
index 0000000..95c48b1
Binary files /dev/null and b/applicationFE/src/assets/css/inter/Inter-SemiBold.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/Inter-SemiBoldItalic.woff2 b/applicationFE/src/assets/css/inter/Inter-SemiBoldItalic.woff2
new file mode 100644
index 0000000..ddfe19e
Binary files /dev/null and b/applicationFE/src/assets/css/inter/Inter-SemiBoldItalic.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/Inter-Thin.woff2 b/applicationFE/src/assets/css/inter/Inter-Thin.woff2
new file mode 100644
index 0000000..0790960
Binary files /dev/null and b/applicationFE/src/assets/css/inter/Inter-Thin.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/Inter-ThinItalic.woff2 b/applicationFE/src/assets/css/inter/Inter-ThinItalic.woff2
new file mode 100644
index 0000000..a7bf213
Binary files /dev/null and b/applicationFE/src/assets/css/inter/Inter-ThinItalic.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/InterDisplay-Black.woff2 b/applicationFE/src/assets/css/inter/InterDisplay-Black.woff2
new file mode 100644
index 0000000..8138123
Binary files /dev/null and b/applicationFE/src/assets/css/inter/InterDisplay-Black.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/InterDisplay-BlackItalic.woff2 b/applicationFE/src/assets/css/inter/InterDisplay-BlackItalic.woff2
new file mode 100644
index 0000000..735ba21
Binary files /dev/null and b/applicationFE/src/assets/css/inter/InterDisplay-BlackItalic.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/InterDisplay-Bold.woff2 b/applicationFE/src/assets/css/inter/InterDisplay-Bold.woff2
new file mode 100644
index 0000000..11c6719
Binary files /dev/null and b/applicationFE/src/assets/css/inter/InterDisplay-Bold.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/InterDisplay-BoldItalic.woff2 b/applicationFE/src/assets/css/inter/InterDisplay-BoldItalic.woff2
new file mode 100644
index 0000000..5b6a1fb
Binary files /dev/null and b/applicationFE/src/assets/css/inter/InterDisplay-BoldItalic.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/InterDisplay-ExtraBold.woff2 b/applicationFE/src/assets/css/inter/InterDisplay-ExtraBold.woff2
new file mode 100644
index 0000000..9058e98
Binary files /dev/null and b/applicationFE/src/assets/css/inter/InterDisplay-ExtraBold.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/InterDisplay-ExtraBoldItalic.woff2 b/applicationFE/src/assets/css/inter/InterDisplay-ExtraBoldItalic.woff2
new file mode 100644
index 0000000..4cd61c0
Binary files /dev/null and b/applicationFE/src/assets/css/inter/InterDisplay-ExtraBoldItalic.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/InterDisplay-ExtraLight.woff2 b/applicationFE/src/assets/css/inter/InterDisplay-ExtraLight.woff2
new file mode 100644
index 0000000..8621b29
Binary files /dev/null and b/applicationFE/src/assets/css/inter/InterDisplay-ExtraLight.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/InterDisplay-ExtraLightItalic.woff2 b/applicationFE/src/assets/css/inter/InterDisplay-ExtraLightItalic.woff2
new file mode 100644
index 0000000..689c8d9
Binary files /dev/null and b/applicationFE/src/assets/css/inter/InterDisplay-ExtraLightItalic.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/InterDisplay-Italic.woff2 b/applicationFE/src/assets/css/inter/InterDisplay-Italic.woff2
new file mode 100644
index 0000000..11f20bc
Binary files /dev/null and b/applicationFE/src/assets/css/inter/InterDisplay-Italic.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/InterDisplay-Light.woff2 b/applicationFE/src/assets/css/inter/InterDisplay-Light.woff2
new file mode 100644
index 0000000..446301c
Binary files /dev/null and b/applicationFE/src/assets/css/inter/InterDisplay-Light.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/InterDisplay-LightItalic.woff2 b/applicationFE/src/assets/css/inter/InterDisplay-LightItalic.woff2
new file mode 100644
index 0000000..f688196
Binary files /dev/null and b/applicationFE/src/assets/css/inter/InterDisplay-LightItalic.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/InterDisplay-Medium.woff2 b/applicationFE/src/assets/css/inter/InterDisplay-Medium.woff2
new file mode 100644
index 0000000..29160b2
Binary files /dev/null and b/applicationFE/src/assets/css/inter/InterDisplay-Medium.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/InterDisplay-MediumItalic.woff2 b/applicationFE/src/assets/css/inter/InterDisplay-MediumItalic.woff2
new file mode 100644
index 0000000..ef1bcbe
Binary files /dev/null and b/applicationFE/src/assets/css/inter/InterDisplay-MediumItalic.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/InterDisplay-Regular.woff2 b/applicationFE/src/assets/css/inter/InterDisplay-Regular.woff2
new file mode 100644
index 0000000..a6c04f6
Binary files /dev/null and b/applicationFE/src/assets/css/inter/InterDisplay-Regular.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/InterDisplay-SemiBold.woff2 b/applicationFE/src/assets/css/inter/InterDisplay-SemiBold.woff2
new file mode 100644
index 0000000..2b4db23
Binary files /dev/null and b/applicationFE/src/assets/css/inter/InterDisplay-SemiBold.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/InterDisplay-SemiBoldItalic.woff2 b/applicationFE/src/assets/css/inter/InterDisplay-SemiBoldItalic.woff2
new file mode 100644
index 0000000..59091db
Binary files /dev/null and b/applicationFE/src/assets/css/inter/InterDisplay-SemiBoldItalic.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/InterDisplay-Thin.woff2 b/applicationFE/src/assets/css/inter/InterDisplay-Thin.woff2
new file mode 100644
index 0000000..dc0b948
Binary files /dev/null and b/applicationFE/src/assets/css/inter/InterDisplay-Thin.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/InterDisplay-ThinItalic.woff2 b/applicationFE/src/assets/css/inter/InterDisplay-ThinItalic.woff2
new file mode 100644
index 0000000..96439c0
Binary files /dev/null and b/applicationFE/src/assets/css/inter/InterDisplay-ThinItalic.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/InterVariable-Italic.woff2 b/applicationFE/src/assets/css/inter/InterVariable-Italic.woff2
new file mode 100644
index 0000000..f22ec25
Binary files /dev/null and b/applicationFE/src/assets/css/inter/InterVariable-Italic.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/InterVariable.woff2 b/applicationFE/src/assets/css/inter/InterVariable.woff2
new file mode 100644
index 0000000..22a12b0
Binary files /dev/null and b/applicationFE/src/assets/css/inter/InterVariable.woff2 differ
diff --git a/applicationFE/src/assets/css/inter/LICENSE.txt b/applicationFE/src/assets/css/inter/LICENSE.txt
new file mode 100644
index 0000000..9b2ca37
--- /dev/null
+++ b/applicationFE/src/assets/css/inter/LICENSE.txt
@@ -0,0 +1,92 @@
+Copyright (c) 2016 The Inter Project Authors (https://github.com/rsms/inter)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION AND CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/applicationFE/src/assets/css/inter/inter.css b/applicationFE/src/assets/css/inter/inter.css
new file mode 100644
index 0000000..e1c59af
--- /dev/null
+++ b/applicationFE/src/assets/css/inter/inter.css
@@ -0,0 +1,59 @@
+/* //Variable fonts usage: */
+
+:root { font-family: "Inter", sans-serif; }
+@supports (font-variation-settings: normal) {
+ :root { font-family: "InterVariable", sans-serif; font-optical-sizing: auto; }
+}
+
+@font-face {
+ font-family: InterVariable;
+ font-style: normal;
+ font-weight: 100 900;
+ font-display: swap;
+ src: url("InterVariable.woff2") format("woff2");
+}
+@font-face {
+ font-family: InterVariable;
+ font-style: italic;
+ font-weight: 100 900;
+ font-display: swap;
+ src: url("InterVariable-Italic.woff2") format("woff2");
+}
+
+/* static fonts */
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 100; font-display: swap; src: url("Inter-Thin.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 100; font-display: swap; src: url("Inter-ThinItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 200; font-display: swap; src: url("Inter-ExtraLight.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 200; font-display: swap; src: url("Inter-ExtraLightItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 300; font-display: swap; src: url("Inter-Light.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 300; font-display: swap; src: url("Inter-LightItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("Inter-Regular.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 400; font-display: swap; src: url("Inter-Italic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("Inter-Medium.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 500; font-display: swap; src: url("Inter-MediumItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("Inter-SemiBold.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 600; font-display: swap; src: url("Inter-SemiBoldItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("Inter-Bold.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 700; font-display: swap; src: url("Inter-BoldItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url("Inter-ExtraBold.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 800; font-display: swap; src: url("Inter-ExtraBoldItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 900; font-display: swap; src: url("Inter-Black.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 900; font-display: swap; src: url("Inter-BlackItalic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 100; font-display: swap; src: url("InterDisplay-Thin.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 100; font-display: swap; src: url("InterDisplay-ThinItalic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 200; font-display: swap; src: url("InterDisplay-ExtraLight.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 200; font-display: swap; src: url("InterDisplay-ExtraLightItalic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 300; font-display: swap; src: url("InterDisplay-Light.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 300; font-display: swap; src: url("InterDisplay-LightItalic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 400; font-display: swap; src: url("InterDisplay-Regular.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 400; font-display: swap; src: url("InterDisplay-Italic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 500; font-display: swap; src: url("InterDisplay-Medium.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 500; font-display: swap; src: url("InterDisplay-MediumItalic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 600; font-display: swap; src: url("InterDisplay-SemiBold.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 600; font-display: swap; src: url("InterDisplay-SemiBoldItalic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 700; font-display: swap; src: url("InterDisplay-Bold.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 700; font-display: swap; src: url("InterDisplay-BoldItalic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 800; font-display: swap; src: url("InterDisplay-ExtraBold.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 800; font-display: swap; src: url("InterDisplay-ExtraBoldItalic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 900; font-display: swap; src: url("InterDisplay-Black.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 900; font-display: swap; src: url("InterDisplay-BlackItalic.woff2") format("woff2"); }
diff --git a/applicationFE/src/assets/css/tabler.css b/applicationFE/src/assets/css/tabler.css
new file mode 100644
index 0000000..7a27440
--- /dev/null
+++ b/applicationFE/src/assets/css/tabler.css
@@ -0,0 +1,25834 @@
+/*!
+* Tabler v1.0.0-beta20 (https://tabler.io)
+* @version 1.0.0-beta20
+* @link https://tabler.io
+* Copyright 2018-2023 The Tabler Authors
+* Copyright 2018-2023 codecalm.net Paweł Kuna
+* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
+*/
+@charset "UTF-8";
+/* prettier-ignore */
+/* prettier-ignore */
+:root,
+[data-bs-theme=light] {
+ --tblr-blue: #0054a6;
+ --tblr-indigo: #4263eb;
+ --tblr-purple: #ae3ec9;
+ --tblr-pink: #d6336c;
+ --tblr-red: #d63939;
+ --tblr-orange: #f76707;
+ --tblr-yellow: #f59f00;
+ --tblr-green: #2fb344;
+ --tblr-teal: #0ca678;
+ --tblr-cyan: #17a2b8;
+ --tblr-black: #000000;
+ --tblr-white: #ffffff;
+ --tblr-gray: #667382;
+ --tblr-gray-dark: #182433;
+ --tblr-gray-100: #f6f8fb;
+ --tblr-gray-200: #eef1f4;
+ --tblr-gray-300: #dadfe5;
+ --tblr-gray-400: #bbc3cd;
+ --tblr-gray-500: #929dab;
+ --tblr-gray-600: #667382;
+ --tblr-gray-700: #3a4859;
+ --tblr-gray-800: #182433;
+ --tblr-gray-900: #040a11;
+ --tblr-primary: #0054a6;
+ --tblr-secondary: #667382;
+ --tblr-success: #2fb344;
+ --tblr-info: #4299e1;
+ --tblr-warning: #f76707;
+ --tblr-danger: #d63939;
+ --tblr-light: #fcfdfe;
+ --tblr-dark: #182433;
+ --tblr-muted: #667382;
+ --tblr-blue: #0054a6;
+ --tblr-azure: #4299e1;
+ --tblr-indigo: #4263eb;
+ --tblr-purple: #ae3ec9;
+ --tblr-pink: #d6336c;
+ --tblr-red: #d63939;
+ --tblr-orange: #f76707;
+ --tblr-yellow: #f59f00;
+ --tblr-lime: #74b816;
+ --tblr-green: #2fb344;
+ --tblr-teal: #0ca678;
+ --tblr-cyan: #17a2b8;
+ --tblr-facebook: #1877f2;
+ --tblr-twitter: #1da1f2;
+ --tblr-linkedin: #0a66c2;
+ --tblr-google: #dc4e41;
+ --tblr-youtube: #ff0000;
+ --tblr-vimeo: #1ab7ea;
+ --tblr-dribbble: #ea4c89;
+ --tblr-github: #181717;
+ --tblr-instagram: #e4405f;
+ --tblr-pinterest: #bd081c;
+ --tblr-vk: #6383a8;
+ --tblr-rss: #ffa500;
+ --tblr-flickr: #0063dc;
+ --tblr-bitbucket: #0052cc;
+ --tblr-tabler: #0054a6;
+ --tblr-primary-rgb: 0, 84, 166;
+ --tblr-secondary-rgb: 102, 115, 130;
+ --tblr-success-rgb: 47, 179, 68;
+ --tblr-info-rgb: 66, 153, 225;
+ --tblr-warning-rgb: 247, 103, 7;
+ --tblr-danger-rgb: 214, 57, 57;
+ --tblr-light-rgb: 252, 253, 254;
+ --tblr-dark-rgb: 24, 36, 51;
+ --tblr-muted-rgb: 102, 115, 130;
+ --tblr-blue-rgb: 0, 84, 166;
+ --tblr-azure-rgb: 66, 153, 225;
+ --tblr-indigo-rgb: 66, 99, 235;
+ --tblr-purple-rgb: 174, 62, 201;
+ --tblr-pink-rgb: 214, 51, 108;
+ --tblr-red-rgb: 214, 57, 57;
+ --tblr-orange-rgb: 247, 103, 7;
+ --tblr-yellow-rgb: 245, 159, 0;
+ --tblr-lime-rgb: 116, 184, 22;
+ --tblr-green-rgb: 47, 179, 68;
+ --tblr-teal-rgb: 12, 166, 120;
+ --tblr-cyan-rgb: 23, 162, 184;
+ --tblr-facebook-rgb: 24, 119, 242;
+ --tblr-twitter-rgb: 29, 161, 242;
+ --tblr-linkedin-rgb: 10, 102, 194;
+ --tblr-google-rgb: 220, 78, 65;
+ --tblr-youtube-rgb: 255, 0, 0;
+ --tblr-vimeo-rgb: 26, 183, 234;
+ --tblr-dribbble-rgb: 234, 76, 137;
+ --tblr-github-rgb: 24, 23, 23;
+ --tblr-instagram-rgb: 228, 64, 95;
+ --tblr-pinterest-rgb: 189, 8, 28;
+ --tblr-vk-rgb: 99, 131, 168;
+ --tblr-rss-rgb: 255, 165, 0;
+ --tblr-flickr-rgb: 0, 99, 220;
+ --tblr-bitbucket-rgb: 0, 82, 204;
+ --tblr-tabler-rgb: 0, 84, 166;
+ --tblr-primary-text-emphasis: #002242;
+ --tblr-secondary-text-emphasis: #292e34;
+ --tblr-success-text-emphasis: #13481b;
+ --tblr-info-text-emphasis: #1a3d5a;
+ --tblr-warning-text-emphasis: #632903;
+ --tblr-danger-text-emphasis: #561717;
+ --tblr-light-text-emphasis: #3a4859;
+ --tblr-dark-text-emphasis: #3a4859;
+ --tblr-primary-bg-subtle: #ccdded;
+ --tblr-secondary-bg-subtle: #e0e3e6;
+ --tblr-success-bg-subtle: #d5f0da;
+ --tblr-info-bg-subtle: #d9ebf9;
+ --tblr-warning-bg-subtle: #fde1cd;
+ --tblr-danger-bg-subtle: #f7d7d7;
+ --tblr-light-bg-subtle: #fbfcfd;
+ --tblr-dark-bg-subtle: #bbc3cd;
+ --tblr-primary-border-subtle: #99bbdb;
+ --tblr-secondary-border-subtle: #c2c7cd;
+ --tblr-success-border-subtle: #ace1b4;
+ --tblr-info-border-subtle: #b3d6f3;
+ --tblr-warning-border-subtle: #fcc29c;
+ --tblr-danger-border-subtle: #efb0b0;
+ --tblr-light-border-subtle: #eef1f4;
+ --tblr-dark-border-subtle: #929dab;
+ --tblr-white-rgb: 255, 255, 255;
+ --tblr-black-rgb: 0, 0, 0;
+ --tblr-font-sans-serif: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
+ --tblr-font-monospace: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
+ --tblr-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+ --tblr-body-font-family: var(--tblr-font-sans-serif);
+ --tblr-body-font-size: 0.875rem;
+ --tblr-body-font-weight: 400;
+ --tblr-body-line-height: 1.4285714286;
+ --tblr-body-color: #182433;
+ --tblr-body-color-rgb: 24, 36, 51;
+ --tblr-body-bg: #f6f8fb;
+ --tblr-body-bg-rgb: 246, 248, 251;
+ --tblr-emphasis-color: #182433;
+ --tblr-emphasis-color-rgb: 24, 36, 51;
+ --tblr-secondary-color: rgba(24, 36, 51, 0.75);
+ --tblr-secondary-color-rgb: 24, 36, 51;
+ --tblr-secondary-bg: #eef1f4;
+ --tblr-secondary-bg-rgb: 238, 241, 244;
+ --tblr-tertiary-color: rgba(24, 36, 51, 0.5);
+ --tblr-tertiary-color-rgb: 24, 36, 51;
+ --tblr-tertiary-bg: #f6f8fb;
+ --tblr-tertiary-bg-rgb: 246, 248, 251;
+ --tblr-heading-color: inherit;
+ --tblr-link-color: #0054a6;
+ --tblr-link-color-rgb: 0, 84, 166;
+ --tblr-link-decoration: none;
+ --tblr-link-hover-color: #004385;
+ --tblr-link-hover-color-rgb: 0, 67, 133;
+ --tblr-link-hover-decoration: underline;
+ --tblr-code-color: var(--tblr-gray-600);
+ --tblr-highlight-bg: #fdeccc;
+ --tblr-border-width: 1px;
+ --tblr-border-style: solid;
+ --tblr-border-color: #dadfe5;
+ --tblr-border-color-translucent: rgba(4, 32, 69, 0.14);
+ --tblr-border-radius: 4px;
+ --tblr-border-radius-sm: 2px;
+ --tblr-border-radius-lg: 8px;
+ --tblr-border-radius-xl: 1rem;
+ --tblr-border-radius-xxl: 2rem;
+ --tblr-border-radius-2xl: var(--tblr-border-radius-xxl);
+ --tblr-border-radius-pill: 100rem;
+ --tblr-box-shadow: rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0;
+ --tblr-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+ --tblr-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
+ --tblr-box-shadow-inset: 0 0 transparent;
+ --tblr-focus-ring-width: 0.25rem;
+ --tblr-focus-ring-opacity: 0.25;
+ --tblr-focus-ring-color: rgba(var(--tblr-primary-rgb), 0.25);
+ --tblr-form-valid-color: #2fb344;
+ --tblr-form-valid-border-color: #2fb344;
+ --tblr-form-invalid-color: #d63939;
+ --tblr-form-invalid-border-color: #d63939;
+}
+
+[data-bs-theme=dark], body[data-bs-theme=dark] [data-bs-theme=light] {
+ color-scheme: dark;
+ --tblr-body-color: #fcfdfe;
+ --tblr-body-color-rgb: 252, 253, 254;
+ --tblr-body-bg: #040a11;
+ --tblr-body-bg-rgb: 4, 10, 17;
+ --tblr-emphasis-color: #ffffff;
+ --tblr-emphasis-color-rgb: 255, 255, 255;
+ --tblr-secondary-color: rgba(252, 253, 254, 0.75);
+ --tblr-secondary-color-rgb: 252, 253, 254;
+ --tblr-secondary-bg: #182433;
+ --tblr-secondary-bg-rgb: 24, 36, 51;
+ --tblr-tertiary-color: rgba(252, 253, 254, 0.5);
+ --tblr-tertiary-color-rgb: 252, 253, 254;
+ --tblr-tertiary-bg: #0e1722;
+ --tblr-tertiary-bg-rgb: 14, 23, 34;
+ --tblr-primary-text-emphasis: #6698ca;
+ --tblr-secondary-text-emphasis: #a3abb4;
+ --tblr-success-text-emphasis: #82d18f;
+ --tblr-info-text-emphasis: #8ec2ed;
+ --tblr-warning-text-emphasis: #faa46a;
+ --tblr-danger-text-emphasis: #e68888;
+ --tblr-light-text-emphasis: #f6f8fb;
+ --tblr-dark-text-emphasis: #dadfe5;
+ --tblr-primary-bg-subtle: #001121;
+ --tblr-secondary-bg-subtle: #14171a;
+ --tblr-success-bg-subtle: #09240e;
+ --tblr-info-bg-subtle: #0d1f2d;
+ --tblr-warning-bg-subtle: #311501;
+ --tblr-danger-bg-subtle: #2b0b0b;
+ --tblr-light-bg-subtle: #182433;
+ --tblr-dark-bg-subtle: #0c121a;
+ --tblr-primary-border-subtle: #003264;
+ --tblr-secondary-border-subtle: #3d454e;
+ --tblr-success-border-subtle: #1c6b29;
+ --tblr-info-border-subtle: #285c87;
+ --tblr-warning-border-subtle: #943e04;
+ --tblr-danger-border-subtle: #802222;
+ --tblr-light-border-subtle: #3a4859;
+ --tblr-dark-border-subtle: #182433;
+ --tblr-heading-color: inherit;
+ --tblr-link-color: #6698ca;
+ --tblr-link-hover-color: #85add5;
+ --tblr-link-color-rgb: 102, 152, 202;
+ --tblr-link-hover-color-rgb: 133, 173, 213;
+ --tblr-code-color: var(--tblr-gray-300);
+ --tblr-border-color: #1f2e41;
+ --tblr-border-color-translucent: rgba(72, 110, 149, 0.14);
+ --tblr-form-valid-color: #82d18f;
+ --tblr-form-valid-border-color: #82d18f;
+ --tblr-form-invalid-color: #e68888;
+ --tblr-form-invalid-border-color: #e68888;
+}
+
+*,
+*::before,
+*::after {
+ box-sizing: border-box;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+ :root {
+ scroll-behavior: smooth;
+ }
+}
+
+body {
+ margin: 0;
+ font-family: var(--tblr-body-font-family);
+ font-size: var(--tblr-body-font-size);
+ font-weight: var(--tblr-body-font-weight);
+ line-height: var(--tblr-body-line-height);
+ color: var(--tblr-body-color);
+ text-align: var(--tblr-body-text-align);
+ background-color: var(--tblr-body-bg);
+ -webkit-text-size-adjust: 100%;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+hr, .hr {
+ margin: 2rem 0;
+ color: inherit;
+ border: 0;
+ border-top: var(--tblr-border-width) solid;
+ opacity: 0.16;
+}
+
+h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
+ margin-top: 0;
+ margin-bottom: var(--tblr-spacer);
+ font-weight: var(--tblr-font-weight-bold);
+ line-height: 1.2;
+ color: var(--tblr-heading-color);
+}
+
+h1, .h1 {
+ font-size: 1.5rem;
+}
+
+h2, .h2 {
+ font-size: 1.25rem;
+}
+
+h3, .h3 {
+ font-size: 1rem;
+}
+
+h4, .h4 {
+ font-size: 0.875rem;
+}
+
+h5, .h5 {
+ font-size: 0.75rem;
+}
+
+h6, .h6 {
+ font-size: 0.625rem;
+}
+
+p {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+abbr[title] {
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted;
+ cursor: help;
+ -webkit-text-decoration-skip-ink: none;
+ text-decoration-skip-ink: none;
+}
+
+address {
+ margin-bottom: 1rem;
+ font-style: normal;
+ line-height: inherit;
+}
+
+ol,
+ul {
+ padding-left: 2rem;
+}
+
+ol,
+ul,
+dl {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+ margin-bottom: 0;
+}
+
+dt {
+ font-weight: 600;
+}
+
+dd {
+ margin-bottom: 0.5rem;
+ margin-left: 0;
+}
+
+blockquote {
+ margin: 0 0 1rem;
+}
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+small, .small {
+ font-size: 85.714285%;
+}
+
+mark, .mark {
+ padding: 0.1875em;
+ background-color: var(--tblr-highlight-bg);
+}
+
+sub,
+sup {
+ position: relative;
+ font-size: 0.75em;
+ line-height: 0;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+a {
+ color: rgba(var(--tblr-link-color-rgb), var(--tblr-link-opacity, 1));
+ 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;
+}
+
+pre,
+code,
+kbd,
+samp {
+ font-family: var(--tblr-font-monospace);
+ font-size: 1em;
+}
+
+pre {
+ display: block;
+ margin-top: 0;
+ margin-bottom: 1rem;
+ overflow: auto;
+ font-size: 85.714285%;
+ color: var(--tblr-light);
+}
+pre code {
+ font-size: inherit;
+ color: inherit;
+ word-break: normal;
+}
+
+code {
+ font-size: 85.714285%;
+ color: var(--tblr-code-color);
+ word-wrap: break-word;
+}
+a > code {
+ color: inherit;
+}
+
+kbd {
+ padding: 0.25rem 0.5rem;
+ font-size: var(--tblr-font-size-h5);
+ color: var(--tblr-text-secondary-dark);
+ background-color: var(--tblr-code-bg);
+ border-radius: 2px;
+}
+kbd kbd {
+ padding: 0;
+ font-size: 1em;
+}
+
+figure {
+ margin: 0 0 1rem;
+}
+
+img,
+svg {
+ vertical-align: middle;
+}
+
+table {
+ caption-side: bottom;
+ border-collapse: collapse;
+}
+
+caption {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ color: var(--tblr-secondary-color);
+ text-align: left;
+}
+
+th {
+ text-align: inherit;
+ text-align: -webkit-match-parent;
+}
+
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+}
+
+label {
+ display: inline-block;
+}
+
+button {
+ border-radius: 0;
+}
+
+button:focus:not(:focus-visible) {
+ outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+ margin: 0;
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit;
+}
+
+button,
+select {
+ text-transform: none;
+}
+
+[role=button] {
+ cursor: pointer;
+}
+
+select {
+ word-wrap: normal;
+}
+select:disabled {
+ opacity: 1;
+}
+
+[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
+ display: none !important;
+}
+
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+ -webkit-appearance: button;
+}
+button:not(:disabled),
+[type=button]:not(:disabled),
+[type=reset]:not(:disabled),
+[type=submit]:not(:disabled) {
+ cursor: pointer;
+}
+
+::-moz-focus-inner {
+ padding: 0;
+ border-style: none;
+}
+
+textarea {
+ resize: vertical;
+}
+
+fieldset {
+ min-width: 0;
+ padding: 0;
+ margin: 0;
+ border: 0;
+}
+
+legend {
+ float: left;
+ width: 100%;
+ padding: 0;
+ margin-bottom: 0.5rem;
+ font-size: 1.5rem;
+ line-height: inherit;
+}
+legend + * {
+ clear: left;
+}
+
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-year-field {
+ padding: 0;
+}
+
+::-webkit-inner-spin-button {
+ height: auto;
+}
+
+[type=search] {
+ -webkit-appearance: textfield;
+ outline-offset: -2px;
+}
+
+/* rtl:raw:
+[type="tel"],
+[type="url"],
+[type="email"],
+[type="number"] {
+ direction: ltr;
+}
+*/
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+::-webkit-color-swatch-wrapper {
+ padding: 0;
+}
+
+::-webkit-file-upload-button {
+ font: inherit;
+ -webkit-appearance: button;
+}
+
+::file-selector-button {
+ font: inherit;
+ -webkit-appearance: button;
+}
+
+output {
+ display: inline-block;
+}
+
+iframe {
+ border: 0;
+}
+
+summary {
+ display: list-item;
+ cursor: pointer;
+}
+
+progress {
+ vertical-align: baseline;
+}
+
+[hidden] {
+ display: none !important;
+}
+
+.lead {
+ font-size: 0.875rem;
+ font-weight: var(--tblr-font-weight-normal);
+}
+
+.display-1 {
+ font-size: 5rem;
+ font-weight: 300;
+ line-height: 1.2;
+}
+
+.display-2 {
+ font-size: 4.5rem;
+ font-weight: 300;
+ line-height: 1.2;
+}
+
+.display-3 {
+ font-size: 4rem;
+ font-weight: 300;
+ line-height: 1.2;
+}
+
+.display-4 {
+ font-size: 3.5rem;
+ font-weight: 300;
+ line-height: 1.2;
+}
+
+.display-5 {
+ font-size: 3rem;
+ font-weight: 300;
+ line-height: 1.2;
+}
+
+.display-6 {
+ font-size: 2rem;
+ font-weight: 300;
+ line-height: 1.2;
+}
+
+.list-unstyled {
+ padding-left: 0;
+ list-style: none;
+}
+
+.list-inline {
+ padding-left: 0;
+ list-style: none;
+}
+
+.list-inline-item {
+ display: inline-block;
+}
+.list-inline-item:not(:last-child) {
+ margin-right: 0.5rem;
+}
+
+.initialism {
+ font-size: 85.714285%;
+ text-transform: uppercase;
+}
+
+.blockquote {
+ margin-bottom: 1rem;
+ font-size: 0.875rem;
+}
+.blockquote > :last-child {
+ margin-bottom: 0;
+}
+
+.blockquote-footer {
+ margin-top: -1rem;
+ margin-bottom: 1rem;
+ font-size: 85.714285%;
+ color: #667382;
+}
+.blockquote-footer::before {
+ content: "— ";
+}
+
+.img-fluid {
+ max-width: 100%;
+ height: auto;
+}
+
+.img-thumbnail {
+ padding: 0.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: 0.5rem;
+ line-height: 1;
+}
+
+.figure-caption {
+ font-size: 85.714285%;
+ color: var(--tblr-secondary-color);
+}
+
+.container,
+.container-fluid,
+.container-xxl,
+.container-xl,
+.container-lg,
+.container-md,
+.container-sm {
+ --tblr-gutter-x: calc(var(--tblr-page-padding) * 2);
+ --tblr-gutter-y: 0;
+ width: 100%;
+ padding-right: calc(var(--tblr-gutter-x) * 0.5);
+ padding-left: calc(var(--tblr-gutter-x) * 0.5);
+ margin-right: auto;
+ margin-left: auto;
+}
+
+@media (min-width: 576px) {
+ .container-sm, .container {
+ max-width: 540px;
+ }
+}
+@media (min-width: 768px) {
+ .container-md, .container-sm, .container {
+ max-width: 720px;
+ }
+}
+@media (min-width: 992px) {
+ .container-lg, .container-md, .container-sm, .container {
+ max-width: 960px;
+ }
+}
+@media (min-width: 1200px) {
+ .container-xl, .container-lg, .container-md, .container-sm, .container {
+ max-width: 1140px;
+ }
+}
+@media (min-width: 1400px) {
+ .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
+ max-width: 1320px;
+ }
+}
+:root {
+ --tblr-breakpoint-xs: 0;
+ --tblr-breakpoint-sm: 576px;
+ --tblr-breakpoint-md: 768px;
+ --tblr-breakpoint-lg: 992px;
+ --tblr-breakpoint-xl: 1200px;
+ --tblr-breakpoint-xxl: 1400px;
+}
+
+.row {
+ --tblr-gutter-x: var(--tblr-page-padding);
+ --tblr-gutter-y: 0;
+ display: flex;
+ flex-wrap: wrap;
+ margin-top: calc(-1 * var(--tblr-gutter-y));
+ margin-right: calc(-0.5 * var(--tblr-gutter-x));
+ margin-left: calc(-0.5 * var(--tblr-gutter-x));
+}
+.row > * {
+ flex-shrink: 0;
+ width: 100%;
+ max-width: 100%;
+ padding-right: calc(var(--tblr-gutter-x) * 0.5);
+ padding-left: calc(var(--tblr-gutter-x) * 0.5);
+ margin-top: var(--tblr-gutter-y);
+}
+
+.grid {
+ display: grid;
+ grid-template-rows: repeat(var(--tblr-rows, 1), 1fr);
+ grid-template-columns: repeat(var(--tblr-columns, 12), 1fr);
+ gap: var(--tblr-gap, var(--tblr-page-padding));
+}
+.grid .g-col-1 {
+ grid-column: auto/span 1;
+}
+.grid .g-col-2 {
+ grid-column: auto/span 2;
+}
+.grid .g-col-3 {
+ grid-column: auto/span 3;
+}
+.grid .g-col-4 {
+ grid-column: auto/span 4;
+}
+.grid .g-col-5 {
+ grid-column: auto/span 5;
+}
+.grid .g-col-6 {
+ grid-column: auto/span 6;
+}
+.grid .g-col-7 {
+ grid-column: auto/span 7;
+}
+.grid .g-col-8 {
+ grid-column: auto/span 8;
+}
+.grid .g-col-9 {
+ grid-column: auto/span 9;
+}
+.grid .g-col-10 {
+ grid-column: auto/span 10;
+}
+.grid .g-col-11 {
+ grid-column: auto/span 11;
+}
+.grid .g-col-12 {
+ grid-column: auto/span 12;
+}
+.grid .g-start-1 {
+ grid-column-start: 1;
+}
+.grid .g-start-2 {
+ grid-column-start: 2;
+}
+.grid .g-start-3 {
+ grid-column-start: 3;
+}
+.grid .g-start-4 {
+ grid-column-start: 4;
+}
+.grid .g-start-5 {
+ grid-column-start: 5;
+}
+.grid .g-start-6 {
+ grid-column-start: 6;
+}
+.grid .g-start-7 {
+ grid-column-start: 7;
+}
+.grid .g-start-8 {
+ grid-column-start: 8;
+}
+.grid .g-start-9 {
+ grid-column-start: 9;
+}
+.grid .g-start-10 {
+ grid-column-start: 10;
+}
+.grid .g-start-11 {
+ grid-column-start: 11;
+}
+@media (min-width: 576px) {
+ .grid .g-col-sm-1 {
+ grid-column: auto/span 1;
+ }
+ .grid .g-col-sm-2 {
+ grid-column: auto/span 2;
+ }
+ .grid .g-col-sm-3 {
+ grid-column: auto/span 3;
+ }
+ .grid .g-col-sm-4 {
+ grid-column: auto/span 4;
+ }
+ .grid .g-col-sm-5 {
+ grid-column: auto/span 5;
+ }
+ .grid .g-col-sm-6 {
+ grid-column: auto/span 6;
+ }
+ .grid .g-col-sm-7 {
+ grid-column: auto/span 7;
+ }
+ .grid .g-col-sm-8 {
+ grid-column: auto/span 8;
+ }
+ .grid .g-col-sm-9 {
+ grid-column: auto/span 9;
+ }
+ .grid .g-col-sm-10 {
+ grid-column: auto/span 10;
+ }
+ .grid .g-col-sm-11 {
+ grid-column: auto/span 11;
+ }
+ .grid .g-col-sm-12 {
+ grid-column: auto/span 12;
+ }
+ .grid .g-start-sm-1 {
+ grid-column-start: 1;
+ }
+ .grid .g-start-sm-2 {
+ grid-column-start: 2;
+ }
+ .grid .g-start-sm-3 {
+ grid-column-start: 3;
+ }
+ .grid .g-start-sm-4 {
+ grid-column-start: 4;
+ }
+ .grid .g-start-sm-5 {
+ grid-column-start: 5;
+ }
+ .grid .g-start-sm-6 {
+ grid-column-start: 6;
+ }
+ .grid .g-start-sm-7 {
+ grid-column-start: 7;
+ }
+ .grid .g-start-sm-8 {
+ grid-column-start: 8;
+ }
+ .grid .g-start-sm-9 {
+ grid-column-start: 9;
+ }
+ .grid .g-start-sm-10 {
+ grid-column-start: 10;
+ }
+ .grid .g-start-sm-11 {
+ grid-column-start: 11;
+ }
+}
+@media (min-width: 768px) {
+ .grid .g-col-md-1 {
+ grid-column: auto/span 1;
+ }
+ .grid .g-col-md-2 {
+ grid-column: auto/span 2;
+ }
+ .grid .g-col-md-3 {
+ grid-column: auto/span 3;
+ }
+ .grid .g-col-md-4 {
+ grid-column: auto/span 4;
+ }
+ .grid .g-col-md-5 {
+ grid-column: auto/span 5;
+ }
+ .grid .g-col-md-6 {
+ grid-column: auto/span 6;
+ }
+ .grid .g-col-md-7 {
+ grid-column: auto/span 7;
+ }
+ .grid .g-col-md-8 {
+ grid-column: auto/span 8;
+ }
+ .grid .g-col-md-9 {
+ grid-column: auto/span 9;
+ }
+ .grid .g-col-md-10 {
+ grid-column: auto/span 10;
+ }
+ .grid .g-col-md-11 {
+ grid-column: auto/span 11;
+ }
+ .grid .g-col-md-12 {
+ grid-column: auto/span 12;
+ }
+ .grid .g-start-md-1 {
+ grid-column-start: 1;
+ }
+ .grid .g-start-md-2 {
+ grid-column-start: 2;
+ }
+ .grid .g-start-md-3 {
+ grid-column-start: 3;
+ }
+ .grid .g-start-md-4 {
+ grid-column-start: 4;
+ }
+ .grid .g-start-md-5 {
+ grid-column-start: 5;
+ }
+ .grid .g-start-md-6 {
+ grid-column-start: 6;
+ }
+ .grid .g-start-md-7 {
+ grid-column-start: 7;
+ }
+ .grid .g-start-md-8 {
+ grid-column-start: 8;
+ }
+ .grid .g-start-md-9 {
+ grid-column-start: 9;
+ }
+ .grid .g-start-md-10 {
+ grid-column-start: 10;
+ }
+ .grid .g-start-md-11 {
+ grid-column-start: 11;
+ }
+}
+@media (min-width: 992px) {
+ .grid .g-col-lg-1 {
+ grid-column: auto/span 1;
+ }
+ .grid .g-col-lg-2 {
+ grid-column: auto/span 2;
+ }
+ .grid .g-col-lg-3 {
+ grid-column: auto/span 3;
+ }
+ .grid .g-col-lg-4 {
+ grid-column: auto/span 4;
+ }
+ .grid .g-col-lg-5 {
+ grid-column: auto/span 5;
+ }
+ .grid .g-col-lg-6 {
+ grid-column: auto/span 6;
+ }
+ .grid .g-col-lg-7 {
+ grid-column: auto/span 7;
+ }
+ .grid .g-col-lg-8 {
+ grid-column: auto/span 8;
+ }
+ .grid .g-col-lg-9 {
+ grid-column: auto/span 9;
+ }
+ .grid .g-col-lg-10 {
+ grid-column: auto/span 10;
+ }
+ .grid .g-col-lg-11 {
+ grid-column: auto/span 11;
+ }
+ .grid .g-col-lg-12 {
+ grid-column: auto/span 12;
+ }
+ .grid .g-start-lg-1 {
+ grid-column-start: 1;
+ }
+ .grid .g-start-lg-2 {
+ grid-column-start: 2;
+ }
+ .grid .g-start-lg-3 {
+ grid-column-start: 3;
+ }
+ .grid .g-start-lg-4 {
+ grid-column-start: 4;
+ }
+ .grid .g-start-lg-5 {
+ grid-column-start: 5;
+ }
+ .grid .g-start-lg-6 {
+ grid-column-start: 6;
+ }
+ .grid .g-start-lg-7 {
+ grid-column-start: 7;
+ }
+ .grid .g-start-lg-8 {
+ grid-column-start: 8;
+ }
+ .grid .g-start-lg-9 {
+ grid-column-start: 9;
+ }
+ .grid .g-start-lg-10 {
+ grid-column-start: 10;
+ }
+ .grid .g-start-lg-11 {
+ grid-column-start: 11;
+ }
+}
+@media (min-width: 1200px) {
+ .grid .g-col-xl-1 {
+ grid-column: auto/span 1;
+ }
+ .grid .g-col-xl-2 {
+ grid-column: auto/span 2;
+ }
+ .grid .g-col-xl-3 {
+ grid-column: auto/span 3;
+ }
+ .grid .g-col-xl-4 {
+ grid-column: auto/span 4;
+ }
+ .grid .g-col-xl-5 {
+ grid-column: auto/span 5;
+ }
+ .grid .g-col-xl-6 {
+ grid-column: auto/span 6;
+ }
+ .grid .g-col-xl-7 {
+ grid-column: auto/span 7;
+ }
+ .grid .g-col-xl-8 {
+ grid-column: auto/span 8;
+ }
+ .grid .g-col-xl-9 {
+ grid-column: auto/span 9;
+ }
+ .grid .g-col-xl-10 {
+ grid-column: auto/span 10;
+ }
+ .grid .g-col-xl-11 {
+ grid-column: auto/span 11;
+ }
+ .grid .g-col-xl-12 {
+ grid-column: auto/span 12;
+ }
+ .grid .g-start-xl-1 {
+ grid-column-start: 1;
+ }
+ .grid .g-start-xl-2 {
+ grid-column-start: 2;
+ }
+ .grid .g-start-xl-3 {
+ grid-column-start: 3;
+ }
+ .grid .g-start-xl-4 {
+ grid-column-start: 4;
+ }
+ .grid .g-start-xl-5 {
+ grid-column-start: 5;
+ }
+ .grid .g-start-xl-6 {
+ grid-column-start: 6;
+ }
+ .grid .g-start-xl-7 {
+ grid-column-start: 7;
+ }
+ .grid .g-start-xl-8 {
+ grid-column-start: 8;
+ }
+ .grid .g-start-xl-9 {
+ grid-column-start: 9;
+ }
+ .grid .g-start-xl-10 {
+ grid-column-start: 10;
+ }
+ .grid .g-start-xl-11 {
+ grid-column-start: 11;
+ }
+}
+@media (min-width: 1400px) {
+ .grid .g-col-xxl-1 {
+ grid-column: auto/span 1;
+ }
+ .grid .g-col-xxl-2 {
+ grid-column: auto/span 2;
+ }
+ .grid .g-col-xxl-3 {
+ grid-column: auto/span 3;
+ }
+ .grid .g-col-xxl-4 {
+ grid-column: auto/span 4;
+ }
+ .grid .g-col-xxl-5 {
+ grid-column: auto/span 5;
+ }
+ .grid .g-col-xxl-6 {
+ grid-column: auto/span 6;
+ }
+ .grid .g-col-xxl-7 {
+ grid-column: auto/span 7;
+ }
+ .grid .g-col-xxl-8 {
+ grid-column: auto/span 8;
+ }
+ .grid .g-col-xxl-9 {
+ grid-column: auto/span 9;
+ }
+ .grid .g-col-xxl-10 {
+ grid-column: auto/span 10;
+ }
+ .grid .g-col-xxl-11 {
+ grid-column: auto/span 11;
+ }
+ .grid .g-col-xxl-12 {
+ grid-column: auto/span 12;
+ }
+ .grid .g-start-xxl-1 {
+ grid-column-start: 1;
+ }
+ .grid .g-start-xxl-2 {
+ grid-column-start: 2;
+ }
+ .grid .g-start-xxl-3 {
+ grid-column-start: 3;
+ }
+ .grid .g-start-xxl-4 {
+ grid-column-start: 4;
+ }
+ .grid .g-start-xxl-5 {
+ grid-column-start: 5;
+ }
+ .grid .g-start-xxl-6 {
+ grid-column-start: 6;
+ }
+ .grid .g-start-xxl-7 {
+ grid-column-start: 7;
+ }
+ .grid .g-start-xxl-8 {
+ grid-column-start: 8;
+ }
+ .grid .g-start-xxl-9 {
+ grid-column-start: 9;
+ }
+ .grid .g-start-xxl-10 {
+ grid-column-start: 10;
+ }
+ .grid .g-start-xxl-11 {
+ grid-column-start: 11;
+ }
+}
+
+.col {
+ flex: 1 0 0%;
+}
+
+.row-cols-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+}
+
+.row-cols-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+}
+
+.row-cols-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+}
+
+.row-cols-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+}
+
+.row-cols-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+}
+
+.row-cols-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+}
+
+.row-cols-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+}
+
+.col-auto {
+ flex: 0 0 auto;
+ width: auto;
+}
+
+.col-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+}
+
+.col-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+}
+
+.col-3 {
+ flex: 0 0 auto;
+ width: 25%;
+}
+
+.col-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+}
+
+.col-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+}
+
+.col-6 {
+ flex: 0 0 auto;
+ width: 50%;
+}
+
+.col-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+}
+
+.col-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+}
+
+.col-9 {
+ flex: 0 0 auto;
+ width: 75%;
+}
+
+.col-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+}
+
+.col-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+}
+
+.col-12 {
+ flex: 0 0 auto;
+ width: 100%;
+}
+
+.offset-1 {
+ margin-left: 8.33333333%;
+}
+
+.offset-2 {
+ margin-left: 16.66666667%;
+}
+
+.offset-3 {
+ margin-left: 25%;
+}
+
+.offset-4 {
+ margin-left: 33.33333333%;
+}
+
+.offset-5 {
+ margin-left: 41.66666667%;
+}
+
+.offset-6 {
+ margin-left: 50%;
+}
+
+.offset-7 {
+ margin-left: 58.33333333%;
+}
+
+.offset-8 {
+ margin-left: 66.66666667%;
+}
+
+.offset-9 {
+ margin-left: 75%;
+}
+
+.offset-10 {
+ margin-left: 83.33333333%;
+}
+
+.offset-11 {
+ margin-left: 91.66666667%;
+}
+
+.g-0,
+.gx-0 {
+ --tblr-gutter-x: 0;
+}
+
+.g-0,
+.gy-0 {
+ --tblr-gutter-y: 0;
+}
+
+.g-1,
+.gx-1 {
+ --tblr-gutter-x: 0.25rem;
+}
+
+.g-1,
+.gy-1 {
+ --tblr-gutter-y: 0.25rem;
+}
+
+.g-2,
+.gx-2 {
+ --tblr-gutter-x: 0.5rem;
+}
+
+.g-2,
+.gy-2 {
+ --tblr-gutter-y: 0.5rem;
+}
+
+.g-3,
+.gx-3 {
+ --tblr-gutter-x: 1rem;
+}
+
+.g-3,
+.gy-3 {
+ --tblr-gutter-y: 1rem;
+}
+
+.g-4,
+.gx-4 {
+ --tblr-gutter-x: 1.5rem;
+}
+
+.g-4,
+.gy-4 {
+ --tblr-gutter-y: 1.5rem;
+}
+
+.g-5,
+.gx-5 {
+ --tblr-gutter-x: 2rem;
+}
+
+.g-5,
+.gy-5 {
+ --tblr-gutter-y: 2rem;
+}
+
+.g-6,
+.gx-6 {
+ --tblr-gutter-x: 3rem;
+}
+
+.g-6,
+.gy-6 {
+ --tblr-gutter-y: 3rem;
+}
+
+.g-7,
+.gx-7 {
+ --tblr-gutter-x: 5rem;
+}
+
+.g-7,
+.gy-7 {
+ --tblr-gutter-y: 5rem;
+}
+
+.g-8,
+.gx-8 {
+ --tblr-gutter-x: 8rem;
+}
+
+.g-8,
+.gy-8 {
+ --tblr-gutter-y: 8rem;
+}
+
+@media (min-width: 576px) {
+ .col-sm {
+ flex: 1 0 0%;
+ }
+ .row-cols-sm-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .row-cols-sm-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .row-cols-sm-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .row-cols-sm-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
+ .row-cols-sm-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .row-cols-sm-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
+ .row-cols-sm-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
+ .col-sm-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-sm-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
+ .col-sm-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+ .col-sm-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .col-sm-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+ .col-sm-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
+ .col-sm-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .col-sm-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
+ .col-sm-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
+ .col-sm-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
+ .col-sm-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
+ .col-sm-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
+ .col-sm-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .offset-sm-0 {
+ margin-left: 0;
+ }
+ .offset-sm-1 {
+ margin-left: 8.33333333%;
+ }
+ .offset-sm-2 {
+ margin-left: 16.66666667%;
+ }
+ .offset-sm-3 {
+ margin-left: 25%;
+ }
+ .offset-sm-4 {
+ margin-left: 33.33333333%;
+ }
+ .offset-sm-5 {
+ margin-left: 41.66666667%;
+ }
+ .offset-sm-6 {
+ margin-left: 50%;
+ }
+ .offset-sm-7 {
+ margin-left: 58.33333333%;
+ }
+ .offset-sm-8 {
+ margin-left: 66.66666667%;
+ }
+ .offset-sm-9 {
+ margin-left: 75%;
+ }
+ .offset-sm-10 {
+ margin-left: 83.33333333%;
+ }
+ .offset-sm-11 {
+ margin-left: 91.66666667%;
+ }
+ .g-sm-0,
+ .gx-sm-0 {
+ --tblr-gutter-x: 0;
+ }
+ .g-sm-0,
+ .gy-sm-0 {
+ --tblr-gutter-y: 0;
+ }
+ .g-sm-1,
+ .gx-sm-1 {
+ --tblr-gutter-x: 0.25rem;
+ }
+ .g-sm-1,
+ .gy-sm-1 {
+ --tblr-gutter-y: 0.25rem;
+ }
+ .g-sm-2,
+ .gx-sm-2 {
+ --tblr-gutter-x: 0.5rem;
+ }
+ .g-sm-2,
+ .gy-sm-2 {
+ --tblr-gutter-y: 0.5rem;
+ }
+ .g-sm-3,
+ .gx-sm-3 {
+ --tblr-gutter-x: 1rem;
+ }
+ .g-sm-3,
+ .gy-sm-3 {
+ --tblr-gutter-y: 1rem;
+ }
+ .g-sm-4,
+ .gx-sm-4 {
+ --tblr-gutter-x: 1.5rem;
+ }
+ .g-sm-4,
+ .gy-sm-4 {
+ --tblr-gutter-y: 1.5rem;
+ }
+ .g-sm-5,
+ .gx-sm-5 {
+ --tblr-gutter-x: 2rem;
+ }
+ .g-sm-5,
+ .gy-sm-5 {
+ --tblr-gutter-y: 2rem;
+ }
+ .g-sm-6,
+ .gx-sm-6 {
+ --tblr-gutter-x: 3rem;
+ }
+ .g-sm-6,
+ .gy-sm-6 {
+ --tblr-gutter-y: 3rem;
+ }
+ .g-sm-7,
+ .gx-sm-7 {
+ --tblr-gutter-x: 5rem;
+ }
+ .g-sm-7,
+ .gy-sm-7 {
+ --tblr-gutter-y: 5rem;
+ }
+ .g-sm-8,
+ .gx-sm-8 {
+ --tblr-gutter-x: 8rem;
+ }
+ .g-sm-8,
+ .gy-sm-8 {
+ --tblr-gutter-y: 8rem;
+ }
+}
+@media (min-width: 768px) {
+ .col-md {
+ flex: 1 0 0%;
+ }
+ .row-cols-md-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .row-cols-md-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .row-cols-md-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .row-cols-md-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
+ .row-cols-md-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .row-cols-md-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
+ .row-cols-md-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
+ .col-md-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-md-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
+ .col-md-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+ .col-md-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .col-md-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+ .col-md-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
+ .col-md-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .col-md-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
+ .col-md-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
+ .col-md-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
+ .col-md-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
+ .col-md-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
+ .col-md-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .offset-md-0 {
+ margin-left: 0;
+ }
+ .offset-md-1 {
+ margin-left: 8.33333333%;
+ }
+ .offset-md-2 {
+ margin-left: 16.66666667%;
+ }
+ .offset-md-3 {
+ margin-left: 25%;
+ }
+ .offset-md-4 {
+ margin-left: 33.33333333%;
+ }
+ .offset-md-5 {
+ margin-left: 41.66666667%;
+ }
+ .offset-md-6 {
+ margin-left: 50%;
+ }
+ .offset-md-7 {
+ margin-left: 58.33333333%;
+ }
+ .offset-md-8 {
+ margin-left: 66.66666667%;
+ }
+ .offset-md-9 {
+ margin-left: 75%;
+ }
+ .offset-md-10 {
+ margin-left: 83.33333333%;
+ }
+ .offset-md-11 {
+ margin-left: 91.66666667%;
+ }
+ .g-md-0,
+ .gx-md-0 {
+ --tblr-gutter-x: 0;
+ }
+ .g-md-0,
+ .gy-md-0 {
+ --tblr-gutter-y: 0;
+ }
+ .g-md-1,
+ .gx-md-1 {
+ --tblr-gutter-x: 0.25rem;
+ }
+ .g-md-1,
+ .gy-md-1 {
+ --tblr-gutter-y: 0.25rem;
+ }
+ .g-md-2,
+ .gx-md-2 {
+ --tblr-gutter-x: 0.5rem;
+ }
+ .g-md-2,
+ .gy-md-2 {
+ --tblr-gutter-y: 0.5rem;
+ }
+ .g-md-3,
+ .gx-md-3 {
+ --tblr-gutter-x: 1rem;
+ }
+ .g-md-3,
+ .gy-md-3 {
+ --tblr-gutter-y: 1rem;
+ }
+ .g-md-4,
+ .gx-md-4 {
+ --tblr-gutter-x: 1.5rem;
+ }
+ .g-md-4,
+ .gy-md-4 {
+ --tblr-gutter-y: 1.5rem;
+ }
+ .g-md-5,
+ .gx-md-5 {
+ --tblr-gutter-x: 2rem;
+ }
+ .g-md-5,
+ .gy-md-5 {
+ --tblr-gutter-y: 2rem;
+ }
+ .g-md-6,
+ .gx-md-6 {
+ --tblr-gutter-x: 3rem;
+ }
+ .g-md-6,
+ .gy-md-6 {
+ --tblr-gutter-y: 3rem;
+ }
+ .g-md-7,
+ .gx-md-7 {
+ --tblr-gutter-x: 5rem;
+ }
+ .g-md-7,
+ .gy-md-7 {
+ --tblr-gutter-y: 5rem;
+ }
+ .g-md-8,
+ .gx-md-8 {
+ --tblr-gutter-x: 8rem;
+ }
+ .g-md-8,
+ .gy-md-8 {
+ --tblr-gutter-y: 8rem;
+ }
+}
+@media (min-width: 992px) {
+ .col-lg {
+ flex: 1 0 0%;
+ }
+ .row-cols-lg-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .row-cols-lg-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .row-cols-lg-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .row-cols-lg-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
+ .row-cols-lg-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .row-cols-lg-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
+ .row-cols-lg-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
+ .col-lg-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-lg-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
+ .col-lg-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+ .col-lg-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .col-lg-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+ .col-lg-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
+ .col-lg-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .col-lg-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
+ .col-lg-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
+ .col-lg-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
+ .col-lg-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
+ .col-lg-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
+ .col-lg-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .offset-lg-0 {
+ margin-left: 0;
+ }
+ .offset-lg-1 {
+ margin-left: 8.33333333%;
+ }
+ .offset-lg-2 {
+ margin-left: 16.66666667%;
+ }
+ .offset-lg-3 {
+ margin-left: 25%;
+ }
+ .offset-lg-4 {
+ margin-left: 33.33333333%;
+ }
+ .offset-lg-5 {
+ margin-left: 41.66666667%;
+ }
+ .offset-lg-6 {
+ margin-left: 50%;
+ }
+ .offset-lg-7 {
+ margin-left: 58.33333333%;
+ }
+ .offset-lg-8 {
+ margin-left: 66.66666667%;
+ }
+ .offset-lg-9 {
+ margin-left: 75%;
+ }
+ .offset-lg-10 {
+ margin-left: 83.33333333%;
+ }
+ .offset-lg-11 {
+ margin-left: 91.66666667%;
+ }
+ .g-lg-0,
+ .gx-lg-0 {
+ --tblr-gutter-x: 0;
+ }
+ .g-lg-0,
+ .gy-lg-0 {
+ --tblr-gutter-y: 0;
+ }
+ .g-lg-1,
+ .gx-lg-1 {
+ --tblr-gutter-x: 0.25rem;
+ }
+ .g-lg-1,
+ .gy-lg-1 {
+ --tblr-gutter-y: 0.25rem;
+ }
+ .g-lg-2,
+ .gx-lg-2 {
+ --tblr-gutter-x: 0.5rem;
+ }
+ .g-lg-2,
+ .gy-lg-2 {
+ --tblr-gutter-y: 0.5rem;
+ }
+ .g-lg-3,
+ .gx-lg-3 {
+ --tblr-gutter-x: 1rem;
+ }
+ .g-lg-3,
+ .gy-lg-3 {
+ --tblr-gutter-y: 1rem;
+ }
+ .g-lg-4,
+ .gx-lg-4 {
+ --tblr-gutter-x: 1.5rem;
+ }
+ .g-lg-4,
+ .gy-lg-4 {
+ --tblr-gutter-y: 1.5rem;
+ }
+ .g-lg-5,
+ .gx-lg-5 {
+ --tblr-gutter-x: 2rem;
+ }
+ .g-lg-5,
+ .gy-lg-5 {
+ --tblr-gutter-y: 2rem;
+ }
+ .g-lg-6,
+ .gx-lg-6 {
+ --tblr-gutter-x: 3rem;
+ }
+ .g-lg-6,
+ .gy-lg-6 {
+ --tblr-gutter-y: 3rem;
+ }
+ .g-lg-7,
+ .gx-lg-7 {
+ --tblr-gutter-x: 5rem;
+ }
+ .g-lg-7,
+ .gy-lg-7 {
+ --tblr-gutter-y: 5rem;
+ }
+ .g-lg-8,
+ .gx-lg-8 {
+ --tblr-gutter-x: 8rem;
+ }
+ .g-lg-8,
+ .gy-lg-8 {
+ --tblr-gutter-y: 8rem;
+ }
+}
+@media (min-width: 1200px) {
+ .col-xl {
+ flex: 1 0 0%;
+ }
+ .row-cols-xl-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .row-cols-xl-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .row-cols-xl-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .row-cols-xl-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
+ .row-cols-xl-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .row-cols-xl-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
+ .row-cols-xl-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
+ .col-xl-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-xl-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
+ .col-xl-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+ .col-xl-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .col-xl-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+ .col-xl-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
+ .col-xl-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .col-xl-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
+ .col-xl-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
+ .col-xl-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
+ .col-xl-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
+ .col-xl-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
+ .col-xl-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .offset-xl-0 {
+ margin-left: 0;
+ }
+ .offset-xl-1 {
+ margin-left: 8.33333333%;
+ }
+ .offset-xl-2 {
+ margin-left: 16.66666667%;
+ }
+ .offset-xl-3 {
+ margin-left: 25%;
+ }
+ .offset-xl-4 {
+ margin-left: 33.33333333%;
+ }
+ .offset-xl-5 {
+ margin-left: 41.66666667%;
+ }
+ .offset-xl-6 {
+ margin-left: 50%;
+ }
+ .offset-xl-7 {
+ margin-left: 58.33333333%;
+ }
+ .offset-xl-8 {
+ margin-left: 66.66666667%;
+ }
+ .offset-xl-9 {
+ margin-left: 75%;
+ }
+ .offset-xl-10 {
+ margin-left: 83.33333333%;
+ }
+ .offset-xl-11 {
+ margin-left: 91.66666667%;
+ }
+ .g-xl-0,
+ .gx-xl-0 {
+ --tblr-gutter-x: 0;
+ }
+ .g-xl-0,
+ .gy-xl-0 {
+ --tblr-gutter-y: 0;
+ }
+ .g-xl-1,
+ .gx-xl-1 {
+ --tblr-gutter-x: 0.25rem;
+ }
+ .g-xl-1,
+ .gy-xl-1 {
+ --tblr-gutter-y: 0.25rem;
+ }
+ .g-xl-2,
+ .gx-xl-2 {
+ --tblr-gutter-x: 0.5rem;
+ }
+ .g-xl-2,
+ .gy-xl-2 {
+ --tblr-gutter-y: 0.5rem;
+ }
+ .g-xl-3,
+ .gx-xl-3 {
+ --tblr-gutter-x: 1rem;
+ }
+ .g-xl-3,
+ .gy-xl-3 {
+ --tblr-gutter-y: 1rem;
+ }
+ .g-xl-4,
+ .gx-xl-4 {
+ --tblr-gutter-x: 1.5rem;
+ }
+ .g-xl-4,
+ .gy-xl-4 {
+ --tblr-gutter-y: 1.5rem;
+ }
+ .g-xl-5,
+ .gx-xl-5 {
+ --tblr-gutter-x: 2rem;
+ }
+ .g-xl-5,
+ .gy-xl-5 {
+ --tblr-gutter-y: 2rem;
+ }
+ .g-xl-6,
+ .gx-xl-6 {
+ --tblr-gutter-x: 3rem;
+ }
+ .g-xl-6,
+ .gy-xl-6 {
+ --tblr-gutter-y: 3rem;
+ }
+ .g-xl-7,
+ .gx-xl-7 {
+ --tblr-gutter-x: 5rem;
+ }
+ .g-xl-7,
+ .gy-xl-7 {
+ --tblr-gutter-y: 5rem;
+ }
+ .g-xl-8,
+ .gx-xl-8 {
+ --tblr-gutter-x: 8rem;
+ }
+ .g-xl-8,
+ .gy-xl-8 {
+ --tblr-gutter-y: 8rem;
+ }
+}
+@media (min-width: 1400px) {
+ .col-xxl {
+ flex: 1 0 0%;
+ }
+ .row-cols-xxl-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .row-cols-xxl-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .row-cols-xxl-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .row-cols-xxl-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
+ .row-cols-xxl-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .row-cols-xxl-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
+ .row-cols-xxl-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
+ .col-xxl-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-xxl-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
+ .col-xxl-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+ .col-xxl-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .col-xxl-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+ .col-xxl-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
+ .col-xxl-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .col-xxl-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
+ .col-xxl-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
+ .col-xxl-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
+ .col-xxl-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
+ .col-xxl-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
+ .col-xxl-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .offset-xxl-0 {
+ margin-left: 0;
+ }
+ .offset-xxl-1 {
+ margin-left: 8.33333333%;
+ }
+ .offset-xxl-2 {
+ margin-left: 16.66666667%;
+ }
+ .offset-xxl-3 {
+ margin-left: 25%;
+ }
+ .offset-xxl-4 {
+ margin-left: 33.33333333%;
+ }
+ .offset-xxl-5 {
+ margin-left: 41.66666667%;
+ }
+ .offset-xxl-6 {
+ margin-left: 50%;
+ }
+ .offset-xxl-7 {
+ margin-left: 58.33333333%;
+ }
+ .offset-xxl-8 {
+ margin-left: 66.66666667%;
+ }
+ .offset-xxl-9 {
+ margin-left: 75%;
+ }
+ .offset-xxl-10 {
+ margin-left: 83.33333333%;
+ }
+ .offset-xxl-11 {
+ margin-left: 91.66666667%;
+ }
+ .g-xxl-0,
+ .gx-xxl-0 {
+ --tblr-gutter-x: 0;
+ }
+ .g-xxl-0,
+ .gy-xxl-0 {
+ --tblr-gutter-y: 0;
+ }
+ .g-xxl-1,
+ .gx-xxl-1 {
+ --tblr-gutter-x: 0.25rem;
+ }
+ .g-xxl-1,
+ .gy-xxl-1 {
+ --tblr-gutter-y: 0.25rem;
+ }
+ .g-xxl-2,
+ .gx-xxl-2 {
+ --tblr-gutter-x: 0.5rem;
+ }
+ .g-xxl-2,
+ .gy-xxl-2 {
+ --tblr-gutter-y: 0.5rem;
+ }
+ .g-xxl-3,
+ .gx-xxl-3 {
+ --tblr-gutter-x: 1rem;
+ }
+ .g-xxl-3,
+ .gy-xxl-3 {
+ --tblr-gutter-y: 1rem;
+ }
+ .g-xxl-4,
+ .gx-xxl-4 {
+ --tblr-gutter-x: 1.5rem;
+ }
+ .g-xxl-4,
+ .gy-xxl-4 {
+ --tblr-gutter-y: 1.5rem;
+ }
+ .g-xxl-5,
+ .gx-xxl-5 {
+ --tblr-gutter-x: 2rem;
+ }
+ .g-xxl-5,
+ .gy-xxl-5 {
+ --tblr-gutter-y: 2rem;
+ }
+ .g-xxl-6,
+ .gx-xxl-6 {
+ --tblr-gutter-x: 3rem;
+ }
+ .g-xxl-6,
+ .gy-xxl-6 {
+ --tblr-gutter-y: 3rem;
+ }
+ .g-xxl-7,
+ .gx-xxl-7 {
+ --tblr-gutter-x: 5rem;
+ }
+ .g-xxl-7,
+ .gy-xxl-7 {
+ --tblr-gutter-y: 5rem;
+ }
+ .g-xxl-8,
+ .gx-xxl-8 {
+ --tblr-gutter-x: 8rem;
+ }
+ .g-xxl-8,
+ .gy-xxl-8 {
+ --tblr-gutter-y: 8rem;
+ }
+}
+.table, .markdown > 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(0, 0, 0, 0.1);
+ --tblr-table-hover-color: inherit;
+ --tblr-table-hover-bg: rgba(0, 0, 0, 0.075);
+ width: 100%;
+ margin-bottom: 1rem;
+ vertical-align: top;
+ border-color: var(--tblr-table-border-color);
+}
+.table > :not(caption) > * > *, .markdown > table > :not(caption) > * > * {
+ padding: 0.75rem 0.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)));
+}
+.table > tbody, .markdown > table > tbody {
+ vertical-align: inherit;
+}
+.table > thead, .markdown > table > thead {
+ vertical-align: bottom;
+}
+
+.table-group-divider {
+ border-top: calc(var(--tblr-border-width) * 2) solid var(--tblr-border-color-translucent);
+}
+
+.caption-top {
+ caption-side: top;
+}
+
+.table-sm > :not(caption) > * > * {
+ padding: 0.25rem 0.25rem;
+}
+
+.table-bordered > :not(caption) > *, .markdown > table > :not(caption) > * {
+ border-width: var(--tblr-border-width) 0;
+}
+.table-bordered > :not(caption) > * > *, .markdown > table > :not(caption) > * > * {
+ border-width: 0 var(--tblr-border-width);
+}
+
+.table-borderless > :not(caption) > * > * {
+ border-bottom-width: 0;
+}
+.table-borderless > :not(:first-child) {
+ border-top-width: 0;
+}
+
+.table-striped > tbody > tr:nth-of-type(even) > * {
+ --tblr-table-color-type: var(--tblr-table-striped-color);
+ --tblr-table-bg-type: var(--tblr-table-striped-bg);
+}
+
+.table-striped-columns > :not(caption) > tr > :nth-child(even) {
+ --tblr-table-color-type: var(--tblr-table-striped-color);
+ --tblr-table-bg-type: var(--tblr-table-striped-bg);
+}
+
+.table-active {
+ --tblr-table-color-state: var(--tblr-table-active-color);
+ --tblr-table-bg-state: var(--tblr-table-active-bg);
+}
+
+.table-hover > tbody > tr:hover > * {
+ --tblr-table-color-state: var(--tblr-table-hover-color);
+ --tblr-table-bg-state: var(--tblr-table-hover-bg);
+}
+
+.table-primary {
+ --tblr-table-color: #182433;
+ --tblr-table-bg: #ccdded;
+ --tblr-table-border-color: #bacbda;
+ --tblr-table-striped-bg: #c3d4e4;
+ --tblr-table-striped-color: #182433;
+ --tblr-table-active-bg: #bacbda;
+ --tblr-table-active-color: #fcfdfe;
+ --tblr-table-hover-bg: #bfcfdf;
+ --tblr-table-hover-color: #fcfdfe;
+ color: var(--tblr-table-color);
+ border-color: var(--tblr-table-border-color);
+}
+
+.table-secondary {
+ --tblr-table-color: #182433;
+ --tblr-table-bg: #e0e3e6;
+ --tblr-table-border-color: #ccd0d4;
+ --tblr-table-striped-bg: #d6d9dd;
+ --tblr-table-striped-color: #182433;
+ --tblr-table-active-bg: #ccd0d4;
+ --tblr-table-active-color: #fcfdfe;
+ --tblr-table-hover-bg: #d1d5d9;
+ --tblr-table-hover-color: #182433;
+ color: var(--tblr-table-color);
+ border-color: var(--tblr-table-border-color);
+}
+
+.table-success {
+ --tblr-table-color: #182433;
+ --tblr-table-bg: #d5f0da;
+ --tblr-table-border-color: #c2dcc9;
+ --tblr-table-striped-bg: #cce6d2;
+ --tblr-table-striped-color: #182433;
+ --tblr-table-active-bg: #c2dcc9;
+ --tblr-table-active-color: #182433;
+ --tblr-table-hover-bg: #c7e1cd;
+ --tblr-table-hover-color: #182433;
+ color: var(--tblr-table-color);
+ border-color: var(--tblr-table-border-color);
+}
+
+.table-info {
+ --tblr-table-color: #182433;
+ --tblr-table-bg: #d9ebf9;
+ --tblr-table-border-color: #c6d7e5;
+ --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: #e6cebe;
+ --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: #e1c5c7;
+ --tblr-table-striped-bg: #eccecf;
+ --tblr-table-striped-color: #182433;
+ --tblr-table-active-bg: #e1c5c7;
+ --tblr-table-active-color: #fcfdfe;
+ --tblr-table-hover-bg: #e6cacb;
+ --tblr-table-hover-color: #fcfdfe;
+ color: var(--tblr-table-color);
+ border-color: var(--tblr-table-border-color);
+}
+
+.table-light {
+ --tblr-table-color: #182433;
+ --tblr-table-bg: #fcfdfe;
+ --tblr-table-border-color: #e5e7ea;
+ --tblr-table-striped-bg: #f1f2f4;
+ --tblr-table-striped-color: #182433;
+ --tblr-table-active-bg: #e5e7ea;
+ --tblr-table-active-color: #182433;
+ --tblr-table-hover-bg: #ebedef;
+ --tblr-table-hover-color: #182433;
+ color: var(--tblr-table-color);
+ border-color: var(--tblr-table-border-color);
+}
+
+.table-dark {
+ --tblr-table-color: #fcfdfe;
+ --tblr-table-bg: #182433;
+ --tblr-table-border-color: #2f3a47;
+ --tblr-table-striped-bg: #232f3d;
+ --tblr-table-striped-color: #fcfdfe;
+ --tblr-table-active-bg: #2f3a47;
+ --tblr-table-active-color: #fcfdfe;
+ --tblr-table-hover-bg: #293442;
+ --tblr-table-hover-color: #fcfdfe;
+ color: var(--tblr-table-color);
+ border-color: var(--tblr-table-border-color);
+}
+
+.table-responsive {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+}
+
+@media (max-width: 575.98px) {
+ .table-responsive-sm {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+@media (max-width: 767.98px) {
+ .table-responsive-md {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+@media (max-width: 991.98px) {
+ .table-responsive-lg {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+@media (max-width: 1199.98px) {
+ .table-responsive-xl {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+@media (max-width: 1399.98px) {
+ .table-responsive-xxl {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+.form-label {
+ margin-bottom: 0.5rem;
+ font-size: 0.875rem;
+ font-weight: var(--tblr-font-weight-medium);
+}
+
+.col-form-label {
+ padding-top: calc(0.5625rem + var(--tblr-border-width));
+ padding-bottom: calc(0.5625rem + var(--tblr-border-width));
+ margin-bottom: 0;
+ font-size: inherit;
+ font-weight: var(--tblr-font-weight-medium);
+ line-height: 1.4285714286;
+}
+
+.col-form-label-lg {
+ padding-top: calc(0.5rem + var(--tblr-border-width));
+ padding-bottom: calc(0.5rem + var(--tblr-border-width));
+ font-size: 1.25rem;
+}
+
+.col-form-label-sm {
+ padding-top: calc(0.125rem + var(--tblr-border-width));
+ padding-bottom: calc(0.125rem + var(--tblr-border-width));
+ font-size: 0.75rem;
+}
+
+.form-text {
+ margin-top: 0.25rem;
+ font-size: 85.714285%;
+ color: var(--tblr-secondary-color);
+}
+
+.form-control {
+ display: block;
+ width: 100%;
+ padding: 0.5625rem 0.75rem;
+ font-family: var(--tblr-font-sans-serif);
+ font-size: 0.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 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-control {
+ transition: none;
+ }
+}
+.form-control[type=file] {
+ overflow: hidden;
+}
+.form-control[type=file]:not(:disabled):not([readonly]) {
+ cursor: pointer;
+}
+.form-control:focus {
+ color: var(--tblr-body-color);
+ background-color: var(--tblr-bg-forms);
+ border-color: #80aad3;
+ outline: 0;
+ box-shadow: var(--tblr-box-shadow-input), 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
+}
+.form-control::-webkit-date-and-time-value {
+ min-width: 85px;
+ height: 1.4285714286em;
+ margin: 0;
+}
+.form-control::-webkit-datetime-edit {
+ display: block;
+ padding: 0;
+}
+.form-control::-webkit-input-placeholder {
+ color: #929dab;
+ opacity: 1;
+}
+.form-control:-ms-input-placeholder {
+ color: #929dab;
+ opacity: 1;
+}
+.form-control::-ms-input-placeholder {
+ color: #929dab;
+ opacity: 1;
+}
+.form-control::placeholder {
+ color: #929dab;
+ opacity: 1;
+}
+.form-control:disabled {
+ background-color: var(--tblr-bg-surface-secondary);
+ opacity: 1;
+}
+.form-control::-webkit-file-upload-button {
+ padding: 0.5625rem 0.75rem;
+ margin: -0.5625rem -0.75rem;
+ -webkit-margin-end: 0.75rem;
+ margin-inline-end: 0.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 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;
+ 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;
+}
+.form-control::file-selector-button {
+ padding: 0.5625rem 0.75rem;
+ margin: -0.5625rem -0.75rem;
+ -webkit-margin-end: 0.75rem;
+ margin-inline-end: 0.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 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;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-control::-webkit-file-upload-button {
+ -webkit-transition: none;
+ transition: none;
+ }
+ .form-control::file-selector-button {
+ transition: none;
+ }
+}
+.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
+ background-color: var(--tblr-secondary-bg);
+}
+.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
+ background-color: var(--tblr-secondary-bg);
+}
+
+.form-control-plaintext {
+ display: block;
+ width: 100%;
+ padding: 0.5625rem 0;
+ margin-bottom: 0;
+ line-height: 1.4285714286;
+ color: var(--tblr-body-color);
+ background-color: transparent;
+ border: solid transparent;
+ border-width: var(--tblr-border-width) 0;
+}
+.form-control-plaintext:focus {
+ outline: 0;
+}
+.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
+ padding-right: 0;
+ padding-left: 0;
+}
+
+.form-control-sm {
+ min-height: calc(1.4285714286em + 0.25rem + calc(var(--tblr-border-width) * 2));
+ padding: 0.125rem 0.25rem;
+ font-size: 0.75rem;
+ border-radius: var(--tblr-border-radius-sm);
+}
+.form-control-sm::-webkit-file-upload-button {
+ padding: 0.125rem 0.25rem;
+ margin: -0.125rem -0.25rem;
+ -webkit-margin-end: 0.25rem;
+ margin-inline-end: 0.25rem;
+}
+.form-control-sm::file-selector-button {
+ padding: 0.125rem 0.25rem;
+ margin: -0.125rem -0.25rem;
+ -webkit-margin-end: 0.25rem;
+ margin-inline-end: 0.25rem;
+}
+
+.form-control-lg {
+ min-height: calc(1.4285714286em + 1rem + calc(var(--tblr-border-width) * 2));
+ padding: 0.5rem 0.75rem;
+ font-size: 1.25rem;
+ border-radius: var(--tblr-border-radius-lg);
+}
+.form-control-lg::-webkit-file-upload-button {
+ padding: 0.5rem 0.75rem;
+ margin: -0.5rem -0.75rem;
+ -webkit-margin-end: 0.75rem;
+ margin-inline-end: 0.75rem;
+}
+.form-control-lg::file-selector-button {
+ padding: 0.5rem 0.75rem;
+ margin: -0.5rem -0.75rem;
+ -webkit-margin-end: 0.75rem;
+ margin-inline-end: 0.75rem;
+}
+
+textarea.form-control {
+ min-height: calc(1.4285714286em + 1.125rem + calc(var(--tblr-border-width) * 2));
+}
+textarea.form-control-sm {
+ min-height: calc(1.4285714286em + 0.25rem + calc(var(--tblr-border-width) * 2));
+}
+textarea.form-control-lg {
+ min-height: calc(1.4285714286em + 1rem + calc(var(--tblr-border-width) * 2));
+}
+
+.form-control-color {
+ width: 3rem;
+ height: calc(1.4285714286em + 1.125rem + calc(var(--tblr-border-width) * 2));
+ padding: 0.5625rem;
+}
+.form-control-color:not(:disabled):not([readonly]) {
+ cursor: pointer;
+}
+.form-control-color::-moz-color-swatch {
+ border: 0 !important;
+ border-radius: var(--tblr-border-radius);
+}
+.form-control-color::-webkit-color-swatch {
+ border: 0 !important;
+ border-radius: var(--tblr-border-radius);
+}
+.form-control-color.form-control-sm {
+ height: calc(1.4285714286em + 0.25rem + calc(var(--tblr-border-width) * 2));
+}
+.form-control-color.form-control-lg {
+ height: calc(1.4285714286em + 1rem + calc(var(--tblr-border-width) * 2));
+}
+
+.form-select {
+ --tblr-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23929dab' 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: 0.5625rem 2.25rem 0.5625rem 0.75rem;
+ font-family: var(--tblr-font-sans-serif);
+ font-size: 0.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 0.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 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-select {
+ transition: none;
+ }
+}
+.form-select:focus {
+ border-color: #80aad3;
+ outline: 0;
+ box-shadow: var(--tblr-box-shadow-input), 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
+}
+.form-select[multiple], .form-select[size]:not([size="1"]) {
+ padding-right: 0.75rem;
+ background-image: none;
+}
+.form-select:disabled {
+ background-color: var(--tblr-bg-surface-secondary);
+}
+.form-select:-moz-focusring {
+ color: transparent;
+ text-shadow: 0 0 0 var(--tblr-body-color);
+}
+
+.form-select-sm {
+ padding-top: 0.125rem;
+ padding-bottom: 0.125rem;
+ padding-left: 0.25rem;
+ font-size: 0.75rem;
+ border-radius: var(--tblr-border-radius-sm);
+}
+
+.form-select-lg {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ padding-left: 0.75rem;
+ font-size: 1.25rem;
+ border-radius: var(--tblr-border-radius-lg);
+}
+
+[data-bs-theme=dark] .form-select, body[data-bs-theme=dark] [data-bs-theme=light] .form-select {
+ --tblr-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fcfdfe' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+}
+
+.form-check {
+ display: block;
+ min-height: 1.25rem;
+ padding-left: 2rem;
+ margin-bottom: 0.75rem;
+}
+.form-check .form-check-input {
+ float: left;
+ margin-left: -2rem;
+}
+
+.form-check-reverse {
+ padding-right: 2rem;
+ padding-left: 0;
+ text-align: right;
+}
+.form-check-reverse .form-check-input {
+ float: right;
+ margin-right: -2rem;
+ margin-left: 0;
+}
+
+.form-check-input {
+ --tblr-form-check-bg: var(--tblr-bg-forms);
+ width: 1.25rem;
+ height: 1.25rem;
+ margin-top: 0.0892857143rem;
+ vertical-align: top;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ background-color: var(--tblr-form-check-bg);
+ background-image: var(--tblr-form-check-bg-image);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: contain;
+ border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
+ -webkit-print-color-adjust: exact;
+ color-adjust: exact;
+ print-color-adjust: exact;
+}
+.form-check-input[type=checkbox] {
+ border-radius: var(--tblr-border-radius);
+}
+.form-check-input[type=radio] {
+ border-radius: 50%;
+}
+.form-check-input:active {
+ filter: brightness(90%);
+}
+.form-check-input:focus {
+ border-color: #80aad3;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
+}
+.form-check-input:checked {
+ background-color: var(--tblr-primary);
+ border-color: var(--tblr-border-color-translucent);
+}
+.form-check-input:checked[type=checkbox] {
+ --tblr-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");
+}
+.form-check-input:checked[type=radio] {
+ --tblr-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e");
+}
+.form-check-input[type=checkbox]:indeterminate {
+ background-color: var(--tblr-primary);
+ border-color: var(--tblr-primary);
+ --tblr-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
+}
+.form-check-input:disabled {
+ pointer-events: none;
+ filter: none;
+ opacity: 0.5;
+}
+.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
+ cursor: default;
+ opacity: 0.7;
+}
+
+.form-switch {
+ padding-left: 2.5rem;
+}
+.form-switch .form-check-input {
+ --tblr-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23dadfe5'/%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 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-switch .form-check-input {
+ transition: none;
+ }
+}
+.form-switch .form-check-input:focus {
+ --tblr-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2380aad3'/%3e%3c/svg%3e");
+}
+.form-switch .form-check-input:checked {
+ background-position: right center;
+ --tblr-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
+}
+.form-switch.form-check-reverse {
+ padding-right: 2.5rem;
+ padding-left: 0;
+}
+.form-switch.form-check-reverse .form-check-input {
+ margin-right: -2.5rem;
+ margin-left: 0;
+}
+
+.form-check-inline {
+ display: inline-block;
+ margin-right: 1rem;
+}
+
+.btn-check {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ pointer-events: none;
+}
+.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
+ pointer-events: none;
+ filter: none;
+ opacity: 0.4;
+}
+
+[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
+ --tblr-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
+}
+
+.form-range {
+ width: 100%;
+ height: 1.25rem;
+ padding: 0;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ background-color: transparent;
+}
+.form-range:focus {
+ outline: 0;
+}
+.form-range:focus::-webkit-slider-thumb {
+ box-shadow: 0 0 0 1px #f6f8fb, 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
+}
+.form-range:focus::-moz-range-thumb {
+ box-shadow: 0 0 0 1px #f6f8fb, 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
+}
+.form-range::-moz-focus-outer {
+ border: 0;
+}
+.form-range::-webkit-slider-thumb {
+ width: 1rem;
+ height: 1rem;
+ margin-top: -0.375rem;
+ -webkit-appearance: none;
+ appearance: none;
+ background-color: var(--tblr-primary);
+ border: 2px var(--tblr-border-style) #ffffff;
+ border-radius: 1rem;
+ box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
+ -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-range::-webkit-slider-thumb {
+ -webkit-transition: none;
+ transition: none;
+ }
+}
+.form-range::-webkit-slider-thumb:active {
+ background-color: #b3cce4;
+}
+.form-range::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 0.25rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: var(--tblr-border-color);
+ border-color: transparent;
+ border-radius: 1rem;
+ box-shadow: 0 0 transparent;
+}
+.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) #ffffff;
+ border-radius: 1rem;
+ box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
+ -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-range::-moz-range-thumb {
+ -moz-transition: none;
+ transition: none;
+ }
+}
+.form-range::-moz-range-thumb:active {
+ background-color: #b3cce4;
+}
+.form-range::-moz-range-track {
+ width: 100%;
+ height: 0.25rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: var(--tblr-border-color);
+ border-color: transparent;
+ border-radius: 1rem;
+ box-shadow: 0 0 transparent;
+}
+.form-range:disabled {
+ pointer-events: none;
+}
+.form-range:disabled::-webkit-slider-thumb {
+ background-color: var(--tblr-secondary-color);
+}
+.form-range:disabled::-moz-range-thumb {
+ background-color: var(--tblr-secondary-color);
+}
+
+.form-floating {
+ position: relative;
+}
+.form-floating > .form-control,
+.form-floating > .form-control-plaintext,
+.form-floating > .form-select {
+ height: calc(3.5rem + calc(var(--tblr-border-width) * 2));
+ min-height: calc(3.5rem + calc(var(--tblr-border-width) * 2));
+ line-height: 1.25;
+}
+.form-floating > label {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 2;
+ height: 100%;
+ padding: 1rem 0.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 0.1s ease-in-out, transform 0.1s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-floating > label {
+ transition: none;
+ }
+}
+.form-floating > .form-control,
+.form-floating > .form-control-plaintext {
+ padding: 1rem 0.75rem;
+}
+.form-floating > .form-control::-webkit-input-placeholder, .form-floating > .form-control-plaintext::-webkit-input-placeholder {
+ color: transparent;
+}
+.form-floating > .form-control:-ms-input-placeholder, .form-floating > .form-control-plaintext:-ms-input-placeholder {
+ color: transparent;
+}
+.form-floating > .form-control::-ms-input-placeholder, .form-floating > .form-control-plaintext::-ms-input-placeholder {
+ color: transparent;
+}
+.form-floating > .form-control::placeholder,
+.form-floating > .form-control-plaintext::placeholder {
+ color: transparent;
+}
+.form-floating > .form-control:not(:-ms-input-placeholder), .form-floating > .form-control-plaintext:not(:-ms-input-placeholder) {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
+}
+.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
+.form-floating > .form-control-plaintext:focus,
+.form-floating > .form-control-plaintext:not(:placeholder-shown) {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
+}
+.form-floating > .form-control:-webkit-autofill,
+.form-floating > .form-control-plaintext:-webkit-autofill {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
+}
+.form-floating > .form-select {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
+}
+.form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
+ color: rgba(var(--tblr-body-color-rgb), 0.65);
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+}
+.form-floating > .form-control:focus ~ label,
+.form-floating > .form-control:not(:placeholder-shown) ~ label,
+.form-floating > .form-control-plaintext ~ label,
+.form-floating > .form-select ~ label {
+ color: rgba(var(--tblr-body-color-rgb), 0.65);
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+}
+.form-floating > .form-control:not(:-ms-input-placeholder) ~ label::after {
+ position: absolute;
+ inset: 1rem 0.375rem;
+ z-index: -1;
+ height: 1.5em;
+ content: "";
+ background-color: var(--tblr-bg-forms);
+ border-radius: var(--tblr-border-radius);
+}
+.form-floating > .form-control:focus ~ label::after,
+.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
+.form-floating > .form-control-plaintext ~ label::after,
+.form-floating > .form-select ~ label::after {
+ position: absolute;
+ inset: 1rem 0.375rem;
+ z-index: -1;
+ height: 1.5em;
+ content: "";
+ background-color: var(--tblr-bg-forms);
+ border-radius: var(--tblr-border-radius);
+}
+.form-floating > .form-control:-webkit-autofill ~ label {
+ color: rgba(var(--tblr-body-color-rgb), 0.65);
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+}
+.form-floating > .form-control-plaintext ~ label {
+ border-width: var(--tblr-border-width) 0;
+}
+.form-floating > :disabled ~ label,
+.form-floating > .form-control:disabled ~ label {
+ color: #667382;
+}
+.form-floating > :disabled ~ label::after,
+.form-floating > .form-control:disabled ~ label::after {
+ background-color: var(--tblr-bg-surface-secondary);
+}
+
+.input-group {
+ position: relative;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: stretch;
+ width: 100%;
+}
+.input-group > .form-control,
+.input-group > .form-select,
+.input-group > .form-floating {
+ position: relative;
+ flex: 1 1 auto;
+ width: 1%;
+ min-width: 0;
+}
+.input-group > .form-control:focus,
+.input-group > .form-select:focus,
+.input-group > .form-floating:focus-within {
+ z-index: 5;
+}
+.input-group .btn {
+ position: relative;
+ z-index: 2;
+}
+.input-group .btn:focus {
+ z-index: 5;
+}
+
+.input-group-text {
+ display: flex;
+ align-items: center;
+ padding: 0.5625rem 0.75rem;
+ font-size: 0.875rem;
+ font-weight: 400;
+ line-height: 1.4285714286;
+ color: var(--tblr-secondary);
+ text-align: center;
+ white-space: nowrap;
+ background-color: var(--tblr-bg-surface-secondary);
+ border: var(--tblr-border-width) solid var(--tblr-border-color);
+ border-radius: var(--tblr-border-radius);
+}
+
+.input-group-lg > .form-control,
+.input-group-lg > .form-select,
+.input-group-lg > .input-group-text,
+.input-group-lg > .btn {
+ padding: 0.5rem 0.75rem;
+ font-size: 1.25rem;
+ border-radius: var(--tblr-border-radius-lg);
+}
+
+.input-group-sm > .form-control,
+.input-group-sm > .form-select,
+.input-group-sm > .input-group-text,
+.input-group-sm > .btn {
+ padding: 0.125rem 0.25rem;
+ font-size: 0.75rem;
+ border-radius: var(--tblr-border-radius-sm);
+}
+
+.input-group-lg > .form-select,
+.input-group-sm > .form-select {
+ padding-right: 3rem;
+}
+
+.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
+.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 {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
+.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 {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
+ margin-left: calc(var(--tblr-border-width) * -1);
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.input-group > .form-floating:not(:first-child) > .form-control,
+.input-group > .form-floating:not(:first-child) > .form-select {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.valid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: 0.25rem;
+ font-size: 85.714285%;
+ color: var(--tblr-form-valid-color);
+}
+
+.valid-tooltip {
+ position: absolute;
+ top: 100%;
+ z-index: 5;
+ display: none;
+ max-width: 100%;
+ padding: var(--tblr-spacer-2) var(--tblr-spacer-2);
+ margin-top: 0.1rem;
+ font-size: 0.765625rem;
+ color: #fff;
+ background-color: var(--tblr-success);
+ border-radius: var(--tblr-border-radius);
+}
+
+.was-validated :valid ~ .valid-feedback,
+.was-validated :valid ~ .valid-tooltip,
+.is-valid ~ .valid-feedback,
+.is-valid ~ .valid-tooltip {
+ display: block;
+}
+
+.was-validated .form-control:valid, .form-control.is-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(0.3571428572em + 0.28125rem) center;
+ background-size: calc(0.7142857143em + 0.5625rem) calc(0.7142857143em + 0.5625rem);
+}
+.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
+ border-color: var(--tblr-form-valid-border-color);
+ box-shadow: 0 0 0 0.25rem rgba(var(--tblr-success-rgb), 0.25);
+}
+
+.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
+ padding-right: calc(1.4285714286em + 1.125rem);
+ background-position: top calc(0.3571428572em + 0.28125rem) right calc(0.3571428572em + 0.28125rem);
+}
+
+.was-validated .form-select:valid, .form-select.is-valid {
+ border-color: var(--tblr-form-valid-border-color);
+}
+.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-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 0.75rem center, center right 2.25rem;
+ background-size: 16px 12px, calc(0.7142857143em + 0.5625rem) calc(0.7142857143em + 0.5625rem);
+}
+.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
+ border-color: var(--tblr-form-valid-border-color);
+ box-shadow: 0 0 0 0.25rem rgba(var(--tblr-success-rgb), 0.25);
+}
+
+.was-validated .form-control-color:valid, .form-control-color.is-valid {
+ width: calc(3rem + calc(1.4285714286em + 1.125rem));
+}
+
+.was-validated .form-check-input:valid, .form-check-input.is-valid {
+ border-color: var(--tblr-form-valid-border-color);
+}
+.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
+ background-color: var(--tblr-form-valid-color);
+}
+.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
+ box-shadow: 0 0 0 0.25rem rgba(var(--tblr-success-rgb), 0.25);
+}
+.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
+ color: var(--tblr-form-valid-color);
+}
+
+.form-check-inline .form-check-input ~ .valid-feedback {
+ margin-left: 0.5em;
+}
+
+.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
+.was-validated .input-group > .form-select:not(:focus):valid,
+.input-group > .form-select:not(:focus).is-valid,
+.was-validated .input-group > .form-floating:not(:focus-within):valid,
+.input-group > .form-floating:not(:focus-within).is-valid {
+ z-index: 3;
+}
+
+.invalid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: 0.25rem;
+ font-size: 85.714285%;
+ color: var(--tblr-form-invalid-color);
+}
+
+.invalid-tooltip {
+ position: absolute;
+ top: 100%;
+ z-index: 5;
+ display: none;
+ max-width: 100%;
+ padding: var(--tblr-spacer-2) var(--tblr-spacer-2);
+ margin-top: 0.1rem;
+ font-size: 0.765625rem;
+ color: #fff;
+ background-color: var(--tblr-danger);
+ border-radius: var(--tblr-border-radius);
+}
+
+.was-validated :invalid ~ .invalid-feedback,
+.was-validated :invalid ~ .invalid-tooltip,
+.is-invalid ~ .invalid-feedback,
+.is-invalid ~ .invalid-tooltip {
+ display: block;
+}
+
+.was-validated .form-control:invalid, .form-control.is-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(0.3571428572em + 0.28125rem) center;
+ background-size: calc(0.7142857143em + 0.5625rem) calc(0.7142857143em + 0.5625rem);
+}
+.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
+ border-color: var(--tblr-form-invalid-border-color);
+ box-shadow: 0 0 0 0.25rem rgba(var(--tblr-danger-rgb), 0.25);
+}
+
+.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
+ padding-right: calc(1.4285714286em + 1.125rem);
+ background-position: top calc(0.3571428572em + 0.28125rem) right calc(0.3571428572em + 0.28125rem);
+}
+
+.was-validated .form-select:invalid, .form-select.is-invalid {
+ border-color: var(--tblr-form-invalid-border-color);
+}
+.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-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 0.75rem center, center right 2.25rem;
+ background-size: 16px 12px, calc(0.7142857143em + 0.5625rem) calc(0.7142857143em + 0.5625rem);
+}
+.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
+ border-color: var(--tblr-form-invalid-border-color);
+ box-shadow: 0 0 0 0.25rem rgba(var(--tblr-danger-rgb), 0.25);
+}
+
+.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
+ width: calc(3rem + calc(1.4285714286em + 1.125rem));
+}
+
+.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
+ border-color: var(--tblr-form-invalid-border-color);
+}
+.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
+ background-color: var(--tblr-form-invalid-color);
+}
+.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
+ box-shadow: 0 0 0 0.25rem rgba(var(--tblr-danger-rgb), 0.25);
+}
+.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
+ color: var(--tblr-form-invalid-color);
+}
+
+.form-check-inline .form-check-input ~ .invalid-feedback {
+ margin-left: 0.5em;
+}
+
+.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
+.was-validated .input-group > .form-select:not(:focus):invalid,
+.input-group > .form-select:not(:focus).is-invalid,
+.was-validated .input-group > .form-floating:not(:focus-within):invalid,
+.input-group > .form-floating:not(:focus-within).is-invalid {
+ z-index: 4;
+}
+
+.btn {
+ --tblr-btn-padding-x: 1rem;
+ --tblr-btn-padding-y: 0.5625rem;
+ --tblr-btn-font-family: var(--tblr-font-sans-serif);
+ --tblr-btn-font-size: 0.875rem;
+ --tblr-btn-font-weight: var(--tblr-font-weight-medium);
+ --tblr-btn-line-height: 1.4285714286;
+ --tblr-btn-color: var(--tblr-body-color);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-width: var(--tblr-border-width);
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-border-radius: var(--tblr-border-radius);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-box-shadow: var(--tblr-box-shadow-input);
+ --tblr-btn-disabled-opacity: 0.4;
+ --tblr-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--tblr-btn-focus-shadow-rgb), .5);
+ display: inline-block;
+ padding: var(--tblr-btn-padding-y) var(--tblr-btn-padding-x);
+ font-family: var(--tblr-btn-font-family);
+ font-size: var(--tblr-btn-font-size);
+ font-weight: var(--tblr-btn-font-weight);
+ line-height: var(--tblr-btn-line-height);
+ color: var(--tblr-btn-color);
+ text-align: center;
+ vertical-align: middle;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ border: var(--tblr-btn-border-width) solid var(--tblr-btn-border-color);
+ border-radius: var(--tblr-btn-border-radius);
+ background-color: var(--tblr-btn-bg);
+ box-shadow: var(--tblr-btn-box-shadow);
+ transition: color 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;
+}
+@media (prefers-reduced-motion: reduce) {
+ .btn {
+ transition: none;
+ }
+}
+.btn:hover {
+ color: var(--tblr-btn-hover-color);
+ text-decoration: none;
+ background-color: var(--tblr-btn-hover-bg);
+ border-color: var(--tblr-btn-hover-border-color);
+}
+.btn-check + .btn:hover {
+ color: var(--tblr-btn-color);
+ background-color: var(--tblr-btn-bg);
+ border-color: var(--tblr-btn-border-color);
+}
+.btn:focus-visible {
+ color: var(--tblr-btn-hover-color);
+ background-color: var(--tblr-btn-hover-bg);
+ border-color: var(--tblr-btn-hover-border-color);
+ outline: 0;
+ box-shadow: var(--tblr-btn-box-shadow), var(--tblr-btn-focus-box-shadow);
+}
+.btn-check:focus-visible + .btn {
+ border-color: var(--tblr-btn-hover-border-color);
+ outline: 0;
+ box-shadow: var(--tblr-btn-box-shadow), var(--tblr-btn-focus-box-shadow);
+}
+.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
+ color: var(--tblr-btn-active-color);
+ background-color: var(--tblr-btn-active-bg);
+ border-color: var(--tblr-btn-active-border-color);
+ box-shadow: var(--tblr-btn-active-shadow);
+}
+.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
+ box-shadow: var(--tblr-btn-active-shadow), var(--tblr-btn-focus-box-shadow);
+}
+.btn:disabled, .btn.disabled, fieldset:disabled .btn {
+ color: var(--tblr-btn-disabled-color);
+ pointer-events: none;
+ background-color: var(--tblr-btn-disabled-bg);
+ border-color: var(--tblr-btn-disabled-border-color);
+ opacity: var(--tblr-btn-disabled-opacity);
+ box-shadow: none;
+}
+
+.btn-link {
+ --tblr-btn-font-weight: 400;
+ --tblr-btn-color: var(--tblr-link-color);
+ --tblr-btn-bg: transparent;
+ --tblr-btn-border-color: transparent;
+ --tblr-btn-hover-color: var(--tblr-link-hover-color);
+ --tblr-btn-hover-border-color: transparent;
+ --tblr-btn-active-color: var(--tblr-link-hover-color);
+ --tblr-btn-active-border-color: transparent;
+ --tblr-btn-disabled-color: #667382;
+ --tblr-btn-disabled-border-color: transparent;
+ --tblr-btn-box-shadow: 0 0 0 #000;
+ --tblr-btn-focus-shadow-rgb: 38, 109, 179;
+ text-decoration: none;
+}
+.btn-link:hover, .btn-link:focus-visible {
+ text-decoration: underline;
+}
+.btn-link:focus-visible {
+ color: var(--tblr-btn-color);
+}
+.btn-link:hover {
+ color: var(--tblr-btn-hover-color);
+}
+
+.btn-lg, .btn-group-lg > .btn {
+ --tblr-btn-padding-y: 0.5rem;
+ --tblr-btn-padding-x: 0.75rem;
+ --tblr-btn-font-size: 1.25rem;
+ --tblr-btn-border-radius: var(--tblr-border-radius-lg);
+}
+
+.btn-sm, .btn-group-sm > .btn {
+ --tblr-btn-padding-y: 0.125rem;
+ --tblr-btn-padding-x: 0.25rem;
+ --tblr-btn-font-size: 0.75rem;
+ --tblr-btn-border-radius: var(--tblr-border-radius-sm);
+}
+
+.fade {
+ transition: opacity 0.15s linear;
+}
+@media (prefers-reduced-motion: reduce) {
+ .fade {
+ transition: none;
+ }
+}
+.fade:not(.show) {
+ opacity: 0;
+}
+
+.collapse:not(.show) {
+ display: none;
+}
+
+.collapsing {
+ height: 0;
+ overflow: hidden;
+ transition: height 0.35s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+ .collapsing {
+ transition: none;
+ }
+}
+.collapsing.collapse-horizontal {
+ width: 0;
+ height: auto;
+ transition: width 0.35s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+ .collapsing.collapse-horizontal {
+ transition: none;
+ }
+}
+
+.dropup,
+.dropend,
+.dropdown,
+.dropstart,
+.dropup-center,
+.dropdown-center {
+ position: relative;
+}
+
+.dropdown-toggle {
+ white-space: nowrap;
+}
+.dropdown-toggle:after {
+ content: "";
+ display: inline-block;
+ vertical-align: 0.306em;
+ width: 0.36em;
+ height: 0.36em;
+ border-bottom: 1px var(--tblr-border-style);
+ border-left: 1px var(--tblr-border-style);
+ margin-right: 0.1em;
+ margin-left: 0.4em;
+ transform: rotate(-45deg);
+}
+
+.dropdown-menu {
+ --tblr-dropdown-zindex: 1000;
+ --tblr-dropdown-min-width: 11rem;
+ --tblr-dropdown-padding-x: 0;
+ --tblr-dropdown-padding-y: 0.25rem;
+ --tblr-dropdown-spacer: 1px;
+ --tblr-dropdown-font-size: 0.875rem;
+ --tblr-dropdown-color: var(--tblr-body-color);
+ --tblr-dropdown-bg: var(--tblr-bg-surface);
+ --tblr-dropdown-border-color: var(--tblr-border-color-translucent);
+ --tblr-dropdown-border-radius: var(--tblr-border-radius);
+ --tblr-dropdown-border-width: var(--tblr-border-width);
+ --tblr-dropdown-inner-border-radius: calc(var(--tblr-border-radius) - var(--tblr-border-width));
+ --tblr-dropdown-divider-bg: var(--tblr-border-color-translucent);
+ --tblr-dropdown-divider-margin-y: var(--tblr-spacer);
+ --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-text-secondary-rgb), 0.04);
+ --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: #667382;
+ --tblr-dropdown-header-padding-x: 0.75rem;
+ --tblr-dropdown-header-padding-y: 0.25rem;
+ position: absolute;
+ z-index: var(--tblr-dropdown-zindex);
+ display: none;
+ min-width: var(--tblr-dropdown-min-width);
+ padding: var(--tblr-dropdown-padding-y) var(--tblr-dropdown-padding-x);
+ margin: 0;
+ font-size: var(--tblr-dropdown-font-size);
+ color: var(--tblr-dropdown-color);
+ text-align: left;
+ list-style: none;
+ background-color: var(--tblr-dropdown-bg);
+ background-clip: padding-box;
+ border: var(--tblr-dropdown-border-width) solid var(--tblr-dropdown-border-color);
+ border-radius: var(--tblr-dropdown-border-radius);
+ box-shadow: var(--tblr-dropdown-box-shadow);
+}
+.dropdown-menu[data-bs-popper] {
+ top: 100%;
+ left: 0;
+ margin-top: var(--tblr-dropdown-spacer);
+}
+
+.dropdown-menu-start {
+ --bs-position: start;
+}
+.dropdown-menu-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+}
+
+.dropdown-menu-end {
+ --bs-position: end;
+}
+.dropdown-menu-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+}
+
+@media (min-width: 576px) {
+ .dropdown-menu-sm-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-sm-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
+ .dropdown-menu-sm-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-sm-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
+}
+@media (min-width: 768px) {
+ .dropdown-menu-md-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-md-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
+ .dropdown-menu-md-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-md-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
+}
+@media (min-width: 992px) {
+ .dropdown-menu-lg-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-lg-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
+ .dropdown-menu-lg-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-lg-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
+}
+@media (min-width: 1200px) {
+ .dropdown-menu-xl-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-xl-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
+ .dropdown-menu-xl-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-xl-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
+}
+@media (min-width: 1400px) {
+ .dropdown-menu-xxl-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-xxl-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
+ .dropdown-menu-xxl-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-xxl-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
+}
+.dropup .dropdown-menu[data-bs-popper] {
+ top: auto;
+ bottom: 100%;
+ margin-top: 0;
+ margin-bottom: var(--tblr-dropdown-spacer);
+}
+.dropup .dropdown-toggle:after {
+ content: "";
+ display: inline-block;
+ vertical-align: 0.306em;
+ width: 0.36em;
+ height: 0.36em;
+ border-bottom: 1px var(--tblr-border-style);
+ border-left: 1px var(--tblr-border-style);
+ margin-right: 0.1em;
+ margin-left: 0.4em;
+ transform: rotate(135deg);
+}
+
+.dropend .dropdown-menu[data-bs-popper] {
+ top: 0;
+ right: auto;
+ left: 100%;
+ margin-top: 0;
+ margin-left: var(--tblr-dropdown-spacer);
+}
+.dropend .dropdown-toggle:after {
+ content: "";
+ display: inline-block;
+ vertical-align: 0.306em;
+ width: 0.36em;
+ height: 0.36em;
+ border-bottom: 1px var(--tblr-border-style);
+ border-left: 1px var(--tblr-border-style);
+ margin-right: 0.1em;
+ margin-left: 0.4em;
+ transform: rotate(-135deg);
+}
+.dropend .dropdown-toggle::after {
+ vertical-align: 0;
+}
+
+.dropstart .dropdown-menu[data-bs-popper] {
+ top: 0;
+ right: 100%;
+ left: auto;
+ margin-top: 0;
+ margin-right: var(--tblr-dropdown-spacer);
+}
+.dropstart .dropdown-toggle:after {
+ content: "";
+ display: inline-block;
+ vertical-align: 0.306em;
+ width: 0.36em;
+ height: 0.36em;
+ border-bottom: 1px var(--tblr-border-style);
+ border-left: 1px var(--tblr-border-style);
+ margin-right: 0.1em;
+ margin-left: 0.4em;
+ transform: rotate(45deg);
+}
+.dropstart .dropdown-toggle::before {
+ vertical-align: 0;
+}
+
+.dropdown-divider {
+ height: 0;
+ margin: var(--tblr-dropdown-divider-margin-y) 0;
+ overflow: hidden;
+ border-top: 1px solid var(--tblr-dropdown-divider-bg);
+ opacity: 1;
+}
+
+.dropdown-item {
+ display: block;
+ width: 100%;
+ padding: var(--tblr-dropdown-item-padding-y) var(--tblr-dropdown-item-padding-x);
+ clear: both;
+ font-weight: 400;
+ color: var(--tblr-dropdown-link-color);
+ text-align: inherit;
+ white-space: nowrap;
+ background-color: transparent;
+ border: 0;
+ border-radius: var(--tblr-dropdown-item-border-radius, 0);
+}
+.dropdown-item:hover, .dropdown-item:focus {
+ color: var(--tblr-dropdown-link-hover-color);
+ text-decoration: none;
+ background-color: var(--tblr-dropdown-link-hover-bg);
+}
+.dropdown-item.active, .dropdown-item:active {
+ color: var(--tblr-dropdown-link-active-color);
+ text-decoration: none;
+ background-color: var(--tblr-dropdown-link-active-bg);
+}
+.dropdown-item.disabled, .dropdown-item:disabled {
+ color: var(--tblr-dropdown-link-disabled-color);
+ pointer-events: none;
+ background-color: transparent;
+}
+
+.dropdown-menu.show {
+ display: block;
+}
+
+.dropdown-header {
+ display: block;
+ padding: var(--tblr-dropdown-header-padding-y) var(--tblr-dropdown-header-padding-x);
+ margin-bottom: 0;
+ font-size: 0.765625rem;
+ color: var(--tblr-dropdown-header-color);
+ white-space: nowrap;
+}
+
+.dropdown-item-text {
+ display: block;
+ padding: var(--tblr-dropdown-item-padding-y) var(--tblr-dropdown-item-padding-x);
+ color: var(--tblr-dropdown-link-color);
+}
+
+.dropdown-menu-dark {
+ --tblr-dropdown-color: #dadfe5;
+ --tblr-dropdown-bg: #182433;
+ --tblr-dropdown-border-color: var(--tblr-border-color-translucent);
+ --tblr-dropdown-box-shadow: ;
+ --tblr-dropdown-link-color: #dadfe5;
+ --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: #929dab;
+ --tblr-dropdown-header-color: #929dab;
+}
+
+.btn-group,
+.btn-group-vertical {
+ position: relative;
+ display: inline-flex;
+ vertical-align: middle;
+}
+.btn-group > .btn,
+.btn-group-vertical > .btn {
+ position: relative;
+ flex: 1 1 auto;
+}
+.btn-group > .btn-check:checked + .btn,
+.btn-group > .btn-check:focus + .btn,
+.btn-group > .btn:hover,
+.btn-group > .btn:focus,
+.btn-group > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn-check:checked + .btn,
+.btn-group-vertical > .btn-check:focus + .btn,
+.btn-group-vertical > .btn:hover,
+.btn-group-vertical > .btn:focus,
+.btn-group-vertical > .btn:active,
+.btn-group-vertical > .btn.active {
+ z-index: 1;
+}
+
+.btn-toolbar {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+}
+.btn-toolbar .input-group {
+ width: auto;
+}
+
+.btn-group {
+ border-radius: var(--tblr-border-radius);
+}
+.btn-group > :not(.btn-check:first-child) + .btn,
+.btn-group > .btn-group:not(:first-child) {
+ margin-left: calc(var(--tblr-border-width) * -1);
+}
+.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group > .btn.dropdown-toggle-split:first-child,
+.btn-group > .btn-group:not(:last-child) > .btn {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.btn-group > .btn:nth-child(n+3),
+.btn-group > :not(.btn-check) + .btn,
+.btn-group > .btn-group:not(:first-child) > .btn {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.dropdown-toggle-split {
+ padding-right: 0.75rem;
+ padding-left: 0.75rem;
+}
+.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
+ margin-left: 0;
+}
+.dropstart .dropdown-toggle-split::before {
+ margin-right: 0;
+}
+
+.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
+ padding-right: 0.1875rem;
+ padding-left: 0.1875rem;
+}
+
+.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
+ padding-right: 0.5625rem;
+ padding-left: 0.5625rem;
+}
+
+.btn-group.show .dropdown-toggle {
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+}
+.btn-group.show .dropdown-toggle.btn-link {
+ box-shadow: none;
+}
+
+.btn-group-vertical {
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: center;
+}
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group {
+ width: 100%;
+}
+.btn-group-vertical > .btn:not(:first-child),
+.btn-group-vertical > .btn-group:not(:first-child) {
+ margin-top: calc(var(--tblr-border-width) * -1);
+}
+.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group-vertical > .btn-group:not(:last-child) > .btn {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.btn-group-vertical > .btn ~ .btn,
+.btn-group-vertical > .btn-group:not(:first-child) > .btn {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.nav {
+ --tblr-nav-link-padding-x: 0.75rem;
+ --tblr-nav-link-padding-y: 0.5rem;
+ --tblr-nav-link-font-weight: ;
+ --tblr-nav-link-color: var(--tblr-secondary);
+ --tblr-nav-link-hover-color: var(--tblr-link-hover-color);
+ --tblr-nav-link-disabled-color: var(--tblr-disabled-color);
+ display: flex;
+ flex-wrap: wrap;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none;
+}
+
+.nav-link {
+ display: block;
+ padding: var(--tblr-nav-link-padding-y) var(--tblr-nav-link-padding-x);
+ font-size: var(--tblr-nav-link-font-size);
+ font-weight: var(--tblr-nav-link-font-weight);
+ color: var(--tblr-nav-link-color);
+ background: none;
+ border: 0;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .nav-link {
+ transition: none;
+ }
+}
+.nav-link:hover, .nav-link:focus {
+ color: var(--tblr-nav-link-hover-color);
+ text-decoration: none;
+}
+.nav-link:focus-visible {
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
+}
+.nav-link.disabled, .nav-link:disabled {
+ color: var(--tblr-nav-link-disabled-color);
+ pointer-events: none;
+ cursor: default;
+}
+
+.nav-tabs {
+ --tblr-nav-tabs-border-width: var(--tblr-border-width);
+ --tblr-nav-tabs-border-color: var(--tblr-border-color);
+ --tblr-nav-tabs-border-radius: var(--tblr-border-radius);
+ --tblr-nav-tabs-link-hover-border-color: var(--tblr-border-color) var(--tblr-border-color) var(--tblr-border-color);
+ --tblr-nav-tabs-link-active-color: var(--tblr-body-color);
+ --tblr-nav-tabs-link-active-bg: var(--tblr-body-bg);
+ --tblr-nav-tabs-link-active-border-color: var(--tblr-border-color) var(--tblr-border-color) var(--tblr-border-color);
+ border-bottom: var(--tblr-nav-tabs-border-width) solid var(--tblr-nav-tabs-border-color);
+}
+.nav-tabs .nav-link {
+ margin-bottom: calc(-1 * var(--tblr-nav-tabs-border-width));
+ border: var(--tblr-nav-tabs-border-width) solid transparent;
+ border-top-left-radius: var(--tblr-nav-tabs-border-radius);
+ border-top-right-radius: var(--tblr-nav-tabs-border-radius);
+}
+.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
+ isolation: isolate;
+ border-color: var(--tblr-nav-tabs-link-hover-border-color);
+}
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link {
+ color: var(--tblr-nav-tabs-link-active-color);
+ background-color: var(--tblr-nav-tabs-link-active-bg);
+ border-color: var(--tblr-nav-tabs-link-active-border-color);
+}
+.nav-tabs .dropdown-menu {
+ margin-top: calc(-1 * var(--tblr-nav-tabs-border-width));
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.nav-pills {
+ --tblr-nav-pills-border-radius: var(--tblr-border-radius);
+ --tblr-nav-pills-link-active-color: var(--tblr-primary);
+ --tblr-nav-pills-link-active-bg: var(--tblr-active-bg);
+}
+.nav-pills .nav-link {
+ border-radius: var(--tblr-nav-pills-border-radius);
+}
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+ color: var(--tblr-nav-pills-link-active-color);
+ background-color: var(--tblr-nav-pills-link-active-bg);
+}
+
+.nav-underline {
+ --tblr-nav-underline-gap: 1rem;
+ --tblr-nav-underline-border-width: 0.125rem;
+ --tblr-nav-underline-link-active-color: var(--tblr-emphasis-color);
+ gap: var(--tblr-nav-underline-gap);
+}
+.nav-underline .nav-link {
+ padding-right: 0;
+ padding-left: 0;
+ border-bottom: var(--tblr-nav-underline-border-width) solid transparent;
+}
+.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
+ border-bottom-color: currentcolor;
+}
+.nav-underline .nav-link.active,
+.nav-underline .show > .nav-link {
+ font-weight: 600;
+ color: var(--tblr-nav-underline-link-active-color);
+ border-bottom-color: currentcolor;
+}
+
+.nav-fill > .nav-link,
+.nav-fill .nav-item {
+ flex: 1 1 auto;
+ text-align: center;
+}
+
+.nav-justified > .nav-link,
+.nav-justified .nav-item {
+ flex-basis: 0;
+ flex-grow: 1;
+ text-align: center;
+}
+
+.nav-fill .nav-item .nav-link,
+.nav-justified .nav-item .nav-link {
+ width: 100%;
+}
+
+.tab-content > .tab-pane {
+ display: none;
+}
+.tab-content > .active {
+ display: block;
+}
+
+.navbar {
+ --tblr-navbar-padding-x: 0;
+ --tblr-navbar-padding-y: 0.25rem;
+ --tblr-navbar-color: var(--tblr-body-color);
+ --tblr-navbar-hover-color: rgba(var(--tblr-emphasis-color-rgb), 0.8);
+ --tblr-navbar-disabled-color: var(--tblr-disabled-color);
+ --tblr-navbar-active-color: var(--tblr-body-color) color;
+ --tblr-navbar-brand-padding-y: 0.5rem;
+ --tblr-navbar-brand-margin-end: 1rem;
+ --tblr-navbar-brand-font-size: 1.25rem;
+ --tblr-navbar-brand-color: var(--tblr-body-color);
+ --tblr-navbar-brand-hover-color: var(--tblr-body-color) color;
+ --tblr-navbar-nav-link-padding-x: 0.75rem;
+ --tblr-navbar-toggler-padding-y: 0;
+ --tblr-navbar-toggler-padding-x: 0;
+ --tblr-navbar-toggler-font-size: 1rem;
+ --tblr-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2824, 36, 51, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+ --tblr-navbar-toggler-border-color: rgba(var(--tblr-emphasis-color-rgb), 0.15);
+ --tblr-navbar-toggler-border-radius: var(--tblr-border-radius);
+ --tblr-navbar-toggler-focus-width: 0;
+ --tblr-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
+ position: relative;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: space-between;
+ padding: var(--tblr-navbar-padding-y) var(--tblr-navbar-padding-x);
+}
+.navbar > .container,
+.navbar > .container-fluid,
+.navbar > .container-sm,
+.navbar > .container-md,
+.navbar > .container-lg,
+.navbar > .container-xl,
+.navbar > .container-xxl {
+ display: flex;
+ flex-wrap: inherit;
+ align-items: center;
+ justify-content: space-between;
+}
+.navbar-brand {
+ padding-top: var(--tblr-navbar-brand-padding-y);
+ padding-bottom: var(--tblr-navbar-brand-padding-y);
+ margin-right: var(--tblr-navbar-brand-margin-end);
+ font-size: var(--tblr-navbar-brand-font-size);
+ color: var(--tblr-navbar-brand-color);
+ white-space: nowrap;
+}
+.navbar-brand:hover, .navbar-brand:focus {
+ color: var(--tblr-navbar-brand-hover-color);
+ text-decoration: none;
+}
+
+.navbar-nav {
+ --tblr-nav-link-padding-x: 0;
+ --tblr-nav-link-padding-y: 0.5rem;
+ --tblr-nav-link-font-weight: ;
+ --tblr-nav-link-color: var(--tblr-navbar-color);
+ --tblr-nav-link-hover-color: var(--tblr-navbar-hover-color);
+ --tblr-nav-link-disabled-color: var(--tblr-navbar-disabled-color);
+ display: flex;
+ flex-direction: column;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none;
+}
+.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
+ color: var(--tblr-navbar-active-color);
+}
+.navbar-nav .dropdown-menu {
+ position: static;
+}
+
+.navbar-text {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ color: var(--tblr-navbar-color);
+}
+.navbar-text a,
+.navbar-text a:hover,
+.navbar-text a:focus {
+ color: var(--tblr-navbar-active-color);
+}
+
+.navbar-collapse {
+ flex-basis: 100%;
+ flex-grow: 1;
+ align-items: center;
+}
+
+.navbar-toggler {
+ padding: var(--tblr-navbar-toggler-padding-y) var(--tblr-navbar-toggler-padding-x);
+ font-size: var(--tblr-navbar-toggler-font-size);
+ line-height: 1;
+ color: var(--tblr-navbar-color);
+ background-color: transparent;
+ border: var(--tblr-border-width) solid var(--tblr-navbar-toggler-border-color);
+ border-radius: var(--tblr-navbar-toggler-border-radius);
+ transition: var(--tblr-navbar-toggler-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+ .navbar-toggler {
+ transition: none;
+ }
+}
+.navbar-toggler:hover {
+ text-decoration: none;
+}
+.navbar-toggler:focus {
+ text-decoration: none;
+ outline: 0;
+ box-shadow: 0 0 0 var(--tblr-navbar-toggler-focus-width);
+}
+
+.navbar-toggler-icon {
+ display: inline-block;
+ width: 1.5em;
+ height: 1.5em;
+ vertical-align: middle;
+ background-image: var(--tblr-navbar-toggler-icon-bg);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 100%;
+}
+
+.navbar-nav-scroll {
+ max-height: var(--tblr-scroll-height, 75vh);
+ overflow-y: auto;
+}
+
+@media (min-width: 576px) {
+ .navbar-expand-sm {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-sm .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-sm .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-sm .navbar-nav .nav-link {
+ padding-right: var(--tblr-navbar-nav-link-padding-x);
+ padding-left: var(--tblr-navbar-nav-link-padding-x);
+ }
+ .navbar-expand-sm .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-sm .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-sm .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-sm .offcanvas {
+ position: static;
+ z-index: auto;
+ flex-grow: 1;
+ width: auto !important;
+ height: auto !important;
+ visibility: visible !important;
+ background-color: transparent !important;
+ border: 0 !important;
+ transform: none !important;
+ box-shadow: none;
+ transition: none;
+ }
+ .navbar-expand-sm .offcanvas .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-sm .offcanvas .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
+}
+@media (min-width: 768px) {
+ .navbar-expand-md {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-md .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-md .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-md .navbar-nav .nav-link {
+ padding-right: var(--tblr-navbar-nav-link-padding-x);
+ padding-left: var(--tblr-navbar-nav-link-padding-x);
+ }
+ .navbar-expand-md .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-md .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-md .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-md .offcanvas {
+ position: static;
+ z-index: auto;
+ flex-grow: 1;
+ width: auto !important;
+ height: auto !important;
+ visibility: visible !important;
+ background-color: transparent !important;
+ border: 0 !important;
+ transform: none !important;
+ box-shadow: none;
+ transition: none;
+ }
+ .navbar-expand-md .offcanvas .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-md .offcanvas .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
+}
+@media (min-width: 992px) {
+ .navbar-expand-lg {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-lg .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-lg .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-lg .navbar-nav .nav-link {
+ padding-right: var(--tblr-navbar-nav-link-padding-x);
+ padding-left: var(--tblr-navbar-nav-link-padding-x);
+ }
+ .navbar-expand-lg .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-lg .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-lg .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-lg .offcanvas {
+ position: static;
+ z-index: auto;
+ flex-grow: 1;
+ width: auto !important;
+ height: auto !important;
+ visibility: visible !important;
+ background-color: transparent !important;
+ border: 0 !important;
+ transform: none !important;
+ box-shadow: none;
+ transition: none;
+ }
+ .navbar-expand-lg .offcanvas .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-lg .offcanvas .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
+}
+@media (min-width: 1200px) {
+ .navbar-expand-xl {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-xl .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-xl .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-xl .navbar-nav .nav-link {
+ padding-right: var(--tblr-navbar-nav-link-padding-x);
+ padding-left: var(--tblr-navbar-nav-link-padding-x);
+ }
+ .navbar-expand-xl .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-xl .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-xl .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-xl .offcanvas {
+ position: static;
+ z-index: auto;
+ flex-grow: 1;
+ width: auto !important;
+ height: auto !important;
+ visibility: visible !important;
+ background-color: transparent !important;
+ border: 0 !important;
+ transform: none !important;
+ box-shadow: none;
+ transition: none;
+ }
+ .navbar-expand-xl .offcanvas .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-xl .offcanvas .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
+}
+@media (min-width: 1400px) {
+ .navbar-expand-xxl {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-xxl .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-xxl .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-xxl .navbar-nav .nav-link {
+ padding-right: var(--tblr-navbar-nav-link-padding-x);
+ padding-left: var(--tblr-navbar-nav-link-padding-x);
+ }
+ .navbar-expand-xxl .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-xxl .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-xxl .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-xxl .offcanvas {
+ position: static;
+ z-index: auto;
+ flex-grow: 1;
+ width: auto !important;
+ height: auto !important;
+ visibility: visible !important;
+ background-color: transparent !important;
+ border: 0 !important;
+ transform: none !important;
+ box-shadow: none;
+ transition: none;
+ }
+ .navbar-expand-xxl .offcanvas .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-xxl .offcanvas .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
+}
+.navbar-expand {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+}
+.navbar-expand .navbar-nav {
+ flex-direction: row;
+}
+.navbar-expand .navbar-nav .dropdown-menu {
+ position: absolute;
+}
+.navbar-expand .navbar-nav .nav-link {
+ padding-right: var(--tblr-navbar-nav-link-padding-x);
+ padding-left: var(--tblr-navbar-nav-link-padding-x);
+}
+.navbar-expand .navbar-nav-scroll {
+ overflow: visible;
+}
+.navbar-expand .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+}
+.navbar-expand .navbar-toggler {
+ display: none;
+}
+.navbar-expand .offcanvas {
+ position: static;
+ z-index: auto;
+ flex-grow: 1;
+ width: auto !important;
+ height: auto !important;
+ visibility: visible !important;
+ background-color: transparent !important;
+ border: 0 !important;
+ transform: none !important;
+ box-shadow: none;
+ transition: none;
+}
+.navbar-expand .offcanvas .offcanvas-header {
+ display: none;
+}
+.navbar-expand .offcanvas .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+}
+
+.navbar-dark,
+.navbar[data-bs-theme=dark],
+body[data-bs-theme=dark] .navbar[data-bs-theme=light] {
+ --tblr-navbar-color: rgba(255, 255, 255, 0.7);
+ --tblr-navbar-hover-color: rgba(255, 255, 255, 0.75);
+ --tblr-navbar-disabled-color: var(--tblr-disabled-color);
+ --tblr-navbar-active-color: #ffffff;
+ --tblr-navbar-brand-color: #ffffff;
+ --tblr-navbar-brand-hover-color: #ffffff;
+ --tblr-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
+ --tblr-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+}
+
+[data-bs-theme=dark] .navbar-toggler-icon, body[data-bs-theme=dark] [data-bs-theme=light] .navbar-toggler-icon {
+ --tblr-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+}
+
+.card {
+ --tblr-card-spacer-y: 1.25rem;
+ --tblr-card-spacer-x: 1.25rem;
+ --tblr-card-title-spacer-y: 1.25rem;
+ --tblr-card-title-color: ;
+ --tblr-card-subtitle-color: ;
+ --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: 1.25rem;
+ --tblr-card-cap-padding-x: 1.25rem;
+ --tblr-card-cap-bg: var(--tblr-bg-surface-tertiary);
+ --tblr-card-cap-color: inherit;
+ --tblr-card-height: ;
+ --tblr-card-color: inherit;
+ --tblr-card-bg: var(--tblr-bg-surface);
+ --tblr-card-img-overlay-padding: 1rem;
+ --tblr-card-group-margin: 1.5rem;
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ min-width: 0;
+ height: var(--tblr-card-height);
+ color: var(--tblr-body-color);
+ word-wrap: break-word;
+ background-color: var(--tblr-card-bg);
+ background-clip: border-box;
+ border: var(--tblr-card-border-width) solid var(--tblr-card-border-color);
+ border-radius: var(--tblr-card-border-radius);
+ box-shadow: var(--tblr-card-box-shadow);
+}
+.card > hr, .card > .hr {
+ margin-right: 0;
+ margin-left: 0;
+}
+.card > .list-group {
+ border-top: inherit;
+ border-bottom: inherit;
+}
+.card > .list-group:first-child {
+ border-top-width: 0;
+ border-top-left-radius: var(--tblr-card-inner-border-radius);
+ border-top-right-radius: var(--tblr-card-inner-border-radius);
+}
+.card > .list-group:last-child {
+ border-bottom-width: 0;
+ border-bottom-right-radius: var(--tblr-card-inner-border-radius);
+ border-bottom-left-radius: var(--tblr-card-inner-border-radius);
+}
+.card > .card-header + .list-group,
+.card > .list-group + .card-footer {
+ border-top: 0;
+}
+
+.card-body {
+ flex: 1 1 auto;
+ padding: var(--tblr-card-spacer-y) var(--tblr-card-spacer-x);
+ color: var(--tblr-card-color);
+}
+
+.card-title {
+ margin-bottom: var(--tblr-card-title-spacer-y);
+ color: var(--tblr-card-title-color);
+}
+
+.card-subtitle {
+ margin-top: calc(-0.5 * var(--tblr-card-title-spacer-y));
+ margin-bottom: 0;
+ color: var(--tblr-card-subtitle-color);
+}
+
+.card-text:last-child {
+ margin-bottom: 0;
+}
+
+.card-link:hover {
+ text-decoration: none;
+}
+.card-link + .card-link {
+ margin-left: var(--tblr-card-spacer-x);
+}
+
+
+.card-header {
+ padding: var(--tblr-card-cap-padding-y) var(--tblr-card-cap-padding-x);
+ margin-bottom: 0;
+ color: var(--tblr-card-cap-color);
+ background-color: var(--tblr-card-cap-bg);
+ border-bottom: var(--tblr-card-border-width) solid var(--tblr-card-border-color);
+}
+.card-header.summary {
+ display: flex;
+ flex-direction: column;
+ padding: 0;
+ justify-content: center;
+ flex-wrap: nowrap;
+ align-items: flex-start;
+}
+.card-header:first-child {
+ border-radius: var(--tblr-card-inner-border-radius) var(--tblr-card-inner-border-radius) 0 0;
+}
+
+.card-footer {
+ padding: var(--tblr-card-cap-padding-y) var(--tblr-card-cap-padding-x);
+ color: var(--tblr-card-cap-color);
+ background-color: var(--tblr-card-cap-bg);
+ border-top: var(--tblr-card-border-width) solid var(--tblr-card-border-color);
+}
+.card-footer:last-child {
+ border-radius: 0 0 var(--tblr-card-inner-border-radius) var(--tblr-card-inner-border-radius);
+}
+
+.card-header-tabs {
+ margin-right: calc(-0.5 * var(--tblr-card-cap-padding-x));
+ margin-bottom: calc(-1 * var(--tblr-card-cap-padding-y));
+ margin-left: calc(-0.5 * var(--tblr-card-cap-padding-x));
+ border-bottom: 0;
+}
+.card-header-tabs .nav-link.active {
+ background-color: var(--tblr-card-bg);
+ border-bottom-color: var(--tblr-card-bg);
+}
+
+.card-header-pills {
+ margin-right: calc(-0.5 * var(--tblr-card-cap-padding-x));
+ margin-left: calc(-0.5 * var(--tblr-card-cap-padding-x));
+}
+
+.card-img-overlay {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ padding: var(--tblr-card-img-overlay-padding);
+ border-radius: var(--tblr-card-inner-border-radius);
+}
+
+.card-img,
+.card-img-top,
+.card-img-bottom {
+ width: 100%;
+}
+
+.card-img,
+.card-img-top {
+ border-top-left-radius: var(--tblr-card-inner-border-radius);
+ border-top-right-radius: var(--tblr-card-inner-border-radius);
+}
+
+.card-img,
+.card-img-bottom {
+ border-bottom-right-radius: var(--tblr-card-inner-border-radius);
+ border-bottom-left-radius: var(--tblr-card-inner-border-radius);
+}
+
+.card-group > .card {
+ margin-bottom: var(--tblr-card-group-margin);
+}
+@media (min-width: 576px) {
+ .card-group {
+ display: flex;
+ flex-flow: row wrap;
+ }
+ .card-group > .card {
+ flex: 1 0 0%;
+ margin-bottom: 0;
+ }
+ .card-group > .card + .card {
+ margin-left: 0;
+ border-left: 0;
+ }
+ .card-group > .card:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+ .card-group > .card:not(:last-child) .card-img-top,
+ .card-group > .card:not(:last-child) .card-header {
+ border-top-right-radius: 0;
+ }
+ .card-group > .card:not(:last-child) .card-img-bottom,
+ .card-group > .card:not(:last-child) .card-footer {
+ 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-img-top,
+ .card-group > .card:not(:first-child) .card-header {
+ border-top-left-radius: 0;
+ }
+ .card-group > .card:not(:first-child) .card-img-bottom,
+ .card-group > .card:not(:first-child) .card-footer {
+ border-bottom-left-radius: 0;
+ }
+}
+
+.accordion {
+ --tblr-accordion-color: var(--tblr-body-color);
+ --tblr-accordion-bg: transparent;
+ --tblr-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
+ --tblr-accordion-border-color: var(--tblr-border-color-translucent);
+ --tblr-accordion-border-width: var(--tblr-border-width);
+ --tblr-accordion-border-radius: var(--tblr-border-radius);
+ --tblr-accordion-inner-border-radius: calc(var(--tblr-border-radius) - (var(--tblr-border-width)));
+ --tblr-accordion-btn-padding-x: 1.25rem;
+ --tblr-accordion-btn-padding-y: 1rem;
+ --tblr-accordion-btn-color: var(--tblr-body-color);
+ --tblr-accordion-btn-bg: transparent;
+ --tblr-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23182433'%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-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='%23002242'%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-focus-border-color: var(--tblr-border-color-translucent);
+ --tblr-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
+ --tblr-accordion-body-padding-x: 1.25rem;
+ --tblr-accordion-body-padding-y: 1rem;
+ --tblr-accordion-active-color: inherit;
+ --tblr-accordion-active-bg: transparent;
+}
+
+.accordion-button {
+ position: relative;
+ display: flex;
+ align-items: center;
+ width: 100%;
+ padding: var(--tblr-accordion-btn-padding-y) var(--tblr-accordion-btn-padding-x);
+ font-size: 0.875rem;
+ color: var(--tblr-accordion-btn-color);
+ text-align: left;
+ background-color: var(--tblr-accordion-btn-bg);
+ border: 0;
+ border-radius: 0;
+ overflow-anchor: none;
+ transition: var(--tblr-accordion-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+ .accordion-button {
+ transition: none;
+ }
+}
+.accordion-button:not(.collapsed) {
+ color: var(--tblr-accordion-active-color);
+ background-color: var(--tblr-accordion-active-bg);
+ box-shadow: inset 0 calc(-1 * var(--tblr-accordion-border-width)) 0 var(--tblr-accordion-border-color);
+}
+.accordion-button:not(.collapsed)::after {
+ background-image: var(--tblr-accordion-btn-active-icon);
+ transform: var(--tblr-accordion-btn-icon-transform);
+}
+.accordion-button::after {
+ flex-shrink: 0;
+ width: var(--tblr-accordion-btn-icon-width);
+ height: var(--tblr-accordion-btn-icon-width);
+ margin-left: auto;
+ content: "";
+ background-image: var(--tblr-accordion-btn-icon);
+ background-repeat: no-repeat;
+ background-size: var(--tblr-accordion-btn-icon-width);
+ transition: var(--tblr-accordion-btn-icon-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+ .accordion-button::after {
+ transition: none;
+ }
+}
+.accordion-button:hover {
+ z-index: 2;
+}
+.accordion-button:focus {
+ z-index: 3;
+ border-color: var(--tblr-accordion-btn-focus-border-color);
+ outline: 0;
+ box-shadow: var(--tblr-accordion-btn-focus-box-shadow);
+}
+
+.accordion-header {
+ margin-bottom: 0;
+}
+
+.accordion-item {
+ color: var(--tblr-accordion-color);
+ background-color: var(--tblr-accordion-bg);
+ border: var(--tblr-accordion-border-width) solid var(--tblr-accordion-border-color);
+}
+.accordion-item:first-of-type {
+ border-top-left-radius: var(--tblr-accordion-border-radius);
+ border-top-right-radius: var(--tblr-accordion-border-radius);
+}
+.accordion-item:first-of-type .accordion-button {
+ border-top-left-radius: var(--tblr-accordion-inner-border-radius);
+ border-top-right-radius: var(--tblr-accordion-inner-border-radius);
+}
+.accordion-item:not(:first-of-type) {
+ border-top: 0;
+}
+.accordion-item:last-of-type {
+ border-bottom-right-radius: var(--tblr-accordion-border-radius);
+ border-bottom-left-radius: var(--tblr-accordion-border-radius);
+}
+.accordion-item:last-of-type .accordion-button.collapsed {
+ border-bottom-right-radius: var(--tblr-accordion-inner-border-radius);
+ border-bottom-left-radius: var(--tblr-accordion-inner-border-radius);
+}
+.accordion-item:last-of-type .accordion-collapse {
+ border-bottom-right-radius: var(--tblr-accordion-border-radius);
+ border-bottom-left-radius: var(--tblr-accordion-border-radius);
+}
+
+.accordion-body {
+ padding: var(--tblr-accordion-body-padding-y) var(--tblr-accordion-body-padding-x);
+}
+
+.accordion-flush .accordion-collapse {
+ border-width: 0;
+}
+.accordion-flush .accordion-item {
+ border-right: 0;
+ border-left: 0;
+ border-radius: 0;
+}
+.accordion-flush .accordion-item:first-child {
+ border-top: 0;
+}
+.accordion-flush .accordion-item:last-child {
+ border-bottom: 0;
+}
+.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
+ border-radius: 0;
+}
+
+[data-bs-theme=dark] .accordion-button::after {
+ --tblr-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236698ca'%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='%236698ca'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+}
+
+.breadcrumb {
+ --tblr-breadcrumb-padding-x: 0;
+ --tblr-breadcrumb-padding-y: 0;
+ --tblr-breadcrumb-margin-bottom: 1rem;
+ --tblr-breadcrumb-bg: ;
+ --tblr-breadcrumb-border-radius: ;
+ --tblr-breadcrumb-divider-color: var(--tblr-secondary);
+ --tblr-breadcrumb-item-padding-x: 0.5rem;
+ --tblr-breadcrumb-item-active-color: inherit;
+ display: flex;
+ flex-wrap: wrap;
+ padding: var(--tblr-breadcrumb-padding-y) var(--tblr-breadcrumb-padding-x);
+ margin-bottom: var(--tblr-breadcrumb-margin-bottom);
+ font-size: var(--tblr-breadcrumb-font-size);
+ list-style: none;
+ background-color: var(--tblr-breadcrumb-bg);
+ border-radius: var(--tblr-breadcrumb-border-radius);
+}
+
+.breadcrumb-item + .breadcrumb-item {
+ padding-left: var(--tblr-breadcrumb-item-padding-x);
+}
+.breadcrumb-item + .breadcrumb-item::before {
+ float: left;
+ padding-right: var(--tblr-breadcrumb-item-padding-x);
+ color: var(--tblr-breadcrumb-divider-color);
+ content: var(--tblr-breadcrumb-divider, "/") /* rtl: 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-secondary);
+ --tblr-pagination-bg: transparent;
+ --tblr-pagination-border-width: 0;
+ --tblr-pagination-border-color: var(--tblr-border-color);
+ --tblr-pagination-border-radius: var(--tblr-border-radius);
+ --tblr-pagination-hover-color: var(--tblr-link-hover-color);
+ --tblr-pagination-hover-bg: var(--tblr-tertiary-bg);
+ --tblr-pagination-hover-border-color: var(--tblr-border-color);
+ --tblr-pagination-focus-color: var(--tblr-link-hover-color);
+ --tblr-pagination-focus-bg: var(--tblr-secondary-bg);
+ --tblr-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
+ --tblr-pagination-active-color: #ffffff;
+ --tblr-pagination-active-bg: var(--tblr-primary);
+ --tblr-pagination-active-border-color: var(--tblr-primary);
+ --tblr-pagination-disabled-color: var(--tblr-disabled-color);
+ --tblr-pagination-disabled-bg: transparent;
+ --tblr-pagination-disabled-border-color: var(--tblr-border-color);
+ display: flex;
+ padding-left: 0;
+ list-style: none;
+}
+
+.page-link {
+ position: relative;
+ display: block;
+ padding: var(--tblr-pagination-padding-y) var(--tblr-pagination-padding-x);
+ font-size: var(--tblr-pagination-font-size);
+ color: var(--tblr-pagination-color);
+ background-color: var(--tblr-pagination-bg);
+ border: var(--tblr-pagination-border-width) solid var(--tblr-pagination-border-color);
+ transition: color 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;
+}
+@media (prefers-reduced-motion: reduce) {
+ .page-link {
+ transition: none;
+ }
+}
+.page-link:hover {
+ z-index: 2;
+ color: var(--tblr-pagination-hover-color);
+ text-decoration: none;
+ background-color: var(--tblr-pagination-hover-bg);
+ border-color: var(--tblr-pagination-hover-border-color);
+}
+.page-link:focus {
+ z-index: 3;
+ color: var(--tblr-pagination-focus-color);
+ background-color: var(--tblr-pagination-focus-bg);
+ outline: 0;
+ box-shadow: var(--tblr-pagination-focus-box-shadow);
+}
+.page-link.active, .active > .page-link {
+ z-index: 3;
+ color: var(--tblr-pagination-active-color);
+ background-color: var(--tblr-pagination-active-bg);
+ border-color: var(--tblr-pagination-active-border-color);
+}
+.page-link.disabled, .disabled > .page-link {
+ color: var(--tblr-pagination-disabled-color);
+ pointer-events: none;
+ background-color: var(--tblr-pagination-disabled-bg);
+ border-color: var(--tblr-pagination-disabled-border-color);
+}
+
+.page-item:not(:first-child) .page-link {
+ margin-left: calc(0 * -1);
+}
+.page-item:first-child .page-link {
+ border-top-left-radius: var(--tblr-pagination-border-radius);
+ border-bottom-left-radius: var(--tblr-pagination-border-radius);
+}
+.page-item:last-child .page-link {
+ border-top-right-radius: var(--tblr-pagination-border-radius);
+ border-bottom-right-radius: var(--tblr-pagination-border-radius);
+}
+
+.pagination-lg {
+ --tblr-pagination-padding-x: 1.5rem;
+ --tblr-pagination-padding-y: 0.75rem;
+ --tblr-pagination-font-size: 1.09375rem;
+ --tblr-pagination-border-radius: var(--tblr-border-radius-lg);
+}
+
+.pagination-sm {
+ --tblr-pagination-padding-x: 0.5rem;
+ --tblr-pagination-padding-y: 0.25rem;
+ --tblr-pagination-font-size: 0.765625rem;
+ --tblr-pagination-border-radius: var(--tblr-border-radius-sm);
+}
+
+.badge {
+ --tblr-badge-padding-x: 0.5em;
+ --tblr-badge-padding-y: 0.25em;
+ --tblr-badge-font-size: 85.714285%;
+ --tblr-badge-font-weight: var(--tblr-font-weight-medium);
+ --tblr-badge-color: var(--tblr-secondary);
+ --tblr-badge-border-radius: var(--tblr-border-radius);
+ display: inline-block;
+ padding: var(--tblr-badge-padding-y) var(--tblr-badge-padding-x);
+ font-size: var(--tblr-badge-font-size);
+ font-weight: var(--tblr-badge-font-weight);
+ line-height: 1;
+ color: var(--tblr-badge-color);
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: baseline;
+ border-radius: var(--tblr-badge-border-radius);
+}
+.badge:empty {
+ display: none;
+}
+
+.btn .badge {
+ position: relative;
+ top: -1px;
+}
+
+.alert {
+ --tblr-alert-bg: transparent;
+ --tblr-alert-padding-x: 1rem;
+ --tblr-alert-padding-y: 0.75rem;
+ --tblr-alert-margin-bottom: 1rem;
+ --tblr-alert-color: inherit;
+ --tblr-alert-border-color: transparent;
+ --tblr-alert-border: var(--tblr-border-width) solid var(--tblr-alert-border-color);
+ --tblr-alert-border-radius: var(--tblr-border-radius);
+ --tblr-alert-link-color: inherit;
+ position: relative;
+ padding: var(--tblr-alert-padding-y) var(--tblr-alert-padding-x);
+ margin-bottom: var(--tblr-alert-margin-bottom);
+ color: var(--tblr-alert-color);
+ background-color: var(--tblr-alert-bg);
+ border: var(--tblr-alert-border);
+ border-radius: var(--tblr-alert-border-radius);
+}
+
+.alert-heading {
+ color: inherit;
+}
+
+.alert-link {
+ font-weight: var(--tblr-font-weight-bold);
+ color: var(--tblr-alert-link-color);
+}
+
+.alert-dismissible {
+ padding-right: 3rem;
+}
+.alert-dismissible .btn-close {
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: 2;
+ padding: 0.9375rem 1rem;
+}
+
+.alert-primary {
+ --tblr-alert-color: var(--tblr-primary-text-emphasis);
+ --tblr-alert-bg: var(--tblr-primary-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-primary-border-subtle);
+ --tblr-alert-link-color: var(--tblr-primary-text-emphasis);
+}
+
+.alert-secondary {
+ --tblr-alert-color: var(--tblr-secondary-text-emphasis);
+ --tblr-alert-bg: var(--tblr-secondary-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-secondary-border-subtle);
+ --tblr-alert-link-color: var(--tblr-secondary-text-emphasis);
+}
+
+.alert-success {
+ --tblr-alert-color: var(--tblr-success-text-emphasis);
+ --tblr-alert-bg: var(--tblr-success-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-success-border-subtle);
+ --tblr-alert-link-color: var(--tblr-success-text-emphasis);
+}
+
+.alert-info {
+ --tblr-alert-color: var(--tblr-info-text-emphasis);
+ --tblr-alert-bg: var(--tblr-info-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-info-border-subtle);
+ --tblr-alert-link-color: var(--tblr-info-text-emphasis);
+}
+
+.alert-warning {
+ --tblr-alert-color: var(--tblr-warning-text-emphasis);
+ --tblr-alert-bg: var(--tblr-warning-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-warning-border-subtle);
+ --tblr-alert-link-color: var(--tblr-warning-text-emphasis);
+}
+
+.alert-danger {
+ --tblr-alert-color: var(--tblr-danger-text-emphasis);
+ --tblr-alert-bg: var(--tblr-danger-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-danger-border-subtle);
+ --tblr-alert-link-color: var(--tblr-danger-text-emphasis);
+}
+
+.alert-light {
+ --tblr-alert-color: var(--tblr-light-text-emphasis);
+ --tblr-alert-bg: var(--tblr-light-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-light-border-subtle);
+ --tblr-alert-link-color: var(--tblr-light-text-emphasis);
+}
+
+.alert-dark {
+ --tblr-alert-color: var(--tblr-dark-text-emphasis);
+ --tblr-alert-bg: var(--tblr-dark-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-dark-border-subtle);
+ --tblr-alert-link-color: var(--tblr-dark-text-emphasis);
+}
+
+.alert-muted {
+ --tblr-alert-color: var(--tblr-muted-text-emphasis);
+ --tblr-alert-bg: var(--tblr-muted-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-muted-border-subtle);
+ --tblr-alert-link-color: var(--tblr-muted-text-emphasis);
+}
+
+.alert-blue {
+ --tblr-alert-color: var(--tblr-blue-text-emphasis);
+ --tblr-alert-bg: var(--tblr-blue-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-blue-border-subtle);
+ --tblr-alert-link-color: var(--tblr-blue-text-emphasis);
+}
+
+.alert-azure {
+ --tblr-alert-color: var(--tblr-azure-text-emphasis);
+ --tblr-alert-bg: var(--tblr-azure-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-azure-border-subtle);
+ --tblr-alert-link-color: var(--tblr-azure-text-emphasis);
+}
+
+.alert-indigo {
+ --tblr-alert-color: var(--tblr-indigo-text-emphasis);
+ --tblr-alert-bg: var(--tblr-indigo-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-indigo-border-subtle);
+ --tblr-alert-link-color: var(--tblr-indigo-text-emphasis);
+}
+
+.alert-purple {
+ --tblr-alert-color: var(--tblr-purple-text-emphasis);
+ --tblr-alert-bg: var(--tblr-purple-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-purple-border-subtle);
+ --tblr-alert-link-color: var(--tblr-purple-text-emphasis);
+}
+
+.alert-pink {
+ --tblr-alert-color: var(--tblr-pink-text-emphasis);
+ --tblr-alert-bg: var(--tblr-pink-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-pink-border-subtle);
+ --tblr-alert-link-color: var(--tblr-pink-text-emphasis);
+}
+
+.alert-red {
+ --tblr-alert-color: var(--tblr-red-text-emphasis);
+ --tblr-alert-bg: var(--tblr-red-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-red-border-subtle);
+ --tblr-alert-link-color: var(--tblr-red-text-emphasis);
+}
+
+.alert-orange {
+ --tblr-alert-color: var(--tblr-orange-text-emphasis);
+ --tblr-alert-bg: var(--tblr-orange-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-orange-border-subtle);
+ --tblr-alert-link-color: var(--tblr-orange-text-emphasis);
+}
+
+.alert-yellow {
+ --tblr-alert-color: var(--tblr-yellow-text-emphasis);
+ --tblr-alert-bg: var(--tblr-yellow-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-yellow-border-subtle);
+ --tblr-alert-link-color: var(--tblr-yellow-text-emphasis);
+}
+
+.alert-lime {
+ --tblr-alert-color: var(--tblr-lime-text-emphasis);
+ --tblr-alert-bg: var(--tblr-lime-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-lime-border-subtle);
+ --tblr-alert-link-color: var(--tblr-lime-text-emphasis);
+}
+
+.alert-green {
+ --tblr-alert-color: var(--tblr-green-text-emphasis);
+ --tblr-alert-bg: var(--tblr-green-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-green-border-subtle);
+ --tblr-alert-link-color: var(--tblr-green-text-emphasis);
+}
+
+.alert-teal {
+ --tblr-alert-color: var(--tblr-teal-text-emphasis);
+ --tblr-alert-bg: var(--tblr-teal-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-teal-border-subtle);
+ --tblr-alert-link-color: var(--tblr-teal-text-emphasis);
+}
+
+.alert-cyan {
+ --tblr-alert-color: var(--tblr-cyan-text-emphasis);
+ --tblr-alert-bg: var(--tblr-cyan-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-cyan-border-subtle);
+ --tblr-alert-link-color: var(--tblr-cyan-text-emphasis);
+}
+
+.alert-facebook {
+ --tblr-alert-color: var(--tblr-facebook-text-emphasis);
+ --tblr-alert-bg: var(--tblr-facebook-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-facebook-border-subtle);
+ --tblr-alert-link-color: var(--tblr-facebook-text-emphasis);
+}
+
+.alert-twitter {
+ --tblr-alert-color: var(--tblr-twitter-text-emphasis);
+ --tblr-alert-bg: var(--tblr-twitter-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-twitter-border-subtle);
+ --tblr-alert-link-color: var(--tblr-twitter-text-emphasis);
+}
+
+.alert-linkedin {
+ --tblr-alert-color: var(--tblr-linkedin-text-emphasis);
+ --tblr-alert-bg: var(--tblr-linkedin-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-linkedin-border-subtle);
+ --tblr-alert-link-color: var(--tblr-linkedin-text-emphasis);
+}
+
+.alert-google {
+ --tblr-alert-color: var(--tblr-google-text-emphasis);
+ --tblr-alert-bg: var(--tblr-google-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-google-border-subtle);
+ --tblr-alert-link-color: var(--tblr-google-text-emphasis);
+}
+
+.alert-youtube {
+ --tblr-alert-color: var(--tblr-youtube-text-emphasis);
+ --tblr-alert-bg: var(--tblr-youtube-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-youtube-border-subtle);
+ --tblr-alert-link-color: var(--tblr-youtube-text-emphasis);
+}
+
+.alert-vimeo {
+ --tblr-alert-color: var(--tblr-vimeo-text-emphasis);
+ --tblr-alert-bg: var(--tblr-vimeo-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-vimeo-border-subtle);
+ --tblr-alert-link-color: var(--tblr-vimeo-text-emphasis);
+}
+
+.alert-dribbble {
+ --tblr-alert-color: var(--tblr-dribbble-text-emphasis);
+ --tblr-alert-bg: var(--tblr-dribbble-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-dribbble-border-subtle);
+ --tblr-alert-link-color: var(--tblr-dribbble-text-emphasis);
+}
+
+.alert-github {
+ --tblr-alert-color: var(--tblr-github-text-emphasis);
+ --tblr-alert-bg: var(--tblr-github-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-github-border-subtle);
+ --tblr-alert-link-color: var(--tblr-github-text-emphasis);
+}
+
+.alert-instagram {
+ --tblr-alert-color: var(--tblr-instagram-text-emphasis);
+ --tblr-alert-bg: var(--tblr-instagram-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-instagram-border-subtle);
+ --tblr-alert-link-color: var(--tblr-instagram-text-emphasis);
+}
+
+.alert-pinterest {
+ --tblr-alert-color: var(--tblr-pinterest-text-emphasis);
+ --tblr-alert-bg: var(--tblr-pinterest-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-pinterest-border-subtle);
+ --tblr-alert-link-color: var(--tblr-pinterest-text-emphasis);
+}
+
+.alert-vk {
+ --tblr-alert-color: var(--tblr-vk-text-emphasis);
+ --tblr-alert-bg: var(--tblr-vk-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-vk-border-subtle);
+ --tblr-alert-link-color: var(--tblr-vk-text-emphasis);
+}
+
+.alert-rss {
+ --tblr-alert-color: var(--tblr-rss-text-emphasis);
+ --tblr-alert-bg: var(--tblr-rss-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-rss-border-subtle);
+ --tblr-alert-link-color: var(--tblr-rss-text-emphasis);
+}
+
+.alert-flickr {
+ --tblr-alert-color: var(--tblr-flickr-text-emphasis);
+ --tblr-alert-bg: var(--tblr-flickr-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-flickr-border-subtle);
+ --tblr-alert-link-color: var(--tblr-flickr-text-emphasis);
+}
+
+.alert-bitbucket {
+ --tblr-alert-color: var(--tblr-bitbucket-text-emphasis);
+ --tblr-alert-bg: var(--tblr-bitbucket-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-bitbucket-border-subtle);
+ --tblr-alert-link-color: var(--tblr-bitbucket-text-emphasis);
+}
+
+.alert-tabler {
+ --tblr-alert-color: var(--tblr-tabler-text-emphasis);
+ --tblr-alert-bg: var(--tblr-tabler-bg-subtle);
+ --tblr-alert-border-color: var(--tblr-tabler-border-subtle);
+ --tblr-alert-link-color: var(--tblr-tabler-text-emphasis);
+}
+
+@keyframes progress-bar-stripes {
+ 0% {
+ background-position-x: 0.5rem;
+ }
+}
+.progress,
+.progress-stacked {
+ --tblr-progress-height: 0.5rem;
+ --tblr-progress-font-size: 0.65625rem;
+ --tblr-progress-bg: var(--tblr-border-color);
+ --tblr-progress-border-radius: var(--tblr-border-radius);
+ --tblr-progress-box-shadow: var(--tblr-box-shadow-inset);
+ --tblr-progress-bar-color: #ffffff;
+ --tblr-progress-bar-bg: var(--tblr-primary);
+ --tblr-progress-bar-transition: width 0.6s ease;
+ display: flex;
+ height: var(--tblr-progress-height);
+ overflow: hidden;
+ font-size: var(--tblr-progress-font-size);
+ background-color: var(--tblr-progress-bg);
+ border-radius: var(--tblr-progress-border-radius);
+ box-shadow: var(--tblr-progress-box-shadow);
+}
+
+.progress-bar {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ overflow: hidden;
+ color: var(--tblr-progress-bar-color);
+ text-align: center;
+ white-space: nowrap;
+ background-color: var(--tblr-progress-bar-bg);
+ transition: var(--tblr-progress-bar-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+ .progress-bar {
+ transition: none;
+ }
+}
+
+.progress-bar-striped {
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-size: var(--tblr-progress-height) var(--tblr-progress-height);
+}
+
+.progress-stacked > .progress {
+ overflow: visible;
+}
+
+.progress-stacked > .progress > .progress-bar {
+ width: 100%;
+}
+
+.progress-bar-animated {
+ animation: 1s linear infinite progress-bar-stripes;
+}
+@media (prefers-reduced-motion: reduce) {
+ .progress-bar-animated {
+ animation: none;
+ }
+}
+
+.list-group {
+ --tblr-list-group-color: var(--tblr-body-color);
+ --tblr-list-group-bg: inherit;
+ --tblr-list-group-border-color: var(--tblr-border-color);
+ --tblr-list-group-border-width: var(--tblr-border-width);
+ --tblr-list-group-border-radius: var(--tblr-border-radius);
+ --tblr-list-group-item-padding-x: 1.25rem;
+ --tblr-list-group-item-padding-y: 1.25rem;
+ --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-text-secondary-rgb), 0.04);
+ --tblr-list-group-action-active-color: var(--tblr-body-color);
+ --tblr-list-group-action-active-bg: var(--tblr-secondary-bg);
+ --tblr-list-group-disabled-color: var(--tblr-secondary-color);
+ --tblr-list-group-disabled-bg: inherit;
+ --tblr-list-group-active-color: inherit;
+ --tblr-list-group-active-bg: var(--tblr-active-bg);
+ --tblr-list-group-active-border-color: var(--tblr-border-color);
+ display: flex;
+ flex-direction: column;
+ padding-left: 0;
+ margin-bottom: 0;
+ border-radius: var(--tblr-list-group-border-radius);
+}
+
+.list-group-numbered {
+ list-style-type: none;
+ counter-reset: section;
+}
+.list-group-numbered > .list-group-item::before {
+ content: counters(section, ".") ". ";
+ counter-increment: section;
+}
+
+.list-group-item-action {
+ width: 100%;
+ color: var(--tblr-list-group-action-color);
+ text-align: inherit;
+}
+.list-group-item-action:hover, .list-group-item-action:focus {
+ z-index: 1;
+ color: var(--tblr-list-group-action-hover-color);
+ text-decoration: none;
+ background-color: var(--tblr-list-group-action-hover-bg);
+}
+.list-group-item-action:active {
+ color: var(--tblr-list-group-action-active-color);
+ background-color: var(--tblr-list-group-action-active-bg);
+}
+
+.list-group-item {
+ position: relative;
+ display: block;
+ padding: var(--tblr-list-group-item-padding-y) var(--tblr-list-group-item-padding-x);
+ color: var(--tblr-list-group-color);
+ background-color: var(--tblr-list-group-bg);
+ border: var(--tblr-list-group-border-width) solid var(--tblr-list-group-border-color);
+}
+.list-group-item:first-child {
+ border-top-left-radius: inherit;
+ border-top-right-radius: inherit;
+}
+.list-group-item:last-child {
+ border-bottom-right-radius: inherit;
+ border-bottom-left-radius: inherit;
+}
+.list-group-item.disabled, .list-group-item:disabled {
+ color: var(--tblr-list-group-disabled-color);
+ pointer-events: none;
+ background-color: var(--tblr-list-group-disabled-bg);
+}
+.list-group-item.active {
+ z-index: 2;
+ color: var(--tblr-list-group-active-color);
+ background-color: var(--tblr-list-group-active-bg);
+ border-color: var(--tblr-list-group-active-border-color);
+}
+.list-group-item + .list-group-item {
+ border-top-width: 0;
+}
+.list-group-item + .list-group-item.active {
+ margin-top: calc(-1 * var(--tblr-list-group-border-width));
+ border-top-width: var(--tblr-list-group-border-width);
+}
+
+.list-group-horizontal {
+ flex-direction: row;
+}
+.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
+ border-bottom-left-radius: var(--tblr-list-group-border-radius);
+ border-top-right-radius: 0;
+}
+.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
+ border-top-right-radius: var(--tblr-list-group-border-radius);
+ border-bottom-left-radius: 0;
+}
+.list-group-horizontal > .list-group-item.active {
+ margin-top: 0;
+}
+.list-group-horizontal > .list-group-item + .list-group-item {
+ border-top-width: var(--tblr-list-group-border-width);
+ border-left-width: 0;
+}
+.list-group-horizontal > .list-group-item + .list-group-item.active {
+ margin-left: calc(-1 * var(--tblr-list-group-border-width));
+ border-left-width: var(--tblr-list-group-border-width);
+}
+
+@media (min-width: 576px) {
+ .list-group-horizontal-sm {
+ flex-direction: row;
+ }
+ .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
+ border-bottom-left-radius: var(--tblr-list-group-border-radius);
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
+ border-top-right-radius: var(--tblr-list-group-border-radius);
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item + .list-group-item {
+ border-top-width: var(--tblr-list-group-border-width);
+ border-left-width: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
+ margin-left: calc(-1 * var(--tblr-list-group-border-width));
+ border-left-width: var(--tblr-list-group-border-width);
+ }
+}
+@media (min-width: 768px) {
+ .list-group-horizontal-md {
+ flex-direction: row;
+ }
+ .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
+ border-bottom-left-radius: var(--tblr-list-group-border-radius);
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
+ border-top-right-radius: var(--tblr-list-group-border-radius);
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-md > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-md > .list-group-item + .list-group-item {
+ border-top-width: var(--tblr-list-group-border-width);
+ border-left-width: 0;
+ }
+ .list-group-horizontal-md > .list-group-item + .list-group-item.active {
+ margin-left: calc(-1 * var(--tblr-list-group-border-width));
+ border-left-width: var(--tblr-list-group-border-width);
+ }
+}
+@media (min-width: 992px) {
+ .list-group-horizontal-lg {
+ flex-direction: row;
+ }
+ .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
+ border-bottom-left-radius: var(--tblr-list-group-border-radius);
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
+ border-top-right-radius: var(--tblr-list-group-border-radius);
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item + .list-group-item {
+ border-top-width: var(--tblr-list-group-border-width);
+ border-left-width: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
+ margin-left: calc(-1 * var(--tblr-list-group-border-width));
+ border-left-width: var(--tblr-list-group-border-width);
+ }
+}
+@media (min-width: 1200px) {
+ .list-group-horizontal-xl {
+ flex-direction: row;
+ }
+ .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
+ border-bottom-left-radius: var(--tblr-list-group-border-radius);
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
+ border-top-right-radius: var(--tblr-list-group-border-radius);
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item + .list-group-item {
+ border-top-width: var(--tblr-list-group-border-width);
+ border-left-width: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
+ margin-left: calc(-1 * var(--tblr-list-group-border-width));
+ border-left-width: var(--tblr-list-group-border-width);
+ }
+}
+@media (min-width: 1400px) {
+ .list-group-horizontal-xxl {
+ flex-direction: row;
+ }
+ .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
+ border-bottom-left-radius: var(--tblr-list-group-border-radius);
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
+ border-top-right-radius: var(--tblr-list-group-border-radius);
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item + .list-group-item {
+ border-top-width: var(--tblr-list-group-border-width);
+ border-left-width: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
+ margin-left: calc(-1 * var(--tblr-list-group-border-width));
+ border-left-width: var(--tblr-list-group-border-width);
+ }
+}
+.list-group-flush {
+ border-radius: 0;
+}
+.list-group-flush > .list-group-item {
+ border-width: 0 0 var(--tblr-list-group-border-width);
+}
+.list-group-flush > .list-group-item:last-child {
+ border-bottom-width: 0;
+}
+
+.list-group-item-primary {
+ --tblr-list-group-color: var(--tblr-primary-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-primary-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-primary-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-primary-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-primary-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-primary-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-primary-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-primary-text-emphasis);
+}
+
+.list-group-item-secondary {
+ --tblr-list-group-color: var(--tblr-secondary-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-secondary-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-secondary-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-secondary-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-secondary-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-secondary-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-secondary-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-secondary-text-emphasis);
+}
+
+.list-group-item-success {
+ --tblr-list-group-color: var(--tblr-success-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-success-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-success-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-success-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-success-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-success-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-success-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-success-text-emphasis);
+}
+
+.list-group-item-info {
+ --tblr-list-group-color: var(--tblr-info-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-info-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-info-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-info-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-info-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-info-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-info-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-info-text-emphasis);
+}
+
+.list-group-item-warning {
+ --tblr-list-group-color: var(--tblr-warning-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-warning-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-warning-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-warning-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-warning-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-warning-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-warning-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-warning-text-emphasis);
+}
+
+.list-group-item-danger {
+ --tblr-list-group-color: var(--tblr-danger-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-danger-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-danger-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-danger-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-danger-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-danger-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-danger-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-danger-text-emphasis);
+}
+
+.list-group-item-light {
+ --tblr-list-group-color: var(--tblr-light-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-light-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-light-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-light-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-light-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-light-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-light-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-light-text-emphasis);
+}
+
+.list-group-item-dark {
+ --tblr-list-group-color: var(--tblr-dark-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-dark-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-dark-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-dark-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-dark-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-dark-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-dark-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-dark-text-emphasis);
+}
+
+.list-group-item-muted {
+ --tblr-list-group-color: var(--tblr-muted-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-muted-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-muted-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-muted-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-muted-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-muted-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-muted-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-muted-text-emphasis);
+}
+
+.list-group-item-blue {
+ --tblr-list-group-color: var(--tblr-blue-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-blue-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-blue-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-blue-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-blue-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-blue-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-blue-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-blue-text-emphasis);
+}
+
+.list-group-item-azure {
+ --tblr-list-group-color: var(--tblr-azure-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-azure-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-azure-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-azure-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-azure-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-azure-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-azure-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-azure-text-emphasis);
+}
+
+.list-group-item-indigo {
+ --tblr-list-group-color: var(--tblr-indigo-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-indigo-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-indigo-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-indigo-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-indigo-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-indigo-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-indigo-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-indigo-text-emphasis);
+}
+
+.list-group-item-purple {
+ --tblr-list-group-color: var(--tblr-purple-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-purple-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-purple-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-purple-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-purple-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-purple-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-purple-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-purple-text-emphasis);
+}
+
+.list-group-item-pink {
+ --tblr-list-group-color: var(--tblr-pink-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-pink-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-pink-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-pink-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-pink-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-pink-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-pink-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-pink-text-emphasis);
+}
+
+.list-group-item-red {
+ --tblr-list-group-color: var(--tblr-red-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-red-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-red-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-red-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-red-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-red-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-red-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-red-text-emphasis);
+}
+
+.list-group-item-orange {
+ --tblr-list-group-color: var(--tblr-orange-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-orange-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-orange-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-orange-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-orange-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-orange-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-orange-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-orange-text-emphasis);
+}
+
+.list-group-item-yellow {
+ --tblr-list-group-color: var(--tblr-yellow-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-yellow-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-yellow-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-yellow-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-yellow-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-yellow-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-yellow-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-yellow-text-emphasis);
+}
+
+.list-group-item-lime {
+ --tblr-list-group-color: var(--tblr-lime-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-lime-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-lime-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-lime-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-lime-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-lime-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-lime-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-lime-text-emphasis);
+}
+
+.list-group-item-green {
+ --tblr-list-group-color: var(--tblr-green-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-green-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-green-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-green-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-green-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-green-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-green-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-green-text-emphasis);
+}
+
+.list-group-item-teal {
+ --tblr-list-group-color: var(--tblr-teal-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-teal-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-teal-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-teal-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-teal-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-teal-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-teal-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-teal-text-emphasis);
+}
+
+.list-group-item-cyan {
+ --tblr-list-group-color: var(--tblr-cyan-text-emphasis);
+ --tblr-list-group-bg: var(--tblr-cyan-bg-subtle);
+ --tblr-list-group-border-color: var(--tblr-cyan-border-subtle);
+ --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-hover-bg: var(--tblr-cyan-border-subtle);
+ --tblr-list-group-action-active-color: var(--tblr-emphasis-color);
+ --tblr-list-group-action-active-bg: var(--tblr-cyan-border-subtle);
+ --tblr-list-group-active-color: var(--tblr-cyan-bg-subtle);
+ --tblr-list-group-active-bg: var(--tblr-cyan-text-emphasis);
+ --tblr-list-group-active-border-color: var(--tblr-cyan-text-emphasis);
+}
+
+.list-group-item-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: 0.25em 0.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-color: ;
+ --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-secondary);
+ --tblr-toast-header-bg: rgba(var(--tblr-body-bg-rgb), 0.85);
+ --tblr-toast-header-border-color: var(--tblr-border-color);
+ width: var(--tblr-toast-max-width);
+ max-width: 100%;
+ font-size: var(--tblr-toast-font-size);
+ color: var(--tblr-toast-color);
+ pointer-events: auto;
+ background-color: var(--tblr-toast-bg);
+ background-clip: padding-box;
+ border: var(--tblr-toast-border-width) solid var(--tblr-toast-border-color);
+ box-shadow: var(--tblr-toast-box-shadow);
+ border-radius: var(--tblr-toast-border-radius);
+}
+.toast.showing {
+ opacity: 0;
+}
+.toast:not(.show) {
+ display: none;
+}
+
+.toast-container {
+ --tblr-toast-zindex: 1090;
+ position: absolute;
+ z-index: var(--tblr-toast-zindex);
+ width: -webkit-max-content;
+ width: -moz-max-content;
+ width: max-content;
+ max-width: 100%;
+ pointer-events: none;
+}
+.toast-container > :not(:last-child) {
+ margin-bottom: var(--tblr-toast-spacing);
+}
+
+.toast-header {
+ display: flex;
+ align-items: center;
+ padding: var(--tblr-toast-padding-y) var(--tblr-toast-padding-x);
+ color: var(--tblr-toast-header-color);
+ background-color: var(--tblr-toast-header-bg);
+ background-clip: padding-box;
+ border-bottom: var(--tblr-toast-border-width) solid var(--tblr-toast-header-border-color);
+ border-top-left-radius: calc(var(--tblr-toast-border-radius) - var(--tblr-toast-border-width));
+ border-top-right-radius: calc(var(--tblr-toast-border-radius) - var(--tblr-toast-border-width));
+}
+.toast-header .btn-close {
+ margin-right: calc(-0.5 * var(--tblr-toast-padding-x));
+ margin-left: var(--tblr-toast-padding-x);
+}
+
+.toast-body {
+ padding: var(--tblr-toast-padding-x);
+ word-wrap: break-word;
+}
+
+.modal {
+ --tblr-modal-zindex: 1055;
+ --tblr-modal-width: 540px;
+ --tblr-modal-padding: 1.5rem;
+ --tblr-modal-margin: 0.5rem;
+ --tblr-modal-color: ;
+ --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: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+ --tblr-modal-inner-border-radius: calc(var(--tblr-modal-border-radius) - 1px);
+ --tblr-modal-header-padding-x: 1.5rem;
+ --tblr-modal-header-padding-y: 1.5rem;
+ --tblr-modal-header-padding: 1.5rem;
+ --tblr-modal-header-border-color: var(--tblr-border-color);
+ --tblr-modal-header-border-width: var(--tblr-border-width);
+ --tblr-modal-title-line-height: 1.4285714286;
+ --tblr-modal-footer-gap: 0.75rem;
+ --tblr-modal-footer-bg: var(--tblr-bg-surface-tertiary);
+ --tblr-modal-footer-border-color: var(--tblr-border-color);
+ --tblr-modal-footer-border-width: var(--tblr-border-width);
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: var(--tblr-modal-zindex);
+ display: none;
+ width: 100%;
+ height: 100%;
+ overflow-x: hidden;
+ overflow-y: auto;
+ outline: 0;
+}
+
+.modal-dialog {
+ position: relative;
+ width: auto;
+ margin: var(--tblr-modal-margin);
+ pointer-events: none;
+}
+.modal.fade .modal-dialog {
+ transition: transform 0.3s ease-out;
+ transform: translate(0, -1rem);
+}
+@media (prefers-reduced-motion: reduce) {
+ .modal.fade .modal-dialog {
+ transition: none;
+ }
+}
+.modal.show .modal-dialog {
+ transform: none;
+}
+.modal.modal-static .modal-dialog {
+ transform: scale(1.02);
+}
+
+.modal-dialog-scrollable {
+ height: calc(100% - var(--tblr-modal-margin) * 2);
+}
+.modal-dialog-scrollable .modal-content {
+ max-height: 100%;
+ overflow: hidden;
+}
+.modal-dialog-scrollable .modal-body {
+ overflow-y: auto;
+}
+
+.modal-dialog-centered {
+ display: flex;
+ align-items: center;
+ min-height: calc(100% - var(--tblr-modal-margin) * 2);
+}
+
+.modal-content {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ color: var(--tblr-modal-color);
+ pointer-events: auto;
+ background-color: var(--tblr-modal-bg);
+ background-clip: padding-box;
+ border: var(--tblr-modal-border-width) solid var(--tblr-modal-border-color);
+ border-radius: var(--tblr-modal-border-radius);
+ box-shadow: var(--tblr-modal-box-shadow);
+ outline: 0;
+}
+
+.modal-backdrop {
+ --tblr-backdrop-zindex: 1050;
+ --tblr-backdrop-bg: #182433;
+ --tblr-backdrop-opacity: 0.24;
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: var(--tblr-backdrop-zindex);
+ width: 100vw;
+ height: 100vh;
+ background-color: var(--tblr-backdrop-bg);
+}
+.modal-backdrop.fade {
+ opacity: 0;
+}
+.modal-backdrop.show {
+ opacity: var(--tblr-backdrop-opacity);
+}
+
+.modal-header {
+ display: flex;
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: space-between;
+ padding: var(--tblr-modal-header-padding);
+ border-bottom: var(--tblr-modal-header-border-width) solid var(--tblr-modal-header-border-color);
+ border-top-left-radius: var(--tblr-modal-inner-border-radius);
+ border-top-right-radius: var(--tblr-modal-inner-border-radius);
+}
+.modal-header .btn-close {
+ padding: calc(var(--tblr-modal-header-padding-y) * 0.5) calc(var(--tblr-modal-header-padding-x) * 0.5);
+ margin: calc(-0.5 * var(--tblr-modal-header-padding-y)) calc(-0.5 * var(--tblr-modal-header-padding-x)) calc(-0.5 * var(--tblr-modal-header-padding-y)) auto;
+}
+
+.modal-title {
+ margin-bottom: 0;
+ line-height: var(--tblr-modal-title-line-height);
+}
+
+.modal-body {
+ position: relative;
+ flex: 1 1 auto;
+ padding: var(--tblr-modal-padding);
+}
+
+.modal-footer {
+ display: flex;
+ flex-shrink: 0;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: flex-end;
+ padding: calc(var(--tblr-modal-padding) - var(--tblr-modal-footer-gap) * 0.5);
+ background-color: var(--tblr-modal-footer-bg);
+ border-top: var(--tblr-modal-footer-border-width) solid var(--tblr-modal-footer-border-color);
+ border-bottom-right-radius: var(--tblr-modal-inner-border-radius);
+ border-bottom-left-radius: var(--tblr-modal-inner-border-radius);
+}
+.modal-footer > * {
+ margin: calc(var(--tblr-modal-footer-gap) * 0.5);
+}
+
+@media (min-width: 576px) {
+ .modal {
+ --tblr-modal-margin: 1.75rem;
+ --tblr-modal-box-shadow: rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0;
+ }
+ .modal-dialog {
+ max-width: var(--tblr-modal-width);
+ margin-right: auto;
+ margin-left: auto;
+ }
+ .modal-sm {
+ --tblr-modal-width: 380px;
+ }
+}
+@media (min-width: 992px) {
+ .modal-lg,
+ .modal-xl {
+ --tblr-modal-width: 720px;
+ }
+}
+@media (min-width: 1200px) {
+ .modal-xl {
+ --tblr-modal-width: 1140px;
+ }
+}
+.modal-fullscreen {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+}
+.modal-fullscreen .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+}
+.modal-fullscreen .modal-header,
+.modal-fullscreen .modal-footer {
+ border-radius: 0;
+}
+.modal-fullscreen .modal-body {
+ overflow-y: auto;
+}
+
+@media (max-width: 575.98px) {
+ .modal-fullscreen-sm-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-sm-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-sm-down .modal-header,
+ .modal-fullscreen-sm-down .modal-footer {
+ border-radius: 0;
+ }
+ .modal-fullscreen-sm-down .modal-body {
+ overflow-y: auto;
+ }
+}
+@media (max-width: 767.98px) {
+ .modal-fullscreen-md-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-md-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-md-down .modal-header,
+ .modal-fullscreen-md-down .modal-footer {
+ border-radius: 0;
+ }
+ .modal-fullscreen-md-down .modal-body {
+ overflow-y: auto;
+ }
+}
+@media (max-width: 991.98px) {
+ .modal-fullscreen-lg-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-lg-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-lg-down .modal-header,
+ .modal-fullscreen-lg-down .modal-footer {
+ border-radius: 0;
+ }
+ .modal-fullscreen-lg-down .modal-body {
+ overflow-y: auto;
+ }
+}
+@media (max-width: 1199.98px) {
+ .modal-fullscreen-xl-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-xl-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-xl-down .modal-header,
+ .modal-fullscreen-xl-down .modal-footer {
+ border-radius: 0;
+ }
+ .modal-fullscreen-xl-down .modal-body {
+ overflow-y: auto;
+ }
+}
+@media (max-width: 1399.98px) {
+ .modal-fullscreen-xxl-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-header,
+ .modal-fullscreen-xxl-down .modal-footer {
+ border-radius: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-body {
+ overflow-y: auto;
+ }
+}
+.tooltip {
+ --tblr-tooltip-zindex: 1080;
+ --tblr-tooltip-max-width: 200px;
+ --tblr-tooltip-padding-x: var(--tblr-spacer-2);
+ --tblr-tooltip-padding-y: var(--tblr-spacer-2);
+ --tblr-tooltip-margin: ;
+ --tblr-tooltip-font-size: 0.765625rem;
+ --tblr-tooltip-color: var(--tblr-light);
+ --tblr-tooltip-bg: var(--tblr-bg-surface-dark);
+ --tblr-tooltip-border-radius: var(--tblr-border-radius);
+ --tblr-tooltip-opacity: 0.9;
+ --tblr-tooltip-arrow-width: 0.8rem;
+ --tblr-tooltip-arrow-height: 0.4rem;
+ z-index: var(--tblr-tooltip-zindex);
+ display: block;
+ margin: var(--tblr-tooltip-margin);
+ font-family: var(--tblr-font-sans-serif);
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.4285714286;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ white-space: normal;
+ word-spacing: normal;
+ line-break: auto;
+ font-size: var(--tblr-tooltip-font-size);
+ word-wrap: break-word;
+ opacity: 0;
+}
+.tooltip.show {
+ opacity: var(--tblr-tooltip-opacity);
+}
+.tooltip .tooltip-arrow {
+ display: block;
+ width: var(--tblr-tooltip-arrow-width);
+ height: var(--tblr-tooltip-arrow-height);
+}
+.tooltip .tooltip-arrow::before {
+ position: absolute;
+ content: "";
+ border-color: transparent;
+ border-style: solid;
+}
+
+.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
+ bottom: calc(-1 * var(--tblr-tooltip-arrow-height));
+}
+.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
+ top: -1px;
+ border-width: var(--tblr-tooltip-arrow-height) calc(var(--tblr-tooltip-arrow-width) * 0.5) 0;
+ border-top-color: var(--tblr-tooltip-bg);
+}
+
+/* rtl:begin:ignore */
+.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
+ left: calc(-1 * var(--tblr-tooltip-arrow-height));
+ width: var(--tblr-tooltip-arrow-height);
+ height: var(--tblr-tooltip-arrow-width);
+}
+.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
+ right: -1px;
+ border-width: calc(var(--tblr-tooltip-arrow-width) * 0.5) var(--tblr-tooltip-arrow-height) calc(var(--tblr-tooltip-arrow-width) * 0.5) 0;
+ border-right-color: var(--tblr-tooltip-bg);
+}
+
+/* rtl:end:ignore */
+.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
+ top: calc(-1 * var(--tblr-tooltip-arrow-height));
+}
+.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
+ bottom: -1px;
+ border-width: 0 calc(var(--tblr-tooltip-arrow-width) * 0.5) var(--tblr-tooltip-arrow-height);
+ border-bottom-color: var(--tblr-tooltip-bg);
+}
+
+/* rtl:begin:ignore */
+.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
+ right: calc(-1 * var(--tblr-tooltip-arrow-height));
+ width: var(--tblr-tooltip-arrow-height);
+ height: var(--tblr-tooltip-arrow-width);
+}
+.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
+ left: -1px;
+ border-width: calc(var(--tblr-tooltip-arrow-width) * 0.5) 0 calc(var(--tblr-tooltip-arrow-width) * 0.5) var(--tblr-tooltip-arrow-height);
+ border-left-color: var(--tblr-tooltip-bg);
+}
+
+/* rtl:end:ignore */
+.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: rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0;
+ --tblr-popover-header-padding-x: 1rem;
+ --tblr-popover-header-padding-y: 0.5rem;
+ --tblr-popover-header-font-size: 0.875rem;
+ --tblr-popover-header-color: inherit;
+ --tblr-popover-header-bg: transparent;
+ --tblr-popover-body-padding-x: 1rem;
+ --tblr-popover-body-padding-y: 1rem;
+ --tblr-popover-body-color: inherit;
+ --tblr-popover-arrow-width: 1rem;
+ --tblr-popover-arrow-height: 0.5rem;
+ --tblr-popover-arrow-border: var(--tblr-popover-border-color);
+ z-index: var(--tblr-popover-zindex);
+ display: block;
+ max-width: var(--tblr-popover-max-width);
+ font-family: var(--tblr-font-sans-serif);
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.4285714286;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ white-space: normal;
+ word-spacing: normal;
+ line-break: auto;
+ font-size: var(--tblr-popover-font-size);
+ word-wrap: break-word;
+ background-color: var(--tblr-popover-bg);
+ background-clip: padding-box;
+ border: var(--tblr-popover-border-width) solid var(--tblr-popover-border-color);
+ border-radius: var(--tblr-popover-border-radius);
+ box-shadow: var(--tblr-popover-box-shadow);
+}
+.popover .popover-arrow {
+ display: block;
+ width: var(--tblr-popover-arrow-width);
+ height: var(--tblr-popover-arrow-height);
+}
+.popover .popover-arrow::before, .popover .popover-arrow::after {
+ position: absolute;
+ display: block;
+ content: "";
+ border-color: transparent;
+ border-style: solid;
+ border-width: 0;
+}
+
+.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
+ bottom: calc(-1 * (var(--tblr-popover-arrow-height)) - var(--tblr-popover-border-width));
+}
+.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
+ border-width: var(--tblr-popover-arrow-height) calc(var(--tblr-popover-arrow-width) * 0.5) 0;
+}
+.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
+ bottom: 0;
+ border-top-color: var(--tblr-popover-arrow-border);
+}
+.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
+ bottom: var(--tblr-popover-border-width);
+ border-top-color: var(--tblr-popover-bg);
+}
+
+/* rtl:begin:ignore */
+.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
+ left: calc(-1 * (var(--tblr-popover-arrow-height)) - var(--tblr-popover-border-width));
+ width: var(--tblr-popover-arrow-height);
+ height: var(--tblr-popover-arrow-width);
+}
+.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
+ border-width: calc(var(--tblr-popover-arrow-width) * 0.5) var(--tblr-popover-arrow-height) calc(var(--tblr-popover-arrow-width) * 0.5) 0;
+}
+.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
+ left: 0;
+ border-right-color: var(--tblr-popover-arrow-border);
+}
+.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
+ left: var(--tblr-popover-border-width);
+ border-right-color: var(--tblr-popover-bg);
+}
+
+/* rtl:end:ignore */
+.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
+ top: calc(-1 * (var(--tblr-popover-arrow-height)) - var(--tblr-popover-border-width));
+}
+.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
+ border-width: 0 calc(var(--tblr-popover-arrow-width) * 0.5) var(--tblr-popover-arrow-height);
+}
+.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
+ top: 0;
+ border-bottom-color: var(--tblr-popover-arrow-border);
+}
+.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
+ top: var(--tblr-popover-border-width);
+ border-bottom-color: var(--tblr-popover-bg);
+}
+.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ display: block;
+ width: var(--tblr-popover-arrow-width);
+ margin-left: calc(-0.5 * var(--tblr-popover-arrow-width));
+ content: "";
+ border-bottom: var(--tblr-popover-border-width) solid var(--tblr-popover-header-bg);
+}
+
+/* rtl:begin:ignore */
+.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
+ right: calc(-1 * (var(--tblr-popover-arrow-height)) - var(--tblr-popover-border-width));
+ width: var(--tblr-popover-arrow-height);
+ height: var(--tblr-popover-arrow-width);
+}
+.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
+ border-width: calc(var(--tblr-popover-arrow-width) * 0.5) 0 calc(var(--tblr-popover-arrow-width) * 0.5) var(--tblr-popover-arrow-height);
+}
+.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
+ right: 0;
+ border-left-color: var(--tblr-popover-arrow-border);
+}
+.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
+ right: var(--tblr-popover-border-width);
+ border-left-color: var(--tblr-popover-bg);
+}
+
+/* rtl:end:ignore */
+.popover-header {
+ padding: var(--tblr-popover-header-padding-y) var(--tblr-popover-header-padding-x);
+ margin-bottom: 0;
+ font-size: var(--tblr-popover-header-font-size);
+ color: var(--tblr-popover-header-color);
+ background-color: var(--tblr-popover-header-bg);
+ border-bottom: var(--tblr-popover-border-width) solid var(--tblr-popover-border-color);
+ border-top-left-radius: var(--tblr-popover-inner-border-radius);
+ border-top-right-radius: var(--tblr-popover-inner-border-radius);
+}
+.popover-header:empty {
+ display: none;
+}
+
+.popover-body {
+ padding: var(--tblr-popover-body-padding-y) var(--tblr-popover-body-padding-x);
+ color: var(--tblr-popover-body-color);
+}
+
+.carousel {
+ position: relative;
+}
+
+.carousel.pointer-event {
+ touch-action: pan-y;
+}
+
+.carousel-inner {
+ position: relative;
+ width: 100%;
+ overflow: hidden;
+}
+.carousel-inner::after {
+ display: block;
+ clear: both;
+ content: "";
+}
+
+.carousel-item {
+ position: relative;
+ display: none;
+ float: left;
+ width: 100%;
+ margin-right: -100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ transition: transform 0.6s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .carousel-item {
+ transition: none;
+ }
+}
+
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
+ display: block;
+}
+
+.carousel-item-next:not(.carousel-item-start),
+.active.carousel-item-end {
+ transform: translateX(100%);
+}
+
+.carousel-item-prev:not(.carousel-item-end),
+.active.carousel-item-start {
+ transform: translateX(-100%);
+}
+
+.carousel-fade .carousel-item {
+ opacity: 0;
+ transition-property: opacity;
+ transform: none;
+}
+.carousel-fade .carousel-item.active,
+.carousel-fade .carousel-item-next.carousel-item-start,
+.carousel-fade .carousel-item-prev.carousel-item-end {
+ z-index: 1;
+ opacity: 1;
+}
+.carousel-fade .active.carousel-item-start,
+.carousel-fade .active.carousel-item-end {
+ z-index: 0;
+ opacity: 0;
+ transition: opacity 0s 0.6s;
+}
+@media (prefers-reduced-motion: reduce) {
+ .carousel-fade .active.carousel-item-start,
+ .carousel-fade .active.carousel-item-end {
+ transition: none;
+ }
+}
+
+.carousel-control-prev,
+.carousel-control-next {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ z-index: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 15%;
+ padding: 0;
+ color: #ffffff;
+ text-align: center;
+ background: none;
+ border: 0;
+ opacity: 0.5;
+ transition: opacity 0.15s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+ .carousel-control-prev,
+ .carousel-control-next {
+ transition: none;
+ }
+}
+.carousel-control-prev:hover, .carousel-control-prev:focus,
+.carousel-control-next:hover,
+.carousel-control-next:focus {
+ color: #ffffff;
+ text-decoration: none;
+ outline: 0;
+ opacity: 0.9;
+}
+
+.carousel-control-prev {
+ left: 0;
+}
+
+.carousel-control-next {
+ right: 0;
+}
+
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+ display: inline-block;
+ width: 1.5rem;
+ height: 1.5rem;
+ background-repeat: no-repeat;
+ background-position: 50%;
+ background-size: 100% 100%;
+}
+
+/* rtl:options: {
+ "autoRename": true,
+ "stringMap":[ {
+ "name" : "prev-next",
+ "search" : "prev",
+ "replace" : "next"
+ } ]
+} */
+.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: #ffffff;
+ background-clip: padding-box;
+ border: 0;
+ border-top: 10px solid transparent;
+ border-bottom: 10px solid transparent;
+ opacity: 0.5;
+ transition: opacity 0.6s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+ .carousel-indicators [data-bs-target] {
+ transition: none;
+ }
+}
+.carousel-indicators .active {
+ opacity: 1;
+}
+
+.carousel-caption {
+ position: absolute;
+ right: 15%;
+ bottom: 1.25rem;
+ left: 15%;
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+ color: #ffffff;
+ text-align: center;
+}
+
+.carousel-dark .carousel-control-prev-icon,
+.carousel-dark .carousel-control-next-icon {
+ filter: invert(1) grayscale(100);
+}
+.carousel-dark .carousel-indicators [data-bs-target] {
+ background-color: #000000;
+}
+.carousel-dark .carousel-caption {
+ color: #000000;
+}
+
+[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,
+[data-bs-theme=dark].carousel .carousel-control-next-icon {
+ filter: invert(1) grayscale(100);
+}
+[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
+ background-color: #000000;
+}
+[data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
+ color: #000000;
+}
+
+.spinner-grow,
+.spinner-border {
+ display: inline-block;
+ width: var(--tblr-spinner-width);
+ height: var(--tblr-spinner-height);
+ vertical-align: var(--tblr-spinner-vertical-align);
+ border-radius: 50%;
+ animation: var(--tblr-spinner-animation-speed) linear infinite var(--tblr-spinner-animation-name);
+}
+
+@keyframes spinner-border {
+ to {
+ transform: rotate(360deg) /* rtl:ignore */;
+ }
+}
+.spinner-border {
+ --tblr-spinner-width: 1.5rem;
+ --tblr-spinner-height: 1.5rem;
+ --tblr-spinner-vertical-align: -0.125em;
+ --tblr-spinner-border-width: 2px;
+ --tblr-spinner-animation-speed: 0.75s;
+ --tblr-spinner-animation-name: spinner-border;
+ border: var(--tblr-spinner-border-width) solid currentcolor;
+ border-right-color: transparent;
+}
+
+.spinner-border-sm {
+ --tblr-spinner-width: 1rem;
+ --tblr-spinner-height: 1rem;
+ --tblr-spinner-border-width: 1px;
+}
+
+@keyframes spinner-grow {
+ 0% {
+ transform: scale(0);
+ }
+ 50% {
+ opacity: 1;
+ transform: none;
+ }
+}
+.spinner-grow {
+ --tblr-spinner-width: 1.5rem;
+ --tblr-spinner-height: 1.5rem;
+ --tblr-spinner-vertical-align: -0.125em;
+ --tblr-spinner-animation-speed: 0.75s;
+ --tblr-spinner-animation-name: spinner-grow;
+ background-color: currentcolor;
+ opacity: 0;
+}
+
+.spinner-grow-sm {
+ --tblr-spinner-width: 1rem;
+ --tblr-spinner-height: 1rem;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .spinner-border,
+ .spinner-grow {
+ --tblr-spinner-animation-speed: 1.5s;
+ }
+}
+.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
+ --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: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+ --tblr-offcanvas-transition: transform 0.3s ease-in-out;
+ --tblr-offcanvas-title-line-height: 1.4285714286;
+}
+
+@media (max-width: 575.98px) {
+ .offcanvas-sm {
+ position: fixed;
+ bottom: 0;
+ z-index: var(--tblr-offcanvas-zindex);
+ display: flex;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--tblr-offcanvas-color);
+ visibility: hidden;
+ background-color: var(--tblr-offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ box-shadow: var(--tblr-offcanvas-box-shadow);
+ transition: var(--tblr-offcanvas-transition);
+ }
+}
+@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
+ .offcanvas-sm {
+ transition: none;
+ }
+}
+@media (max-width: 575.98px) {
+ .offcanvas-sm.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: var(--tblr-offcanvas-width);
+ border-right: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateX(-100%);
+ }
+ .offcanvas-sm.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--tblr-offcanvas-width);
+ border-left: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateX(100%);
+ }
+ .offcanvas-sm.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--tblr-offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateY(-100%);
+ }
+ .offcanvas-sm.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--tblr-offcanvas-height);
+ max-height: 100%;
+ border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateY(100%);
+ }
+ .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
+ transform: none;
+ }
+ .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
+ visibility: visible;
+ }
+}
+@media (min-width: 576px) {
+ .offcanvas-sm {
+ --tblr-offcanvas-height: auto;
+ --tblr-offcanvas-border-width: 0;
+ background-color: transparent !important;
+ }
+ .offcanvas-sm .offcanvas-header {
+ display: none;
+ }
+ .offcanvas-sm .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ background-color: transparent !important;
+ }
+}
+
+@media (max-width: 767.98px) {
+ .offcanvas-md {
+ position: fixed;
+ bottom: 0;
+ z-index: var(--tblr-offcanvas-zindex);
+ display: flex;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--tblr-offcanvas-color);
+ visibility: hidden;
+ background-color: var(--tblr-offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ box-shadow: var(--tblr-offcanvas-box-shadow);
+ transition: var(--tblr-offcanvas-transition);
+ }
+}
+@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
+ .offcanvas-md {
+ transition: none;
+ }
+}
+@media (max-width: 767.98px) {
+ .offcanvas-md.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: var(--tblr-offcanvas-width);
+ border-right: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateX(-100%);
+ }
+ .offcanvas-md.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--tblr-offcanvas-width);
+ border-left: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateX(100%);
+ }
+ .offcanvas-md.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--tblr-offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateY(-100%);
+ }
+ .offcanvas-md.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--tblr-offcanvas-height);
+ max-height: 100%;
+ border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateY(100%);
+ }
+ .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
+ transform: none;
+ }
+ .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
+ visibility: visible;
+ }
+}
+@media (min-width: 768px) {
+ .offcanvas-md {
+ --tblr-offcanvas-height: auto;
+ --tblr-offcanvas-border-width: 0;
+ background-color: transparent !important;
+ }
+ .offcanvas-md .offcanvas-header {
+ display: none;
+ }
+ .offcanvas-md .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ background-color: transparent !important;
+ }
+}
+
+@media (max-width: 991.98px) {
+ .offcanvas-lg {
+ position: fixed;
+ bottom: 0;
+ z-index: var(--tblr-offcanvas-zindex);
+ display: flex;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--tblr-offcanvas-color);
+ visibility: hidden;
+ background-color: var(--tblr-offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ box-shadow: var(--tblr-offcanvas-box-shadow);
+ transition: var(--tblr-offcanvas-transition);
+ }
+}
+@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
+ .offcanvas-lg {
+ transition: none;
+ }
+}
+@media (max-width: 991.98px) {
+ .offcanvas-lg.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: var(--tblr-offcanvas-width);
+ border-right: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateX(-100%);
+ }
+ .offcanvas-lg.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--tblr-offcanvas-width);
+ border-left: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateX(100%);
+ }
+ .offcanvas-lg.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--tblr-offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateY(-100%);
+ }
+ .offcanvas-lg.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--tblr-offcanvas-height);
+ max-height: 100%;
+ border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateY(100%);
+ }
+ .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
+ transform: none;
+ }
+ .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
+ visibility: visible;
+ }
+}
+@media (min-width: 992px) {
+ .offcanvas-lg {
+ --tblr-offcanvas-height: auto;
+ --tblr-offcanvas-border-width: 0;
+ background-color: transparent !important;
+ }
+ .offcanvas-lg .offcanvas-header {
+ display: none;
+ }
+ .offcanvas-lg .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ background-color: transparent !important;
+ }
+}
+
+@media (max-width: 1199.98px) {
+ .offcanvas-xl {
+ position: fixed;
+ bottom: 0;
+ z-index: var(--tblr-offcanvas-zindex);
+ display: flex;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--tblr-offcanvas-color);
+ visibility: hidden;
+ background-color: var(--tblr-offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ box-shadow: var(--tblr-offcanvas-box-shadow);
+ transition: var(--tblr-offcanvas-transition);
+ }
+}
+@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
+ .offcanvas-xl {
+ transition: none;
+ }
+}
+@media (max-width: 1199.98px) {
+ .offcanvas-xl.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: var(--tblr-offcanvas-width);
+ border-right: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateX(-100%);
+ }
+ .offcanvas-xl.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--tblr-offcanvas-width);
+ border-left: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateX(100%);
+ }
+ .offcanvas-xl.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--tblr-offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateY(-100%);
+ }
+ .offcanvas-xl.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--tblr-offcanvas-height);
+ max-height: 100%;
+ border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateY(100%);
+ }
+ .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
+ transform: none;
+ }
+ .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
+ visibility: visible;
+ }
+}
+@media (min-width: 1200px) {
+ .offcanvas-xl {
+ --tblr-offcanvas-height: auto;
+ --tblr-offcanvas-border-width: 0;
+ background-color: transparent !important;
+ }
+ .offcanvas-xl .offcanvas-header {
+ display: none;
+ }
+ .offcanvas-xl .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ background-color: transparent !important;
+ }
+}
+
+@media (max-width: 1399.98px) {
+ .offcanvas-xxl {
+ position: fixed;
+ bottom: 0;
+ z-index: var(--tblr-offcanvas-zindex);
+ display: flex;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--tblr-offcanvas-color);
+ visibility: hidden;
+ background-color: var(--tblr-offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ box-shadow: var(--tblr-offcanvas-box-shadow);
+ transition: var(--tblr-offcanvas-transition);
+ }
+}
+@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
+ .offcanvas-xxl {
+ transition: none;
+ }
+}
+@media (max-width: 1399.98px) {
+ .offcanvas-xxl.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: var(--tblr-offcanvas-width);
+ border-right: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateX(-100%);
+ }
+ .offcanvas-xxl.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--tblr-offcanvas-width);
+ border-left: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateX(100%);
+ }
+ .offcanvas-xxl.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--tblr-offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateY(-100%);
+ }
+ .offcanvas-xxl.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--tblr-offcanvas-height);
+ max-height: 100%;
+ border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateY(100%);
+ }
+ .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
+ transform: none;
+ }
+ .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
+ visibility: visible;
+ }
+}
+@media (min-width: 1400px) {
+ .offcanvas-xxl {
+ --tblr-offcanvas-height: auto;
+ --tblr-offcanvas-border-width: 0;
+ background-color: transparent !important;
+ }
+ .offcanvas-xxl .offcanvas-header {
+ display: none;
+ }
+ .offcanvas-xxl .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ background-color: transparent !important;
+ }
+}
+
+.offcanvas {
+ position: fixed;
+ bottom: 0;
+ z-index: var(--tblr-offcanvas-zindex);
+ display: flex;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--tblr-offcanvas-color);
+ visibility: hidden;
+ background-color: var(--tblr-offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ box-shadow: var(--tblr-offcanvas-box-shadow);
+ transition: var(--tblr-offcanvas-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+ .offcanvas {
+ transition: none;
+ }
+}
+.offcanvas.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: var(--tblr-offcanvas-width);
+ border-right: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateX(-100%);
+}
+.offcanvas.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--tblr-offcanvas-width);
+ border-left: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateX(100%);
+}
+.offcanvas.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--tblr-offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateY(-100%);
+}
+.offcanvas.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--tblr-offcanvas-height);
+ max-height: 100%;
+ border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
+ transform: translateY(100%);
+}
+.offcanvas.showing, .offcanvas.show:not(.hiding) {
+ transform: none;
+}
+.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
+ visibility: visible;
+}
+
+.offcanvas-backdrop {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 1040;
+ width: 100vw;
+ height: 100vh;
+ background-color: #182433;
+}
+.offcanvas-backdrop.fade {
+ opacity: 0;
+}
+.offcanvas-backdrop.show {
+ opacity: 0.24;
+}
+
+.offcanvas-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: var(--tblr-offcanvas-padding-y) var(--tblr-offcanvas-padding-x);
+}
+.offcanvas-header .btn-close {
+ padding: calc(var(--tblr-offcanvas-padding-y) * 0.5) calc(var(--tblr-offcanvas-padding-x) * 0.5);
+ margin-top: calc(-0.5 * var(--tblr-offcanvas-padding-y));
+ margin-right: calc(-0.5 * var(--tblr-offcanvas-padding-x));
+ margin-bottom: calc(-0.5 * var(--tblr-offcanvas-padding-y));
+}
+
+.offcanvas-title {
+ margin-bottom: 0;
+ line-height: var(--tblr-offcanvas-title-line-height);
+}
+
+.offcanvas-body {
+ flex-grow: 1;
+ padding: var(--tblr-offcanvas-padding-y) var(--tblr-offcanvas-padding-x);
+ overflow-y: auto;
+}
+
+.placeholder {
+ display: inline-block;
+ min-height: 1em;
+ vertical-align: middle;
+ cursor: wait;
+ background-color: currentcolor;
+ opacity: 0.2;
+}
+.placeholder.btn::before {
+ display: inline-block;
+ content: "";
+}
+
+.placeholder-xs {
+ min-height: 0.6em;
+}
+
+.placeholder-sm {
+ min-height: 0.8em;
+}
+
+.placeholder-lg {
+ min-height: 1.2em;
+}
+
+.placeholder-glow .placeholder {
+ animation: placeholder-glow 2s ease-in-out infinite;
+}
+
+@keyframes placeholder-glow {
+ 50% {
+ opacity: 0.1;
+ }
+}
+.placeholder-wave {
+ -webkit-mask-image: linear-gradient(130deg, #000000 55%, rgba(0, 0, 0, 0.9) 75%, #000000 95%);
+ mask-image: linear-gradient(130deg, #000000 55%, rgba(0, 0, 0, 0.9) 75%, #000000 95%);
+ -webkit-mask-size: 200% 100%;
+ mask-size: 200% 100%;
+ animation: placeholder-wave 2s linear infinite;
+}
+
+@keyframes placeholder-wave {
+ 100% {
+ -webkit-mask-position: -200% 0%;
+ mask-position: -200% 0%;
+ }
+}
+.clearfix::after {
+ display: block;
+ clear: both;
+ content: "";
+}
+
+.text-bg-primary {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-primary-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-secondary {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-secondary-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-success {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-success-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-info {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-info-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-warning {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-warning-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-danger {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-danger-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-light {
+ color: #182433 !important;
+ background-color: RGBA(var(--tblr-light-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-dark {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-dark-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-muted {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-muted-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-blue {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-blue-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-azure {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-azure-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-indigo {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-indigo-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-purple {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-purple-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-pink {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-pink-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-red {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-red-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-orange {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-orange-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-yellow {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-yellow-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-lime {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-lime-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-green {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-green-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-teal {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-teal-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-cyan {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-cyan-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-facebook {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-facebook-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-twitter {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-twitter-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-linkedin {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-linkedin-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-google {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-google-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-youtube {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-youtube-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-vimeo {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-vimeo-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-dribbble {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-dribbble-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-github {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-github-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-instagram {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-instagram-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-pinterest {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-pinterest-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-vk {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-vk-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-rss {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-rss-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-flickr {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-flickr-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-bitbucket {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-bitbucket-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.text-bg-tabler {
+ color: #fcfdfe !important;
+ background-color: RGBA(var(--tblr-tabler-rgb), var(--tblr-bg-opacity, 1)) !important;
+}
+
+.link-primary {
+ color: RGBA(var(--tblr-primary-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-primary-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-primary-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-primary:hover, .link-primary:focus {
+ color: RGBA(0, 67, 133, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(0, 67, 133, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(0, 67, 133, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-secondary {
+ color: RGBA(var(--tblr-secondary-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-secondary-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-secondary-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-secondary:hover, .link-secondary:focus {
+ color: RGBA(82, 92, 104, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(82, 92, 104, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(82, 92, 104, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-success {
+ color: RGBA(var(--tblr-success-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-success-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-success-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-success:hover, .link-success:focus {
+ color: RGBA(38, 143, 54, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(38, 143, 54, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(38, 143, 54, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-info {
+ color: RGBA(var(--tblr-info-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-info-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-info-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-info:hover, .link-info:focus {
+ color: RGBA(53, 122, 180, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(53, 122, 180, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(53, 122, 180, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-warning {
+ color: RGBA(var(--tblr-warning-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-warning-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-warning-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-warning:hover, .link-warning:focus {
+ color: RGBA(198, 82, 6, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(198, 82, 6, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(198, 82, 6, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-danger {
+ color: RGBA(var(--tblr-danger-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-danger-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-danger-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-danger:hover, .link-danger:focus {
+ color: RGBA(171, 46, 46, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(171, 46, 46, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(171, 46, 46, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-light {
+ color: RGBA(var(--tblr-light-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-light-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-light-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-light:hover, .link-light:focus {
+ color: RGBA(253, 253, 254, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(253, 253, 254, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(253, 253, 254, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-dark {
+ color: RGBA(var(--tblr-dark-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-dark-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-dark-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-dark:hover, .link-dark:focus {
+ color: RGBA(19, 29, 41, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(19, 29, 41, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(19, 29, 41, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-muted {
+ color: RGBA(var(--tblr-muted-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-muted-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-muted-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-muted:hover, .link-muted:focus {
+ color: RGBA(82, 92, 104, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(82, 92, 104, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(82, 92, 104, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-blue {
+ color: RGBA(var(--tblr-blue-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-blue-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-blue-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-blue:hover, .link-blue:focus {
+ color: RGBA(0, 67, 133, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(0, 67, 133, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(0, 67, 133, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-azure {
+ color: RGBA(var(--tblr-azure-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-azure-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-azure-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-azure:hover, .link-azure:focus {
+ color: RGBA(53, 122, 180, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(53, 122, 180, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(53, 122, 180, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-indigo {
+ color: RGBA(var(--tblr-indigo-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-indigo-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-indigo-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-indigo:hover, .link-indigo:focus {
+ color: RGBA(53, 79, 188, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(53, 79, 188, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(53, 79, 188, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-purple {
+ color: RGBA(var(--tblr-purple-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-purple-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-purple-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-purple:hover, .link-purple:focus {
+ color: RGBA(139, 50, 161, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(139, 50, 161, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(139, 50, 161, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-pink {
+ color: RGBA(var(--tblr-pink-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-pink-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-pink-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-pink:hover, .link-pink:focus {
+ color: RGBA(171, 41, 86, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(171, 41, 86, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(171, 41, 86, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-red {
+ color: RGBA(var(--tblr-red-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-red-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-red-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-red:hover, .link-red:focus {
+ color: RGBA(171, 46, 46, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(171, 46, 46, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(171, 46, 46, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-orange {
+ color: RGBA(var(--tblr-orange-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-orange-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-orange-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-orange:hover, .link-orange:focus {
+ color: RGBA(198, 82, 6, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(198, 82, 6, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(198, 82, 6, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-yellow {
+ color: RGBA(var(--tblr-yellow-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-yellow-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-yellow-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-yellow:hover, .link-yellow:focus {
+ color: RGBA(196, 127, 0, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(196, 127, 0, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(196, 127, 0, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-lime {
+ color: RGBA(var(--tblr-lime-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-lime-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-lime-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-lime:hover, .link-lime:focus {
+ color: RGBA(93, 147, 18, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(93, 147, 18, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(93, 147, 18, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-green {
+ color: RGBA(var(--tblr-green-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-green-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-green-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-green:hover, .link-green:focus {
+ color: RGBA(38, 143, 54, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(38, 143, 54, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(38, 143, 54, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-teal {
+ color: RGBA(var(--tblr-teal-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-teal-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-teal-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-teal:hover, .link-teal:focus {
+ color: RGBA(10, 133, 96, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(10, 133, 96, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(10, 133, 96, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-cyan {
+ color: RGBA(var(--tblr-cyan-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-cyan-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-cyan-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-cyan:hover, .link-cyan:focus {
+ color: RGBA(18, 130, 147, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(18, 130, 147, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(18, 130, 147, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-facebook {
+ color: RGBA(var(--tblr-facebook-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-facebook-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-facebook-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-facebook:hover, .link-facebook:focus {
+ color: RGBA(19, 95, 194, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(19, 95, 194, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(19, 95, 194, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-twitter {
+ color: RGBA(var(--tblr-twitter-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-twitter-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-twitter-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-twitter:hover, .link-twitter:focus {
+ color: RGBA(23, 129, 194, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(23, 129, 194, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(23, 129, 194, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-linkedin {
+ color: RGBA(var(--tblr-linkedin-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-linkedin-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-linkedin-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-linkedin:hover, .link-linkedin:focus {
+ color: RGBA(8, 82, 155, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(8, 82, 155, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(8, 82, 155, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-google {
+ color: RGBA(var(--tblr-google-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-google-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-google-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-google:hover, .link-google:focus {
+ color: RGBA(176, 62, 52, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(176, 62, 52, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(176, 62, 52, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-youtube {
+ color: RGBA(var(--tblr-youtube-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-youtube-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-youtube-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-youtube:hover, .link-youtube:focus {
+ color: RGBA(204, 0, 0, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(204, 0, 0, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(204, 0, 0, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-vimeo {
+ color: RGBA(var(--tblr-vimeo-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-vimeo-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-vimeo-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-vimeo:hover, .link-vimeo:focus {
+ color: RGBA(21, 146, 187, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(21, 146, 187, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(21, 146, 187, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-dribbble {
+ color: RGBA(var(--tblr-dribbble-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-dribbble-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-dribbble-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-dribbble:hover, .link-dribbble:focus {
+ color: RGBA(187, 61, 110, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(187, 61, 110, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(187, 61, 110, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-github {
+ color: RGBA(var(--tblr-github-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-github-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-github-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-github:hover, .link-github:focus {
+ color: RGBA(19, 18, 18, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(19, 18, 18, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(19, 18, 18, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-instagram {
+ color: RGBA(var(--tblr-instagram-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-instagram-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-instagram-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-instagram:hover, .link-instagram:focus {
+ color: RGBA(182, 51, 76, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(182, 51, 76, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(182, 51, 76, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-pinterest {
+ color: RGBA(var(--tblr-pinterest-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-pinterest-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-pinterest-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-pinterest:hover, .link-pinterest:focus {
+ color: RGBA(151, 6, 22, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(151, 6, 22, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(151, 6, 22, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-vk {
+ color: RGBA(var(--tblr-vk-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-vk-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-vk-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-vk:hover, .link-vk:focus {
+ color: RGBA(79, 105, 134, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(79, 105, 134, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(79, 105, 134, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-rss {
+ color: RGBA(var(--tblr-rss-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-rss-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-rss-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-rss:hover, .link-rss:focus {
+ color: RGBA(204, 132, 0, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(204, 132, 0, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(204, 132, 0, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-flickr {
+ color: RGBA(var(--tblr-flickr-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-flickr-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-flickr-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-flickr:hover, .link-flickr:focus {
+ color: RGBA(0, 79, 176, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(0, 79, 176, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(0, 79, 176, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-bitbucket {
+ color: RGBA(var(--tblr-bitbucket-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-bitbucket-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-bitbucket-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-bitbucket:hover, .link-bitbucket:focus {
+ color: RGBA(0, 66, 163, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(0, 66, 163, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(0, 66, 163, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-tabler {
+ color: RGBA(var(--tblr-tabler-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-tabler-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-tabler-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-tabler:hover, .link-tabler:focus {
+ color: RGBA(0, 67, 133, var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(0, 67, 133, var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(0, 67, 133, var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-body-emphasis {
+ color: RGBA(var(--tblr-emphasis-color-rgb), var(--tblr-link-opacity, 1)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-emphasis-color-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: RGBA(var(--tblr-emphasis-color-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+.link-body-emphasis:hover, .link-body-emphasis:focus {
+ color: RGBA(var(--tblr-emphasis-color-rgb), var(--tblr-link-opacity, 0.75)) !important;
+ -webkit-text-decoration-color: RGBA(var(--tblr-emphasis-color-rgb), var(--tblr-link-underline-opacity, 0.75)) !important;
+ text-decoration-color: RGBA(var(--tblr-emphasis-color-rgb), var(--tblr-link-underline-opacity, 0.75)) !important;
+}
+
+.focus-ring:focus {
+ outline: 0;
+ box-shadow: var(--tblr-focus-ring-x, 0) var(--tblr-focus-ring-y, 0) var(--tblr-focus-ring-blur, 0) var(--tblr-focus-ring-width) var(--tblr-focus-ring-color);
+}
+
+.icon-link {
+ display: inline-flex;
+ gap: 0.375rem;
+ align-items: center;
+ -webkit-text-decoration-color: rgba(var(--tblr-link-color-rgb), var(--tblr-link-opacity, 0.5));
+ text-decoration-color: rgba(var(--tblr-link-color-rgb), var(--tblr-link-opacity, 0.5));
+ text-underline-offset: 0.25em;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+.icon-link > .bi {
+ flex-shrink: 0;
+ width: 1em;
+ height: 1em;
+ fill: currentcolor;
+ transition: 0.2s ease-in-out transform;
+}
+@media (prefers-reduced-motion: reduce) {
+ .icon-link > .bi {
+ transition: none;
+ }
+}
+
+.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
+ transform: var(--tblr-icon-link-transform, translate3d(0.25em, 0, 0));
+}
+
+.ratio {
+ position: relative;
+ width: 100%;
+}
+.ratio::before {
+ display: block;
+ padding-top: var(--tblr-aspect-ratio);
+ content: "";
+}
+.ratio > * {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+
+.ratio-1x1 {
+ --tblr-aspect-ratio: 100%;
+}
+
+.ratio-2x1 {
+ --tblr-aspect-ratio: 50%;
+}
+
+.ratio-1x2 {
+ --tblr-aspect-ratio: 200%;
+}
+
+.ratio-3x1 {
+ --tblr-aspect-ratio: 33.3333333333%;
+}
+
+.ratio-1x3 {
+ --tblr-aspect-ratio: 300%;
+}
+
+.ratio-4x3 {
+ --tblr-aspect-ratio: 75%;
+}
+
+.ratio-3x4 {
+ --tblr-aspect-ratio: 133.3333333333%;
+}
+
+.ratio-16x9 {
+ --tblr-aspect-ratio: 56.25%;
+}
+
+.ratio-9x16 {
+ --tblr-aspect-ratio: 177.7777777778%;
+}
+
+.ratio-21x9 {
+ --tblr-aspect-ratio: 42.8571428571%;
+}
+
+.ratio-9x21 {
+ --tblr-aspect-ratio: 233.3333333333%;
+}
+
+.fixed-top {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 1030;
+}
+
+.fixed-bottom {
+ position: fixed;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1030;
+}
+
+.sticky-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+}
+
+.sticky-bottom {
+ position: -webkit-sticky;
+ position: sticky;
+ bottom: 0;
+ z-index: 1020;
+}
+
+@media (min-width: 576px) {
+ .sticky-sm-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+ .sticky-sm-bottom {
+ position: -webkit-sticky;
+ position: sticky;
+ bottom: 0;
+ z-index: 1020;
+ }
+}
+@media (min-width: 768px) {
+ .sticky-md-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+ .sticky-md-bottom {
+ position: -webkit-sticky;
+ position: sticky;
+ bottom: 0;
+ z-index: 1020;
+ }
+}
+@media (min-width: 992px) {
+ .sticky-lg-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+ .sticky-lg-bottom {
+ position: -webkit-sticky;
+ position: sticky;
+ bottom: 0;
+ z-index: 1020;
+ }
+}
+@media (min-width: 1200px) {
+ .sticky-xl-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+ .sticky-xl-bottom {
+ position: -webkit-sticky;
+ position: sticky;
+ bottom: 0;
+ z-index: 1020;
+ }
+}
+@media (min-width: 1400px) {
+ .sticky-xxl-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+ .sticky-xxl-bottom {
+ position: -webkit-sticky;
+ position: sticky;
+ bottom: 0;
+ z-index: 1020;
+ }
+}
+.hstack {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ align-self: stretch;
+}
+
+.vstack {
+ display: flex;
+ flex: 1 1 auto;
+ flex-direction: column;
+ align-self: stretch;
+}
+
+.visually-hidden,
+.visually-hidden-focusable:not(:focus):not(:focus-within) {
+ width: 1px !important;
+ height: 1px !important;
+ padding: 0 !important;
+ margin: -1px !important;
+ overflow: hidden !important;
+ clip: rect(0, 0, 0, 0) !important;
+ white-space: nowrap !important;
+ border: 0 !important;
+}
+.visually-hidden:not(caption),
+.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
+ position: absolute !important;
+}
+
+.stretched-link::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1;
+ content: "";
+}
+
+.text-truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.vr {
+ display: inline-block;
+ align-self: stretch;
+ width: var(--tblr-border-width);
+ min-height: 1em;
+ background-color: currentcolor;
+ opacity: 0.16;
+}
+
+.align-baseline {
+ vertical-align: baseline !important;
+}
+
+.align-top {
+ vertical-align: top !important;
+}
+
+.align-middle {
+ vertical-align: middle !important;
+}
+
+.align-bottom {
+ vertical-align: bottom !important;
+}
+
+.align-text-bottom {
+ vertical-align: text-bottom !important;
+}
+
+.align-text-top {
+ vertical-align: text-top !important;
+}
+
+.float-start {
+ float: left !important;
+}
+
+.float-end {
+ float: right !important;
+}
+
+.float-none {
+ float: none !important;
+}
+
+.object-fit-contain {
+ -o-object-fit: contain !important;
+ object-fit: contain !important;
+}
+
+.object-fit-cover {
+ -o-object-fit: cover !important;
+ object-fit: cover !important;
+}
+
+.object-fit-fill {
+ -o-object-fit: fill !important;
+ object-fit: fill !important;
+}
+
+.object-fit-scale {
+ -o-object-fit: scale-down !important;
+ object-fit: scale-down !important;
+}
+
+.object-fit-none {
+ -o-object-fit: none !important;
+ object-fit: none !important;
+}
+
+.opacity-0 {
+ opacity: 0 !important;
+}
+
+.opacity-25 {
+ opacity: 0.25 !important;
+}
+
+.opacity-50 {
+ opacity: 0.5 !important;
+}
+
+.opacity-75 {
+ opacity: 0.75 !important;
+}
+
+.opacity-100 {
+ opacity: 1 !important;
+}
+
+.overflow-auto {
+ overflow: auto !important;
+}
+
+.overflow-hidden {
+ overflow: hidden !important;
+}
+
+.overflow-visible {
+ overflow: visible !important;
+}
+
+.overflow-scroll {
+ overflow: scroll !important;
+}
+
+.overflow-x-auto {
+ overflow-x: auto !important;
+}
+
+.overflow-x-hidden {
+ overflow-x: hidden !important;
+}
+
+.overflow-x-visible {
+ overflow-x: visible !important;
+}
+
+.overflow-x-scroll {
+ overflow-x: scroll !important;
+}
+
+.overflow-y-auto {
+ overflow-y: auto !important;
+}
+
+.overflow-y-hidden {
+ overflow-y: hidden !important;
+}
+
+.overflow-y-visible {
+ overflow-y: visible !important;
+}
+
+.overflow-y-scroll {
+ overflow-y: scroll !important;
+}
+
+.d-inline {
+ display: inline !important;
+}
+
+.d-inline-block {
+ display: inline-block !important;
+}
+
+.d-block {
+ display: block !important;
+}
+
+.d-grid {
+ display: grid !important;
+}
+
+.d-inline-grid {
+ display: inline-grid !important;
+}
+
+.d-table {
+ display: table !important;
+}
+
+.d-table-row {
+ display: table-row !important;
+}
+
+.d-table-cell {
+ display: table-cell !important;
+}
+
+.d-flex {
+ display: flex !important;
+}
+
+.d-inline-flex {
+ display: inline-flex !important;
+}
+
+.d-none {
+ display: none !important;
+}
+
+.shadow {
+ box-shadow: rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0 !important;
+}
+
+.shadow-sm {
+ box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
+}
+
+.shadow-lg {
+ box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
+}
+
+.shadow-none {
+ box-shadow: none !important;
+}
+
+.focus-ring-primary {
+ --tblr-focus-ring-color: rgba(var(--tblr-primary-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-secondary {
+ --tblr-focus-ring-color: rgba(var(--tblr-secondary-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-success {
+ --tblr-focus-ring-color: rgba(var(--tblr-success-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-info {
+ --tblr-focus-ring-color: rgba(var(--tblr-info-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-warning {
+ --tblr-focus-ring-color: rgba(var(--tblr-warning-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-danger {
+ --tblr-focus-ring-color: rgba(var(--tblr-danger-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-light {
+ --tblr-focus-ring-color: rgba(var(--tblr-light-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-dark {
+ --tblr-focus-ring-color: rgba(var(--tblr-dark-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-muted {
+ --tblr-focus-ring-color: rgba(var(--tblr-muted-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-blue {
+ --tblr-focus-ring-color: rgba(var(--tblr-blue-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-azure {
+ --tblr-focus-ring-color: rgba(var(--tblr-azure-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-indigo {
+ --tblr-focus-ring-color: rgba(var(--tblr-indigo-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-purple {
+ --tblr-focus-ring-color: rgba(var(--tblr-purple-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-pink {
+ --tblr-focus-ring-color: rgba(var(--tblr-pink-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-red {
+ --tblr-focus-ring-color: rgba(var(--tblr-red-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-orange {
+ --tblr-focus-ring-color: rgba(var(--tblr-orange-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-yellow {
+ --tblr-focus-ring-color: rgba(var(--tblr-yellow-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-lime {
+ --tblr-focus-ring-color: rgba(var(--tblr-lime-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-green {
+ --tblr-focus-ring-color: rgba(var(--tblr-green-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-teal {
+ --tblr-focus-ring-color: rgba(var(--tblr-teal-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-cyan {
+ --tblr-focus-ring-color: rgba(var(--tblr-cyan-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-facebook {
+ --tblr-focus-ring-color: rgba(var(--tblr-facebook-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-twitter {
+ --tblr-focus-ring-color: rgba(var(--tblr-twitter-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-linkedin {
+ --tblr-focus-ring-color: rgba(var(--tblr-linkedin-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-google {
+ --tblr-focus-ring-color: rgba(var(--tblr-google-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-youtube {
+ --tblr-focus-ring-color: rgba(var(--tblr-youtube-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-vimeo {
+ --tblr-focus-ring-color: rgba(var(--tblr-vimeo-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-dribbble {
+ --tblr-focus-ring-color: rgba(var(--tblr-dribbble-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-github {
+ --tblr-focus-ring-color: rgba(var(--tblr-github-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-instagram {
+ --tblr-focus-ring-color: rgba(var(--tblr-instagram-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-pinterest {
+ --tblr-focus-ring-color: rgba(var(--tblr-pinterest-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-vk {
+ --tblr-focus-ring-color: rgba(var(--tblr-vk-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-rss {
+ --tblr-focus-ring-color: rgba(var(--tblr-rss-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-flickr {
+ --tblr-focus-ring-color: rgba(var(--tblr-flickr-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-bitbucket {
+ --tblr-focus-ring-color: rgba(var(--tblr-bitbucket-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.focus-ring-tabler {
+ --tblr-focus-ring-color: rgba(var(--tblr-tabler-rgb), var(--tblr-focus-ring-opacity));
+}
+
+.position-static {
+ position: static !important;
+}
+
+.position-relative {
+ position: relative !important;
+}
+
+.position-absolute {
+ position: absolute !important;
+}
+
+.position-fixed {
+ position: fixed !important;
+}
+
+.position-sticky {
+ position: -webkit-sticky !important;
+ position: sticky !important;
+}
+
+.top-0 {
+ top: 0 !important;
+}
+
+.top-50 {
+ top: 50% !important;
+}
+
+.top-100 {
+ top: 100% !important;
+}
+
+.bottom-0 {
+ bottom: 0 !important;
+}
+
+.bottom-50 {
+ bottom: 50% !important;
+}
+
+.bottom-100 {
+ bottom: 100% !important;
+}
+
+.start-0 {
+ left: 0 !important;
+}
+
+.start-50 {
+ left: 50% !important;
+}
+
+.start-100 {
+ left: 100% !important;
+}
+
+.end-0 {
+ right: 0 !important;
+}
+
+.end-50 {
+ right: 50% !important;
+}
+
+.end-100 {
+ right: 100% !important;
+}
+
+.translate-middle {
+ transform: translate(-50%, -50%) !important;
+}
+
+.translate-middle-x {
+ transform: translateX(-50%) !important;
+}
+
+.translate-middle-y {
+ transform: translateY(-50%) !important;
+}
+
+.border {
+ border: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+}
+
+.border-wide {
+ border: 2px var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+}
+
+.border-0 {
+ border: 0 !important;
+}
+
+.border-top {
+ border-top: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+}
+
+.border-top-wide {
+ border-top: 2px var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+}
+
+.border-top-0 {
+ border-top: 0 !important;
+}
+
+.border-end {
+ border-right: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+}
+
+.border-end-wide {
+ border-right: 2px var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+}
+
+.border-end-0 {
+ border-right: 0 !important;
+}
+
+.border-bottom {
+ border-bottom: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+}
+
+.border-bottom-wide {
+ border-bottom: 2px var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+}
+
+.border-bottom-0 {
+ border-bottom: 0 !important;
+}
+
+.border-start {
+ border-left: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+}
+
+.border-start-wide {
+ border-left: 2px var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+}
+
+.border-start-0 {
+ border-left: 0 !important;
+}
+
+.border-primary {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-primary-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-secondary {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-secondary-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-success {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-success-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-info {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-info-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-warning {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-warning-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-danger {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-danger-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-light {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-light-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-dark {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-dark-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-muted {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-muted-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-blue {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-blue-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-azure {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-azure-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-indigo {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-indigo-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-purple {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-purple-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-pink {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-pink-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-red {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-red-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-orange {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-orange-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-yellow {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-yellow-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-lime {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-lime-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-green {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-green-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-teal {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-teal-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-cyan {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-cyan-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-facebook {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-facebook-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-twitter {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-twitter-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-linkedin {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-linkedin-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-google {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-google-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-youtube {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-youtube-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-vimeo {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-vimeo-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-dribbble {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-dribbble-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-github {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-github-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-instagram {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-instagram-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-pinterest {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-pinterest-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-vk {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-vk-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-rss {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-rss-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-flickr {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-flickr-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-bitbucket {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-bitbucket-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-tabler {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-tabler-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-black {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-black-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-white {
+ --tblr-border-opacity: 1;
+ border-color: rgba(var(--tblr-white-rgb), var(--tblr-border-opacity)) !important;
+}
+
+.border-primary-subtle {
+ border-color: var(--tblr-primary-border-subtle) !important;
+}
+
+.border-secondary-subtle {
+ border-color: var(--tblr-secondary-border-subtle) !important;
+}
+
+.border-success-subtle {
+ border-color: var(--tblr-success-border-subtle) !important;
+}
+
+.border-info-subtle {
+ border-color: var(--tblr-info-border-subtle) !important;
+}
+
+.border-warning-subtle {
+ border-color: var(--tblr-warning-border-subtle) !important;
+}
+
+.border-danger-subtle {
+ border-color: var(--tblr-danger-border-subtle) !important;
+}
+
+.border-light-subtle {
+ border-color: var(--tblr-light-border-subtle) !important;
+}
+
+.border-dark-subtle {
+ border-color: var(--tblr-dark-border-subtle) !important;
+}
+
+.border-1 {
+ border-width: 1px !important;
+}
+
+.border-2 {
+ border-width: 2px !important;
+}
+
+.border-3 {
+ border-width: 3px !important;
+}
+
+.border-4 {
+ border-width: 4px !important;
+}
+
+.border-5 {
+ border-width: 5px !important;
+}
+
+.border-opacity-10 {
+ --tblr-border-opacity: 0.1;
+}
+
+.border-opacity-25 {
+ --tblr-border-opacity: 0.25;
+}
+
+.border-opacity-50 {
+ --tblr-border-opacity: 0.5;
+}
+
+.border-opacity-75 {
+ --tblr-border-opacity: 0.75;
+}
+
+.border-opacity-100 {
+ --tblr-border-opacity: 1;
+}
+
+.w-0 {
+ width: 0 !important;
+}
+
+.w-1 {
+ width: 0.25rem !important;
+}
+
+.w-2 {
+ width: 0.5rem !important;
+}
+
+.w-3 {
+ width: 1rem !important;
+}
+
+.w-4 {
+ width: 1.5rem !important;
+}
+
+.w-5 {
+ width: 2rem !important;
+}
+
+.w-6 {
+ width: 3rem !important;
+}
+
+.w-7 {
+ width: 5rem !important;
+}
+
+.w-8 {
+ width: 8rem !important;
+}
+
+.w-25 {
+ width: 25% !important;
+}
+
+.w-33 {
+ width: 33.33333% !important;
+}
+
+.w-50 {
+ width: 50% !important;
+}
+
+.w-66 {
+ width: 66.66666% !important;
+}
+
+.w-75 {
+ width: 75% !important;
+}
+
+.w-100 {
+ width: 100% !important;
+}
+
+.w-auto {
+ width: auto !important;
+}
+
+.mw-100 {
+ max-width: 100% !important;
+}
+
+.vw-100 {
+ width: 100vw !important;
+}
+
+.min-vw-100 {
+ min-width: 100vw !important;
+}
+
+.h-0 {
+ height: 0 !important;
+}
+
+.h-1 {
+ height: 0.25rem !important;
+}
+
+.h-2 {
+ height: 0.5rem !important;
+}
+
+.h-3 {
+ height: 1rem !important;
+}
+
+.h-4 {
+ height: 1.5rem !important;
+}
+
+.h-5 {
+ height: 2rem !important;
+}
+
+.h-6 {
+ height: 3rem !important;
+}
+
+.h-7 {
+ height: 5rem !important;
+}
+
+.h-8 {
+ height: 8rem !important;
+}
+
+.h-25 {
+ height: 25% !important;
+}
+
+.h-33 {
+ height: 33.33333% !important;
+}
+
+.h-50 {
+ height: 50% !important;
+}
+
+.h-66 {
+ height: 66.66666% !important;
+}
+
+.h-75 {
+ height: 75% !important;
+}
+
+.h-100 {
+ height: 100% !important;
+}
+
+.h-auto {
+ height: auto !important;
+}
+
+.mh-100 {
+ max-height: 100% !important;
+}
+
+.vh-100 {
+ height: 100vh !important;
+}
+
+.min-vh-100 {
+ min-height: 100vh !important;
+}
+
+.flex-fill {
+ flex: 1 1 auto !important;
+}
+
+.flex-row {
+ flex-direction: row !important;
+}
+
+.flex-column {
+ flex-direction: column !important;
+}
+
+.flex-row-reverse {
+ flex-direction: row-reverse !important;
+}
+
+.flex-column-reverse {
+ flex-direction: column-reverse !important;
+}
+
+.flex-grow-0 {
+ flex-grow: 0 !important;
+}
+
+.flex-grow-1 {
+ flex-grow: 1 !important;
+}
+
+.flex-shrink-0 {
+ flex-shrink: 0 !important;
+}
+
+.flex-shrink-1 {
+ flex-shrink: 1 !important;
+}
+
+.flex-wrap {
+ flex-wrap: wrap !important;
+}
+
+.flex-nowrap {
+ flex-wrap: nowrap !important;
+}
+
+.flex-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+}
+
+.justify-content-start {
+ justify-content: flex-start !important;
+}
+
+.justify-content-end {
+ justify-content: flex-end !important;
+}
+
+.justify-content-center {
+ justify-content: center !important;
+}
+
+.justify-content-between {
+ justify-content: space-between !important;
+}
+
+.justify-content-around {
+ justify-content: space-around !important;
+}
+
+.justify-content-evenly {
+ justify-content: space-evenly !important;
+}
+
+.align-items-start {
+ align-items: flex-start !important;
+}
+
+.align-items-end {
+ align-items: flex-end !important;
+}
+
+.align-items-center {
+ align-items: center !important;
+}
+
+.align-items-baseline {
+ align-items: baseline !important;
+}
+
+.align-items-stretch {
+ align-items: stretch !important;
+}
+
+.align-content-start {
+ align-content: flex-start !important;
+}
+
+.align-content-end {
+ align-content: flex-end !important;
+}
+
+.align-content-center {
+ align-content: center !important;
+}
+
+.align-content-between {
+ align-content: space-between !important;
+}
+
+.align-content-around {
+ align-content: space-around !important;
+}
+
+.align-content-stretch {
+ align-content: stretch !important;
+}
+
+.align-self-auto {
+ align-self: auto !important;
+}
+
+.align-self-start {
+ align-self: flex-start !important;
+}
+
+.align-self-end {
+ align-self: flex-end !important;
+}
+
+.align-self-center {
+ align-self: center !important;
+}
+
+.align-self-baseline {
+ align-self: baseline !important;
+}
+
+.align-self-stretch {
+ align-self: stretch !important;
+}
+
+.order-first {
+ order: -1 !important;
+}
+
+.order-0 {
+ order: 0 !important;
+}
+
+.order-1 {
+ order: 1 !important;
+}
+
+.order-2 {
+ order: 2 !important;
+}
+
+.order-3 {
+ order: 3 !important;
+}
+
+.order-4 {
+ order: 4 !important;
+}
+
+.order-5 {
+ order: 5 !important;
+}
+
+.order-last {
+ order: 6 !important;
+}
+
+.m-0 {
+ margin: 0 !important;
+}
+
+.m-1 {
+ margin: 0.25rem !important;
+}
+
+.m-2 {
+ margin: 0.5rem !important;
+}
+
+.m-3 {
+ margin: 1rem !important;
+}
+
+.m-4 {
+ margin: 1.5rem !important;
+}
+
+.m-5 {
+ margin: 2rem !important;
+}
+
+.m-6 {
+ margin: 3rem !important;
+}
+
+.m-7 {
+ margin: 5rem !important;
+}
+
+.m-8 {
+ margin: 8rem !important;
+}
+
+.m-auto {
+ margin: auto !important;
+}
+
+.mx-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+}
+
+.mx-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+}
+
+.mx-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+}
+
+.mx-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+}
+
+.mx-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+}
+
+.mx-5 {
+ margin-right: 2rem !important;
+ margin-left: 2rem !important;
+}
+
+.mx-6 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+}
+
+.mx-7 {
+ margin-right: 5rem !important;
+ margin-left: 5rem !important;
+}
+
+.mx-8 {
+ margin-right: 8rem !important;
+ margin-left: 8rem !important;
+}
+
+.mx-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+}
+
+.my-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+}
+
+.my-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+}
+
+.my-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+}
+
+.my-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+}
+
+.my-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+}
+
+.my-5 {
+ margin-top: 2rem !important;
+ margin-bottom: 2rem !important;
+}
+
+.my-6 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+}
+
+.my-7 {
+ margin-top: 5rem !important;
+ margin-bottom: 5rem !important;
+}
+
+.my-8 {
+ margin-top: 8rem !important;
+ margin-bottom: 8rem !important;
+}
+
+.my-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+}
+
+.mt-0 {
+ margin-top: 0 !important;
+}
+
+.mt-1 {
+ margin-top: 0.25rem !important;
+}
+
+.mt-2 {
+ margin-top: 0.5rem !important;
+}
+
+.mt-3 {
+ margin-top: 1rem !important;
+}
+
+.mt-4 {
+ margin-top: 1.5rem !important;
+}
+
+.mt-5 {
+ margin-top: 2rem !important;
+}
+
+.mt-6 {
+ margin-top: 3rem !important;
+}
+
+.mt-7 {
+ margin-top: 5rem !important;
+}
+
+.mt-8 {
+ margin-top: 8rem !important;
+}
+
+.mt-auto {
+ margin-top: auto !important;
+}
+
+.me-0 {
+ margin-right: 0 !important;
+}
+
+.me-1 {
+ margin-right: 0.25rem !important;
+}
+
+.me-2 {
+ margin-right: 0.5rem !important;
+}
+
+.me-3 {
+ margin-right: 1rem !important;
+}
+
+.me-4 {
+ margin-right: 1.5rem !important;
+}
+
+.me-5 {
+ margin-right: 2rem !important;
+}
+
+.me-6 {
+ margin-right: 3rem !important;
+}
+
+.me-7 {
+ margin-right: 5rem !important;
+}
+
+.me-8 {
+ margin-right: 8rem !important;
+}
+
+.me-auto {
+ margin-right: auto !important;
+}
+
+.mb-0 {
+ margin-bottom: 0 !important;
+}
+
+.mb-1 {
+ margin-bottom: 0.25rem !important;
+}
+
+.mb-2 {
+ margin-bottom: 0.5rem !important;
+}
+
+.mb-3 {
+ margin-bottom: 1rem !important;
+}
+
+.mb-4 {
+ margin-bottom: 1.5rem !important;
+}
+
+.mb-5 {
+ margin-bottom: 2rem !important;
+}
+
+.mb-6 {
+ margin-bottom: 3rem !important;
+}
+
+.mb-7 {
+ margin-bottom: 5rem !important;
+}
+
+.mb-8 {
+ margin-bottom: 8rem !important;
+}
+
+.mb-auto {
+ margin-bottom: auto !important;
+}
+
+.ms-0 {
+ margin-left: 0 !important;
+}
+
+.ms-1 {
+ margin-left: 0.25rem !important;
+}
+
+.ms-2 {
+ margin-left: 0.5rem !important;
+}
+
+.ms-3 {
+ margin-left: 1rem !important;
+}
+
+.ms-4 {
+ margin-left: 1.5rem !important;
+}
+
+.ms-5 {
+ margin-left: 2rem !important;
+}
+
+.ms-6 {
+ margin-left: 3rem !important;
+}
+
+.ms-7 {
+ margin-left: 5rem !important;
+}
+
+.ms-8 {
+ margin-left: 8rem !important;
+}
+
+.ms-auto {
+ margin-left: auto !important;
+}
+
+.p-0 {
+ padding: 0 !important;
+}
+
+.p-1 {
+ padding: 0.25rem !important;
+}
+
+.p-2 {
+ padding: 0.5rem !important;
+}
+
+.p-3 {
+ padding: 1rem !important;
+}
+
+.p-4 {
+ padding: 1.5rem !important;
+}
+
+.p-5 {
+ padding: 2rem !important;
+}
+
+.p-6 {
+ padding: 3rem !important;
+}
+
+.p-7 {
+ padding: 5rem !important;
+}
+
+.p-8 {
+ padding: 8rem !important;
+}
+
+.px-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+}
+
+.px-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+}
+
+.px-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+}
+
+.px-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+}
+
+.px-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+}
+
+.px-5 {
+ padding-right: 2rem !important;
+ padding-left: 2rem !important;
+}
+
+.px-6 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+}
+
+.px-7 {
+ padding-right: 5rem !important;
+ padding-left: 5rem !important;
+}
+
+.px-8 {
+ padding-right: 8rem !important;
+ padding-left: 8rem !important;
+}
+
+.py-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+}
+
+.py-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+}
+
+.py-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+}
+
+.py-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+}
+
+.py-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+}
+
+.py-5 {
+ padding-top: 2rem !important;
+ padding-bottom: 2rem !important;
+}
+
+.py-6 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+}
+
+.py-7 {
+ padding-top: 5rem !important;
+ padding-bottom: 5rem !important;
+}
+
+.py-8 {
+ padding-top: 8rem !important;
+ padding-bottom: 8rem !important;
+}
+
+.pt-0 {
+ padding-top: 0 !important;
+}
+
+.pt-1 {
+ padding-top: 0.25rem !important;
+}
+
+.pt-2 {
+ padding-top: 0.5rem !important;
+}
+
+.pt-3 {
+ padding-top: 1rem !important;
+}
+
+.pt-4 {
+ padding-top: 1.5rem !important;
+}
+
+.pt-5 {
+ padding-top: 2rem !important;
+}
+
+.pt-6 {
+ padding-top: 3rem !important;
+}
+
+.pt-7 {
+ padding-top: 5rem !important;
+}
+
+.pt-8 {
+ padding-top: 8rem !important;
+}
+
+.pe-0 {
+ padding-right: 0 !important;
+}
+
+.pe-1 {
+ padding-right: 0.25rem !important;
+}
+
+.pe-2 {
+ padding-right: 0.5rem !important;
+}
+
+.pe-3 {
+ padding-right: 1rem !important;
+}
+
+.pe-4 {
+ padding-right: 1.5rem !important;
+}
+
+.pe-5 {
+ padding-right: 2rem !important;
+}
+
+.pe-6 {
+ padding-right: 3rem !important;
+}
+
+.pe-7 {
+ padding-right: 5rem !important;
+}
+
+.pe-8 {
+ padding-right: 8rem !important;
+}
+
+.pb-0 {
+ padding-bottom: 0 !important;
+}
+
+.pb-1 {
+ padding-bottom: 0.25rem !important;
+}
+
+.pb-2 {
+ padding-bottom: 0.5rem !important;
+}
+
+.pb-3 {
+ padding-bottom: 1rem !important;
+}
+
+.pb-4 {
+ padding-bottom: 1.5rem !important;
+}
+
+.pb-5 {
+ padding-bottom: 2rem !important;
+}
+
+.pb-6 {
+ padding-bottom: 3rem !important;
+}
+
+.pb-7 {
+ padding-bottom: 5rem !important;
+}
+
+.pb-8 {
+ padding-bottom: 8rem !important;
+}
+
+.ps-0 {
+ padding-left: 0 !important;
+}
+
+.ps-1 {
+ padding-left: 0.25rem !important;
+}
+
+.ps-2 {
+ padding-left: 0.5rem !important;
+}
+
+.ps-3 {
+ padding-left: 1rem !important;
+}
+
+.ps-4 {
+ padding-left: 1.5rem !important;
+}
+
+.ps-5 {
+ padding-left: 2rem !important;
+}
+
+.ps-6 {
+ padding-left: 3rem !important;
+}
+
+.ps-7 {
+ padding-left: 5rem !important;
+}
+
+.ps-8 {
+ padding-left: 8rem !important;
+}
+
+.gap-0 {
+ gap: 0 !important;
+}
+
+.gap-1 {
+ gap: 0.25rem !important;
+}
+
+.gap-2 {
+ gap: 0.5rem !important;
+}
+
+.gap-3 {
+ gap: 1rem !important;
+}
+
+.gap-4 {
+ gap: 1.5rem !important;
+}
+
+.gap-5 {
+ gap: 2rem !important;
+}
+
+.gap-6 {
+ gap: 3rem !important;
+}
+
+.gap-7 {
+ gap: 5rem !important;
+}
+
+.gap-8 {
+ gap: 8rem !important;
+}
+
+.row-gap-0 {
+ row-gap: 0 !important;
+}
+
+.row-gap-1 {
+ row-gap: 0.25rem !important;
+}
+
+.row-gap-2 {
+ row-gap: 0.5rem !important;
+}
+
+.row-gap-3 {
+ row-gap: 1rem !important;
+}
+
+.row-gap-4 {
+ row-gap: 1.5rem !important;
+}
+
+.row-gap-5 {
+ row-gap: 2rem !important;
+}
+
+.row-gap-6 {
+ row-gap: 3rem !important;
+}
+
+.row-gap-7 {
+ row-gap: 5rem !important;
+}
+
+.row-gap-8 {
+ row-gap: 8rem !important;
+}
+
+.column-gap-0 {
+ -moz-column-gap: 0 !important;
+ column-gap: 0 !important;
+}
+
+.column-gap-1 {
+ -moz-column-gap: 0.25rem !important;
+ column-gap: 0.25rem !important;
+}
+
+.column-gap-2 {
+ -moz-column-gap: 0.5rem !important;
+ column-gap: 0.5rem !important;
+}
+
+.column-gap-3 {
+ -moz-column-gap: 1rem !important;
+ column-gap: 1rem !important;
+}
+
+.column-gap-4 {
+ -moz-column-gap: 1.5rem !important;
+ column-gap: 1.5rem !important;
+}
+
+.column-gap-5 {
+ -moz-column-gap: 2rem !important;
+ column-gap: 2rem !important;
+}
+
+.column-gap-6 {
+ -moz-column-gap: 3rem !important;
+ column-gap: 3rem !important;
+}
+
+.column-gap-7 {
+ -moz-column-gap: 5rem !important;
+ column-gap: 5rem !important;
+}
+
+.column-gap-8 {
+ -moz-column-gap: 8rem !important;
+ column-gap: 8rem !important;
+}
+
+.font-monospace {
+ font-family: var(--tblr-font-monospace) !important;
+}
+
+.fs-1 {
+ font-size: 1.5rem !important;
+}
+
+.fs-2 {
+ font-size: 1.25rem !important;
+}
+
+.fs-3 {
+ font-size: 1rem !important;
+}
+
+.fs-4 {
+ font-size: 0.875rem !important;
+}
+
+.fs-5 {
+ font-size: 0.75rem !important;
+}
+
+.fs-6 {
+ font-size: 0.625rem !important;
+}
+
+.fst-italic {
+ font-style: italic !important;
+}
+
+.fst-normal {
+ font-style: normal !important;
+}
+
+.fw-lighter {
+ font-weight: lighter !important;
+}
+
+.fw-light {
+ font-weight: 300 !important;
+}
+
+.fw-normal {
+ font-weight: 400 !important;
+}
+
+.fw-medium {
+ font-weight: 500 !important;
+}
+
+.fw-semibold {
+ font-weight: 600 !important;
+}
+
+.fw-bold {
+ font-weight: 600 !important;
+}
+
+.fw-bolder {
+ font-weight: bolder !important;
+}
+
+.lh-1 {
+ line-height: 1 !important;
+}
+
+.lh-sm {
+ line-height: 1.1428571429 !important;
+}
+
+.lh-base {
+ line-height: 1.4285714286 !important;
+}
+
+.lh-lg {
+ line-height: 1.7142857143 !important;
+}
+
+.text-start {
+ text-align: left !important;
+}
+
+.text-end {
+ text-align: right !important;
+}
+
+.text-center {
+ text-align: center !important;
+}
+
+.text-decoration-none {
+ text-decoration: none !important;
+}
+
+.text-decoration-underline {
+ text-decoration: underline !important;
+}
+
+.text-decoration-line-through {
+ text-decoration: line-through !important;
+}
+
+.text-lowercase {
+ text-transform: lowercase !important;
+}
+
+.text-uppercase {
+ text-transform: uppercase !important;
+}
+
+.text-capitalize {
+ text-transform: capitalize !important;
+}
+
+.text-wrap {
+ white-space: normal !important;
+}
+
+.text-nowrap {
+ white-space: nowrap !important;
+}
+
+/* rtl:begin:remove */
+.text-break {
+ word-wrap: break-word !important;
+ word-break: break-word !important;
+}
+
+/* rtl:end:remove */
+.text-primary {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-primary-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-secondary {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-secondary-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-success {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-success-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-info {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-info-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-warning {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-warning-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-danger {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-danger-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-light {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-light-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-dark {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-dark-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-muted {
+ --tblr-text-opacity: 1;
+ color: var(--tblr-secondary-color) !important;
+}
+
+.text-blue {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-blue-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-azure {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-azure-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-indigo {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-indigo-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-purple {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-purple-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-pink {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-pink-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-red {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-red-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-orange {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-orange-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-yellow {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-yellow-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-lime {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-lime-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-green {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-green-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-teal {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-teal-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-cyan {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-cyan-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-facebook {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-facebook-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-twitter {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-twitter-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-linkedin {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-linkedin-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-google {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-google-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-youtube {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-youtube-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-vimeo {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-vimeo-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-dribbble {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-dribbble-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-github {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-github-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-instagram {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-instagram-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-pinterest {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-pinterest-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-vk {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-vk-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-rss {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-rss-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-flickr {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-flickr-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-bitbucket {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-bitbucket-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-tabler {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-tabler-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-black {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-black-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-white {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-white-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-body {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-body-color-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-black-50 {
+ --tblr-text-opacity: 1;
+ color: rgba(0, 0, 0, 0.5) !important;
+}
+
+.text-white-50 {
+ --tblr-text-opacity: 1;
+ color: rgba(255, 255, 255, 0.5) !important;
+}
+
+.text-body-secondary {
+ --tblr-text-opacity: 1;
+ color: var(--tblr-secondary-color) !important;
+}
+
+.text-body-tertiary {
+ --tblr-text-opacity: 1;
+ color: var(--tblr-tertiary-color) !important;
+}
+
+.text-body-emphasis {
+ --tblr-text-opacity: 1;
+ color: var(--tblr-emphasis-color) !important;
+}
+
+.text-reset {
+ --tblr-text-opacity: 1;
+ color: inherit !important;
+}
+
+.text-opacity-25 {
+ --tblr-text-opacity: 0.25;
+}
+
+.text-opacity-50 {
+ --tblr-text-opacity: 0.5;
+}
+
+.text-opacity-75 {
+ --tblr-text-opacity: 0.75;
+}
+
+.text-opacity-100 {
+ --tblr-text-opacity: 1;
+}
+
+.text-primary-emphasis {
+ color: var(--tblr-primary-text-emphasis) !important;
+}
+
+.text-secondary-emphasis {
+ color: var(--tblr-secondary-text-emphasis) !important;
+}
+
+.text-success-emphasis {
+ color: var(--tblr-success-text-emphasis) !important;
+}
+
+.text-info-emphasis {
+ color: var(--tblr-info-text-emphasis) !important;
+}
+
+.text-warning-emphasis {
+ color: var(--tblr-warning-text-emphasis) !important;
+}
+
+.text-danger-emphasis {
+ color: var(--tblr-danger-text-emphasis) !important;
+}
+
+.text-light-emphasis {
+ color: var(--tblr-light-text-emphasis) !important;
+}
+
+.text-dark-emphasis {
+ color: var(--tblr-dark-text-emphasis) !important;
+}
+
+.link-opacity-10 {
+ --tblr-link-opacity: 0.1;
+}
+
+.link-opacity-10-hover:hover {
+ --tblr-link-opacity: 0.1;
+}
+
+.link-opacity-25 {
+ --tblr-link-opacity: 0.25;
+}
+
+.link-opacity-25-hover:hover {
+ --tblr-link-opacity: 0.25;
+}
+
+.link-opacity-50 {
+ --tblr-link-opacity: 0.5;
+}
+
+.link-opacity-50-hover:hover {
+ --tblr-link-opacity: 0.5;
+}
+
+.link-opacity-75 {
+ --tblr-link-opacity: 0.75;
+}
+
+.link-opacity-75-hover:hover {
+ --tblr-link-opacity: 0.75;
+}
+
+.link-opacity-100 {
+ --tblr-link-opacity: 1;
+}
+
+.link-opacity-100-hover:hover {
+ --tblr-link-opacity: 1;
+}
+
+.link-offset-1 {
+ text-underline-offset: 0.125em !important;
+}
+
+.link-offset-1-hover:hover {
+ text-underline-offset: 0.125em !important;
+}
+
+.link-offset-2 {
+ text-underline-offset: 0.25em !important;
+}
+
+.link-offset-2-hover:hover {
+ text-underline-offset: 0.25em !important;
+}
+
+.link-offset-3 {
+ text-underline-offset: 0.375em !important;
+}
+
+.link-offset-3-hover:hover {
+ text-underline-offset: 0.375em !important;
+}
+
+.link-underline-primary {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-primary-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-primary-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-secondary {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-secondary-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-secondary-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-success {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-success-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-success-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-info {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-info-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-info-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-warning {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-warning-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-warning-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-danger {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-danger-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-danger-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-light {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-light-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-light-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-dark {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-dark-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-dark-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-muted {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-muted-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-muted-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-blue {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-blue-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-blue-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-azure {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-azure-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-azure-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-indigo {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-indigo-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-indigo-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-purple {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-purple-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-purple-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-pink {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-pink-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-pink-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-red {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-red-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-red-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-orange {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-orange-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-orange-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-yellow {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-yellow-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-yellow-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-lime {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-lime-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-lime-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-green {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-green-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-green-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-teal {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-teal-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-teal-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-cyan {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-cyan-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-cyan-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-facebook {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-facebook-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-facebook-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-twitter {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-twitter-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-twitter-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-linkedin {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-linkedin-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-linkedin-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-google {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-google-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-google-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-youtube {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-youtube-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-youtube-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-vimeo {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-vimeo-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-vimeo-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-dribbble {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-dribbble-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-dribbble-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-github {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-github-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-github-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-instagram {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-instagram-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-instagram-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-pinterest {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-pinterest-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-pinterest-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-vk {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-vk-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-vk-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-rss {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-rss-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-rss-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-flickr {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-flickr-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-flickr-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-bitbucket {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-bitbucket-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-bitbucket-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline-tabler {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-tabler-rgb), var(--tblr-link-underline-opacity)) !important;
+ text-decoration-color: rgba(var(--tblr-tabler-rgb), var(--tblr-link-underline-opacity)) !important;
+}
+
+.link-underline {
+ --tblr-link-underline-opacity: 1;
+ -webkit-text-decoration-color: rgba(var(--tblr-link-color-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+ text-decoration-color: rgba(var(--tblr-link-color-rgb), var(--tblr-link-underline-opacity, 1)) !important;
+}
+
+.link-underline-opacity-0 {
+ --tblr-link-underline-opacity: 0;
+}
+
+.link-underline-opacity-0-hover:hover {
+ --tblr-link-underline-opacity: 0;
+}
+
+.link-underline-opacity-10 {
+ --tblr-link-underline-opacity: 0.1;
+}
+
+.link-underline-opacity-10-hover:hover {
+ --tblr-link-underline-opacity: 0.1;
+}
+
+.link-underline-opacity-25 {
+ --tblr-link-underline-opacity: 0.25;
+}
+
+.link-underline-opacity-25-hover:hover {
+ --tblr-link-underline-opacity: 0.25;
+}
+
+.link-underline-opacity-50 {
+ --tblr-link-underline-opacity: 0.5;
+}
+
+.link-underline-opacity-50-hover:hover {
+ --tblr-link-underline-opacity: 0.5;
+}
+
+.link-underline-opacity-75 {
+ --tblr-link-underline-opacity: 0.75;
+}
+
+.link-underline-opacity-75-hover:hover {
+ --tblr-link-underline-opacity: 0.75;
+}
+
+.link-underline-opacity-100 {
+ --tblr-link-underline-opacity: 1;
+}
+
+.link-underline-opacity-100-hover:hover {
+ --tblr-link-underline-opacity: 1;
+}
+
+.bg-primary {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-primary-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-secondary {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-secondary-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-success {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-success-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-info {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-info-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-warning {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-warning-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-danger {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-danger-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-light {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-light-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-dark {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-dark-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-muted {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-muted-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-blue {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-blue-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-azure {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-azure-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-indigo {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-indigo-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-purple {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-purple-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-pink {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-pink-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-red {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-red-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-orange {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-orange-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-yellow {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-yellow-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-lime {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-lime-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-green {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-green-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-teal {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-teal-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-cyan {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-cyan-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-facebook {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-facebook-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-twitter {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-twitter-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-linkedin {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-linkedin-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-google {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-google-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-youtube {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-youtube-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-vimeo {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-vimeo-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-dribbble {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-dribbble-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-github {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-github-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-instagram {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-instagram-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-pinterest {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-pinterest-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-vk {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-vk-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-rss {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-rss-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-flickr {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-flickr-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-bitbucket {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-bitbucket-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-tabler {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-tabler-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-black {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-black-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-white {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-white-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-body {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-body-bg-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-transparent {
+ --tblr-bg-opacity: 1;
+ background-color: transparent !important;
+}
+
+.bg-body-secondary {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-secondary-bg-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-body-tertiary {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-tertiary-bg-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-opacity-10 {
+ --tblr-bg-opacity: 0.1;
+}
+
+.bg-opacity-25 {
+ --tblr-bg-opacity: 0.25;
+}
+
+.bg-opacity-50 {
+ --tblr-bg-opacity: 0.5;
+}
+
+.bg-opacity-75 {
+ --tblr-bg-opacity: 0.75;
+}
+
+.bg-opacity-100 {
+ --tblr-bg-opacity: 1;
+}
+
+.bg-primary-subtle {
+ background-color: var(--tblr-primary-bg-subtle) !important;
+}
+
+.bg-secondary-subtle {
+ background-color: var(--tblr-secondary-bg-subtle) !important;
+}
+
+.bg-success-subtle {
+ background-color: var(--tblr-success-bg-subtle) !important;
+}
+
+.bg-info-subtle {
+ background-color: var(--tblr-info-bg-subtle) !important;
+}
+
+.bg-warning-subtle {
+ background-color: var(--tblr-warning-bg-subtle) !important;
+}
+
+.bg-danger-subtle {
+ background-color: var(--tblr-danger-bg-subtle) !important;
+}
+
+.bg-light-subtle {
+ background-color: var(--tblr-light-bg-subtle) !important;
+}
+
+.bg-dark-subtle {
+ background-color: var(--tblr-dark-bg-subtle) !important;
+}
+
+.bg-gradient {
+ background-image: var(--tblr-gradient) !important;
+}
+
+.user-select-all {
+ -webkit-user-select: all !important;
+ -moz-user-select: all !important;
+ user-select: all !important;
+}
+
+.user-select-auto {
+ -webkit-user-select: auto !important;
+ -moz-user-select: auto !important;
+ -ms-user-select: auto !important;
+ user-select: auto !important;
+}
+
+.user-select-none {
+ -webkit-user-select: none !important;
+ -moz-user-select: none !important;
+ -ms-user-select: none !important;
+ user-select: none !important;
+}
+
+.pe-none {
+ pointer-events: none !important;
+}
+
+.pe-auto {
+ pointer-events: auto !important;
+}
+
+.rounded {
+ border-radius: var(--tblr-border-radius) !important;
+}
+
+.rounded-0 {
+ border-radius: 0 !important;
+}
+
+.rounded-1 {
+ border-radius: var(--tblr-border-radius-sm) !important;
+}
+
+.rounded-2 {
+ border-radius: var(--tblr-border-radius) !important;
+}
+
+.rounded-3 {
+ border-radius: var(--tblr-border-radius-lg) !important;
+}
+
+.rounded-4 {
+ border-radius: var(--tblr-border-radius-xl) !important;
+}
+
+.rounded-5 {
+ border-radius: var(--tblr-border-radius-xxl) !important;
+}
+
+.rounded-circle {
+ border-radius: 50% !important;
+}
+
+.rounded-pill {
+ border-radius: var(--tblr-border-radius-pill) !important;
+}
+
+.rounded-top {
+ border-top-left-radius: var(--tblr-border-radius) !important;
+ border-top-right-radius: var(--tblr-border-radius) !important;
+}
+
+.rounded-top-0 {
+ border-top-left-radius: 0 !important;
+ border-top-right-radius: 0 !important;
+}
+
+.rounded-top-1 {
+ border-top-left-radius: var(--tblr-border-radius-sm) !important;
+ border-top-right-radius: var(--tblr-border-radius-sm) !important;
+}
+
+.rounded-top-2 {
+ border-top-left-radius: var(--tblr-border-radius) !important;
+ border-top-right-radius: var(--tblr-border-radius) !important;
+}
+
+.rounded-top-3 {
+ border-top-left-radius: var(--tblr-border-radius-lg) !important;
+ border-top-right-radius: var(--tblr-border-radius-lg) !important;
+}
+
+.rounded-top-4 {
+ border-top-left-radius: var(--tblr-border-radius-xl) !important;
+ border-top-right-radius: var(--tblr-border-radius-xl) !important;
+}
+
+.rounded-top-5 {
+ border-top-left-radius: var(--tblr-border-radius-xxl) !important;
+ border-top-right-radius: var(--tblr-border-radius-xxl) !important;
+}
+
+.rounded-top-circle {
+ border-top-left-radius: 50% !important;
+ border-top-right-radius: 50% !important;
+}
+
+.rounded-top-pill {
+ border-top-left-radius: var(--tblr-border-radius-pill) !important;
+ border-top-right-radius: var(--tblr-border-radius-pill) !important;
+}
+
+.rounded-end {
+ border-top-right-radius: var(--tblr-border-radius) !important;
+ border-bottom-right-radius: var(--tblr-border-radius) !important;
+}
+
+.rounded-end-0 {
+ border-top-right-radius: 0 !important;
+ border-bottom-right-radius: 0 !important;
+}
+
+.rounded-end-1 {
+ border-top-right-radius: var(--tblr-border-radius-sm) !important;
+ border-bottom-right-radius: var(--tblr-border-radius-sm) !important;
+}
+
+.rounded-end-2 {
+ border-top-right-radius: var(--tblr-border-radius) !important;
+ border-bottom-right-radius: var(--tblr-border-radius) !important;
+}
+
+.rounded-end-3 {
+ border-top-right-radius: var(--tblr-border-radius-lg) !important;
+ border-bottom-right-radius: var(--tblr-border-radius-lg) !important;
+}
+
+.rounded-end-4 {
+ border-top-right-radius: var(--tblr-border-radius-xl) !important;
+ border-bottom-right-radius: var(--tblr-border-radius-xl) !important;
+}
+
+.rounded-end-5 {
+ border-top-right-radius: var(--tblr-border-radius-xxl) !important;
+ border-bottom-right-radius: var(--tblr-border-radius-xxl) !important;
+}
+
+.rounded-end-circle {
+ border-top-right-radius: 50% !important;
+ border-bottom-right-radius: 50% !important;
+}
+
+.rounded-end-pill {
+ border-top-right-radius: var(--tblr-border-radius-pill) !important;
+ border-bottom-right-radius: var(--tblr-border-radius-pill) !important;
+}
+
+.rounded-bottom {
+ border-bottom-right-radius: var(--tblr-border-radius) !important;
+ border-bottom-left-radius: var(--tblr-border-radius) !important;
+}
+
+.rounded-bottom-0 {
+ border-bottom-right-radius: 0 !important;
+ border-bottom-left-radius: 0 !important;
+}
+
+.rounded-bottom-1 {
+ border-bottom-right-radius: var(--tblr-border-radius-sm) !important;
+ border-bottom-left-radius: var(--tblr-border-radius-sm) !important;
+}
+
+.rounded-bottom-2 {
+ border-bottom-right-radius: var(--tblr-border-radius) !important;
+ border-bottom-left-radius: var(--tblr-border-radius) !important;
+}
+
+.rounded-bottom-3 {
+ border-bottom-right-radius: var(--tblr-border-radius-lg) !important;
+ border-bottom-left-radius: var(--tblr-border-radius-lg) !important;
+}
+
+.rounded-bottom-4 {
+ border-bottom-right-radius: var(--tblr-border-radius-xl) !important;
+ border-bottom-left-radius: var(--tblr-border-radius-xl) !important;
+}
+
+.rounded-bottom-5 {
+ border-bottom-right-radius: var(--tblr-border-radius-xxl) !important;
+ border-bottom-left-radius: var(--tblr-border-radius-xxl) !important;
+}
+
+.rounded-bottom-circle {
+ border-bottom-right-radius: 50% !important;
+ border-bottom-left-radius: 50% !important;
+}
+
+.rounded-bottom-pill {
+ border-bottom-right-radius: var(--tblr-border-radius-pill) !important;
+ border-bottom-left-radius: var(--tblr-border-radius-pill) !important;
+}
+
+.rounded-start {
+ border-bottom-left-radius: var(--tblr-border-radius) !important;
+ border-top-left-radius: var(--tblr-border-radius) !important;
+}
+
+.rounded-start-0 {
+ border-bottom-left-radius: 0 !important;
+ border-top-left-radius: 0 !important;
+}
+
+.rounded-start-1 {
+ border-bottom-left-radius: var(--tblr-border-radius-sm) !important;
+ border-top-left-radius: var(--tblr-border-radius-sm) !important;
+}
+
+.rounded-start-2 {
+ border-bottom-left-radius: var(--tblr-border-radius) !important;
+ border-top-left-radius: var(--tblr-border-radius) !important;
+}
+
+.rounded-start-3 {
+ border-bottom-left-radius: var(--tblr-border-radius-lg) !important;
+ border-top-left-radius: var(--tblr-border-radius-lg) !important;
+}
+
+.rounded-start-4 {
+ border-bottom-left-radius: var(--tblr-border-radius-xl) !important;
+ border-top-left-radius: var(--tblr-border-radius-xl) !important;
+}
+
+.rounded-start-5 {
+ border-bottom-left-radius: var(--tblr-border-radius-xxl) !important;
+ border-top-left-radius: var(--tblr-border-radius-xxl) !important;
+}
+
+.rounded-start-circle {
+ border-bottom-left-radius: 50% !important;
+ border-top-left-radius: 50% !important;
+}
+
+.rounded-start-pill {
+ border-bottom-left-radius: var(--tblr-border-radius-pill) !important;
+ border-top-left-radius: var(--tblr-border-radius-pill) !important;
+}
+
+.visible {
+ visibility: visible !important;
+}
+
+.invisible {
+ visibility: hidden !important;
+}
+
+.z-n1 {
+ z-index: -1 !important;
+}
+
+.z-0 {
+ z-index: 0 !important;
+}
+
+.z-1 {
+ z-index: 1 !important;
+}
+
+.z-2 {
+ z-index: 2 !important;
+}
+
+.z-3 {
+ z-index: 3 !important;
+}
+
+.object-contain {
+ -o-object-fit: contain !important;
+ object-fit: contain !important;
+}
+
+.object-cover {
+ -o-object-fit: cover !important;
+ object-fit: cover !important;
+}
+
+.object-fill {
+ -o-object-fit: fill !important;
+ object-fit: fill !important;
+}
+
+.object-scale-down {
+ -o-object-fit: scale-down !important;
+ object-fit: scale-down !important;
+}
+
+.object-none {
+ -o-object-fit: none !important;
+ object-fit: none !important;
+}
+
+.tracking-tight {
+ letter-spacing: -0.05em !important;
+}
+
+.tracking-normal {
+ letter-spacing: 0 !important;
+}
+
+.tracking-wide {
+ letter-spacing: 0.05em !important;
+}
+
+.cursor-auto {
+ cursor: auto !important;
+}
+
+.cursor-pointer {
+ cursor: pointer !important;
+}
+
+.cursor-move {
+ cursor: move !important;
+}
+
+.cursor-not-allowed {
+ cursor: not-allowed !important;
+}
+
+.cursor-zoom-in {
+ cursor: zoom-in !important;
+}
+
+.cursor-zoom-out {
+ cursor: zoom-out !important;
+}
+
+.cursor-default {
+ cursor: default !important;
+}
+
+.cursor-none {
+ cursor: none !important;
+}
+
+.cursor-help {
+ cursor: help !important;
+}
+
+.cursor-progress {
+ cursor: progress !important;
+}
+
+.cursor-wait {
+ cursor: wait !important;
+}
+
+.cursor-text {
+ cursor: text !important;
+}
+
+.cursor-v-text {
+ cursor: vertical-text !important;
+}
+
+.cursor-grab {
+ cursor: -webkit-grab !important;
+ cursor: grab !important;
+}
+
+.cursor-grabbing {
+ cursor: -webkit-grabbing !important;
+ cursor: grabbing !important;
+}
+
+.border-x {
+ border-left: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+ border-right: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+}
+
+.border-x-wide {
+ border-left: 2px var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+ border-right: 2px var(--tblr-border-style) rgba(4, 32, 69, 0.14) !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, 0.14) !important;
+ border-bottom: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+}
+
+.border-y-wide {
+ border-top: 2px var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+ border-bottom: 2px var(--tblr-border-style) rgba(4, 32, 69, 0.14) !important;
+}
+
+.border-y-0 {
+ border-top: 0 !important;
+ border-bottom: 0 !important;
+}
+
+.columns-2 {
+ -moz-columns: 2 !important;
+ columns: 2 !important;
+}
+
+.columns-3 {
+ -moz-columns: 3 !important;
+ columns: 3 !important;
+}
+
+.columns-4 {
+ -moz-columns: 4 !important;
+ columns: 4 !important;
+}
+
+@media (min-width: 576px) {
+ .float-sm-start {
+ float: left !important;
+ }
+ .float-sm-end {
+ float: right !important;
+ }
+ .float-sm-none {
+ float: none !important;
+ }
+ .object-fit-sm-contain {
+ -o-object-fit: contain !important;
+ object-fit: contain !important;
+ }
+ .object-fit-sm-cover {
+ -o-object-fit: cover !important;
+ object-fit: cover !important;
+ }
+ .object-fit-sm-fill {
+ -o-object-fit: fill !important;
+ object-fit: fill !important;
+ }
+ .object-fit-sm-scale {
+ -o-object-fit: scale-down !important;
+ object-fit: scale-down !important;
+ }
+ .object-fit-sm-none {
+ -o-object-fit: none !important;
+ object-fit: none !important;
+ }
+ .d-sm-inline {
+ display: inline !important;
+ }
+ .d-sm-inline-block {
+ display: inline-block !important;
+ }
+ .d-sm-block {
+ display: block !important;
+ }
+ .d-sm-grid {
+ display: grid !important;
+ }
+ .d-sm-inline-grid {
+ display: inline-grid !important;
+ }
+ .d-sm-table {
+ display: table !important;
+ }
+ .d-sm-table-row {
+ display: table-row !important;
+ }
+ .d-sm-table-cell {
+ display: table-cell !important;
+ }
+ .d-sm-flex {
+ display: flex !important;
+ }
+ .d-sm-inline-flex {
+ display: inline-flex !important;
+ }
+ .d-sm-none {
+ display: none !important;
+ }
+ .flex-sm-fill {
+ flex: 1 1 auto !important;
+ }
+ .flex-sm-row {
+ flex-direction: row !important;
+ }
+ .flex-sm-column {
+ flex-direction: column !important;
+ }
+ .flex-sm-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+ .flex-sm-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+ .flex-sm-grow-0 {
+ flex-grow: 0 !important;
+ }
+ .flex-sm-grow-1 {
+ flex-grow: 1 !important;
+ }
+ .flex-sm-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+ .flex-sm-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+ .flex-sm-wrap {
+ flex-wrap: wrap !important;
+ }
+ .flex-sm-nowrap {
+ flex-wrap: nowrap !important;
+ }
+ .flex-sm-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-sm-start {
+ justify-content: flex-start !important;
+ }
+ .justify-content-sm-end {
+ justify-content: flex-end !important;
+ }
+ .justify-content-sm-center {
+ justify-content: center !important;
+ }
+ .justify-content-sm-between {
+ justify-content: space-between !important;
+ }
+ .justify-content-sm-around {
+ justify-content: space-around !important;
+ }
+ .justify-content-sm-evenly {
+ justify-content: space-evenly !important;
+ }
+ .align-items-sm-start {
+ align-items: flex-start !important;
+ }
+ .align-items-sm-end {
+ align-items: flex-end !important;
+ }
+ .align-items-sm-center {
+ align-items: center !important;
+ }
+ .align-items-sm-baseline {
+ align-items: baseline !important;
+ }
+ .align-items-sm-stretch {
+ align-items: stretch !important;
+ }
+ .align-content-sm-start {
+ align-content: flex-start !important;
+ }
+ .align-content-sm-end {
+ align-content: flex-end !important;
+ }
+ .align-content-sm-center {
+ align-content: center !important;
+ }
+ .align-content-sm-between {
+ align-content: space-between !important;
+ }
+ .align-content-sm-around {
+ align-content: space-around !important;
+ }
+ .align-content-sm-stretch {
+ align-content: stretch !important;
+ }
+ .align-self-sm-auto {
+ align-self: auto !important;
+ }
+ .align-self-sm-start {
+ align-self: flex-start !important;
+ }
+ .align-self-sm-end {
+ align-self: flex-end !important;
+ }
+ .align-self-sm-center {
+ align-self: center !important;
+ }
+ .align-self-sm-baseline {
+ align-self: baseline !important;
+ }
+ .align-self-sm-stretch {
+ align-self: stretch !important;
+ }
+ .order-sm-first {
+ order: -1 !important;
+ }
+ .order-sm-0 {
+ order: 0 !important;
+ }
+ .order-sm-1 {
+ order: 1 !important;
+ }
+ .order-sm-2 {
+ order: 2 !important;
+ }
+ .order-sm-3 {
+ order: 3 !important;
+ }
+ .order-sm-4 {
+ order: 4 !important;
+ }
+ .order-sm-5 {
+ order: 5 !important;
+ }
+ .order-sm-last {
+ order: 6 !important;
+ }
+ .m-sm-0 {
+ margin: 0 !important;
+ }
+ .m-sm-1 {
+ margin: 0.25rem !important;
+ }
+ .m-sm-2 {
+ margin: 0.5rem !important;
+ }
+ .m-sm-3 {
+ margin: 1rem !important;
+ }
+ .m-sm-4 {
+ margin: 1.5rem !important;
+ }
+ .m-sm-5 {
+ margin: 2rem !important;
+ }
+ .m-sm-6 {
+ margin: 3rem !important;
+ }
+ .m-sm-7 {
+ margin: 5rem !important;
+ }
+ .m-sm-8 {
+ margin: 8rem !important;
+ }
+ .m-sm-auto {
+ margin: auto !important;
+ }
+ .mx-sm-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+ .mx-sm-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+ .mx-sm-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
+ .mx-sm-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
+ .mx-sm-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
+ .mx-sm-5 {
+ margin-right: 2rem !important;
+ margin-left: 2rem !important;
+ }
+ .mx-sm-6 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
+ .mx-sm-7 {
+ margin-right: 5rem !important;
+ margin-left: 5rem !important;
+ }
+ .mx-sm-8 {
+ margin-right: 8rem !important;
+ margin-left: 8rem !important;
+ }
+ .mx-sm-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+ .my-sm-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ .my-sm-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+ .my-sm-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
+ .my-sm-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
+ .my-sm-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
+ .my-sm-5 {
+ margin-top: 2rem !important;
+ margin-bottom: 2rem !important;
+ }
+ .my-sm-6 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
+ .my-sm-7 {
+ margin-top: 5rem !important;
+ margin-bottom: 5rem !important;
+ }
+ .my-sm-8 {
+ margin-top: 8rem !important;
+ margin-bottom: 8rem !important;
+ }
+ .my-sm-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+ .mt-sm-0 {
+ margin-top: 0 !important;
+ }
+ .mt-sm-1 {
+ margin-top: 0.25rem !important;
+ }
+ .mt-sm-2 {
+ margin-top: 0.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: 0.25rem !important;
+ }
+ .me-sm-2 {
+ margin-right: 0.5rem !important;
+ }
+ .me-sm-3 {
+ margin-right: 1rem !important;
+ }
+ .me-sm-4 {
+ margin-right: 1.5rem !important;
+ }
+ .me-sm-5 {
+ margin-right: 2rem !important;
+ }
+ .me-sm-6 {
+ margin-right: 3rem !important;
+ }
+ .me-sm-7 {
+ margin-right: 5rem !important;
+ }
+ .me-sm-8 {
+ margin-right: 8rem !important;
+ }
+ .me-sm-auto {
+ margin-right: auto !important;
+ }
+ .mb-sm-0 {
+ margin-bottom: 0 !important;
+ }
+ .mb-sm-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .mb-sm-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .mb-sm-3 {
+ margin-bottom: 1rem !important;
+ }
+ .mb-sm-4 {
+ margin-bottom: 1.5rem !important;
+ }
+ .mb-sm-5 {
+ margin-bottom: 2rem !important;
+ }
+ .mb-sm-6 {
+ margin-bottom: 3rem !important;
+ }
+ .mb-sm-7 {
+ margin-bottom: 5rem !important;
+ }
+ .mb-sm-8 {
+ margin-bottom: 8rem !important;
+ }
+ .mb-sm-auto {
+ margin-bottom: auto !important;
+ }
+ .ms-sm-0 {
+ margin-left: 0 !important;
+ }
+ .ms-sm-1 {
+ margin-left: 0.25rem !important;
+ }
+ .ms-sm-2 {
+ margin-left: 0.5rem !important;
+ }
+ .ms-sm-3 {
+ margin-left: 1rem !important;
+ }
+ .ms-sm-4 {
+ margin-left: 1.5rem !important;
+ }
+ .ms-sm-5 {
+ margin-left: 2rem !important;
+ }
+ .ms-sm-6 {
+ margin-left: 3rem !important;
+ }
+ .ms-sm-7 {
+ margin-left: 5rem !important;
+ }
+ .ms-sm-8 {
+ margin-left: 8rem !important;
+ }
+ .ms-sm-auto {
+ margin-left: auto !important;
+ }
+ .p-sm-0 {
+ padding: 0 !important;
+ }
+ .p-sm-1 {
+ padding: 0.25rem !important;
+ }
+ .p-sm-2 {
+ padding: 0.5rem !important;
+ }
+ .p-sm-3 {
+ padding: 1rem !important;
+ }
+ .p-sm-4 {
+ padding: 1.5rem !important;
+ }
+ .p-sm-5 {
+ padding: 2rem !important;
+ }
+ .p-sm-6 {
+ padding: 3rem !important;
+ }
+ .p-sm-7 {
+ padding: 5rem !important;
+ }
+ .p-sm-8 {
+ padding: 8rem !important;
+ }
+ .px-sm-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+ .px-sm-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+ .px-sm-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
+ .px-sm-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
+ .px-sm-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
+ .px-sm-5 {
+ padding-right: 2rem !important;
+ padding-left: 2rem !important;
+ }
+ .px-sm-6 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
+ .px-sm-7 {
+ padding-right: 5rem !important;
+ padding-left: 5rem !important;
+ }
+ .px-sm-8 {
+ padding-right: 8rem !important;
+ padding-left: 8rem !important;
+ }
+ .py-sm-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+ .py-sm-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+ .py-sm-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.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: 0.25rem !important;
+ }
+ .pt-sm-2 {
+ padding-top: 0.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: 0.25rem !important;
+ }
+ .pe-sm-2 {
+ padding-right: 0.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: 0.25rem !important;
+ }
+ .pb-sm-2 {
+ padding-bottom: 0.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: 0.25rem !important;
+ }
+ .ps-sm-2 {
+ padding-left: 0.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: 0.25rem !important;
+ }
+ .gap-sm-2 {
+ gap: 0.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: 0.25rem !important;
+ }
+ .row-gap-sm-2 {
+ row-gap: 0.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: 0.25rem !important;
+ column-gap: 0.25rem !important;
+ }
+ .column-gap-sm-2 {
+ -moz-column-gap: 0.5rem !important;
+ column-gap: 0.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: 0.25rem !important;
+ }
+ .m-md-2 {
+ margin: 0.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: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+ .mx-md-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.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: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+ .my-md-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.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: 0.25rem !important;
+ }
+ .mt-md-2 {
+ margin-top: 0.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: 0.25rem !important;
+ }
+ .me-md-2 {
+ margin-right: 0.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: 0.25rem !important;
+ }
+ .mb-md-2 {
+ margin-bottom: 0.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: 0.25rem !important;
+ }
+ .ms-md-2 {
+ margin-left: 0.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: 0.25rem !important;
+ }
+ .p-md-2 {
+ padding: 0.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: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+ .px-md-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.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: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+ .py-md-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.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: 0.25rem !important;
+ }
+ .pt-md-2 {
+ padding-top: 0.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: 0.25rem !important;
+ }
+ .pe-md-2 {
+ padding-right: 0.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: 0.25rem !important;
+ }
+ .pb-md-2 {
+ padding-bottom: 0.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: 0.25rem !important;
+ }
+ .ps-md-2 {
+ padding-left: 0.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: 0.25rem !important;
+ }
+ .gap-md-2 {
+ gap: 0.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: 0.25rem !important;
+ }
+ .row-gap-md-2 {
+ row-gap: 0.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: 0.25rem !important;
+ column-gap: 0.25rem !important;
+ }
+ .column-gap-md-2 {
+ -moz-column-gap: 0.5rem !important;
+ column-gap: 0.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: 0.25rem !important;
+ }
+ .m-lg-2 {
+ margin: 0.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: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+ .mx-lg-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.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: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+ .my-lg-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.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: 0.25rem !important;
+ }
+ .mt-lg-2 {
+ margin-top: 0.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: 0.25rem !important;
+ }
+ .me-lg-2 {
+ margin-right: 0.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: 0.25rem !important;
+ }
+ .mb-lg-2 {
+ margin-bottom: 0.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: 0.25rem !important;
+ }
+ .ms-lg-2 {
+ margin-left: 0.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: 0.25rem !important;
+ }
+ .p-lg-2 {
+ padding: 0.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: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+ .px-lg-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.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: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+ .py-lg-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.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: 0.25rem !important;
+ }
+ .pt-lg-2 {
+ padding-top: 0.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: 0.25rem !important;
+ }
+ .pe-lg-2 {
+ padding-right: 0.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: 0.25rem !important;
+ }
+ .pb-lg-2 {
+ padding-bottom: 0.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: 0.25rem !important;
+ }
+ .ps-lg-2 {
+ padding-left: 0.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: 0.25rem !important;
+ }
+ .gap-lg-2 {
+ gap: 0.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: 0.25rem !important;
+ }
+ .row-gap-lg-2 {
+ row-gap: 0.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: 0.25rem !important;
+ column-gap: 0.25rem !important;
+ }
+ .column-gap-lg-2 {
+ -moz-column-gap: 0.5rem !important;
+ column-gap: 0.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: 0.25rem !important;
+ }
+ .m-xl-2 {
+ margin: 0.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: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+ .mx-xl-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.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: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+ .my-xl-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.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: 0.25rem !important;
+ }
+ .mt-xl-2 {
+ margin-top: 0.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: 0.25rem !important;
+ }
+ .me-xl-2 {
+ margin-right: 0.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: 0.25rem !important;
+ }
+ .mb-xl-2 {
+ margin-bottom: 0.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: 0.25rem !important;
+ }
+ .ms-xl-2 {
+ margin-left: 0.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: 0.25rem !important;
+ }
+ .p-xl-2 {
+ padding: 0.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: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+ .px-xl-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.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: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+ .py-xl-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.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: 0.25rem !important;
+ }
+ .pt-xl-2 {
+ padding-top: 0.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: 0.25rem !important;
+ }
+ .pe-xl-2 {
+ padding-right: 0.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: 0.25rem !important;
+ }
+ .pb-xl-2 {
+ padding-bottom: 0.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: 0.25rem !important;
+ }
+ .ps-xl-2 {
+ padding-left: 0.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: 0.25rem !important;
+ }
+ .gap-xl-2 {
+ gap: 0.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: 0.25rem !important;
+ }
+ .row-gap-xl-2 {
+ row-gap: 0.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: 0.25rem !important;
+ column-gap: 0.25rem !important;
+ }
+ .column-gap-xl-2 {
+ -moz-column-gap: 0.5rem !important;
+ column-gap: 0.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: 0.25rem !important;
+ }
+ .m-xxl-2 {
+ margin: 0.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: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+ .mx-xxl-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.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: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+ .my-xxl-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.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: 0.25rem !important;
+ }
+ .mt-xxl-2 {
+ margin-top: 0.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: 0.25rem !important;
+ }
+ .me-xxl-2 {
+ margin-right: 0.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: 0.25rem !important;
+ }
+ .mb-xxl-2 {
+ margin-bottom: 0.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: 0.25rem !important;
+ }
+ .ms-xxl-2 {
+ margin-left: 0.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: 0.25rem !important;
+ }
+ .p-xxl-2 {
+ padding: 0.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: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+ .px-xxl-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.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: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+ .py-xxl-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.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: 0.25rem !important;
+ }
+ .pt-xxl-2 {
+ padding-top: 0.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: 0.25rem !important;
+ }
+ .pe-xxl-2 {
+ padding-right: 0.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: 0.25rem !important;
+ }
+ .pb-xxl-2 {
+ padding-bottom: 0.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: 0.25rem !important;
+ }
+ .ps-xxl-2 {
+ padding-left: 0.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: 0.25rem !important;
+ }
+ .gap-xxl-2 {
+ gap: 0.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: 0.25rem !important;
+ }
+ .row-gap-xxl-2 {
+ row-gap: 0.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: 0.25rem !important;
+ column-gap: 0.25rem !important;
+ }
+ .column-gap-xxl-2 {
+ -moz-column-gap: 0.5rem !important;
+ column-gap: 0.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;
+ }
+}
+:root,
+:host {
+ font-size: 16px;
+ height: 100%;
+}
+
+:root,
+:host,
+[data-bs-theme=light] {
+ --tblr-primary: #0054a6;
+ --tblr-primary-rgb: 0, 84, 166;
+ --tblr-primary-fg: var(--tblr-light);
+ --tblr-primary-darken: #004c95;
+ --tblr-primary-lt: #e6eef6;
+ --tblr-primary-lt-rgb: 230, 238, 246;
+ --tblr-secondary: #667382;
+ --tblr-secondary-rgb: 102, 115, 130;
+ --tblr-secondary-fg: var(--tblr-light);
+ --tblr-secondary-darken: #5c6875;
+ --tblr-secondary-lt: #f0f1f3;
+ --tblr-secondary-lt-rgb: 240, 241, 243;
+ --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: #fcfdfe;
+ --tblr-light-rgb: 252, 253, 254;
+ --tblr-light-fg: var(--tblr-dark);
+ --tblr-light-darken: #e3e4e5;
+ --tblr-light-lt: white;
+ --tblr-light-lt-rgb: 255, 255, 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: #667382;
+ --tblr-muted-rgb: 102, 115, 130;
+ --tblr-muted-fg: var(--tblr-light);
+ --tblr-muted-darken: #5c6875;
+ --tblr-muted-lt: #f0f1f3;
+ --tblr-muted-lt-rgb: 240, 241, 243;
+ --tblr-blue: #0054a6;
+ --tblr-blue-rgb: 0, 84, 166;
+ --tblr-blue-fg: var(--tblr-light);
+ --tblr-blue-darken: #004c95;
+ --tblr-blue-lt: #e6eef6;
+ --tblr-blue-lt-rgb: 230, 238, 246;
+ --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-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: #0054a6;
+ --tblr-tabler-rgb: 0, 84, 166;
+ --tblr-tabler-fg: var(--tblr-light);
+ --tblr-tabler-darken: #004c95;
+ --tblr-tabler-lt: #e6eef6;
+ --tblr-tabler-lt-rgb: 230, 238, 246;
+ --tblr-gray-50: #fcfdfe;
+ --tblr-gray-50-rgb: 252, 253, 254;
+ --tblr-gray-50-fg: var(--tblr-dark);
+ --tblr-gray-50-darken: #e3e4e5;
+ --tblr-gray-50-lt: white;
+ --tblr-gray-50-lt-rgb: 255, 255, 255;
+ --tblr-gray-100: #f6f8fb;
+ --tblr-gray-100-rgb: 246, 248, 251;
+ --tblr-gray-100-fg: var(--tblr-dark);
+ --tblr-gray-100-darken: #dddfe2;
+ --tblr-gray-100-lt: #fefeff;
+ --tblr-gray-100-lt-rgb: 254, 254, 255;
+ --tblr-gray-200: #eef1f4;
+ --tblr-gray-200-rgb: 238, 241, 244;
+ --tblr-gray-200-fg: var(--tblr-dark);
+ --tblr-gray-200-darken: #d6d9dc;
+ --tblr-gray-200-lt: #fdfefe;
+ --tblr-gray-200-lt-rgb: 253, 254, 254;
+ --tblr-gray-300: #dadfe5;
+ --tblr-gray-300-rgb: 218, 223, 229;
+ --tblr-gray-300-fg: var(--tblr-dark);
+ --tblr-gray-300-darken: #c4c9ce;
+ --tblr-gray-300-lt: #fbfcfc;
+ --tblr-gray-300-lt-rgb: 251, 252, 252;
+ --tblr-gray-400: #bbc3cd;
+ --tblr-gray-400-rgb: 187, 195, 205;
+ --tblr-gray-400-fg: var(--tblr-light);
+ --tblr-gray-400-darken: #a8b0b9;
+ --tblr-gray-400-lt: #f8f9fa;
+ --tblr-gray-400-lt-rgb: 248, 249, 250;
+ --tblr-gray-500: #929dab;
+ --tblr-gray-500-rgb: 146, 157, 171;
+ --tblr-gray-500-fg: var(--tblr-light);
+ --tblr-gray-500-darken: #838d9a;
+ --tblr-gray-500-lt: #f4f5f7;
+ --tblr-gray-500-lt-rgb: 244, 245, 247;
+ --tblr-gray-600: #667382;
+ --tblr-gray-600-rgb: 102, 115, 130;
+ --tblr-gray-600-fg: var(--tblr-light);
+ --tblr-gray-600-darken: #5c6875;
+ --tblr-gray-600-lt: #f0f1f3;
+ --tblr-gray-600-lt-rgb: 240, 241, 243;
+ --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: #dadfe5;
+ --tblr-border-color-translucent: rgba(4, 32, 69, 0.14);
+ --tblr-border-dark-color: #bbc3cd;
+ --tblr-border-dark-color-translucent: rgba(4, 32, 69, 0.27);
+ --tblr-border-active-color: #b6bcc3;
+ --tblr-icon-color: var(--tblr-gray-500);
+ --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: #1f2e41;
+ --tblr-dark-mode-border-color-translucent: rgba(72, 110, 149, 0.14);
+ --tblr-dark-mode-border-color-active: #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) {
+ :root,
+ :host,
+ [data-bs-theme=light] {
+ --tblr-page-padding: var(--tblr-spacer-2);
+ }
+}
+
+@keyframes pulse {
+ from {
+ opacity: 1;
+ transform: scale3d(0.8, 0.8, 0.8);
+ }
+ 50% {
+ transform: scale3d(1, 1, 1);
+ opacity: 1;
+ }
+ to {
+ opacity: 1;
+ transform: scale3d(0.8, 0.8, 0.8);
+ }
+}
+@keyframes tada {
+ 0% {
+ transform: scale3d(1, 1, 1);
+ }
+ 10%, 5% {
+ transform: scale3d(0.9, 0.9, 0.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(0deg);
+ }
+ 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: transparent;
+ }
+}
+
+* {
+ scrollbar-color: rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.16) transparent;
+}
+
+*::-webkit-scrollbar {
+ width: 1rem;
+ height: 1rem;
+ -webkit-transition: background 0.3s;
+ transition: background 0.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)), 0.16);
+}
+
+*::-webkit-scrollbar-track {
+ background: transparent;
+}
+
+*:hover::-webkit-scrollbar-thumb {
+ box-shadow: inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.32);
+}
+
+*::-webkit-scrollbar-corner {
+ background: transparent;
+}
+
+.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, 0.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
+ */
+.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.3);
+ --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: 0.375rem;
+ right: 0.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: 0.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: transparent;
+ 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.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: -0.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: 0.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: transparent;
+ 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.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: -0.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: 0.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: transparent;
+ 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.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: -0.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: 0.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: transparent;
+ 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.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: -0.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: 0.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: transparent;
+ 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.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: -0.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: 0.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: transparent;
+ 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.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: -0.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
+ */
+.navbar-brand {
+ display: inline-flex;
+ align-items: center;
+ font-weight: var(--tblr-font-weight-bold);
+ margin: 0;
+ line-height: 1;
+ gap: 0.5rem;
+}
+
+.navbar-brand-image {
+ height: 2rem;
+ width: auto;
+}
+
+/**
+Navbar toggler
+ */
+.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 0.2s 0.2s, bottom 0.2s 0.2s, transform 0.2s, opacity 0s 0.2s;
+ position: relative;
+}
+@media (prefers-reduced-motion: reduce) {
+ .navbar-toggler-icon {
+ transition: none;
+ }
+}
+.navbar-toggler-icon:before, .navbar-toggler-icon:after {
+ 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:before, .navbar-toggler-icon:after {
+ transition: none;
+ }
+}
+.navbar-toggler-icon:before {
+ top: -0.45em;
+}
+.navbar-toggler-icon:after {
+ bottom: -0.45em;
+}
+.navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
+ transform: rotate(45deg);
+ transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s, opacity 0s 0.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
+ */
+.navbar-transparent {
+ --tblr-navbar-border-color: transparent !important;
+ background: transparent !important;
+}
+
+/**
+Navbar nav
+ */
+.navbar-nav {
+ align-items: stretch;
+}
+.navbar-nav .nav-item {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+}
+
+/**
+Navbar side
+ */
+.navbar-side {
+ margin: 0;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: space-around;
+}
+
+/**
+Navbar vertical
+ */
+@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 0.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: 0.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: 0.5rem;
+ padding-bottom: 0.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: 0.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: transparent;
+ 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.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 0.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: 0.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: 0.5rem;
+ padding-bottom: 0.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: 0.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: transparent;
+ 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.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 0.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: 0.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: 0.5rem;
+ padding-bottom: 0.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: 0.5rem calc(calc(var(--tblr-page-padding) * 2) / 2);
+ justify-content: flex-start;
+ }
+ .navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav .nav-link .depth-one {
+ padding: 0.8rem 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: transparent;
+ 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.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 0.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: 0.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: 0.5rem;
+ padding-bottom: 0.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: 0.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: transparent;
+ 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.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 0.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: 0.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: 0.5rem;
+ padding-bottom: 0.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: 0.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: transparent;
+ 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.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 0.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: 0.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: 0.5rem;
+ padding-bottom: 0.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: 0.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: transparent;
+ 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.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 .container {
+ margin-top: auto;
+ margin-bottom: auto;
+}
+
+.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);
+}
+
+.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, 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: 0.625rem;
+ font-weight: var(--tblr-font-weight-bold);
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+ line-height: 1rem;
+ color: var(--tblr-secondary);
+ margin-bottom: 0.2rem;
+}
+
+.page-title {
+ margin: 0;
+ font-size: 1.5rem;
+ line-height: var(--tblr-line-height-h4);
+ 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: 0.25rem;
+}
+
+.page-title-lg {
+ font-size: 1.5rem;
+ line-height: 2rem;
+}
+
+.page-subtitle {
+ margin-top: 0.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: 0.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: #ffffff;
+ padding: 2rem 0;
+ color: var(--tblr-secondary);
+ 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.theme-dark .hide-theme-dark, body[data-bs-theme=dark] .hide-theme-dark {
+ display: none !important;
+}
+
+[data-bs-theme=dark], body[data-bs-theme=dark] [data-bs-theme=light] {
+ --tblr-body-color: #fcfdfe;
+ --tblr-body-color-rgb: 252, 253, 254;
+ --tblr-muted: #3a4859;
+ --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: #0069cf;
+ --tblr-link-hover-color: #0054a6;
+ --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-color-active: var(
+ --tblr-dark-mode-border-color-active
+ );
+ --tblr-btn-color: #151f2c;
+ --tblr-code-color: var(--tblr-body-color);
+ --tblr-code-bg: #1f2e41;
+ --tblr-primary-lt: #16293f;
+ --tblr-primary-lt-rgb: 22, 41, 63;
+ --tblr-secondary-lt: #202c3b;
+ --tblr-secondary-lt-rgb: 32, 44, 59;
+ --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: #2f3a47;
+ --tblr-light-lt-rgb: 47, 58, 71;
+ --tblr-dark-lt: #182433;
+ --tblr-dark-lt-rgb: 24, 36, 51;
+ --tblr-muted-lt: #202c3b;
+ --tblr-muted-lt-rgb: 32, 44, 59;
+ --tblr-blue-lt: #16293f;
+ --tblr-blue-lt-rgb: 22, 41, 63;
+ --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-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: #16293f;
+ --tblr-tabler-lt-rgb: 22, 41, 63;
+}
+[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: none;
+ box-shadow: none;
+}
+.accordion-button:after {
+ opacity: 0.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-surface);
+ border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
+ border-left: 0.25rem var(--tblr-border-style) var(--tblr-alert-color);
+ box-shadow: rgba(24, 36, 51, 0.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-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: -0.125rem 1rem -0.125rem 0;
+}
+
+.alert-title {
+ font-size: 0.875rem;
+ line-height: 1.25rem;
+ font-weight: var(--tblr-font-weight-bold);
+ margin-bottom: 0.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: 0.25rem;
+ height: 0.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: 0.375rem;
+ height: 0.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: 0.5rem;
+ height: 0.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: 0.75rem;
+ height: 0.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: 0.75rem;
+ height: 0.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(-0.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 0.3s, background-color 0.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: 0.625rem;
+ line-height: 1;
+ margin-top: 0.25rem;
+}
+
+.avatar-cover {
+ margin-top: calc(-0.5 * var(--tblr-avatar-size));
+ box-shadow: 0 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: 0.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 0.5rem 0 -0.5rem;
+}
+.badge .icon {
+ width: 1em;
+ height: 1em;
+ font-size: 1rem;
+ stroke-width: 2;
+}
+
+.badge:empty,
+.badge-empty {
+ display: inline-block;
+ width: 0.5rem;
+ height: 0.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: transparent;
+}
+.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-color-active);
+ --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: #0054a6;
+ background-color: transparent;
+ border-color: transparent;
+ box-shadow: none;
+}
+.btn-link .icon {
+ color: inherit;
+}
+.btn-link:hover {
+ color: #004385;
+ 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-color-active);
+ --tblr-btn-active-border-color: var(--tblr-dark-mode-border-color-active);
+ --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-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-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-sm, .btn-group-sm > .btn {
+ --tblr-btn-line-height: 1.5;
+ --tblr-btn-icon-size: .75rem;
+}
+
+.btn-lg, .btn-group-lg > .btn {
+ --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: 0.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 0.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: transparent;
+}
+.btn-action:after {
+ content: none;
+}
+.btn-action:focus {
+ outline: none;
+ box-shadow: none;
+}
+.btn-action:hover, .btn-action.show {
+ 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 > .btn-check:checked + .btn,
+.btn-group > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn-check:checked + .btn,
+.btn-group-vertical > .btn:active,
+.btn-group-vertical > .btn.active {
+ z-index: 5;
+}
+.btn-group > .btn-check:focus + .btn,
+.btn-group > .btn:hover,
+.btn-group > .btn:focus,
+.btn-group-vertical > .btn-check:focus + .btn,
+.btn-group-vertical > .btn:hover,
+.btn-group-vertical > .btn:focus {
+ z-index: 1;
+}
+
+.calendar {
+ display: block;
+ font-size: 0.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: 0.5rem 0;
+}
+
+.calendar-header {
+ color: var(--tblr-secondary);
+}
+
+.calendar-date {
+ flex: 0 0 14.2857142857%;
+ max-width: 14.2857142857%;
+ padding: 0.2rem;
+ text-align: center;
+ border: 0;
+}
+.calendar-date.prev-month, .calendar-date.next-month {
+ opacity: 0.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 0.3s, border 0.3s, box-shadow 0.32s, color 0.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), 0.1);
+ transform: translateY(-50%);
+}
+.calendar-range.range-start .date-item, .calendar-range.range-end .date-item {
+ color: #ffffff;
+ 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: 0.5rem;
+ height: 0.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), 0.04) 0 2px 4px 0;
+ margin: 0 3px;
+ opacity: 0.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, 0.9), rgba(24, 36, 51, 0));
+}
+
+.card {
+ transition: transform 0.3s ease-out, opacity 0.3s ease-out, box-shadow 0.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), 0.16) 0 2px 16px 0;
+}
+
+.card .card {
+ box-shadow: none;
+}
+
+.card-borderless,
+.card-borderless .card-header,
+.card-borderless .card-footer {
+ 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: 0.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) * -0.25);
+ right: calc(var(--tblr-stamp-size) * -0.25);
+ font-size: calc(var(--tblr-stamp-size) * 0.75);
+ transform: rotate(10deg);
+}
+.card-stamp-icon .icon {
+ stroke-width: 2;
+ width: calc(var(--tblr-stamp-size) * 0.75);
+ height: calc(var(--tblr-stamp-size) * 0.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, 0.6) 100%);
+}
+
+.card-inactive {
+ pointer-events: none;
+ box-shadow: none;
+}
+.card-inactive .card-body {
+ opacity: 0.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: 1.25rem 1.25rem;
+ text-align: center;
+ transition: background 0.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), 0.04);
+}
+.card-btn + .card-btn {
+ border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
+}
+
+/**
+Stacked card
+ */
+.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: 1.25rem 1.25rem;
+ background: #666666 no-repeat center/cover;
+}
+.card-cover:before {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ content: "";
+ background: rgba(24, 36, 51, 0.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: -0.5rem -0.5rem -0.5rem auto;
+ padding-left: 0.5rem;
+}
+.card-actions a {
+ text-decoration: none;
+}
+
+.card-header {
+ color: inherit;
+ display: flex;
+ align-items: center;
+ background: transparent;
+}
+.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) * 0.5) calc(var(--tblr-card-cap-padding-x) * 0.5) 0;
+}
+
+.card-header-pills {
+ flex: 1;
+ margin-top: -0.5rem;
+ margin-bottom: -0.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, 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: transparent;
+ border-color: transparent;
+ padding-top: 0;
+}
+
+.card-footer-borderless {
+ border-top: none;
+}
+
+.card-progress {
+ height: 0.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: normal;
+}
+.card-header .card-subtitle {
+ margin: 0;
+}
+.card-title .card-subtitle {
+ margin: 0 0 0 0.25rem;
+ font-size: 0.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 optinos
+ */
+.card-options {
+ top: 1.5rem;
+ right: 0.75rem;
+ display: flex;
+ margin-left: auto;
+}
+
+.card-options-link {
+ display: inline-block;
+ min-width: 1rem;
+ margin-left: 0.25rem;
+ color: var(--tblr-secondary);
+}
+
+/**
+Card status
+ */
+.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
+ */
+.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 thead tr:first-child{
+ font-weight: var(--tblr-font-weight-bold)
+}
+.card-table tbody tr:first-child{
+ font-size: 0.875rem
+}
+.card-table tfoot tr:first-child {
+ border-top: 0;
+ font-size: 0.75rem;
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+}
+.card-table thead tr:first-child td,
+.card-table thead tr:first-child th,
+.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 {
+ border-top: 0;
+}
+.card-body + .card-table {
+ border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-table-border-color);
+}
+
+/*
+Card code
+ */
+.card-code {
+ padding: 0;
+}
+.card-code .highlight {
+ margin: 0;
+ border: 0;
+}
+.card-code pre {
+ margin: 0 !important;
+ border: 0 !important;
+}
+
+/*
+Card chart
+ */
+.card-chart {
+ position: relative;
+ z-index: 1;
+ height: 3.5rem;
+}
+
+/**
+Card avatar
+ */
+.card-avatar {
+ margin-left: auto;
+ margin-right: auto;
+ box-shadow: 0 0 0 0.25rem var(--tblr-card-bg, var(--tblr-bg-surface));
+ margin-top: calc(-1 * var(--tblr-avatar-size) * 0.5);
+}
+
+/*
+Card list group
+ */
+.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
+*/
+.card-note {
+ --tblr-card-bg: #fff7dd;
+ --tblr-card-border-color: #fff1c9;
+}
+
+.btn-close {
+ cursor: pointer;
+}
+.btn-close:focus {
+ outline: none;
+}
+
+.dropdown-menu {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.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: 0.5rem;
+ color: var(--tblr-secondary);
+ opacity: 0.7;
+ text-align: center;
+}
+
+.dropdown-item-indicator {
+ margin-right: 0.5rem;
+ margin-left: -0.25rem;
+ height: 1.25rem;
+ display: inline-flex;
+ line-height: 1;
+ vertical-align: bottom;
+ align-items: center;
+}
+
+.dropdown-header {
+ font-size: 0.625rem;
+ font-weight: var(--tblr-font-weight-bold);
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+ line-height: 1rem;
+ color: var(--tblr-secondary);
+ padding-bottom: 0.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 0.25rem;
+}
+
+.dropdown-menu-arrow:before {
+ content: "";
+ position: absolute;
+ top: -0.25rem;
+ left: 0.75rem;
+ display: block;
+ background: inherit;
+ width: 14px;
+ height: 14px;
+ /*rtl:ignore*/
+ transform: rotate(45deg);
+ transform-origin: center;
+ border: 1px solid;
+ border-color: inherit;
+ z-index: -1;
+ clip: rect(0px, 9px, 9px, 0px);
+}
+.dropdown-menu-arrow.dropdown-menu-end:before {
+ right: 0.75rem;
+ left: auto;
+}
+
+.dropend > .dropdown-menu {
+ margin-top: calc(-0.25rem - 1px);
+ margin-left: -0.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: 0.625rem;
+ font-weight: var(--tblr-font-weight-bold);
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+ line-height: 1rem;
+ color: var(--tblr-secondary);
+ margin-bottom: 0.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-img img {
+ height: 8rem;
+ width: auto;
+}
+
+.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-title,
+.empty-subtitle {
+ margin: 0 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) * 0.5);
+ padding-left: calc(var(--tblr-gutter-x) * 0.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) * 0.5);
+ padding-left: calc(var(--tblr-gutter-x) * 0.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) * 0.5);
+ padding-left: calc(var(--tblr-gutter-x) * 0.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: -0.375rem;
+ margin-left: -0.375rem;
+}
+.row-sm > .col,
+.row-sm > [class*=col-] {
+ padding-right: 0.375rem;
+ padding-left: 0.375rem;
+}
+.row-sm .card {
+ margin-bottom: 0.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: 0.25rem;
+}
+
+.space-x-1 {
+ display: flex;
+ gap: 0.25rem;
+}
+
+.space-y-2 {
+ display: flex;
+ flex-direction: column;
+ gap: 0.5rem;
+}
+
+.space-x-2 {
+ display: flex;
+ gap: 0.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: 0.25rem !important;
+}
+.divide-y-1 > :not(template):not(:last-child) {
+ padding-bottom: 0.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: 0.25rem !important;
+}
+.divide-x-1 > :not(template):not(:last-child) {
+ padding-right: 0.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: 0.5rem !important;
+}
+.divide-y-2 > :not(template):not(:last-child) {
+ padding-bottom: 0.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: 0.5rem !important;
+}
+.divide-x-2 > :not(template):not(:last-child) {
+ padding-right: 0.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: -0.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 0.15s ease 0s;
+ animation: pulse 2s ease infinite;
+ animation-fill-mode: both;
+}
+
+.icon-tada {
+ transition: all 0.15s ease 0s;
+ animation: tada 3s ease infinite;
+ animation-fill-mode: both;
+}
+
+.icon-rotate {
+ transition: all 0.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;
+}
+
+/**
+Form label
+ */
+.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: 0.25rem;
+ color: #d63939;
+}
+
+.form-label-description {
+ float: right;
+ font-weight: var(--tblr-font-weight-normal);
+ color: var(--tblr-secondary);
+}
+
+/**
+Form hint
+ */
+.form-hint {
+ display: block;
+ color: var(--tblr-secondary);
+}
+.form-hint:last-child {
+ margin-bottom: 0;
+}
+.form-hint + .form-control {
+ margin-top: 0.25rem;
+}
+.form-label + .form-hint {
+ margin-top: -0.25rem;
+}
+.input-group + .form-hint, .form-control + .form-hint, .form-select + .form-hint {
+ margin-top: 0.5rem;
+}
+
+/**
+Form select
+ */
+.form-select:-moz-focusring {
+ color: var(--tblr-body-color);
+}
+
+/**
+Form control
+ */
+.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-secondary);
+ -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, 0.1);
+ color: #ffffff;
+ border-color: transparent;
+}
+.form-control-dark:focus {
+ background-color: rgba(0, 0, 0, 0.1);
+ box-shadow: none;
+ border-color: rgba(255, 255, 255, 0.24);
+}
+.form-control-dark::-webkit-input-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.form-control-dark:-ms-input-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.form-control-dark::-ms-input-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.form-control-dark::placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+
+.form-control-rounded {
+ border-radius: 10rem;
+}
+
+.form-control-flush {
+ padding: 0;
+ background: none !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
+ */
+.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: 0.75rem;
+ color: var(--tblr-secondary);
+ 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 0.3s, color 0.3s;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-help {
+ transition: none;
+ }
+}
+.form-help:hover, .form-help[aria-describedby] {
+ color: #ffffff;
+ background: var(--tblr-primary);
+}
+
+/**
+Input group
+ */
+.input-group {
+ box-shadow: var(--tblr-box-shadow-input);
+ border-radius: var(--tblr-border-radius);
+}
+.input-group .form-control,
+.input-group .btn {
+ box-shadow: none;
+}
+
+.input-group-link {
+ font-size: 0.75rem;
+}
+
+.input-group-flat:focus-within {
+ box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
+ border-radius: var(--tblr-border-radius);
+}
+.input-group-flat:focus-within .form-control,
+.input-group-flat:focus-within .input-group-text {
+ border-color: #80aad3 !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 0.15s ease-in-out, box-shadow 0.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;
+}
+
+/**
+Upload files
+ */
+.form-file-button {
+ margin-left: 0;
+ border-left: 0;
+}
+
+/**
+Icon input
+ */
+.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;
+}
+
+/*
+Color Input
+ */
+.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: #ffffff;
+ 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, 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 0.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 0.25rem rgba(var(--tblr-primary-rgb), 0.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");
+}
+
+/**
+Image check
+ */
+.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 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
+}
+.form-imagecheck-input:checked ~ .form-imagecheck-figure {
+ border-color: var(--tblr-primary);
+}
+.form-imagecheck-figure:before {
+ position: absolute;
+ top: 0.25rem;
+ left: 0.25rem;
+ z-index: 1;
+ display: block;
+ width: 1.25rem;
+ height: 1.25rem;
+ color: #ffffff;
+ 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 0.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: 0.64;
+ transition: opacity 0.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:hover .form-imagecheck-image, .form-imagecheck-input:focus ~ .form-imagecheck-figure .form-imagecheck-image, .form-imagecheck-input:checked ~ .form-imagecheck-figure .form-imagecheck-image {
+ opacity: 1;
+}
+
+.form-imagecheck-caption {
+ padding: 0.25rem;
+ font-size: 0.765625rem;
+ color: var(--tblr-secondary);
+ text-align: center;
+ transition: color 0.3s;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-imagecheck-caption {
+ transition: none;
+ }
+}
+.form-imagecheck:hover .form-imagecheck-caption, .form-imagecheck-input:focus ~ .form-imagecheck-figure .form-imagecheck-caption, .form-imagecheck-input:checked ~ .form-imagecheck-figure .form-imagecheck-caption {
+ color: var(--tblr-body-color);
+}
+
+/*
+Select group
+ */
+.form-selectgroup {
+ display: inline-flex;
+ margin: 0 -0.5rem -0.5rem 0;
+ flex-wrap: wrap;
+}
+.form-selectgroup .form-selectgroup-item {
+ margin: 0 0.5rem 0.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: 0.5625rem 0.75rem;
+ font-size: 0.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 0.3s, background 0.3s, color 0.3s;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-selectgroup-label {
+ transition: none;
+ }
+}
+.form-selectgroup-label .icon:only-child {
+ margin: 0 -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: 0.5625rem;
+ right: 0.5625rem;
+}
+
+.form-selectgroup-input:checked + .form-selectgroup-label {
+ z-index: 1;
+ color: var(--tblr-primary);
+ background: rgba(var(--tblr-primary-rgb), 0.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 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
+}
+
+/**
+Alternate version of form select group
+ */
+.form-selectgroup-boxes .form-selectgroup-label {
+ text-align: left;
+ padding: 1.25rem 1.25rem;
+ 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;
+}
+
+/**
+Select group
+ */
+.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;
+}
+
+/**
+Bootstrap color input
+ */
+.form-control-color::-webkit-color-swatch {
+ border: none;
+}
+
+/**
+Remove the cancel buttons in Chrome and Safari on macOS.
+ */
+[type=search]::-webkit-search-cancel-button {
+ -webkit-appearance: none;
+}
+
+/**
+Form control dark theme fix
+ */
+.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
+ */
+.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: 0rem;
+ box-shadow: var(--tblr-box-shadow-input);
+}
+.form-switch .form-check-input {
+ transition: background-color 0.3s, background-position 0.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: 0.25rem;
+ color: #d63939;
+}
+
+.form-check-description {
+ display: block;
+ color: var(--tblr-secondary);
+ font-size: 0.75rem;
+ margin-top: 0.25rem;
+}
+
+.form-check-single {
+ margin: 0;
+}
+.form-check-single .form-check-input {
+ margin: 0;
+}
+
+/*
+Form switch
+ */
+.form-switch .form-check-input {
+ height: 1.25rem;
+ margin-top: 0rem;
+}
+
+.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: 0.125rem;
+}
+
+/*Correction of Form-check position*/
+.form-check-input:checked {
+ border: none;
+}
+
+.form-select.is-invalid-lite, .form-control.is-invalid-lite, .form-select.is-valid-lite, .form-control.is-valid-lite {
+ border-color: var(--tblr-border-color) !important;
+}
+
+/**
+Legend
+ */
+.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: 0.5rem 1.25rem;
+ font-size: 0.75rem;
+ font-weight: var(--tblr-font-weight-medium);
+ line-height: 1;
+ text-transform: uppercase;
+ color: var(--tblr-secondary);
+ 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-text-secondary-rgb), 0.04);
+ border-left-color: #0054a6;
+ border-left-width: 2px;
+}
+
+.list-group-item:active, .list-group-item:focus, .list-group-item:hover {
+ background-color: rgba(var(--tblr-text-secondary-rgb), 0.04);
+}
+
+.list-group-item.disabled, .list-group-item:disabled {
+ color: #929dab;
+ background-color: rgba(var(--tblr-text-secondary-rgb), 0.04);
+}
+
+.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 0.3s;
+}
+@media (prefers-reduced-motion: reduce) {
+ .list-group-hoverable .list-group-item-actions {
+ transition: none;
+ }
+}
+.list-group-hoverable .list-group-item:hover .list-group-item-actions,
+.list-group-hoverable .list-group-item-actions.show {
+ opacity: 1;
+}
+
+.list-group-transparent {
+ --tblr-list-group-border-radius: 0;
+ margin: 0 -1.25rem;
+}
+.list-group-transparent .list-group-item {
+ background: none;
+ 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);
+}
+
+/**
+Inline list
+ */
+.list-inline-item:not(:last-child) {
+ margin-right: auto;
+ -webkit-margin-end: 0.5rem;
+ margin-inline-end: 0.5rem;
+}
+
+.list-inline-dots .list-inline-item + .list-inline-item:before {
+ content: " · ";
+ -webkit-margin-end: 0.5rem;
+ margin-inline-end: 0.5rem;
+}
+
+.loader {
+ position: relative;
+ display: block;
+ width: 2.5rem;
+ height: 2.5rem;
+ color: #0054a6;
+ 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 0.6s linear;
+ animation-iteration-count: infinite;
+}
+
+/**
+Dimmer
+*/
+.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: 0.1;
+}
+
+@keyframes animated-dots {
+ 0% {
+ transform: translateX(-100%);
+ }
+}
+.animated-dots {
+ display: inline-block;
+ overflow: hidden;
+ vertical-align: bottom;
+}
+.animated-dots:after {
+ display: inline-block;
+ content: "...";
+ animation: animated-dots 1.2s steps(4, jump-none) infinite;
+}
+
+.modal-content .btn-close {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 3.5rem;
+ height: 3.5rem;
+ margin: 0;
+ padding: 0;
+ z-index: 10;
+}
+
+.modal-body {
+ scrollbar-color: rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.16) transparent;
+}
+.modal-body::-webkit-scrollbar {
+ width: 1rem;
+ height: 1rem;
+ -webkit-transition: background 0.3s;
+ transition: background 0.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)), 0.16);
+}
+.modal-body::-webkit-scrollbar-track {
+ background: transparent;
+}
+.modal-body:hover::-webkit-scrollbar-thumb {
+ box-shadow: inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.32);
+}
+.modal-body::-webkit-scrollbar-corner {
+ background: transparent;
+}
+.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: transparent;
+ 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: 0.75rem;
+ padding-bottom: 0.75rem;
+}
+
+.modal-blur {
+ -webkit-backdrop-filter: blur(4px);
+ backdrop-filter: blur(4px);
+}
+
+.modal-full-width {
+ max-width: none;
+ margin: 0 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: 0.5rem;
+}
+.nav-vertical .nav-link.active,
+.nav-vertical .nav-item.show .nav-link {
+ font-weight: var(--tblr-font-weight-bold);
+}
+.nav-vertical.nav-pills {
+ margin: 0 -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-link.active,
+.nav-bordered .nav-item.show .nav-link {
+ color: var(--tblr-primary);
+ border-color: var(--tblr-primary);
+}
+
+.nav-link {
+ display: flex;
+ transition: color 0.3s;
+ align-items: center;
+}
+@media (prefers-reduced-motion: reduce) {
+ .nav-link {
+ transition: none;
+ }
+}
+
+.nav-link-toggle {
+ margin-left: auto;
+ padding: 0 0.25rem;
+ transition: transform 0.3s;
+}
+@media (prefers-reduced-motion: reduce) {
+ .nav-link-toggle {
+ transition: none;
+ }
+}
+.nav-link-toggle:after {
+ content: "";
+ display: inline-block;
+ vertical-align: 0.306em;
+ width: 0.36em;
+ height: 0.36em;
+ border-bottom: 1px var(--tblr-border-style);
+ border-left: 1px var(--tblr-border-style);
+ margin-right: 0.1em;
+ margin-left: 0.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: 0.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: #bbc3cd;
+ font-size: 0.75rem;
+}
+.stars .star:not(:first-child) {
+ margin-left: 0.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: transparent;
+}
+.page-item.page-prev, .page-item.page-next {
+ 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: #0054a6;
+}
+.page-item.disabled .page-item-title {
+ color: var(--tblr-disabled-color);
+}
+
+@keyframes progress-indeterminate {
+ 0% {
+ right: 100%;
+ left: -35%;
+ }
+ 100%, 60% {
+ right: -90%;
+ left: 100%;
+ }
+}
+/**
+Progress
+ */
+.progress {
+ position: relative;
+ width: 100%;
+ line-height: 0.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: 0.25rem;
+}
+
+/**
+Progress bar
+ */
+.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(0.65, 0.815, 0.735, 0.395) infinite;
+}
+
+.progress-separated .progress-bar {
+ box-shadow: 0 0 0 2px var(--tblr-card-bg, var(--tblr-bg-surface));
+}
+
+/**
+Progressbg
+ */
+.progressbg {
+ position: relative;
+ padding: 0.25rem 0.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: transparent;
+ 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: 0.75rem;
+ right: calc(-1 * var(--tblr-ribbon-margin));
+ z-index: 1;
+ padding: 0.25rem 0.75rem;
+ font-size: 0.625rem;
+ font-weight: var(--tblr-font-weight-bold);
+ line-height: 1;
+ color: #ffffff;
+ 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) * 0.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), 0.1) !important;
+}
+.ribbon.bg-azure {
+ border-color: var(--tblr-azure);
+}
+.ribbon.bg-azure-lt {
+ border-color: rgba(var(--tblr-azure-rgb), 0.1) !important;
+}
+.ribbon.bg-indigo {
+ border-color: var(--tblr-indigo);
+}
+.ribbon.bg-indigo-lt {
+ border-color: rgba(var(--tblr-indigo-rgb), 0.1) !important;
+}
+.ribbon.bg-purple {
+ border-color: var(--tblr-purple);
+}
+.ribbon.bg-purple-lt {
+ border-color: rgba(var(--tblr-purple-rgb), 0.1) !important;
+}
+.ribbon.bg-pink {
+ border-color: var(--tblr-pink);
+}
+.ribbon.bg-pink-lt {
+ border-color: rgba(var(--tblr-pink-rgb), 0.1) !important;
+}
+.ribbon.bg-red {
+ border-color: var(--tblr-red);
+}
+.ribbon.bg-red-lt {
+ border-color: rgba(var(--tblr-red-rgb), 0.1) !important;
+}
+.ribbon.bg-orange {
+ border-color: var(--tblr-orange);
+}
+.ribbon.bg-orange-lt {
+ border-color: rgba(var(--tblr-orange-rgb), 0.1) !important;
+}
+.ribbon.bg-yellow {
+ border-color: var(--tblr-yellow);
+}
+.ribbon.bg-yellow-lt {
+ border-color: rgba(var(--tblr-yellow-rgb), 0.1) !important;
+}
+.ribbon.bg-lime {
+ border-color: var(--tblr-lime);
+}
+.ribbon.bg-lime-lt {
+ border-color: rgba(var(--tblr-lime-rgb), 0.1) !important;
+}
+.ribbon.bg-green {
+ border-color: var(--tblr-green);
+}
+.ribbon.bg-green-lt {
+ border-color: rgba(var(--tblr-green-rgb), 0.1) !important;
+}
+.ribbon.bg-teal {
+ border-color: var(--tblr-teal);
+}
+.ribbon.bg-teal-lt {
+ border-color: rgba(var(--tblr-teal-rgb), 0.1) !important;
+}
+.ribbon.bg-cyan {
+ border-color: var(--tblr-cyan);
+}
+.ribbon.bg-cyan-lt {
+ border-color: rgba(var(--tblr-cyan-rgb), 0.1) !important;
+}
+.ribbon .icon {
+ width: 1.25rem;
+ height: 1.25rem;
+ font-size: 1.25rem;
+}
+
+.ribbon-top {
+ top: calc(-1 * var(--tblr-ribbon-margin));
+ right: 0.75rem;
+ width: 2rem;
+ padding: 0.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: 0.75rem;
+}
+.ribbon-top.ribbon-start:before {
+ top: 0;
+ right: 100%;
+ left: auto;
+}
+
+.ribbon-start {
+ right: auto;
+ left: calc(-1 * var(--tblr-ribbon-margin));
+}
+.ribbon-start:before {
+ top: auto;
+ bottom: 100%;
+ left: 0;
+ border-color: inherit;
+ border-top-color: transparent;
+ border-left-color: transparent;
+}
+
+.ribbon-bottom {
+ top: auto;
+ bottom: 0.75rem;
+}
+
+.ribbon-bookmark {
+ padding-left: 0.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: 0.5rem;
+}
+.ribbon-bookmark.ribbon-left {
+ padding-right: 0.5rem;
+}
+.ribbon-bookmark.ribbon-left:after {
+ right: auto;
+ left: 100%;
+ border-right-color: transparent;
+ border-right-width: 0.5rem;
+ border-left-width: 0;
+}
+.ribbon-bookmark.ribbon-top {
+ padding-right: 0;
+ padding-bottom: 0.25rem;
+ padding-left: 0;
+ border-radius: 0 var(--tblr-ribbon-border-radius) 0 0;
+}
+.ribbon-bookmark.ribbon-top:after {
+ top: 100%;
+ right: 0;
+ left: 0;
+ border-color: inherit;
+ border-width: 1rem;
+ border-top-width: 0;
+ border-bottom-color: transparent;
+ border-bottom-width: 0.5rem;
+}
+
+/**
+Markdown
+ */
+.markdown {
+ line-height: 1.7142857143;
+}
+.markdown > :first-child {
+ margin-top: 0;
+}
+.markdown > :last-child,
+.markdown > :last-child .highlight {
+ margin-bottom: 0;
+}
+@media (min-width: 768px) {
+ .markdown > hr, .markdown > .hr {
+ margin-top: 3em;
+ margin-bottom: 3em;
+ }
+}
+.markdown > h1, .markdown > .h1, .markdown > h2, .markdown > .h2, .markdown > h3, .markdown > .h3, .markdown > h4, .markdown > .h4, .markdown > h5, .markdown > .h5, .markdown > h6, .markdown > .h6 {
+ font-weight: var(--tblr-font-weight-bold);
+}
+.markdown > blockquote {
+ font-size: 1rem;
+ margin: 1.5rem 0;
+ padding: 0.5rem 1.5rem;
+}
+.markdown > img {
+ border-radius: var(--tblr-border-radius);
+}
+
+.placeholder:not(.btn):not([class*=bg-]) {
+ background-color: currentColor !important;
+}
+.placeholder:not(.avatar):not([class*=card-img-]) {
+ border-radius: var(--tblr-border-radius);
+}
+
+.steps {
+ --tblr-steps-color: var(--tblr-primary);
+ --tblr-steps-inactive-color: var(--tblr-border-color);
+ --tblr-steps-dot-size: .5rem;
+ --tblr-steps-border-width: 2px;
+ display: flex;
+ flex-wrap: nowrap;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ list-style: none;
+}
+
+.steps-blue {
+ --tblr-steps-color: var(--tblr-blue);
+}
+
+.steps-azure {
+ --tblr-steps-color: var(--tblr-azure);
+}
+
+.steps-indigo {
+ --tblr-steps-color: var(--tblr-indigo);
+}
+
+.steps-purple {
+ --tblr-steps-color: var(--tblr-purple);
+}
+
+.steps-pink {
+ --tblr-steps-color: var(--tblr-pink);
+}
+
+.steps-red {
+ --tblr-steps-color: var(--tblr-red);
+}
+
+.steps-orange {
+ --tblr-steps-color: var(--tblr-orange);
+}
+
+.steps-yellow {
+ --tblr-steps-color: var(--tblr-yellow);
+}
+
+.steps-lime {
+ --tblr-steps-color: var(--tblr-lime);
+}
+
+.steps-green {
+ --tblr-steps-color: var(--tblr-green);
+}
+
+.steps-teal {
+ --tblr-steps-color: var(--tblr-teal);
+}
+
+.steps-cyan {
+ --tblr-steps-color: var(--tblr-cyan);
+}
+
+.step-item {
+ position: relative;
+ flex: 1 1 0;
+ min-height: 1rem;
+ margin-top: 0;
+ color: inherit;
+ text-align: center;
+ cursor: default;
+ padding-top: calc(var(--tblr-steps-dot-size));
+}
+a.step-item {
+ cursor: pointer;
+}
+a.step-item:hover {
+ color: inherit;
+}
+
+.step-item:after, .step-item:before {
+ background: var(--tblr-steps-color);
+}
+.step-item:not(:last-child):after {
+ position: absolute;
+ left: 50%;
+ width: 100%;
+ content: "";
+ transform: translateY(-50%);
+}
+.step-item:after {
+ top: calc(var(--tblr-steps-dot-size) * 0.5);
+ height: var(--tblr-steps-border-width);
+}
+.step-item:before {
+ content: "";
+ position: absolute;
+ top: 0;
+ left: 50%;
+ z-index: 1;
+ box-sizing: content-box;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 100rem;
+ transform: translateX(-50%);
+ color: var(--tblr-white);
+ width: var(--tblr-steps-dot-size);
+ height: var(--tblr-steps-dot-size);
+}
+.step-item.active {
+ font-weight: var(--tblr-font-weight-bold);
+}
+.step-item.active:after {
+ background: var(--tblr-steps-inactive-color);
+}
+.step-item.active ~ .step-item {
+ color: var(--tblr-disabled-color);
+}
+.step-item.active ~ .step-item:after, .step-item.active ~ .step-item:before {
+ background: var(--tblr-steps-inactive-color);
+}
+
+.steps-counter {
+ --tblr-steps-dot-size: 1.5rem;
+ counter-reset: steps;
+}
+.steps-counter .step-item {
+ counter-increment: steps;
+}
+.steps-counter .step-item:before {
+ content: counter(steps);
+}
+
+.steps-vertical {
+ --tblr-steps-dot-offset: 6px;
+ flex-direction: column;
+}
+.steps-vertical.steps-counter {
+ --tblr-steps-dot-offset: -2px;
+}
+.steps-vertical .step-item {
+ text-align: left;
+ padding-top: 0;
+ padding-left: calc(var(--tblr-steps-dot-size) + 1rem);
+ min-height: auto;
+}
+.steps-vertical .step-item:not(:first-child) {
+ margin-top: 1rem;
+}
+.steps-vertical .step-item:before {
+ top: var(--tblr-steps-dot-offset);
+ left: 0;
+ transform: translate(0, 0);
+}
+.steps-vertical .step-item:not(:last-child):after {
+ position: absolute;
+ content: "";
+ transform: translateX(-50%);
+ top: var(--tblr-steps-dot-offset);
+ left: calc(var(--tblr-steps-dot-size) * 0.5);
+ width: var(--tblr-steps-border-width);
+ height: calc(100% + 1rem);
+}
+
+@keyframes status-pulsate-main {
+ 40% {
+ transform: scale(1.25, 1.25);
+ }
+ 60% {
+ transform: scale(1.25, 1.25);
+ }
+}
+@keyframes status-pulsate-secondary {
+ 10% {
+ transform: scale(1, 1);
+ }
+ 30% {
+ transform: scale(3, 3);
+ }
+ 80% {
+ transform: scale(3, 3);
+ }
+ 100% {
+ transform: scale(1, 1);
+ }
+}
+@keyframes status-pulsate-tertiary {
+ 25% {
+ transform: scale(1, 1);
+ }
+ 80% {
+ transform: scale(3, 3);
+ opacity: 0;
+ }
+ 100% {
+ transform: scale(3, 3);
+ opacity: 0;
+ }
+}
+.status {
+ --tblr-status-height: 1.5rem;
+ --tblr-status-color: #667382;
+ --tblr-status-color-rgb: 102, 115, 130;
+ display: inline-flex;
+ align-items: center;
+ height: var(--tblr-status-height);
+ padding: 0.25rem 0.75rem;
+ gap: 0.5rem;
+ color: var(--tblr-status-color);
+ background: rgba(var(--tblr-status-color-rgb), 0.1);
+ font-size: 0.875rem;
+ text-transform: none;
+ letter-spacing: normal;
+ border-radius: 100rem;
+ font-weight: var(--tblr-font-weight-medium);
+ line-height: 1;
+ margin: 0;
+}
+.status .status-dot {
+ background: var(--tblr-status-color);
+}
+.status .icon {
+ font-size: 1.25rem;
+}
+
+.status-lite {
+ border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color) !important;
+ background: transparent !important;
+ color: var(--tblr-body-color) !important;
+}
+
+.status-primary {
+ --tblr-status-color: #0054a6;
+ --tblr-status-color-rgb: 0, 84, 166;
+}
+
+.status-secondary {
+ --tblr-status-color: #667382;
+ --tblr-status-color-rgb: 102, 115, 130;
+}
+
+.status-success {
+ --tblr-status-color: #2fb344;
+ --tblr-status-color-rgb: 47, 179, 68;
+}
+
+.status-info {
+ --tblr-status-color: #4299e1;
+ --tblr-status-color-rgb: 66, 153, 225;
+}
+
+.status-warning {
+ --tblr-status-color: #f76707;
+ --tblr-status-color-rgb: 247, 103, 7;
+}
+
+.status-danger {
+ --tblr-status-color: #d63939;
+ --tblr-status-color-rgb: 214, 57, 57;
+}
+
+.status-light {
+ --tblr-status-color: #fcfdfe;
+ --tblr-status-color-rgb: 252, 253, 254;
+}
+
+.status-dark {
+ --tblr-status-color: #182433;
+ --tblr-status-color-rgb: 24, 36, 51;
+}
+
+.status-muted {
+ --tblr-status-color: #667382;
+ --tblr-status-color-rgb: 102, 115, 130;
+}
+
+.status-blue {
+ --tblr-status-color: #0054a6;
+ --tblr-status-color-rgb: 0, 84, 166;
+}
+
+.status-azure {
+ --tblr-status-color: #4299e1;
+ --tblr-status-color-rgb: 66, 153, 225;
+}
+
+.status-indigo {
+ --tblr-status-color: #4263eb;
+ --tblr-status-color-rgb: 66, 99, 235;
+}
+
+.status-purple {
+ --tblr-status-color: #ae3ec9;
+ --tblr-status-color-rgb: 174, 62, 201;
+}
+
+.status-pink {
+ --tblr-status-color: #d6336c;
+ --tblr-status-color-rgb: 214, 51, 108;
+}
+
+.status-red {
+ --tblr-status-color: #d63939;
+ --tblr-status-color-rgb: 214, 57, 57;
+}
+
+.status-orange {
+ --tblr-status-color: #f76707;
+ --tblr-status-color-rgb: 247, 103, 7;
+}
+
+.status-yellow {
+ --tblr-status-color: #f59f00;
+ --tblr-status-color-rgb: 245, 159, 0;
+}
+
+.status-lime {
+ --tblr-status-color: #74b816;
+ --tblr-status-color-rgb: 116, 184, 22;
+}
+
+.status-green {
+ --tblr-status-color: #2fb344;
+ --tblr-status-color-rgb: 47, 179, 68;
+}
+
+.status-teal {
+ --tblr-status-color: #0ca678;
+ --tblr-status-color-rgb: 12, 166, 120;
+}
+
+.status-cyan {
+ --tblr-status-color: #17a2b8;
+ --tblr-status-color-rgb: 23, 162, 184;
+}
+
+.status-facebook {
+ --tblr-status-color: #1877f2;
+ --tblr-status-color-rgb: 24, 119, 242;
+}
+
+.status-twitter {
+ --tblr-status-color: #1da1f2;
+ --tblr-status-color-rgb: 29, 161, 242;
+}
+
+.status-linkedin {
+ --tblr-status-color: #0a66c2;
+ --tblr-status-color-rgb: 10, 102, 194;
+}
+
+.status-google {
+ --tblr-status-color: #dc4e41;
+ --tblr-status-color-rgb: 220, 78, 65;
+}
+
+.status-youtube {
+ --tblr-status-color: #ff0000;
+ --tblr-status-color-rgb: 255, 0, 0;
+}
+
+.status-vimeo {
+ --tblr-status-color: #1ab7ea;
+ --tblr-status-color-rgb: 26, 183, 234;
+}
+
+.status-dribbble {
+ --tblr-status-color: #ea4c89;
+ --tblr-status-color-rgb: 234, 76, 137;
+}
+
+.status-github {
+ --tblr-status-color: #181717;
+ --tblr-status-color-rgb: 24, 23, 23;
+}
+
+.status-instagram {
+ --tblr-status-color: #e4405f;
+ --tblr-status-color-rgb: 228, 64, 95;
+}
+
+.status-pinterest {
+ --tblr-status-color: #bd081c;
+ --tblr-status-color-rgb: 189, 8, 28;
+}
+
+.status-vk {
+ --tblr-status-color: #6383a8;
+ --tblr-status-color-rgb: 99, 131, 168;
+}
+
+.status-rss {
+ --tblr-status-color: #ffa500;
+ --tblr-status-color-rgb: 255, 165, 0;
+}
+
+.status-flickr {
+ --tblr-status-color: #0063dc;
+ --tblr-status-color-rgb: 0, 99, 220;
+}
+
+.status-bitbucket {
+ --tblr-status-color: #0052cc;
+ --tblr-status-color-rgb: 0, 82, 204;
+}
+
+.status-tabler {
+ --tblr-status-color: #0054a6;
+ --tblr-status-color-rgb: 0, 84, 166;
+}
+
+.status-dot {
+ --tblr-status-dot-color: var(--tblr-status-color, #667382);
+ --tblr-status-size: 0.5rem;
+ position: relative;
+ display: inline-block;
+ width: var(--tblr-status-size);
+ height: var(--tblr-status-size);
+ background: var(--tblr-status-dot-color);
+ border-radius: 100rem;
+}
+
+.status-dot-animated:before {
+ content: "";
+ position: absolute;
+ inset: 0;
+ z-index: 0;
+ background: inherit;
+ border-radius: inherit;
+ opacity: 0.6;
+ animation: 1s linear 2s backwards infinite status-pulsate-tertiary;
+}
+
+.status-indicator {
+ --tblr-status-indicator-size: 2.5rem;
+ --tblr-status-indicator-color: var(--tblr-status-color, #667382);
+ display: block;
+ position: relative;
+ width: var(--tblr-status-indicator-size);
+ height: var(--tblr-status-indicator-size);
+}
+
+.status-indicator-circle {
+ --tblr-status-circle-size: .75rem;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ margin: calc(var(--tblr-status-circle-size) / -2) 0 0 calc(var(--tblr-status-circle-size) / -2);
+ width: var(--tblr-status-circle-size);
+ height: var(--tblr-status-circle-size);
+ border-radius: 100rem;
+ background: var(--tblr-status-color);
+}
+.status-indicator-circle:nth-child(1) {
+ z-index: 3;
+}
+.status-indicator-circle:nth-child(2) {
+ z-index: 2;
+ opacity: 0.1;
+}
+.status-indicator-circle:nth-child(3) {
+ z-index: 1;
+ opacity: 0.3;
+}
+
+.status-indicator-animated .status-indicator-circle:nth-child(1) {
+ animation: 2s linear 1s infinite backwards status-pulsate-main;
+}
+.status-indicator-animated .status-indicator-circle:nth-child(2) {
+ animation: 2s linear 1s infinite backwards status-pulsate-secondary;
+}
+.status-indicator-animated .status-indicator-circle:nth-child(3) {
+ animation: 2s linear 1s infinite backwards status-pulsate-tertiary;
+}
+
+.switch-icon {
+ display: inline-block;
+ line-height: 1;
+ border: 0;
+ padding: 0;
+ background: transparent;
+ width: 1.25rem;
+ height: 1.25rem;
+ vertical-align: bottom;
+ position: relative;
+ cursor: pointer;
+}
+.switch-icon.disabled {
+ pointer-events: none;
+ opacity: 0.4;
+}
+.switch-icon:focus {
+ outline: none;
+}
+.switch-icon svg {
+ display: block;
+ width: 100%;
+ height: 100%;
+}
+.switch-icon .switch-icon-a,
+.switch-icon .switch-icon-b {
+ display: block;
+ width: 100%;
+ height: 100%;
+}
+.switch-icon .switch-icon-a {
+ opacity: 1;
+}
+.switch-icon .switch-icon-b {
+ position: absolute;
+ top: 0;
+ left: 0;
+ opacity: 0;
+}
+.switch-icon.active .switch-icon-a {
+ opacity: 0;
+}
+.switch-icon.active .switch-icon-b {
+ opacity: 1;
+}
+
+.switch-icon-fade .switch-icon-a,
+.switch-icon-fade .switch-icon-b {
+ transition: opacity 0.5s;
+}
+@media (prefers-reduced-motion: reduce) {
+ .switch-icon-fade .switch-icon-a,
+ .switch-icon-fade .switch-icon-b {
+ transition: none;
+ }
+}
+
+.switch-icon-scale .switch-icon-a,
+.switch-icon-scale .switch-icon-b {
+ transition: opacity 0.5s, transform 0s 0.5s;
+}
+@media (prefers-reduced-motion: reduce) {
+ .switch-icon-scale .switch-icon-a,
+ .switch-icon-scale .switch-icon-b {
+ transition: none;
+ }
+}
+.switch-icon-scale .switch-icon-b {
+ transform: scale(1.5);
+}
+.switch-icon-scale.active .switch-icon-a,
+.switch-icon-scale.active .switch-icon-b {
+ transition: opacity 0s, transform 0.5s;
+}
+@media (prefers-reduced-motion: reduce) {
+ .switch-icon-scale.active .switch-icon-a,
+ .switch-icon-scale.active .switch-icon-b {
+ transition: none;
+ }
+}
+.switch-icon-scale.active .switch-icon-b {
+ transform: scale(1);
+}
+
+.switch-icon-flip {
+ perspective: 10em;
+}
+.switch-icon-flip .switch-icon-a,
+.switch-icon-flip .switch-icon-b {
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ transform-style: preserve-3d;
+ transition: opacity 0s 0.2s, transform 0.4s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .switch-icon-flip .switch-icon-a,
+ .switch-icon-flip .switch-icon-b {
+ transition: none;
+ }
+}
+.switch-icon-flip .switch-icon-a {
+ opacity: 1;
+ transform: rotateY(0deg);
+}
+.switch-icon-flip .switch-icon-b {
+ opacity: 1;
+ transform: rotateY(-180deg);
+}
+.switch-icon-flip.active .switch-icon-a {
+ opacity: 1;
+ transform: rotateY(180deg);
+}
+.switch-icon-flip.active .switch-icon-b {
+ opacity: 1;
+ transform: rotateY(0deg);
+}
+
+.switch-icon-slide-up,
+.switch-icon-slide-left,
+.switch-icon-slide-right,
+.switch-icon-slide-down {
+ overflow: hidden;
+}
+.switch-icon-slide-up .switch-icon-a,
+.switch-icon-slide-up .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-down .switch-icon-a,
+.switch-icon-slide-down .switch-icon-b {
+ transition: opacity 0.3s, transform 0.3s;
+}
+@media (prefers-reduced-motion: reduce) {
+ .switch-icon-slide-up .switch-icon-a,
+ .switch-icon-slide-up .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-down .switch-icon-a,
+ .switch-icon-slide-down .switch-icon-b {
+ transition: none;
+ }
+}
+.switch-icon-slide-up .switch-icon-a,
+.switch-icon-slide-left .switch-icon-a,
+.switch-icon-slide-right .switch-icon-a,
+.switch-icon-slide-down .switch-icon-a {
+ transform: translateY(0);
+}
+.switch-icon-slide-up .switch-icon-b,
+.switch-icon-slide-left .switch-icon-b,
+.switch-icon-slide-right .switch-icon-b,
+.switch-icon-slide-down .switch-icon-b {
+ transform: translateY(100%);
+}
+.switch-icon-slide-up.active .switch-icon-a,
+.switch-icon-slide-left.active .switch-icon-a,
+.switch-icon-slide-right.active .switch-icon-a,
+.switch-icon-slide-down.active .switch-icon-a {
+ transform: translateY(-100%);
+}
+.switch-icon-slide-up.active .switch-icon-b,
+.switch-icon-slide-left.active .switch-icon-b,
+.switch-icon-slide-right.active .switch-icon-b,
+.switch-icon-slide-down.active .switch-icon-b {
+ transform: translateY(0);
+}
+
+.switch-icon-slide-left .switch-icon-a {
+ transform: translateX(0);
+}
+.switch-icon-slide-left .switch-icon-b {
+ transform: translateX(100%);
+}
+.switch-icon-slide-left.active .switch-icon-a {
+ transform: translateX(-100%);
+}
+.switch-icon-slide-left.active .switch-icon-b {
+ transform: translateX(0);
+}
+
+.switch-icon-slide-right .switch-icon-a {
+ transform: translateX(0);
+}
+.switch-icon-slide-right .switch-icon-b {
+ transform: translateX(-100%);
+}
+.switch-icon-slide-right.active .switch-icon-a {
+ transform: translateX(100%);
+}
+.switch-icon-slide-right.active .switch-icon-b {
+ transform: translateX(0);
+}
+
+.switch-icon-slide-down .switch-icon-a {
+ transform: translateY(0);
+}
+.switch-icon-slide-down .switch-icon-b {
+ transform: translateY(-100%);
+}
+.switch-icon-slide-down.active .switch-icon-a {
+ transform: translateY(100%);
+}
+.switch-icon-slide-down.active .switch-icon-b {
+ transform: translateY(0);
+}
+
+.table thead th, .markdown > table thead th {
+ color: var(--tblr-secondary);
+ background: var(--tblr-bg-surface-tertiary);
+ font-size: 0.625rem;
+ font-weight: var(--tblr-font-weight-bold);
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+ line-height: 1rem;
+ color: var(--tblr-secondary);
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ white-space: nowrap;
+}
+@media print {
+ .table thead th, .markdown > table thead th {
+ background: transparent;
+ }
+}
+
+.table-responsive .table, .table-responsive .markdown > table {
+ margin-bottom: 0;
+}
+.table-responsive + .card-footer {
+ border-top: 0;
+}
+
+.table-transparent thead th {
+ background: transparent;
+}
+
+.table-nowrap > :not(caption) > * > * {
+ white-space: nowrap;
+}
+
+.table-vcenter > :not(caption) > * > * {
+ vertical-align: middle;
+}
+
+.table-center > :not(caption) > * > * {
+ text-align: center;
+}
+
+.td-truncate {
+ max-width: 1px;
+ width: 100%;
+}
+
+.table-mobile {
+ display: block;
+}
+.table-mobile thead {
+ display: none;
+}
+.table-mobile tbody,
+.table-mobile tr {
+ display: flex;
+ flex-direction: column;
+}
+.table-mobile td {
+ display: block;
+ padding: 0.75rem 0.75rem !important;
+ border: none;
+ color: var(--tblr-body-color) !important;
+}
+.table-mobile td[data-label]:before {
+ font-size: 0.625rem;
+ font-weight: var(--tblr-font-weight-bold);
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+ line-height: 1rem;
+ color: var(--tblr-secondary);
+ content: attr(data-label);
+ display: block;
+}
+.table-mobile tr {
+ border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
+}
+.table-mobile .btn {
+ display: block;
+}
+@media (max-width: 575.98px) {
+ .table-mobile-sm {
+ display: block;
+ }
+ .table-mobile-sm thead {
+ display: none;
+ }
+ .table-mobile-sm tbody,
+ .table-mobile-sm tr {
+ display: flex;
+ flex-direction: column;
+ }
+ .table-mobile-sm td {
+ display: block;
+ padding: 0.75rem 0.75rem !important;
+ border: none;
+ color: var(--tblr-body-color) !important;
+ }
+ .table-mobile-sm td[data-label]:before {
+ font-size: 0.625rem;
+ font-weight: var(--tblr-font-weight-bold);
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+ line-height: 1rem;
+ color: var(--tblr-secondary);
+ content: attr(data-label);
+ display: block;
+ }
+ .table-mobile-sm tr {
+ border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
+ }
+ .table-mobile-sm .btn {
+ display: block;
+ }
+}
+@media (max-width: 767.98px) {
+ .table-mobile-md {
+ display: block;
+ }
+ .table-mobile-md thead {
+ display: none;
+ }
+ .table-mobile-md tbody,
+ .table-mobile-md tr {
+ display: flex;
+ flex-direction: column;
+ }
+ .table-mobile-md td {
+ display: block;
+ padding: 0.75rem 0.75rem !important;
+ border: none;
+ color: var(--tblr-body-color) !important;
+ }
+ .table-mobile-md td[data-label]:before {
+ font-size: 0.625rem;
+ font-weight: var(--tblr-font-weight-bold);
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+ line-height: 1rem;
+ color: var(--tblr-secondary);
+ content: attr(data-label);
+ display: block;
+ }
+ .table-mobile-md tr {
+ border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
+ }
+ .table-mobile-md .btn {
+ display: block;
+ }
+}
+@media (max-width: 991.98px) {
+ .table-mobile-lg {
+ display: block;
+ }
+ .table-mobile-lg thead {
+ display: none;
+ }
+ .table-mobile-lg tbody,
+ .table-mobile-lg tr {
+ display: flex;
+ flex-direction: column;
+ }
+ .table-mobile-lg td {
+ display: block;
+ padding: 0.75rem 0.75rem !important;
+ border: none;
+ color: var(--tblr-body-color) !important;
+ }
+ .table-mobile-lg td[data-label]:before {
+ font-size: 0.625rem;
+ font-weight: var(--tblr-font-weight-bold);
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+ line-height: 1rem;
+ color: var(--tblr-secondary);
+ content: attr(data-label);
+ display: block;
+ }
+ .table-mobile-lg tr {
+ border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
+ }
+ .table-mobile-lg .btn {
+ display: block;
+ }
+}
+@media (max-width: 1199.98px) {
+ .table-mobile-xl {
+ display: block;
+ }
+ .table-mobile-xl thead {
+ display: none;
+ }
+ .table-mobile-xl tbody,
+ .table-mobile-xl tr {
+ display: flex;
+ flex-direction: column;
+ }
+ .table-mobile-xl td {
+ display: block;
+ padding: 0.75rem 0.75rem !important;
+ border: none;
+ color: var(--tblr-body-color) !important;
+ }
+ .table-mobile-xl td[data-label]:before {
+ font-size: 0.625rem;
+ font-weight: var(--tblr-font-weight-bold);
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+ line-height: 1rem;
+ color: var(--tblr-secondary);
+ content: attr(data-label);
+ display: block;
+ }
+ .table-mobile-xl tr {
+ border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
+ }
+ .table-mobile-xl .btn {
+ display: block;
+ }
+}
+@media (max-width: 1399.98px) {
+ .table-mobile-xxl {
+ display: block;
+ }
+ .table-mobile-xxl thead {
+ display: none;
+ }
+ .table-mobile-xxl tbody,
+ .table-mobile-xxl tr {
+ display: flex;
+ flex-direction: column;
+ }
+ .table-mobile-xxl td {
+ display: block;
+ padding: 0.75rem 0.75rem !important;
+ border: none;
+ color: var(--tblr-body-color) !important;
+ }
+ .table-mobile-xxl td[data-label]:before {
+ font-size: 0.625rem;
+ font-weight: var(--tblr-font-weight-bold);
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+ line-height: 1rem;
+ color: var(--tblr-secondary);
+ content: attr(data-label);
+ display: block;
+ }
+ .table-mobile-xxl tr {
+ border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
+ }
+ .table-mobile-xxl .btn {
+ display: block;
+ }
+}
+
+/**
+Table sort
+ */
+.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 0.3s;
+ margin: -0.5rem -0.75rem;
+ padding: 0.5rem 0.75rem;
+}
+@media (prefers-reduced-motion: reduce) {
+ .table-sort {
+ transition: none;
+ }
+}
+.table-sort:hover, .table-sort.asc, .table-sort.desc {
+ 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: 0.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: transparent;
+}
+
+.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 0.5rem;
+ background: var(--tblr-bg-surface);
+ box-shadow: var(--tblr-box-shadow-input);
+ gap: 0.5rem;
+}
+.tag .btn-close {
+ margin-right: -0.25rem;
+ margin-left: -0.125rem;
+ padding: 0;
+ width: 1rem;
+ height: 1rem;
+ font-size: 0.5rem;
+}
+
+.tag-badge {
+ --tblr-badge-font-size: 0.625rem;
+ --tblr-badge-padding-x: .25rem;
+ --tblr-badge-padding-y: .125rem;
+ margin-right: -0.25rem;
+}
+
+.tag-avatar,
+.tag-flag,
+.tag-payment,
+.tag-icon,
+.tag-check {
+ margin-left: -0.25rem;
+}
+
+.tag-icon {
+ color: var(--tblr-secondary);
+ margin-right: -0.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 {
+ background: #ffffff;
+ border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
+ box-shadow: rgba(24, 36, 51, 0.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: none;
+}
+
+.toast-primary {
+ --tblr-toast-color: #0054a6;
+}
+
+.toast-secondary {
+ --tblr-toast-color: #667382;
+}
+
+.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: #fcfdfe;
+}
+
+.toast-dark {
+ --tblr-toast-color: #182433;
+}
+
+.toast-muted {
+ --tblr-toast-color: #667382;
+}
+
+.toast-blue {
+ --tblr-toast-color: #0054a6;
+}
+
+.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-facebook {
+ --tblr-toast-color: #1877f2;
+}
+
+.toast-twitter {
+ --tblr-toast-color: #1da1f2;
+}
+
+.toast-linkedin {
+ --tblr-toast-color: #0a66c2;
+}
+
+.toast-google {
+ --tblr-toast-color: #dc4e41;
+}
+
+.toast-youtube {
+ --tblr-toast-color: #ff0000;
+}
+
+.toast-vimeo {
+ --tblr-toast-color: #1ab7ea;
+}
+
+.toast-dribbble {
+ --tblr-toast-color: #ea4c89;
+}
+
+.toast-github {
+ --tblr-toast-color: #181717;
+}
+
+.toast-instagram {
+ --tblr-toast-color: #e4405f;
+}
+
+.toast-pinterest {
+ --tblr-toast-color: #bd081c;
+}
+
+.toast-vk {
+ --tblr-toast-color: #6383a8;
+}
+
+.toast-rss {
+ --tblr-toast-color: #ffa500;
+}
+
+.toast-flickr {
+ --tblr-toast-color: #0063dc;
+}
+
+.toast-bitbucket {
+ --tblr-toast-color: #0052cc;
+}
+
+.toast-tabler {
+ --tblr-toast-color: #0054a6;
+}
+
+.toolbar {
+ display: flex;
+ flex-wrap: nowrap;
+ flex-shrink: 0;
+ margin: 0 -0.5rem;
+}
+.toolbar > * {
+ margin: 0 0.5rem;
+}
+
+.tracking {
+ --tblr-tracking-height: 1.5rem;
+ --tblr-tracking-gap-width: 0.125rem;
+ --tblr-tracking-block-border-radius: var(--tblr-border-radius);
+ display: flex;
+ gap: var(--tblr-tracking-gap-width);
+}
+
+.tracking-squares {
+ --tblr-tracking-block-border-radius: var(--tblr-border-radius-sm);
+}
+.tracking-squares .tracking-block {
+ height: auto;
+}
+.tracking-squares .tracking-block:before {
+ content: "";
+ display: block;
+ padding-top: 100%;
+}
+
+.tracking-block {
+ flex: 1;
+ border-radius: var(--tblr-tracking-block-border-radius);
+ height: var(--tblr-tracking-height);
+ min-width: 0.25rem;
+ background: var(--tblr-border-color);
+}
+
+.timeline {
+ --tblr-timeline-icon-size: 2.5rem;
+ position: relative;
+ list-style: none;
+ padding: 0;
+}
+
+.timeline-event {
+ position: relative;
+}
+.timeline-event:not(:last-child) {
+ margin-bottom: var(--tblr-page-padding);
+}
+.timeline-event:not(:last-child):before {
+ content: "";
+ position: absolute;
+ top: var(--tblr-timeline-icon-size);
+ left: calc(var(--tblr-timeline-icon-size) / 2);
+ bottom: calc(-1 * var(--tblr-page-padding));
+ width: var(--tblr-border-width);
+ background-color: var(--tblr-border-color);
+ border-radius: var(--tblr-border-radius);
+}
+
+.timeline-event-icon {
+ position: absolute;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: var(--tblr-timeline-icon-size, 2.5rem);
+ height: var(--tblr-timeline-icon-size, 2.5rem);
+ background: var(--tblr-gray-200);
+ color: var(--tblr-secondary);
+ border-radius: var(--tblr-border-radius);
+ z-index: 5;
+}
+
+.timeline-event-card {
+ margin-left: calc(var(--tblr-timeline-icon-size, 2.5rem) + var(--tblr-page-padding));
+}
+
+.timeline-simple .timeline-event-icon {
+ display: none;
+}
+.timeline-simple .timeline-event-card {
+ margin-left: 0;
+}
+
+/**
+Horizontal rules
+ */
+/**
+Hr text
+ */
+.hr-text {
+ display: flex;
+ align-items: center;
+ margin: 2rem 0;
+ font-size: 0.625rem;
+ font-weight: var(--tblr-font-weight-bold);
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+ line-height: 1rem;
+ color: var(--tblr-secondary);
+ height: 1px;
+}
+.hr-text:after, .hr-text:before {
+ flex: 1 1 auto;
+ height: 1px;
+ background-color: var(--tblr-border-color);
+}
+.hr-text:before {
+ content: "";
+ margin-right: 0.5rem;
+}
+.hr-text:after {
+ content: "";
+ margin-left: 0.5rem;
+}
+.hr-text > *:first-child {
+ padding-right: 0.5rem;
+ padding-left: 0;
+ color: var(--tblr-secondary);
+}
+.hr-text.hr-text-left:before {
+ content: none;
+}
+.hr-text.hr-text-left > *:first-child {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+}
+.hr-text.hr-text-right:before {
+ content: "";
+}
+.hr-text.hr-text-right:after {
+ content: none;
+}
+.hr-text.hr-text-right > *:first-child {
+ padding-right: 0;
+ padding-left: 0.5rem;
+}
+.card > .hr-text {
+ margin: 0;
+}
+
+.hr-text-spaceless {
+ margin: -0.5rem 0;
+}
+
+.lead {
+ line-height: 1.4;
+}
+
+a {
+ -webkit-text-decoration-skip: ink;
+ text-decoration-skip-ink: auto;
+}
+
+h1 a,
+h2 a,
+h3 a,
+h4 a,
+h5 a,
+h6 a,
+.h1 a,
+.h2 a,
+.h3 a,
+.h4 a,
+.h5 a,
+.h6 a {
+ color: inherit;
+}
+h1 a:hover,
+h2 a:hover,
+h3 a:hover,
+h4 a:hover,
+h5 a:hover,
+h6 a:hover,
+.h1 a:hover,
+.h2 a:hover,
+.h3 a:hover,
+.h4 a:hover,
+.h5 a:hover,
+.h6 a:hover {
+ color: inherit;
+}
+
+h1,
+.h1 {
+ font-size: var(--tblr-font-size-h1);
+ line-height: var(--tblr-line-height-h1);
+}
+
+h2,
+.h2 {
+ font-size: var(--tblr-font-size-h2);
+ line-height: var(--tblr-line-height-h2);
+}
+
+h3,
+.h3 {
+ font-size: var(--tblr-font-size-h3);
+ line-height: var(--tblr-line-height-h3);
+}
+
+h4,
+.h4 {
+ font-size: var(--tblr-font-size-h4);
+ line-height: var(--tblr-line-height-h4);
+}
+
+h5,
+.h5 {
+ font-size: var(--tblr-font-size-h5);
+ line-height: var(--tblr-line-height-h5);
+}
+
+h6,
+.h6 {
+ font-size: var(--tblr-font-size-h6);
+ line-height: var(--tblr-line-height-h6);
+}
+
+strong,
+.strong,
+b {
+ font-weight: var(--tblr-font-weight-bold);
+}
+
+blockquote {
+ padding-left: 1rem;
+ border-left: 2px var(--tblr-border-style) var(--tblr-border-color);
+}
+blockquote p {
+ margin-bottom: 1rem;
+}
+blockquote cite {
+ display: block;
+ text-align: right;
+}
+blockquote cite:before {
+ content: "— ";
+}
+
+ul, ol {
+ padding-left: 1.5rem;
+}
+
+hr, .hr {
+ margin: 2rem 0;
+}
+
+dl dd:last-child {
+ margin-bottom: 0;
+}
+
+pre {
+ padding: 1rem;
+ background: var(--tblr-bg-surface-dark);
+ color: var(--tblr-light);
+ border-radius: var(--tblr-border-radius);
+}
+pre code {
+ background: transparent;
+}
+
+code {
+ background: var(--tblr-code-bg);
+ padding: 2px 4px;
+ border-radius: var(--tblr-border-radius);
+}
+
+kbd,
+.kbd {
+ border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
+ display: inline-block;
+ box-sizing: border-box;
+ max-width: 100%;
+ font-size: var(--tblr-font-size-h5);
+ font-weight: var(--tblr-font-weight-medium);
+ line-height: 1;
+ vertical-align: baseline;
+ border-radius: var(--tblr-border-radius);
+}
+
+img {
+ max-width: 100%;
+}
+
+.list-unstyled {
+ margin-left: 0;
+}
+
+/**
+Selection
+ */
+::-moz-selection {
+ background-color: rgba(var(--tblr-primary-rgb), 0.16);
+}
+::selection {
+ background-color: rgba(var(--tblr-primary-rgb), 0.16);
+}
+
+/**
+Links
+ */
+[class^=link-].disabled, [class*=" link-"].disabled {
+ color: var(--tblr-disabled-color);
+ pointer-events: none;
+}
+
+/**
+Subheader
+ */
+.subheader {
+ font-size: 0.625rem;
+ font-weight: var(--tblr-font-weight-bold);
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+ line-height: 1rem;
+ color: var(--tblr-secondary);
+}
+
+.chart {
+ display: block;
+ min-height: 10rem;
+}
+.chart text {
+ font-family: inherit;
+}
+
+.chart-sm {
+ height: 2.5rem;
+}
+
+.chart-lg {
+ height: 15rem;
+}
+
+.chart-square {
+ height: 5.75rem;
+}
+
+/**
+Chart sparkline
+ */
+.chart-sparkline {
+ position: relative;
+ width: 4rem;
+ height: 2.5rem;
+ line-height: 1;
+ min-height: 0 !important;
+}
+
+.chart-sparkline-sm {
+ height: 1.5rem;
+}
+
+.chart-sparkline-square {
+ width: 2.5rem;
+}
+
+.chart-sparkline-wide {
+ width: 6rem;
+}
+
+.chart-sparkline-label {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 0.625rem;
+}
+.chart-sparkline-label .icon {
+ width: 1rem;
+ height: 1rem;
+ font-size: 1rem;
+}
+
+.offcanvas-header {
+ border-bottom: var(--tblr-border-width) var(--tblr-border-style) rgba(4, 32, 69, 0.14);
+}
+
+.offcanvas-footer {
+ padding: 1.5rem 1.5rem;
+}
+
+.offcanvas-title {
+ font-size: 1rem;
+ font-weight: var(--tblr-font-weight-medium);
+ line-height: 1.5rem;
+}
+
+.offcanvas-narrow {
+ width: 20rem;
+}
+
+.chat-bubbles {
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+}
+
+.chat-bubble {
+ background: var(--tblr-bg-surface-secondary);
+ border-radius: var(--tblr-border-radius-lg);
+ padding: 1rem;
+ position: relative;
+}
+
+.chat-bubble-me {
+ background-color: var(--tblr-primary-lt);
+ box-shadow: none;
+}
+
+.chat-bubble-title {
+ margin-bottom: 0.25rem;
+}
+
+.chat-bubble-author {
+ font-weight: 600;
+}
+
+.chat-bubble-date {
+ color: var(--tblr-secondary);
+}
+
+.chat-bubble-body > *:last-child {
+ margin-bottom: 0;
+}
+
+.bg-white-overlay {
+ color: #ffffff;
+ background-color: rgba(252, 253, 254, 0.24);
+}
+
+.bg-dark-overlay {
+ color: #ffffff;
+ background-color: rgba(24, 36, 51, 0.24);
+}
+
+.bg-cover {
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-position: center;
+}
+
+.bg-primary {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-primary-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-primary-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-primary-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-primary-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-primary {
+ border-color: #0054a6 !important;
+}
+
+.bg-secondary {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-secondary-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-secondary-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-secondary-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-secondary-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-secondary {
+ border-color: #667382 !important;
+}
+
+.bg-success {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-success-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-success-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-success-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-success-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-success {
+ border-color: #2fb344 !important;
+}
+
+.bg-info {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-info-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-info-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-info-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-info-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-info {
+ border-color: #4299e1 !important;
+}
+
+.bg-warning {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-warning-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-warning-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-warning-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-warning-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-warning {
+ border-color: #f76707 !important;
+}
+
+.bg-danger {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-danger-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-danger-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-danger-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-danger-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-danger {
+ border-color: #d63939 !important;
+}
+
+.bg-light {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-light-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-light-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-light-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-light-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-light {
+ border-color: #fcfdfe !important;
+}
+
+.bg-dark {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-dark-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-dark-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-dark-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-dark-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-dark {
+ border-color: #182433 !important;
+}
+
+.bg-muted {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-muted-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-muted-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-muted-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-muted-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-muted {
+ border-color: #667382 !important;
+}
+
+.bg-blue {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-blue-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-blue-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-blue-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-blue-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-blue {
+ border-color: #0054a6 !important;
+}
+
+.bg-azure {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-azure-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-azure-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-azure-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-azure-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-azure {
+ border-color: #4299e1 !important;
+}
+
+.bg-indigo {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-indigo-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-indigo-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-indigo-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-indigo-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-indigo {
+ border-color: #4263eb !important;
+}
+
+.bg-purple {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-purple-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-purple-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-purple-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-purple-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-purple {
+ border-color: #ae3ec9 !important;
+}
+
+.bg-pink {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-pink-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-pink-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-pink-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-pink-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-pink {
+ border-color: #d6336c !important;
+}
+
+.bg-red {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-red-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-red-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-red-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-red-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-red {
+ border-color: #d63939 !important;
+}
+
+.bg-orange {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-orange-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-orange-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-orange-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-orange-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-orange {
+ border-color: #f76707 !important;
+}
+
+.bg-yellow {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-yellow-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-yellow-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-yellow-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-yellow-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-yellow {
+ border-color: #f59f00 !important;
+}
+
+.bg-lime {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-lime-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-lime-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-lime-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-lime-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-lime {
+ border-color: #74b816 !important;
+}
+
+.bg-green {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-green-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-green-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-green-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-green-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-green {
+ border-color: #2fb344 !important;
+}
+
+.bg-teal {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-teal-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-teal-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-teal-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-teal-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-teal {
+ border-color: #0ca678 !important;
+}
+
+.bg-cyan {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-cyan-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-cyan-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-cyan-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-cyan-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-cyan {
+ border-color: #17a2b8 !important;
+}
+
+.bg-facebook {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-facebook-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-facebook-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-facebook-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-facebook-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-facebook {
+ border-color: #1877f2 !important;
+}
+
+.bg-twitter {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-twitter-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-twitter-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-twitter-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-twitter-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-twitter {
+ border-color: #1da1f2 !important;
+}
+
+.bg-linkedin {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-linkedin-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-linkedin-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-linkedin-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-linkedin-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-linkedin {
+ border-color: #0a66c2 !important;
+}
+
+.bg-google {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-google-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-google-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-google-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-google-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-google {
+ border-color: #dc4e41 !important;
+}
+
+.bg-youtube {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-youtube-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-youtube-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-youtube-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-youtube-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-youtube {
+ border-color: #ff0000 !important;
+}
+
+.bg-vimeo {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-vimeo-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-vimeo-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-vimeo-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-vimeo-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-vimeo {
+ border-color: #1ab7ea !important;
+}
+
+.bg-dribbble {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-dribbble-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-dribbble-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-dribbble-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-dribbble-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-dribbble {
+ border-color: #ea4c89 !important;
+}
+
+.bg-github {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-github-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-github-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-github-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-github-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-github {
+ border-color: #181717 !important;
+}
+
+.bg-instagram {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-instagram-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-instagram-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-instagram-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-instagram-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-instagram {
+ border-color: #e4405f !important;
+}
+
+.bg-pinterest {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-pinterest-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-pinterest-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-pinterest-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-pinterest-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-pinterest {
+ border-color: #bd081c !important;
+}
+
+.bg-vk {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-vk-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-vk-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-vk-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-vk-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-vk {
+ border-color: #6383a8 !important;
+}
+
+.bg-rss {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-rss-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-rss-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-rss-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-rss-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-rss {
+ border-color: #ffa500 !important;
+}
+
+.bg-flickr {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-flickr-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-flickr-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-flickr-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-flickr-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-flickr {
+ border-color: #0063dc !important;
+}
+
+.bg-bitbucket {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-bitbucket-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-bitbucket-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-bitbucket-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-bitbucket-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-bitbucket {
+ border-color: #0052cc !important;
+}
+
+.bg-tabler {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-tabler-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-tabler-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-tabler-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-tabler-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-tabler {
+ border-color: #0054a6 !important;
+}
+
+.bg-white {
+ --tblr-bg-opacity: 1;
+ background-color: rgba(var(--tblr-white-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-white-lt {
+ --tblr-bg-opacity: 1;
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-white-rgb), var(--tblr-text-opacity)) !important;
+ background-color: rgba(var(--tblr-white-lt-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.border-white {
+ border-color: #ffffff !important;
+}
+
+.text-primary {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-primary-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-primary-fg {
+ color: var(--tblr-primary-fg) !important;
+}
+
+.text-secondary {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-secondary-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-secondary-fg {
+ color: var(--tblr-secondary-fg) !important;
+}
+
+.text-success {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-success-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-success-fg {
+ color: var(--tblr-success-fg) !important;
+}
+
+.text-info {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-info-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-info-fg {
+ color: var(--tblr-info-fg) !important;
+}
+
+.text-warning {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-warning-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-warning-fg {
+ color: var(--tblr-warning-fg) !important;
+}
+
+.text-danger {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-danger-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-danger-fg {
+ color: var(--tblr-danger-fg) !important;
+}
+
+.text-light {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-light-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-light-fg {
+ color: var(--tblr-light-fg) !important;
+}
+
+.text-dark {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-dark-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-dark-fg {
+ color: var(--tblr-dark-fg) !important;
+}
+
+.text-muted {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-muted-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-muted-fg {
+ color: var(--tblr-muted-fg) !important;
+}
+
+.text-blue {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-blue-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-blue-fg {
+ color: var(--tblr-blue-fg) !important;
+}
+
+.text-azure {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-azure-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-azure-fg {
+ color: var(--tblr-azure-fg) !important;
+}
+
+.text-indigo {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-indigo-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-indigo-fg {
+ color: var(--tblr-indigo-fg) !important;
+}
+
+.text-purple {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-purple-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-purple-fg {
+ color: var(--tblr-purple-fg) !important;
+}
+
+.text-pink {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-pink-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-pink-fg {
+ color: var(--tblr-pink-fg) !important;
+}
+
+.text-red {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-red-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-red-fg {
+ color: var(--tblr-red-fg) !important;
+}
+
+.text-orange {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-orange-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-orange-fg {
+ color: var(--tblr-orange-fg) !important;
+}
+
+.text-yellow {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-yellow-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-yellow-fg {
+ color: var(--tblr-yellow-fg) !important;
+}
+
+.text-lime {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-lime-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-lime-fg {
+ color: var(--tblr-lime-fg) !important;
+}
+
+.text-green {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-green-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-green-fg {
+ color: var(--tblr-green-fg) !important;
+}
+
+.text-teal {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-teal-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-teal-fg {
+ color: var(--tblr-teal-fg) !important;
+}
+
+.text-cyan {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-cyan-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-cyan-fg {
+ color: var(--tblr-cyan-fg) !important;
+}
+
+.text-facebook {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-facebook-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-facebook-fg {
+ color: var(--tblr-facebook-fg) !important;
+}
+
+.text-twitter {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-twitter-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-twitter-fg {
+ color: var(--tblr-twitter-fg) !important;
+}
+
+.text-linkedin {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-linkedin-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-linkedin-fg {
+ color: var(--tblr-linkedin-fg) !important;
+}
+
+.text-google {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-google-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-google-fg {
+ color: var(--tblr-google-fg) !important;
+}
+
+.text-youtube {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-youtube-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-youtube-fg {
+ color: var(--tblr-youtube-fg) !important;
+}
+
+.text-vimeo {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-vimeo-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-vimeo-fg {
+ color: var(--tblr-vimeo-fg) !important;
+}
+
+.text-dribbble {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-dribbble-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-dribbble-fg {
+ color: var(--tblr-dribbble-fg) !important;
+}
+
+.text-github {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-github-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-github-fg {
+ color: var(--tblr-github-fg) !important;
+}
+
+.text-instagram {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-instagram-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-instagram-fg {
+ color: var(--tblr-instagram-fg) !important;
+}
+
+.text-pinterest {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-pinterest-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-pinterest-fg {
+ color: var(--tblr-pinterest-fg) !important;
+}
+
+.text-vk {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-vk-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-vk-fg {
+ color: var(--tblr-vk-fg) !important;
+}
+
+.text-rss {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-rss-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-rss-fg {
+ color: var(--tblr-rss-fg) !important;
+}
+
+.text-flickr {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-flickr-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-flickr-fg {
+ color: var(--tblr-flickr-fg) !important;
+}
+
+.text-bitbucket {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-bitbucket-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-bitbucket-fg {
+ color: var(--tblr-bitbucket-fg) !important;
+}
+
+.text-tabler {
+ --tblr-text-opacity: 1;
+ color: rgba(var(--tblr-tabler-rgb), var(--tblr-text-opacity)) !important;
+}
+
+.text-tabler-fg {
+ color: var(--tblr-tabler-fg) !important;
+}
+
+.bg-gray-50 {
+ --tblr-bg-opacity: .1;
+ background-color: rgba(var(--tblr-gray-50-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.text-gray-50-fg {
+ color: #182433 !important;
+}
+
+.bg-gray-100 {
+ --tblr-bg-opacity: .1;
+ background-color: rgba(var(--tblr-gray-100-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.text-gray-100-fg {
+ color: #182433 !important;
+}
+
+.bg-gray-200 {
+ --tblr-bg-opacity: .1;
+ background-color: rgba(var(--tblr-gray-200-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.text-gray-200-fg {
+ color: #182433 !important;
+}
+
+.bg-gray-300 {
+ --tblr-bg-opacity: .1;
+ background-color: rgba(var(--tblr-gray-300-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.text-gray-300-fg {
+ color: #182433 !important;
+}
+
+.bg-gray-400 {
+ --tblr-bg-opacity: .1;
+ background-color: rgba(var(--tblr-gray-400-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.text-gray-400-fg {
+ color: #fcfdfe !important;
+}
+
+.bg-gray-500 {
+ --tblr-bg-opacity: .1;
+ background-color: rgba(var(--tblr-gray-500-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.text-gray-500-fg {
+ color: #fcfdfe !important;
+}
+
+.bg-gray-600 {
+ --tblr-bg-opacity: .1;
+ background-color: rgba(var(--tblr-gray-600-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.text-gray-600-fg {
+ color: #fcfdfe !important;
+}
+
+.bg-gray-700 {
+ --tblr-bg-opacity: .1;
+ background-color: rgba(var(--tblr-gray-700-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.text-gray-700-fg {
+ color: #fcfdfe !important;
+}
+
+.bg-gray-800 {
+ --tblr-bg-opacity: .1;
+ background-color: rgba(var(--tblr-gray-800-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.text-gray-800-fg {
+ color: #fcfdfe !important;
+}
+
+.bg-gray-900 {
+ --tblr-bg-opacity: .1;
+ background-color: rgba(var(--tblr-gray-900-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.text-gray-900-fg {
+ color: #fcfdfe !important;
+}
+
+/*
+Scrollable
+*/
+.scrollable {
+ overflow-x: hidden;
+ overflow-y: auto;
+ -webkit-overflow-scrolling: touch;
+}
+.scrollable.hover {
+ overflow-y: hidden;
+}
+.scrollable.hover > * {
+ margin-top: -1px;
+}
+.scrollable.hover:hover, .scrollable.hover:focus, .scrollable.hover:active {
+ overflow: visible;
+ overflow-y: auto;
+}
+.touch .scrollable {
+ overflow-y: auto !important;
+}
+
+.scroll-x,
+.scroll-y {
+ overflow: hidden;
+ -webkit-overflow-scrolling: touch;
+}
+
+.scroll-y {
+ overflow-y: auto;
+}
+
+.scroll-x {
+ overflow-x: auto;
+}
+
+.no-scroll {
+ overflow: hidden;
+}
+
+.w-0 {
+ width: 0 !important;
+}
+
+.h-0 {
+ height: 0 !important;
+}
+
+.w-1 {
+ width: 0.25rem !important;
+}
+
+.h-1 {
+ height: 0.25rem !important;
+}
+
+.w-2 {
+ width: 0.5rem !important;
+}
+
+.h-2 {
+ height: 0.5rem !important;
+}
+
+.w-3 {
+ width: 1rem !important;
+}
+
+.h-3 {
+ height: 1rem !important;
+}
+
+.w-4 {
+ width: 1.5rem !important;
+}
+
+.h-4 {
+ height: 1.5rem !important;
+}
+
+.w-5 {
+ width: 2rem !important;
+}
+
+.h-5 {
+ height: 2rem !important;
+}
+
+.w-6 {
+ width: 3rem !important;
+}
+
+.h-6 {
+ height: 3rem !important;
+}
+
+.w-7 {
+ width: 5rem !important;
+}
+
+.h-7 {
+ height: 5rem !important;
+}
+
+.w-8 {
+ width: 8rem !important;
+}
+
+.h-8 {
+ height: 8rem !important;
+}
+
+.w-auto {
+ width: auto !important;
+}
+
+.h-auto {
+ height: auto !important;
+}
+
+.w-px {
+ width: 1px !important;
+}
+
+.h-px {
+ height: 1px !important;
+}
+
+.w-full {
+ width: 100% !important;
+}
+
+.h-full {
+ height: 100% !important;
+}
+
+.opacity-0 {
+ opacity: 0 !important;
+}
+
+.opacity-5 {
+ opacity: 0.05 !important;
+}
+
+.opacity-10 {
+ opacity: 0.1 !important;
+}
+
+.opacity-15 {
+ opacity: 0.15 !important;
+}
+
+.opacity-20 {
+ opacity: 0.2 !important;
+}
+
+.opacity-25 {
+ opacity: 0.25 !important;
+}
+
+.opacity-30 {
+ opacity: 0.3 !important;
+}
+
+.opacity-35 {
+ opacity: 0.35 !important;
+}
+
+.opacity-40 {
+ opacity: 0.4 !important;
+}
+
+.opacity-45 {
+ opacity: 0.45 !important;
+}
+
+.opacity-50 {
+ opacity: 0.5 !important;
+}
+
+.opacity-55 {
+ opacity: 0.55 !important;
+}
+
+.opacity-60 {
+ opacity: 0.6 !important;
+}
+
+.opacity-65 {
+ opacity: 0.65 !important;
+}
+
+.opacity-70 {
+ opacity: 0.7 !important;
+}
+
+.opacity-75 {
+ opacity: 0.75 !important;
+}
+
+.opacity-80 {
+ opacity: 0.8 !important;
+}
+
+.opacity-85 {
+ opacity: 0.85 !important;
+}
+
+.opacity-90 {
+ opacity: 0.9 !important;
+}
+
+.opacity-95 {
+ opacity: 0.95 !important;
+}
+
+.opacity-100 {
+ opacity: 1 !important;
+}
+
+.hover-shadow-sm:hover {
+ box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
+}
+
+.hover-shadow:hover {
+ box-shadow: rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0 !important;
+}
+
+.hover-shadow-lg:hover {
+ box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
+}
+
+.hover-shadow-none:hover {
+ box-shadow: none !important;
+}
+
+/**
+Antialiasing
+ */
+.antialiased {
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.subpixel-antialiased {
+ -webkit-font-smoothing: auto;
+ -moz-osx-font-smoothing: auto;
+}
\ No newline at end of file
diff --git a/applicationFE/src/assets/css/tabler_custom.scss b/applicationFE/src/assets/css/tabler_custom.scss
new file mode 100644
index 0000000..18d916d
--- /dev/null
+++ b/applicationFE/src/assets/css/tabler_custom.scss
@@ -0,0 +1,23 @@
+// tabler import : Tabler v1.0.0-beta20
+@import './tabler.css';
+
+// tabler Custom Style below
+
+//sideMenu depth
+.navbar-nav .nav-item {
+ padding: 0 calc(calc(0.625rem * 2) / 2);
+ // justify-content: flex-start; // profile...
+}
+
+//summary font size
+.card-title.summary {
+ font-size: 1.1rem;
+}
+
+// sidebar non-clickable text set
+.hr-text-color {
+ color: var(--tblr-secondary);
+}
+.hr-text-color:hover {
+ color: var(--tblr-secondary);
+}
\ No newline at end of file
diff --git a/applicationFE/src/assets/css/tabulator_for_tabler.scss b/applicationFE/src/assets/css/tabulator_for_tabler.scss
new file mode 100644
index 0000000..16a83fe
--- /dev/null
+++ b/applicationFE/src/assets/css/tabulator_for_tabler.scss
@@ -0,0 +1,97 @@
+$border-color: rgba(72, 110, 149, 0.14);
+$primary: #0054a6;
+$primary-darker: #002345;
+$green: #2fb344;
+
+//Main Theme Variables
+$backgroundColor: transparent; //background color of tabulator
+$borderColor:transparent; //border to tabulator
+$textSize:16px; //table text size
+
+//header theming
+$headerBackgroundColor:transparent; //border to tabulator
+$headerTextColor:inherit; //header text color
+$headerBorderColor: $border-color; //header border color
+$headerSeparatorColor: $border-color; //header bottom separator color
+$headerMargin:4px; //padding round header
+
+//column header arrows
+$sortArrowHover: #555;
+$sortArrowActive: #666;
+$sortArrowInactive: #bbb;
+
+//row theming
+$rowBackgroundColor:transparent; //table row background color
+$rowAltBackgroundColor:transparent; //table row background color
+$rowBorderColor:transparent; //table border color
+$rowTextColor:inherit; //table text color
+$rowHoverBackground:rgba(0, 0, 0, 0.1); //row background color on hover
+
+// $rowSelectedBackground: $primary; //row background color when selected
+// $rowSelectedBackgroundHover: $primary-darker;//row background color when selected and hovered
+$rowSelectedBackground: rgba(lighten($primary, 40%), 0.5); //row background color when selected
+$rowSelectedBackgroundHover: rgba(0, 0, 0, 0.2);
+
+$editBoxColor:#1D68CD; //border color for edit boxes
+$errorColor:#dd0000; //error indication
+
+//footer theming
+$footerBackgroundColor:transparent; //border to tabulator
+$footerTextColor:inherit; //footer text color
+$footerBorderColor: $border-color; //footer border color
+$footerSeparatorColor: transparent; //footer bottom separator color
+$footerActiveColor: #555; //footer bottom active text color
+
+//range selection
+$rangeBorderColor: $primary; //range border color
+$rangeHandleColor: $rangeBorderColor; //range handle color
+$rangeHeaderSelectedBackground: $primary; //header background color when selected
+$rangeHeaderSelectedTextColor: inherit; //header text color when selected
+$rangeHeaderHighlightBackground: #D6D6D6; //header background color when highlighted
+$rangeHeaderTextHighlightBackground: #000000; //header text color when highlighted
+
+
+// Tabulator 기본 SCSS. 아래서 재 정의.
+@import "~tabulator-tables/src/scss/tabulator.scss";
+
+// 기본 CSS BS5 일부 참조
+.tabulator .tabulator-header {
+ position: relative;
+ box-sizing: border-box;
+ width: 100%;
+ font-size: $textSize*0.8;
+ font-weight: unset;
+ white-space: nowrap;
+ overflow: hidden;
+ outline: none;
+ border-top: 1px solid $border-color;
+}
+
+.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title{
+ padding: 0 $headerMargin*3 0 $headerMargin*3;
+}
+
+.tabulator-row .tabulator-cell {
+ display: inline-block;
+ position: relative;
+ box-sizing: border-box;
+ padding: $headerMargin*2 $headerMargin*4 $headerMargin*2 $headerMargin*4;
+ border-bottom: 1px solid $border-color;
+ vertical-align: middle;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ outline: none;
+}
+
+.tabulator .tabulator-footer{
+ font-weight: unset;
+ font-size: 60%;
+}
+
+.tabulator-page{
+ &.active{
+ font-weight: bold;
+ background-color: var(--tblr-primary-lt);
+ }
+}
\ No newline at end of file
diff --git a/applicationFE/src/assets/css/tomselect_for_tabler.scss b/applicationFE/src/assets/css/tomselect_for_tabler.scss
new file mode 100644
index 0000000..7b29249
--- /dev/null
+++ b/applicationFE/src/assets/css/tomselect_for_tabler.scss
@@ -0,0 +1,1048 @@
+
+/**
+ * Tom Select bootstrap 5
+ */
+/**
+ * tom-select.css (v//@@version)
+ * Copyright (c) contributors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
+ * file except in compliance with the License. You may obtain a copy of the License at:
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
+ * ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ *
+ */
+ :root {
+ --ts-pr-clear-button: 0;
+ --ts-pr-caret: 0;
+ --ts-pr-min: .75rem;
+ }
+
+ .ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
+ cursor: pointer;
+ }
+
+ .ts-control {
+ padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
+ }
+
+ .ts-wrapper.plugin-drag_drop.multi > .ts-control > div.ui-sortable-placeholder {
+ visibility: visible !important;
+ background: #f2f2f2 !important;
+ background: rgba(0, 0, 0, 0.06) !important;
+ border: 0 none !important;
+ box-shadow: inset 0 0 12px 4px #fff;
+ }
+ .ts-wrapper.plugin-drag_drop .ui-sortable-placeholder::after {
+ content: "!";
+ visibility: hidden;
+ }
+ .ts-wrapper.plugin-drag_drop .ui-sortable-helper {
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+ }
+
+ .plugin-checkbox_options .option input {
+ margin-right: 0.5rem;
+ }
+
+ .plugin-clear_button {
+ --ts-pr-clear-button: 1em;
+ }
+ .plugin-clear_button .clear-button {
+ opacity: 0;
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ right: calc(0.75rem - 5px);
+ margin-right: 0 !important;
+ background: transparent !important;
+ transition: opacity 0.5s;
+ cursor: pointer;
+ }
+ .plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button {
+ right: max( var(--ts-pr-caret), 0.75rem);
+ }
+ .plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
+ opacity: 1;
+ }
+
+ .ts-wrapper .dropdown-header {
+ position: relative;
+ padding: 6px 0.75rem;
+ border-bottom: 1px solid #d0d0d0;
+ background: #f8f8f8;
+ border-radius: var(--tblr-border-radius) var(--tblr-border-radius) 0 0;
+ }
+ .ts-wrapper .dropdown-header-close {
+ position: absolute;
+ right: 0.75rem;
+ top: 50%;
+ color: #182433;
+ opacity: 0.4;
+ margin-top: -12px;
+ line-height: 20px;
+ font-size: 20px !important;
+ }
+ .ts-wrapper .dropdown-header-close:hover {
+ color: black;
+ }
+
+ .plugin-dropdown_input.focus.dropdown-active .ts-control {
+ box-shadow: none;
+ border: 1px solid var(--tblr-border-color);
+ box-shadow: var(--tblr-box-shadow-input);
+ }
+ .plugin-dropdown_input .dropdown-input {
+ border: 1px solid #d0d0d0;
+ border-width: 0 0 1px 0;
+ display: block;
+ padding: 0.5625rem 0.75rem;
+ box-shadow: none;
+ width: 100%;
+ background: transparent;
+ }
+ .plugin-dropdown_input.focus .ts-dropdown .dropdown-input {
+ border-color: #80aad3;
+ outline: 0;
+ box-shadow: var(--tblr-box-shadow-input), 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
+ }
+ .plugin-dropdown_input .items-placeholder {
+ border: 0 none !important;
+ box-shadow: none !important;
+ width: 100%;
+ }
+ .plugin-dropdown_input.has-items .items-placeholder, .plugin-dropdown_input.dropdown-active .items-placeholder {
+ display: none !important;
+ }
+
+ .ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
+ min-width: 0;
+ }
+ .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
+ flex: none;
+ min-width: 4px;
+ }
+ .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-webkit-input-placeholder {
+ color: transparent;
+ }
+ .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input:-ms-input-placeholder {
+ color: transparent;
+ }
+ .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-ms-input-placeholder {
+ color: transparent;
+ }
+ .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
+ color: transparent;
+ }
+
+ .ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
+ display: flex;
+ }
+ .ts-dropdown.plugin-optgroup_columns .optgroup {
+ border-right: 1px solid #f2f2f2;
+ border-top: 0 none;
+ flex-grow: 1;
+ flex-basis: 0;
+ min-width: 0;
+ }
+ .ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
+ border-right: 0 none;
+ }
+ .ts-dropdown.plugin-optgroup_columns .optgroup:before {
+ display: none;
+ }
+ .ts-dropdown.plugin-optgroup_columns .optgroup-header {
+ border-top: 0 none;
+ }
+
+ .ts-wrapper.plugin-remove_button .item {
+ display: inline-flex;
+ align-items: center;
+ padding-right: 0 !important;
+ }
+ .ts-wrapper.plugin-remove_button .item .remove {
+ color: inherit;
+ text-decoration: none;
+ vertical-align: middle;
+ display: inline-block;
+ padding: 0 5px;
+ border-radius: 0 2px 2px 0;
+ box-sizing: border-box;
+ }
+ .ts-wrapper.plugin-remove_button .item .remove:hover {
+ background: rgba(0, 0, 0, 0.05);
+ }
+ .ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
+ background: none;
+ }
+ .ts-wrapper.plugin-remove_button .remove-single {
+ position: absolute;
+ right: 0;
+ top: 0;
+ font-size: 23px;
+ }
+
+ .ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
+ border-left: 1px solid #dadfe5;
+ margin-left: 5px;
+ }
+ .ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
+ border-left-color: rgba(0, 0, 0, 0);
+ }
+ .ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
+ border-left-color: white;
+ }
+
+ .ts-wrapper.plugin-remove_button.rtl .item .remove {
+ border-right: 1px solid #dadfe5;
+ margin-right: 5px;
+ }
+ .ts-wrapper.plugin-remove_button.rtl .item.active .remove {
+ border-right-color: rgba(0, 0, 0, 0);
+ }
+ .ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
+ border-right-color: white;
+ }
+
+ .ts-wrapper {
+ position: relative;
+ }
+
+ .ts-dropdown,
+ .ts-control,
+ .ts-control input {
+ color: #182433;
+ font-family: inherit;
+ font-size: inherit;
+ line-height: 1.4285714286;
+ font-smoothing: inherit;
+ }
+
+ .ts-control,
+ .ts-wrapper.single.input-active .ts-control {
+ background: var(--tblr-bg-forms);
+ cursor: text;
+ }
+
+ .ts-control {
+ border: 1px solid var(--tblr-border-color);
+ padding: 0.5625rem 0.75rem;
+ width: 100%;
+ overflow: hidden;
+ position: relative;
+ z-index: 1;
+ box-sizing: border-box;
+ box-shadow: none;
+ border-radius: var(--tblr-border-radius);
+ display: flex;
+ flex-wrap: wrap;
+ }
+ .ts-wrapper.multi.has-items .ts-control {
+ padding: calc( 0.5625rem - 1px - 0px) 0.75rem calc( 0.5625rem - 1px - 3px - 0px);
+ }
+ .full .ts-control {
+ background-color: var(--tblr-bg-forms);
+ }
+ .disabled .ts-control, .disabled .ts-control * {
+ cursor: default !important;
+ }
+ .focus .ts-control {
+ box-shadow: none;
+ }
+ .ts-control > * {
+ vertical-align: baseline;
+ display: inline-block;
+ }
+ .ts-wrapper.multi .ts-control > div {
+ cursor: pointer;
+ margin: 0 3px 3px 0;
+ padding: 1px 5px;
+ background: #efefef;
+ color: #182433;
+ border: 0px solid #dadfe5;
+ }
+ .ts-wrapper.multi .ts-control > div.active {
+ background: #0054a6;
+ color: #fff;
+ border: 0px solid rgba(0, 0, 0, 0);
+ }
+ .ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
+ color: #727272;
+ background: white;
+ border: 0px solid white;
+ }
+ .ts-control > input {
+ flex: 1 1 auto;
+ min-width: 7rem;
+ display: inline-block !important;
+ padding: 0 !important;
+ min-height: 0 !important;
+ max-height: none !important;
+ max-width: 100% !important;
+ margin: 0 !important;
+ text-indent: 0 !important;
+ border: 0 none !important;
+ background: none !important;
+ line-height: inherit !important;
+ -webkit-user-select: auto !important;
+ -moz-user-select: auto !important;
+ -ms-user-select: auto !important;
+ user-select: auto !important;
+ box-shadow: none !important;
+ }
+ .ts-control > input::-ms-clear {
+ display: none;
+ }
+ .ts-control > input:focus {
+ outline: none !important;
+ }
+ .has-items .ts-control > input {
+ margin: 0px 4px !important;
+ }
+ .ts-control.rtl {
+ text-align: right;
+ }
+ .ts-control.rtl.single .ts-control:after {
+ left: calc(0.75rem + 5px);
+ right: auto;
+ }
+ .ts-control.rtl .ts-control > input {
+ margin: 0px 4px 0px -2px !important;
+ }
+ .disabled .ts-control {
+ opacity: 0.5;
+ background-color: var(--tblr-bg-surface-secondary);
+ }
+ .input-hidden .ts-control > input {
+ opacity: 0;
+ position: absolute;
+ left: -10000px;
+ }
+
+ .ts-dropdown {
+ position: absolute;
+ top: 100%;
+ left: 0;
+ width: 100%;
+ z-index: 10;
+ border: 1px solid #d0d0d0;
+ background: #fff;
+ margin: 0.25rem 0 0 0;
+ border-top: 0 none;
+ box-sizing: border-box;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+ border-radius: 0 0 var(--tblr-border-radius) var(--tblr-border-radius);
+ }
+ .ts-dropdown [data-selectable] {
+ cursor: pointer;
+ overflow: hidden;
+ }
+ .ts-dropdown [data-selectable] .highlight {
+ background: rgba(255, 237, 40, 0.4);
+ border-radius: 1px;
+ }
+ .ts-dropdown .option,
+ .ts-dropdown .optgroup-header,
+ .ts-dropdown .no-results,
+ .ts-dropdown .create {
+ padding: 3px 0.75rem;
+ }
+ .ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
+ cursor: inherit;
+ opacity: 0.5;
+ }
+ .ts-dropdown [data-selectable].option {
+ opacity: 1;
+ cursor: pointer;
+ }
+ .ts-dropdown .optgroup:first-child .optgroup-header {
+ border-top: 0 none;
+ }
+ .ts-dropdown .optgroup-header {
+ color: #667382;
+ background: var(--tblr-bg-surface);
+ cursor: default;
+ }
+ .ts-dropdown .active {
+ background-color: rgba(var(--tblr-text-secondary-rgb), 0.04);
+ color: inherit;
+ }
+ .ts-dropdown .active.create {
+ color: inherit;
+ }
+ .ts-dropdown .create {
+ color: rgba(24, 36, 51, 0.5);
+ }
+ .ts-dropdown .spinner {
+ display: inline-block;
+ width: 30px;
+ height: 30px;
+ margin: 3px 0.75rem;
+ }
+ .ts-dropdown .spinner:after {
+ content: " ";
+ display: block;
+ width: 24px;
+ height: 24px;
+ margin: 3px;
+ border-radius: 50%;
+ border: 5px solid #d0d0d0;
+ border-color: #d0d0d0 transparent #d0d0d0 transparent;
+ animation: lds-dual-ring 1.2s linear infinite;
+ }
+ @keyframes lds-dual-ring {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
+ }
+
+ .ts-dropdown-content {
+ overflow-y: auto;
+ overflow-x: hidden;
+ max-height: 200px;
+ overflow-scrolling: touch;
+ scroll-behavior: smooth;
+ }
+
+ .ts-hidden-accessible {
+ border: 0 !important;
+ clip: rect(0 0 0 0) !important;
+ -webkit-clip-path: inset(50%) !important;
+ clip-path: inset(50%) !important;
+ overflow: hidden !important;
+ padding: 0 !important;
+ position: absolute !important;
+ width: 1px !important;
+ white-space: nowrap !important;
+ }
+
+ .ts-wrapper.form-control,
+ .ts-wrapper.form-select {
+ padding: 0 !important;
+ height: auto;
+ box-shadow: none;
+ display: flex;
+ }
+
+ .ts-dropdown,
+ .ts-dropdown.form-control,
+ .ts-dropdown.form-select {
+ height: auto;
+ padding: 0;
+ z-index: 1000;
+ background: #fff;
+ border: 1px solid var(--tblr-border-color-translucent);
+ border-radius: 4px;
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+ }
+
+ .ts-dropdown .optgroup-header {
+ font-size: 0.765625rem;
+ line-height: 1.4285714286;
+ }
+ .ts-dropdown .optgroup:first-child:before {
+ display: none;
+ }
+ .ts-dropdown .optgroup:before {
+ content: " ";
+ display: block;
+ height: 0;
+ margin: var(--tblr-spacer) 0;
+ overflow: hidden;
+ border-top: 1px solid var(--tblr-border-color-translucent);
+ margin-left: -0.75rem;
+ margin-right: -0.75rem;
+ }
+ .ts-dropdown .create {
+ padding-left: 0.75rem;
+ }
+
+ .ts-dropdown-content {
+ padding: 5px 0;
+ }
+
+ .ts-control {
+ box-shadow: var(--tblr-box-shadow-input);
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ display: flex;
+ align-items: center;
+ }
+ @media (prefers-reduced-motion: reduce) {
+ .ts-control {
+ transition: none;
+ }
+ }
+ .ts-control.dropdown -active {
+ border-radius: var(--tblr-border-radius);
+ }
+ .focus .ts-control {
+ border-color: #80aad3;
+ outline: 0;
+ box-shadow: var(--tblr-box-shadow-input), 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
+ }
+ .ts-control .item {
+ display: flex;
+ align-items: center;
+ }
+
+ .ts-wrapper.is-invalid,
+ .was-validated .invalid,
+ .was-validated :invalid + .ts-wrapper {
+ border-color: var(--tblr-form-invalid-color);
+ }
+ .ts-wrapper.is-invalid:not(.single),
+ .was-validated .invalid:not(.single),
+ .was-validated :invalid + .ts-wrapper:not(.single) {
+ 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-position: right calc(0.3571428572em + 0.28125rem) center;
+ background-size: calc(0.7142857143em + 0.5625rem) calc(0.7142857143em + 0.5625rem);
+ background-repeat: no-repeat;
+ }
+ .ts-wrapper.is-invalid.single,
+ .was-validated .invalid.single,
+ .was-validated :invalid + .ts-wrapper.single {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23929dab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), 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-position: right 0.75rem center, center right 2.25rem;
+ background-size: 16px 12px, calc(0.7142857143em + 0.5625rem) calc(0.7142857143em + 0.5625rem);
+ background-repeat: no-repeat;
+ }
+ .ts-wrapper.is-invalid.focus .ts-control,
+ .was-validated .invalid.focus .ts-control,
+ .was-validated :invalid + .ts-wrapper.focus .ts-control {
+ border-color: var(--tblr-form-invalid-color);
+ box-shadow: 0 0 0 0.25rem rgba(var(--tblr-form-invalid-color), 0.25);
+ }
+
+ .ts-wrapper.is-valid,
+ .was-validated .valid,
+ .was-validated :valid + .ts-wrapper {
+ border-color: var(--tblr-form-valid-color);
+ }
+ .ts-wrapper.is-valid:not(.single),
+ .was-validated .valid:not(.single),
+ .was-validated :valid + .ts-wrapper:not(.single) {
+ 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-position: right calc(0.3571428572em + 0.28125rem) center;
+ background-size: calc(0.7142857143em + 0.5625rem) calc(0.7142857143em + 0.5625rem);
+ background-repeat: no-repeat;
+ }
+ .ts-wrapper.is-valid.single,
+ .was-validated .valid.single,
+ .was-validated :valid + .ts-wrapper.single {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23929dab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), 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-position: right 0.75rem center, center right 2.25rem;
+ background-size: 16px 12px, calc(0.7142857143em + 0.5625rem) calc(0.7142857143em + 0.5625rem);
+ background-repeat: no-repeat;
+ }
+ .ts-wrapper.is-valid.focus .ts-control,
+ .was-validated .valid.focus .ts-control,
+ .was-validated :valid + .ts-wrapper.focus .ts-control {
+ border-color: var(--tblr-form-valid-color);
+ box-shadow: 0 0 0 0.25rem rgba(var(--tblr-form-valid-color), 0.25);
+ }
+
+ .ts-wrapper {
+ min-height: calc(1.4285714286em + 1.125rem + calc(var(--tblr-border-width) * 2));
+ display: flex;
+ }
+ .input-group-sm > .ts-wrapper, .ts-wrapper.form-select-sm, .ts-wrapper.form-control-sm {
+ min-height: calc(1.4285714286em + 0.25rem + calc(var(--tblr-border-width) * 2));
+ }
+ .input-group-sm > .ts-wrapper .ts-control, .ts-wrapper.form-select-sm .ts-control, .ts-wrapper.form-control-sm .ts-control {
+ border-radius: var(--tblr-border-radius-sm);
+ font-size: 0.75rem;
+ }
+ .input-group-sm > .ts-wrapper.has-items .ts-control, .ts-wrapper.form-select-sm.has-items .ts-control, .ts-wrapper.form-control-sm.has-items .ts-control {
+ font-size: 0.75rem;
+ padding-bottom: 0;
+ }
+ .input-group-sm > .ts-wrapper.multi.has-items .ts-control, .ts-wrapper.form-select-sm.multi.has-items .ts-control, .ts-wrapper.form-control-sm.multi.has-items .ts-control {
+ padding-top: calc((calc(1.4285714286em + 0.25rem + calc(var(--tblr-border-width) * 2)) - (1.4285714286 * 0.75rem) - 4px) / 2) !important;
+ }
+ .ts-wrapper.multi.has-items .ts-control {
+ padding-left: calc(0.75rem - 5px);
+ --ts-pr-min: calc(0.75rem - 5px);
+ }
+ .ts-wrapper.multi .ts-control > div {
+ border-radius: calc(var(--tblr-border-radius) - 1px);
+ }
+ .input-group-lg > .ts-wrapper, .ts-wrapper.form-control-lg, .ts-wrapper.form-select-lg {
+ min-height: calc(1.4285714286em + 1rem + calc(var(--tblr-border-width) * 2));
+ }
+ .input-group-lg > .ts-wrapper .ts-control, .ts-wrapper.form-control-lg .ts-control, .ts-wrapper.form-select-lg .ts-control {
+ border-radius: var(--tblr-border-radius-lg);
+ font-size: 1.25rem;
+ }
+
+ .ts-wrapper:not(.form-control):not(.form-select) {
+ padding: 0;
+ border: none;
+ height: auto;
+ box-shadow: none;
+ background: none;
+ }
+ .ts-wrapper:not(.form-control):not(.form-select).single .ts-control {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23929dab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: right 0.75rem center;
+ background-size: 16px 12px;
+ }
+ .ts-wrapper.form-select, .ts-wrapper.single {
+ --ts-pr-caret: 2.25rem;
+ }
+
+ .ts-wrapper.form-control .ts-control, .ts-wrapper.form-control.single.input-active .ts-control,
+ .ts-wrapper.form-select .ts-control,
+ .ts-wrapper.form-select.single.input-active .ts-control {
+ border: none !important;
+ }
+ .ts-wrapper.form-control:not(.disabled) .ts-control, .ts-wrapper.form-control:not(.disabled).single.input-active .ts-control,
+ .ts-wrapper.form-select:not(.disabled) .ts-control,
+ .ts-wrapper.form-select:not(.disabled).single.input-active .ts-control {
+ background: transparent !important;
+ }
+
+ .input-group > .ts-wrapper {
+ flex-grow: 1;
+ }
+ .input-group > .ts-wrapper:not(:nth-child(2)) > .ts-control {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+ .input-group > .ts-wrapper:not(:last-child) > .ts-control {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+
+ :root {
+ --ts-pr-clear-button: 0rem;
+ --ts-pr-caret: 0rem;
+ }
+
+ .ts-input {
+ color: inherit;
+ }
+
+ .ts-control {
+ color: inherit;
+ }
+ .ts-control .dropdown-menu {
+ width: 100%;
+ height: auto;
+ }
+
+ .ts-wrapper .form-control,
+ .ts-wrapper .form-select, .ts-wrapper.form-control, .ts-wrapper.form-select {
+ box-shadow: var(--tblr-box-shadow-input);
+ }
+ .ts-wrapper.is-invalid .ts-control, .ts-wrapper.is-valid .ts-control {
+ --ts-pr-clear-button: 1.5rem;
+ }
+
+ .ts-dropdown {
+ background: var(--tblr-bg-surface);
+ color: var(--tblr-body-color);
+ box-shadow: var(--tblr-box-shadow-dropdown);
+ }
+ .ts-dropdown .option {
+ padding: 0.5rem 0.75rem;
+ }
+
+ .ts-control,
+ .ts-control input {
+ color: var(--tblr-body-color);
+ }
+
+ .ts-control input::-webkit-input-placeholder {
+ color: #929dab;
+ }
+
+ .ts-control input:-ms-input-placeholder {
+ color: #929dab;
+ }
+
+ .ts-control input::-ms-input-placeholder {
+ color: #929dab;
+ }
+
+ .ts-control input::placeholder {
+ color: #929dab;
+ }
+
+ .ts-wrapper.multi .ts-control > div {
+ background: var(--tblr-bg-surface-secondary);
+ border: 1px solid var(--tblr-border-color);
+ color: var(--tblr-body-color);
+ }
+
+ .apexcharts-tooltip {
+ color: var(--tblr-light) !important;
+ background: var(--tblr-bg-surface-dark) !important;
+ font-size: 0.765625rem !important;
+ padding: 0.25rem !important;
+ box-shadow: none !important;
+ }
+
+ .apexcharts-tooltip-title {
+ background: transparent !important;
+ border: 0 !important;
+ margin: 0 !important;
+ font-weight: var(--tblr-font-weight-bold);
+ padding: 0.25rem 0.5rem !important;
+ }
+
+ .apexcharts-tooltip-y-group {
+ padding: 2px 0 !important;
+ }
+
+ .apexcharts-tooltip-series-group {
+ padding: 0 0.5rem 0 !important;
+ }
+
+ .apexcharts-tooltip-marker {
+ width: 10px !important;
+ height: 10px !important;
+ }
+
+ .apexcharts-text {
+ fill: var(--tblr-body-color) !important;
+ }
+
+ .apexcharts-gridline {
+ stroke: var(--tblr-border-color) !important;
+ }
+
+ .apexcharts-legend-text {
+ color: inherit !important;
+ }
+
+ .apexcharts-radialbar-area {
+ stroke: var(--tblr-border-color-dark) !important;
+ }
+
+ svg {
+ touch-action: none;
+ }
+
+ image, text, .jvm-zoomin, .jvm-zoomout {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ }
+
+ .jvm-container {
+ touch-action: none;
+ position: relative;
+ overflow: hidden;
+ height: 100%;
+ width: 100%;
+ }
+
+ .jvm-tooltip {
+ border-radius: 3px;
+ background-color: #5c5cff;
+ font-family: sans-serif, Verdana;
+ font-size: smaller;
+ box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.2);
+ padding: 3px 5px;
+ white-space: nowrap;
+ position: absolute;
+ display: none;
+ color: #FFF;
+ }
+
+ .jvm-tooltip.active {
+ display: block;
+ }
+
+ .jvm-zoom-btn {
+ border-radius: 3px;
+ background-color: #292929;
+ padding: 3px;
+ box-sizing: border-box;
+ position: absolute;
+ line-height: 10px;
+ cursor: pointer;
+ color: #FFF;
+ height: 15px;
+ width: 15px;
+ left: 10px;
+ }
+
+ .jvm-zoom-btn.jvm-zoomout {
+ top: 30px;
+ }
+
+ .jvm-zoom-btn.jvm-zoomin {
+ top: 10px;
+ }
+
+ .jvm-series-container {
+ right: 15px;
+ position: absolute;
+ }
+
+ .jvm-series-container.jvm-series-h {
+ bottom: 15px;
+ }
+
+ .jvm-series-container.jvm-series-v {
+ top: 15px;
+ }
+
+ .jvm-series-container .jvm-legend {
+ background-color: #FFF;
+ border: 1px solid #e5e7eb;
+ margin-left: 0.75rem;
+ border-radius: 0.25rem;
+ border-color: #e5e7eb;
+ padding: 0.6rem;
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ float: left;
+ }
+
+ .jvm-series-container .jvm-legend .jvm-legend-title {
+ line-height: 1;
+ border-bottom: 1px solid #e5e7eb;
+ padding-bottom: 0.5rem;
+ margin-bottom: 0.575rem;
+ text-align: left;
+ }
+
+ .jvm-series-container .jvm-legend .jvm-legend-inner {
+ overflow: hidden;
+ }
+
+ .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick {
+ overflow: hidden;
+ min-width: 40px;
+ }
+
+ .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick:not(:first-child) {
+ margin-top: 0.575rem;
+ }
+
+ .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample {
+ border-radius: 4px;
+ margin-right: 0.65rem;
+ height: 16px;
+ width: 16px;
+ float: left;
+ }
+
+ .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-text {
+ font-size: 12px;
+ text-align: center;
+ float: left;
+ }
+
+ .jvm-line[animation=true] {
+ animation: jvm-line-animation 10s linear forwards infinite;
+ }
+ @keyframes jvm-line-animation {
+ from {
+ stroke-dashoffset: 250;
+ }
+ }
+ .jvm-tooltip {
+ background: #182433;
+ font-family: inherit;
+ font-size: 0.75rem;
+ box-shadow: var(--tblr-shadow-card);
+ }
+
+ .jvm-series-container .jvm-legend .jvm-legend-title {
+ border-bottom: 0;
+ font-weight: var(--tblr-font-weight-medium);
+ }
+
+ .jvm-series-container .jvm-legend {
+ background-color: var(--tblr-card-bg, var(--tblr-bg-surface));
+ border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
+ min-width: 8rem;
+ }
+ .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick {
+ display: flex;
+ align-items: center;
+ }
+ .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample {
+ width: 0.75rem;
+ height: 0.75rem;
+ }
+
+ .jvm-zoom-btn {
+ border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
+ background: var(--tblr-card-bg, var(--tblr-bg-surface));
+ color: var(--tblr-body-color);
+ padding: 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ line-height: 1;
+ width: 1.5rem;
+ height: 1.5rem;
+ font-size: 1rem;
+ box-shadow: var(--tblr-shadow-card);
+ }
+ .jvm-zoom-btn.jvm-zoomout {
+ top: 2.5rem;
+ }
+
+ .dropzone {
+ border: var(--tblr-border-width) dashed var(--tblr-border-color);
+ color: var(--tblr-secondary);
+ padding: 1rem;
+ }
+ .dropzone.dz-drag-hover {
+ border: var(--tblr-border-width) dashed var(--tblr-primary);
+ background: rgba(var(--tblr-primary-rgb), 0.01);
+ color: var(--tblr-primary);
+ }
+ .dropzone.dz-drag-hover .dz-message {
+ opacity: 1;
+ }
+ .dropzone .dz-preview {
+ margin: 0.5rem;
+ }
+ .dropzone .dz-preview .dz-image {
+ border-radius: var(--tblr-border-radius);
+ }
+ .dropzone .dz-preview .dz-success-mark {
+ height: 54px;
+ }
+
+ .fslightbox-container {
+ font-family: inherit !important;
+ background: rgba(24, 36, 51, 0.24) !important;
+ -webkit-backdrop-filter: blur(4px) !important;
+ backdrop-filter: blur(4px) !important;
+ }
+
+ .fslightbox-slide-number-container {
+ color: inherit !important;
+ }
+
+ .fslightbox-slash {
+ background: currentColor !important;
+ }
+
+ body {
+ --plyr-color-main: var(--tblr-primary);
+ }
+
+ .tox-tinymce {
+ border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color) !important;
+ border-radius: 4px !important;
+ font-family: var(--tblr-font-sans-serif) !important;
+ }
+
+ .tox-toolbar__group {
+ padding: 0 0.5rem 0;
+ }
+
+ .tox .tox-toolbar__primary {
+ background: transparent !important;
+ }
+
+ .tox:not(.tox-tinymce-inline) .tox-editor-header {
+ border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color) !important;
+ box-shadow: none !important;
+ padding: 0 !important;
+ }
+
+ .tox-tbtn {
+ margin: 0 !important;
+ }
+
+ .tox-statusbar {
+ border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color) !important;
+ }
+
+ .tox .tox-toolbar-overlord,
+ .tox:not(.tox-tinymce-inline) .tox-editor-header {
+ background: transparent !important;
+ }
+
+ :root {
+ --gl-star-size: auto;
+ --gl-star-color: var(--tblr-yellow);
+ --gl-star-color-inactive: var(--tblr-border-color);
+ }
+
+ [data-star-rating] svg {
+ width: var(--tblr-icon-size, --gl-star-size);
+ height: var(--tblr-icon-size, --gl-star-size);
+ }
+ [data-star-rating] :not(.gl-active) > .gl-star-full {
+ color: var(--gl-star-color-inactive) !important;
+ }
+ [data-star-rating] .gl-active > .gl-star-full {
+ color: var(--gl-star-color);
+ }
+
+ .clr-picker {
+ box-shadow: var(--tblr-box-shadow-dropdown);
+ background-color: var(--tblr-bg-surface);
+ }
+
+ input.clr-color {
+ border-radius: var(--tblr-border-radius);
+ color: var(--tblr-body-color);
+ border-color: var(--tblr-border-color);
+ background: transparent;
+ }
+ input.clr-color:focus {
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
+ border-color: rgba(var(--tblr-primary-rgb), 0.25);
+ }
+
+ .clr-swatches button {
+ border-radius: var(--tblr-border-radius);
+ padding: 0 2px 4px 2px;
+ }
+ .clr-swatches button:focus {
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
+ }
+
+ .clr-preview {
+ border-radius: var(--tblr-border-radius);
+ overflow: visible;
+ }
+ .clr-preview button, .clr-preview:before, .clr-preview:after {
+ border-radius: var(--tblr-border-radius);
+ }
+ .clr-preview button:focus {
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
+ }
+
+ .clr-field {
+ display: block;
+ }
+ .clr-field button {
+ width: 1.5rem;
+ height: 1.5rem;
+ left: 6px;
+ right: auto;
+ border-radius: var(--tblr-border-radius);
+ }
+ .clr-field button:after {
+ box-shadow: inset 0 0 0 1px var(--tblr-border-color-translucent);
+ }
+ .clr-field button:focus {
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
+ }
+ .clr-field input {
+ padding-left: 2.5rem;
+ }
\ No newline at end of file
diff --git a/applicationFE/src/common/request.ts b/applicationFE/src/common/request.ts
index b6efef5..8e46f8b 100644
--- a/applicationFE/src/common/request.ts
+++ b/applicationFE/src/common/request.ts
@@ -2,49 +2,54 @@ import axios from "axios";
import { useToast } from "vue-toastification";
const splitUrl = window.location.host.split(':');
-const baseUrl = window.location.protocol + '//' + splitUrl[0] + ':18084'
-// const baseUrl = "http://15.164.227.13:18084";
+// const baseUrl = window.location.protocol + '//' + splitUrl[0] + ':18084'
+const baseUrl = 'http://192.168.6.30:18084'
const toast = useToast();
const service = axios.create({
- // baseURL: process.env.VUE_APP_API_URL,
- baseURL: baseUrl,
- timeout: 300000
+ // baseURL: process.env.VUE_APP_API_URL,
+ baseURL: baseUrl,
+ timeout: 300000
});
// request interceptor
service.interceptors.request.use(
- config => {
- // console.log("##[", "api", "]##", "request", config.url, config);
- return config;
- },
- error => {
- console.log("error ---------- ", error);
- return Promise.reject(error);
- }
+ config => {
+ console.log("##[", "api", "]##", "request", config.url, config);
+ return config;
+ },
+ error => {
+ console.log("error ---------- ", error);
+ return Promise.reject(error);
+ }
);
// response interceptor
service.interceptors.response.use(
- response => {
- const res = response.data;
+ response => {
+ const res = response.data;
- if (res.code === 200) {
- return res;
- } else {
- toast.error(res.detail)
- return Promise.reject(new Error(res.message || "Error"));
- }
- },
- error => {
- console.log("ApiService.Response -> fail", error);
+ if (res.code === 200) {
+ return res;
+ } else {
+ toast.error(res.detail)
+ return Promise.reject(new Error(res.message || "Error"));
+ }
+ },
+ error => {
+ console.log("ApiService.Response -> fail", error);
- if (axios.isCancel(error)) {
- return Promise.reject(error);
- }
- // toast.error(error.message)
- return Promise.reject(error);
+ const res = error.response
+ console.log(error.response)
+ if (res.status === 404) {
+ toast.error('API Call Fail :: Code 404')
+ }
+ if (axios.isCancel(error)) {
+ return Promise.reject(error);
}
+ // toast.error(error.message)
+ return Promise.reject(error);
+ }
);
export default service;
diff --git a/applicationFE/src/components/Table/TableHeader.vue b/applicationFE/src/components/Table/TableHeader.vue
index 7358f09..79ccd72 100644
--- a/applicationFE/src/components/Table/TableHeader.vue
+++ b/applicationFE/src/components/Table/TableHeader.vue
@@ -1,22 +1,15 @@
+
-