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 @@ + - - \ No newline at end of file + \ No newline at end of file diff --git a/applicationFE/src/views/repository/RepositoryDetail.vue b/applicationFE/src/views/repository/RepositoryDetail.vue index ad38030..4da2748 100644 --- a/applicationFE/src/views/repository/RepositoryDetail.vue +++ b/applicationFE/src/views/repository/RepositoryDetail.vue @@ -80,6 +80,7 @@ import { useRoute, useRouter } from 'vue-router'; import { getRepositoryDetailInfo, getComponentList } from '@/api/repository'; import { type Repository, type Component } from '@/views/type/type' import { useToast } from 'vue-toastification'; +// @ts-ignore import _ from 'lodash'; import Tabulator from '@/components/Table/Tabulator.vue' import { type ColumnDefinition } from 'tabulator-tables'; @@ -185,7 +186,7 @@ const downloadDeleteButtonFormatter = () => { Delete diff --git a/applicationFE/src/views/repository/RepositoryList.vue b/applicationFE/src/views/repository/RepositoryList.vue index 9319b67..eb6bcee 100644 --- a/applicationFE/src/views/repository/RepositoryList.vue +++ b/applicationFE/src/views/repository/RepositoryList.vue @@ -131,7 +131,7 @@ const editDeleteButtonFormatter = () => { return `
@@ -13,12 +13,12 @@

Select the Infra what is the Infra will be installed

Select the Infra what is the Infra will be uninstalled

@@ -36,39 +36,62 @@
+ + -