:root {
  --tblr-blue: #206bc4;
  --tblr-indigo: #4263eb;
  --tblr-purple: #ae3ec9;
  --tblr-pink: #d6336c;
  --tblr-red: #d63939;
  --tblr-orange: #f76707;
  --tblr-yellow: #f59f00;
  --tblr-green: #2fb344;
  --tblr-teal: #0ca678;
  --tblr-cyan: #17a2b8;
  --tblr-black: #000000;
  --tblr-white: #ffffff;
  --tblr-gray: #49566c;
  --tblr-gray-dark: #182433;
  --tblr-gray-100: #eef3f6;
  --tblr-gray-200: #dce1e7;
  --tblr-gray-300: #b8c4d4;
  --tblr-gray-400: #8a97ab;
  --tblr-gray-500: #6c7a91;
  --tblr-gray-600: #49566c;
  --tblr-gray-700: #3a4859;
  --tblr-gray-800: #182433;
  --tblr-gray-900: #040a11;
  --tblr-primary: #206bc4;
  --tblr-secondary: #6c7a91;
  --tblr-success: #2fb344;
  --tblr-info: #4299e1;
  --tblr-warning: #f76707;
  --tblr-danger: #d63939;
  --tblr-light: #f6f8fb;
  --tblr-dark: #182433;
  --tblr-muted: #6c7a91;
  --tblr-blue: #206bc4;
  --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: 32, 107, 196;
  --tblr-secondary-rgb: 108, 122, 145;
  --tblr-success-rgb: 47, 179, 68;
  --tblr-info-rgb: 66, 153, 225;
  --tblr-warning-rgb: 247, 103, 7;
  --tblr-danger-rgb: 214, 57, 57;
  --tblr-light-rgb: 246, 248, 251;
  --tblr-dark-rgb: 24, 36, 51;
  --tblr-muted-rgb: 108, 122, 145;
  --tblr-blue-rgb: 32, 107, 196;
  --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: #0d2b4e;
  --tblr-secondary-text-emphasis: #2b313a;
  --tblr-success-text-emphasis: #13481b;
  --tblr-info-text-emphasis: #1a3d5a;
  --tblr-warning-text-emphasis: #632903;
  --tblr-danger-text-emphasis: #561717;
  --tblr-light-text-emphasis: #3a4859;
  --tblr-dark-text-emphasis: #3a4859;
  --tblr-primary-bg-subtle: #d2e1f3;
  --tblr-secondary-bg-subtle: #e2e4e9;
  --tblr-success-bg-subtle: #d5f0da;
  --tblr-info-bg-subtle: #d9ebf9;
  --tblr-warning-bg-subtle: #fde1cd;
  --tblr-danger-bg-subtle: #f7d7d7;
  --tblr-light-bg-subtle: #f7f9fb;
  --tblr-dark-bg-subtle: #8a97ab;
  --tblr-primary-border-subtle: #a6c4e7;
  --tblr-secondary-border-subtle: #c4cad3;
  --tblr-success-border-subtle: #ace1b4;
  --tblr-info-border-subtle: #b3d6f3;
  --tblr-warning-border-subtle: #fcc29c;
  --tblr-danger-border-subtle: #efb0b0;
  --tblr-light-border-subtle: #dce1e7;
  --tblr-dark-border-subtle: #6c7a91;
  --tblr-white-rgb: 255, 255, 255;
  --tblr-black-rgb: 0, 0, 0;
  --tblr-font-sans-serif: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
  --tblr-font-monospace: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  --tblr-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --tblr-body-font-family: var(--tblr-font-sans-serif);
  --tblr-body-font-size: 0.875rem;
  --tblr-body-font-weight: 400;
  --tblr-body-line-height: 1.4285714286;
  --tblr-body-color: #182433;
  --tblr-body-color-rgb: 24, 36, 51;
  --tblr-body-bg: #f6f8fb;
  --tblr-body-bg-rgb: 246, 248, 251;
  --tblr-emphasis-color: #3a4859;
  --tblr-emphasis-color-rgb: 58, 72, 89;
  --tblr-secondary-color: rgba(24, 36, 51, 0.75);
  --tblr-secondary-color-rgb: 24, 36, 51;
  --tblr-secondary-bg: #dce1e7;
  --tblr-secondary-bg-rgb: 220, 225, 231;
  --tblr-tertiary-color: rgba(24, 36, 51, 0.5);
  --tblr-tertiary-color-rgb: 24, 36, 51;
  --tblr-tertiary-bg: #eef3f6;
  --tblr-tertiary-bg-rgb: 238, 243, 246;
  --tblr-heading-color: inherit;
  --tblr-link-color: #206bc4;
  --tblr-link-color-rgb: 32, 107, 196;
  --tblr-link-decoration: none;
  --tblr-link-hover-color: #1a569d;
  --tblr-link-hover-color-rgb: 26, 86, 157;
  --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: #dce1e7;
  --tblr-border-color-translucent: rgba(4, 32, 69, 0.1);
  --tblr-border-radius: 4px;
  --tblr-border-radius-sm: 2px;
  --tblr-border-radius-lg: 8px;
  --tblr-border-radius-xl: 1rem;
  --tblr-border-radius-xxl: 2rem;
  --tblr-border-radius-2xl: var(--tblr-border-radius-xxl);
  --tblr-border-radius-pill: 100rem;
  --tblr-box-shadow: rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0;
  --tblr-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --tblr-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --tblr-box-shadow-inset: 0 0 transparent;
  --tblr-focus-ring-width: 0.25rem;
  --tblr-focus-ring-opacity: 0.25;
  --tblr-focus-ring-color: rgba(var(--tblr-primary-rgb), 0.25);
  --tblr-form-valid-color: #2fb344;
  --tblr-form-valid-border-color: #2fb344;
  --tblr-form-invalid-color: #d63939;
  --tblr-form-invalid-border-color: #d63939
}


.divide-y>:not(template)~:not(template) {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.divide-y>:not(template):not(:first-child) {
  padding-top: 1rem !important
}

.divide-y>:not(template):not(:last-child) {
  padding-bottom: 1rem !important
}

.divide-x>:not(template)~:not(template) {
  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.divide-x>:not(template):not(:first-child) {
  padding-left: 1rem !important
}

.divide-x>:not(template):not(:last-child) {
  padding-right: 1rem !important
}

.divide-y-0>:not(template)~:not(template) {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.divide-y-0>:not(template):not(:first-child) {
  padding-top: 0 !important
}

.divide-y-0>:not(template):not(:last-child) {
  padding-bottom: 0 !important
}

.divide-x-0>:not(template)~:not(template) {
  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.divide-x-0>:not(template):not(:first-child) {
  padding-left: 0 !important
}

.divide-x-0>:not(template):not(:last-child) {
  padding-right: 0 !important
}

.divide-y-1>:not(template)~:not(template) {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.divide-y-1>:not(template):not(:first-child) {
  padding-top: .25rem !important
}

.divide-y-1>:not(template):not(:last-child) {
  padding-bottom: .25rem !important
}

.divide-x-1>:not(template)~:not(template) {
  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.divide-x-1>:not(template):not(:first-child) {
  padding-left: .25rem !important
}

.divide-x-1>:not(template):not(:last-child) {
  padding-right: .25rem !important
}

.divide-y-2>:not(template)~:not(template) {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.divide-y-2>:not(template):not(:first-child) {
  padding-top: .5rem !important
}

.divide-y-2>:not(template):not(:last-child) {
  padding-bottom: .5rem !important
}

.divide-x-2>:not(template)~:not(template) {
  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.divide-x-2>:not(template):not(:first-child) {
  padding-left: .5rem !important
}

.divide-x-2>:not(template):not(:last-child) {
  padding-right: .5rem !important
}

.divide-y-3>:not(template)~:not(template) {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.divide-y-3>:not(template):not(:first-child) {
  padding-top: 1rem !important
}

.divide-y-3>:not(template):not(:last-child) {
  padding-bottom: 1rem !important
}

.divide-x-3>:not(template)~:not(template) {
  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.divide-x-3>:not(template):not(:first-child) {
  padding-left: 1rem !important
}

.divide-x-3>:not(template):not(:last-child) {
  padding-right: 1rem !important
}

.divide-y-4>:not(template)~:not(template) {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.divide-y-4>:not(template):not(:first-child) {
  padding-top: 1.5rem !important
}

.divide-y-4>:not(template):not(:last-child) {
  padding-bottom: 1.5rem !important
}

.divide-x-4>:not(template)~:not(template) {
  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.divide-x-4>:not(template):not(:first-child) {
  padding-left: 1.5rem !important
}

.divide-x-4>:not(template):not(:last-child) {
  padding-right: 1.5rem !important
}

.divide-y-5>:not(template)~:not(template) {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.divide-y-5>:not(template):not(:first-child) {
  padding-top: 2rem !important
}

.divide-y-5>:not(template):not(:last-child) {
  padding-bottom: 2rem !important
}

.divide-x-5>:not(template)~:not(template) {
  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.divide-x-5>:not(template):not(:first-child) {
  padding-left: 2rem !important
}

.divide-x-5>:not(template):not(:last-child) {
  padding-right: 2rem !important
}

.divide-y-6>:not(template)~:not(template) {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.divide-y-6>:not(template):not(:first-child) {
  padding-top: 3rem !important
}

.divide-y-6>:not(template):not(:last-child) {
  padding-bottom: 3rem !important
}

.divide-x-6>:not(template)~:not(template) {
  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.divide-x-6>:not(template):not(:first-child) {
  padding-left: 3rem !important
}

.divide-x-6>:not(template):not(:last-child) {
  padding-right: 3rem !important
}

.divide-y-7>:not(template)~:not(template) {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.divide-y-7>:not(template):not(:first-child) {
  padding-top: 5rem !important
}

.divide-y-7>:not(template):not(:last-child) {
  padding-bottom: 5rem !important
}

.divide-x-7>:not(template)~:not(template) {
  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.divide-x-7>:not(template):not(:first-child) {
  padding-left: 5rem !important
}

.divide-x-7>:not(template):not(:last-child) {
  padding-right: 5rem !important
}

.divide-y-8>:not(template)~:not(template) {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.divide-y-8>:not(template):not(:first-child) {
  padding-top: 8rem !important
}

.divide-y-8>:not(template):not(:last-child) {
  padding-bottom: 8rem !important
}

.divide-x-8>:not(template)~:not(template) {
  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.divide-x-8>:not(template):not(:first-child) {
  padding-left: 8rem !important
}

.divide-x-8>:not(template):not(:last-child) {
  padding-right: 8rem !important
}

.divide-y-fill {
  display: flex;
  flex-direction: column;
  height: 100%
}

.divide-y-fill>:not(template) {
  flex: 1;
  display: flex;
  justify-content: center;
  flex-direction: column
}

.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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-rgb), var(--tblr-bg-opacity)) !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: #1d273b !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: #1d273b !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: #1d273b !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: #1d273b !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: #f8fafc !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: #f8fafc !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: #f8fafc !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: #f8fafc !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: #f8fafc !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: #f8fafc !important
}

.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: auto;
  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-subtitle,
.empty-title {
  margin: 0 0 .5rem
}

.empty-action {
  margin-top: 1.5rem
}

.empty-bordered {
  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
  border-radius: var(--tblr-border-radius)
}

.card-stamp {
  --tblr-stamp-size: 7rem;
  position: absolute;
  top: 0;
  right: 0;
  width: calc(var(--tblr-stamp-size) * 1);
  height: calc(var(--tblr-stamp-size) * 1);
  max-height: 100%;
  border-top-right-radius: 4px;
  opacity: .2;
  overflow: hidden;
  pointer-events: none
}

.card-stamp-lg {
  --tblr-stamp-size: 13rem
}

.card-stamp-icon {
  background: var(--tblr-muted);
  color: var(--tblr-card-bg, var(--tblr-bg-surface));
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100rem;
  width: calc(var(--tblr-stamp-size) * 1);
  height: calc(var(--tblr-stamp-size) * 1);
  position: relative;
  top: calc(var(--tblr-stamp-size) * -.25);
  right: calc(var(--tblr-stamp-size) * -.25);
  font-size: calc(var(--tblr-stamp-size) * .75);
  transform: rotate(10deg)
}

.card-stamp-icon .icon {
  stroke-width: 2;
  width: calc(var(--tblr-stamp-size) * .75);
  height: calc(var(--tblr-stamp-size) * .75)
}

.card-img,
.card-img-start {
  border-top-left-radius: calc(var(--tblr-border-radius) - (var(--tblr-border-width)));
  border-bottom-left-radius: calc(var(--tblr-border-radius) - (var(--tblr-border-width)))
}

.card-img,
.card-img-end {
  border-top-right-radius: calc(var(--tblr-border-radius) - (var(--tblr-border-width)));
  border-bottom-right-radius: calc(var(--tblr-border-radius) - (var(--tblr-border-width)))
}

.card-img-overlay {
  display: flex;
  flex-direction: column;
  justify-content: flex-end
}

.card-img-overlay-dark {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .6) 100%)
}

.card-inactive {
  pointer-events: none;
  box-shadow: none
}

.card-inactive .card-body {
  opacity: .64
}

.card-active {
  --tblr-card-border-color: var(--tblr-primary);
  --tblr-card-bg: var(--tblr-active-bg)
}

.card-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.5rem;
  text-align: center;
  transition: background .3s;
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
  flex: 1;
  color: inherit;
  font-weight: var(--tblr-font-weight-medium)
}

@media (prefers-reduced-motion:reduce) {
  .card-btn {
    transition: none
  }
}

.card-btn:hover {
  text-decoration: none;
  background: rgba(var(--tblr-primary-rgb), .04)
}

.card-btn+.card-btn {
  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)
}

.card-stacked {
  --tblr-card-stacked-offset: .25rem;
  position: relative
}

.card-stacked:after {
  position: absolute;
  top: calc(-1 * var(--tblr-card-stacked-offset));
  right: var(--tblr-card-stacked-offset);
  left: var(--tblr-card-stacked-offset);
  height: var(--tblr-card-stacked-offset);
  content: "";
  background: var(--tblr-card-bg, var(--tblr-bg-surface));
  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-card-border-color);
  border-radius: var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0
}

.card-cover {
  position: relative;
  padding: 1rem 1.5rem;
  background: #666 no-repeat center/cover
}

.card-cover:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: rgba(24, 36, 51, .48)
}

.card-cover:first-child,
.card-cover:first-child:before {
  border-radius: 4px 4px 0 0
}

.card-cover-blurred:before {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px)
}

.card-actions {
  margin: -.5rem -.5rem -.5rem auto;
  padding-left: .5rem
}

.card-actions a {
  text-decoration: none
}

.card-header {
  color: inherit;
  display: flex;
  align-items: center;
  background: 0 0
}

.card-header:first-child {
  border-radius: var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0
}

.card-header-light {
  border-bottom-color: transparent;
  background: var(--tblr-bg-surface-tertiary)
}

.card-header-tabs {
  background: var(--tblr-bg-surface-tertiary);
  flex: 1;
  margin: calc(var(--tblr-card-cap-padding-y) * -1) calc(var(--tblr-card-cap-padding-x) * -1) calc(var(--tblr-card-cap-padding-y) * -1);
  padding: calc(var(--tblr-card-cap-padding-y) * .5) calc(var(--tblr-card-cap-padding-x) * .5) 0
}

.card-header-pills {
  flex: 1;
  margin-top: -.5rem;
  margin-bottom: -.5rem
}

.card-rotate-left {
  transform: rotate(-1.5deg)
}

.card-rotate-right {
  transform: rotate(1.5deg)
}

.card-link {
  color: inherit
}

.card-link:hover {
  color: inherit;
  text-decoration: none;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .08)
}

.card-link-rotate:hover {
  transform: rotate(1.5deg);
  opacity: 1
}

.card-link-pop:hover {
  transform: translateY(-2px);
  opacity: 1
}

.card-footer {
  margin-top: auto
}

.card-footer:last-child {
  border-radius: 0 0 var(--tblr-card-border-radius) var(--tblr-card-border-radius)
}

.card-footer-transparent {
  background: 0 0;
  border-color: transparent;
  padding-top: 0
}

.card-footer-borderless {
  border-top: none
}

.card-progress {
  height: .25rem
}

.card-progress:last-child {
  border-radius: 0 0 2px 2px
}

.card-progress:first-child {
  border-radius: 2px 2px 0 0
}

.card-meta {
  color: var(--tblr-muted)
}

.card-title {
  display: block;
  margin: 0 0 1rem;
  font-size: 16px !important;
  font-weight: var(--tblr-font-weight-medium);
  line-height: 1.5rem
}

.card .text-muted {
  font-size: 14px;
}

.table-tbody,
.table-tbody p {
  font-size: 14px !important;
}

a.card-title:hover {
  color: inherit
}

.card-subhead {
  margin-bottom: 1.25rem;
  color: #d3d0d0;
  font-weight: 400;
  font-size: 12px;
  margin-left: 5px;
  ;
}

.card-header .card-title {
  margin: 0
}

.card-subtitle {
  margin-bottom: 1.25rem;
  color: var(--tblr-muted);
  font-weight: 400
}

.card-header .card-subtitle {
  margin: 0
}

.card-title .card-subtitle {
  margin: 0 0 0 .25rem;
  font-size: .875rem
}

.card-body {
  position: relative
}

.card-body>:last-child {
  margin-bottom: 0
}

.card-sm>.card-body {
  padding: 1rem
}

@media (min-width: 768px) {
  .card-md>.card-body {
    padding: 2.5rem
  }
}

@media (min-width: 768px) {
  .card-lg>.card-body {
    padding: 2rem
  }
}

@media (min-width: 992px) {
  .card-lg>.card-body {
    padding: 4rem
  }
}

@media print {
  .card-body {
    padding: 0
  }
}

.card-body+.card-body {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)
}

.card-body-scrollable {
  overflow: auto
}

.card-options {
  top: 1.5rem;
  right: .75rem;
  display: flex;
  margin-left: auto
}

.card-options-link {
  display: inline-block;
  min-width: 1rem;
  margin-left: .25rem;
  color: var(--tblr-muted)
}

.card-status-top {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  border-radius: var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0
}

.card-status-start {
  position: absolute;
  right: auto;
  bottom: 0;
  width: 2px;
  height: 100%;
  border-radius: var(--tblr-card-border-radius) 0 0 var(--tblr-card-border-radius)
}

.card-status-bottom {
  position: absolute;
  top: initial;
  bottom: 0;
  width: 100%;
  height: 2px;
  border-radius: 0 0 var(--tblr-card-border-radius) var(--tblr-card-border-radius)
}

.card-table {
  margin-bottom: 0 !important
}

.card-table tr td:first-child,
.card-table tr th:first-child {
  padding-left: 1.5rem;
  border-left: 0
}

.card-table tr td:last-child,
.card-table tr th:last-child {
  padding-right: 1.5rem;
  border-right: 0
}

.card-table tbody tr:first-child,
.card-table tfoot tr:first-child,
.card-table thead tr:first-child {
  border-top: 0
}

.card-table tbody tr:first-child td,
.card-table tbody tr:first-child th,
.card-table tfoot tr:first-child td,
.card-table tfoot tr:first-child th,
.card-table thead tr:first-child td,
.card-table thead tr:first-child th {
  border-top: 0
}

.card-body+.card-table {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-table-border-color)
}

.card-code {
  padding: 0
}

.card-code .highlight {
  margin: 0;
  border: 0
}

.card-code pre {
  margin: 0 !important;
  border: 0 !important
}

.card-chart {
  position: relative;
  z-index: 1;
  height: 3.5rem
}

.card-avatar {
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 0 0 .25rem var(--tblr-card-bg, var(--tblr-bg-surface));
  margin-top: calc(-1 * var(--tblr-avatar-size) * .5)
}

.card-body+.card-list-group {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)
}

.card-list-group .list-group-item {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  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 {
  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
}

.table-responsive table {
  border: 1px solid #ddd;
  margin-top: 15px;
  margin-bottom: 15px;
}

.table-responsive table th {
  background-color: #28303b;
  color: #fff !important;
  font-weight: 500 !important;
}