/*!
* @version 1.4.0
*/
@charset "UTF-8";

@import url("https://rsms.me/inter/inter.css");

:root {
    --tblr-font-sans-serif: "Inter Var", -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
    font-family:            var(--tblr-font-sans-serif);
    font-feature-settings:  "cv11", "cv10", "cv05", "ss03";
    font-feature-settings:  "liga" 1, "calt" 1;
    --sja-green-primary:    #134232;
    --sja-green-secondary:  #058541;
    --sja-yellow-primary:   #e5b80b;
    --sja-red-primary:      #c70f2e;
    --sja-accent:           #0f3428;
}

:root, [data-bs-theme=light] {
    --tblr-blue:                      #066fd1;
    --tblr-indigo:                    #4263eb;
    --tblr-purple:                    #ae3ec9;
    --tblr-pink:                      #d6336c;
    --tblr-red:                       #d63939;
    --tblr-orange:                    #f76707;
    --tblr-yellow:                    #f59f00;
    --tblr-green:                     #2fb344;
    --tblr-teal:                      #0ca678;
    --tblr-cyan:                      #17a2b8;
    --tblr-black:                     #000000;
    --tblr-white:                     #ffffff;
    --tblr-gray:                      #4b5563;
    --tblr-gray-dark:                 #1f2937;
    --tblr-gray-100:                  #f3f4f6;
    --tblr-gray-200:                  #e5e7eb;
    --tblr-gray-300:                  #d1d5db;
    --tblr-gray-400:                  #9ca3af;
    --tblr-gray-500:                  #6b7280;
    --tblr-gray-600:                  #4b5563;
    --tblr-gray-700:                  #374151;
    --tblr-gray-800:                  #1f2937;
    --tblr-gray-900:                  #111827;
    --tblr-primary:                   var(--sja-green-primary); /* was #066fd1 */
    --tblr-secondary:                 #6b7280;
    --tblr-success:                   var(--sja-green-secondary);
    --tblr-info:                      #4299e1;
    --tblr-warning:                   #f59f00;
    --tblr-danger:                    #d63939;
    --tblr-light:                     #f9fafb;
    --tblr-dark:                      #1f2937;
    --tblr-muted:                     #6b7280;
    --tblr-blue:                      #066fd1;
    --tblr-azure:                     #4299e1;
    --tblr-indigo:                    #4263eb;
    --tblr-purple:                    #ae3ec9;
    --tblr-pink:                      #d6336c;
    --tblr-red:                       #d63939;
    --tblr-orange:                    #f76707;
    --tblr-yellow:                    #f59f00;
    --tblr-lime:                      #74b816;
    --tblr-green:                     #2fb344;
    --tblr-teal:                      #0ca678;
    --tblr-cyan:                      #17a2b8;

    /* RGBs updated where primary/info/azure changed */
    --tblr-primary-rgb:               5, 133, 65; /* was 6, 111, 209 */
    --tblr-secondary-rgb:             107, 114, 128;
    --tblr-success-rgb:               47, 179, 68;
    --tblr-info-rgb:                  42, 167, 111; /* was 66, 153, 225 */
    --tblr-warning-rgb:               245, 159, 0;
    --tblr-danger-rgb:                214, 57, 57;
    --tblr-light-rgb:                 249, 250, 251;
    --tblr-dark-rgb:                  31, 41, 55;
    --tblr-muted-rgb:                 107, 114, 128;
    --tblr-blue-rgb:                  6, 111, 209;
    --tblr-azure-rgb:                 42, 167, 111; /* was 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;

    /* Emphasis & subtle tokens tuned for green primary */
    --tblr-primary-text-emphasis:     #0d4b2f; /* was rgb(2.4, 44.4, 83.6) */
    --tblr-secondary-text-emphasis:   rgb(42.8, 45.6, 51.2);
    --tblr-success-text-emphasis:     rgb(18.8, 71.6, 27.2);
    --tblr-info-text-emphasis:        #0f5b3c; /* was rgb(26.4, 61.2, 90) */
    --tblr-warning-text-emphasis:     rgb(98, 63.6, 0);
    --tblr-danger-text-emphasis:      rgb(85.6, 22.8, 22.8);
    --tblr-light-text-emphasis:       #374151;
    --tblr-dark-text-emphasis:        #374151;

    --tblr-primary-bg-subtle:         #d7f2e4; /* was rgb(205.2, 226.2, 245.8) */
    --tblr-secondary-bg-subtle:       rgb(225.4, 226.8, 229.6);
    --tblr-success-bg-subtle:         rgb(213.4, 239.8, 217.6);
    --tblr-info-bg-subtle:            #d8efe6; /* was rgb(217.2, 234.6, 249) */
    --tblr-warning-bg-subtle:         rgb(253, 235.8, 204);
    --tblr-danger-bg-subtle:          rgb(246.8, 215.4, 215.4);
    --tblr-light-bg-subtle:           rgb(249, 249.5, 250.5);
    --tblr-dark-bg-subtle:            #9ca3af;

    --tblr-primary-border-subtle:     #9ed9be; /* was rgb(155.4, 197.4, 236.6) */
    --tblr-secondary-border-subtle:   rgb(195.8, 198.6, 204.2);
    --tblr-success-border-subtle:     rgb(171.8, 224.6, 180.2);
    --tblr-info-border-subtle:        #9ed9c0; /* was rgb(179.4, 214.2, 243) */
    --tblr-warning-border-subtle:     rgb(251, 216.6, 153);
    --tblr-danger-border-subtle:      rgb(238.6, 175.8, 175.8);
    --tblr-light-border-subtle:       #e5e7eb;
    --tblr-dark-border-subtle:        #6b7280;

    --tblr-white-rgb:                 255, 255, 255;
    --tblr-black-rgb:                 0, 0, 0;
    --tblr-font-sans-serif:           "Inter Var", Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
    --tblr-font-monospace:            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:                #1f2937;
    --tblr-body-color-rgb:            31, 41, 55;
    --tblr-body-bg:                   #f9fafb;
    --tblr-body-bg-rgb:               249, 250, 251;
    --tblr-emphasis-color:            #374151;
    --tblr-emphasis-color-rgb:        55, 65, 81;
    --tblr-secondary-color:           rgba(31, 41, 55, 0.75);
    --tblr-secondary-color-rgb:       31, 41, 55;
    --tblr-secondary-bg:              #e5e7eb;
    --tblr-secondary-bg-rgb:          229, 231, 235;
    --tblr-tertiary-color:            rgba(31, 41, 55, 0.5);
    --tblr-tertiary-color-rgb:        31, 41, 55;
    --tblr-tertiary-bg:               #f3f4f6;
    --tblr-tertiary-bg-rgb:           243, 244, 246;
    --tblr-heading-color:             inherit;

    /* Links follow green primary to reduce blue emphasis globally */
    --tblr-link-color:                var(--sja-green-secondary); /* was #066fd1 */
    --tblr-link-color-rgb:            5, 133, 65; /* was 6, 111, 209 */
    --tblr-link-decoration:           none;
    --tblr-link-hover-color:          #0b6a3c; /* was rgb(4.8, 88.8, 167.2) */
    --tblr-link-hover-color-rgb:      11, 106, 60; /* was 5, 89, 167 */
    --tblr-link-hover-decoration:     underline;

    --tblr-code-color:                light-dark(var(--tblr-gray-600), var(--tblr-gray-400));
    --tblr-highlight-color:           #1f2937;
    --tblr-highlight-bg:              rgb(253, 235.8, 204);

    --tblr-border-width:              1px;
    --tblr-border-style:              solid;
    --tblr-border-color:              #e5e7eb;
    --tblr-border-color-translucent:  rgba(4, 32, 69, 0.1);

    --tblr-border-radius:             6px;
    --tblr-border-radius-sm:          4px;
    --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.3; /* was 0.25 */
    --tblr-focus-ring-color:          rgba(var(--tblr-primary-rgb), 0.3); /* was 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;

    /* ====== Pure Dark backgrounds ====== */
    --tblr-body-bg:                   #18191a; /* was #111827 */
    --tblr-body-bg-rgb:               24, 25, 26; /* was 17, 24, 39 */
    --tblr-secondary-bg:              #242526; /* was #1f2937 */
    --tblr-secondary-bg-rgb:          36, 37, 38; /* was 31, 41, 55 */
    --tblr-tertiary-bg:               #3a3b3c; /* was rgb(24, 32.5, 47) */
    --tblr-tertiary-bg-rgb:           58, 59, 60; /* was 24, 33, 47 */

    /* ====== Text colours ====== */
    --tblr-body-color:                #e4e6eb; /* was #e5e7eb */
    --tblr-body-color-rgb:            228, 230, 235;
    --tblr-emphasis-color:            #ffffff;
    --tblr-emphasis-color-rgb:        255, 255, 255;
    --tblr-secondary-color:           rgba(228, 230, 235, 0.75); /* was rgba(229, 231, 235, 0.75) */
    --tblr-tertiary-color:            rgba(228, 230, 235, 0.5); /* was rgba(229, 231, 235, 0.5) */

    /* ====== Subtle fills ====== */
    --tblr-light-bg-subtle:           #242526; /* was #1f2937 */
    --tblr-dark-bg-subtle:            #18191a; /* was rgb(15.5, 20.5, 27.5) */

    /* ====== Borders ====== */
    --tblr-border-color:              #3a3b3c; /* was rgb(45.7, 60.4, 81.0) */
    --tblr-border-color-translucent:  rgba(58, 59, 60, 0.5); /* was rgba(72, 110, 149, 0.14) */
    --tblr-secondary-border-subtle:   #3a3b3c; /* was rgb(64.2, 68.4, 76.8) */

    /* ====== Links: still green-forward ====== */
    --tblr-link-color:                #24a162; /* was rgb(105.6, 168.6, 227.4) */
    --tblr-link-hover-color:          #2fba74; /* was rgb(135.4, 185.8, 232.9) */
    --tblr-link-color-rgb:            36, 161, 98;
    --tblr-link-hover-color-rgb:      47, 186, 116;

    /* ====== Highlights & code ====== */
    --tblr-code-color:                var(--tblr-gray-300);
    --tblr-highlight-color:           #e4e6eb; /* was #e5e7eb */
    --tblr-highlight-bg:              #3a3b3c; /* was rgb(98, 63.6, 0) */

    /* ====== Accents ====== */
    --tblr-primary-text-emphasis:     #7ed6a4; /* was rgb(105.6, 168.6, 227.4) */
    --tblr-info-text-emphasis:        #8ed8b7; /* was rgb(141.6, 193.8, 237) */
    --tblr-primary-bg-subtle:         #0b1f17; /* was rgb(1.2, 22.2, 41.8) */
    --tblr-info-bg-subtle:            #112720; /* was rgb(13.2, 30.6, 45) */
    --tblr-primary-border-subtle:     #0f3a2a; /* was rgb(3.6, 66.6, 125.4) */
    --tblr-info-border-subtle:        #1b4e3a; /* was rgb(39.6, 91.8, 135) */

    /* ====== Forms ====== */
    --tblr-form-valid-color:          rgb(130.2, 209.4, 142.8);
    --tblr-form-valid-border-color:   rgb(130.2, 209.4, 142.8);
    --tblr-form-invalid-color:        rgb(230.4, 136.2, 136.2);
    --tblr-form-invalid-border-color: rgb(230.4, 136.2, 136.2);
}


*, ::after, ::before {
    box-sizing: border-box
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin:                      0;
    font-family:                 var(--tblr-body-font-family);
    font-size:                   var(--tblr-body-font-size);
    font-weight:                 var(--tblr-body-font-weight);
    line-height:                 var(--tblr-body-line-height);
    color:                       var(--tblr-body-color);
    text-align:                  var(--tblr-body-text-align);
    background-color:            var(--tblr-body-bg);
    -webkit-text-size-adjust:    100%;
    -webkit-tap-highlight-color: transparent
}

.hr, hr {
    margin:     2rem 0;
    color:      inherit;
    border:     0;
    border-top: var(--tblr-border-width) solid;
    opacity:    .16
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top:    0;
    margin-bottom: var(--tblr-spacer);
    font-weight:   var(--tblr-font-weight-bold);
    line-height:   1.2;
    color:         var(--tblr-heading-color)
}

.h1, h1 {
    font-size: 1.5rem
}

.h2, h2 {
    font-size: 1.25rem
}

.h3, h3 {
    font-size: 1rem
}

.h4, h4 {
    font-size: .875rem
}

.h5, h5 {
    font-size: .75rem
}

.h6, h6 {
    font-size: .625rem
}

p {
    margin-top:    0;
    margin-bottom: 1rem
}

abbr[title] {
    -webkit-text-decoration:          underline dotted;
    text-decoration:                  underline dotted;
    cursor:                           help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink:         none
}

address {
    margin-bottom: 1rem;
    font-style:    normal;
    line-height:   inherit
}

ol, ul {
    padding-left: 2rem
}

dl, ol, ul {
    margin-top:    0;
    margin-bottom: 1rem
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 600
}

dd {
    margin-bottom: .5rem;
    margin-left:   0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

.small, small {
    font-size: .875em
}

.mark, mark {
    padding:          .1875em;
    color:            var(--tblr-highlight-color);
    background-color: var(--tblr-highlight-bg)
}

sub, sup {
    position:       relative;
    font-size:      .75em;
    line-height:    0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color:           rgba(var(--tblr-link-color-rgb), var(--tblr-link-opacity, 1));
    text-decoration: none
}

a: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
}

code, kbd, pre, samp {
    font-family: var(--tblr-font-monospace);
    font-size:   1em
}

pre {
    display:       block;
    margin-top:    0;
    margin-bottom: 1rem;
    overflow:      auto;
    font-size:     .85714285em;
    color:         var(--tblr-light)
}

pre code {
    font-size:  inherit;
    color:      inherit;
    word-break: normal
}

code {
    font-size: .85714285em;
    color:     var(--tblr-code-color);
    word-wrap: break-word
}

a > code {
    color: inherit
}

kbd {
    padding:          .25rem .5rem;
    font-size:        var(--tblr-font-size-h5);
    color:            var(--tblr-text-secondary-dark);
    background-color: var(--tblr-code-bg);
    border-radius:    4px
}

kbd kbd {
    padding:   0;
    font-size: 1em
}

figure {
    margin: 0 0 1rem
}

img, svg {
    vertical-align: middle
}

table {
    caption-side:    bottom;
    border-collapse: collapse
}

caption {
    padding-top:    .75rem;
    padding-bottom: .75rem;
    color:          var(--tblr-secondary-color);
    text-align:     left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button, input, optgroup, select, textarea {
    margin:      0;
    font-family: inherit;
    font-size:   inherit;
    line-height: inherit
}

button, select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding:      0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding:   0;
    margin:    0;
    border:    0
}

legend {
    float:         left;
    width:         100%;
    padding:       0;
    margin-bottom: .5rem;
    line-height:   inherit;
    font-size:     1.5rem
}

legend + * {
    clear: left
}

::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset:     -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font:               inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor:  pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.lead {
    font-size:   .875rem;
    font-weight: var(--tblr-font-weight-normal)
}

.display-1 {
    font-weight: 300;
    line-height: 1.2;
    font-size:   5rem
}

.display-2 {
    font-weight: 300;
    line-height: 1.2;
    font-size:   4.5rem
}

.display-3 {
    font-weight: 300;
    line-height: 1.2;
    font-size:   4rem
}

.display-4 {
    font-weight: 300;
    line-height: 1.2;
    font-size:   3.5rem
}

.display-5 {
    font-weight: 300;
    line-height: 1.2;
    font-size:   3rem
}

.display-6 {
    font-weight: 300;
    line-height: 1.2;
    font-size:   2rem
}

.list-unstyled {
    padding-left: 0;
    list-style:   none
}

.list-inline {
    padding-left: 0;
    list-style:   none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size:      .875em;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size:     .875rem
}

.blockquote > :last-child {
    margin-bottom: 0
}

.blockquote-footer {
    margin-top:    -1rem;
    margin-bottom: 1rem;
    font-size:     .875em;
    color:         #4b5563
}

.blockquote-footer::before {
    content: "— "
}

.img-fluid {
    max-width: 100%;
    height:    auto
}

.img-thumbnail {
    padding:          .25rem;
    background-color: var(--tblr-body-bg);
    border:           var(--tblr-border-width) solid var(--tblr-border-color);
    border-radius:    var(--tblr-border-radius);
    box-shadow:       var(--tblr-box-shadow-sm);
    max-width:        100%;
    height:           auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height:   1
}

.figure-caption {
    font-size: .875em;
    color:     var(--tblr-secondary-color)
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --tblr-gutter-x: calc(var(--tblr-page-padding) * 2);
    --tblr-gutter-y: 0;
    width:           100%;
    padding-right:   calc(var(--tblr-gutter-x) * .5);
    padding-left:    calc(var(--tblr-gutter-x) * .5);
    margin-right:    auto;
    margin-left:     auto
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px
    }
}

:root {
    --tblr-breakpoint-xs:  0;
    --tblr-breakpoint-sm:  576px;
    --tblr-breakpoint-md:  768px;
    --tblr-breakpoint-lg:  992px;
    --tblr-breakpoint-xl:  1200px;
    --tblr-breakpoint-xxl: 1400px
}

.row {
    --tblr-gutter-x: var(--tblr-page-padding);
    --tblr-gutter-y: 0;
    display:         flex;
    flex-wrap:       wrap;
    margin-top:      calc(-1 * var(--tblr-gutter-y));
    margin-right:    calc(-.5 * var(--tblr-gutter-x));
    margin-left:     calc(-.5 * var(--tblr-gutter-x))
}

.row > * {
    flex-shrink:   0;
    width:         100%;
    max-width:     100%;
    padding-right: calc(var(--tblr-gutter-x) * .5);
    padding-left:  calc(var(--tblr-gutter-x) * .5);
    margin-top:    var(--tblr-gutter-y)
}

.grid {
    display:              grid;
    grid-template-rows:repeat(var(--tblr-rows, 1), 1fr);
    grid-template-columns:repeat(var(--tblr-columns, 12), 1fr);
    gap:                  var(--tblr-gap, var(--tblr-page-padding))
}

.grid .g-col-1 {
    grid-column: auto/span 1
}

.grid .g-col-2 {
    grid-column: auto/span 2
}

.grid .g-col-3 {
    grid-column: auto/span 3
}

.grid .g-col-4 {
    grid-column: auto/span 4
}

.grid .g-col-5 {
    grid-column: auto/span 5
}

.grid .g-col-6 {
    grid-column: auto/span 6
}

.grid .g-col-7 {
    grid-column: auto/span 7
}

.grid .g-col-8 {
    grid-column: auto/span 8
}

.grid .g-col-9 {
    grid-column: auto/span 9
}

.grid .g-col-10 {
    grid-column: auto/span 10
}

.grid .g-col-11 {
    grid-column: auto/span 11
}

.grid .g-col-12 {
    grid-column: auto/span 12
}

.grid .g-start-1 {
    grid-column-start: 1
}

.grid .g-start-2 {
    grid-column-start: 2
}

.grid .g-start-3 {
    grid-column-start: 3
}

.grid .g-start-4 {
    grid-column-start: 4
}

.grid .g-start-5 {
    grid-column-start: 5
}

.grid .g-start-6 {
    grid-column-start: 6
}

.grid .g-start-7 {
    grid-column-start: 7
}

.grid .g-start-8 {
    grid-column-start: 8
}

.grid .g-start-9 {
    grid-column-start: 9
}

.grid .g-start-10 {
    grid-column-start: 10
}

.grid .g-start-11 {
    grid-column-start: 11
}

@media (min-width: 576px) {
    .grid .g-col-sm-1 {
        grid-column: auto/span 1
    }

    .grid .g-col-sm-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-sm-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-sm-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-sm-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-sm-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-sm-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-sm-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-sm-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-sm-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-sm-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-sm-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-sm-1 {
        grid-column-start: 1
    }

    .grid .g-start-sm-2 {
        grid-column-start: 2
    }

    .grid .g-start-sm-3 {
        grid-column-start: 3
    }

    .grid .g-start-sm-4 {
        grid-column-start: 4
    }

    .grid .g-start-sm-5 {
        grid-column-start: 5
    }

    .grid .g-start-sm-6 {
        grid-column-start: 6
    }

    .grid .g-start-sm-7 {
        grid-column-start: 7
    }

    .grid .g-start-sm-8 {
        grid-column-start: 8
    }

    .grid .g-start-sm-9 {
        grid-column-start: 9
    }

    .grid .g-start-sm-10 {
        grid-column-start: 10
    }

    .grid .g-start-sm-11 {
        grid-column-start: 11
    }
}

@media (min-width: 768px) {
    .grid .g-col-md-1 {
        grid-column: auto/span 1
    }

    .grid .g-col-md-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-md-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-md-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-md-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-md-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-md-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-md-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-md-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-md-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-md-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-md-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-md-1 {
        grid-column-start: 1
    }

    .grid .g-start-md-2 {
        grid-column-start: 2
    }

    .grid .g-start-md-3 {
        grid-column-start: 3
    }

    .grid .g-start-md-4 {
        grid-column-start: 4
    }

    .grid .g-start-md-5 {
        grid-column-start: 5
    }

    .grid .g-start-md-6 {
        grid-column-start: 6
    }

    .grid .g-start-md-7 {
        grid-column-start: 7
    }

    .grid .g-start-md-8 {
        grid-column-start: 8
    }

    .grid .g-start-md-9 {
        grid-column-start: 9
    }

    .grid .g-start-md-10 {
        grid-column-start: 10
    }

    .grid .g-start-md-11 {
        grid-column-start: 11
    }
}

@media (min-width: 992px) {
    .grid .g-col-lg-1 {
        grid-column: auto/span 1
    }

    .grid .g-col-lg-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-lg-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-lg-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-lg-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-lg-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-lg-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-lg-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-lg-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-lg-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-lg-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-lg-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-lg-1 {
        grid-column-start: 1
    }

    .grid .g-start-lg-2 {
        grid-column-start: 2
    }

    .grid .g-start-lg-3 {
        grid-column-start: 3
    }

    .grid .g-start-lg-4 {
        grid-column-start: 4
    }

    .grid .g-start-lg-5 {
        grid-column-start: 5
    }

    .grid .g-start-lg-6 {
        grid-column-start: 6
    }

    .grid .g-start-lg-7 {
        grid-column-start: 7
    }

    .grid .g-start-lg-8 {
        grid-column-start: 8
    }

    .grid .g-start-lg-9 {
        grid-column-start: 9
    }

    .grid .g-start-lg-10 {
        grid-column-start: 10
    }

    .grid .g-start-lg-11 {
        grid-column-start: 11
    }
}

@media (min-width: 1200px) {
    .grid .g-col-xl-1 {
        grid-column: auto/span 1
    }

    .grid .g-col-xl-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-xl-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-xl-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-xl-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-xl-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-xl-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-xl-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-xl-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-xl-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-xl-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-xl-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-xl-1 {
        grid-column-start: 1
    }

    .grid .g-start-xl-2 {
        grid-column-start: 2
    }

    .grid .g-start-xl-3 {
        grid-column-start: 3
    }

    .grid .g-start-xl-4 {
        grid-column-start: 4
    }

    .grid .g-start-xl-5 {
        grid-column-start: 5
    }

    .grid .g-start-xl-6 {
        grid-column-start: 6
    }

    .grid .g-start-xl-7 {
        grid-column-start: 7
    }

    .grid .g-start-xl-8 {
        grid-column-start: 8
    }

    .grid .g-start-xl-9 {
        grid-column-start: 9
    }

    .grid .g-start-xl-10 {
        grid-column-start: 10
    }

    .grid .g-start-xl-11 {
        grid-column-start: 11
    }
}

@media (min-width: 1400px) {
    .grid .g-col-xxl-1 {
        grid-column: auto/span 1
    }

    .grid .g-col-xxl-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-xxl-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-xxl-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-xxl-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-xxl-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-xxl-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-xxl-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-xxl-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-xxl-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-xxl-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-xxl-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-xxl-1 {
        grid-column-start: 1
    }

    .grid .g-start-xxl-2 {
        grid-column-start: 2
    }

    .grid .g-start-xxl-3 {
        grid-column-start: 3
    }

    .grid .g-start-xxl-4 {
        grid-column-start: 4
    }

    .grid .g-start-xxl-5 {
        grid-column-start: 5
    }

    .grid .g-start-xxl-6 {
        grid-column-start: 6
    }

    .grid .g-start-xxl-7 {
        grid-column-start: 7
    }

    .grid .g-start-xxl-8 {
        grid-column-start: 8
    }

    .grid .g-start-xxl-9 {
        grid-column-start: 9
    }

    .grid .g-start-xxl-10 {
        grid-column-start: 10
    }

    .grid .g-start-xxl-11 {
        grid-column-start: 11
    }
}

.col {
    flex: 1 0 0
}

.row-cols-auto > * {
    flex:  0 0 auto;
    width: auto
}

.row-cols-1 > * {
    flex:  0 0 auto;
    width: 100%
}

.row-cols-2 > * {
    flex:  0 0 auto;
    width: 50%
}

.row-cols-3 > * {
    flex:  0 0 auto;
    width: 33.33333333%
}

.row-cols-4 > * {
    flex:  0 0 auto;
    width: 25%
}

.row-cols-5 > * {
    flex:  0 0 auto;
    width: 20%
}

.row-cols-6 > * {
    flex:  0 0 auto;
    width: 16.66666667%
}

.col-auto {
    flex:  0 0 auto;
    width: auto
}

.col-1 {
    flex:  0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex:  0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex:  0 0 auto;
    width: 25%
}

.col-4 {
    flex:  0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex:  0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex:  0 0 auto;
    width: 50%
}

.col-7 {
    flex:  0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex:  0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex:  0 0 auto;
    width: 75%
}

.col-10 {
    flex:  0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex:  0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex:  0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0, .gx-0 {
    --tblr-gutter-x: 0
}

.g-0, .gy-0 {
    --tblr-gutter-y: 0
}

.g-1, .gx-1 {
    --tblr-gutter-x: 0.25rem
}

.g-1, .gy-1 {
    --tblr-gutter-y: 0.25rem
}

.g-2, .gx-2 {
    --tblr-gutter-x: 0.5rem
}

.g-2, .gy-2 {
    --tblr-gutter-y: 0.5rem
}

.g-3, .gx-3 {
    --tblr-gutter-x: 1rem
}

.g-3, .gy-3 {
    --tblr-gutter-y: 1rem
}

.g-4, .gx-4 {
    --tblr-gutter-x: 1.5rem
}

.g-4, .gy-4 {
    --tblr-gutter-y: 1.5rem
}

.g-5, .gx-5 {
    --tblr-gutter-x: 2rem
}

.g-5, .gy-5 {
    --tblr-gutter-y: 2rem
}

.g-6, .gx-6 {
    --tblr-gutter-x: 2.5rem
}

.g-6, .gy-6 {
    --tblr-gutter-y: 2.5rem
}

@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0
    }

    .row-cols-sm-auto > * {
        flex:  0 0 auto;
        width: auto
    }

    .row-cols-sm-1 > * {
        flex:  0 0 auto;
        width: 100%
    }

    .row-cols-sm-2 > * {
        flex:  0 0 auto;
        width: 50%
    }

    .row-cols-sm-3 > * {
        flex:  0 0 auto;
        width: 33.33333333%
    }

    .row-cols-sm-4 > * {
        flex:  0 0 auto;
        width: 25%
    }

    .row-cols-sm-5 > * {
        flex:  0 0 auto;
        width: 20%
    }

    .row-cols-sm-6 > * {
        flex:  0 0 auto;
        width: 16.66666667%
    }

    .col-sm-auto {
        flex:  0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex:  0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex:  0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex:  0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex:  0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex:  0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex:  0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex:  0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex:  0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex:  0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex:  0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex:  0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex:  0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0, .gx-sm-0 {
        --tblr-gutter-x: 0
    }

    .g-sm-0, .gy-sm-0 {
        --tblr-gutter-y: 0
    }

    .g-sm-1, .gx-sm-1 {
        --tblr-gutter-x: 0.25rem
    }

    .g-sm-1, .gy-sm-1 {
        --tblr-gutter-y: 0.25rem
    }

    .g-sm-2, .gx-sm-2 {
        --tblr-gutter-x: 0.5rem
    }

    .g-sm-2, .gy-sm-2 {
        --tblr-gutter-y: 0.5rem
    }

    .g-sm-3, .gx-sm-3 {
        --tblr-gutter-x: 1rem
    }

    .g-sm-3, .gy-sm-3 {
        --tblr-gutter-y: 1rem
    }

    .g-sm-4, .gx-sm-4 {
        --tblr-gutter-x: 1.5rem
    }

    .g-sm-4, .gy-sm-4 {
        --tblr-gutter-y: 1.5rem
    }

    .g-sm-5, .gx-sm-5 {
        --tblr-gutter-x: 2rem
    }

    .g-sm-5, .gy-sm-5 {
        --tblr-gutter-y: 2rem
    }

    .g-sm-6, .gx-sm-6 {
        --tblr-gutter-x: 2.5rem
    }

    .g-sm-6, .gy-sm-6 {
        --tblr-gutter-y: 2.5rem
    }
}

@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0
    }

    .row-cols-md-auto > * {
        flex:  0 0 auto;
        width: auto
    }

    .row-cols-md-1 > * {
        flex:  0 0 auto;
        width: 100%
    }

    .row-cols-md-2 > * {
        flex:  0 0 auto;
        width: 50%
    }

    .row-cols-md-3 > * {
        flex:  0 0 auto;
        width: 33.33333333%
    }

    .row-cols-md-4 > * {
        flex:  0 0 auto;
        width: 25%
    }

    .row-cols-md-5 > * {
        flex:  0 0 auto;
        width: 20%
    }

    .row-cols-md-6 > * {
        flex:  0 0 auto;
        width: 16.66666667%
    }

    .col-md-auto {
        flex:  0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex:  0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex:  0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex:  0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex:  0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex:  0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex:  0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex:  0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex:  0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex:  0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex:  0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex:  0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex:  0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0, .gx-md-0 {
        --tblr-gutter-x: 0
    }

    .g-md-0, .gy-md-0 {
        --tblr-gutter-y: 0
    }

    .g-md-1, .gx-md-1 {
        --tblr-gutter-x: 0.25rem
    }

    .g-md-1, .gy-md-1 {
        --tblr-gutter-y: 0.25rem
    }

    .g-md-2, .gx-md-2 {
        --tblr-gutter-x: 0.5rem
    }

    .g-md-2, .gy-md-2 {
        --tblr-gutter-y: 0.5rem
    }

    .g-md-3, .gx-md-3 {
        --tblr-gutter-x: 1rem
    }

    .g-md-3, .gy-md-3 {
        --tblr-gutter-y: 1rem
    }

    .g-md-4, .gx-md-4 {
        --tblr-gutter-x: 1.5rem
    }

    .g-md-4, .gy-md-4 {
        --tblr-gutter-y: 1.5rem
    }

    .g-md-5, .gx-md-5 {
        --tblr-gutter-x: 2rem
    }

    .g-md-5, .gy-md-5 {
        --tblr-gutter-y: 2rem
    }

    .g-md-6, .gx-md-6 {
        --tblr-gutter-x: 2.5rem
    }

    .g-md-6, .gy-md-6 {
        --tblr-gutter-y: 2.5rem
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0
    }

    .row-cols-lg-auto > * {
        flex:  0 0 auto;
        width: auto
    }

    .row-cols-lg-1 > * {
        flex:  0 0 auto;
        width: 100%
    }

    .row-cols-lg-2 > * {
        flex:  0 0 auto;
        width: 50%
    }

    .row-cols-lg-3 > * {
        flex:  0 0 auto;
        width: 33.33333333%
    }

    .row-cols-lg-4 > * {
        flex:  0 0 auto;
        width: 25%
    }

    .row-cols-lg-5 > * {
        flex:  0 0 auto;
        width: 20%
    }

    .row-cols-lg-6 > * {
        flex:  0 0 auto;
        width: 16.66666667%
    }

    .col-lg-auto {
        flex:  0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex:  0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex:  0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex:  0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex:  0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex:  0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex:  0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex:  0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex:  0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex:  0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex:  0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex:  0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex:  0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0, .gx-lg-0 {
        --tblr-gutter-x: 0
    }

    .g-lg-0, .gy-lg-0 {
        --tblr-gutter-y: 0
    }

    .g-lg-1, .gx-lg-1 {
        --tblr-gutter-x: 0.25rem
    }

    .g-lg-1, .gy-lg-1 {
        --tblr-gutter-y: 0.25rem
    }

    .g-lg-2, .gx-lg-2 {
        --tblr-gutter-x: 0.5rem
    }

    .g-lg-2, .gy-lg-2 {
        --tblr-gutter-y: 0.5rem
    }

    .g-lg-3, .gx-lg-3 {
        --tblr-gutter-x: 1rem
    }

    .g-lg-3, .gy-lg-3 {
        --tblr-gutter-y: 1rem
    }

    .g-lg-4, .gx-lg-4 {
        --tblr-gutter-x: 1.5rem
    }

    .g-lg-4, .gy-lg-4 {
        --tblr-gutter-y: 1.5rem
    }

    .g-lg-5, .gx-lg-5 {
        --tblr-gutter-x: 2rem
    }

    .g-lg-5, .gy-lg-5 {
        --tblr-gutter-y: 2rem
    }

    .g-lg-6, .gx-lg-6 {
        --tblr-gutter-x: 2.5rem
    }

    .g-lg-6, .gy-lg-6 {
        --tblr-gutter-y: 2.5rem
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex: 1 0 0
    }

    .row-cols-xl-auto > * {
        flex:  0 0 auto;
        width: auto
    }

    .row-cols-xl-1 > * {
        flex:  0 0 auto;
        width: 100%
    }

    .row-cols-xl-2 > * {
        flex:  0 0 auto;
        width: 50%
    }

    .row-cols-xl-3 > * {
        flex:  0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xl-4 > * {
        flex:  0 0 auto;
        width: 25%
    }

    .row-cols-xl-5 > * {
        flex:  0 0 auto;
        width: 20%
    }

    .row-cols-xl-6 > * {
        flex:  0 0 auto;
        width: 16.66666667%
    }

    .col-xl-auto {
        flex:  0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex:  0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex:  0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex:  0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex:  0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex:  0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex:  0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex:  0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex:  0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex:  0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex:  0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex:  0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex:  0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0, .gx-xl-0 {
        --tblr-gutter-x: 0
    }

    .g-xl-0, .gy-xl-0 {
        --tblr-gutter-y: 0
    }

    .g-xl-1, .gx-xl-1 {
        --tblr-gutter-x: 0.25rem
    }

    .g-xl-1, .gy-xl-1 {
        --tblr-gutter-y: 0.25rem
    }

    .g-xl-2, .gx-xl-2 {
        --tblr-gutter-x: 0.5rem
    }

    .g-xl-2, .gy-xl-2 {
        --tblr-gutter-y: 0.5rem
    }

    .g-xl-3, .gx-xl-3 {
        --tblr-gutter-x: 1rem
    }

    .g-xl-3, .gy-xl-3 {
        --tblr-gutter-y: 1rem
    }

    .g-xl-4, .gx-xl-4 {
        --tblr-gutter-x: 1.5rem
    }

    .g-xl-4, .gy-xl-4 {
        --tblr-gutter-y: 1.5rem
    }

    .g-xl-5, .gx-xl-5 {
        --tblr-gutter-x: 2rem
    }

    .g-xl-5, .gy-xl-5 {
        --tblr-gutter-y: 2rem
    }

    .g-xl-6, .gx-xl-6 {
        --tblr-gutter-x: 2.5rem
    }

    .g-xl-6, .gy-xl-6 {
        --tblr-gutter-y: 2.5rem
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0
    }

    .row-cols-xxl-auto > * {
        flex:  0 0 auto;
        width: auto
    }

    .row-cols-xxl-1 > * {
        flex:  0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2 > * {
        flex:  0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3 > * {
        flex:  0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xxl-4 > * {
        flex:  0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5 > * {
        flex:  0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6 > * {
        flex:  0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-auto {
        flex:  0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex:  0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex:  0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex:  0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex:  0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex:  0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex:  0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex:  0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex:  0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex:  0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex:  0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex:  0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex:  0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0, .gx-xxl-0 {
        --tblr-gutter-x: 0
    }

    .g-xxl-0, .gy-xxl-0 {
        --tblr-gutter-y: 0
    }

    .g-xxl-1, .gx-xxl-1 {
        --tblr-gutter-x: 0.25rem
    }

    .g-xxl-1, .gy-xxl-1 {
        --tblr-gutter-y: 0.25rem
    }

    .g-xxl-2, .gx-xxl-2 {
        --tblr-gutter-x: 0.5rem
    }

    .g-xxl-2, .gy-xxl-2 {
        --tblr-gutter-y: 0.5rem
    }

    .g-xxl-3, .gx-xxl-3 {
        --tblr-gutter-x: 1rem
    }

    .g-xxl-3, .gy-xxl-3 {
        --tblr-gutter-y: 1rem
    }

    .g-xxl-4, .gx-xxl-4 {
        --tblr-gutter-x: 1.5rem
    }

    .g-xxl-4, .gy-xxl-4 {
        --tblr-gutter-y: 1.5rem
    }

    .g-xxl-5, .gx-xxl-5 {
        --tblr-gutter-x: 2rem
    }

    .g-xxl-5, .gy-xxl-5 {
        --tblr-gutter-y: 2rem
    }

    .g-xxl-6, .gx-xxl-6 {
        --tblr-gutter-x: 2.5rem
    }

    .g-xxl-6, .gy-xxl-6 {
        --tblr-gutter-y: 2.5rem
    }
}

.markdown > table, .table {
    --tblr-table-color-type:    initial;
    --tblr-table-bg-type:       initial;
    --tblr-table-color-state:   initial;
    --tblr-table-bg-state:      initial;
    --tblr-table-color:         inherit;
    --tblr-table-bg:            transparent;
    --tblr-table-border-color:  var(--tblr-border-color-translucent);
    --tblr-table-accent-bg:     transparent;
    --tblr-table-striped-color: inherit;
    --tblr-table-striped-bg:    var(--tblr-bg-surface-tertiary);
    --tblr-table-active-color:  inherit;
    --tblr-table-active-bg:     var(--tblr-active-bg);
    --tblr-table-hover-color:   inherit;
    --tblr-table-hover-bg:      rgba(var(--tblr-emphasis-color-rgb), 0.075);
    width:                      100%;
    margin-bottom:              1rem;
    vertical-align:             top;
    border-color:               var(--tblr-table-border-color)
}

.markdown > table > :not(caption) > * > *, .table > :not(caption) > * > * {
    padding:             .75rem .75rem;
    color:               var(--tblr-table-color-state, var(--tblr-table-color-type, var(--tblr-table-color)));
    background-color:    var(--tblr-table-bg);
    border-bottom-width: var(--tblr-border-width);
    box-shadow:          inset 0 0 0 9999px var(--tblr-table-bg-state, var(--tblr-table-bg-type, var(--tblr-table-accent-bg)))
}

.markdown > table > tbody, .table > tbody {
    vertical-align: inherit
}

.markdown > table > thead, .table > thead {
    vertical-align: bottom
}

.table-group-divider {
    border-top: calc(var(--tblr-border-width) * 2) solid var(--tblr-border-color-translucent)
}

.caption-top {
    caption-side: top
}

.markdown > table > :not(caption) > * > *, .table-sm > :not(caption) > * > * {
    padding: .25rem .25rem
}

.markdown > table > :not(caption) > *, .table-bordered > :not(caption) > * {
    border-width: var(--tblr-border-width) 0
}

.markdown > table > :not(caption) > * > *, .table-bordered > :not(caption) > * > * {
    border-width: 0 var(--tblr-border-width)
}

.table-borderless > :not(caption) > * > * {
    border-bottom-width: 0
}

.table-borderless > :not(:first-child) {
    border-top-width: 0
}

.table-striped > tbody > tr:nth-of-type(2n) > * {
    --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(2n) {
    --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:         #1f2937;
    --tblr-table-bg:            rgb(205.2, 226.2, 245.8);
    --tblr-table-border-color:  rgb(170.36, 189.16, 207.64);
    --tblr-table-striped-bg:    rgb(196.49, 216.94, 236.26);
    --tblr-table-striped-color: #1f2937;
    --tblr-table-active-bg:     rgb(187.78, 207.68, 226.72);
    --tblr-table-active-color:  #f9fafb;
    --tblr-table-hover-bg:      rgb(192.135, 212.31, 231.49);
    --tblr-table-hover-color:   #1f2937;
    color:                      var(--tblr-table-color);
    border-color:               var(--tblr-table-border-color)
}

.table-secondary {
    --tblr-table-color:         #1f2937;
    --tblr-table-bg:            rgb(225.4, 226.8, 229.6);
    --tblr-table-border-color:  rgb(186.52, 189.64, 194.68);
    --tblr-table-striped-bg:    rgb(215.68, 217.51, 220.87);
    --tblr-table-striped-color: #1f2937;
    --tblr-table-active-bg:     rgb(205.96, 208.22, 212.14);
    --tblr-table-active-color:  #1f2937;
    --tblr-table-hover-bg:      rgb(210.82, 212.865, 216.505);
    --tblr-table-hover-color:   #1f2937;
    color:                      var(--tblr-table-color);
    border-color:               var(--tblr-table-border-color)
}

.table-success {
    --tblr-table-color:         #1f2937;
    --tblr-table-bg:            rgb(213.4, 239.8, 217.6);
    --tblr-table-border-color:  rgb(176.92, 200.04, 185.08);
    --tblr-table-striped-bg:    rgb(204.28, 229.86, 209.47);
    --tblr-table-striped-color: #1f2937;
    --tblr-table-active-bg:     rgb(195.16, 219.92, 201.34);
    --tblr-table-active-color:  #1f2937;
    --tblr-table-hover-bg:      rgb(199.72, 224.89, 205.405);
    --tblr-table-hover-color:   #1f2937;
    color:                      var(--tblr-table-color);
    border-color:               var(--tblr-table-border-color)
}

.table-info {
    --tblr-table-color:         #1f2937;
    --tblr-table-bg:            rgb(217.2, 234.6, 249);
    --tblr-table-border-color:  rgb(179.96, 195.88, 210.2);
    --tblr-table-striped-bg:    rgb(207.89, 224.92, 239.3);
    --tblr-table-striped-color: #1f2937;
    --tblr-table-active-bg:     rgb(198.58, 215.24, 229.6);
    --tblr-table-active-color:  #1f2937;
    --tblr-table-hover-bg:      rgb(203.235, 220.08, 234.45);
    --tblr-table-hover-color:   #1f2937;
    color:                      var(--tblr-table-color);
    border-color:               var(--tblr-table-border-color)
}

.table-warning {
    --tblr-table-color:         #1f2937;
    --tblr-table-bg:            rgb(253, 235.8, 204);
    --tblr-table-border-color:  rgb(208.6, 196.84, 174.2);
    --tblr-table-striped-bg:    rgb(241.9, 226.06, 196.55);
    --tblr-table-striped-color: #1f2937;
    --tblr-table-active-bg:     rgb(230.8, 216.32, 189.1);
    --tblr-table-active-color:  #1f2937;
    --tblr-table-hover-bg:      rgb(236.35, 221.19, 192.825);
    --tblr-table-hover-color:   #1f2937;
    color:                      var(--tblr-table-color);
    border-color:               var(--tblr-table-border-color)
}

.table-danger {
    --tblr-table-color:         #1f2937;
    --tblr-table-bg:            rgb(246.8, 215.4, 215.4);
    --tblr-table-border-color:  rgb(203.64, 180.52, 183.32);
    --tblr-table-striped-bg:    rgb(236.01, 206.68, 207.38);
    --tblr-table-striped-color: #1f2937;
    --tblr-table-active-bg:     rgb(225.22, 197.96, 199.36);
    --tblr-table-active-color:  #f9fafb;
    --tblr-table-hover-bg:      rgb(230.615, 202.32, 203.37);
    --tblr-table-hover-color:   #1f2937;
    color:                      var(--tblr-table-color);
    border-color:               var(--tblr-table-border-color)
}

.table-light {
    --tblr-table-color:         #1f2937;
    --tblr-table-bg:            #f9fafb;
    --tblr-table-border-color:  rgb(205.4, 208.2, 211.8);
    --tblr-table-striped-bg:    rgb(238.1, 239.55, 241.2);
    --tblr-table-striped-color: #1f2937;
    --tblr-table-active-bg:     rgb(227.2, 229.1, 231.4);
    --tblr-table-active-color:  #1f2937;
    --tblr-table-hover-bg:      rgb(232.65, 234.325, 236.3);
    --tblr-table-hover-color:   #1f2937;
    color:                      var(--tblr-table-color);
    border-color:               var(--tblr-table-border-color)
}

.table-dark {
    --tblr-table-color:         #f9fafb;
    --tblr-table-bg:            #1f2937;
    --tblr-table-border-color:  rgb(74.6, 82.8, 94.2);
    --tblr-table-striped-bg:    rgb(41.9, 51.45, 64.8);
    --tblr-table-striped-color: #f9fafb;
    --tblr-table-active-bg:     rgb(52.8, 61.9, 74.6);
    --tblr-table-active-color:  #f9fafb;
    --tblr-table-hover-bg:      rgb(47.35, 56.675, 69.7);
    --tblr-table-hover-color:   #f9fafb;
    color:                      var(--tblr-table-color);
    border-color:               var(--tblr-table-border-color)
}

.table-responsive {
    overflow-x:                 auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x:                 auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        overflow-x:                 auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x:                 auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x:                 auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x:                 auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem;
    font-size:     .875rem;
    font-weight:   var(--tblr-font-weight-medium)
}

.col-form-label {
    padding-top:    calc(.5625rem + var(--tblr-border-width));
    padding-bottom: calc(.5625rem + var(--tblr-border-width));
    margin-bottom:  0;
    font-size:      inherit;
    font-weight:    var(--tblr-font-weight-medium);
    line-height:    1.25rem
}

.col-form-label-lg {
    padding-top:    calc(.6875rem + var(--tblr-border-width));
    padding-bottom: calc(.6875rem + var(--tblr-border-width));
    font-size:      1rem
}

.col-form-label-sm {
    padding-top:    calc(.3125rem + var(--tblr-border-width));
    padding-bottom: calc(.3125rem + var(--tblr-border-width));
    font-size:      .75rem
}

.form-text {
    margin-top: .25rem;
    font-size:  .875em;
    color:      var(--tblr-secondary-color)
}

.form-control {
    display:            block;
    width:              100%;
    padding:            .5625rem 1rem;
    font-family:        var(--tblr-body-font-family);
    font-size:          .875rem;
    font-weight:        400;
    line-height:        1.25rem;
    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-shadow-input);
    transition:         border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color:            var(--tblr-body-color);
    background-color: var(--tblr-bg-forms);
    border-color:     rgb(130.5, 183, 232);
    outline:          0;
    box-shadow:       var(--tblr-shadow-input), 0 0 0 .25rem rgba(var(--tblr-primary-rgb), .25)
}

.form-control::-webkit-date-and-time-value {
    min-width: 85px;
    height:    1.25rem;
    margin:    0
}

.form-control::-webkit-datetime-edit {
    display: block;
    padding: 0
}

.form-control::-moz-placeholder {
    color:   var(--tblr-tertiary);
    opacity: 1
}

.form-control::placeholder {
    color:   var(--tblr-tertiary);
    opacity: 1
}

.form-control:disabled {
    background-color: var(--tblr-bg-surface-secondary);
    opacity:          1
}

.form-control::file-selector-button {
    padding:                 .5625rem 1rem;
    margin:                  -.5625rem -1rem;
    margin-inline-end:       1rem;
    color:                   var(--tblr-body-color);
    background-color:        var(--tblr-tertiary-bg);
    pointer-events:          none;
    border-color:            inherit;
    border-style:            solid;
    border-width:            0;
    border-inline-end-width: var(--tblr-border-width);
    border-radius:           0;
    transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--tblr-secondary-bg)
}

.form-control-plaintext {
    display:          block;
    width:            100%;
    padding:          .5625rem 0;
    margin-bottom:    0;
    line-height:      1.25rem;
    color:            var(--tblr-body-color);
    background-color: transparent;
    border:           solid transparent;
    border-width:     var(--tblr-border-width) 0
}

.form-control-plaintext:focus {
    outline: 0
}

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left:  0
}

.form-control-sm {
    min-height:    calc(1.25rem + .625rem + calc(var(--tblr-border-width) * 2));
    padding:       .3125rem .5rem;
    font-size:     .75rem;
    border-radius: var(--tblr-border-radius-sm)
}

.form-control-sm::file-selector-button {
    padding:           .3125rem .5rem;
    margin:            -.3125rem -.5rem;
    margin-inline-end: .5rem
}

.form-control-lg {
    min-height:    calc(1.25rem + 1.375rem + calc(var(--tblr-border-width) * 2));
    padding:       .6875rem 1.5rem;
    font-size:     1rem;
    border-radius: var(--tblr-border-radius-lg)
}

.form-control-lg::file-selector-button {
    padding:           .6875rem 1.5rem;
    margin:            -.6875rem -1.5rem;
    margin-inline-end: 1.5rem
}

textarea.form-control {
    min-height: calc(1.25rem + 1.125rem + calc(var(--tblr-border-width) * 2))
}

textarea.form-control-sm {
    min-height: calc(1.25rem + .625rem + calc(var(--tblr-border-width) * 2))
}

textarea.form-control-lg {
    min-height: calc(1.25rem + 1.375rem + calc(var(--tblr-border-width) * 2))
}

.form-control-color {
    width:   3rem;
    height:  calc(1.25rem + 1.125rem + calc(var(--tblr-border-width) * 2));
    padding: .5625rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    border:        0 !important;
    border-radius: var(--tblr-border-radius)
}

.form-control-color::-webkit-color-swatch {
    border:        0 !important;
    border-radius: var(--tblr-border-radius)
}

.form-control-color.form-control-sm {
    height: calc(1.25rem + .625rem + calc(var(--tblr-border-width) * 2))
}

.form-control-color.form-control-lg {
    height: calc(1.25rem + 1.375rem + 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='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display:                   block;
    width:                     100%;
    padding:                   .5625rem 3rem .5625rem 1rem;
    font-family:               var(--tblr-body-font-family);
    font-size:                 .875rem;
    font-weight:               400;
    line-height:               1.25rem;
    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 1rem 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-shadow-input);
    transition:                border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: rgb(130.5, 183, 232);
    outline:      0;
    box-shadow:   var(--tblr-shadow-input), 0 0 0 .25rem rgba(var(--tblr-primary-rgb), .25)
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
    padding-right:    1rem;
    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:    .3125rem;
    padding-bottom: .3125rem;
    padding-left:   .5rem;
    font-size:      .75rem;
    border-radius:  var(--tblr-border-radius-sm)
}

.form-select-lg {
    padding-top:    .6875rem;
    padding-bottom: .6875rem;
    padding-left:   1.5rem;
    font-size:      1rem;
    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='%23e5e7eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}

.form-check {
    display:       block;
    min-height:    1.25rem;
    padding-left:  2rem;
    margin-bottom: .75rem
}

.form-check .form-check-input {
    float:       left;
    margin-left: -2rem
}

.form-check-reverse {
    padding-right: 2rem;
    padding-left:  0;
    text-align:    right
}

.form-check-reverse .form-check-input {
    float:        right;
    margin-right: -2rem;
    margin-left:  0
}

.form-check-input {
    --tblr-form-check-bg:       var(--tblr-bg-forms);
    flex-shrink:                0;
    width:                      1.25rem;
    height:                     1.25rem;
    margin-top:                 .0892857143rem;
    vertical-align:             top;
    -webkit-appearance:         none;
    -moz-appearance:            none;
    appearance:                 none;
    background-color:           var(--tblr-form-check-bg);
    background-image:           var(--tblr-form-check-bg-image);
    background-repeat:          no-repeat;
    background-position:        center;
    background-size:            contain;
    border:                     var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
    -webkit-print-color-adjust: exact;
    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: rgb(130.5, 183, 232);
    outline:      0;
    box-shadow:   0 0 0 .25rem rgba(var(--tblr-primary-rgb), .25)
}

.form-check-input:checked {
    background-color: var(--tblr-primary);
    border-color:     var(--tblr-border-color-translucent)
}

.form-check-input:checked[type=checkbox] {
    --tblr-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    --tblr-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color:           var(--tblr-primary);
    border-color:               var(--tblr-primary);
    --tblr-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter:         none;
    opacity:        .5
}

.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
    cursor:  default;
    opacity: .7
}

.form-switch {
    padding-left: 2.5rem
}

.form-switch .form-check-input {
    --tblr-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23e5e7eb'/%3e%3c/svg%3e");
    width:                 2rem;
    margin-left:           -2.5rem;
    background-image:      var(--tblr-form-switch-bg);
    background-position:   left center;
    border-radius:         2rem;
    transition:            background-position .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    --tblr-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28130.5, 183, 232%29'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position:   right center;
    --tblr-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
    padding-right: 2.5rem;
    padding-left:  0
}

.form-switch.form-check-reverse .form-check-input {
    margin-right: -2.5rem;
    margin-left:  0
}

.form-check-inline {
    display:      inline-block;
    margin-right: 1rem
}

.btn-check {
    position:       absolute;
    clip:           rect(0, 0, 0, 0);
    pointer-events: none
}

.btn-check:disabled + .btn, .btn-check[disabled] + .btn {
    pointer-events: none;
    filter:         none;
    opacity:        .4
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
    --tblr-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")
}

.form-range {
    width:              100%;
    height:             1.25rem;
    padding:            0;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
    background-color:   transparent
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #f9fafb, 0 0 0 .25rem rgba(var(--tblr-primary-rgb), .25)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #f9fafb, 0 0 0 .25rem rgba(var(--tblr-primary-rgb), .25)
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width:              1rem;
    height:             1rem;
    margin-top:         -.375rem;
    -webkit-appearance: none;
    appearance:         none;
    background-color:   var(--tblr-primary);
    border:             2px var(--tblr-border-style) #fff;
    border-radius:      1rem;
    box-shadow:         0 .1rem .25rem rgba(0, 0, 0, .1);
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition:         background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition:         none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: rgb(180.3, 211.8, 241.2)
}

.form-range::-webkit-slider-runnable-track {
    width:            100%;
    height:           .25rem;
    color:            transparent;
    cursor:           pointer;
    background-color: var(--tblr-border-color);
    border-color:     transparent;
    border-radius:    1rem;
    box-shadow:       var(--tblr-box-shadow-inset)
}

.form-range::-moz-range-thumb {
    width:            1rem;
    height:           1rem;
    -moz-appearance:  none;
    appearance:       none;
    background-color: var(--tblr-primary);
    border:           2px var(--tblr-border-style) #fff;
    border-radius:    1rem;
    box-shadow:       0 .1rem .25rem rgba(0, 0, 0, .1);
    -moz-transition:  background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition:       background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition:      none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: rgb(180.3, 211.8, 241.2)
}

.form-range::-moz-range-track {
    width:            100%;
    height:           .25rem;
    color:            transparent;
    cursor:           pointer;
    background-color: var(--tblr-border-color);
    border-color:     transparent;
    border-radius:    1rem;
    box-shadow:       var(--tblr-box-shadow-inset)
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: var(--tblr-secondary-color)
}

.form-range:disabled::-moz-range-thumb {
    background-color: var(--tblr-secondary-color)
}

.form-floating {
    position: relative
}

.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
    height:      calc(3.5rem + calc(var(--tblr-border-width) * 2));
    min-height:  calc(3.5rem + calc(var(--tblr-border-width) * 2));
    line-height: 1.25
}

.form-floating > label {
    position:         absolute;
    top:              0;
    left:             0;
    z-index:          2;
    max-width:        100%;
    height:           100%;
    padding:          1rem 1rem;
    overflow:         hidden;
    color:            rgba(var(--tblr-body-color-rgb), .65);
    text-align:       start;
    text-overflow:    ellipsis;
    white-space:      nowrap;
    pointer-events:   none;
    border:           var(--tblr-border-width) solid transparent;
    transform-origin: 0 0;
    transition:       opacity .1s ease-in-out, transform .1s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-floating > label {
        transition: none
    }
}

.form-floating > .form-control, .form-floating > .form-control-plaintext {
    padding: 1rem 1rem
}

.form-floating > .form-control-plaintext::-moz-placeholder, .form-floating > .form-control::-moz-placeholder {
    color: transparent
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: transparent
}

.form-floating > .form-control-plaintext:not(:-moz-placeholder), .form-floating > .form-control:not(:-moz-placeholder) {
    padding-top:    1.625rem;
    padding-bottom: .625rem
}

.form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
    padding-top:    1.625rem;
    padding-bottom: .625rem
}

.form-floating > .form-control-plaintext:-webkit-autofill, .form-floating > .form-control:-webkit-autofill {
    padding-top:    1.625rem;
    padding-bottom: .625rem
}

.form-floating > .form-select {
    padding-top:    1.625rem;
    padding-bottom: .625rem;
    padding-left:   1rem
}

.form-floating > .form-control:not(:-moz-placeholder) ~ label {
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control:-webkit-autofill ~ label {
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > textarea:not(:-moz-placeholder) ~ label::after {
    position:         absolute;
    inset:            1rem 0.5rem;
    z-index:          -1;
    height:           1.5em;
    content:          "";
    background-color: var(--tblr-bg-forms);
    border-radius:    var(--tblr-border-radius)
}

.form-floating > textarea:focus ~ label::after, .form-floating > textarea:not(:placeholder-shown) ~ label::after {
    position:         absolute;
    inset:            1rem 0.5rem;
    z-index:          -1;
    height:           1.5em;
    content:          "";
    background-color: var(--tblr-bg-forms);
    border-radius:    var(--tblr-border-radius)
}

.form-floating > textarea:disabled ~ label::after {
    background-color: var(--tblr-bg-surface-secondary)
}

.form-floating > .form-control-plaintext ~ label {
    border-width: var(--tblr-border-width) 0
}

.form-floating > .form-control:disabled ~ label, .form-floating > :disabled ~ label {
    color: #4b5563
}

.input-group {
    position:    relative;
    display:     flex;
    flex-wrap:   wrap;
    align-items: stretch;
    width:       100%
}

.input-group > .form-control, .input-group > .form-floating, .input-group > .form-select {
    position:  relative;
    flex:      1 1 auto;
    width:     1%;
    min-width: 0
}

.input-group > .form-control:focus, .input-group > .form-floating:focus-within, .input-group > .form-select:focus {
    z-index: 5
}

.input-group .btn {
    position: relative;
    z-index:  2
}

.input-group .btn:focus {
    z-index: 5
}

.input-group-text {
    display:          flex;
    align-items:      center;
    padding:          .5625rem 1rem;
    font-size:        .875rem;
    font-weight:      400;
    line-height:      1.25rem;
    color:            var(--tblr-gray-500);
    text-align:       center;
    white-space:      nowrap;
    background-color: var(--tblr-bg-surface-secondary);
    border:           var(--tblr-border-width) solid var(--tblr-border-color);
    border-radius:    var(--tblr-border-radius)
}

.input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {
    padding:       .6875rem 1.5rem;
    font-size:     1rem;
    border-radius: var(--tblr-border-radius-lg)
}

.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text {
    padding:       .3125rem .5rem;
    font-size:     .75rem;
    border-radius: var(--tblr-border-radius-sm)
}

.input-group-lg > .form-select, .input-group-sm > .form-select {
    padding-right: 4rem
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius:    0;
    border-bottom-right-radius: 0
}

.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select, .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius:    0;
    border-bottom-right-radius: 0
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left:               calc(-1 * var(--tblr-border-width));
    border-top-left-radius:    0;
    border-bottom-left-radius: 0
}

.input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select {
    border-top-left-radius:    0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display:    none;
    width:      100%;
    margin-top: .25rem;
    font-size:  .875em;
    color:      var(--tblr-form-valid-color)
}

.valid-tooltip {
    position:         absolute;
    top:              100%;
    z-index:          5;
    display:          none;
    max-width:        100%;
    padding:          var(--tblr-spacer-1) var(--tblr-spacer-3);
    margin-top:       .1rem;
    font-size:        .765625rem;
    color:            #fff;
    background-color: var(--tblr-success);
    border-radius:    var(--tblr-border-radius)
}

.is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip {
    display: block
}

.form-control.is-valid, .was-validated .form-control:valid {
    border-color:        var(--tblr-form-valid-border-color);
    padding-right:       2.375rem;
    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 1.53125rem center;
    background-size:     1.8125rem 1.8125rem
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    border-color: var(--tblr-form-valid-border-color);
    box-shadow:   var(--tblr-shadow-input), 0 0 0 .25rem rgba(var(--tblr-success-rgb), .25)
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right:       2.375rem;
    background-position: top 1.53125rem right 1.53125rem
}

.form-select.is-valid, .was-validated .form-select:valid {
    border-color: var(--tblr-form-valid-border-color)
}

.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
    --tblr-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
    padding-right:              5.5rem;
    background-position:        right 1rem center, center right 3rem;
    background-size:            16px 12px, 1.8125rem 1.8125rem
}

.form-select.is-valid:focus, .was-validated .form-select:valid:focus {
    border-color: var(--tblr-form-valid-border-color);
    box-shadow:   var(--tblr-shadow-input), 0 0 0 .25rem rgba(var(--tblr-success-rgb), .25)
}

.form-control-color.is-valid, .was-validated .form-control-color:valid {
    width: 5.375rem
}

.form-check-input.is-valid, .was-validated .form-check-input:valid {
    border-color: var(--tblr-form-valid-border-color)
}

.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
    background-color: var(--tblr-form-valid-color)
}

.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--tblr-success-rgb), .25)
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
    color: var(--tblr-form-valid-color)
}

.form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: .5em
}

.input-group > .form-control:not(:focus).is-valid, .input-group > .form-floating:not(:focus-within).is-valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-control:not(:focus):valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .was-validated .input-group > .form-select:not(:focus):valid {
    z-index: 3
}

.invalid-feedback {
    display:    none;
    width:      100%;
    margin-top: .25rem;
    font-size:  .875em;
    color:      var(--tblr-form-invalid-color)
}

.invalid-tooltip {
    position:         absolute;
    top:              100%;
    z-index:          5;
    display:          none;
    max-width:        100%;
    padding:          var(--tblr-spacer-1) var(--tblr-spacer-3);
    margin-top:       .1rem;
    font-size:        .765625rem;
    color:            #fff;
    background-color: var(--tblr-danger);
    border-radius:    var(--tblr-border-radius)
}

.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
    display: block
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color:        var(--tblr-form-invalid-border-color);
    padding-right:       2.375rem;
    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 1.53125rem center;
    background-size:     1.8125rem 1.8125rem
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: var(--tblr-form-invalid-border-color);
    box-shadow:   var(--tblr-shadow-input), 0 0 0 .25rem rgba(var(--tblr-danger-rgb), .25)
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right:       2.375rem;
    background-position: top 1.53125rem right 1.53125rem
}

.form-select.is-invalid, .was-validated .form-select:invalid {
    border-color: var(--tblr-form-invalid-border-color)
}

.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {
    --tblr-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
    padding-right:              5.5rem;
    background-position:        right 1rem center, center right 3rem;
    background-size:            16px 12px, 1.8125rem 1.8125rem
}

.form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {
    border-color: var(--tblr-form-invalid-border-color);
    box-shadow:   var(--tblr-shadow-input), 0 0 0 .25rem rgba(var(--tblr-danger-rgb), .25)
}

.form-control-color.is-invalid, .was-validated .form-control-color:invalid {
    width: 5.375rem
}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
    border-color: var(--tblr-form-invalid-border-color)
}

.form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked {
    background-color: var(--tblr-form-invalid-color)
}

.form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--tblr-danger-rgb), .25)
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: var(--tblr-form-invalid-color)
}

.form-check-inline .form-check-input ~ .invalid-feedback {
    margin-left: .5em
}

.input-group > .form-control:not(:focus).is-invalid, .input-group > .form-floating:not(:focus-within).is-invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-control:not(:focus):invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .was-validated .input-group > .form-select:not(:focus):invalid {
    z-index: 4
}

.btn {
    --tblr-btn-padding-x:          1rem;
    --tblr-btn-padding-y:          0.5625rem;
    --tblr-btn-font-family:        var(--tblr-body-font-family);
    --tblr-btn-font-size:          0.875rem;
    --tblr-btn-font-weight:        var(--tblr-font-weight-medium);
    --tblr-btn-line-height:        1.25rem;
    --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-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;
    user-select:                   none;
    border:                        var(--tblr-btn-border-width) solid var(--tblr-btn-border-color);
    border-radius:                 var(--tblr-btn-border-radius);
    background-color:              var(--tblr-btn-bg);
    box-shadow:                    var(--tblr-btn-box-shadow);
    transition:                    color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color:            var(--tblr-btn-hover-color);
    text-decoration:  none;
    background-color: var(--tblr-btn-hover-bg);
    border-color:     var(--tblr-btn-hover-border-color)
}

.btn-check + .btn:hover {
    color:            var(--tblr-btn-color);
    background-color: var(--tblr-btn-bg);
    border-color:     var(--tblr-btn-border-color)
}

.btn:focus-visible {
    color:            var(--tblr-btn-hover-color);
    background-color: var(--tblr-btn-hover-bg);
    border-color:     var(--tblr-btn-hover-border-color);
    outline:          0;
    box-shadow:       var(--tblr-btn-box-shadow), var(--tblr-btn-focus-box-shadow)
}

.btn-check:focus-visible + .btn {
    border-color: var(--tblr-btn-hover-border-color);
    outline:      0;
    box-shadow:   var(--tblr-btn-box-shadow), var(--tblr-btn-focus-box-shadow)
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color:            var(--tblr-btn-active-color);
    background-color: var(--tblr-btn-active-bg);
    border-color:     var(--tblr-btn-active-border-color);
    box-shadow:       var(--tblr-btn-active-shadow)
}

.btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible {
    box-shadow: var(--tblr-btn-active-shadow), var(--tblr-btn-focus-box-shadow)
}

.btn-check:checked:focus-visible + .btn {
    box-shadow: var(--tblr-btn-active-shadow), var(--tblr-btn-focus-box-shadow)
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    color:            var(--tblr-btn-disabled-color);
    pointer-events:   none;
    background-color: var(--tblr-btn-disabled-bg);
    border-color:     var(--tblr-btn-disabled-border-color);
    opacity:          var(--tblr-btn-disabled-opacity);
    box-shadow:       none
}

.btn-link {
    --tblr-btn-font-weight:           400;
    --tblr-btn-color:                 var(--tblr-link-color);
    --tblr-btn-bg:                    transparent;
    --tblr-btn-border-color:          transparent;
    --tblr-btn-hover-color:           var(--tblr-link-hover-color);
    --tblr-btn-hover-border-color:    transparent;
    --tblr-btn-active-color:          var(--tblr-link-hover-color);
    --tblr-btn-active-border-color:   transparent;
    --tblr-btn-disabled-color:        #4b5563;
    --tblr-btn-disabled-border-color: transparent;
    --tblr-btn-box-shadow:            0 0 0 #000;
    --tblr-btn-focus-shadow-rgb:      42, 132, 215;
    text-decoration:                  none
}

.btn-link:focus-visible, .btn-link:hover {
    text-decoration: underline
}

.btn-link:focus-visible {
    color: var(--tblr-btn-color)
}

.btn-link:hover {
    color: var(--tblr-btn-hover-color)
}

.btn-group-lg > .btn, .btn-lg {
    --tblr-btn-padding-y:     0.6875rem;
    --tblr-btn-padding-x:     1.5rem;
    --tblr-btn-font-size:     1rem;
    --tblr-btn-border-radius: var(--tblr-border-radius-lg)
}

.btn-group-sm > .btn, .btn-sm {
    --tblr-btn-padding-y:     0.3125rem;
    --tblr-btn-padding-x:     0.5rem;
    --tblr-btn-font-size:     0.75rem;
    --tblr-btn-border-radius: var(--tblr-border-radius-sm)
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height:     0;
    overflow:   hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width:      0;
    height:     auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    content:        "";
    display:        inline-block;
    vertical-align: .306em;
    width:          .36em;
    height:         .36em;
    border-bottom:  1px var(--tblr-border-style);
    border-left:    1px var(--tblr-border-style);
    margin-right:   .1em;
    margin-left:    .4em;
    transform:      rotate(-45deg)
}

.dropdown-menu {
    --tblr-dropdown-zindex:              1000;
    --tblr-dropdown-min-width:           11rem;
    --tblr-dropdown-padding-x:           0;
    --tblr-dropdown-padding-y:           0.25rem;
    --tblr-dropdown-spacer:              1px;
    --tblr-dropdown-font-size:           0.875rem;
    --tblr-dropdown-color:               var(--tblr-body-color);
    --tblr-dropdown-bg:                  var(--tblr-bg-surface);
    --tblr-dropdown-border-color:        var(--tblr-border-color-translucent);
    --tblr-dropdown-border-radius:       var(--tblr-border-radius);
    --tblr-dropdown-border-width:        var(--tblr-border-width);
    --tblr-dropdown-inner-border-radius: calc(var(--tblr-border-radius) - var(--tblr-border-width));
    --tblr-dropdown-divider-bg:          var(--tblr-border-color-translucent);
    --tblr-dropdown-divider-margin-y:    var(--tblr-spacer-2);
    --tblr-dropdown-box-shadow:          var(--tblr-shadow-dropdown);
    --tblr-dropdown-link-color:          inherit;
    --tblr-dropdown-link-hover-color:    inherit;
    --tblr-dropdown-link-hover-bg:       rgba(var(--tblr-secondary-rgb), 0.08);
    --tblr-dropdown-link-active-color:   var(--tblr-primary);
    --tblr-dropdown-link-active-bg:      var(--tblr-active-bg);
    --tblr-dropdown-link-disabled-color: var(--tblr-tertiary-color);
    --tblr-dropdown-item-padding-x:      0.75rem;
    --tblr-dropdown-item-padding-y:      0.5rem;
    --tblr-dropdown-header-color:        #4b5563;
    --tblr-dropdown-header-padding-x:    0.75rem;
    --tblr-dropdown-header-padding-y:    0.25rem;
    position:                            absolute;
    z-index:                             var(--tblr-dropdown-zindex);
    display:                             none;
    min-width:                           var(--tblr-dropdown-min-width);
    padding:                             var(--tblr-dropdown-padding-y) var(--tblr-dropdown-padding-x);
    margin:                              0;
    font-size:                           var(--tblr-dropdown-font-size);
    color:                               var(--tblr-dropdown-color);
    text-align:                          left;
    list-style:                          none;
    background-color:                    var(--tblr-dropdown-bg);
    background-clip:                     padding-box;
    border:                              var(--tblr-dropdown-border-width) solid var(--tblr-dropdown-border-color);
    border-radius:                       var(--tblr-dropdown-border-radius);
    box-shadow:                          var(--tblr-dropdown-box-shadow)
}

.dropdown-menu[data-bs-popper] {
    top:        100%;
    left:       0;
    margin-top: var(--tblr-dropdown-spacer)
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left:  0
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left:  auto
}

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left:  0
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left:  auto
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }

    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left:  0
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left:  auto
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left:  0
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left:  auto
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left:  0
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left:  auto
    }
}

@media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left:  0
    }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left:  auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top:           auto;
    bottom:        100%;
    margin-top:    0;
    margin-bottom: var(--tblr-dropdown-spacer)
}

.dropup .dropdown-toggle:after {
    content:        "";
    display:        inline-block;
    vertical-align: .306em;
    width:          .36em;
    height:         .36em;
    border-bottom:  1px var(--tblr-border-style);
    border-left:    1px var(--tblr-border-style);
    margin-right:   .1em;
    margin-left:    .4em;
    transform:      rotate(135deg)
}

.dropend .dropdown-menu[data-bs-popper] {
    top:         0;
    right:       auto;
    left:        100%;
    margin-top:  0;
    margin-left: var(--tblr-dropdown-spacer)
}

.dropend .dropdown-toggle:after {
    content:        "";
    display:        inline-block;
    vertical-align: .306em;
    width:          .36em;
    height:         .36em;
    border-bottom:  1px var(--tblr-border-style);
    border-left:    1px var(--tblr-border-style);
    margin-right:   .1em;
    margin-left:    .4em;
    transform:      rotate(-135deg)
}

.dropend .dropdown-toggle::after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top:          0;
    right:        100%;
    left:         auto;
    margin-top:   0;
    margin-right: var(--tblr-dropdown-spacer)
}

.dropstart .dropdown-toggle:after {
    content:        "";
    display:        inline-block;
    vertical-align: .306em;
    width:          .36em;
    height:         .36em;
    border-bottom:  1px var(--tblr-border-style);
    border-left:    1px var(--tblr-border-style);
    margin-right:   .1em;
    margin-left:    .4em;
    transform:      rotate(45deg)
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height:     0;
    margin:     var(--tblr-dropdown-divider-margin-y) 0;
    overflow:   hidden;
    border-top: 1px solid var(--tblr-dropdown-divider-bg);
    opacity:    1
}

.dropdown-item {
    display:          block;
    width:            100%;
    padding:          var(--tblr-dropdown-item-padding-y) var(--tblr-dropdown-item-padding-x);
    clear:            both;
    font-weight:      400;
    color:            var(--tblr-dropdown-link-color);
    text-align:       inherit;
    white-space:      nowrap;
    background-color: transparent;
    border:           0;
    border-radius:    var(--tblr-dropdown-item-border-radius, 0)
}

.dropdown-item:focus, .dropdown-item:hover {
    color:            var(--tblr-dropdown-link-hover-color);
    text-decoration:  none;
    background-color: var(--tblr-dropdown-link-hover-bg)
}

.dropdown-item.active, .dropdown-item:active {
    color:            var(--tblr-dropdown-link-active-color);
    text-decoration:  none;
    background-color: var(--tblr-dropdown-link-active-bg)
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color:            var(--tblr-dropdown-link-disabled-color);
    pointer-events:   none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display:       block;
    padding:       var(--tblr-dropdown-header-padding-y) var(--tblr-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size:     .765625rem;
    color:         var(--tblr-dropdown-header-color);
    white-space:   nowrap
}

.dropdown-item-text {
    display: block;
    padding: var(--tblr-dropdown-item-padding-y) var(--tblr-dropdown-item-padding-x);
    color:   var(--tblr-dropdown-link-color)
}

.dropdown-menu-dark {
    --tblr-dropdown-color:               #d1d5db;
    --tblr-dropdown-bg:                  #1f2937;
    --tblr-dropdown-border-color:        var(--tblr-border-color-translucent);
    --tblr-dropdown-box-shadow: ;
    --tblr-dropdown-link-color:          #d1d5db;
    --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: #6b7280;
    --tblr-dropdown-header-color:        #6b7280
}

.btn-group, .btn-group-vertical {
    position:       relative;
    display:        inline-flex;
    vertical-align: middle
}

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    flex:     1 1 auto
}

.btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
    z-index: 1
}

.btn-toolbar {
    display:         flex;
    flex-wrap:       wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group {
    border-radius: var(--tblr-border-radius)
}

.btn-group > .btn-group:not(:first-child), .btn-group > :not(.btn-check:first-child) + .btn {
    margin-left: calc(-1 * var(--tblr-border-width))
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius:    0;
    border-bottom-right-radius: 0
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn {
    border-top-left-radius:    0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left:  .75rem
}

.dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
    padding-right: .375rem;
    padding-left:  .375rem
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
    padding-right: 1.125rem;
    padding-left:  1.125rem
}

.btn-group.show .dropdown-toggle {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group.show .dropdown-toggle.btn-link {
    box-shadow: none
}

.btn-group-vertical {
    flex-direction:  column;
    align-items:     flex-start;
    justify-content: center
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
    width: 100%
}

.btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) {
    margin-top: calc(-1 * var(--tblr-border-width))
}

.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius:  0
}

.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:nth-child(n+3), .btn-group-vertical > :not(.btn-check) + .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-gray-500);
    --tblr-nav-link-hover-color:    var(--tblr-link-hover-color);
    --tblr-nav-link-disabled-color: var(--tblr-disabled-color);
    display:                        flex;
    flex-wrap:                      wrap;
    padding-left:                   0;
    margin-bottom:                  0;
    list-style:                     none
}

.nav-link {
    display:     block;
    padding:     var(--tblr-nav-link-padding-y) var(--tblr-nav-link-padding-x);
    font-size:   var(--tblr-nav-link-font-size);
    font-weight: var(--tblr-nav-link-font-weight);
    color:       var(--tblr-nav-link-color);
    background:  0 0;
    border:      0;
    transition:  color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus, .nav-link:hover {
    color:           var(--tblr-nav-link-hover-color);
    text-decoration: none
}

.nav-link:focus-visible {
    outline:    0;
    box-shadow: 0 0 0 .25rem rgba(var(--tblr-primary-rgb), .25)
}

.nav-link.disabled, .nav-link:disabled {
    color:          var(--tblr-nav-link-disabled-color);
    pointer-events: none;
    cursor:         default
}

.nav-tabs {
    --tblr-nav-tabs-border-width:             var(--tblr-border-width);
    --tblr-nav-tabs-border-color:             var(--tblr-border-color);
    --tblr-nav-tabs-border-radius:            var(--tblr-border-radius);
    --tblr-nav-tabs-link-hover-border-color:  var(--tblr-border-color) var(--tblr-border-color) var(--tblr-border-color);
    --tblr-nav-tabs-link-active-color:        var(--tblr-body-color);
    --tblr-nav-tabs-link-active-bg:           var(--tblr-body-bg);
    --tblr-nav-tabs-link-active-border-color: var(--tblr-border-color) var(--tblr-border-color) var(--tblr-border-color);
    border-bottom:                            var(--tblr-nav-tabs-border-width) solid var(--tblr-nav-tabs-border-color)
}

.nav-tabs .nav-link {
    margin-bottom:           calc(-1 * var(--tblr-nav-tabs-border-width));
    border:                  var(--tblr-nav-tabs-border-width) solid transparent;
    border-top-left-radius:  var(--tblr-nav-tabs-border-radius);
    border-top-right-radius: var(--tblr-nav-tabs-border-radius)
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    isolation:    isolate;
    border-color: var(--tblr-nav-tabs-link-hover-border-color)
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color:            var(--tblr-nav-tabs-link-active-color);
    background-color: var(--tblr-nav-tabs-link-active-bg);
    border-color:     var(--tblr-nav-tabs-link-active-border-color)
}

.nav-tabs .dropdown-menu {
    margin-top:              calc(-1 * var(--tblr-nav-tabs-border-width));
    border-top-left-radius:  0;
    border-top-right-radius: 0
}

.nav-pills {
    --tblr-nav-pills-border-radius:     var(--tblr-border-radius);
    --tblr-nav-pills-link-active-color: var(--tblr-primary);
    --tblr-nav-pills-link-active-bg:    var(--tblr-active-bg)
}

.nav-pills .nav-link {
    border-radius: var(--tblr-nav-pills-border-radius)
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color:            var(--tblr-nav-pills-link-active-color);
    background-color: var(--tblr-nav-pills-link-active-bg)
}

.nav-underline {
    --tblr-nav-underline-gap:               1rem;
    --tblr-nav-underline-border-width:      0.125rem;
    --tblr-nav-underline-link-active-color: var(--tblr-emphasis-color);
    gap:                                    var(--tblr-nav-underline-gap)
}

.nav-underline .nav-link {
    padding-right: 0;
    padding-left:  0;
    border-bottom: var(--tblr-nav-underline-border-width) solid transparent
}

.nav-underline .nav-link:focus, .nav-underline .nav-link:hover {
    border-bottom-color: currentcolor
}

.nav-underline .nav-link.active, .nav-underline .show > .nav-link {
    font-weight:         600;
    color:               var(--tblr-nav-underline-link-active-color);
    border-bottom-color: currentcolor
}

.nav-fill .nav-item, .nav-fill > .nav-link {
    flex:       1 1 auto;
    text-align: center
}

.nav-justified .nav-item, .nav-justified > .nav-link {
    flex-grow:  1;
    flex-basis: 0;
    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-secondary);
    --tblr-navbar-hover-color:           var(--tblr-body-color);
    --tblr-navbar-disabled-color:        var(--tblr-disabled-color);
    --tblr-navbar-active-color:          var(--tblr-body-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(--sja-accent);
    --tblr-navbar-brand-hover-color:     var(--tblr-body-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%2831, 41, 55, 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[data-bs-theme="light"] {
    background-color: var(--sja-accent);
}

.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
    display:         flex;
    flex-wrap:       inherit;
    align-items:     center;
    justify-content: space-between
}

.navbar-brand {
    padding-top:    var(--tblr-navbar-brand-padding-y);
    padding-bottom: var(--tblr-navbar-brand-padding-y);
    margin-right:   var(--tblr-navbar-brand-margin-end);
    font-size:      var(--tblr-navbar-brand-font-size);
    color:          var(--tblr-navbar-brand-color);
    white-space:    nowrap
}

.navbar-brand:focus, .navbar-brand:hover {
    color:           var(--tblr-navbar-brand-hover-color);
    text-decoration: none
}

.navbar-nav {
    --tblr-nav-link-padding-x:      0;
    --tblr-nav-link-padding-y:      0.5rem;
    --tblr-nav-link-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:    .5rem;
    padding-bottom: .5rem;
    color:          var(--tblr-navbar-color)
}

.navbar-text a, .navbar-text a:focus, .navbar-text a:hover {
    color: var(--tblr-navbar-active-color)
}

.navbar-collapse {
    flex-grow:   1;
    flex-basis:  100%;
    align-items: center
}

.navbar-toggler {
    padding:          var(--tblr-navbar-toggler-padding-y) var(--tblr-navbar-toggler-padding-x);
    font-size:        var(--tblr-navbar-toggler-font-size);
    line-height:      1;
    color:            var(--tblr-navbar-color);
    background-color: transparent;
    border:           var(--tblr-border-width) solid var(--tblr-navbar-toggler-border-color);
    border-radius:    var(--tblr-navbar-toggler-border-radius);
    transition:       var(--tblr-navbar-toggler-transition)
}

@media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline:         0;
    box-shadow:      0 0 0 var(--tblr-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
    display:             inline-block;
    width:               1.5em;
    height:              1.5em;
    vertical-align:      middle;
    background-image:    var(--tblr-navbar-toggler-icon-bg);
    background-repeat:   no-repeat;
    background-position: center;
    background-size:     100%
}

.navbar-nav-scroll {
    max-height: var(--tblr-scroll-height, 75vh);
    overflow-y: auto
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap:       nowrap;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: var(--tblr-navbar-nav-link-padding-x);
        padding-left:  var(--tblr-navbar-nav-link-padding-x)
    }

    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-sm .navbar-collapse {
        display:    flex !important;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }

    .navbar-expand-sm .offcanvas {
        position:         static;
        z-index:          auto;
        flex-grow:        1;
        width:            auto !important;
        height:           auto !important;
        visibility:       visible !important;
        background-color: transparent !important;
        border:           0 !important;
        transform:        none !important;
        box-shadow:       none;
        transition:       none
    }

    .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-sm .offcanvas .offcanvas-body {
        display:    flex;
        flex-grow:  0;
        padding:    0;
        overflow-y: visible
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-wrap:       nowrap;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: var(--tblr-navbar-nav-link-padding-x);
        padding-left:  var(--tblr-navbar-nav-link-padding-x)
    }

    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-md .navbar-collapse {
        display:    flex !important;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }

    .navbar-expand-md .offcanvas {
        position:         static;
        z-index:          auto;
        flex-grow:        1;
        width:            auto !important;
        height:           auto !important;
        visibility:       visible !important;
        background-color: transparent !important;
        border:           0 !important;
        transform:        none !important;
        box-shadow:       none;
        transition:       none
    }

    .navbar-expand-md .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-md .offcanvas .offcanvas-body {
        display:    flex;
        flex-grow:  0;
        padding:    0;
        overflow-y: visible
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap:       nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: var(--tblr-navbar-nav-link-padding-x);
        padding-left:  var(--tblr-navbar-nav-link-padding-x)
    }

    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-lg .navbar-collapse {
        display:    flex !important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }

    .navbar-expand-lg .offcanvas {
        position:         static;
        z-index:          auto;
        flex-grow:        1;
        width:            auto !important;
        height:           auto !important;
        visibility:       visible !important;
        background-color: transparent !important;
        border:           0 !important;
        transform:        none !important;
        box-shadow:       none;
        transition:       none
    }

    .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-lg .offcanvas .offcanvas-body {
        display:    flex;
        flex-grow:  0;
        padding:    0;
        overflow-y: visible
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap:       nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: var(--tblr-navbar-nav-link-padding-x);
        padding-left:  var(--tblr-navbar-nav-link-padding-x)
    }

    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xl .navbar-collapse {
        display:    flex !important;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }

    .navbar-expand-xl .offcanvas {
        position:         static;
        z-index:          auto;
        flex-grow:        1;
        width:            auto !important;
        height:           auto !important;
        visibility:       visible !important;
        background-color: transparent !important;
        border:           0 !important;
        transform:        none !important;
        box-shadow:       none;
        transition:       none
    }

    .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xl .offcanvas .offcanvas-body {
        display:    flex;
        flex-grow:  0;
        padding:    0;
        overflow-y: visible
    }
}

@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap:       nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: var(--tblr-navbar-nav-link-padding-x);
        padding-left:  var(--tblr-navbar-nav-link-padding-x)
    }

    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xxl .navbar-collapse {
        display:    flex !important;
        flex-basis: auto
    }

    .navbar-expand-xxl .navbar-toggler {
        display: none
    }

    .navbar-expand-xxl .offcanvas {
        position:         static;
        z-index:          auto;
        flex-grow:        1;
        width:            auto !important;
        height:           auto !important;
        visibility:       visible !important;
        background-color: transparent !important;
        border:           0 !important;
        transform:        none !important;
        box-shadow:       none;
        transition:       none
    }

    .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xxl .offcanvas .offcanvas-body {
        display:    flex;
        flex-grow:  0;
        padding:    0;
        overflow-y: visible
    }
}

.navbar-expand {
    flex-wrap:       nowrap;
    justify-content: flex-start
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: var(--tblr-navbar-nav-link-padding-x);
    padding-left:  var(--tblr-navbar-nav-link-padding-x)
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display:    flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-expand .offcanvas {
    position:         static;
    z-index:          auto;
    flex-grow:        1;
    width:            auto !important;
    height:           auto !important;
    visibility:       visible !important;
    background-color: transparent !important;
    border:           0 !important;
    transform:        none !important;
    box-shadow:       none;
    transition:       none
}

.navbar-expand .offcanvas .offcanvas-header {
    display: none
}

.navbar-expand .offcanvas .offcanvas-body {
    display:    flex;
    flex-grow:  0;
    padding:    0;
    overflow-y: visible
}

.navbar-dark, .navbar[data-bs-theme=dark], body[data-bs-theme=dark] .navbar[data-bs-theme=light] {
    --tblr-navbar-color:                rgba(255, 255, 255, 0.7);
    --tblr-navbar-hover-color:          rgba(255, 255, 255, 0.75);
    --tblr-navbar-disabled-color:       var(--tblr-disabled-color);
    --tblr-navbar-active-color:         #ffffff;
    --tblr-navbar-brand-color:          #ffffff;
    --tblr-navbar-brand-hover-color:    #ffffff;
    --tblr-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --tblr-navbar-toggler-icon-bg:      url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

[data-bs-theme=dark] .navbar-toggler-icon, body[data-bs-theme=dark] [data-bs-theme=light] .navbar-toggler-icon {
    --tblr-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.card {
    --tblr-card-spacer-y:            1rem;
    --tblr-card-spacer-x:            1.25rem;
    --tblr-card-title-spacer-y:      1.25rem;
    --tblr-card-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-lg);
    --tblr-card-box-shadow:          var(--tblr-shadow-card);
    --tblr-card-inner-border-radius: calc(var(--tblr-border-radius-lg) - (var(--tblr-border-width)));
    --tblr-card-cap-padding-y:       1rem;
    --tblr-card-cap-padding-x:       1.25rem;
    --tblr-card-cap-bg:              var(--tblr-bg-surface-tertiary);
    --tblr-card-cap-color:           inherit;
    --tblr-card-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(-.5 * var(--tblr-card-title-spacer-y));
    margin-bottom: 0;
    color:         var(--tblr-card-subtitle-color)
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: var(--tblr-card-spacer-x)
}

.card-header {
    padding:          var(--tblr-card-cap-padding-y) var(--tblr-card-cap-padding-x);
    margin-bottom:    0;
    color:            var(--tblr-card-cap-color);
    background-color: var(--tblr-card-cap-bg);
    border-bottom:    var(--tblr-card-border-width) solid var(--tblr-card-border-color)
}

.card-header:first-child {
    border-radius: var(--tblr-card-inner-border-radius) var(--tblr-card-inner-border-radius) 0 0
}

.card-footer {
    padding:          var(--tblr-card-cap-padding-y) var(--tblr-card-cap-padding-x);
    color:            var(--tblr-card-cap-color);
    background-color: var(--tblr-card-cap-bg);
    border-top:       var(--tblr-card-border-width) solid var(--tblr-card-border-color)
}

.card-footer:last-child {
    border-radius: 0 0 var(--tblr-card-inner-border-radius) var(--tblr-card-inner-border-radius)
}

.card-header-tabs {
    margin-right:  calc(-.5 * var(--tblr-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--tblr-card-cap-padding-y));
    margin-left:   calc(-.5 * var(--tblr-card-cap-padding-x));
    border-bottom: 0
}

.card-header-tabs .nav-link.active {
    background-color:    var(--tblr-card-bg);
    border-bottom-color: var(--tblr-card-bg)
}

.card-header-pills {
    margin-right: calc(-.5 * var(--tblr-card-cap-padding-x));
    margin-left:  calc(-.5 * var(--tblr-card-cap-padding-x))
}

.card-img-overlay {
    position:      absolute;
    top:           0;
    right:         0;
    bottom:        0;
    left:          0;
    padding:       var(--tblr-card-img-overlay-padding);
    border-radius: var(--tblr-card-inner-border-radius)
}

.card-img, .card-img-bottom, .card-img-top {
    width: 100%
}

.card-img, .card-img-top {
    border-top-left-radius:  var(--tblr-card-inner-border-radius);
    border-top-right-radius: var(--tblr-card-inner-border-radius)
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: var(--tblr-card-inner-border-radius);
    border-bottom-left-radius:  var(--tblr-card-inner-border-radius)
}

.card-group > .card {
    margin-bottom: var(--tblr-card-group-margin)
}

@media (min-width: 576px) {
    .card-group {
        display:   flex;
        flex-flow: row wrap
    }

    .card-group > .card {
        flex:          1 0 0;
        margin-bottom: 0
    }

    .card-group > .card + .card {
        margin-left: 0;
        border-left: 0
    }

    .card-group > .card:not(:last-child) {
        border-top-right-radius:    0;
        border-bottom-right-radius: 0
    }

    .card-group > .card:not(:last-child) > .card-header, .card-group > .card:not(:last-child) > .card-img-top {
        border-top-right-radius: 0
    }

    .card-group > .card:not(:last-child) > .card-footer, .card-group > .card:not(:last-child) > .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group > .card:not(:first-child) {
        border-top-left-radius:    0;
        border-bottom-left-radius: 0
    }

    .card-group > .card:not(:first-child) > .card-header, .card-group > .card:not(:first-child) > .card-img-top {
        border-top-left-radius: 0
    }

    .card-group > .card:not(:first-child) > .card-footer, .card-group > .card:not(:first-child) > .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.pagination {
    --tblr-pagination-padding-x:             0.25rem;
    --tblr-pagination-padding-y:             calc(0.25rem + 1px);
    --tblr-pagination-font-size:             0.875rem;
    --tblr-pagination-color:                 var(--tblr-body-color);
    --tblr-pagination-bg:                    transparent;
    --tblr-pagination-border-width:          1px;
    --tblr-pagination-border-color:          transparent;
    --tblr-pagination-border-radius:         var(--tblr-border-radius);
    --tblr-pagination-hover-color:           var(--tblr-link-hover-color);
    --tblr-pagination-hover-bg:              var(--tblr-active-bg);
    --tblr-pagination-hover-border-color:    var(--tblr-pagination-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-pagination-border-color);
    display:                                 flex;
    padding-left:                            0;
    list-style:                              none
}

.page-link {
    position:         relative;
    display:          block;
    padding:          var(--tblr-pagination-padding-y) var(--tblr-pagination-padding-x);
    font-size:        var(--tblr-pagination-font-size);
    color:            var(--tblr-pagination-color);
    background-color: var(--tblr-pagination-bg);
    border:           var(--tblr-pagination-border-width) solid var(--tblr-pagination-border-color);
    transition:       color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index:          2;
    color:            var(--tblr-pagination-hover-color);
    text-decoration:  none;
    background-color: var(--tblr-pagination-hover-bg);
    border-color:     var(--tblr-pagination-hover-border-color)
}

.page-link:focus {
    z-index:          3;
    color:            var(--tblr-pagination-focus-color);
    background-color: var(--tblr-pagination-focus-bg);
    outline:          0;
    box-shadow:       var(--tblr-pagination-focus-box-shadow)
}

.active > .page-link, .page-link.active {
    z-index:          3;
    color:            var(--tblr-pagination-active-color);
    background-color: var(--tblr-pagination-active-bg);
    border-color:     var(--tblr-pagination-active-border-color)
}

.disabled > .page-link, .page-link.disabled {
    color:            var(--tblr-pagination-disabled-color);
    pointer-events:   none;
    background-color: var(--tblr-pagination-disabled-bg);
    border-color:     var(--tblr-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
    margin-left: calc(-1 * 1px)
}

.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)
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: var(--tblr-progress-height)
    }
}

.progress, .progress-stacked {
    --tblr-progress-height:         0.5rem;
    --tblr-progress-font-size:      0.65625rem;
    --tblr-progress-bg:             var(--tblr-border-color);
    --tblr-progress-border-radius:  var(--tblr-border-radius);
    --tblr-progress-box-shadow:     var(--tblr-box-shadow-inset);
    --tblr-progress-bar-color:      #ffffff;
    --tblr-progress-bar-bg:         var(--tblr-primary);
    --tblr-progress-bar-transition: width 0.6s ease;
    display:                        flex;
    height:                         var(--tblr-progress-height);
    overflow:                       hidden;
    font-size:                      var(--tblr-progress-font-size);
    background-color:               var(--tblr-progress-bg);
    border-radius:                  var(--tblr-progress-border-radius);
    box-shadow:                     var(--tblr-progress-box-shadow)
}

.progress-bar {
    display:          flex;
    flex-direction:   column;
    justify-content:  center;
    overflow:         hidden;
    color:            var(--tblr-progress-bar-color);
    text-align:       center;
    white-space:      nowrap;
    background-color: var(--tblr-progress-bar-bg);
    transition:       var(--tblr-progress-bar-transition)
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size:  var(--tblr-progress-height) var(--tblr-progress-height)
}

.progress-stacked > .progress {
    overflow: visible
}

.progress-stacked > .progress > .progress-bar {
    width: 100%
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.list-group {
    --tblr-list-group-color:               var(--tblr-body-color);
    --tblr-list-group-bg:                  inherit;
    --tblr-list-group-border-color:        var(--tblr-border-color);
    --tblr-list-group-border-width:        var(--tblr-border-width);
    --tblr-list-group-border-radius:       var(--tblr-border-radius);
    --tblr-list-group-item-padding-x:      1.25rem;
    --tblr-list-group-item-padding-y:      1rem;
    --tblr-list-group-action-color:        inherit;
    --tblr-list-group-action-hover-color:  var(--tblr-emphasis-color);
    --tblr-list-group-action-hover-bg:     rgba(var(--tblr-secondary-rgb), 0.08);
    --tblr-list-group-action-active-color: var(--tblr-body-color);
    --tblr-list-group-action-active-bg:    var(--tblr-secondary-bg);
    --tblr-list-group-disabled-color:      var(--tblr-secondary-color);
    --tblr-list-group-disabled-bg:         inherit;
    --tblr-list-group-active-color:        inherit;
    --tblr-list-group-active-bg:           var(--tblr-active-bg);
    --tblr-list-group-active-border-color: var(--tblr-border-color);
    display:                               flex;
    flex-direction:                        column;
    padding-left:                          0;
    margin-bottom:                         0;
    border-radius:                         var(--tblr-list-group-border-radius)
}

.list-group-numbered {
    list-style-type: none;
    counter-reset:   section
}

.list-group-numbered > .list-group-item::before {
    content:           counters(section, ".") ". ";
    counter-increment: section
}

.list-group-item {
    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-item-action {
    width:      100%;
    color:      var(--tblr-list-group-action-color);
    text-align: inherit
}

.list-group-item-action:not(.active):focus, .list-group-item-action:not(.active):hover {
    z-index:          1;
    color:            var(--tblr-list-group-action-hover-color);
    text-decoration:  none;
    background-color: var(--tblr-list-group-action-hover-bg)
}

.list-group-item-action:not(.active):active {
    color:            var(--tblr-list-group-action-active-color);
    background-color: var(--tblr-list-group-action-active-bg)
}

.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)
}

.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:                  var(--tblr-bg-surface);
    --tblr-toast-border-width:        var(--tblr-border-width);
    --tblr-toast-border-color:        var(--tblr-border-color);
    --tblr-toast-border-radius:       var(--tblr-border-radius);
    --tblr-toast-box-shadow:          var(--tblr-box-shadow);
    --tblr-toast-header-color:        var(--tblr-gray-500);
    --tblr-toast-header-bg:           rgba(var(--tblr-body-bg-rgb), 0.85);
    --tblr-toast-header-border-color: var(--tblr-border-color);
    width:                            var(--tblr-toast-max-width);
    max-width:                        100%;
    font-size:                        var(--tblr-toast-font-size);
    color:                            var(--tblr-toast-color);
    pointer-events:                   auto;
    background-color:                 var(--tblr-toast-bg);
    background-clip:                  padding-box;
    border:                           var(--tblr-toast-border-width) solid var(--tblr-toast-border-color);
    box-shadow:                       var(--tblr-toast-box-shadow);
    border-radius:                    var(--tblr-toast-border-radius)
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    --tblr-toast-zindex: 1090;
    position:            absolute;
    z-index:             var(--tblr-toast-zindex);
    width:               -moz-max-content;
    width:               max-content;
    max-width:           100%;
    pointer-events:      none
}

.toast-container > :not(:last-child) {
    margin-bottom: var(--tblr-toast-spacing)
}

.toast-header {
    display:                 flex;
    align-items:             center;
    padding:                 var(--tblr-toast-padding-y) var(--tblr-toast-padding-x);
    color:                   var(--tblr-toast-header-color);
    background-color:        var(--tblr-toast-header-bg);
    background-clip:         padding-box;
    border-bottom:           var(--tblr-toast-border-width) solid var(--tblr-toast-header-border-color);
    border-top-left-radius:  calc(var(--tblr-toast-border-radius) - var(--tblr-toast-border-width));
    border-top-right-radius: calc(var(--tblr-toast-border-radius) - var(--tblr-toast-border-width))
}

.toast-header .btn-close {
    margin-right: calc(-.5 * var(--tblr-toast-padding-x));
    margin-left:  var(--tblr-toast-padding-x)
}

.toast-body {
    padding:   var(--tblr-toast-padding-x);
    word-wrap: break-word
}

.modal {
    --tblr-modal-zindex:              1055;
    --tblr-modal-width:               540px;
    --tblr-modal-padding:             1.5rem;
    --tblr-modal-margin:              0.5rem;
    --tblr-modal-color:               var(--tblr-body-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:          var(--tblr-box-shadow-sm);
    --tblr-modal-inner-border-radius: calc(var(--tblr-modal-border-radius) - 1px);
    --tblr-modal-header-padding-x:    1.5rem;
    --tblr-modal-header-padding-y:    1.5rem;
    --tblr-modal-header-padding:      1.5rem;
    --tblr-modal-header-border-color: var(--tblr-border-color);
    --tblr-modal-header-border-width: var(--tblr-border-width);
    --tblr-modal-title-line-height:   1.4285714286;
    --tblr-modal-footer-gap:          0.75rem;
    --tblr-modal-footer-bg:           var(--tblr-bg-surface-tertiary);
    --tblr-modal-footer-border-color: var(--tblr-border-color);
    --tblr-modal-footer-border-width: var(--tblr-border-width);
    position:                         fixed;
    top:                              0;
    left:                             0;
    z-index:                          var(--tblr-modal-zindex);
    display:                          none;
    width:                            100%;
    height:                           100%;
    overflow-x:                       hidden;
    overflow-y:                       auto;
    outline:                          0
}

.modal-dialog {
    position:       relative;
    width:          auto;
    margin:         var(--tblr-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transform:  translate(0, -1rem);
    transition: transform .3s ease-out
}

@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:      var(--tblr-gray-800);
    --tblr-backdrop-opacity: 0.24;
    position:                fixed;
    top:                     0;
    left:                    0;
    z-index:                 var(--tblr-backdrop-zindex);
    width:                   100vw;
    height:                  100vh;
    background-color:        var(--tblr-backdrop-bg)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--tblr-backdrop-opacity)
}

.modal-header {
    display:                 flex;
    flex-shrink:             0;
    align-items:             center;
    padding:                 var(--tblr-modal-header-padding);
    border-bottom:           var(--tblr-modal-header-border-width) solid var(--tblr-modal-header-border-color);
    border-top-left-radius:  var(--tblr-modal-inner-border-radius);
    border-top-right-radius: var(--tblr-modal-inner-border-radius)
}

.modal-header .btn-close {
    padding:       calc(var(--tblr-modal-header-padding-y) * .5) calc(var(--tblr-modal-header-padding-x) * .5);
    margin-top:    calc(-.5 * var(--tblr-modal-header-padding-y));
    margin-right:  calc(-.5 * var(--tblr-modal-header-padding-x));
    margin-bottom: calc(-.5 * var(--tblr-modal-header-padding-y));
    margin-left:   auto
}

.modal-title {
    margin-bottom: 0;
    line-height:   var(--tblr-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex:     1 1 auto;
    padding:  var(--tblr-modal-padding)
}

.modal-footer {
    display:                    flex;
    flex-shrink:                0;
    flex-wrap:                  wrap;
    align-items:                center;
    justify-content:            flex-end;
    padding:                    calc(var(--tblr-modal-padding) - var(--tblr-modal-footer-gap) * .5);
    background-color:           var(--tblr-modal-footer-bg);
    border-top:                 var(--tblr-modal-footer-border-width) solid var(--tblr-modal-footer-border-color);
    border-bottom-right-radius: var(--tblr-modal-inner-border-radius);
    border-bottom-left-radius:  var(--tblr-modal-inner-border-radius)
}

.modal-footer > * {
    margin: calc(var(--tblr-modal-footer-gap) * .5)
}

@media (min-width: 576px) {
    .modal {
        --tblr-modal-margin:     1.75rem;
        --tblr-modal-box-shadow: var(--tblr-box-shadow)
    }

    .modal-dialog {
        max-width:    var(--tblr-modal-width);
        margin-right: auto;
        margin-left:  auto
    }

    .modal-sm {
        --tblr-modal-width: 380px
    }
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        --tblr-modal-width: 720px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        --tblr-modal-width: 1140px
    }
}

.modal-fullscreen {
    width:     100vw;
    max-width: none;
    height:    100%;
    margin:    0
}

.modal-fullscreen .modal-content {
    height:        100%;
    border:        0;
    border-radius: 0
}

.modal-fullscreen .modal-footer, .modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width:     100vw;
        max-width: none;
        height:    100%;
        margin:    0
    }

    .modal-fullscreen-sm-down .modal-content {
        height:        100%;
        border:        0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width:     100vw;
        max-width: none;
        height:    100%;
        margin:    0
    }

    .modal-fullscreen-md-down .modal-content {
        height:        100%;
        border:        0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width:     100vw;
        max-width: none;
        height:    100%;
        margin:    0
    }

    .modal-fullscreen-lg-down .modal-content {
        height:        100%;
        border:        0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width:     100vw;
        max-width: none;
        height:    100%;
        margin:    0
    }

    .modal-fullscreen-xl-down .modal-content {
        height:        100%;
        border:        0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width:     100vw;
        max-width: none;
        height:    100%;
        margin:    0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height:        100%;
        border:        0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}

.tooltip {
    --tblr-tooltip-zindex:        1080;
    --tblr-tooltip-max-width:     200px;
    --tblr-tooltip-padding-x:     var(--tblr-spacer-3);
    --tblr-tooltip-padding-y:     var(--tblr-spacer-1);
    --tblr-tooltip-margin: ;
    --tblr-tooltip-font-size:     0.765625rem;
    --tblr-tooltip-color:         var(--tblr-text-inverted);
    --tblr-tooltip-bg:            var(--tblr-bg-surface-inverted);
    --tblr-tooltip-border-radius: var(--tblr-border-radius);
    --tblr-tooltip-opacity:       0.9;
    --tblr-tooltip-arrow-width:   0.8rem;
    --tblr-tooltip-arrow-height:  0.4rem;
    z-index:                      var(--tblr-tooltip-zindex);
    display:                      block;
    margin:                       var(--tblr-tooltip-margin);
    font-family:                  var(--tblr-font-sans-serif);
    font-style:                   normal;
    font-weight:                  400;
    line-height:                  1.4285714286;
    text-align:                   left;
    text-align:                   start;
    text-decoration:              none;
    text-shadow:                  none;
    text-transform:               none;
    letter-spacing:               normal;
    word-break:                   normal;
    white-space:                  normal;
    word-spacing:                 normal;
    line-break:                   auto;
    font-size:                    var(--tblr-tooltip-font-size);
    word-wrap:                    break-word;
    opacity:                      0
}

.tooltip.show {
    opacity: var(--tblr-tooltip-opacity)
}

.tooltip .tooltip-arrow {
    display: block;
    width:   var(--tblr-tooltip-arrow-width);
    height:  var(--tblr-tooltip-arrow-height)
}

.tooltip .tooltip-arrow::before {
    position:     absolute;
    content:      "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow {
    bottom: calc(-1 * var(--tblr-tooltip-arrow-height))
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
    top:              -1px;
    border-width:     var(--tblr-tooltip-arrow-height) calc(var(--tblr-tooltip-arrow-width) * .5) 0;
    border-top-color: var(--tblr-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow {
    left:   calc(-1 * var(--tblr-tooltip-arrow-height));
    width:  var(--tblr-tooltip-arrow-height);
    height: var(--tblr-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
    right:              -1px;
    border-width:       calc(var(--tblr-tooltip-arrow-width) * .5) var(--tblr-tooltip-arrow-height) calc(var(--tblr-tooltip-arrow-width) * .5) 0;
    border-right-color: var(--tblr-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow {
    top: calc(-1 * var(--tblr-tooltip-arrow-height))
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {
    bottom:              -1px;
    border-width:        0 calc(var(--tblr-tooltip-arrow-width) * .5) var(--tblr-tooltip-arrow-height);
    border-bottom-color: var(--tblr-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow {
    right:  calc(-1 * var(--tblr-tooltip-arrow-height));
    width:  var(--tblr-tooltip-arrow-height);
    height: var(--tblr-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
    left:              -1px;
    border-width:      calc(var(--tblr-tooltip-arrow-width) * .5) 0 calc(var(--tblr-tooltip-arrow-width) * .5) var(--tblr-tooltip-arrow-height);
    border-left-color: var(--tblr-tooltip-bg)
}

.tooltip-inner {
    max-width:        var(--tblr-tooltip-max-width);
    padding:          var(--tblr-tooltip-padding-y) var(--tblr-tooltip-padding-x);
    color:            var(--tblr-tooltip-color);
    text-align:       center;
    background-color: var(--tblr-tooltip-bg);
    border-radius:    var(--tblr-tooltip-border-radius)
}

.popover {
    --tblr-popover-zindex:              1070;
    --tblr-popover-max-width:           276px;
    --tblr-popover-font-size:           0.765625rem;
    --tblr-popover-bg:                  var(--tblr-bg-surface);
    --tblr-popover-border-width:        var(--tblr-border-width);
    --tblr-popover-border-color:        var(--tblr-border-color);
    --tblr-popover-border-radius:       var(--tblr-border-radius-lg);
    --tblr-popover-inner-border-radius: calc(var(--tblr-border-radius-lg) - var(--tblr-border-width));
    --tblr-popover-box-shadow:          var(--tblr-shadow-lg);
    --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:      0.5rem;
    --tblr-popover-body-padding-y:      0.5rem;
    --tblr-popover-body-color:          inherit;
    --tblr-popover-arrow-width:         1rem;
    --tblr-popover-arrow-height:        0.5rem;
    --tblr-popover-arrow-border:        var(--tblr-popover-border-color);
    z-index:                            var(--tblr-popover-zindex);
    display:                            block;
    max-width:                          var(--tblr-popover-max-width);
    font-family:                        var(--tblr-font-sans-serif);
    font-style:                         normal;
    font-weight:                        400;
    line-height:                        1.4285714286;
    text-align:                         left;
    text-align:                         start;
    text-decoration:                    none;
    text-shadow:                        none;
    text-transform:                     none;
    letter-spacing:                     normal;
    word-break:                         normal;
    white-space:                        normal;
    word-spacing:                       normal;
    line-break:                         auto;
    font-size:                          var(--tblr-popover-font-size);
    word-wrap:                          break-word;
    background-color:                   var(--tblr-popover-bg);
    background-clip:                    padding-box;
    border:                             var(--tblr-popover-border-width) solid var(--tblr-popover-border-color);
    border-radius:                      var(--tblr-popover-border-radius);
    box-shadow:                         var(--tblr-popover-box-shadow)
}

.popover .popover-arrow {
    display: block;
    width:   var(--tblr-popover-arrow-width);
    height:  var(--tblr-popover-arrow-height)
}

.popover .popover-arrow::after, .popover .popover-arrow::before {
    position:     absolute;
    display:      block;
    content:      "";
    border-color: transparent;
    border-style: solid;
    border-width: 0
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow {
    bottom: calc(-1 * (var(--tblr-popover-arrow-height)) - var(--tblr-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-top > .popover-arrow::before {
    border-width: var(--tblr-popover-arrow-height) calc(var(--tblr-popover-arrow-width) * .5) 0
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before {
    bottom:           0;
    border-top-color: var(--tblr-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after {
    bottom:           var(--tblr-popover-border-width);
    border-top-color: var(--tblr-popover-bg)
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow {
    left:   calc(-1 * (var(--tblr-popover-arrow-height)) - var(--tblr-popover-border-width));
    width:  var(--tblr-popover-arrow-height);
    height: var(--tblr-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-end > .popover-arrow::before {
    border-width: calc(var(--tblr-popover-arrow-width) * .5) var(--tblr-popover-arrow-height) calc(var(--tblr-popover-arrow-width) * .5) 0
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before {
    left:               0;
    border-right-color: var(--tblr-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after {
    left:               var(--tblr-popover-border-width);
    border-right-color: var(--tblr-popover-bg)
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow {
    top: calc(-1 * (var(--tblr-popover-arrow-height)) - var(--tblr-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::before {
    border-width: 0 calc(var(--tblr-popover-arrow-width) * .5) var(--tblr-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before {
    top:                 0;
    border-bottom-color: var(--tblr-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after {
    top:                 var(--tblr-popover-border-width);
    border-bottom-color: var(--tblr-popover-bg)
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
    position:      absolute;
    top:           0;
    left:          50%;
    display:       block;
    width:         var(--tblr-popover-arrow-width);
    margin-left:   calc(-.5 * var(--tblr-popover-arrow-width));
    content:       "";
    border-bottom: var(--tblr-popover-border-width) solid var(--tblr-popover-header-bg)
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow {
    right:  calc(-1 * (var(--tblr-popover-arrow-height)) - var(--tblr-popover-border-width));
    width:  var(--tblr-popover-arrow-height);
    height: var(--tblr-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-start > .popover-arrow::before {
    border-width: calc(var(--tblr-popover-arrow-width) * .5) 0 calc(var(--tblr-popover-arrow-width) * .5) var(--tblr-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before {
    right:             0;
    border-left-color: var(--tblr-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after {
    right:             var(--tblr-popover-border-width);
    border-left-color: var(--tblr-popover-bg)
}

.popover-header {
    padding:                 var(--tblr-popover-header-padding-y) var(--tblr-popover-header-padding-x);
    margin-bottom:           0;
    font-size:               var(--tblr-popover-header-font-size);
    color:                   var(--tblr-popover-header-color);
    background-color:        var(--tblr-popover-header-bg);
    border-bottom:           var(--tblr-popover-border-width) solid var(--tblr-popover-border-color);
    border-top-left-radius:  var(--tblr-popover-inner-border-radius);
    border-top-right-radius: var(--tblr-popover-inner-border-radius)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: var(--tblr-popover-body-padding-y) var(--tblr-popover-body-padding-x);
    color:   var(--tblr-popover-body-color)
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width:    100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear:   both;
    content: ""
}

.carousel-item {
    position:            relative;
    display:             none;
    float:               left;
    width:               100%;
    margin-right:        -100%;
    backface-visibility: hidden;
    transition:          transform .6s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: block
}

.active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(100%)
}

.active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity:             0;
    transition-property: opacity;
    transform:           none
}

.carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
    z-index:    0;
    opacity:    0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
        transition: none
    }
}

.carousel-control-next, .carousel-control-prev {
    position:        absolute;
    top:             0;
    bottom:          0;
    z-index:         1;
    display:         flex;
    align-items:     center;
    justify-content: center;
    width:           15%;
    padding:         0;
    color:           #fff;
    text-align:      center;
    background:      0 0;
    filter:          var(--tblr-carousel-control-icon-filter);
    border:          0;
    opacity:         .5;
    transition:      opacity .15s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-next, .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color:           #fff;
    text-decoration: none;
    outline:         0;
    opacity:         .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display:             inline-block;
    width:               1.5rem;
    height:              1.5rem;
    background-repeat:   no-repeat;
    background-position: 50%;
    background-size:     100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='15 18 9 12 15 6'%3e%3c/polyline%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='9 18 15 12 9 6'%3e%3c/polyline%3e%3c/svg%3e")
}

.carousel-indicators {
    position:        absolute;
    right:           0;
    bottom:          0;
    left:            0;
    z-index:         2;
    display:         flex;
    justify-content: center;
    padding:         0;
    margin-right:    15%;
    margin-bottom:   1rem;
    margin-left:     15%
}

.carousel-indicators [data-bs-target] {
    box-sizing:       content-box;
    flex:             0 1 auto;
    width:            30px;
    height:           3px;
    padding:          0;
    margin-right:     3px;
    margin-left:      3px;
    text-indent:      -999px;
    cursor:           pointer;
    background-color: var(--tblr-carousel-indicator-active-bg);
    background-clip:  padding-box;
    border:           0;
    border-top:       10px solid transparent;
    border-bottom:    10px solid transparent;
    opacity:          .5;
    transition:       opacity .6s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position:       absolute;
    right:          15%;
    bottom:         1.25rem;
    left:           15%;
    padding-top:    1.25rem;
    padding-bottom: 1.25rem;
    color:          var(--tblr-carousel-caption-color);
    text-align:     center
}

.carousel-dark {
    --tblr-carousel-indicator-active-bg: #000000;
    --tblr-carousel-caption-color:       #000000;
    --tblr-carousel-control-icon-filter: invert(1) grayscale(100)
}

:root, [data-bs-theme=light] {
    --tblr-carousel-indicator-active-bg: #ffffff;
    --tblr-carousel-caption-color:       #ffffff;
    --tblr-carousel-control-icon-filter:
}

[data-bs-theme=dark], body[data-bs-theme=dark] [data-bs-theme=light] {
    --tblr-carousel-indicator-active-bg: #000000;
    --tblr-carousel-caption-color:       #000000;
    --tblr-carousel-control-icon-filter: invert(1) grayscale(100)
}

.spinner-border, .spinner-grow {
    display:        inline-block;
    width:          var(--tblr-spinner-width);
    height:         var(--tblr-spinner-height);
    vertical-align: var(--tblr-spinner-vertical-align);
    border-radius:  50%;
    animation:      var(--tblr-spinner-animation-speed) linear infinite var(--tblr-spinner-animation-name)
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    --tblr-spinner-width:           1.5rem;
    --tblr-spinner-height:          1.5rem;
    --tblr-spinner-vertical-align:  -0.125em;
    --tblr-spinner-border-width:    2px;
    --tblr-spinner-animation-speed: 0.75s;
    --tblr-spinner-animation-name:  spinner-border;
    border:                         var(--tblr-spinner-border-width) solid currentcolor;
    border-right-color:             transparent
}

.spinner-border-sm {
    --tblr-spinner-width:        1rem;
    --tblr-spinner-height:       1rem;
    --tblr-spinner-border-width: 1px
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity:   1;
        transform: none
    }
}

.spinner-grow {
    --tblr-spinner-width:           1.5rem;
    --tblr-spinner-height:          1.5rem;
    --tblr-spinner-vertical-align:  -0.125em;
    --tblr-spinner-animation-speed: 0.75s;
    --tblr-spinner-animation-name:  spinner-grow;
    background-color:               currentcolor;
    opacity:                        0
}

.spinner-grow-sm {
    --tblr-spinner-width:  1rem;
    --tblr-spinner-height: 1rem
}

@media (prefers-reduced-motion: reduce) {
    .spinner-border, .spinner-grow {
        --tblr-spinner-animation-speed: 1.5s
    }
}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    --tblr-offcanvas-zindex:            1045;
    --tblr-offcanvas-width:             400px;
    --tblr-offcanvas-height:            30vh;
    --tblr-offcanvas-padding-x:         1.5rem;
    --tblr-offcanvas-padding-y:         1.5rem;
    --tblr-offcanvas-color:             var(--tblr-body-color);
    --tblr-offcanvas-bg:                var(--tblr-bg-surface);
    --tblr-offcanvas-border-width:      var(--tblr-border-width);
    --tblr-offcanvas-border-color:      var(--tblr-border-color);
    --tblr-offcanvas-box-shadow:        var(--tblr-box-shadow-sm);
    --tblr-offcanvas-transition:        transform 0.3s ease-in-out;
    --tblr-offcanvas-title-line-height: 1.4285714286
}

@media (max-width: 575.98px) {
    .offcanvas-sm {
        position:         fixed;
        bottom:           0;
        z-index:          var(--tblr-offcanvas-zindex);
        display:          flex;
        flex-direction:   column;
        max-width:        100%;
        color:            var(--tblr-offcanvas-color);
        visibility:       hidden;
        background-color: var(--tblr-offcanvas-bg);
        background-clip:  padding-box;
        outline:          0;
        box-shadow:       var(--tblr-offcanvas-box-shadow);
        transition:       var(--tblr-offcanvas-transition)
    }
}

@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-sm {
        transition: none
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-start {
        top:          0;
        left:         0;
        width:        var(--tblr-offcanvas-width);
        border-right: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
        transform:    translateX(-100%)
    }

    .offcanvas-sm.offcanvas-end {
        top:         0;
        right:       0;
        width:       var(--tblr-offcanvas-width);
        border-left: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
        transform:   translateX(100%)
    }

    .offcanvas-sm.offcanvas-top {
        top:           0;
        right:         0;
        left:          0;
        height:        var(--tblr-offcanvas-height);
        max-height:    100%;
        border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
        transform:     translateY(-100%)
    }

    .offcanvas-sm.offcanvas-bottom {
        right:      0;
        left:       0;
        height:     var(--tblr-offcanvas-height);
        max-height: 100%;
        border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
        transform:  translateY(100%)
    }

    .offcanvas-sm.show:not(.hiding), .offcanvas-sm.showing {
        transform: none
    }

    .offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing {
        visibility: visible
    }
}

@media (min-width: 576px) {
    .offcanvas-sm {
        --tblr-offcanvas-height:       auto;
        --tblr-offcanvas-border-width: 0;
        background-color:              transparent !important
    }

    .offcanvas-sm .offcanvas-header {
        display: none
    }

    .offcanvas-sm .offcanvas-body {
        display:          flex;
        flex-grow:        0;
        padding:          0;
        overflow-y:       visible;
        background-color: transparent !important
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md {
        position:         fixed;
        bottom:           0;
        z-index:          var(--tblr-offcanvas-zindex);
        display:          flex;
        flex-direction:   column;
        max-width:        100%;
        color:            var(--tblr-offcanvas-color);
        visibility:       hidden;
        background-color: var(--tblr-offcanvas-bg);
        background-clip:  padding-box;
        outline:          0;
        box-shadow:       var(--tblr-offcanvas-box-shadow);
        transition:       var(--tblr-offcanvas-transition)
    }
}

@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-md {
        transition: none
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-start {
        top:          0;
        left:         0;
        width:        var(--tblr-offcanvas-width);
        border-right: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
        transform:    translateX(-100%)
    }

    .offcanvas-md.offcanvas-end {
        top:         0;
        right:       0;
        width:       var(--tblr-offcanvas-width);
        border-left: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
        transform:   translateX(100%)
    }

    .offcanvas-md.offcanvas-top {
        top:           0;
        right:         0;
        left:          0;
        height:        var(--tblr-offcanvas-height);
        max-height:    100%;
        border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
        transform:     translateY(-100%)
    }

    .offcanvas-md.offcanvas-bottom {
        right:      0;
        left:       0;
        height:     var(--tblr-offcanvas-height);
        max-height: 100%;
        border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
        transform:  translateY(100%)
    }

    .offcanvas-md.show:not(.hiding), .offcanvas-md.showing {
        transform: none
    }

    .offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing {
        visibility: visible
    }
}

@media (min-width: 768px) {
    .offcanvas-md {
        --tblr-offcanvas-height:       auto;
        --tblr-offcanvas-border-width: 0;
        background-color:              transparent !important
    }

    .offcanvas-md .offcanvas-header {
        display: none
    }

    .offcanvas-md .offcanvas-body {
        display:          flex;
        flex-grow:        0;
        padding:          0;
        overflow-y:       visible;
        background-color: transparent !important
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg {
        position:         fixed;
        bottom:           0;
        z-index:          var(--tblr-offcanvas-zindex);
        display:          flex;
        flex-direction:   column;
        max-width:        100%;
        color:            var(--tblr-offcanvas-color);
        visibility:       hidden;
        background-color: var(--tblr-offcanvas-bg);
        background-clip:  padding-box;
        outline:          0;
        box-shadow:       var(--tblr-offcanvas-box-shadow);
        transition:       var(--tblr-offcanvas-transition)
    }
}

@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-lg {
        transition: none
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-start {
        top:          0;
        left:         0;
        width:        var(--tblr-offcanvas-width);
        border-right: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
        transform:    translateX(-100%)
    }

    .offcanvas-lg.offcanvas-end {
        top:         0;
        right:       0;
        width:       var(--tblr-offcanvas-width);
        border-left: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
        transform:   translateX(100%)
    }

    .offcanvas-lg.offcanvas-top {
        top:           0;
        right:         0;
        left:          0;
        height:        var(--tblr-offcanvas-height);
        max-height:    100%;
        border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
        transform:     translateY(-100%)
    }

    .offcanvas-lg.offcanvas-bottom {
        right:      0;
        left:       0;
        height:     var(--tblr-offcanvas-height);
        max-height: 100%;
        border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
        transform:  translateY(100%)
    }

    .offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing {
        transform: none
    }

    .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing {
        visibility: visible
    }
}

@media (min-width: 992px) {
    .offcanvas-lg {
        --tblr-offcanvas-height:       auto;
        --tblr-offcanvas-border-width: 0;
        background-color:              transparent !important
    }

    .offcanvas-lg .offcanvas-header {
        display: none
    }

    .offcanvas-lg .offcanvas-body {
        display:          flex;
        flex-grow:        0;
        padding:          0;
        overflow-y:       visible;
        background-color: transparent !important
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl {
        position:         fixed;
        bottom:           0;
        z-index:          var(--tblr-offcanvas-zindex);
        display:          flex;
        flex-direction:   column;
        max-width:        100%;
        color:            var(--tblr-offcanvas-color);
        visibility:       hidden;
        background-color: var(--tblr-offcanvas-bg);
        background-clip:  padding-box;
        outline:          0;
        box-shadow:       var(--tblr-offcanvas-box-shadow);
        transition:       var(--tblr-offcanvas-transition)
    }
}

@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-xl {
        transition: none
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-start {
        top:          0;
        left:         0;
        width:        var(--tblr-offcanvas-width);
        border-right: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
        transform:    translateX(-100%)
    }

    .offcanvas-xl.offcanvas-end {
        top:         0;
        right:       0;
        width:       var(--tblr-offcanvas-width);
        border-left: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
        transform:   translateX(100%)
    }

    .offcanvas-xl.offcanvas-top {
        top:           0;
        right:         0;
        left:          0;
        height:        var(--tblr-offcanvas-height);
        max-height:    100%;
        border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
        transform:     translateY(-100%)
    }

    .offcanvas-xl.offcanvas-bottom {
        right:      0;
        left:       0;
        height:     var(--tblr-offcanvas-height);
        max-height: 100%;
        border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
        transform:  translateY(100%)
    }

    .offcanvas-xl.show:not(.hiding), .offcanvas-xl.showing {
        transform: none
    }

    .offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing {
        visibility: visible
    }
}

@media (min-width: 1200px) {
    .offcanvas-xl {
        --tblr-offcanvas-height:       auto;
        --tblr-offcanvas-border-width: 0;
        background-color:              transparent !important
    }

    .offcanvas-xl .offcanvas-header {
        display: none
    }

    .offcanvas-xl .offcanvas-body {
        display:          flex;
        flex-grow:        0;
        padding:          0;
        overflow-y:       visible;
        background-color: transparent !important
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl {
        position:         fixed;
        bottom:           0;
        z-index:          var(--tblr-offcanvas-zindex);
        display:          flex;
        flex-direction:   column;
        max-width:        100%;
        color:            var(--tblr-offcanvas-color);
        visibility:       hidden;
        background-color: var(--tblr-offcanvas-bg);
        background-clip:  padding-box;
        outline:          0;
        box-shadow:       var(--tblr-offcanvas-box-shadow);
        transition:       var(--tblr-offcanvas-transition)
    }
}

@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-xxl {
        transition: none
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-start {
        top:          0;
        left:         0;
        width:        var(--tblr-offcanvas-width);
        border-right: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
        transform:    translateX(-100%)
    }

    .offcanvas-xxl.offcanvas-end {
        top:         0;
        right:       0;
        width:       var(--tblr-offcanvas-width);
        border-left: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
        transform:   translateX(100%)
    }

    .offcanvas-xxl.offcanvas-top {
        top:           0;
        right:         0;
        left:          0;
        height:        var(--tblr-offcanvas-height);
        max-height:    100%;
        border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
        transform:     translateY(-100%)
    }

    .offcanvas-xxl.offcanvas-bottom {
        right:      0;
        left:       0;
        height:     var(--tblr-offcanvas-height);
        max-height: 100%;
        border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
        transform:  translateY(100%)
    }

    .offcanvas-xxl.show:not(.hiding), .offcanvas-xxl.showing {
        transform: none
    }

    .offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing {
        visibility: visible
    }
}

@media (min-width: 1400px) {
    .offcanvas-xxl {
        --tblr-offcanvas-height:       auto;
        --tblr-offcanvas-border-width: 0;
        background-color:              transparent !important
    }

    .offcanvas-xxl .offcanvas-header {
        display: none
    }

    .offcanvas-xxl .offcanvas-body {
        display:          flex;
        flex-grow:        0;
        padding:          0;
        overflow-y:       visible;
        background-color: transparent !important
    }
}

.offcanvas {
    position:         fixed;
    bottom:           0;
    z-index:          var(--tblr-offcanvas-zindex);
    display:          flex;
    flex-direction:   column;
    max-width:        100%;
    color:            var(--tblr-offcanvas-color);
    visibility:       hidden;
    background-color: var(--tblr-offcanvas-bg);
    background-clip:  padding-box;
    outline:          0;
    box-shadow:       var(--tblr-offcanvas-box-shadow);
    transition:       var(--tblr-offcanvas-transition)
}

@media (prefers-reduced-motion: reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas.offcanvas-start {
    top:          0;
    left:         0;
    width:        var(--tblr-offcanvas-width);
    border-right: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
    transform:    translateX(-100%)
}

.offcanvas.offcanvas-end {
    top:         0;
    right:       0;
    width:       var(--tblr-offcanvas-width);
    border-left: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
    transform:   translateX(100%)
}

.offcanvas.offcanvas-top {
    top:           0;
    right:         0;
    left:          0;
    height:        var(--tblr-offcanvas-height);
    max-height:    100%;
    border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
    transform:     translateY(-100%)
}

.offcanvas.offcanvas-bottom {
    right:      0;
    left:       0;
    height:     var(--tblr-offcanvas-height);
    max-height: 100%;
    border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
    transform:  translateY(100%)
}

.offcanvas.show:not(.hiding), .offcanvas.showing {
    transform: none
}

.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
    visibility: visible
}

.offcanvas-backdrop {
    position:         fixed;
    top:              0;
    left:             0;
    z-index:          1040;
    width:            100vw;
    height:           100vh;
    background-color: var(--tblr-gray-800)
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .24
}

.offcanvas-header {
    display:     flex;
    align-items: center;
    padding:     var(--tblr-offcanvas-padding-y) var(--tblr-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
    padding:       calc(var(--tblr-offcanvas-padding-y) * .5) calc(var(--tblr-offcanvas-padding-x) * .5);
    margin-top:    calc(-.5 * var(--tblr-offcanvas-padding-y));
    margin-right:  calc(-.5 * var(--tblr-offcanvas-padding-x));
    margin-bottom: calc(-.5 * var(--tblr-offcanvas-padding-y));
    margin-left:   auto
}

.offcanvas-title {
    margin-bottom: 0;
    line-height:   var(--tblr-offcanvas-title-line-height)
}

.offcanvas-body {
    flex-grow:  1;
    padding:    var(--tblr-offcanvas-padding-y) var(--tblr-offcanvas-padding-x);
    overflow-y: auto
}

.placeholder {
    display:          inline-block;
    min-height:       1em;
    vertical-align:   middle;
    cursor:           wait;
    background-color: currentcolor;
    opacity:          .2
}

.placeholder.btn::before {
    display: inline-block;
    content: ""
}

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
    50% {
        opacity: .1
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg, #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%
    }
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.object-fit-contain {
    -o-object-fit: contain !important;
    object-fit:    contain !important
}

.object-fit-cover {
    -o-object-fit: cover !important;
    object-fit:    cover !important
}

.object-fit-fill {
    -o-object-fit: fill !important;
    object-fit:    fill !important
}

.object-fit-scale {
    -o-object-fit: scale-down !important;
    object-fit:    scale-down !important
}

.object-fit-none {
    -o-object-fit: none !important;
    object-fit:    none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.overflow-x-auto {
    overflow-x: auto !important
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-x-visible {
    overflow-x: visible !important
}

.overflow-x-scroll {
    overflow-x: scroll !important
}

.overflow-y-auto {
    overflow-y: auto !important
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

.overflow-y-visible {
    overflow-y: visible !important
}

.overflow-y-scroll {
    overflow-y: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-inline-grid {
    display: inline-grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: var(--tblr-box-shadow) !important
}

.shadow-sm {
    box-shadow: var(--tblr-box-shadow-sm) !important
}

.shadow-lg {
    box-shadow: var(--tblr-box-shadow-lg) !important
}

.shadow-none {
    box-shadow: none !important
}

.focus-ring-primary {
    --tblr-focus-ring-color: rgba(var(--tblr-primary-rgb), var(--tblr-focus-ring-opacity))
}

.focus-ring-secondary {
    --tblr-focus-ring-color: rgba(var(--tblr-secondary-rgb), var(--tblr-focus-ring-opacity))
}

.focus-ring-success {
    --tblr-focus-ring-color: rgba(var(--tblr-success-rgb), var(--tblr-focus-ring-opacity))
}

.focus-ring-info {
    --tblr-focus-ring-color: rgba(var(--tblr-info-rgb), var(--tblr-focus-ring-opacity))
}

.focus-ring-warning {
    --tblr-focus-ring-color: rgba(var(--tblr-warning-rgb), var(--tblr-focus-ring-opacity))
}

.focus-ring-danger {
    --tblr-focus-ring-color: rgba(var(--tblr-danger-rgb), var(--tblr-focus-ring-opacity))
}

.focus-ring-light {
    --tblr-focus-ring-color: rgba(var(--tblr-light-rgb), var(--tblr-focus-ring-opacity))
}

.focus-ring-dark {
    --tblr-focus-ring-color: rgba(var(--tblr-dark-rgb), var(--tblr-focus-ring-opacity))
}

.focus-ring-muted {
    --tblr-focus-ring-color: rgba(var(--tblr-muted-rgb), var(--tblr-focus-ring-opacity))
}

.focus-ring-blue {
    --tblr-focus-ring-color: rgba(var(--tblr-blue-rgb), var(--tblr-focus-ring-opacity))
}

.focus-ring-azure {
    --tblr-focus-ring-color: rgba(var(--tblr-azure-rgb), var(--tblr-focus-ring-opacity))
}

.focus-ring-indigo {
    --tblr-focus-ring-color: rgba(var(--tblr-indigo-rgb), var(--tblr-focus-ring-opacity))
}

.focus-ring-purple {
    --tblr-focus-ring-color: rgba(var(--tblr-purple-rgb), var(--tblr-focus-ring-opacity))
}

.focus-ring-pink {
    --tblr-focus-ring-color: rgba(var(--tblr-pink-rgb), var(--tblr-focus-ring-opacity))
}

.focus-ring-red {
    --tblr-focus-ring-color: rgba(var(--tblr-red-rgb), var(--tblr-focus-ring-opacity))
}

.focus-ring-orange {
    --tblr-focus-ring-color: rgba(var(--tblr-orange-rgb), var(--tblr-focus-ring-opacity))
}

.focus-ring-yellow {
    --tblr-focus-ring-color: rgba(var(--tblr-yellow-rgb), var(--tblr-focus-ring-opacity))
}

.focus-ring-lime {
    --tblr-focus-ring-color: rgba(var(--tblr-lime-rgb), var(--tblr-focus-ring-opacity))
}

.focus-ring-green {
    --tblr-focus-ring-color: rgba(var(--tblr-green-rgb), var(--tblr-focus-ring-opacity))
}

.focus-ring-teal {
    --tblr-focus-ring-color: rgba(var(--tblr-teal-rgb), var(--tblr-focus-ring-opacity))
}

.focus-ring-cyan {
    --tblr-focus-ring-color: rgba(var(--tblr-cyan-rgb), var(--tblr-focus-ring-opacity))
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    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) var(--tblr-border-color-translucent) !important
}

.border-wide {
    border: 2px var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.border-top-wide {
    border-top: 2px var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.border-end-wide {
    border-right: 2px var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.border-bottom-wide {
    border-bottom: 2px var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.border-start-wide {
    border-left: 2px var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-red {
    --tblr-border-opacity: 1;
    border-color:          rgba(var(--tblr-red-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-primary-subtle {
    border-color: var(--tblr-primary-border-subtle) !important
}

.border-secondary-subtle {
    border-color: var(--tblr-secondary-border-subtle) !important
}

.border-success-subtle {
    border-color: var(--tblr-success-border-subtle) !important
}

.border-info-subtle {
    border-color: var(--tblr-info-border-subtle) !important
}

.border-warning-subtle {
    border-color: var(--tblr-warning-border-subtle) !important
}

.border-danger-subtle {
    border-color: var(--tblr-danger-border-subtle) !important
}

.border-light-subtle {
    border-color: var(--tblr-light-border-subtle) !important
}

.border-dark-subtle {
    border-color: var(--tblr-dark-border-subtle) !important
}

.border-1 {
    border-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

.border-opacity-10 {
    --tblr-border-opacity: 0.1
}

.border-opacity-25 {
    --tblr-border-opacity: 0.25
}

.border-opacity-50 {
    --tblr-border-opacity: 0.5
}

.border-opacity-75 {
    --tblr-border-opacity: 0.75
}

.border-opacity-100 {
    --tblr-border-opacity: 1
}

.w-0 {
    width: 0 !important
}

.w-1 {
    width: .25rem !important
}

.w-2 {
    width: .5rem !important
}

.w-3 {
    width: 1rem !important
}

.w-4 {
    width: 1.5rem !important
}

.w-5 {
    width: 2rem !important
}

.w-6 {
    width: 2.5rem !important
}

.w-25 {
    width: 25% !important
}

.w-33 {
    width: 33.33333% !important
}

.w-50 {
    width: 50% !important
}

.w-66 {
    width: 66.66666% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-0 {
    height: 0 !important
}

.h-1 {
    height: .25rem !important
}

.h-2 {
    height: .5rem !important
}

.h-3 {
    height: 1rem !important
}

.h-4 {
    height: 1.5rem !important
}

.h-5 {
    height: 2rem !important
}

.h-6 {
    height: 2.5rem !important
}

.h-25 {
    height: 25% !important
}

.h-33 {
    height: 33.33333% !important
}

.h-50 {
    height: 50% !important
}

.h-66 {
    height: 66.66666% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 2rem !important
}

.m-6 {
    margin: 2.5rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left:  0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left:  .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left:  .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left:  1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left:  1.5rem !important
}

.mx-5 {
    margin-right: 2rem !important;
    margin-left:  2rem !important
}

.mx-6 {
    margin-right: 2.5rem !important;
    margin-left:  2.5rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left:  auto !important
}

.my-0 {
    margin-top:    0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top:    .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top:    .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top:    1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top:    1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top:    2rem !important;
    margin-bottom: 2rem !important
}

.my-6 {
    margin-top:    2.5rem !important;
    margin-bottom: 2.5rem !important
}

.my-auto {
    margin-top:    auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 2rem !important
}

.mt-6 {
    margin-top: 2.5rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 2rem !important
}

.me-6 {
    margin-right: 2.5rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 2rem !important
}

.mb-6 {
    margin-bottom: 2.5rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 2rem !important
}

.ms-6 {
    margin-left: 2.5rem !important
}

.ms-auto {
    margin-left: auto !important
}

.m-n1 {
    margin: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.m-n5 {
    margin: -2rem !important
}

.m-n6 {
    margin: -2.5rem !important
}

.mx-n1 {
    margin-right: -.25rem !important;
    margin-left:  -.25rem !important
}

.mx-n2 {
    margin-right: -.5rem !important;
    margin-left:  -.5rem !important
}

.mx-n3 {
    margin-right: -1rem !important;
    margin-left:  -1rem !important
}

.mx-n4 {
    margin-right: -1.5rem !important;
    margin-left:  -1.5rem !important
}

.mx-n5 {
    margin-right: -2rem !important;
    margin-left:  -2rem !important
}

.mx-n6 {
    margin-right: -2.5rem !important;
    margin-left:  -2.5rem !important
}

.my-n1 {
    margin-top:    -.25rem !important;
    margin-bottom: -.25rem !important
}

.my-n2 {
    margin-top:    -.5rem !important;
    margin-bottom: -.5rem !important
}

.my-n3 {
    margin-top:    -1rem !important;
    margin-bottom: -1rem !important
}

.my-n4 {
    margin-top:    -1.5rem !important;
    margin-bottom: -1.5rem !important
}

.my-n5 {
    margin-top:    -2rem !important;
    margin-bottom: -2rem !important
}

.my-n6 {
    margin-top:    -2.5rem !important;
    margin-bottom: -2.5rem !important
}

.mt-n1 {
    margin-top: -.25rem !important
}

.mt-n2 {
    margin-top: -.5rem !important
}

.mt-n3 {
    margin-top: -1rem !important
}

.mt-n4 {
    margin-top: -1.5rem !important
}

.mt-n5 {
    margin-top: -2rem !important
}

.mt-n6 {
    margin-top: -2.5rem !important
}

.me-n1 {
    margin-right: -.25rem !important
}

.me-n2 {
    margin-right: -.5rem !important
}

.me-n3 {
    margin-right: -1rem !important
}

.me-n4 {
    margin-right: -1.5rem !important
}

.me-n5 {
    margin-right: -2rem !important
}

.me-n6 {
    margin-right: -2.5rem !important
}

.mb-n1 {
    margin-bottom: -.25rem !important
}

.mb-n2 {
    margin-bottom: -.5rem !important
}

.mb-n3 {
    margin-bottom: -1rem !important
}

.mb-n4 {
    margin-bottom: -1.5rem !important
}

.mb-n5 {
    margin-bottom: -2rem !important
}

.mb-n6 {
    margin-bottom: -2.5rem !important
}

.ms-n1 {
    margin-left: -.25rem !important
}

.ms-n2 {
    margin-left: -.5rem !important
}

.ms-n3 {
    margin-left: -1rem !important
}

.ms-n4 {
    margin-left: -1.5rem !important
}

.ms-n5 {
    margin-left: -2rem !important
}

.ms-n6 {
    margin-left: -2.5rem !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 2rem !important
}

.p-6 {
    padding: 2.5rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left:  0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left:  .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left:  .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left:  1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left:  1.5rem !important
}

.px-5 {
    padding-right: 2rem !important;
    padding-left:  2rem !important
}

.px-6 {
    padding-right: 2.5rem !important;
    padding-left:  2.5rem !important
}

.py-0 {
    padding-top:    0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top:    .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top:    .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top:    1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top:    1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top:    2rem !important;
    padding-bottom: 2rem !important
}

.py-6 {
    padding-top:    2.5rem !important;
    padding-bottom: 2.5rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 2rem !important
}

.pt-6 {
    padding-top: 2.5rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 2rem !important
}

.pe-6 {
    padding-right: 2.5rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 2rem !important
}

.pb-6 {
    padding-bottom: 2.5rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 2rem !important
}

.ps-6 {
    padding-left: 2.5rem !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 2rem !important
}

.gap-6 {
    gap: 2.5rem !important
}

.row-gap-0 {
    row-gap: 0 !important
}

.row-gap-1 {
    row-gap: .25rem !important
}

.row-gap-2 {
    row-gap: .5rem !important
}

.row-gap-3 {
    row-gap: 1rem !important
}

.row-gap-4 {
    row-gap: 1.5rem !important
}

.row-gap-5 {
    row-gap: 2rem !important
}

.row-gap-6 {
    row-gap: 2.5rem !important
}

.column-gap-0 {
    -moz-column-gap: 0 !important;
    column-gap:      0 !important
}

.column-gap-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap:      .25rem !important
}

.column-gap-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap:      .5rem !important
}

.column-gap-3 {
    -moz-column-gap: 1rem !important;
    column-gap:      1rem !important
}

.column-gap-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap:      1.5rem !important
}

.column-gap-5 {
    -moz-column-gap: 2rem !important;
    column-gap:      2rem !important
}

.column-gap-6 {
    -moz-column-gap: 2.5rem !important;
    column-gap:      2.5rem !important
}

.font-monospace {
    font-family: var(--tblr-font-monospace) !important
}

.fs-1 {
    font-size: 1.5rem !important
}

.fs-2 {
    font-size: 1.25rem !important
}

.fs-3 {
    font-size: 1rem !important
}

.fs-4 {
    font-size: .875rem !important
}

.fs-5 {
    font-size: .75rem !important
}

.fs-6 {
    font-size: .625rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-medium {
    font-weight: 500 !important
}

.fw-semibold {
    font-weight: 600 !important
}

.fw-bold {
    font-weight: 600 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.1428571429 !important
}

.lh-base {
    line-height: 1.4285714286 !important
}

.lh-lg {
    line-height: 1.7142857143 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap:  break-word !important;
    word-break: break-word !important
}

.text-primary {
    --tblr-text-opacity: 1;
    color:               rgba(var(--tblr-primary-rgb), var(--tblr-text-opacity)) !important
}

.text-secondary {
    --tblr-text-opacity: 1;
    color:               rgba(var(--tblr-secondary-rgb), var(--tblr-text-opacity)) !important
}

.text-success {
    --tblr-text-opacity: 1;
    color:               rgba(var(--tblr-success-rgb), var(--tblr-text-opacity)) !important
}

.text-info {
    --tblr-text-opacity: 1;
    color:               rgba(var(--tblr-info-rgb), var(--tblr-text-opacity)) !important
}

.text-warning {
    --tblr-text-opacity: 1;
    color:               rgba(var(--tblr-warning-rgb), var(--tblr-text-opacity)) !important
}

.text-danger {
    --tblr-text-opacity: 1;
    color:               rgba(var(--tblr-danger-rgb), var(--tblr-text-opacity)) !important
}

.text-light {
    --tblr-text-opacity: 1;
    color:               rgba(var(--tblr-light-rgb), var(--tblr-text-opacity)) !important
}

.text-dark {
    --tblr-text-opacity: 1;
    color:               rgba(var(--tblr-dark-rgb), var(--tblr-text-opacity)) !important
}

.text-muted {
    --tblr-text-opacity: 1;
    color:               var(--tblr-secondary-color) !important
}

.text-blue {
    --tblr-text-opacity: 1;
    color:               rgba(var(--tblr-blue-rgb), var(--tblr-text-opacity)) !important
}

.text-azure {
    --tblr-text-opacity: 1;
    color:               rgba(var(--tblr-azure-rgb), var(--tblr-text-opacity)) !important
}

.text-indigo {
    --tblr-text-opacity: 1;
    color:               rgba(var(--tblr-indigo-rgb), var(--tblr-text-opacity)) !important
}

.text-purple {
    --tblr-text-opacity: 1;
    color:               rgba(var(--tblr-purple-rgb), var(--tblr-text-opacity)) !important
}

.text-pink {
    --tblr-text-opacity: 1;
    color:               rgba(var(--tblr-pink-rgb), var(--tblr-text-opacity)) !important
}

.text-red {
    --tblr-text-opacity: 1;
    color:               rgba(var(--tblr-red-rgb), var(--tblr-text-opacity)) !important
}

.text-orange {
    --tblr-text-opacity: 1;
    color:               rgba(var(--tblr-orange-rgb), var(--tblr-text-opacity)) !important
}

.text-yellow {
    --tblr-text-opacity: 1;
    color:               rgba(var(--tblr-yellow-rgb), var(--tblr-text-opacity)) !important
}

.text-lime {
    --tblr-text-opacity: 1;
    color:               rgba(var(--tblr-lime-rgb), var(--tblr-text-opacity)) !important
}

.text-green {
    --tblr-text-opacity: 1;
    color:               rgba(var(--tblr-green-rgb), var(--tblr-text-opacity)) !important
}

.text-teal {
    --tblr-text-opacity: 1;
    color:               rgba(var(--tblr-teal-rgb), var(--tblr-text-opacity)) !important
}

.text-cyan {
    --tblr-text-opacity: 1;
    color:               rgba(var(--tblr-cyan-rgb), var(--tblr-text-opacity)) !important
}

.text-black {
    --tblr-text-opacity: 1;
    color:               rgba(var(--tblr-black-rgb), var(--tblr-text-opacity)) !important
}

.text-white {
    --tblr-text-opacity: 1;
    color:               rgba(var(--tblr-white-rgb), var(--tblr-text-opacity)) !important
}

.text-body {
    --tblr-text-opacity: 1;
    color:               rgba(var(--tblr-body-color-rgb), var(--tblr-text-opacity)) !important
}

.text-black-50 {
    --tblr-text-opacity: 1;
    color:               rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    --tblr-text-opacity: 1;
    color:               rgba(255, 255, 255, .5) !important
}

.text-body-secondary {
    --tblr-text-opacity: 1;
    color:               var(--tblr-secondary-color) !important
}

.text-body-tertiary {
    --tblr-text-opacity: 1;
    color:               var(--tblr-tertiary-color) !important
}

.text-body-emphasis {
    --tblr-text-opacity: 1;
    color:               var(--tblr-emphasis-color) !important
}

.text-reset {
    --tblr-text-opacity: 1;
    color:               inherit !important
}

.text-opacity-25 {
    --tblr-text-opacity: 0.25
}

.text-opacity-50 {
    --tblr-text-opacity: 0.5
}

.text-opacity-75 {
    --tblr-text-opacity: 0.75
}

.text-opacity-100 {
    --tblr-text-opacity: 1
}

.text-primary-emphasis {
    color: var(--tblr-primary-text-emphasis) !important
}

.text-secondary-emphasis {
    color: var(--tblr-secondary-text-emphasis) !important
}

.text-success-emphasis {
    color: var(--tblr-success-text-emphasis) !important
}

.text-info-emphasis {
    color: var(--tblr-info-text-emphasis) !important
}

.text-warning-emphasis {
    color: var(--tblr-warning-text-emphasis) !important
}

.text-danger-emphasis {
    color: var(--tblr-danger-text-emphasis) !important
}

.text-light-emphasis {
    color: var(--tblr-light-text-emphasis) !important
}

.text-dark-emphasis {
    color: var(--tblr-dark-text-emphasis) !important
}

.link-opacity-10 {
    --tblr-link-opacity: 0.1
}

.link-opacity-10-hover:hover {
    --tblr-link-opacity: 0.1
}

.link-opacity-25 {
    --tblr-link-opacity: 0.25
}

.link-opacity-25-hover:hover {
    --tblr-link-opacity: 0.25
}

.link-opacity-50 {
    --tblr-link-opacity: 0.5
}

.link-opacity-50-hover:hover {
    --tblr-link-opacity: 0.5
}

.link-opacity-75 {
    --tblr-link-opacity: 0.75
}

.link-opacity-75-hover:hover {
    --tblr-link-opacity: 0.75
}

.link-opacity-100 {
    --tblr-link-opacity: 1
}

.link-opacity-100-hover:hover {
    --tblr-link-opacity: 1
}

.link-offset-1 {
    text-underline-offset: 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;
    text-decoration-color:         rgba(var(--tblr-primary-rgb), var(--tblr-link-underline-opacity)) !important
}

.link-underline-secondary {
    --tblr-link-underline-opacity: 1;
    text-decoration-color:         rgba(var(--tblr-secondary-rgb), var(--tblr-link-underline-opacity)) !important
}

.link-underline-success {
    --tblr-link-underline-opacity: 1;
    text-decoration-color:         rgba(var(--tblr-success-rgb), var(--tblr-link-underline-opacity)) !important
}

.link-underline-info {
    --tblr-link-underline-opacity: 1;
    text-decoration-color:         rgba(var(--tblr-info-rgb), var(--tblr-link-underline-opacity)) !important
}

.link-underline-warning {
    --tblr-link-underline-opacity: 1;
    text-decoration-color:         rgba(var(--tblr-warning-rgb), var(--tblr-link-underline-opacity)) !important
}

.link-underline-danger {
    --tblr-link-underline-opacity: 1;
    text-decoration-color:         rgba(var(--tblr-danger-rgb), var(--tblr-link-underline-opacity)) !important
}

.link-underline-light {
    --tblr-link-underline-opacity: 1;
    text-decoration-color:         rgba(var(--tblr-light-rgb), var(--tblr-link-underline-opacity)) !important
}

.link-underline-dark {
    --tblr-link-underline-opacity: 1;
    text-decoration-color:         rgba(var(--tblr-dark-rgb), var(--tblr-link-underline-opacity)) !important
}

.link-underline-muted {
    --tblr-link-underline-opacity: 1;
    text-decoration-color:         rgba(var(--tblr-muted-rgb), var(--tblr-link-underline-opacity)) !important
}

.link-underline-blue {
    --tblr-link-underline-opacity: 1;
    text-decoration-color:         rgba(var(--tblr-blue-rgb), var(--tblr-link-underline-opacity)) !important
}

.link-underline-azure {
    --tblr-link-underline-opacity: 1;
    text-decoration-color:         rgba(var(--tblr-azure-rgb), var(--tblr-link-underline-opacity)) !important
}

.link-underline-indigo {
    --tblr-link-underline-opacity: 1;
    text-decoration-color:         rgba(var(--tblr-indigo-rgb), var(--tblr-link-underline-opacity)) !important
}

.link-underline-purple {
    --tblr-link-underline-opacity: 1;
    text-decoration-color:         rgba(var(--tblr-purple-rgb), var(--tblr-link-underline-opacity)) !important
}

.link-underline-pink {
    --tblr-link-underline-opacity: 1;
    text-decoration-color:         rgba(var(--tblr-pink-rgb), var(--tblr-link-underline-opacity)) !important
}

.link-underline-red {
    --tblr-link-underline-opacity: 1;
    text-decoration-color:         rgba(var(--tblr-red-rgb), var(--tblr-link-underline-opacity)) !important
}

.link-underline-orange {
    --tblr-link-underline-opacity: 1;
    text-decoration-color:         rgba(var(--tblr-orange-rgb), var(--tblr-link-underline-opacity)) !important
}

.link-underline-yellow {
    --tblr-link-underline-opacity: 1;
    text-decoration-color:         rgba(var(--tblr-yellow-rgb), var(--tblr-link-underline-opacity)) !important
}

.link-underline-lime {
    --tblr-link-underline-opacity: 1;
    text-decoration-color:         rgba(var(--tblr-lime-rgb), var(--tblr-link-underline-opacity)) !important
}

.link-underline-green {
    --tblr-link-underline-opacity: 1;
    text-decoration-color:         rgba(var(--tblr-green-rgb), var(--tblr-link-underline-opacity)) !important
}

.link-underline-teal {
    --tblr-link-underline-opacity: 1;
    text-decoration-color:         rgba(var(--tblr-teal-rgb), var(--tblr-link-underline-opacity)) !important
}

.link-underline-cyan {
    --tblr-link-underline-opacity: 1;
    text-decoration-color:         rgba(var(--tblr-cyan-rgb), var(--tblr-link-underline-opacity)) !important
}

.link-underline {
    --tblr-link-underline-opacity: 1;
    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-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;
    user-select:         auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-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
}

.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: grab !important
}

.cursor-grabbing {
    cursor: grabbing !important
}

.cursor-crosshair {
    cursor: crosshair !important
}

.border-x {
    border-left:  var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
    border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.border-x-wide {
    border-left:  2px var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
    border-right: 2px var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.border-x-0 {
    border-left:  0 !important;
    border-right: 0 !important
}

.border-y {
    border-top:    var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
    border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important
}

.border-y-wide {
    border-top:    2px var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
    border-bottom: 2px var(--tblr-border-style) var(--tblr-border-color-translucent) !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
}

.bg-pattern-transparent {
    background: url("data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><rect x=\"0\" y=\"0\" width=\"8\" height=\"8\" fill=\"rgba(130, 130, 130, .1)\" /><rect x=\"8\" y=\"8\" width=\"8\" height=\"8\" fill=\"rgba(130, 130, 130, .1)\" /></svg>") repeat center/16px 16px !important
}

.bg-gradient {
    background: linear-gradient(var(--tblr-gradient-direction, to right), var(--tblr-gradient-stops, var(--tblr-gradient-from, transparent), var(--tblr-gradient-to, transparent))) no-repeat !important
}

.bg-gradient-to-t {
    --tblr-gradient-direction: to top !important
}

.bg-gradient-to-te {
    --tblr-gradient-direction: to top right !important
}

.bg-gradient-to-e {
    --tblr-gradient-direction: to right !important
}

.bg-gradient-to-be {
    --tblr-gradient-direction: to bottom right !important
}

.bg-gradient-to-b {
    --tblr-gradient-direction: to bottom !important
}

.bg-gradient-to-bs {
    --tblr-gradient-direction: to bottom left !important
}

.bg-gradient-to-s {
    --tblr-gradient-direction: to left !important
}

.bg-gradient-to-ts {
    --tblr-gradient-direction: to top left !important
}

.table-auto {
    table-layout: auto !important
}

.table-fixed {
    table-layout: fixed !important
}

@media (min-width: 576px) {
    .float-sm-start {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .object-fit-sm-contain {
        -o-object-fit: contain !important;
        object-fit:    contain !important
    }

    .object-fit-sm-cover {
        -o-object-fit: cover !important;
        object-fit:    cover !important
    }

    .object-fit-sm-fill {
        -o-object-fit: fill !important;
        object-fit:    fill !important
    }

    .object-fit-sm-scale {
        -o-object-fit: scale-down !important;
        object-fit:    scale-down !important
    }

    .object-fit-sm-none {
        -o-object-fit: none !important;
        object-fit:    none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-inline-grid {
        display: inline-grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 2rem !important
    }

    .m-sm-6 {
        margin: 2.5rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left:  0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left:  .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left:  .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left:  1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left:  1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 2rem !important;
        margin-left:  2rem !important
    }

    .mx-sm-6 {
        margin-right: 2.5rem !important;
        margin-left:  2.5rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left:  auto !important
    }

    .my-sm-0 {
        margin-top:    0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top:    .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top:    .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top:    1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top:    1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top:    2rem !important;
        margin-bottom: 2rem !important
    }

    .my-sm-6 {
        margin-top:    2.5rem !important;
        margin-bottom: 2.5rem !important
    }

    .my-sm-auto {
        margin-top:    auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 2rem !important
    }

    .mt-sm-6 {
        margin-top: 2.5rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 2rem !important
    }

    .me-sm-6 {
        margin-right: 2.5rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 2rem !important
    }

    .mb-sm-6 {
        margin-bottom: 2.5rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 2rem !important
    }

    .ms-sm-6 {
        margin-left: 2.5rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -2rem !important
    }

    .m-sm-n6 {
        margin: -2.5rem !important
    }

    .mx-sm-n1 {
        margin-right: -.25rem !important;
        margin-left:  -.25rem !important
    }

    .mx-sm-n2 {
        margin-right: -.5rem !important;
        margin-left:  -.5rem !important
    }

    .mx-sm-n3 {
        margin-right: -1rem !important;
        margin-left:  -1rem !important
    }

    .mx-sm-n4 {
        margin-right: -1.5rem !important;
        margin-left:  -1.5rem !important
    }

    .mx-sm-n5 {
        margin-right: -2rem !important;
        margin-left:  -2rem !important
    }

    .mx-sm-n6 {
        margin-right: -2.5rem !important;
        margin-left:  -2.5rem !important
    }

    .my-sm-n1 {
        margin-top:    -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .my-sm-n2 {
        margin-top:    -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .my-sm-n3 {
        margin-top:    -1rem !important;
        margin-bottom: -1rem !important
    }

    .my-sm-n4 {
        margin-top:    -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .my-sm-n5 {
        margin-top:    -2rem !important;
        margin-bottom: -2rem !important
    }

    .my-sm-n6 {
        margin-top:    -2.5rem !important;
        margin-bottom: -2.5rem !important
    }

    .mt-sm-n1 {
        margin-top: -.25rem !important
    }

    .mt-sm-n2 {
        margin-top: -.5rem !important
    }

    .mt-sm-n3 {
        margin-top: -1rem !important
    }

    .mt-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mt-sm-n5 {
        margin-top: -2rem !important
    }

    .mt-sm-n6 {
        margin-top: -2.5rem !important
    }

    .me-sm-n1 {
        margin-right: -.25rem !important
    }

    .me-sm-n2 {
        margin-right: -.5rem !important
    }

    .me-sm-n3 {
        margin-right: -1rem !important
    }

    .me-sm-n4 {
        margin-right: -1.5rem !important
    }

    .me-sm-n5 {
        margin-right: -2rem !important
    }

    .me-sm-n6 {
        margin-right: -2.5rem !important
    }

    .mb-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .mb-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .mb-sm-n3 {
        margin-bottom: -1rem !important
    }

    .mb-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-sm-n5 {
        margin-bottom: -2rem !important
    }

    .mb-sm-n6 {
        margin-bottom: -2.5rem !important
    }

    .ms-sm-n1 {
        margin-left: -.25rem !important
    }

    .ms-sm-n2 {
        margin-left: -.5rem !important
    }

    .ms-sm-n3 {
        margin-left: -1rem !important
    }

    .ms-sm-n4 {
        margin-left: -1.5rem !important
    }

    .ms-sm-n5 {
        margin-left: -2rem !important
    }

    .ms-sm-n6 {
        margin-left: -2.5rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 2rem !important
    }

    .p-sm-6 {
        padding: 2.5rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left:  0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left:  .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left:  .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left:  1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left:  1.5rem !important
    }

    .px-sm-5 {
        padding-right: 2rem !important;
        padding-left:  2rem !important
    }

    .px-sm-6 {
        padding-right: 2.5rem !important;
        padding-left:  2.5rem !important
    }

    .py-sm-0 {
        padding-top:    0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top:    .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top:    .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top:    1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top:    1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top:    2rem !important;
        padding-bottom: 2rem !important
    }

    .py-sm-6 {
        padding-top:    2.5rem !important;
        padding-bottom: 2.5rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 2rem !important
    }

    .pt-sm-6 {
        padding-top: 2.5rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 2rem !important
    }

    .pe-sm-6 {
        padding-right: 2.5rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 2rem !important
    }

    .pb-sm-6 {
        padding-bottom: 2.5rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 2rem !important
    }

    .ps-sm-6 {
        padding-left: 2.5rem !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 2rem !important
    }

    .gap-sm-6 {
        gap: 2.5rem !important
    }

    .row-gap-sm-0 {
        row-gap: 0 !important
    }

    .row-gap-sm-1 {
        row-gap: .25rem !important
    }

    .row-gap-sm-2 {
        row-gap: .5rem !important
    }

    .row-gap-sm-3 {
        row-gap: 1rem !important
    }

    .row-gap-sm-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-sm-5 {
        row-gap: 2rem !important
    }

    .row-gap-sm-6 {
        row-gap: 2.5rem !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:      .25rem !important
    }

    .column-gap-sm-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap:      .5rem !important
    }

    .column-gap-sm-3 {
        -moz-column-gap: 1rem !important;
        column-gap:      1rem !important
    }

    .column-gap-sm-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap:      1.5rem !important
    }

    .column-gap-sm-5 {
        -moz-column-gap: 2rem !important;
        column-gap:      2rem !important
    }

    .column-gap-sm-6 {
        -moz-column-gap: 2.5rem !important;
        column-gap:      2.5rem !important
    }

    .text-sm-start {
        text-align: left !important
    }

    .text-sm-end {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }

    .columns-sm-2 {
        -moz-columns: 2 !important;
        columns:      2 !important
    }

    .columns-sm-3 {
        -moz-columns: 3 !important;
        columns:      3 !important
    }

    .columns-sm-4 {
        -moz-columns: 4 !important;
        columns:      4 !important
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float: left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .object-fit-md-contain {
        -o-object-fit: contain !important;
        object-fit:    contain !important
    }

    .object-fit-md-cover {
        -o-object-fit: cover !important;
        object-fit:    cover !important
    }

    .object-fit-md-fill {
        -o-object-fit: fill !important;
        object-fit:    fill !important
    }

    .object-fit-md-scale {
        -o-object-fit: scale-down !important;
        object-fit:    scale-down !important
    }

    .object-fit-md-none {
        -o-object-fit: none !important;
        object-fit:    none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-inline-grid {
        display: inline-grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 2rem !important
    }

    .m-md-6 {
        margin: 2.5rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left:  0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left:  .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left:  .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left:  1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left:  1.5rem !important
    }

    .mx-md-5 {
        margin-right: 2rem !important;
        margin-left:  2rem !important
    }

    .mx-md-6 {
        margin-right: 2.5rem !important;
        margin-left:  2.5rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left:  auto !important
    }

    .my-md-0 {
        margin-top:    0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top:    .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top:    .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top:    1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top:    1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top:    2rem !important;
        margin-bottom: 2rem !important
    }

    .my-md-6 {
        margin-top:    2.5rem !important;
        margin-bottom: 2.5rem !important
    }

    .my-md-auto {
        margin-top:    auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 2rem !important
    }

    .mt-md-6 {
        margin-top: 2.5rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 2rem !important
    }

    .me-md-6 {
        margin-right: 2.5rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 2rem !important
    }

    .mb-md-6 {
        margin-bottom: 2.5rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 2rem !important
    }

    .ms-md-6 {
        margin-left: 2.5rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .m-md-n5 {
        margin: -2rem !important
    }

    .m-md-n6 {
        margin: -2.5rem !important
    }

    .mx-md-n1 {
        margin-right: -.25rem !important;
        margin-left:  -.25rem !important
    }

    .mx-md-n2 {
        margin-right: -.5rem !important;
        margin-left:  -.5rem !important
    }

    .mx-md-n3 {
        margin-right: -1rem !important;
        margin-left:  -1rem !important
    }

    .mx-md-n4 {
        margin-right: -1.5rem !important;
        margin-left:  -1.5rem !important
    }

    .mx-md-n5 {
        margin-right: -2rem !important;
        margin-left:  -2rem !important
    }

    .mx-md-n6 {
        margin-right: -2.5rem !important;
        margin-left:  -2.5rem !important
    }

    .my-md-n1 {
        margin-top:    -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .my-md-n2 {
        margin-top:    -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .my-md-n3 {
        margin-top:    -1rem !important;
        margin-bottom: -1rem !important
    }

    .my-md-n4 {
        margin-top:    -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .my-md-n5 {
        margin-top:    -2rem !important;
        margin-bottom: -2rem !important
    }

    .my-md-n6 {
        margin-top:    -2.5rem !important;
        margin-bottom: -2.5rem !important
    }

    .mt-md-n1 {
        margin-top: -.25rem !important
    }

    .mt-md-n2 {
        margin-top: -.5rem !important
    }

    .mt-md-n3 {
        margin-top: -1rem !important
    }

    .mt-md-n4 {
        margin-top: -1.5rem !important
    }

    .mt-md-n5 {
        margin-top: -2rem !important
    }

    .mt-md-n6 {
        margin-top: -2.5rem !important
    }

    .me-md-n1 {
        margin-right: -.25rem !important
    }

    .me-md-n2 {
        margin-right: -.5rem !important
    }

    .me-md-n3 {
        margin-right: -1rem !important
    }

    .me-md-n4 {
        margin-right: -1.5rem !important
    }

    .me-md-n5 {
        margin-right: -2rem !important
    }

    .me-md-n6 {
        margin-right: -2.5rem !important
    }

    .mb-md-n1 {
        margin-bottom: -.25rem !important
    }

    .mb-md-n2 {
        margin-bottom: -.5rem !important
    }

    .mb-md-n3 {
        margin-bottom: -1rem !important
    }

    .mb-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-md-n5 {
        margin-bottom: -2rem !important
    }

    .mb-md-n6 {
        margin-bottom: -2.5rem !important
    }

    .ms-md-n1 {
        margin-left: -.25rem !important
    }

    .ms-md-n2 {
        margin-left: -.5rem !important
    }

    .ms-md-n3 {
        margin-left: -1rem !important
    }

    .ms-md-n4 {
        margin-left: -1.5rem !important
    }

    .ms-md-n5 {
        margin-left: -2rem !important
    }

    .ms-md-n6 {
        margin-left: -2.5rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 2rem !important
    }

    .p-md-6 {
        padding: 2.5rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left:  0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left:  .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left:  .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left:  1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left:  1.5rem !important
    }

    .px-md-5 {
        padding-right: 2rem !important;
        padding-left:  2rem !important
    }

    .px-md-6 {
        padding-right: 2.5rem !important;
        padding-left:  2.5rem !important
    }

    .py-md-0 {
        padding-top:    0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top:    .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top:    .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top:    1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top:    1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top:    2rem !important;
        padding-bottom: 2rem !important
    }

    .py-md-6 {
        padding-top:    2.5rem !important;
        padding-bottom: 2.5rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 2rem !important
    }

    .pt-md-6 {
        padding-top: 2.5rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 2rem !important
    }

    .pe-md-6 {
        padding-right: 2.5rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 2rem !important
    }

    .pb-md-6 {
        padding-bottom: 2.5rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 2rem !important
    }

    .ps-md-6 {
        padding-left: 2.5rem !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 2rem !important
    }

    .gap-md-6 {
        gap: 2.5rem !important
    }

    .row-gap-md-0 {
        row-gap: 0 !important
    }

    .row-gap-md-1 {
        row-gap: .25rem !important
    }

    .row-gap-md-2 {
        row-gap: .5rem !important
    }

    .row-gap-md-3 {
        row-gap: 1rem !important
    }

    .row-gap-md-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-md-5 {
        row-gap: 2rem !important
    }

    .row-gap-md-6 {
        row-gap: 2.5rem !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:      .25rem !important
    }

    .column-gap-md-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap:      .5rem !important
    }

    .column-gap-md-3 {
        -moz-column-gap: 1rem !important;
        column-gap:      1rem !important
    }

    .column-gap-md-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap:      1.5rem !important
    }

    .column-gap-md-5 {
        -moz-column-gap: 2rem !important;
        column-gap:      2rem !important
    }

    .column-gap-md-6 {
        -moz-column-gap: 2.5rem !important;
        column-gap:      2.5rem !important
    }

    .text-md-start {
        text-align: left !important
    }

    .text-md-end {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }

    .columns-md-2 {
        -moz-columns: 2 !important;
        columns:      2 !important
    }

    .columns-md-3 {
        -moz-columns: 3 !important;
        columns:      3 !important
    }

    .columns-md-4 {
        -moz-columns: 4 !important;
        columns:      4 !important
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .object-fit-lg-contain {
        -o-object-fit: contain !important;
        object-fit:    contain !important
    }

    .object-fit-lg-cover {
        -o-object-fit: cover !important;
        object-fit:    cover !important
    }

    .object-fit-lg-fill {
        -o-object-fit: fill !important;
        object-fit:    fill !important
    }

    .object-fit-lg-scale {
        -o-object-fit: scale-down !important;
        object-fit:    scale-down !important
    }

    .object-fit-lg-none {
        -o-object-fit: none !important;
        object-fit:    none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-inline-grid {
        display: inline-grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 2rem !important
    }

    .m-lg-6 {
        margin: 2.5rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left:  0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left:  .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left:  .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left:  1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left:  1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 2rem !important;
        margin-left:  2rem !important
    }

    .mx-lg-6 {
        margin-right: 2.5rem !important;
        margin-left:  2.5rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left:  auto !important
    }

    .my-lg-0 {
        margin-top:    0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top:    .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top:    .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top:    1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top:    1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top:    2rem !important;
        margin-bottom: 2rem !important
    }

    .my-lg-6 {
        margin-top:    2.5rem !important;
        margin-bottom: 2.5rem !important
    }

    .my-lg-auto {
        margin-top:    auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 2rem !important
    }

    .mt-lg-6 {
        margin-top: 2.5rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 2rem !important
    }

    .me-lg-6 {
        margin-right: 2.5rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 2rem !important
    }

    .mb-lg-6 {
        margin-bottom: 2.5rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 2rem !important
    }

    .ms-lg-6 {
        margin-left: 2.5rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -2rem !important
    }

    .m-lg-n6 {
        margin: -2.5rem !important
    }

    .mx-lg-n1 {
        margin-right: -.25rem !important;
        margin-left:  -.25rem !important
    }

    .mx-lg-n2 {
        margin-right: -.5rem !important;
        margin-left:  -.5rem !important
    }

    .mx-lg-n3 {
        margin-right: -1rem !important;
        margin-left:  -1rem !important
    }

    .mx-lg-n4 {
        margin-right: -1.5rem !important;
        margin-left:  -1.5rem !important
    }

    .mx-lg-n5 {
        margin-right: -2rem !important;
        margin-left:  -2rem !important
    }

    .mx-lg-n6 {
        margin-right: -2.5rem !important;
        margin-left:  -2.5rem !important
    }

    .my-lg-n1 {
        margin-top:    -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .my-lg-n2 {
        margin-top:    -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .my-lg-n3 {
        margin-top:    -1rem !important;
        margin-bottom: -1rem !important
    }

    .my-lg-n4 {
        margin-top:    -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .my-lg-n5 {
        margin-top:    -2rem !important;
        margin-bottom: -2rem !important
    }

    .my-lg-n6 {
        margin-top:    -2.5rem !important;
        margin-bottom: -2.5rem !important
    }

    .mt-lg-n1 {
        margin-top: -.25rem !important
    }

    .mt-lg-n2 {
        margin-top: -.5rem !important
    }

    .mt-lg-n3 {
        margin-top: -1rem !important
    }

    .mt-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mt-lg-n5 {
        margin-top: -2rem !important
    }

    .mt-lg-n6 {
        margin-top: -2.5rem !important
    }

    .me-lg-n1 {
        margin-right: -.25rem !important
    }

    .me-lg-n2 {
        margin-right: -.5rem !important
    }

    .me-lg-n3 {
        margin-right: -1rem !important
    }

    .me-lg-n4 {
        margin-right: -1.5rem !important
    }

    .me-lg-n5 {
        margin-right: -2rem !important
    }

    .me-lg-n6 {
        margin-right: -2.5rem !important
    }

    .mb-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .mb-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .mb-lg-n3 {
        margin-bottom: -1rem !important
    }

    .mb-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-lg-n5 {
        margin-bottom: -2rem !important
    }

    .mb-lg-n6 {
        margin-bottom: -2.5rem !important
    }

    .ms-lg-n1 {
        margin-left: -.25rem !important
    }

    .ms-lg-n2 {
        margin-left: -.5rem !important
    }

    .ms-lg-n3 {
        margin-left: -1rem !important
    }

    .ms-lg-n4 {
        margin-left: -1.5rem !important
    }

    .ms-lg-n5 {
        margin-left: -2rem !important
    }

    .ms-lg-n6 {
        margin-left: -2.5rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 2rem !important
    }

    .p-lg-6 {
        padding: 2.5rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left:  0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left:  .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left:  .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left:  1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left:  1.5rem !important
    }

    .px-lg-5 {
        padding-right: 2rem !important;
        padding-left:  2rem !important
    }

    .px-lg-6 {
        padding-right: 2.5rem !important;
        padding-left:  2.5rem !important
    }

    .py-lg-0 {
        padding-top:    0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top:    .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top:    .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top:    1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top:    1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top:    2rem !important;
        padding-bottom: 2rem !important
    }

    .py-lg-6 {
        padding-top:    2.5rem !important;
        padding-bottom: 2.5rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 2rem !important
    }

    .pt-lg-6 {
        padding-top: 2.5rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 2rem !important
    }

    .pe-lg-6 {
        padding-right: 2.5rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 2rem !important
    }

    .pb-lg-6 {
        padding-bottom: 2.5rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 2rem !important
    }

    .ps-lg-6 {
        padding-left: 2.5rem !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 2rem !important
    }

    .gap-lg-6 {
        gap: 2.5rem !important
    }

    .row-gap-lg-0 {
        row-gap: 0 !important
    }

    .row-gap-lg-1 {
        row-gap: .25rem !important
    }

    .row-gap-lg-2 {
        row-gap: .5rem !important
    }

    .row-gap-lg-3 {
        row-gap: 1rem !important
    }

    .row-gap-lg-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-lg-5 {
        row-gap: 2rem !important
    }

    .row-gap-lg-6 {
        row-gap: 2.5rem !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:      .25rem !important
    }

    .column-gap-lg-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap:      .5rem !important
    }

    .column-gap-lg-3 {
        -moz-column-gap: 1rem !important;
        column-gap:      1rem !important
    }

    .column-gap-lg-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap:      1.5rem !important
    }

    .column-gap-lg-5 {
        -moz-column-gap: 2rem !important;
        column-gap:      2rem !important
    }

    .column-gap-lg-6 {
        -moz-column-gap: 2.5rem !important;
        column-gap:      2.5rem !important
    }

    .text-lg-start {
        text-align: left !important
    }

    .text-lg-end {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }

    .columns-lg-2 {
        -moz-columns: 2 !important;
        columns:      2 !important
    }

    .columns-lg-3 {
        -moz-columns: 3 !important;
        columns:      3 !important
    }

    .columns-lg-4 {
        -moz-columns: 4 !important;
        columns:      4 !important
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float: left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .object-fit-xl-contain {
        -o-object-fit: contain !important;
        object-fit:    contain !important
    }

    .object-fit-xl-cover {
        -o-object-fit: cover !important;
        object-fit:    cover !important
    }

    .object-fit-xl-fill {
        -o-object-fit: fill !important;
        object-fit:    fill !important
    }

    .object-fit-xl-scale {
        -o-object-fit: scale-down !important;
        object-fit:    scale-down !important
    }

    .object-fit-xl-none {
        -o-object-fit: none !important;
        object-fit:    none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-inline-grid {
        display: inline-grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 2rem !important
    }

    .m-xl-6 {
        margin: 2.5rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left:  0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left:  .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left:  .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left:  1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left:  1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 2rem !important;
        margin-left:  2rem !important
    }

    .mx-xl-6 {
        margin-right: 2.5rem !important;
        margin-left:  2.5rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left:  auto !important
    }

    .my-xl-0 {
        margin-top:    0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top:    .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top:    .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top:    1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top:    1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top:    2rem !important;
        margin-bottom: 2rem !important
    }

    .my-xl-6 {
        margin-top:    2.5rem !important;
        margin-bottom: 2.5rem !important
    }

    .my-xl-auto {
        margin-top:    auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 2rem !important
    }

    .mt-xl-6 {
        margin-top: 2.5rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 2rem !important
    }

    .me-xl-6 {
        margin-right: 2.5rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 2rem !important
    }

    .mb-xl-6 {
        margin-bottom: 2.5rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 2rem !important
    }

    .ms-xl-6 {
        margin-left: 2.5rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -2rem !important
    }

    .m-xl-n6 {
        margin: -2.5rem !important
    }

    .mx-xl-n1 {
        margin-right: -.25rem !important;
        margin-left:  -.25rem !important
    }

    .mx-xl-n2 {
        margin-right: -.5rem !important;
        margin-left:  -.5rem !important
    }

    .mx-xl-n3 {
        margin-right: -1rem !important;
        margin-left:  -1rem !important
    }

    .mx-xl-n4 {
        margin-right: -1.5rem !important;
        margin-left:  -1.5rem !important
    }

    .mx-xl-n5 {
        margin-right: -2rem !important;
        margin-left:  -2rem !important
    }

    .mx-xl-n6 {
        margin-right: -2.5rem !important;
        margin-left:  -2.5rem !important
    }

    .my-xl-n1 {
        margin-top:    -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .my-xl-n2 {
        margin-top:    -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .my-xl-n3 {
        margin-top:    -1rem !important;
        margin-bottom: -1rem !important
    }

    .my-xl-n4 {
        margin-top:    -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .my-xl-n5 {
        margin-top:    -2rem !important;
        margin-bottom: -2rem !important
    }

    .my-xl-n6 {
        margin-top:    -2.5rem !important;
        margin-bottom: -2.5rem !important
    }

    .mt-xl-n1 {
        margin-top: -.25rem !important
    }

    .mt-xl-n2 {
        margin-top: -.5rem !important
    }

    .mt-xl-n3 {
        margin-top: -1rem !important
    }

    .mt-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mt-xl-n5 {
        margin-top: -2rem !important
    }

    .mt-xl-n6 {
        margin-top: -2.5rem !important
    }

    .me-xl-n1 {
        margin-right: -.25rem !important
    }

    .me-xl-n2 {
        margin-right: -.5rem !important
    }

    .me-xl-n3 {
        margin-right: -1rem !important
    }

    .me-xl-n4 {
        margin-right: -1.5rem !important
    }

    .me-xl-n5 {
        margin-right: -2rem !important
    }

    .me-xl-n6 {
        margin-right: -2.5rem !important
    }

    .mb-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .mb-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .mb-xl-n3 {
        margin-bottom: -1rem !important
    }

    .mb-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-xl-n5 {
        margin-bottom: -2rem !important
    }

    .mb-xl-n6 {
        margin-bottom: -2.5rem !important
    }

    .ms-xl-n1 {
        margin-left: -.25rem !important
    }

    .ms-xl-n2 {
        margin-left: -.5rem !important
    }

    .ms-xl-n3 {
        margin-left: -1rem !important
    }

    .ms-xl-n4 {
        margin-left: -1.5rem !important
    }

    .ms-xl-n5 {
        margin-left: -2rem !important
    }

    .ms-xl-n6 {
        margin-left: -2.5rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 2rem !important
    }

    .p-xl-6 {
        padding: 2.5rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left:  0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left:  .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left:  .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left:  1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left:  1.5rem !important
    }

    .px-xl-5 {
        padding-right: 2rem !important;
        padding-left:  2rem !important
    }

    .px-xl-6 {
        padding-right: 2.5rem !important;
        padding-left:  2.5rem !important
    }

    .py-xl-0 {
        padding-top:    0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top:    .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top:    .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top:    1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top:    1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top:    2rem !important;
        padding-bottom: 2rem !important
    }

    .py-xl-6 {
        padding-top:    2.5rem !important;
        padding-bottom: 2.5rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 2rem !important
    }

    .pt-xl-6 {
        padding-top: 2.5rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 2rem !important
    }

    .pe-xl-6 {
        padding-right: 2.5rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 2rem !important
    }

    .pb-xl-6 {
        padding-bottom: 2.5rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 2rem !important
    }

    .ps-xl-6 {
        padding-left: 2.5rem !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 2rem !important
    }

    .gap-xl-6 {
        gap: 2.5rem !important
    }

    .row-gap-xl-0 {
        row-gap: 0 !important
    }

    .row-gap-xl-1 {
        row-gap: .25rem !important
    }

    .row-gap-xl-2 {
        row-gap: .5rem !important
    }

    .row-gap-xl-3 {
        row-gap: 1rem !important
    }

    .row-gap-xl-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-xl-5 {
        row-gap: 2rem !important
    }

    .row-gap-xl-6 {
        row-gap: 2.5rem !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:      .25rem !important
    }

    .column-gap-xl-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap:      .5rem !important
    }

    .column-gap-xl-3 {
        -moz-column-gap: 1rem !important;
        column-gap:      1rem !important
    }

    .column-gap-xl-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap:      1.5rem !important
    }

    .column-gap-xl-5 {
        -moz-column-gap: 2rem !important;
        column-gap:      2rem !important
    }

    .column-gap-xl-6 {
        -moz-column-gap: 2.5rem !important;
        column-gap:      2.5rem !important
    }

    .text-xl-start {
        text-align: left !important
    }

    .text-xl-end {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }

    .columns-xl-2 {
        -moz-columns: 2 !important;
        columns:      2 !important
    }

    .columns-xl-3 {
        -moz-columns: 3 !important;
        columns:      3 !important
    }

    .columns-xl-4 {
        -moz-columns: 4 !important;
        columns:      4 !important
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float: left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .object-fit-xxl-contain {
        -o-object-fit: contain !important;
        object-fit:    contain !important
    }

    .object-fit-xxl-cover {
        -o-object-fit: cover !important;
        object-fit:    cover !important
    }

    .object-fit-xxl-fill {
        -o-object-fit: fill !important;
        object-fit:    fill !important
    }

    .object-fit-xxl-scale {
        -o-object-fit: scale-down !important;
        object-fit:    scale-down !important
    }

    .object-fit-xxl-none {
        -o-object-fit: none !important;
        object-fit:    none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-inline-grid {
        display: inline-grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 2rem !important
    }

    .m-xxl-6 {
        margin: 2.5rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left:  0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left:  .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left:  .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left:  1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left:  1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 2rem !important;
        margin-left:  2rem !important
    }

    .mx-xxl-6 {
        margin-right: 2.5rem !important;
        margin-left:  2.5rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left:  auto !important
    }

    .my-xxl-0 {
        margin-top:    0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top:    .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top:    .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top:    1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top:    1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top:    2rem !important;
        margin-bottom: 2rem !important
    }

    .my-xxl-6 {
        margin-top:    2.5rem !important;
        margin-bottom: 2.5rem !important
    }

    .my-xxl-auto {
        margin-top:    auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 2rem !important
    }

    .mt-xxl-6 {
        margin-top: 2.5rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 2rem !important
    }

    .me-xxl-6 {
        margin-right: 2.5rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 2rem !important
    }

    .mb-xxl-6 {
        margin-bottom: 2.5rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 2rem !important
    }

    .ms-xxl-6 {
        margin-left: 2.5rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .m-xxl-n1 {
        margin: -.25rem !important
    }

    .m-xxl-n2 {
        margin: -.5rem !important
    }

    .m-xxl-n3 {
        margin: -1rem !important
    }

    .m-xxl-n4 {
        margin: -1.5rem !important
    }

    .m-xxl-n5 {
        margin: -2rem !important
    }

    .m-xxl-n6 {
        margin: -2.5rem !important
    }

    .mx-xxl-n1 {
        margin-right: -.25rem !important;
        margin-left:  -.25rem !important
    }

    .mx-xxl-n2 {
        margin-right: -.5rem !important;
        margin-left:  -.5rem !important
    }

    .mx-xxl-n3 {
        margin-right: -1rem !important;
        margin-left:  -1rem !important
    }

    .mx-xxl-n4 {
        margin-right: -1.5rem !important;
        margin-left:  -1.5rem !important
    }

    .mx-xxl-n5 {
        margin-right: -2rem !important;
        margin-left:  -2rem !important
    }

    .mx-xxl-n6 {
        margin-right: -2.5rem !important;
        margin-left:  -2.5rem !important
    }

    .my-xxl-n1 {
        margin-top:    -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .my-xxl-n2 {
        margin-top:    -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .my-xxl-n3 {
        margin-top:    -1rem !important;
        margin-bottom: -1rem !important
    }

    .my-xxl-n4 {
        margin-top:    -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .my-xxl-n5 {
        margin-top:    -2rem !important;
        margin-bottom: -2rem !important
    }

    .my-xxl-n6 {
        margin-top:    -2.5rem !important;
        margin-bottom: -2.5rem !important
    }

    .mt-xxl-n1 {
        margin-top: -.25rem !important
    }

    .mt-xxl-n2 {
        margin-top: -.5rem !important
    }

    .mt-xxl-n3 {
        margin-top: -1rem !important
    }

    .mt-xxl-n4 {
        margin-top: -1.5rem !important
    }

    .mt-xxl-n5 {
        margin-top: -2rem !important
    }

    .mt-xxl-n6 {
        margin-top: -2.5rem !important
    }

    .me-xxl-n1 {
        margin-right: -.25rem !important
    }

    .me-xxl-n2 {
        margin-right: -.5rem !important
    }

    .me-xxl-n3 {
        margin-right: -1rem !important
    }

    .me-xxl-n4 {
        margin-right: -1.5rem !important
    }

    .me-xxl-n5 {
        margin-right: -2rem !important
    }

    .me-xxl-n6 {
        margin-right: -2.5rem !important
    }

    .mb-xxl-n1 {
        margin-bottom: -.25rem !important
    }

    .mb-xxl-n2 {
        margin-bottom: -.5rem !important
    }

    .mb-xxl-n3 {
        margin-bottom: -1rem !important
    }

    .mb-xxl-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-xxl-n5 {
        margin-bottom: -2rem !important
    }

    .mb-xxl-n6 {
        margin-bottom: -2.5rem !important
    }

    .ms-xxl-n1 {
        margin-left: -.25rem !important
    }

    .ms-xxl-n2 {
        margin-left: -.5rem !important
    }

    .ms-xxl-n3 {
        margin-left: -1rem !important
    }

    .ms-xxl-n4 {
        margin-left: -1.5rem !important
    }

    .ms-xxl-n5 {
        margin-left: -2rem !important
    }

    .ms-xxl-n6 {
        margin-left: -2.5rem !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 2rem !important
    }

    .p-xxl-6 {
        padding: 2.5rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left:  0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left:  .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left:  .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left:  1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left:  1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 2rem !important;
        padding-left:  2rem !important
    }

    .px-xxl-6 {
        padding-right: 2.5rem !important;
        padding-left:  2.5rem !important
    }

    .py-xxl-0 {
        padding-top:    0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top:    .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top:    .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top:    1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top:    1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top:    2rem !important;
        padding-bottom: 2rem !important
    }

    .py-xxl-6 {
        padding-top:    2.5rem !important;
        padding-bottom: 2.5rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 2rem !important
    }

    .pt-xxl-6 {
        padding-top: 2.5rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 2rem !important
    }

    .pe-xxl-6 {
        padding-right: 2.5rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 2rem !important
    }

    .pb-xxl-6 {
        padding-bottom: 2.5rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 2rem !important
    }

    .ps-xxl-6 {
        padding-left: 2.5rem !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 2rem !important
    }

    .gap-xxl-6 {
        gap: 2.5rem !important
    }

    .row-gap-xxl-0 {
        row-gap: 0 !important
    }

    .row-gap-xxl-1 {
        row-gap: .25rem !important
    }

    .row-gap-xxl-2 {
        row-gap: .5rem !important
    }

    .row-gap-xxl-3 {
        row-gap: 1rem !important
    }

    .row-gap-xxl-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-xxl-5 {
        row-gap: 2rem !important
    }

    .row-gap-xxl-6 {
        row-gap: 2.5rem !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:      .25rem !important
    }

    .column-gap-xxl-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap:      .5rem !important
    }

    .column-gap-xxl-3 {
        -moz-column-gap: 1rem !important;
        column-gap:      1rem !important
    }

    .column-gap-xxl-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap:      1.5rem !important
    }

    .column-gap-xxl-5 {
        -moz-column-gap: 2rem !important;
        column-gap:      2rem !important
    }

    .column-gap-xxl-6 {
        -moz-column-gap: 2.5rem !important;
        column-gap:      2.5rem !important
    }

    .text-xxl-start {
        text-align: left !important
    }

    .text-xxl-end {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }

    .columns-xxl-2 {
        -moz-columns: 2 !important;
        columns:      2 !important
    }

    .columns-xxl-3 {
        -moz-columns: 3 !important;
        columns:      3 !important
    }

    .columns-xxl-4 {
        -moz-columns: 4 !important;
        columns:      4 !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-inline-grid {
        display: inline-grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

:host, :root {
    --tblr-font-monospace:       Monaco, Consolas, Liberation Mono, Courier New, monospace;
    --tblr-font-sans-serif:      Inter Var, Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
    --tblr-font-serif:           Georgia, Times New Roman, times, serif;
    --tblr-font-comic:           Comic Sans MS, Comic Sans, Chalkboard SE, Comic Neue, sans-serif, cursive;
    --tblr-gray-50:              #f9fafb;
    --tblr-gray-100:             #f3f4f6;
    --tblr-gray-200:             #e5e7eb;
    --tblr-gray-300:             #d1d5db;
    --tblr-gray-400:             #9ca3af;
    --tblr-gray-500:             #6b7280;
    --tblr-gray-600:             #4b5563;
    --tblr-gray-700:             #374151;
    --tblr-gray-800:             #1f2937;
    --tblr-gray-900:             #111827;
    --tblr-gray-950:             #030712;
    --tblr-white:                #ffffff;
    --tblr-black:                #000000;
    --tblr-dark:                 #1f2937;
    --tblr-light:                #f9fafb;
    --tblr-brand:                #066fd1;
    --tblr-primary:              #066fd1;
    --tblr-primary-rgb:          6, 111, 209;
    --tblr-primary-fg:           var(--tblr-light);
    --tblr-primary-darken:       rgb(5.4, 99.9, 188.1);
    --tblr-primary-darken:       color-mix(in oklab, var(--tblr-primary), transparent 20%);
    --tblr-primary-lt:           rgb(230.1, 240.6, 250.4);
    --tblr-primary-lt:           color-mix(in oklab, var(--tblr-primary) 10%, transparent);
    --tblr-primary-200:          color-mix(in oklab, var(--tblr-primary) 20%, transparent);
    --tblr-primary-lt-rgb:       230, 241, 250;
    --tblr-secondary:            #6b7280;
    --tblr-secondary-rgb:        107, 114, 128;
    --tblr-secondary-fg:         var(--tblr-light);
    --tblr-secondary-darken:     rgb(96.3, 102.6, 115.2);
    --tblr-secondary-darken:     color-mix(in oklab, var(--tblr-secondary), transparent 20%);
    --tblr-secondary-lt:         rgb(240.2, 240.9, 242.3);
    --tblr-secondary-lt:         color-mix(in oklab, var(--tblr-secondary) 10%, transparent);
    --tblr-secondary-200:        color-mix(in oklab, var(--tblr-secondary) 20%, transparent);
    --tblr-secondary-lt-rgb:     240, 241, 242;
    --tblr-success:              #2fb344;
    --tblr-success-rgb:          47, 179, 68;
    --tblr-success-fg:           var(--tblr-light);
    --tblr-success-darken:       rgb(42.3, 161.1, 61.2);
    --tblr-success-darken:       color-mix(in oklab, var(--tblr-success), transparent 20%);
    --tblr-success-lt:           rgb(234.2, 247.4, 236.3);
    --tblr-success-lt:           color-mix(in oklab, var(--tblr-success) 10%, transparent);
    --tblr-success-200:          color-mix(in oklab, var(--tblr-success) 20%, transparent);
    --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:          rgb(59.4, 137.7, 202.5);
    --tblr-info-darken:          color-mix(in oklab, var(--tblr-info), transparent 20%);
    --tblr-info-lt:              rgb(236.1, 244.8, 252);
    --tblr-info-lt:              color-mix(in oklab, var(--tblr-info) 10%, transparent);
    --tblr-info-200:             color-mix(in oklab, var(--tblr-info) 20%, transparent);
    --tblr-info-lt-rgb:          236, 245, 252;
    --tblr-warning:              #f59f00;
    --tblr-warning-rgb:          245, 159, 0;
    --tblr-warning-fg:           var(--tblr-light);
    --tblr-warning-darken:       rgb(220.5, 143.1, 0);
    --tblr-warning-darken:       color-mix(in oklab, var(--tblr-warning), transparent 20%);
    --tblr-warning-lt:           rgb(254, 245.4, 229.5);
    --tblr-warning-lt:           color-mix(in oklab, var(--tblr-warning) 10%, transparent);
    --tblr-warning-200:          color-mix(in oklab, var(--tblr-warning) 20%, transparent);
    --tblr-warning-lt-rgb:       254, 245, 230;
    --tblr-danger:               #d63939;
    --tblr-danger-rgb:           214, 57, 57;
    --tblr-danger-fg:            var(--tblr-light);
    --tblr-danger-darken:        rgb(192.6, 51.3, 51.3);
    --tblr-danger-darken:        color-mix(in oklab, var(--tblr-danger), transparent 20%);
    --tblr-danger-lt:            rgb(250.9, 235.2, 235.2);
    --tblr-danger-lt:            color-mix(in oklab, var(--tblr-danger) 10%, transparent);
    --tblr-danger-200:           color-mix(in oklab, var(--tblr-danger) 20%, transparent);
    --tblr-danger-lt-rgb:        251, 235, 235;
    --tblr-light:                #f9fafb;
    --tblr-light-rgb:            249, 250, 251;
    --tblr-light-fg:             var(--tblr-dark);
    --tblr-light-darken:         rgb(224.1, 225, 225.9);
    --tblr-light-darken:         color-mix(in oklab, var(--tblr-light), transparent 20%);
    --tblr-light-lt:             rgb(254.4, 254.5, 254.6);
    --tblr-light-lt:             color-mix(in oklab, var(--tblr-light) 10%, transparent);
    --tblr-light-200:            color-mix(in oklab, var(--tblr-light) 20%, transparent);
    --tblr-light-lt-rgb:         254, 255, 255;
    --tblr-dark:                 #1f2937;
    --tblr-dark-rgb:             31, 41, 55;
    --tblr-dark-fg:              var(--tblr-light);
    --tblr-dark-darken:          rgb(27.9, 36.9, 49.5);
    --tblr-dark-darken:          color-mix(in oklab, var(--tblr-dark), transparent 20%);
    --tblr-dark-lt:              rgb(232.6, 233.6, 235);
    --tblr-dark-lt:              color-mix(in oklab, var(--tblr-dark) 10%, transparent);
    --tblr-dark-200:             color-mix(in oklab, var(--tblr-dark) 20%, transparent);
    --tblr-dark-lt-rgb:          233, 234, 235;
    --tblr-muted:                #6b7280;
    --tblr-muted-rgb:            107, 114, 128;
    --tblr-muted-fg:             var(--tblr-light);
    --tblr-muted-darken:         rgb(96.3, 102.6, 115.2);
    --tblr-muted-darken:         color-mix(in oklab, var(--tblr-muted), transparent 20%);
    --tblr-muted-lt:             rgb(240.2, 240.9, 242.3);
    --tblr-muted-lt:             color-mix(in oklab, var(--tblr-muted) 10%, transparent);
    --tblr-muted-200:            color-mix(in oklab, var(--tblr-muted) 20%, transparent);
    --tblr-muted-lt-rgb:         240, 241, 242;
    --tblr-blue:                 #066fd1;
    --tblr-blue-rgb:             6, 111, 209;
    --tblr-blue-fg:              var(--tblr-light);
    --tblr-blue-darken:          rgb(5.4, 99.9, 188.1);
    --tblr-blue-darken:          color-mix(in oklab, var(--tblr-blue), transparent 20%);
    --tblr-blue-lt:              rgb(230.1, 240.6, 250.4);
    --tblr-blue-lt:              color-mix(in oklab, var(--tblr-blue) 10%, transparent);
    --tblr-blue-200:             color-mix(in oklab, var(--tblr-blue) 20%, transparent);
    --tblr-blue-lt-rgb:          230, 241, 250;
    --tblr-azure:                #4299e1;
    --tblr-azure-rgb:            66, 153, 225;
    --tblr-azure-fg:             var(--tblr-light);
    --tblr-azure-darken:         rgb(59.4, 137.7, 202.5);
    --tblr-azure-darken:         color-mix(in oklab, var(--tblr-azure), transparent 20%);
    --tblr-azure-lt:             rgb(236.1, 244.8, 252);
    --tblr-azure-lt:             color-mix(in oklab, var(--tblr-azure) 10%, transparent);
    --tblr-azure-200:            color-mix(in oklab, var(--tblr-azure) 20%, transparent);
    --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:        rgb(59.4, 89.1, 211.5);
    --tblr-indigo-darken:        color-mix(in oklab, var(--tblr-indigo), transparent 20%);
    --tblr-indigo-lt:            rgb(236.1, 239.4, 253);
    --tblr-indigo-lt:            color-mix(in oklab, var(--tblr-indigo) 10%, transparent);
    --tblr-indigo-200:           color-mix(in oklab, var(--tblr-indigo) 20%, transparent);
    --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:        rgb(156.6, 55.8, 180.9);
    --tblr-purple-darken:        color-mix(in oklab, var(--tblr-purple), transparent 20%);
    --tblr-purple-lt:            rgb(246.9, 235.7, 249.6);
    --tblr-purple-lt:            color-mix(in oklab, var(--tblr-purple) 10%, transparent);
    --tblr-purple-200:           color-mix(in oklab, var(--tblr-purple) 20%, transparent);
    --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:          rgb(192.6, 45.9, 97.2);
    --tblr-pink-darken:          color-mix(in oklab, var(--tblr-pink), transparent 20%);
    --tblr-pink-lt:              rgb(250.9, 234.6, 240.3);
    --tblr-pink-lt:              color-mix(in oklab, var(--tblr-pink) 10%, transparent);
    --tblr-pink-200:             color-mix(in oklab, var(--tblr-pink) 20%, transparent);
    --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:           rgb(192.6, 51.3, 51.3);
    --tblr-red-darken:           color-mix(in oklab, var(--tblr-red), transparent 20%);
    --tblr-red-lt:               rgb(250.9, 235.2, 235.2);
    --tblr-red-lt:               color-mix(in oklab, var(--tblr-red) 10%, transparent);
    --tblr-red-200:              color-mix(in oklab, var(--tblr-red) 20%, transparent);
    --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:        rgb(222.3, 92.7, 6.3);
    --tblr-orange-darken:        color-mix(in oklab, var(--tblr-orange), transparent 20%);
    --tblr-orange-lt:            rgb(254.2, 239.8, 230.2);
    --tblr-orange-lt:            color-mix(in oklab, var(--tblr-orange) 10%, transparent);
    --tblr-orange-200:           color-mix(in oklab, var(--tblr-orange) 20%, transparent);
    --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:        rgb(220.5, 143.1, 0);
    --tblr-yellow-darken:        color-mix(in oklab, var(--tblr-yellow), transparent 20%);
    --tblr-yellow-lt:            rgb(254, 245.4, 229.5);
    --tblr-yellow-lt:            color-mix(in oklab, var(--tblr-yellow) 10%, transparent);
    --tblr-yellow-200:           color-mix(in oklab, var(--tblr-yellow) 20%, transparent);
    --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:          rgb(104.4, 165.6, 19.8);
    --tblr-lime-darken:          color-mix(in oklab, var(--tblr-lime), transparent 20%);
    --tblr-lime-lt:              rgb(241.1, 247.9, 231.7);
    --tblr-lime-lt:              color-mix(in oklab, var(--tblr-lime) 10%, transparent);
    --tblr-lime-200:             color-mix(in oklab, var(--tblr-lime) 20%, transparent);
    --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:         rgb(42.3, 161.1, 61.2);
    --tblr-green-darken:         color-mix(in oklab, var(--tblr-green), transparent 20%);
    --tblr-green-lt:             rgb(234.2, 247.4, 236.3);
    --tblr-green-lt:             color-mix(in oklab, var(--tblr-green) 10%, transparent);
    --tblr-green-200:            color-mix(in oklab, var(--tblr-green) 20%, transparent);
    --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:          rgb(10.8, 149.4, 108);
    --tblr-teal-darken:          color-mix(in oklab, var(--tblr-teal), transparent 20%);
    --tblr-teal-lt:              rgb(230.7, 246.1, 241.5);
    --tblr-teal-lt:              color-mix(in oklab, var(--tblr-teal) 10%, transparent);
    --tblr-teal-200:             color-mix(in oklab, var(--tblr-teal) 20%, transparent);
    --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:          rgb(20.7, 145.8, 165.6);
    --tblr-cyan-darken:          color-mix(in oklab, var(--tblr-cyan), transparent 20%);
    --tblr-cyan-lt:              rgb(231.8, 245.7, 247.9);
    --tblr-cyan-lt:              color-mix(in oklab, var(--tblr-cyan) 10%, transparent);
    --tblr-cyan-200:             color-mix(in oklab, var(--tblr-cyan) 20%, transparent);
    --tblr-cyan-lt-rgb:          232, 246, 248;
    --tblr-x:                    #000000;
    --tblr-x-rgb:                0, 0, 0;
    --tblr-x-fg:                 var(--tblr-light);
    --tblr-x-darken:             black;
    --tblr-x-darken:             color-mix(in oklab, var(--tblr-x), transparent 20%);
    --tblr-x-lt:                 rgb(229.5, 229.5, 229.5);
    --tblr-x-lt:                 color-mix(in oklab, var(--tblr-x) 10%, transparent);
    --tblr-x-200:                color-mix(in oklab, var(--tblr-x) 20%, transparent);
    --tblr-x-lt-rgb:             230, 230, 230;
    --tblr-facebook:             #1877f2;
    --tblr-facebook-rgb:         24, 119, 242;
    --tblr-facebook-fg:          var(--tblr-light);
    --tblr-facebook-darken:      rgb(21.6, 107.1, 217.8);
    --tblr-facebook-darken:      color-mix(in oklab, var(--tblr-facebook), transparent 20%);
    --tblr-facebook-lt:          rgb(231.9, 241.4, 253.7);
    --tblr-facebook-lt:          color-mix(in oklab, var(--tblr-facebook) 10%, transparent);
    --tblr-facebook-200:         color-mix(in oklab, var(--tblr-facebook) 20%, transparent);
    --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:       rgb(26.1, 144.9, 217.8);
    --tblr-twitter-darken:       color-mix(in oklab, var(--tblr-twitter), transparent 20%);
    --tblr-twitter-lt:           rgb(232.4, 245.6, 253.7);
    --tblr-twitter-lt:           color-mix(in oklab, var(--tblr-twitter) 10%, transparent);
    --tblr-twitter-200:          color-mix(in oklab, var(--tblr-twitter) 20%, transparent);
    --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:      rgb(9, 91.8, 174.6);
    --tblr-linkedin-darken:      color-mix(in oklab, var(--tblr-linkedin), transparent 20%);
    --tblr-linkedin-lt:          rgb(230.5, 239.7, 248.9);
    --tblr-linkedin-lt:          color-mix(in oklab, var(--tblr-linkedin) 10%, transparent);
    --tblr-linkedin-200:         color-mix(in oklab, var(--tblr-linkedin) 20%, transparent);
    --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:        rgb(198, 70.2, 58.5);
    --tblr-google-darken:        color-mix(in oklab, var(--tblr-google), transparent 20%);
    --tblr-google-lt:            rgb(251.5, 237.3, 236);
    --tblr-google-lt:            color-mix(in oklab, var(--tblr-google) 10%, transparent);
    --tblr-google-200:           color-mix(in oklab, var(--tblr-google) 20%, transparent);
    --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:       rgb(229.5, 0, 0);
    --tblr-youtube-darken:       color-mix(in oklab, var(--tblr-youtube), transparent 20%);
    --tblr-youtube-lt:           rgb(255, 229.5, 229.5);
    --tblr-youtube-lt:           color-mix(in oklab, var(--tblr-youtube) 10%, transparent);
    --tblr-youtube-200:          color-mix(in oklab, var(--tblr-youtube) 20%, transparent);
    --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:         rgb(23.4, 164.7, 210.6);
    --tblr-vimeo-darken:         color-mix(in oklab, var(--tblr-vimeo), transparent 20%);
    --tblr-vimeo-lt:             rgb(232.1, 247.8, 252.9);
    --tblr-vimeo-lt:             color-mix(in oklab, var(--tblr-vimeo) 10%, transparent);
    --tblr-vimeo-200:            color-mix(in oklab, var(--tblr-vimeo) 20%, transparent);
    --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:      rgb(210.6, 68.4, 123.3);
    --tblr-dribbble-darken:      color-mix(in oklab, var(--tblr-dribbble), transparent 20%);
    --tblr-dribbble-lt:          rgb(252.9, 237.1, 243.2);
    --tblr-dribbble-lt:          color-mix(in oklab, var(--tblr-dribbble) 10%, transparent);
    --tblr-dribbble-200:         color-mix(in oklab, var(--tblr-dribbble) 20%, transparent);
    --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:        rgb(21.6, 20.7, 20.7);
    --tblr-github-darken:        color-mix(in oklab, var(--tblr-github), transparent 20%);
    --tblr-github-lt:            rgb(231.9, 231.8, 231.8);
    --tblr-github-lt:            color-mix(in oklab, var(--tblr-github) 10%, transparent);
    --tblr-github-200:           color-mix(in oklab, var(--tblr-github) 20%, transparent);
    --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:     rgb(205.2, 57.6, 85.5);
    --tblr-instagram-darken:     color-mix(in oklab, var(--tblr-instagram), transparent 20%);
    --tblr-instagram-lt:         rgb(252.3, 235.9, 239);
    --tblr-instagram-lt:         color-mix(in oklab, var(--tblr-instagram) 10%, transparent);
    --tblr-instagram-200:        color-mix(in oklab, var(--tblr-instagram) 20%, transparent);
    --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:     rgb(170.1, 7.2, 25.2);
    --tblr-pinterest-darken:     color-mix(in oklab, var(--tblr-pinterest), transparent 20%);
    --tblr-pinterest-lt:         rgb(248.4, 230.3, 232.3);
    --tblr-pinterest-lt:         color-mix(in oklab, var(--tblr-pinterest) 10%, transparent);
    --tblr-pinterest-200:        color-mix(in oklab, var(--tblr-pinterest) 20%, transparent);
    --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:            rgb(89.1, 117.9, 151.2);
    --tblr-vk-darken:            color-mix(in oklab, var(--tblr-vk), transparent 20%);
    --tblr-vk-lt:                rgb(239.4, 242.6, 246.3);
    --tblr-vk-lt:                color-mix(in oklab, var(--tblr-vk) 10%, transparent);
    --tblr-vk-200:               color-mix(in oklab, var(--tblr-vk) 20%, transparent);
    --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:           rgb(229.5, 148.5, 0);
    --tblr-rss-darken:           color-mix(in oklab, var(--tblr-rss), transparent 20%);
    --tblr-rss-lt:               rgb(255, 246, 229.5);
    --tblr-rss-lt:               color-mix(in oklab, var(--tblr-rss) 10%, transparent);
    --tblr-rss-200:              color-mix(in oklab, var(--tblr-rss) 20%, transparent);
    --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:        rgb(0, 89.1, 198);
    --tblr-flickr-darken:        color-mix(in oklab, var(--tblr-flickr), transparent 20%);
    --tblr-flickr-lt:            rgb(229.5, 239.4, 251.5);
    --tblr-flickr-lt:            color-mix(in oklab, var(--tblr-flickr) 10%, transparent);
    --tblr-flickr-200:           color-mix(in oklab, var(--tblr-flickr) 20%, transparent);
    --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:     rgb(0, 73.8, 183.6);
    --tblr-bitbucket-darken:     color-mix(in oklab, var(--tblr-bitbucket), transparent 20%);
    --tblr-bitbucket-lt:         rgb(229.5, 237.7, 249.9);
    --tblr-bitbucket-lt:         color-mix(in oklab, var(--tblr-bitbucket) 10%, transparent);
    --tblr-bitbucket-200:        color-mix(in oklab, var(--tblr-bitbucket) 20%, transparent);
    --tblr-bitbucket-lt-rgb:     230, 238, 250;
    --tblr-tabler:               #066fd1;
    --tblr-tabler-rgb:           6, 111, 209;
    --tblr-tabler-fg:            var(--tblr-light);
    --tblr-tabler-darken:        rgb(5.4, 99.9, 188.1);
    --tblr-tabler-darken:        color-mix(in oklab, var(--tblr-tabler), transparent 20%);
    --tblr-tabler-lt:            rgb(230.1, 240.6, 250.4);
    --tblr-tabler-lt:            color-mix(in oklab, var(--tblr-tabler) 10%, transparent);
    --tblr-tabler-200:           color-mix(in oklab, var(--tblr-tabler) 20%, transparent);
    --tblr-tabler-lt-rgb:        230, 241, 250;
    --tblr-gray-50-fg:           var(--tblr-body-color);
    --tblr-gray-100-fg:          var(--tblr-body-color);
    --tblr-gray-200-fg:          var(--tblr-body-color);
    --tblr-gray-300-fg:          var(--tblr-body-color);
    --tblr-gray-400-fg:          var(--tblr-white);
    --tblr-gray-500-fg:          var(--tblr-white);
    --tblr-gray-600-fg:          var(--tblr-white);
    --tblr-gray-700-fg:          var(--tblr-white);
    --tblr-gray-800-fg:          var(--tblr-white);
    --tblr-gray-900-fg:          var(--tblr-white);
    --tblr-gray-950-fg:          var(--tblr-white);
    --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:             2.5rem;
    --tblr-font-weight-light:    300;
    --tblr-font-weight-normal:   400;
    --tblr-font-weight-medium:   500;
    --tblr-font-weight-bold:     600;
    --tblr-font-weight-black:    700;
    --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-shadow:               rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0;
    --tblr-shadow-border:        inset 0 0 0 1px var(--tblr-border-color-translucent);
    --tblr-shadow-transparent:   0 0 0 0 transparent;
    --tblr-shadow-input:         0 1px 1px rgba(var(--tblr-body-color-rgb), 0.06);
    --tblr-shadow-card:          0 0 4px rgba(var(--tblr-body-color-rgb), 0.04);
    --tblr-shadow-card-hover:    rgba(var(--tblr-body-color-rgb), 0.16) 0 2px 16px 0;
    --tblr-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);
    --tblr-border-radius-scale:  1;
    --tblr-border-radius-0:      calc(0 * var(--tblr-border-radius-scale, 1));
    --tblr-border-radius-sm:     calc(4px * var(--tblr-border-radius-scale, 1));
    --tblr-border-radius-md:     calc(6px * var(--tblr-border-radius-scale, 1));
    --tblr-border-radius-lg:     calc(8px * var(--tblr-border-radius-scale, 1));
    --tblr-border-radius-pill:   calc(100rem * var(--tblr-border-radius-scale, 1));
    --tblr-border-radius:        var(--tblr-border-radius-md);
    --tblr-backdrop-opacity:     24%;
    --tblr-backdrop-bg:          var(--tblr-bg-surface-dark);
    --tblr-backdrop-bg-dark:     color-mix(in srgb, var(--tblr-color-dark), transparent var(--tblr-backdrop-opacity));
    --tblr-backdrop-bg-light:    color-mix(in srgb, var(--tblr-color-light), transparent var(--tblr-backdrop-opacity));
    --tblr-backdrop-blur:        4px;
    --tblr-backdrop-filter:      blur(var(--tblr-backdrop-blur))
}

:host, :root {
    font-size: 16px;
    height:    100%
}

@media (min-width: 992px) {
    :host, :root {
        margin-left:  calc(100vw - 100%);
        margin-right: 0
    }
}

:host, :root, [data-bs-theme=light] {
    color-scheme:                              light;
    --tblr-spacer:                             var(--tblr-spacer-2);
    --tblr-bg-surface:                         var(--tblr-bg-surface-primary);
    --tblr-bg-surface-primary:                 var(--tblr-white);
    --tblr-bg-surface-secondary:               var(--tblr-gray-50);
    --tblr-bg-surface-tertiary:                var(--tblr-gray-50);
    --tblr-bg-surface-dark:                    var(--tblr-gray-900);
    --tblr-bg-surface-inverted:                var(--tblr-gray-900);
    --tblr-bg-forms:                           var(--tblr-bg-surface);
    --tblr-text-inverted:                      var(--tblr-gray-100);
    --tblr-body-color:                         var(--tblr-gray-700);
    --tblr-body-bg:                            var(--tblr-bg-surface-secondary);
    --tblr-link-color:                         var(--tblr-primary);
    --tblr-link-hover-color:                   color-mix(in srgb, var(--tblr-primary), #000 20%);
    --tblr-secondary:                          var(--tblr-gray-500);
    --tblr-tertiary:                           var(--tblr-gray-400);
    --tblr-border-color:                       #e5e7eb;
    --tblr-border-color-translucent:           rgba(4, 32, 69, 0.1);
    --tblr-border-dark-color:                  #9ca3af;
    --tblr-border-dark-color-translucent:      rgba(4, 32, 69, 0.27);
    --tblr-border-active-color:                rgb(169.16, 173.22, 181.34);
    --tblr-icon-color:                         var(--tblr-gray-400);
    --tblr-active-bg:                          rgba(var(--tblr-primary-rgb), 0.04);
    --tblr-disabled-bg:                        var(--tblr-bg-surface-secondary);
    --tblr-disabled-color:                     color-mix(in srgb, var(--tblr-body-color) 40%, transparent);
    --tblr-code-color:                         light-dark(var(--tblr-gray-600), var(--tblr-gray-400));
    --tblr-code-bg:                            light-dark(var(--tblr-gray-100), var(--tblr-gray-900));
    --tblr-dark-mode-border-color:             rgb(45.7069767442, 60.4511627907, 81.0930232558);
    --tblr-dark-mode-border-color-translucent: rgba(72, 110, 149, 0.14);
    --tblr-dark-mode-border-active-color:      rgb(53.0604651163, 70.176744186, 94.1395348837);
    --tblr-dark-mode-border-dark-color:        rgb(38.3534883721, 50.7255813953, 68.0465116279);
    --tblr-page-padding:                       var(--tblr-spacer-3);
    --tblr-page-padding-y:                     var(--tblr-spacer-4)
}

@media (max-width: 991.98px) {
    :host, :root, [data-bs-theme=light] {
        --tblr-page-padding: var(--tblr-spacer-2)
    }
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }
    14% {
        transform: scale(1.25)
    }
    28% {
        transform: scale(1)
    }
    42% {
        transform: scale(1.25)
    }
    70% {
        transform: scale(1)
    }
}

@keyframes tada {
    0% {
        transform: scale3d(1, 1, 1)
    }
    10%, 5% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -5deg)
    }
    15%, 25%, 35%, 45% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 5deg)
    }
    20%, 30%, 40% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -5deg)
    }
    50% {
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rotate-360 {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes blink {
    from {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes shake {
    0% {
        transform: scaleX(1)
    }
    20% {
        transform: scale3d(.9, .9, .9) rotate(-5deg)
    }
    50%, 70%, 90% {
        transform: scale3d(1.25, 1.25, 1.25) rotate(5deg)
    }
    60%, 80% {
        transform: scale3d(1.25, 1.25, 1.25) rotate(-5deg)
    }
    to {
        transform: scaleX(1)
    }
}

body {
    letter-spacing:          0;
    touch-action:            manipulation;
    text-rendering:          optimizeLegibility;
    font-feature-settings:   "liga" 0, "cv03", "cv04", "cv11";
    position:                relative;
    min-height:              100%;
    height:                  100%;
    padding:                 0;
    -webkit-font-smoothing:  antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media print {
    body {
        background: 0 0
    }
}

* {
    scrollbar-color: color-mix(in srgb, var(--tblr-scrollbar-color, var(--tblr-body-color)) 20%, transparent) transparent
}

::-webkit-scrollbar {
    width:              1rem;
    height:             1rem;
    -webkit-transition: background .3s;
    transition:         background .3s
}

@media (prefers-reduced-motion: reduce) {
    ::-webkit-scrollbar {
        -webkit-transition: none;
        transition:         none
    }
}

::-webkit-scrollbar-thumb {
    border-radius: 1rem;
    border:        5px solid transparent;
    box-shadow:    inset 0 0 0 1rem color-mix(in srgb, var(--tblr-scrollbar-color, var(--tblr-body-color)) 20%, transparent)
}

::-webkit-scrollbar-track {
    background: 0 0
}

:hover::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0 1rem color-mix(in srgb, var(--tblr-scrollbar-color, var(--tblr-body-color)) 40%, transparent)
}

::-webkit-scrollbar-corner {
    background: 0 0
}

.layout-fluid .container, .layout-fluid [class*=" container-"], .layout-fluid [class^=container-] {
    max-width: 100%
}

.layout-boxed {
    --tblr-theme-boxed-border-radius: 0;
    --tblr-theme-boxed-width:         1320px
}

@media (min-width: 768px) {
    .layout-boxed {
        background:                       #1f2937 linear-gradient(to right, rgba(255, 255, 255, .1), transparent) fixed;
        padding:                          1rem;
        --tblr-theme-boxed-border-radius: 6px
    }
}

.layout-boxed .page {
    margin:        0 auto;
    max-width:     var(--tblr-theme-boxed-width);
    border-radius: var(--tblr-theme-boxed-border-radius);
    color:         var(--tblr-body-color)
}

@media (min-width: 768px) {
    .layout-boxed .page {
        border:     var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
        background: var(--tblr-body-bg)
    }
}

.layout-boxed .page > .navbar:first-child {
    border-top-left-radius:  var(--tblr-theme-boxed-border-radius);
    border-top-right-radius: var(--tblr-theme-boxed-border-radius)
}

.navbar {
    --tblr-navbar-bg:                  var(--tblr-bg-surface);
    --tblr-navbar-border-width:        var(--tblr-border-width);
    --tblr-navbar-active-border-color: var(--tblr-primary);
    --tblr-navbar-active-bg:           rgba(0, 0, 0, 0.2);
    --tblr-navbar-border-color:        var(--tblr-border-color);
    --tblr-navbar-hover-color:         var(--tblr-body-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:       2.5rem;
    min-height:      2.5rem;
    justify-content: center;
    border-radius:   var(--tblr-border-radius)
}

.navbar .navbar-nav .nav-link .badge {
    position:  absolute;
    top:       .375rem;
    right:     .375rem;
    transform: translate(50%, -50%)
}

@media (max-width: 575.98px) {
    .navbar-expand-sm .navbar-collapse {
        flex-direction: column
    }

    .navbar-expand-sm .navbar-collapse [class^=container] {
        flex-direction: column;
        align-items:    stretch;
        padding:        0
    }

    .navbar-expand-sm .navbar-collapse .navbar-nav {
        margin-left:  0;
        margin-right: 0
    }

    .navbar-expand-sm .navbar-collapse .navbar-nav .nav-link {
        padding:         .5rem calc(calc(var(--tblr-page-padding) * 2) / 2);
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-collapse .dropdown-menu-columns {
        flex-direction: column
    }

    .navbar-expand-sm .navbar-collapse .dropdown-menu {
        padding:    0;
        background: 0 0;
        position:   static;
        color:      inherit;
        box-shadow: none;
        border:     none;
        min-width:  0;
        margin:     0
    }

    .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item {
        min-width:    0;
        display:      flex;
        width:        auto;
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 1.75rem);
        color:        inherit
    }

    .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item.disabled {
        color:            var(--tblr-disabled-color);
        pointer-events:   none;
        background-color: transparent
    }

    .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item:active {
        background: var(--tblr-navbar-active-bg)
    }

    .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 3.25rem)
    }

    .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 4.75rem)
    }

    .navbar-expand-sm .navbar-collapse .dropdown-toggle:after {
        margin-left: auto
    }

    .navbar-expand-sm .navbar-collapse .nav-item.active:after {
        border-bottom-width: 0;
        border-left-width:   3px;
        right:               auto;
        top:                 0;
        bottom:              0
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm .navbar-collapse {
        width: auto;
        flex:  1 1 auto
    }

    .navbar-expand-sm .nav-item.active {
        position: relative
    }

    .navbar-expand-sm .nav-item.active .nav-link {
        color: var(--tblr-navbar-active-color)
    }

    .navbar-expand-sm .nav-item.active:after {
        content:             "";
        position:            absolute;
        left:                0;
        right:               0;
        bottom:              -.25rem;
        border:              0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);
        border-bottom-width: 2px
    }

    .navbar-expand-sm.navbar-vertical {
        box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)
    }

    .navbar-expand-sm.navbar-vertical.navbar-end, .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-end ~ .navbar, .navbar-expand-sm.navbar-vertical.navbar-end ~ .page-wrapper, .navbar-expand-sm.navbar-vertical.navbar-right ~ .navbar, .navbar-expand-sm.navbar-vertical.navbar-right ~ .page-wrapper {
        margin-left:  0;
        margin-right: 15rem
    }
}

@media (max-width: 767.98px) {
    .navbar-expand-md .navbar-collapse {
        flex-direction: column
    }

    .navbar-expand-md .navbar-collapse [class^=container] {
        flex-direction: column;
        align-items:    stretch;
        padding:        0
    }

    .navbar-expand-md .navbar-collapse .navbar-nav {
        margin-left:  0;
        margin-right: 0
    }

    .navbar-expand-md .navbar-collapse .navbar-nav .nav-link {
        padding:         .5rem calc(calc(var(--tblr-page-padding) * 2) / 2);
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-collapse .dropdown-menu-columns {
        flex-direction: column
    }

    .navbar-expand-md .navbar-collapse .dropdown-menu {
        padding:    0;
        background: 0 0;
        position:   static;
        color:      inherit;
        box-shadow: none;
        border:     none;
        min-width:  0;
        margin:     0
    }

    .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item {
        min-width:    0;
        display:      flex;
        width:        auto;
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 1.75rem);
        color:        inherit
    }

    .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.disabled {
        color:            var(--tblr-disabled-color);
        pointer-events:   none;
        background-color: transparent
    }

    .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item:active {
        background: var(--tblr-navbar-active-bg)
    }

    .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 3.25rem)
    }

    .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 4.75rem)
    }

    .navbar-expand-md .navbar-collapse .dropdown-toggle:after {
        margin-left: auto
    }

    .navbar-expand-md .navbar-collapse .nav-item.active:after {
        border-bottom-width: 0;
        border-left-width:   3px;
        right:               auto;
        top:                 0;
        bottom:              0
    }
}

@media (min-width: 768px) {
    .navbar-expand-md .navbar-collapse {
        width: auto;
        flex:  1 1 auto
    }

    .navbar-expand-md .nav-item.active {
        position: relative
    }

    .navbar-expand-md .nav-item.active .nav-link {
        color: var(--tblr-navbar-active-color)
    }

    .navbar-expand-md .nav-item.active:after {
        content:             "";
        position:            absolute;
        left:                0;
        right:               0;
        bottom:              -.25rem;
        border:              0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);
        border-bottom-width: 2px
    }

    .navbar-expand-md.navbar-vertical {
        box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)
    }

    .navbar-expand-md.navbar-vertical.navbar-end, .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-end ~ .navbar, .navbar-expand-md.navbar-vertical.navbar-end ~ .page-wrapper, .navbar-expand-md.navbar-vertical.navbar-right ~ .navbar, .navbar-expand-md.navbar-vertical.navbar-right ~ .page-wrapper {
        margin-left:  0;
        margin-right: 15rem
    }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg .navbar-collapse {
        flex-direction: column
    }

    .navbar-expand-lg .navbar-collapse [class^=container] {
        flex-direction: column;
        align-items:    stretch;
        padding:        0
    }

    .navbar-expand-lg .navbar-collapse .navbar-nav {
        margin-left:  0;
        margin-right: 0
    }

    .navbar-expand-lg .navbar-collapse .navbar-nav .nav-link {
        padding:         .5rem calc(calc(var(--tblr-page-padding) * 2) / 2);
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-collapse .dropdown-menu-columns {
        flex-direction: column
    }

    .navbar-expand-lg .navbar-collapse .dropdown-menu {
        padding:    0;
        background: 0 0;
        position:   static;
        color:      inherit;
        box-shadow: none;
        border:     none;
        min-width:  0;
        margin:     0
    }

    .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item {
        min-width:    0;
        display:      flex;
        width:        auto;
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 1.75rem);
        color:        inherit
    }

    .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.disabled {
        color:            var(--tblr-disabled-color);
        pointer-events:   none;
        background-color: transparent
    }

    .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item:active {
        background: var(--tblr-navbar-active-bg)
    }

    .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 3.25rem)
    }

    .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 4.75rem)
    }

    .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
        margin-left: auto
    }

    .navbar-expand-lg .navbar-collapse .nav-item.active:after {
        border-bottom-width: 0;
        border-left-width:   3px;
        right:               auto;
        top:                 0;
        bottom:              0
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        width: auto;
        flex:  1 1 auto
    }

    .navbar-expand-lg .nav-item.active {
        position: relative
    }

    .navbar-expand-lg .nav-item.active .nav-link {
        color: var(--tblr-navbar-active-color)
    }

    .navbar-expand-lg .nav-item.active:after {
        content:             "";
        position:            absolute;
        left:                0;
        right:               0;
        bottom:              -.25rem;
        border:              0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);
        border-bottom-width: 2px
    }

    .navbar-expand-lg.navbar-vertical {
        box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)
    }

    .navbar-expand-lg.navbar-vertical.navbar-end, .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-end ~ .navbar, .navbar-expand-lg.navbar-vertical.navbar-end ~ .page-wrapper, .navbar-expand-lg.navbar-vertical.navbar-right ~ .navbar, .navbar-expand-lg.navbar-vertical.navbar-right ~ .page-wrapper {
        margin-left:  0;
        margin-right: 15rem
    }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl .navbar-collapse {
        flex-direction: column
    }

    .navbar-expand-xl .navbar-collapse [class^=container] {
        flex-direction: column;
        align-items:    stretch;
        padding:        0
    }

    .navbar-expand-xl .navbar-collapse .navbar-nav {
        margin-left:  0;
        margin-right: 0
    }

    .navbar-expand-xl .navbar-collapse .navbar-nav .nav-link {
        padding:         .5rem calc(calc(var(--tblr-page-padding) * 2) / 2);
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-collapse .dropdown-menu-columns {
        flex-direction: column
    }

    .navbar-expand-xl .navbar-collapse .dropdown-menu {
        padding:    0;
        background: 0 0;
        position:   static;
        color:      inherit;
        box-shadow: none;
        border:     none;
        min-width:  0;
        margin:     0
    }

    .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item {
        min-width:    0;
        display:      flex;
        width:        auto;
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 1.75rem);
        color:        inherit
    }

    .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item.disabled {
        color:            var(--tblr-disabled-color);
        pointer-events:   none;
        background-color: transparent
    }

    .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item:active {
        background: var(--tblr-navbar-active-bg)
    }

    .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 3.25rem)
    }

    .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 4.75rem)
    }

    .navbar-expand-xl .navbar-collapse .dropdown-toggle:after {
        margin-left: auto
    }

    .navbar-expand-xl .navbar-collapse .nav-item.active:after {
        border-bottom-width: 0;
        border-left-width:   3px;
        right:               auto;
        top:                 0;
        bottom:              0
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl .navbar-collapse {
        width: auto;
        flex:  1 1 auto
    }

    .navbar-expand-xl .nav-item.active {
        position: relative
    }

    .navbar-expand-xl .nav-item.active .nav-link {
        color: var(--tblr-navbar-active-color)
    }

    .navbar-expand-xl .nav-item.active:after {
        content:             "";
        position:            absolute;
        left:                0;
        right:               0;
        bottom:              -.25rem;
        border:              0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);
        border-bottom-width: 2px
    }

    .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-end, .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-end ~ .navbar, .navbar-expand-xl.navbar-vertical.navbar-end ~ .page-wrapper, .navbar-expand-xl.navbar-vertical.navbar-right ~ .navbar, .navbar-expand-xl.navbar-vertical.navbar-right ~ .page-wrapper {
        margin-left:  0;
        margin-right: 15rem
    }
}

@media (max-width: 1399.98px) {
    .navbar-expand-xxl .navbar-collapse {
        flex-direction: column
    }

    .navbar-expand-xxl .navbar-collapse [class^=container] {
        flex-direction: column;
        align-items:    stretch;
        padding:        0
    }

    .navbar-expand-xxl .navbar-collapse .navbar-nav {
        margin-left:  0;
        margin-right: 0
    }

    .navbar-expand-xxl .navbar-collapse .navbar-nav .nav-link {
        padding:         .5rem calc(calc(var(--tblr-page-padding) * 2) / 2);
        justify-content: flex-start
    }

    .navbar-expand-xxl .navbar-collapse .dropdown-menu-columns {
        flex-direction: column
    }

    .navbar-expand-xxl .navbar-collapse .dropdown-menu {
        padding:    0;
        background: 0 0;
        position:   static;
        color:      inherit;
        box-shadow: none;
        border:     none;
        min-width:  0;
        margin:     0
    }

    .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item {
        min-width:    0;
        display:      flex;
        width:        auto;
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 1.75rem);
        color:        inherit
    }

    .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item.disabled {
        color:            var(--tblr-disabled-color);
        pointer-events:   none;
        background-color: transparent
    }

    .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item:active {
        background: var(--tblr-navbar-active-bg)
    }

    .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 3.25rem)
    }

    .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 4.75rem)
    }

    .navbar-expand-xxl .navbar-collapse .dropdown-toggle:after {
        margin-left: auto
    }

    .navbar-expand-xxl .navbar-collapse .nav-item.active:after {
        border-bottom-width: 0;
        border-left-width:   3px;
        right:               auto;
        top:                 0;
        bottom:              0
    }
}

@media (min-width: 1400px) {
    .navbar-expand-xxl .navbar-collapse {
        width: auto;
        flex:  1 1 auto
    }

    .navbar-expand-xxl .nav-item.active {
        position: relative
    }

    .navbar-expand-xxl .nav-item.active .nav-link {
        color: var(--tblr-navbar-active-color)
    }

    .navbar-expand-xxl .nav-item.active:after {
        content:             "";
        position:            absolute;
        left:                0;
        right:               0;
        bottom:              -.25rem;
        border:              0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);
        border-bottom-width: 2px
    }

    .navbar-expand-xxl.navbar-vertical {
        box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)
    }

    .navbar-expand-xxl.navbar-vertical.navbar-end, .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-end ~ .navbar, .navbar-expand-xxl.navbar-vertical.navbar-end ~ .page-wrapper, .navbar-expand-xxl.navbar-vertical.navbar-right ~ .navbar, .navbar-expand-xxl.navbar-vertical.navbar-right ~ .page-wrapper {
        margin-left:  0;
        margin-right: 15rem
    }
}

.navbar-expand .navbar-collapse {
    flex-direction: column
}

.navbar-expand .navbar-collapse [class^=container] {
    flex-direction: column;
    align-items:    stretch;
    padding:        0
}

.navbar-expand .navbar-collapse .navbar-nav {
    margin-left:  0;
    margin-right: 0
}

.navbar-expand .navbar-collapse .navbar-nav .nav-link {
    padding:         .5rem calc(calc(var(--tblr-page-padding) * 2) / 2);
    justify-content: flex-start
}

.navbar-expand .navbar-collapse .dropdown-menu-columns {
    flex-direction: column
}

.navbar-expand .navbar-collapse .dropdown-menu {
    padding:    0;
    background: 0 0;
    position:   static;
    color:      inherit;
    box-shadow: none;
    border:     none;
    min-width:  0;
    margin:     0
}

.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item {
    min-width:    0;
    display:      flex;
    width:        auto;
    padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 1.75rem);
    color:        inherit
}

.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item.disabled {
    color:            var(--tblr-disabled-color);
    pointer-events:   none;
    background-color: transparent
}

.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand .navbar-collapse .dropdown-menu .dropdown-item:active {
    background: var(--tblr-navbar-active-bg)
}

.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 3.25rem)
}

.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 4.75rem)
}

.navbar-expand .navbar-collapse .dropdown-toggle:after {
    margin-left: auto
}

.navbar-expand .navbar-collapse .nav-item.active:after {
    border-bottom-width: 0;
    border-left-width:   3px;
    right:               auto;
    top:                 0;
    bottom:              0
}

.navbar-expand .navbar-collapse {
    width: auto;
    flex:  1 1 auto
}

.navbar-expand .nav-item.active {
    position: relative
}

.navbar-expand .nav-item.active .nav-link {
    color: var(--tblr-navbar-active-color)
}

.navbar-expand .nav-item.active:after {
    content:             "";
    position:            absolute;
    left:                0;
    right:               0;
    bottom:              -.25rem;
    border:              0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);
    border-bottom-width: 2px
}

.navbar-expand.navbar-vertical {
    box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)
}

.navbar-expand.navbar-vertical.navbar-end, .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-end ~ .navbar, .navbar-expand.navbar-vertical.navbar-end ~ .page-wrapper, .navbar-expand.navbar-vertical.navbar-right ~ .navbar, .navbar-expand.navbar-vertical.navbar-right ~ .page-wrapper {
    margin-left:  0;
    margin-right: 15rem
}

.navbar-brand {
    display:     inline-flex;
    align-items: center;
    font-weight: var(--tblr-font-weight-bold);
    margin:      0;
    line-height: 1;
    gap:         .5rem
}

.navbar-brand-image {
    height: 2rem;
    width:  auto
}

.navbar-toggler {
    border:          0;
    width:           2rem;
    height:          2rem;
    position:        relative;
    display:         flex;
    align-items:     center;
    justify-content: center
}

.navbar-toggler-icon {
    height:        2px;
    width:         1.25em;
    background:    currentColor;
    border-radius: 10px;
    transition:    top .2s .2s, bottom .2s .2s, transform .2s, opacity 0s .2s;
    position:      relative
}

@media (prefers-reduced-motion: reduce) {
    .navbar-toggler-icon {
        transition: none
    }
}

.navbar-toggler-icon:after, .navbar-toggler-icon:before {
    content:       "";
    display:       block;
    height:        inherit;
    width:         inherit;
    border-radius: inherit;
    background:    inherit;
    position:      absolute;
    left:          0;
    transition:    inherit
}

@media (prefers-reduced-motion: reduce) {
    .navbar-toggler-icon:after, .navbar-toggler-icon:before {
        transition: none
    }
}

.navbar-toggler-icon:before {
    top: -.45em
}

.navbar-toggler-icon:after {
    bottom: -.45em
}

.navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
    transform:  rotate(45deg);
    transition: top .3s, bottom .3s, transform .3s .3s, opacity 0s .3s
}

@media (prefers-reduced-motion: reduce) {
    .navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
        transition: none
    }
}

.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before {
    top:       0;
    transform: rotate(-90deg)
}

.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after {
    bottom:  0;
    opacity: 0
}

.navbar-transparent {
    --tblr-navbar-border-color: transparent !important;
    background:                 0 0 !important
}

.navbar-nav {
    --tblr-nav-link-hover-bg: color-mix(in srgb, var(--tblr-nav-link-color) 4%, transparent);
    margin:                   0;
    padding:                  0;
    align-items:              stretch
}

.navbar-nav .nav-item {
    display:         flex;
    flex-direction:  column;
    justify-content: center
}

.navbar-side {
    margin:          0;
    display:         flex;
    flex-direction:  row;
    align-items:     center;
    justify-content: space-around
}

@media (min-width: 576px) {
    .navbar-vertical.navbar-expand-sm {
        width:       15rem;
        position:    fixed;
        top:         0;
        left:        0;
        bottom:      0;
        z-index:     1030;
        align-items: flex-start;
        transition:  transform .3s;
        overflow-y:  scroll;
        padding:     0
    }
}

@media (min-width: 576px) and (prefers-reduced-motion: reduce) {
    .navbar-vertical.navbar-expand-sm {
        transition: none
    }
}

@media (min-width: 576px) {
    .navbar-vertical.navbar-expand-sm.navbar-end, .navbar-vertical.navbar-expand-sm.navbar-right {
        left:  auto;
        right: 0
    }

    .navbar-vertical.navbar-expand-sm .navbar-brand {
        padding:         .75rem 0;
        justify-content: center
    }

    .navbar-vertical.navbar-expand-sm .navbar-collapse {
        align-items: stretch
    }

    .navbar-vertical.navbar-expand-sm .navbar-nav {
        flex-direction: column;
        flex-grow:      1;
        min-height:     auto
    }

    .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link {
        padding-top:    .5rem;
        padding-bottom: .5rem
    }

    .navbar-vertical.navbar-expand-sm > [class^=container] {
        flex-direction:  column;
        align-items:     stretch;
        min-height:      100%;
        justify-content: flex-start;
        padding:         0
    }

    .navbar-vertical.navbar-expand-sm ~ .page {
        padding-left: 15rem
    }

    .navbar-vertical.navbar-expand-sm ~ .page [class^=container] {
        padding-left:  1.5rem;
        padding-right: 1.5rem
    }

    .navbar-vertical.navbar-expand-sm.navbar-end ~ .page, .navbar-vertical.navbar-expand-sm.navbar-right ~ .page {
        padding-left:  0;
        padding-right: 15rem
    }

    .navbar-vertical.navbar-expand-sm .navbar-collapse {
        flex-direction: column
    }

    .navbar-vertical.navbar-expand-sm .navbar-collapse [class^=container] {
        flex-direction: column;
        align-items:    stretch;
        padding:        0
    }

    .navbar-vertical.navbar-expand-sm .navbar-collapse .navbar-nav {
        margin-left:  0;
        margin-right: 0
    }

    .navbar-vertical.navbar-expand-sm .navbar-collapse .navbar-nav .nav-link {
        padding:         .5rem calc(calc(var(--tblr-page-padding) * 2) / 2);
        justify-content: flex-start
    }

    .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu-columns {
        flex-direction: column
    }

    .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu {
        padding:    0;
        background: 0 0;
        position:   static;
        color:      inherit;
        box-shadow: none;
        border:     none;
        min-width:  0;
        margin:     0
    }

    .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item {
        min-width:    0;
        display:      flex;
        width:        auto;
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 1.75rem);
        color:        inherit
    }

    .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item.disabled {
        color:            var(--tblr-disabled-color);
        pointer-events:   none;
        background-color: transparent
    }

    .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item:active {
        background: var(--tblr-navbar-active-bg)
    }

    .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 3.25rem)
    }

    .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 4.75rem)
    }

    .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-toggle:after {
        margin-left: auto
    }

    .navbar-vertical.navbar-expand-sm .navbar-collapse .nav-item.active:after {
        border-bottom-width: 0;
        border-left-width:   3px;
        right:               auto;
        top:                 0;
        bottom:              0
    }
}

@media (min-width: 768px) {
    .navbar-vertical.navbar-expand-md {
        width:       15rem;
        position:    fixed;
        top:         0;
        left:        0;
        bottom:      0;
        z-index:     1030;
        align-items: flex-start;
        transition:  transform .3s;
        overflow-y:  scroll;
        padding:     0
    }
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
    .navbar-vertical.navbar-expand-md {
        transition: none
    }
}

@media (min-width: 768px) {
    .navbar-vertical.navbar-expand-md.navbar-end, .navbar-vertical.navbar-expand-md.navbar-right {
        left:  auto;
        right: 0
    }

    .navbar-vertical.navbar-expand-md .navbar-brand {
        padding:         .75rem 0;
        justify-content: center
    }

    .navbar-vertical.navbar-expand-md .navbar-collapse {
        align-items: stretch
    }

    .navbar-vertical.navbar-expand-md .navbar-nav {
        flex-direction: column;
        flex-grow:      1;
        min-height:     auto
    }

    .navbar-vertical.navbar-expand-md .navbar-nav .nav-link {
        padding-top:    .5rem;
        padding-bottom: .5rem
    }

    .navbar-vertical.navbar-expand-md > [class^=container] {
        flex-direction:  column;
        align-items:     stretch;
        min-height:      100%;
        justify-content: flex-start;
        padding:         0
    }

    .navbar-vertical.navbar-expand-md ~ .page {
        padding-left: 15rem
    }

    .navbar-vertical.navbar-expand-md ~ .page [class^=container] {
        padding-left:  1.5rem;
        padding-right: 1.5rem
    }

    .navbar-vertical.navbar-expand-md.navbar-end ~ .page, .navbar-vertical.navbar-expand-md.navbar-right ~ .page {
        padding-left:  0;
        padding-right: 15rem
    }

    .navbar-vertical.navbar-expand-md .navbar-collapse {
        flex-direction: column
    }

    .navbar-vertical.navbar-expand-md .navbar-collapse [class^=container] {
        flex-direction: column;
        align-items:    stretch;
        padding:        0
    }

    .navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav {
        margin-left:  0;
        margin-right: 0
    }

    .navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav .nav-link {
        padding:         .5rem calc(calc(var(--tblr-page-padding) * 2) / 2);
        justify-content: flex-start
    }

    .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu-columns {
        flex-direction: column
    }

    .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu {
        padding:    0;
        background: 0 0;
        position:   static;
        color:      inherit;
        box-shadow: none;
        border:     none;
        min-width:  0;
        margin:     0
    }

    .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item {
        min-width:    0;
        display:      flex;
        width:        auto;
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 1.75rem);
        color:        inherit
    }

    .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.disabled {
        color:            var(--tblr-disabled-color);
        pointer-events:   none;
        background-color: transparent
    }

    .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item:active {
        background: var(--tblr-navbar-active-bg)
    }

    .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 3.25rem)
    }

    .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 4.75rem)
    }

    .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-toggle:after {
        margin-left: auto
    }

    .navbar-vertical.navbar-expand-md .navbar-collapse .nav-item.active:after {
        border-bottom-width: 0;
        border-left-width:   3px;
        right:               auto;
        top:                 0;
        bottom:              0
    }
}

@media (min-width: 992px) {
    .navbar-vertical.navbar-expand-lg {
        width:       15rem;
        position:    fixed;
        top:         0;
        left:        0;
        bottom:      0;
        z-index:     1030;
        align-items: flex-start;
        transition:  transform .3s;
        overflow-y:  scroll;
        padding:     0
    }
}

@media (min-width: 992px) and (prefers-reduced-motion: reduce) {
    .navbar-vertical.navbar-expand-lg {
        transition: none
    }
}

@media (min-width: 992px) {
    .navbar-vertical.navbar-expand-lg.navbar-end, .navbar-vertical.navbar-expand-lg.navbar-right {
        left:  auto;
        right: 0
    }

    .navbar-vertical.navbar-expand-lg .navbar-brand {
        padding:         .75rem 0;
        justify-content: center
    }

    .navbar-vertical.navbar-expand-lg .navbar-collapse {
        align-items: stretch
    }

    .navbar-vertical.navbar-expand-lg .navbar-nav {
        flex-direction: column;
        flex-grow:      1;
        min-height:     auto
    }

    .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link {
        padding-top:    .5rem;
        padding-bottom: .5rem
    }

    .navbar-vertical.navbar-expand-lg > [class^=container] {
        flex-direction:  column;
        align-items:     stretch;
        min-height:      100%;
        justify-content: flex-start;
        padding:         0
    }

    .navbar-vertical.navbar-expand-lg ~ .page {
        padding-left: 15rem
    }

    .navbar-vertical.navbar-expand-lg ~ .page [class^=container] {
        padding-left:  1.5rem;
        padding-right: 1.5rem
    }

    .navbar-vertical.navbar-expand-lg.navbar-end ~ .page, .navbar-vertical.navbar-expand-lg.navbar-right ~ .page {
        padding-left:  0;
        padding-right: 15rem
    }

    .navbar-vertical.navbar-expand-lg .navbar-collapse {
        flex-direction: column
    }

    .navbar-vertical.navbar-expand-lg .navbar-collapse [class^=container] {
        flex-direction: column;
        align-items:    stretch;
        padding:        0
    }

    .navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav {
        margin-left:  0;
        margin-right: 0
    }

    .navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav .nav-link {
        padding:         .5rem calc(calc(var(--tblr-page-padding) * 2) / 2);
        justify-content: flex-start
    }

    .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu-columns {
        flex-direction: column
    }

    .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu {
        padding:    0;
        background: 0 0;
        position:   static;
        color:      inherit;
        box-shadow: none;
        border:     none;
        min-width:  0;
        margin:     0
    }

    .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item {
        min-width:    0;
        display:      flex;
        width:        auto;
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 1.75rem);
        color:        inherit
    }

    .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.disabled {
        color:            var(--tblr-disabled-color);
        pointer-events:   none;
        background-color: transparent
    }

    .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item:active {
        background: var(--tblr-navbar-active-bg)
    }

    .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 3.25rem)
    }

    .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 4.75rem)
    }

    .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
        margin-left: auto
    }

    .navbar-vertical.navbar-expand-lg .navbar-collapse .nav-item.active:after {
        border-bottom-width: 0;
        border-left-width:   3px;
        right:               auto;
        top:                 0;
        bottom:              0
    }
}

@media (min-width: 1200px) {
    .navbar-vertical.navbar-expand-xl {
        width:       15rem;
        position:    fixed;
        top:         0;
        left:        0;
        bottom:      0;
        z-index:     1030;
        align-items: flex-start;
        transition:  transform .3s;
        overflow-y:  scroll;
        padding:     0
    }
}

@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
    .navbar-vertical.navbar-expand-xl {
        transition: none
    }
}

@media (min-width: 1200px) {
    .navbar-vertical.navbar-expand-xl.navbar-end, .navbar-vertical.navbar-expand-xl.navbar-right {
        left:  auto;
        right: 0
    }

    .navbar-vertical.navbar-expand-xl .navbar-brand {
        padding:         .75rem 0;
        justify-content: center
    }

    .navbar-vertical.navbar-expand-xl .navbar-collapse {
        align-items: stretch
    }

    .navbar-vertical.navbar-expand-xl .navbar-nav {
        flex-direction: column;
        flex-grow:      1;
        min-height:     auto
    }

    .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link {
        padding-top:    .5rem;
        padding-bottom: .5rem
    }

    .navbar-vertical.navbar-expand-xl > [class^=container] {
        flex-direction:  column;
        align-items:     stretch;
        min-height:      100%;
        justify-content: flex-start;
        padding:         0
    }

    .navbar-vertical.navbar-expand-xl ~ .page {
        padding-left: 15rem
    }

    .navbar-vertical.navbar-expand-xl ~ .page [class^=container] {
        padding-left:  1.5rem;
        padding-right: 1.5rem
    }

    .navbar-vertical.navbar-expand-xl.navbar-end ~ .page, .navbar-vertical.navbar-expand-xl.navbar-right ~ .page {
        padding-left:  0;
        padding-right: 15rem
    }

    .navbar-vertical.navbar-expand-xl .navbar-collapse {
        flex-direction: column
    }

    .navbar-vertical.navbar-expand-xl .navbar-collapse [class^=container] {
        flex-direction: column;
        align-items:    stretch;
        padding:        0
    }

    .navbar-vertical.navbar-expand-xl .navbar-collapse .navbar-nav {
        margin-left:  0;
        margin-right: 0
    }

    .navbar-vertical.navbar-expand-xl .navbar-collapse .navbar-nav .nav-link {
        padding:         .5rem calc(calc(var(--tblr-page-padding) * 2) / 2);
        justify-content: flex-start
    }

    .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu-columns {
        flex-direction: column
    }

    .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu {
        padding:    0;
        background: 0 0;
        position:   static;
        color:      inherit;
        box-shadow: none;
        border:     none;
        min-width:  0;
        margin:     0
    }

    .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item {
        min-width:    0;
        display:      flex;
        width:        auto;
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 1.75rem);
        color:        inherit
    }

    .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item.disabled {
        color:            var(--tblr-disabled-color);
        pointer-events:   none;
        background-color: transparent
    }

    .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item:active {
        background: var(--tblr-navbar-active-bg)
    }

    .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 3.25rem)
    }

    .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 4.75rem)
    }

    .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-toggle:after {
        margin-left: auto
    }

    .navbar-vertical.navbar-expand-xl .navbar-collapse .nav-item.active:after {
        border-bottom-width: 0;
        border-left-width:   3px;
        right:               auto;
        top:                 0;
        bottom:              0
    }
}

@media (min-width: 1400px) {
    .navbar-vertical.navbar-expand-xxl {
        width:       15rem;
        position:    fixed;
        top:         0;
        left:        0;
        bottom:      0;
        z-index:     1030;
        align-items: flex-start;
        transition:  transform .3s;
        overflow-y:  scroll;
        padding:     0
    }
}

@media (min-width: 1400px) and (prefers-reduced-motion: reduce) {
    .navbar-vertical.navbar-expand-xxl {
        transition: none
    }
}

@media (min-width: 1400px) {
    .navbar-vertical.navbar-expand-xxl.navbar-end, .navbar-vertical.navbar-expand-xxl.navbar-right {
        left:  auto;
        right: 0
    }

    .navbar-vertical.navbar-expand-xxl .navbar-brand {
        padding:         .75rem 0;
        justify-content: center
    }

    .navbar-vertical.navbar-expand-xxl .navbar-collapse {
        align-items: stretch
    }

    .navbar-vertical.navbar-expand-xxl .navbar-nav {
        flex-direction: column;
        flex-grow:      1;
        min-height:     auto
    }

    .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link {
        padding-top:    .5rem;
        padding-bottom: .5rem
    }

    .navbar-vertical.navbar-expand-xxl > [class^=container] {
        flex-direction:  column;
        align-items:     stretch;
        min-height:      100%;
        justify-content: flex-start;
        padding:         0
    }

    .navbar-vertical.navbar-expand-xxl ~ .page {
        padding-left: 15rem
    }

    .navbar-vertical.navbar-expand-xxl ~ .page [class^=container] {
        padding-left:  1.5rem;
        padding-right: 1.5rem
    }

    .navbar-vertical.navbar-expand-xxl.navbar-end ~ .page, .navbar-vertical.navbar-expand-xxl.navbar-right ~ .page {
        padding-left:  0;
        padding-right: 15rem
    }

    .navbar-vertical.navbar-expand-xxl .navbar-collapse {
        flex-direction: column
    }

    .navbar-vertical.navbar-expand-xxl .navbar-collapse [class^=container] {
        flex-direction: column;
        align-items:    stretch;
        padding:        0
    }

    .navbar-vertical.navbar-expand-xxl .navbar-collapse .navbar-nav {
        margin-left:  0;
        margin-right: 0
    }

    .navbar-vertical.navbar-expand-xxl .navbar-collapse .navbar-nav .nav-link {
        padding:         .5rem calc(calc(var(--tblr-page-padding) * 2) / 2);
        justify-content: flex-start
    }

    .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu-columns {
        flex-direction: column
    }

    .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu {
        padding:    0;
        background: 0 0;
        position:   static;
        color:      inherit;
        box-shadow: none;
        border:     none;
        min-width:  0;
        margin:     0
    }

    .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item {
        min-width:    0;
        display:      flex;
        width:        auto;
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 1.75rem);
        color:        inherit
    }

    .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item.disabled {
        color:            var(--tblr-disabled-color);
        pointer-events:   none;
        background-color: transparent
    }

    .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item:active {
        background: var(--tblr-navbar-active-bg)
    }

    .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 3.25rem)
    }

    .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 4.75rem)
    }

    .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-toggle:after {
        margin-left: auto
    }

    .navbar-vertical.navbar-expand-xxl .navbar-collapse .nav-item.active:after {
        border-bottom-width: 0;
        border-left-width:   3px;
        right:               auto;
        top:                 0;
        bottom:              0
    }
}

.navbar-vertical.navbar-expand {
    width:       15rem;
    position:    fixed;
    top:         0;
    left:        0;
    bottom:      0;
    z-index:     1030;
    align-items: flex-start;
    transition:  transform .3s;
    overflow-y:  scroll;
    padding:     0
}

@media (prefers-reduced-motion: reduce) {
    .navbar-vertical.navbar-expand {
        transition: none
    }
}

.navbar-vertical.navbar-expand.navbar-end, .navbar-vertical.navbar-expand.navbar-right {
    left:  auto;
    right: 0
}

.navbar-vertical.navbar-expand .navbar-brand {
    padding:         .75rem 0;
    justify-content: center
}

.navbar-vertical.navbar-expand .navbar-collapse {
    align-items: stretch
}

.navbar-vertical.navbar-expand .navbar-nav {
    flex-direction: column;
    flex-grow:      1;
    min-height:     auto
}

.navbar-vertical.navbar-expand .navbar-nav .nav-link {
    padding-top:    .5rem;
    padding-bottom: .5rem
}

.navbar-vertical.navbar-expand > [class^=container] {
    flex-direction:  column;
    align-items:     stretch;
    min-height:      100%;
    justify-content: flex-start;
    padding:         0
}

.navbar-vertical.navbar-expand ~ .page {
    padding-left: 15rem
}

.navbar-vertical.navbar-expand ~ .page [class^=container] {
    padding-left:  1.5rem;
    padding-right: 1.5rem
}

.navbar-vertical.navbar-expand.navbar-end ~ .page, .navbar-vertical.navbar-expand.navbar-right ~ .page {
    padding-left:  0;
    padding-right: 15rem
}

.navbar-vertical.navbar-expand .navbar-collapse {
    flex-direction: column
}

.navbar-vertical.navbar-expand .navbar-collapse [class^=container] {
    flex-direction: column;
    align-items:    stretch;
    padding:        0
}

.navbar-vertical.navbar-expand .navbar-collapse .navbar-nav {
    margin-left:  0;
    margin-right: 0
}

.navbar-vertical.navbar-expand .navbar-collapse .navbar-nav .nav-link {
    padding:         .5rem calc(calc(var(--tblr-page-padding) * 2) / 2);
    justify-content: flex-start
}

.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu-columns {
    flex-direction: column
}

.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu {
    padding:    0;
    background: 0 0;
    position:   static;
    color:      inherit;
    box-shadow: none;
    border:     none;
    min-width:  0;
    margin:     0
}

.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item {
    min-width:    0;
    display:      flex;
    width:        auto;
    padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 1.75rem);
    color:        inherit
}

.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item.disabled {
    color:            var(--tblr-disabled-color);
    pointer-events:   none;
    background-color: transparent
}

.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item:active {
    background: var(--tblr-navbar-active-bg)
}

.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 3.25rem)
}

.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 4.75rem)
}

.navbar-vertical.navbar-expand .navbar-collapse .dropdown-toggle:after {
    margin-left: auto
}

.navbar-vertical.navbar-expand .navbar-collapse .nav-item.active:after {
    border-bottom-width: 0;
    border-left-width:   3px;
    right:               auto;
    top:                 0;
    bottom:              0
}

.navbar-overlap:after {
    content:    "";
    height:     9rem;
    position:   absolute;
    top:        100%;
    left:       0;
    right:      0;
    background: inherit;
    z-index:    -1;
    box-shadow: inherit
}

.page {
    display:        flex;
    flex-direction: column;
    position:       relative;
    min-height:     100%
}

.page-center {
    justify-content: center
}

.page-wrapper {
    flex:           1;
    display:        flex;
    flex-direction: column
}

@media print {
    .page-wrapper {
        margin: 0 !important
    }
}

.page-wrapper-full .page-body:first-child {
    margin:     0;
    border-top: 0
}

.page-body {
    margin-top:     var(--tblr-page-padding-y);
    margin-bottom:  var(--tblr-page-padding-y);
    display:        flex;
    flex-direction: column;
    flex:           1
}

.page-body-card {
    background:    var(--tblr-bg-surface);
    border-top:    var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
    padding:       var(--tblr-page-padding) 0;
    margin-bottom: 0;
    flex:          1
}

.page-body ~ .page-body-card {
    margin-top: 0
}

.page-cover {
    background: no-repeat center/cover;
    min-height: 9rem
}

@media (min-width: 768px) {
    .page-cover {
        min-height: 12rem
    }
}

@media (min-width: 992px) {
    .page-cover {
        min-height: 15rem
    }
}

.page-cover-overlay {
    position: relative
}

.page-cover-overlay:after {
    content:          "";
    position:         absolute;
    top:              0;
    left:             0;
    right:            0;
    bottom:           0;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .6) 100%)
}

.page-header {
    display:         flex;
    flex-wrap:       wrap;
    min-height:      2.25rem;
    flex-direction:  column;
    justify-content: center;
    max-width:       100%
}

.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:      .75rem;
    font-weight:    var(--tblr-font-weight-medium);
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height:    1rem;
    color:          var(--tblr-secondary)
}

.page-title {
    margin:      0;
    font-size:   var(--tblr-font-size-h2);
    line-height: var(--tblr-line-height-h2);
    font-weight: var(--tblr-font-weight-headings);
    color:       inherit;
    display:     flex;
    align-items: center
}

.page-title svg {
    width:        1.5rem;
    height:       1.5rem;
    margin-right: .25rem
}

.page-title-lg {
    font-size:   1.5rem;
    line-height: 2rem
}

.page-subtitle {
    margin-top: .25rem;
    color:      var(--tblr-secondary)
}

.page-cover {
    --tblr-page-cover-blur:    20px;
    --tblr-page-cover-padding: 1rem;
    min-height:                6rem;
    padding:                   var(--tblr-page-cover-padding) 0;
    position:                  relative;
    overflow:                  hidden
}

.page-cover-img {
    position:            absolute;
    top:                 calc(-2 * var(--tblr-page-cover-blur, 0));
    left:                calc(-2 * var(--tblr-page-cover-blur, 0));
    right:               calc(-2 * var(--tblr-page-cover-blur, 0));
    bottom:              calc(-2 * var(--tblr-page-cover-blur, 0));
    pointer-events:      none;
    filter:              blur(var(--tblr-page-cover-blur));
    -o-object-fit:       cover;
    object-fit:          cover;
    background-size:     cover;
    background-position: center;
    z-index:             -1
}

.page-tabs {
    margin-top: .5rem;
    position:   relative
}

.page-header-tabs .nav-bordered {
    border: 0
}

.page-header-tabs + .page-body-card {
    margin-top: 0
}

.footer {
    border-top:       var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
    background-color: var(--tblr-bg-surface);
    padding:          2rem 0;
    color:            var(--tblr-gray-500);
    margin-top:       auto
}

.footer-transparent {
    background-color: transparent;
    border-top:       0
}

:root:not(.theme-dark):not([data-bs-theme=dark]) .hide-theme-light {
    display: none !important
}

:root:not(.theme-dark):not([data-bs-theme=dark]) .img-dark {
    display: none !important
}

:root.theme-dark .hide-theme-dark, :root[data-bs-theme=dark] .hide-theme-dark, body[data-bs-theme=dark] [data-bs-theme=light]:root .hide-theme-dark {
    display: none !important
}

:root.theme-dark .img-light, :root[data-bs-theme=dark] .img-light, body[data-bs-theme=dark] [data-bs-theme=light]:root .img-light {
    display: none !important
}

/* change this for dark mode bg */
[data-bs-theme=dark], body[data-bs-theme=dark] [data-bs-theme=light] {
    color-scheme:                    dark;

    --tblr-body-color:               #c9d1d9; /* was #e4e6eb */
    --tblr-secondary:                #8b949e; /* was #9ca3af */

    /* GitHub-like pure dark surfaces */
    --tblr-body-bg:                  #0d1117; /* was #18191a */
    --tblr-bg-forms:                 #0d1117; /* was #18191a */
    --tblr-bg-surface:               #161b22; /* was #242526 */
    --tblr-bg-surface-secondary:     #0d1117; /* was #18191a */
    --tblr-bg-surface-tertiary:      #21262d; /* was #3a3b3c */

    /* Inverted text for light chips */
    --tblr-text-inverted:            #0d1117; /* was #18191a */

    /* Links (brand-green). For GitHub-blue use #2f81f7 / #58a6ff */
    --tblr-link-color:               #24a162; /* was #24a162 */
    --tblr-link-hover-color:         #2fba74; /* was #2fba74 */
    /* Example GitHub-blue:
	   --tblr-link-color: #2f81f7;
	   --tblr-link-hover-color: #58a6ff; */

    /* Active/hover backgrounds */
    --tblr-active-bg:                #21262d; /* was #3a3b3c */

    /* Disabled text mixes remain as-is */
    --tblr-disabled-color:           color-mix(in srgb, var(--tblr-body-color) 40%, transparent);

    /* Borders: neutral slate, no blue tint */
    --tblr-border-color:             #30363d; /* was #3a3b3c */
    --tblr-border-color-translucent: rgba(48, 54, 61, 0.6); /* was rgba(58, 59, 60, 0.5) */
    --tblr-border-dark-color:        #161b22; /* was #242526 */
    --tblr-border-active-color:      #3d444d; /* was #4a4b4c */

    /* Button text on dark surfaces */
    --tblr-btn-color:                var(--tblr-body-color); /* was var(--tblr-body-color) */

    /* Emphasis tokens */
    --tblr-emphasis-color:           #ffffff;
    --tblr-emphasis-color-rgb:       255, 255, 255;

    /* Light surface for inverted components (e.g., toasts, chips) */
    --tblr-bg-surface-inverted:      #f0f6fc; /* was #f3f4f6 */
}

[data-bs-theme=dark] .navbar-brand-autodark .navbar-brand-image {
    /*filter: brightness(0) invert(1)*/
}

.accordion {
    --tblr-accordion-color:               var(--tblr-body-color);
    --tblr-accordion-border-color:        var(--tblr-border-color);
    --tblr-accordion-border-radius:       var(--tblr-border-radius);
    --tblr-accordion-inner-border-radius: calc(var(--tblr-border-radius) - (var(--tblr-border-width)));
    --tblr-accordion-padding-x:           1.25rem;
    --tblr-accordion-gap:                 0;
    --tblr-accordion-active-color:        inherit;
    --tblr-accordion-btn-color:           var(--tblr-accordion-color);
    --tblr-accordion-btn-bg:              transparent;
    --tblr-accordion-btn-toggle-width:    1.25rem;
    --tblr-accordion-btn-padding-x:       var(--tblr-accordion-padding-x);
    --tblr-accordion-btn-padding-y:       1rem;
    --tblr-accordion-btn-font-weight:     var(--tblr-font-weight-medium);
    --tblr-accordion-body-padding-x:      var(--tblr-accordion-padding-x);
    --tblr-accordion-body-padding-y:      1rem;
    display:                              flex;
    flex-direction:                       column;
    gap:                                  var(--tblr-accordion-gap)
}

.accordion-button {
    position:         relative;
    display:          flex;
    align-items:      center;
    width:            100%;
    padding:          var(--tblr-accordion-btn-padding-y) var(--tblr-accordion-padding-x);
    color:            inherit;
    text-align:       inherit;
    background-color: transparent;
    border:           0;
    font-size:        inherit;
    font-weight:      var(--tblr-accordion-btn-font-weight);
    gap:              .75rem
}

.accordion-button:not(.collapsed) {
    border-bottom-color: transparent;
    box-shadow:          none;
    color:               var(--tblr-accordion-active-color)
}

.accordion-header {
    margin:           0;
    position:         relative;
    display:          flex;
    gap:              1rem;
    align-items:      center;
    width:            100%;
    color:            var(--tblr-accordion-btn-color);
    text-align:       left;
    background-color: transparent;
    border:           0;
    overflow-anchor:  none;
    transition:       transform .3s
}

.accordion-header:hover {
    z-index: 2
}

.accordion-header:focus {
    z-index:    3;
    outline:    0;
    box-shadow: var(--tblr-accordion-btn-focus-box-shadow)
}

.accordion-header:focus:not(:focus-visible) {
    outline:    0;
    box-shadow: none
}

.accordion-button-icon {
    color: var(--tblr-secondary)
}

.accordion-button-toggle {
    display:      flex;
    line-height:  1;
    transition:   .3s transform;
    margin-left:  auto;
    margin-right: 0;
    color:        var(--tblr-secondary);
    width:        var(--tblr-accordion-btn-toggle-width);
    height:       var(--tblr-accordion-btn-toggle-width)
}

.accordion-button:not(.collapsed) .accordion-button-toggle {
    transform: rotate(-180deg);
    color:     var(--tblr-accordion-active-color)
}

.accordion-button-toggle path {
    transition: .3s opacity
}

.accordion-button:not(.collapsed) .accordion-button-toggle-plus path:first-child {
    opacity: 0
}

.accordion-item {
    color:  var(--tblr-accordion-color);
    border: var(--tblr-border-width) solid var(--tblr-accordion-border-color)
}

.accordion-item:first-of-type {
    border-top-left-radius:  var(--tblr-accordion-border-radius);
    border-top-right-radius: var(--tblr-accordion-border-radius)
}

.accordion-item:first-of-type > .accordion-header {
    border-top-left-radius:  var(--tblr-accordion-inner-border-radius);
    border-top-right-radius: var(--tblr-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: var(--tblr-accordion-border-radius);
    border-bottom-left-radius:  var(--tblr-accordion-border-radius)
}

.accordion-item:last-of-type > .accordion-header.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 {
    color:   var(--tblr-secondary);
    padding: 0 var(--tblr-accordion-body-padding-x) var(--tblr-accordion-body-padding-y)
}

.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-collapse, .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
    border-radius: 0
}

.accordion-tabs {
    --tblr-accordion-gap: 0.75rem
}

.accordion-tabs > .accordion-item {
    border:        var(--tblr-border-width) solid var(--tblr-accordion-border-color);
    border-radius: var(--tblr-accordion-border-radius)
}

.accordion-inverted .accordion-button-toggle {
    order:       -1;
    margin-left: 0
}

.alert {
    --tblr-alert-color:               var(--tblr-body-color);
    --tblr-alert-bg:                  color-mix(in srgb, var(--tblr-alert-color) 10%, transparent);
    --tblr-alert-padding-x:           1rem;
    --tblr-alert-padding-y:           0.75rem;
    --tblr-alert-margin-bottom:       1rem;
    --tblr-alert-border-color:        color-mix(in srgb, var(--tblr-alert-color) 20%, 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;
    --tblr-alert-heading-font-weight: var(--tblr-font-weight-medium);
    position:                         relative;
    padding:                          var(--tblr-alert-padding-y) var(--tblr-alert-padding-x);
    margin-bottom:                    var(--tblr-alert-margin-bottom);
    background-color:                 color-mix(in srgb, var(--tblr-alert-bg), var(--tblr-bg-surface));
    border-radius:                    var(--tblr-alert-border-radius);
    border:                           var(--tblr-border-width) var(--tblr-border-style) var(--tblr-alert-border-color);
    display:                          flex;
    flex-direction:                   row;
    gap:                              1rem
}

.alert-heading {
    color:         inherit;
    margin-bottom: .25rem;
    font-weight:   var(--tblr-alert-heading-font-weight)
}

.alert-description {
    color: var(--tblr-secondary)
}

.alert-icon {
    color:  var(--tblr-alert-color);
    width:  1.25rem !important;
    height: 1.25rem !important
}

.alert-action {
    color:           var(--tblr-alert-color);
    text-decoration: underline
}

.alert-action:hover {
    text-decoration: none
}

.alert-list {
    margin: 0
}

.alert-link {
    font-weight: var(--tblr-font-weight-bold);
    color:       var(--tblr-alert-link-color)
}

.alert-link, .alert-link:hover {
    color: var(--tblr-alert-color)
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top:      calc(var(--tblr-alert-padding-x) / 2 - 1px);
    right:    calc(var(--tblr-alert-padding-y) / 2 - 1px);
    z-index:  1;
    padding:  calc(var(--tblr-alert-padding-y) * 1.25) var(--tblr-alert-padding-x)
}

.alert-important {
    border-color:     var(--tblr-alert-color);
    background-color: var(--tblr-alert-color);
    color:            var(--tblr-white)
}

.alert-important .alert-description {
    color: inherit
}

.alert-important .alert-icon {
    color: inherit
}

.alert-minor {
    background:   0 0;
    border-color: var(--tblr-border-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)
}

.avatar {
    --tblr-avatar-size:             var(--tblr-avatar-list-size, 2.5rem);
    --tblr-avatar-status-size:      0.75rem;
    --tblr-avatar-bg:               var(--tblr-bg-surface-secondary);
    --tblr-avatar-box-shadow-color: var(--tblr-border-color-translucent);
    --tblr-avatar-box-shadow:       inset 0 0 0 1px var(--tblr-avatar-box-shadow-color);
    --tblr-avatar-font-size:        1rem;
    --tblr-avatar-icon-size:        1.5rem;
    --tblr-avatar-brand-size:       1.25rem;
    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;
    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);
    transition:                     color .3s, background-color .3s, box-shadow .3s
}

.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
}

a.avatar:hover {
    color:                          var(--tblr-primary);
    --tblr-avatar-box-shadow-color: var(--tblr-primary)
}

.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.5rem;
    --tblr-avatar-brand-size:  0.5rem
}

.avatar-xxs .badge:empty {
    width:  .25rem;
    height: .25rem
}

.avatar-xs {
    --tblr-avatar-size:        1.25rem;
    --tblr-avatar-status-size: 0.375rem;
    --tblr-avatar-font-size:   0.625rem;
    --tblr-avatar-icon-size:   0.75rem;
    --tblr-avatar-brand-size:  0.75rem
}

.avatar-xs .badge:empty {
    width:  .375rem;
    height: .375rem
}

.avatar-sm {
    --tblr-avatar-size:        2rem;
    --tblr-avatar-status-size: 0.5rem;
    --tblr-avatar-font-size:   0.75rem;
    --tblr-avatar-icon-size:   1.5rem;
    --tblr-avatar-brand-size:  1rem
}

.avatar-sm .badge:empty {
    width:  .5rem;
    height: .5rem
}

.avatar-md {
    --tblr-avatar-size:        2.5rem;
    --tblr-avatar-status-size: 0.75rem;
    --tblr-avatar-font-size:   0.875rem;
    --tblr-avatar-icon-size:   1.5rem;
    --tblr-avatar-brand-size:  1.25rem
}

.avatar-md .badge:empty {
    width:  .75rem;
    height: .75rem
}

.avatar-lg {
    --tblr-avatar-size:        3rem;
    --tblr-avatar-status-size: 0.75rem;
    --tblr-avatar-font-size:   1.25rem;
    --tblr-avatar-icon-size:   2rem;
    --tblr-avatar-brand-size:  1.25rem
}

.avatar-lg .badge:empty {
    width:  .75rem;
    height: .75rem
}

.avatar-xl {
    --tblr-avatar-size:        5rem;
    --tblr-avatar-status-size: 1rem;
    --tblr-avatar-font-size:   2rem;
    --tblr-avatar-icon-size:   3rem;
    --tblr-avatar-brand-size:  1.25rem
}

.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;
    --tblr-avatar-brand-size:  2rem
}

.avatar-2xl .badge:empty {
    width:  1rem;
    height: 1rem
}

.avatar-list {
    --tblr-avatar-list-size: 2.5rem;
    --tblr-list-gap:         0.5rem;
    display:                 flex;
    flex-wrap:               wrap;
    gap:                     var(--tblr-list-gap)
}

.avatar-list a.avatar:hover {
    z-index: 1
}

.avatar-list-stacked {
    display:         block;
    --tblr-list-gap: 0
}

.avatar-list-stacked .avatar {
    margin-right: calc(-.5 * var(--tblr-avatar-size)) !important;
    box-shadow:   var(--tblr-avatar-box-shadow), 0 0 0 2px var(--tblr-card-bg, var(--tblr-bg-surface))
}

.avatar-list-xxs {
    --tblr-avatar-list-size: 1rem
}

.avatar-list-xs {
    --tblr-avatar-list-size: 1.25rem
}

.avatar-list-sm {
    --tblr-avatar-list-size: 2rem
}

.avatar-list-md {
    --tblr-avatar-list-size: 2.5rem
}

.avatar-list-lg {
    --tblr-avatar-list-size: 3rem
}

.avatar-list-xl {
    --tblr-avatar-list-size: 5rem
}

.avatar-list-2xl {
    --tblr-avatar-list-size: 7rem
}

.avatar-upload {
    border:         var(--tblr-border-width) dashed var(--tblr-border-color);
    background:     var(--tblr-bg-forms);
    box-shadow:     none;
    flex-direction: column;
    transition:     color .3s, background-color .3s
}

@media (prefers-reduced-motion: reduce) {
    .avatar-upload {
        transition: none
    }
}

.avatar-upload svg {
    width:        1.5rem;
    height:       1.5rem;
    stroke-width: 1
}

.avatar-upload:hover {
    border-color:    var(--tblr-primary);
    color:           var(--tblr-primary);
    text-decoration: none
}

.avatar-upload-text {
    font-size:   .625rem;
    line-height: 1;
    margin-top:  .25rem
}

.avatar-cover {
    margin-top: calc(-.5 * var(--tblr-avatar-size));
    box-shadow: 0 0 0 .25rem var(--tblr-card-bg, var(--tblr-body-bg))
}

.avatar-brand {
    width:         var(--tblr-avatar-brand-size);
    height:        var(--tblr-avatar-brand-size);
    position:      absolute;
    right:         -2px;
    bottom:        -2px;
    z-index:       1000;
    background:    var(--tblr-bg-surface);
    border-radius: var(--tblr-border-radius);
    border:        1px solid var(--tblr-border-color)
}

.badge {
    --tblr-badge-padding-x:     0.5em;
    --tblr-badge-padding-y:     0.25em;
    --tblr-badge-font-size:     0.85714285em;
    --tblr-badge-font-weight:   var(--tblr-font-weight-medium);
    --tblr-badge-color:         var(--tblr-secondary);
    --tblr-badge-border-radius: var(--tblr-border-radius);
    --tblr-badge-icon-size:     1em;
    --tblr-badge-line-height:   1;
    display:                    inline-flex;
    padding:                    var(--tblr-badge-padding-y) var(--tblr-badge-padding-x);
    font-weight:                var(--tblr-badge-font-weight);
    font-size:                  var(--tblr-badge-font-size);
    color:                      var(--tblr-badge-color);
    text-align:                 center;
    white-space:                nowrap;
    justify-content:            center;
    align-items:                center;
    gap:                        .25rem;
    background:                 var(--tblr-bg-surface-secondary);
    overflow:                   hidden;
    -webkit-user-select:        none;
    -moz-user-select:           none;
    user-select:                none;
    border:                     var(--tblr-border-width) var(--tblr-border-style) transparent;
    border-radius:              var(--tblr-badge-border-radius);
    min-width:                  calc(1em + var(--tblr-badge-padding-y) * 2 + 2px);
    letter-spacing:             .04em;
    vertical-align:             bottom;
    line-height:                var(--tblr-badge-line-height)
}

a.badge {
    background: var(--tblr-bg-surface-secondary)
}

.badge .icon {
    width:        1em;
    height:       1em;
    font-size:    var(--tblr-badge-icon-size);
    stroke-width: 2
}

.badge-dot, .badge:empty {
    display:        inline-block;
    width:          10px;
    height:         10px;
    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
}

.badge-sm {
    --tblr-badge-font-size: 0.71428571em;
    --tblr-badge-icon-size: 1em;
    --tblr-badge-padding-y: 2px;
    --tblr-badge-padding-x: 0.25rem
}

.badge-lg {
    --tblr-badge-font-size: 1em;
    --tblr-badge-icon-size: 1em;
    --tblr-badge-padding-y: 0.25rem;
    --tblr-badge-padding-x: 0.5rem
}

.badge-icononly {
    --tblr-badge-padding-x: 0
}

.breadcrumb {
    --tblr-breadcrumb-padding-x:               0;
    --tblr-breadcrumb-padding-y:               0;
    --tblr-breadcrumb-margin-bottom:           1rem;
    --tblr-breadcrumb-font-size: ;
    --tblr-breadcrumb-bg: ;
    --tblr-breadcrumb-border-radius: ;
    --tblr-breadcrumb-divider-color:           var(--tblr-gray-500);
    --tblr-breadcrumb-item-padding-x:          0.5rem;
    --tblr-breadcrumb-item-active-color:       inherit;
    --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);
    display:                                   flex;
    flex-wrap:                                 wrap;
    font-size:                                 var(--tblr-breadcrumb-font-size);
    list-style:                                none;
    background-color:                          var(--tblr-breadcrumb-bg);
    border-radius:                             var(--tblr-breadcrumb-border-radius);
    padding:                                   0;
    margin:                                    0;
    background:                                0 0
}

.breadcrumb a {
    color: var(--tblr-breadcrumb-link-color)
}

.breadcrumb a:hover {
    text-decoration: underline
}

.breadcrumb-muted {
    --tblr-breadcrumb-link-color: var(--tblr-secondary)
}

.breadcrumb-item.active {
    color:       var(--tblr-breadcrumb-item-active-color);
    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-item + .breadcrumb-item {
    padding-left: var(--tblr-breadcrumb-item-padding-x)
}

.breadcrumb-item + .breadcrumb-item::before {
    float:         left;
    padding-right: var(--tblr-breadcrumb-item-padding-x);
    color:         var(--tblr-breadcrumb-divider-color);
    content:       var(--tblr-breadcrumb-divider, "/")
}

.breadcrumb-dots {
    --tblr-breadcrumb-divider: "·"
}

.breadcrumb-arrows {
    --tblr-breadcrumb-divider: "›"
}

.breadcrumb-bullets {
    --tblr-breadcrumb-divider: "•"
}

.btn {
    --tblr-btn-icon-size:           1.25rem;
    --tblr-btn-icon-color:          inherit;
    --tblr-btn-bg:                  var(--tblr-bg-surface);
    --tblr-btn-color:               var(--tblr-body-color);
    --tblr-btn-border-color:        var(--tblr-border-color);
    --tblr-btn-hover-bg:            var(--tblr-btn-bg);
    --tblr-btn-hover-border-color:  var(--tblr-border-active-color);
    --tblr-btn-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);
    position:                       relative;
    min-width:                      calc(var(--tblr-btn-line-height) * 1 + var(--tblr-btn-padding-y) * 2 + var(--tblr-btn-border-width) * 2);
    min-height:                     calc(var(--tblr-btn-line-height) * 1 + var(--tblr-btn-padding-y) * 2 + var(--tblr-btn-border-width) * 2)
}

.btn .icon {
    width:          var(--tblr-btn-icon-size);
    height:         var(--tblr-btn-icon-size);
    min-width:      var(--tblr-btn-icon-size);
    font-size:      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:          var(--tblr-btn-icon-color)
}

.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-end, .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:            rgb(6.711627907, 124.1651162791, 233.788372093);
    background-color: transparent;
    border-color:     transparent;
    box-shadow:       none
}

.btn-link .icon {
    color: inherit
}

.btn-link:hover {
    color:        rgb(4.8, 88.8, 167.2);
    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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-primary);
    --tblr-btn-hover-color:         var(--tblr-primary-fg);
    --tblr-btn-hover-bg:            var(--tblr-primary-darken);
    --tblr-btn-active-color:        var(--tblr-primary-fg);
    --tblr-btn-active-bg:           var(--tblr-primary-darken);
    --tblr-btn-disabled-bg:         var(--tblr-primary);
    --tblr-btn-disabled-color:      var(--tblr-primary-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-primary, .btn-outline.btn-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-active-border-color:   var(--tblr-primary);
    --tblr-btn-disabled-color:        var(--tblr-primary);
    --tblr-btn-disabled-border-color: var(--tblr-primary)
}

.btn-ghost-primary, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-secondary);
    --tblr-btn-hover-color:         var(--tblr-secondary-fg);
    --tblr-btn-hover-bg:            var(--tblr-secondary-darken);
    --tblr-btn-active-color:        var(--tblr-secondary-fg);
    --tblr-btn-active-bg:           var(--tblr-secondary-darken);
    --tblr-btn-disabled-bg:         var(--tblr-secondary);
    --tblr-btn-disabled-color:      var(--tblr-secondary-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-secondary, .btn-outline.btn-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-active-border-color:   var(--tblr-secondary);
    --tblr-btn-disabled-color:        var(--tblr-secondary);
    --tblr-btn-disabled-border-color: var(--tblr-secondary)
}

.btn-ghost-secondary, .btn-ghost.btn-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-sja-green-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(--sja-green-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(--sja-green-primary);
    --tblr-btn-disabled-color:      var(--tblr-primary-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-button), var(--tblr-shadow-button-inset);
}

.btn-outline-sja-green-primary {
    --tblr-btn-color:                 var(--sja-green-primary);
    --tblr-btn-bg:                    transparent;
    --tblr-btn-border-color:          var(--sja-green-primary);
    --tblr-btn-hover-color:           var(--tblr-primary-fg);
    --tblr-btn-hover-border-color:    transparent;
    --tblr-btn-hover-bg:              var(--sja-green-primary);
    --tblr-btn-active-color:          var(--tblr-primary-fg);
    --tblr-btn-active-bg:             var(--sja-green-primary);
    --tblr-btn-disabled-color:        var(--sja-green-primary);
    --tblr-btn-disabled-border-color: var(--sja-green-primary);
}

.btn-sja-green-secondary {
    --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(--sja-green-secondary);
    --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(--sja-green-secondary);
    --tblr-btn-disabled-color:      var(--tblr-primary-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-button), var(--tblr-shadow-button-inset);
}

.btn-outline-sja-green-secondary {
    --tblr-btn-color:                 var(--sja-green-secondary);
    --tblr-btn-bg:                    transparent;
    --tblr-btn-border-color:          var(--sja-green-secondary);
    --tblr-btn-hover-color:           var(--tblr-primary-fg);
    --tblr-btn-hover-border-color:    transparent;
    --tblr-btn-hover-bg:              var(--sja-green-secondary);
    --tblr-btn-active-color:          var(--tblr-primary-fg);
    --tblr-btn-active-bg:             var(--sja-green-secondary);
    --tblr-btn-disabled-color:        var(--sja-green-secondary);
    --tblr-btn-disabled-border-color: var(--sja-green-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-success);
    --tblr-btn-hover-color:         var(--tblr-success-fg);
    --tblr-btn-hover-bg:            var(--tblr-success-darken);
    --tblr-btn-active-color:        var(--tblr-success-fg);
    --tblr-btn-active-bg:           var(--tblr-success-darken);
    --tblr-btn-disabled-bg:         var(--tblr-success);
    --tblr-btn-disabled-color:      var(--tblr-success-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-success, .btn-outline.btn-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-active-border-color:   var(--tblr-success);
    --tblr-btn-disabled-color:        var(--tblr-success);
    --tblr-btn-disabled-border-color: var(--tblr-success)
}

.btn-ghost-success, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-info);
    --tblr-btn-hover-color:         var(--tblr-info-fg);
    --tblr-btn-hover-bg:            var(--tblr-info-darken);
    --tblr-btn-active-color:        var(--tblr-info-fg);
    --tblr-btn-active-bg:           var(--tblr-info-darken);
    --tblr-btn-disabled-bg:         var(--tblr-info);
    --tblr-btn-disabled-color:      var(--tblr-info-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-info, .btn-outline.btn-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-active-border-color:   var(--tblr-info);
    --tblr-btn-disabled-color:        var(--tblr-info);
    --tblr-btn-disabled-border-color: var(--tblr-info)
}

.btn-ghost-info, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-warning);
    --tblr-btn-hover-color:         var(--tblr-warning-fg);
    --tblr-btn-hover-bg:            var(--tblr-warning-darken);
    --tblr-btn-active-color:        var(--tblr-warning-fg);
    --tblr-btn-active-bg:           var(--tblr-warning-darken);
    --tblr-btn-disabled-bg:         var(--tblr-warning);
    --tblr-btn-disabled-color:      var(--tblr-warning-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-warning, .btn-outline.btn-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-active-border-color:   var(--tblr-warning);
    --tblr-btn-disabled-color:        var(--tblr-warning);
    --tblr-btn-disabled-border-color: var(--tblr-warning)
}

.btn-ghost-warning, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-danger);
    --tblr-btn-hover-color:         var(--tblr-danger-fg);
    --tblr-btn-hover-bg:            var(--tblr-danger-darken);
    --tblr-btn-active-color:        var(--tblr-danger-fg);
    --tblr-btn-active-bg:           var(--tblr-danger-darken);
    --tblr-btn-disabled-bg:         var(--tblr-danger);
    --tblr-btn-disabled-color:      var(--tblr-danger-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-danger, .btn-outline.btn-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-active-border-color:   var(--tblr-danger);
    --tblr-btn-disabled-color:        var(--tblr-danger);
    --tblr-btn-disabled-border-color: var(--tblr-danger)
}

.btn-ghost-danger, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-light);
    --tblr-btn-hover-color:         var(--tblr-light-fg);
    --tblr-btn-hover-bg:            var(--tblr-light-darken);
    --tblr-btn-active-color:        var(--tblr-light-fg);
    --tblr-btn-active-bg:           var(--tblr-light-darken);
    --tblr-btn-disabled-bg:         var(--tblr-light);
    --tblr-btn-disabled-color:      var(--tblr-light-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-light, .btn-outline.btn-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-active-border-color:   var(--tblr-light);
    --tblr-btn-disabled-color:        var(--tblr-light);
    --tblr-btn-disabled-border-color: var(--tblr-light)
}

.btn-ghost-light, .btn-ghost.btn-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-dark {
    --tblr-btn-border-color:        var(--tblr-dark-mode-border-color);
    --tblr-btn-hover-border-color:  var(--tblr-dark-mode-border-active-color);
    --tblr-btn-active-border-color: var(--tblr-dark-mode-border-active-color);
    --tblr-btn-color:               var(--tblr-dark-fg, #ffffff);
    --tblr-btn-bg:                  var(--tblr-dark);
    --tblr-btn-hover-color:         var(--tblr-dark-fg);
    --tblr-btn-hover-bg:            var(--tblr-dark-darken);
    --tblr-btn-active-color:        var(--tblr-dark-fg);
    --tblr-btn-active-bg:           var(--tblr-dark-darken);
    --tblr-btn-disabled-bg:         var(--tblr-dark);
    --tblr-btn-disabled-color:      var(--tblr-dark-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-dark, .btn-outline.btn-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-active-border-color:   var(--tblr-dark);
    --tblr-btn-disabled-color:        var(--tblr-dark);
    --tblr-btn-disabled-border-color: var(--tblr-dark)
}

.btn-ghost-dark, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-muted);
    --tblr-btn-hover-color:         var(--tblr-muted-fg);
    --tblr-btn-hover-bg:            var(--tblr-muted-darken);
    --tblr-btn-active-color:        var(--tblr-muted-fg);
    --tblr-btn-active-bg:           var(--tblr-muted-darken);
    --tblr-btn-disabled-bg:         var(--tblr-muted);
    --tblr-btn-disabled-color:      var(--tblr-muted-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-muted, .btn-outline.btn-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-active-border-color:   var(--tblr-muted);
    --tblr-btn-disabled-color:        var(--tblr-muted);
    --tblr-btn-disabled-border-color: var(--tblr-muted)
}

.btn-ghost-muted, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-blue);
    --tblr-btn-hover-color:         var(--tblr-blue-fg);
    --tblr-btn-hover-bg:            var(--tblr-blue-darken);
    --tblr-btn-active-color:        var(--tblr-blue-fg);
    --tblr-btn-active-bg:           var(--tblr-blue-darken);
    --tblr-btn-disabled-bg:         var(--tblr-blue);
    --tblr-btn-disabled-color:      var(--tblr-blue-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-blue, .btn-outline.btn-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-active-border-color:   var(--tblr-blue);
    --tblr-btn-disabled-color:        var(--tblr-blue);
    --tblr-btn-disabled-border-color: var(--tblr-blue)
}

.btn-ghost-blue, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-azure);
    --tblr-btn-hover-color:         var(--tblr-azure-fg);
    --tblr-btn-hover-bg:            var(--tblr-azure-darken);
    --tblr-btn-active-color:        var(--tblr-azure-fg);
    --tblr-btn-active-bg:           var(--tblr-azure-darken);
    --tblr-btn-disabled-bg:         var(--tblr-azure);
    --tblr-btn-disabled-color:      var(--tblr-azure-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-azure, .btn-outline.btn-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-active-border-color:   var(--tblr-azure);
    --tblr-btn-disabled-color:        var(--tblr-azure);
    --tblr-btn-disabled-border-color: var(--tblr-azure)
}

.btn-ghost-azure, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-indigo);
    --tblr-btn-hover-color:         var(--tblr-indigo-fg);
    --tblr-btn-hover-bg:            var(--tblr-indigo-darken);
    --tblr-btn-active-color:        var(--tblr-indigo-fg);
    --tblr-btn-active-bg:           var(--tblr-indigo-darken);
    --tblr-btn-disabled-bg:         var(--tblr-indigo);
    --tblr-btn-disabled-color:      var(--tblr-indigo-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-indigo, .btn-outline.btn-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-active-border-color:   var(--tblr-indigo);
    --tblr-btn-disabled-color:        var(--tblr-indigo);
    --tblr-btn-disabled-border-color: var(--tblr-indigo)
}

.btn-ghost-indigo, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-purple);
    --tblr-btn-hover-color:         var(--tblr-purple-fg);
    --tblr-btn-hover-bg:            var(--tblr-purple-darken);
    --tblr-btn-active-color:        var(--tblr-purple-fg);
    --tblr-btn-active-bg:           var(--tblr-purple-darken);
    --tblr-btn-disabled-bg:         var(--tblr-purple);
    --tblr-btn-disabled-color:      var(--tblr-purple-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-purple, .btn-outline.btn-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-active-border-color:   var(--tblr-purple);
    --tblr-btn-disabled-color:        var(--tblr-purple);
    --tblr-btn-disabled-border-color: var(--tblr-purple)
}

.btn-ghost-purple, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-pink);
    --tblr-btn-hover-color:         var(--tblr-pink-fg);
    --tblr-btn-hover-bg:            var(--tblr-pink-darken);
    --tblr-btn-active-color:        var(--tblr-pink-fg);
    --tblr-btn-active-bg:           var(--tblr-pink-darken);
    --tblr-btn-disabled-bg:         var(--tblr-pink);
    --tblr-btn-disabled-color:      var(--tblr-pink-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-pink, .btn-outline.btn-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-active-border-color:   var(--tblr-pink);
    --tblr-btn-disabled-color:        var(--tblr-pink);
    --tblr-btn-disabled-border-color: var(--tblr-pink)
}

.btn-ghost-pink, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-red);
    --tblr-btn-hover-color:         var(--tblr-red-fg);
    --tblr-btn-hover-bg:            var(--tblr-red-darken);
    --tblr-btn-active-color:        var(--tblr-red-fg);
    --tblr-btn-active-bg:           var(--tblr-red-darken);
    --tblr-btn-disabled-bg:         var(--tblr-red);
    --tblr-btn-disabled-color:      var(--tblr-red-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-red, .btn-outline.btn-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-active-border-color:   var(--tblr-red);
    --tblr-btn-disabled-color:        var(--tblr-red);
    --tblr-btn-disabled-border-color: var(--tblr-red)
}

.btn-ghost-red, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-orange);
    --tblr-btn-hover-color:         var(--tblr-orange-fg);
    --tblr-btn-hover-bg:            var(--tblr-orange-darken);
    --tblr-btn-active-color:        var(--tblr-orange-fg);
    --tblr-btn-active-bg:           var(--tblr-orange-darken);
    --tblr-btn-disabled-bg:         var(--tblr-orange);
    --tblr-btn-disabled-color:      var(--tblr-orange-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-orange, .btn-outline.btn-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-active-border-color:   var(--tblr-orange);
    --tblr-btn-disabled-color:        var(--tblr-orange);
    --tblr-btn-disabled-border-color: var(--tblr-orange)
}

.btn-ghost-orange, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-yellow);
    --tblr-btn-hover-color:         var(--tblr-yellow-fg);
    --tblr-btn-hover-bg:            var(--tblr-yellow-darken);
    --tblr-btn-active-color:        var(--tblr-yellow-fg);
    --tblr-btn-active-bg:           var(--tblr-yellow-darken);
    --tblr-btn-disabled-bg:         var(--tblr-yellow);
    --tblr-btn-disabled-color:      var(--tblr-yellow-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-yellow, .btn-outline.btn-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-active-border-color:   var(--tblr-yellow);
    --tblr-btn-disabled-color:        var(--tblr-yellow);
    --tblr-btn-disabled-border-color: var(--tblr-yellow)
}

.btn-ghost-yellow, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-lime);
    --tblr-btn-hover-color:         var(--tblr-lime-fg);
    --tblr-btn-hover-bg:            var(--tblr-lime-darken);
    --tblr-btn-active-color:        var(--tblr-lime-fg);
    --tblr-btn-active-bg:           var(--tblr-lime-darken);
    --tblr-btn-disabled-bg:         var(--tblr-lime);
    --tblr-btn-disabled-color:      var(--tblr-lime-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-lime, .btn-outline.btn-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-active-border-color:   var(--tblr-lime);
    --tblr-btn-disabled-color:        var(--tblr-lime);
    --tblr-btn-disabled-border-color: var(--tblr-lime)
}

.btn-ghost-lime, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-green);
    --tblr-btn-hover-color:         var(--tblr-green-fg);
    --tblr-btn-hover-bg:            var(--tblr-green-darken);
    --tblr-btn-active-color:        var(--tblr-green-fg);
    --tblr-btn-active-bg:           var(--tblr-green-darken);
    --tblr-btn-disabled-bg:         var(--tblr-green);
    --tblr-btn-disabled-color:      var(--tblr-green-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-green, .btn-outline.btn-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-active-border-color:   var(--tblr-green);
    --tblr-btn-disabled-color:        var(--tblr-green);
    --tblr-btn-disabled-border-color: var(--tblr-green)
}

/* ==== SJA Primary Button (filled) ==== */
.btn-sja-primary {
    --tblr-btn-border-color:        transparent;
    --tblr-btn-hover-border-color:  transparent;
    --tblr-btn-active-border-color: transparent;

    --tblr-btn-color:               #ffffff; /* text colour */
    --tblr-btn-bg:                  var(--sja-green-secondary); /* was var(--tblr-green) */
    --tblr-btn-hover-color:         #ffffff;
    --tblr-btn-hover-bg:            var(--sja-green-primary); /* darker green */
    --tblr-btn-active-color:        #ffffff;
    --tblr-btn-active-bg:           var(--sja-green-primary);
    --tblr-btn-disabled-bg:         var(--sja-green-secondary);
    --tblr-btn-disabled-color:      #ffffff;

    --tblr-btn-box-shadow:          var(--tblr-shadow-input);
}

/* ==== SJA Primary Button (outline) ==== */
.btn-outline-sja-primary,
.btn-outline.btn-sja-primary {
    --tblr-btn-color:                 var(--sja-green-secondary);
    --tblr-btn-bg:                    transparent;
    --tblr-btn-border-color:          var(--sja-green-secondary);

    --tblr-btn-hover-color:           #ffffff;
    --tblr-btn-hover-border-color:    transparent;
    --tblr-btn-hover-bg:              var(--sja-green-secondary);

    --tblr-btn-active-color:          #ffffff;
    --tblr-btn-active-bg:             var(--sja-green-primary);
    --tblr-btn-active-border-color:   var(--sja-green-primary);

    --tblr-btn-disabled-color:        var(--sja-green-secondary);
    --tblr-btn-disabled-border-color: var(--sja-green-secondary);
}

/* ==== SJA Secondary Button (filled) ==== */
.btn-sja-secondary {
    --tblr-btn-border-color:        transparent;
    --tblr-btn-hover-border-color:  transparent;
    --tblr-btn-active-border-color: transparent;

    --tblr-btn-color:               #ffffff; /* text colour */
    --tblr-btn-bg:                  var(--sja-green-primary); /* darker green */
    --tblr-btn-hover-color:         #ffffff;
    --tblr-btn-hover-bg:            #0b2d21; /* custom darken step from primary */
    --tblr-btn-active-color:        #ffffff;
    --tblr-btn-active-bg:           #0b2d21;
    --tblr-btn-disabled-bg:         var(--sja-green-primary);
    --tblr-btn-disabled-color:      #ffffff;

    --tblr-btn-box-shadow:          var(--tblr-shadow-input);
}

/* ==== SJA Secondary Button (outline) ==== */
.btn-outline-sja-secondary,
.btn-outline.btn-sja-secondary {
    --tblr-btn-color:                 var(--sja-green-primary);
    --tblr-btn-bg:                    transparent;
    --tblr-btn-border-color:          var(--sja-green-primary);

    --tblr-btn-hover-color:           #ffffff;
    --tblr-btn-hover-border-color:    transparent;
    --tblr-btn-hover-bg:              var(--sja-green-primary);

    --tblr-btn-active-color:          #ffffff;
    --tblr-btn-active-bg:             #0b2d21; /* deeper shade */
    --tblr-btn-active-border-color:   #0b2d21;

    --tblr-btn-disabled-color:        var(--sja-green-primary);
    --tblr-btn-disabled-border-color: var(--sja-green-primary);
}

/* ==== SJA Yellow Button (filled) ==== */
.btn-sja-yellow {
    --tblr-btn-border-color:        transparent;
    --tblr-btn-hover-border-color:  transparent;
    --tblr-btn-active-border-color: transparent;

    --tblr-btn-color:               #1f2937; /* dark text for contrast */
    --tblr-btn-bg:                  var(--sja-yellow-primary);
    --tblr-btn-hover-color:         #1f2937;
    --tblr-btn-hover-bg:            #c89c09; /* darken #e5b80b */
    --tblr-btn-active-color:        #1f2937;
    --tblr-btn-active-bg:           #c89c09;
    --tblr-btn-disabled-bg:         var(--sja-yellow-primary);
    --tblr-btn-disabled-color:      #1f2937;

    --tblr-btn-box-shadow:          var(--tblr-shadow-input);
}

.btn-outline-sja-yellow,
.btn-outline.btn-sja-yellow {
    --tblr-btn-color:                 var(--sja-yellow-primary);
    --tblr-btn-bg:                    transparent;
    --tblr-btn-border-color:          var(--sja-yellow-primary);

    --tblr-btn-hover-color:           #1f2937;
    --tblr-btn-hover-border-color:    transparent;
    --tblr-btn-hover-bg:              var(--sja-yellow-primary);

    --tblr-btn-active-color:          #1f2937;
    --tblr-btn-active-bg:             #c89c09;
    --tblr-btn-active-border-color:   #c89c09;

    --tblr-btn-disabled-color:        var(--sja-yellow-primary);
    --tblr-btn-disabled-border-color: var(--sja-yellow-primary);
}

/* ==== SJA Red Button (filled) ==== */
.btn-sja-red {
    --tblr-btn-border-color:        transparent;
    --tblr-btn-hover-border-color:  transparent;
    --tblr-btn-active-border-color: transparent;

    --tblr-btn-color:               #ffffff;
    --tblr-btn-bg:                  var(--sja-red-primary);
    --tblr-btn-hover-color:         #ffffff;
    --tblr-btn-hover-bg:            #9e0c23; /* darken #c70f2e */
    --tblr-btn-active-color:        #ffffff;
    --tblr-btn-active-bg:           #9e0c23;
    --tblr-btn-disabled-bg:         var(--sja-red-primary);
    --tblr-btn-disabled-color:      #ffffff;

    --tblr-btn-box-shadow:          var(--tblr-shadow-input);
}

.btn-outline-sja-red,
.btn-outline.btn-sja-red {
    --tblr-btn-color:                 var(--sja-red-primary);
    --tblr-btn-bg:                    transparent;
    --tblr-btn-border-color:          var(--sja-red-primary);

    --tblr-btn-hover-color:           #ffffff;
    --tblr-btn-hover-border-color:    transparent;
    --tblr-btn-hover-bg:              var(--sja-red-primary);

    --tblr-btn-active-color:          #ffffff;
    --tblr-btn-active-bg:             #9e0c23;
    --tblr-btn-active-border-color:   #9e0c23;

    --tblr-btn-disabled-color:        var(--sja-red-primary);
    --tblr-btn-disabled-border-color: var(--sja-red-primary);
}

.btn-ghost-green, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-teal);
    --tblr-btn-hover-color:         var(--tblr-teal-fg);
    --tblr-btn-hover-bg:            var(--tblr-teal-darken);
    --tblr-btn-active-color:        var(--tblr-teal-fg);
    --tblr-btn-active-bg:           var(--tblr-teal-darken);
    --tblr-btn-disabled-bg:         var(--tblr-teal);
    --tblr-btn-disabled-color:      var(--tblr-teal-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-teal, .btn-outline.btn-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-active-border-color:   var(--tblr-teal);
    --tblr-btn-disabled-color:        var(--tblr-teal);
    --tblr-btn-disabled-border-color: var(--tblr-teal)
}

.btn-ghost-teal, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-cyan);
    --tblr-btn-hover-color:         var(--tblr-cyan-fg);
    --tblr-btn-hover-bg:            var(--tblr-cyan-darken);
    --tblr-btn-active-color:        var(--tblr-cyan-fg);
    --tblr-btn-active-bg:           var(--tblr-cyan-darken);
    --tblr-btn-disabled-bg:         var(--tblr-cyan);
    --tblr-btn-disabled-color:      var(--tblr-cyan-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-cyan, .btn-outline.btn-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-active-border-color:   var(--tblr-cyan);
    --tblr-btn-disabled-color:        var(--tblr-cyan);
    --tblr-btn-disabled-border-color: var(--tblr-cyan)
}

.btn-ghost-cyan, .btn-ghost.btn-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-x {
    --tblr-btn-border-color:        transparent;
    --tblr-btn-hover-border-color:  transparent;
    --tblr-btn-active-border-color: transparent;
    --tblr-btn-color:               var(--tblr-x-fg, #ffffff);
    --tblr-btn-bg:                  var(--tblr-x);
    --tblr-btn-hover-color:         var(--tblr-x-fg);
    --tblr-btn-hover-bg:            var(--tblr-x-darken);
    --tblr-btn-active-color:        var(--tblr-x-fg);
    --tblr-btn-active-bg:           var(--tblr-x-darken);
    --tblr-btn-disabled-bg:         var(--tblr-x);
    --tblr-btn-disabled-color:      var(--tblr-x-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-x, .btn-outline.btn-x {
    --tblr-btn-color:                 var(--tblr-x);
    --tblr-btn-bg:                    transparent;
    --tblr-btn-border-color:          var(--tblr-x);
    --tblr-btn-hover-color:           var(--tblr-x-fg);
    --tblr-btn-hover-border-color:    transparent;
    --tblr-btn-hover-bg:              var(--tblr-x);
    --tblr-btn-active-color:          var(--tblr-x-fg);
    --tblr-btn-active-bg:             var(--tblr-x);
    --tblr-btn-active-border-color:   var(--tblr-x);
    --tblr-btn-disabled-color:        var(--tblr-x);
    --tblr-btn-disabled-border-color: var(--tblr-x)
}

.btn-ghost-x, .btn-ghost.btn-x {
    --tblr-btn-color:                 var(--tblr-x);
    --tblr-btn-bg:                    transparent;
    --tblr-btn-border-color:          transparent;
    --tblr-btn-hover-color:           var(--tblr-x-fg);
    --tblr-btn-hover-bg:              var(--tblr-x);
    --tblr-btn-hover-border-color:    var(--tblr-x);
    --tblr-btn-active-color:          var(--tblr-x-fg);
    --tblr-btn-active-bg:             var(--tblr-x);
    --tblr-btn-active-border-color:   transparent;
    --tblr-btn-active-shadow:         inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color:        var(--tblr-x);
    --tblr-btn-disabled-bg:           transparent;
    --tblr-btn-disabled-border-color: transparent;
    --tblr-gradient:                  none;
    --tblr-btn-box-shadow:            none
}

.btn-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-facebook);
    --tblr-btn-hover-color:         var(--tblr-facebook-fg);
    --tblr-btn-hover-bg:            var(--tblr-facebook-darken);
    --tblr-btn-active-color:        var(--tblr-facebook-fg);
    --tblr-btn-active-bg:           var(--tblr-facebook-darken);
    --tblr-btn-disabled-bg:         var(--tblr-facebook);
    --tblr-btn-disabled-color:      var(--tblr-facebook-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-facebook, .btn-outline.btn-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-active-border-color:   var(--tblr-facebook);
    --tblr-btn-disabled-color:        var(--tblr-facebook);
    --tblr-btn-disabled-border-color: var(--tblr-facebook)
}

.btn-ghost-facebook, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-twitter);
    --tblr-btn-hover-color:         var(--tblr-twitter-fg);
    --tblr-btn-hover-bg:            var(--tblr-twitter-darken);
    --tblr-btn-active-color:        var(--tblr-twitter-fg);
    --tblr-btn-active-bg:           var(--tblr-twitter-darken);
    --tblr-btn-disabled-bg:         var(--tblr-twitter);
    --tblr-btn-disabled-color:      var(--tblr-twitter-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-twitter, .btn-outline.btn-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-active-border-color:   var(--tblr-twitter);
    --tblr-btn-disabled-color:        var(--tblr-twitter);
    --tblr-btn-disabled-border-color: var(--tblr-twitter)
}

.btn-ghost-twitter, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-linkedin);
    --tblr-btn-hover-color:         var(--tblr-linkedin-fg);
    --tblr-btn-hover-bg:            var(--tblr-linkedin-darken);
    --tblr-btn-active-color:        var(--tblr-linkedin-fg);
    --tblr-btn-active-bg:           var(--tblr-linkedin-darken);
    --tblr-btn-disabled-bg:         var(--tblr-linkedin);
    --tblr-btn-disabled-color:      var(--tblr-linkedin-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-linkedin, .btn-outline.btn-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-active-border-color:   var(--tblr-linkedin);
    --tblr-btn-disabled-color:        var(--tblr-linkedin);
    --tblr-btn-disabled-border-color: var(--tblr-linkedin)
}

.btn-ghost-linkedin, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-google);
    --tblr-btn-hover-color:         var(--tblr-google-fg);
    --tblr-btn-hover-bg:            var(--tblr-google-darken);
    --tblr-btn-active-color:        var(--tblr-google-fg);
    --tblr-btn-active-bg:           var(--tblr-google-darken);
    --tblr-btn-disabled-bg:         var(--tblr-google);
    --tblr-btn-disabled-color:      var(--tblr-google-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-google, .btn-outline.btn-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-active-border-color:   var(--tblr-google);
    --tblr-btn-disabled-color:        var(--tblr-google);
    --tblr-btn-disabled-border-color: var(--tblr-google)
}

.btn-ghost-google, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-youtube);
    --tblr-btn-hover-color:         var(--tblr-youtube-fg);
    --tblr-btn-hover-bg:            var(--tblr-youtube-darken);
    --tblr-btn-active-color:        var(--tblr-youtube-fg);
    --tblr-btn-active-bg:           var(--tblr-youtube-darken);
    --tblr-btn-disabled-bg:         var(--tblr-youtube);
    --tblr-btn-disabled-color:      var(--tblr-youtube-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-youtube, .btn-outline.btn-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-active-border-color:   var(--tblr-youtube);
    --tblr-btn-disabled-color:        var(--tblr-youtube);
    --tblr-btn-disabled-border-color: var(--tblr-youtube)
}

.btn-ghost-youtube, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-vimeo);
    --tblr-btn-hover-color:         var(--tblr-vimeo-fg);
    --tblr-btn-hover-bg:            var(--tblr-vimeo-darken);
    --tblr-btn-active-color:        var(--tblr-vimeo-fg);
    --tblr-btn-active-bg:           var(--tblr-vimeo-darken);
    --tblr-btn-disabled-bg:         var(--tblr-vimeo);
    --tblr-btn-disabled-color:      var(--tblr-vimeo-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-vimeo, .btn-outline.btn-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-active-border-color:   var(--tblr-vimeo);
    --tblr-btn-disabled-color:        var(--tblr-vimeo);
    --tblr-btn-disabled-border-color: var(--tblr-vimeo)
}

.btn-ghost-vimeo, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-dribbble);
    --tblr-btn-hover-color:         var(--tblr-dribbble-fg);
    --tblr-btn-hover-bg:            var(--tblr-dribbble-darken);
    --tblr-btn-active-color:        var(--tblr-dribbble-fg);
    --tblr-btn-active-bg:           var(--tblr-dribbble-darken);
    --tblr-btn-disabled-bg:         var(--tblr-dribbble);
    --tblr-btn-disabled-color:      var(--tblr-dribbble-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-dribbble, .btn-outline.btn-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-active-border-color:   var(--tblr-dribbble);
    --tblr-btn-disabled-color:        var(--tblr-dribbble);
    --tblr-btn-disabled-border-color: var(--tblr-dribbble)
}

.btn-ghost-dribbble, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-github);
    --tblr-btn-hover-color:         var(--tblr-github-fg);
    --tblr-btn-hover-bg:            var(--tblr-github-darken);
    --tblr-btn-active-color:        var(--tblr-github-fg);
    --tblr-btn-active-bg:           var(--tblr-github-darken);
    --tblr-btn-disabled-bg:         var(--tblr-github);
    --tblr-btn-disabled-color:      var(--tblr-github-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-github, .btn-outline.btn-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-active-border-color:   var(--tblr-github);
    --tblr-btn-disabled-color:        var(--tblr-github);
    --tblr-btn-disabled-border-color: var(--tblr-github)
}

.btn-ghost-github, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-instagram);
    --tblr-btn-hover-color:         var(--tblr-instagram-fg);
    --tblr-btn-hover-bg:            var(--tblr-instagram-darken);
    --tblr-btn-active-color:        var(--tblr-instagram-fg);
    --tblr-btn-active-bg:           var(--tblr-instagram-darken);
    --tblr-btn-disabled-bg:         var(--tblr-instagram);
    --tblr-btn-disabled-color:      var(--tblr-instagram-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-instagram, .btn-outline.btn-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-active-border-color:   var(--tblr-instagram);
    --tblr-btn-disabled-color:        var(--tblr-instagram);
    --tblr-btn-disabled-border-color: var(--tblr-instagram)
}

.btn-ghost-instagram, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-pinterest);
    --tblr-btn-hover-color:         var(--tblr-pinterest-fg);
    --tblr-btn-hover-bg:            var(--tblr-pinterest-darken);
    --tblr-btn-active-color:        var(--tblr-pinterest-fg);
    --tblr-btn-active-bg:           var(--tblr-pinterest-darken);
    --tblr-btn-disabled-bg:         var(--tblr-pinterest);
    --tblr-btn-disabled-color:      var(--tblr-pinterest-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-pinterest, .btn-outline.btn-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-active-border-color:   var(--tblr-pinterest);
    --tblr-btn-disabled-color:        var(--tblr-pinterest);
    --tblr-btn-disabled-border-color: var(--tblr-pinterest)
}

.btn-ghost-pinterest, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-vk);
    --tblr-btn-hover-color:         var(--tblr-vk-fg);
    --tblr-btn-hover-bg:            var(--tblr-vk-darken);
    --tblr-btn-active-color:        var(--tblr-vk-fg);
    --tblr-btn-active-bg:           var(--tblr-vk-darken);
    --tblr-btn-disabled-bg:         var(--tblr-vk);
    --tblr-btn-disabled-color:      var(--tblr-vk-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-vk, .btn-outline.btn-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-active-border-color:   var(--tblr-vk);
    --tblr-btn-disabled-color:        var(--tblr-vk);
    --tblr-btn-disabled-border-color: var(--tblr-vk)
}

.btn-ghost-vk, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-rss);
    --tblr-btn-hover-color:         var(--tblr-rss-fg);
    --tblr-btn-hover-bg:            var(--tblr-rss-darken);
    --tblr-btn-active-color:        var(--tblr-rss-fg);
    --tblr-btn-active-bg:           var(--tblr-rss-darken);
    --tblr-btn-disabled-bg:         var(--tblr-rss);
    --tblr-btn-disabled-color:      var(--tblr-rss-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-rss, .btn-outline.btn-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-active-border-color:   var(--tblr-rss);
    --tblr-btn-disabled-color:        var(--tblr-rss);
    --tblr-btn-disabled-border-color: var(--tblr-rss)
}

.btn-ghost-rss, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-flickr);
    --tblr-btn-hover-color:         var(--tblr-flickr-fg);
    --tblr-btn-hover-bg:            var(--tblr-flickr-darken);
    --tblr-btn-active-color:        var(--tblr-flickr-fg);
    --tblr-btn-active-bg:           var(--tblr-flickr-darken);
    --tblr-btn-disabled-bg:         var(--tblr-flickr);
    --tblr-btn-disabled-color:      var(--tblr-flickr-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-flickr, .btn-outline.btn-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-active-border-color:   var(--tblr-flickr);
    --tblr-btn-disabled-color:        var(--tblr-flickr);
    --tblr-btn-disabled-border-color: var(--tblr-flickr)
}

.btn-ghost-flickr, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-bitbucket);
    --tblr-btn-hover-color:         var(--tblr-bitbucket-fg);
    --tblr-btn-hover-bg:            var(--tblr-bitbucket-darken);
    --tblr-btn-active-color:        var(--tblr-bitbucket-fg);
    --tblr-btn-active-bg:           var(--tblr-bitbucket-darken);
    --tblr-btn-disabled-bg:         var(--tblr-bitbucket);
    --tblr-btn-disabled-color:      var(--tblr-bitbucket-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-bitbucket, .btn-outline.btn-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-active-border-color:   var(--tblr-bitbucket);
    --tblr-btn-disabled-color:        var(--tblr-bitbucket);
    --tblr-btn-disabled-border-color: var(--tblr-bitbucket)
}

.btn-ghost-bitbucket, .btn-ghost.btn-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-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, #ffffff);
    --tblr-btn-bg:                  var(--tblr-tabler);
    --tblr-btn-hover-color:         var(--tblr-tabler-fg);
    --tblr-btn-hover-bg:            var(--tblr-tabler-darken);
    --tblr-btn-active-color:        var(--tblr-tabler-fg);
    --tblr-btn-active-bg:           var(--tblr-tabler-darken);
    --tblr-btn-disabled-bg:         var(--tblr-tabler);
    --tblr-btn-disabled-color:      var(--tblr-tabler-fg);
    --tblr-btn-box-shadow:          var(--tblr-shadow-input)
}

.btn-outline-tabler, .btn-outline.btn-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-active-border-color:   var(--tblr-tabler);
    --tblr-btn-disabled-color:        var(--tblr-tabler);
    --tblr-btn-disabled-border-color: var(--tblr-tabler)
}

.btn-ghost-tabler, .btn-ghost.btn-tabler {
    --tblr-btn-color:                 var(--tblr-tabler);
    --tblr-btn-bg:                    transparent;
    --tblr-btn-border-color:          transparent;
    --tblr-btn-hover-color:           var(--tblr-tabler-fg);
    --tblr-btn-hover-bg:              var(--tblr-tabler);
    --tblr-btn-hover-border-color:    var(--tblr-tabler);
    --tblr-btn-active-color:          var(--tblr-tabler-fg);
    --tblr-btn-active-bg:             var(--tblr-tabler);
    --tblr-btn-active-border-color:   transparent;
    --tblr-btn-active-shadow:         inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color:        var(--tblr-tabler);
    --tblr-btn-disabled-bg:           transparent;
    --tblr-btn-disabled-border-color: transparent;
    --tblr-gradient:                  none;
    --tblr-btn-box-shadow:            none
}

.btn-group-sm > .btn, .btn-sm {
    --tblr-btn-line-height: 1.3333333333;
    --tblr-btn-icon-size:   1rem
}

.btn-group-lg > .btn, .btn-lg {
    --tblr-btn-line-height: 1.5rem;
    --tblr-btn-icon-size:   1.5rem
}

.btn-group-xl > .btn, .btn-xl {
    --tblr-btn-line-height: 2;
    --tblr-btn-icon-size:   2rem;
    --tblr-btn-padding-y:   0.6875rem;
    --tblr-btn-padding-x:   2rem;
    --tblr-btn-font-size:   1.5rem
}

.btn-pill {
    padding-right: 1.5em;
    padding-left:  1.5em;
    border-radius: 10rem
}

.btn-pill[class*=btn-icon] {
    padding: .375rem 15px
}

.btn-square {
    border-radius: 0
}

.btn-action, .btn-icon {
    padding-left:  0;
    padding-right: 0
}

.btn-action .icon, .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:     1rem;
    left:       1rem;
    box-shadow: var(--tblr-shadow-dropdown)
}

.btn-loading {
    position:       relative;
    color:          transparent !important;
    text-shadow:    none !important;
    pointer-events: none
}

.btn-loading > * {
    opacity: 0
}

.btn-loading:after {
    content:            "";
    display:            inline-block;
    vertical-align:     text-bottom;
    border:             2px var(--tblr-border-style) currentColor;
    border-right-color: transparent;
    border-radius:      100rem;
    color:              var(--tblr-btn-color);
    position:           absolute;
    width:              var(--tblr-btn-icon-size);
    height:             var(--tblr-btn-icon-size);
    left:               calc(50% - var(--tblr-btn-icon-size) / 2);
    top:                calc(50% - var(--tblr-btn-icon-size) / 2);
    animation:          spinner-border .75s linear infinite
}

.btn-action {
    --tblr-border-color: transparent;
    color:               var(--tblr-secondary);
    border-radius:       var(--tblr-border-radius);
    background:          0 0;
    box-shadow:          none
}

.btn-action:after {
    content: none
}

.btn-action:focus {
    outline:    0;
    box-shadow: none
}

.btn-action.show, .btn-action:hover {
    color:        var(--tblr-body-color);
    background:   var(--tblr-active-bg);
    border-color: transparent
}

.btn-action.show {
    color: var(--tblr-primary)
}

.btn-actions {
    display: flex
}

.btn-animate-icon .icon {
    transition: transform .3s ease
}

.btn-animate-icon:focus-visible .icon, .btn-animate-icon:hover .icon {
    transform: translateX(4px)
}

.btn-animate-icon.btn-animate-icon-rotate:focus-visible .icon, .btn-animate-icon.btn-animate-icon-rotate:hover .icon {
    transform: rotate(90deg)
}

.btn-animate-icon.btn-animate-icon-move-start:focus-visible .icon, .btn-animate-icon.btn-animate-icon-move-start:hover .icon {
    transform: translateX(-4px)
}

.btn-animate-icon.btn-animate-icon-pulse:focus-visible .icon, .btn-animate-icon.btn-animate-icon-pulse:hover .icon {
    transform: none;
    animation: pulse .9s
}

.btn-animate-icon.btn-animate-icon-shake:focus-visible .icon, .btn-animate-icon.btn-animate-icon-shake:hover .icon {
    transform: none;
    animation: shake .9s
}

.btn-animate-icon.btn-animate-icon-tada:focus-visible .icon, .btn-animate-icon.btn-animate-icon-tada:hover .icon {
    transform: none;
    animation: tada .9s
}

.btn-group, .btn-group-vertical {
    box-shadow: var(--tblr-shadow-input)
}

.btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group > .btn-check:checked + .btn, .btn-group > .btn.active, .btn-group > .btn:active {
    z-index: 5
}

.btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:focus, .btn-group > .btn:hover {
    z-index: 1
}

.calendar {
    display:       block;
    font-size:     .765625rem;
    border:        var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
    border-radius: var(--tblr-border-radius)
}

.calendar-nav {
    display:     flex;
    align-items: center
}

.calendar-title {
    flex:       1;
    text-align: center
}

.calendar-body, .calendar-header {
    display:         flex;
    flex-wrap:       wrap;
    justify-content: flex-start;
    padding:         .5rem 0
}

.calendar-header {
    color: var(--tblr-secondary)
}

.calendar-date {
    flex:       0 0 14.2857142857%;
    max-width:  14.2857142857%;
    padding:    .2rem;
    text-align: center;
    border:     0
}

.calendar-date.next-month, .calendar-date.prev-month {
    opacity: .25
}

.calendar-date .date-item {
    position:        relative;
    display:         inline-block;
    width:           1.4rem;
    height:          1.4rem;
    line-height:     1.4rem;
    color:           #66758c;
    text-align:      center;
    text-decoration: none;
    white-space:     nowrap;
    vertical-align:  middle;
    cursor:          pointer;
    background:      0 0;
    border:          var(--tblr-border-width) var(--tblr-border-style) transparent;
    border-radius:   100rem;
    outline:         0;
    transition:      background .3s, border .3s, box-shadow .32s, color .3s
}

@media (prefers-reduced-motion: reduce) {
    .calendar-date .date-item {
        transition: none
    }
}

.calendar-date .date-item:hover {
    color:           var(--tblr-primary);
    text-decoration: none;
    background:      #fefeff;
    border-color:    var(--tblr-border-color)
}

.calendar-date .date-today {
    color:        var(--tblr-primary);
    border-color: var(--tblr-border-color)
}

.calendar-range {
    position: relative
}

.calendar-range:before {
    position:   absolute;
    top:        50%;
    right:      0;
    left:       0;
    height:     1.4rem;
    content:    "";
    background: rgba(var(--tblr-primary-rgb), .1);
    transform:  translateY(-50%)
}

.calendar-range.range-end .date-item, .calendar-range.range-start .date-item {
    color:        #fff;
    background:   var(--tblr-primary);
    border-color: var(--tblr-primary)
}

.calendar-range.range-start:before {
    left: 50%
}

.calendar-range.range-end:before {
    right: 50%
}

.carousel-indicators-vertical {
    left:           auto;
    top:            0;
    margin:         0 1rem 0 0;
    flex-direction: column
}

.carousel-indicators-vertical [data-bs-target] {
    margin:       3px 0 3px;
    width:        3px;
    height:       30px;
    border:       0;
    border-left:  10px var(--tblr-border-style) transparent;
    border-right: 10px var(--tblr-border-style) transparent
}

.carousel-indicators-dot [data-bs-target] {
    width:         .5rem;
    height:        .5rem;
    border-radius: 100rem;
    border:        10px var(--tblr-border-style) transparent;
    margin:        0
}

.carousel-indicators-thumb [data-bs-target] {
    width:         2rem;
    height:        auto;
    background:    no-repeat center/cover;
    border:        0;
    border-radius: var(--tblr-border-radius);
    box-shadow:    rgba(var(--tblr-body-color-rgb), .04) 0 2px 4px 0;
    margin:        0 3px;
    opacity:       .75
}

@media (min-width: 992px) {
    .carousel-indicators-thumb [data-bs-target] {
        width: 4rem
    }
}

.carousel-indicators-thumb [data-bs-target]:before {
    content:     "";
    padding-top: var(--tblr-aspect-ratio, 100%);
    display:     block
}

.carousel-indicators-thumb.carousel-indicators-vertical [data-bs-target] {
    margin: 3px 0
}

.carousel-caption-background {
    background: red;
    position:   absolute;
    left:       0;
    right:      0;
    bottom:     0;
    height:     90%;
    background: linear-gradient(0deg, rgba(31, 41, 55, .9), rgba(31, 41, 55, 0))
}

.card {
    transition: transform .3s ease-out, opacity .3s ease-out, box-shadow .3s ease-out
}

@media (prefers-reduced-motion: reduce) {
    .card {
        transition: none
    }
}

@media print {
    .card {
        border:     none;
        box-shadow: none
    }
}

a.card {
    color: inherit
}

a.card:hover {
    text-decoration: none;
    box-shadow:      rgba(var(--tblr-body-color-rgb), .16) 0 2px 16px 0
}

.card .card {
    box-shadow: none
}

.card-borderless, .card-borderless .card-footer, .card-borderless .card-header {
    border-color: transparent
}

.card-stamp {
    --tblr-stamp-size:       7rem;
    position:                absolute;
    top:                     0;
    right:                   0;
    width:                   calc(var(--tblr-stamp-size) * 1);
    height:                  calc(var(--tblr-stamp-size) * 1);
    max-height:              100%;
    border-top-right-radius: 6px;
    opacity:                 .2;
    overflow:                hidden;
    pointer-events:          none
}

.card-stamp-lg {
    --tblr-stamp-size: 13rem
}

.card-stamp-icon {
    background:      var(--tblr-secondary);
    color:           var(--tblr-card-bg, var(--tblr-bg-surface));
    display:         flex;
    align-items:     center;
    justify-content: center;
    border-radius:   100rem;
    width:           calc(var(--tblr-stamp-size) * 1);
    height:          calc(var(--tblr-stamp-size) * 1);
    position:        relative;
    top:             calc(var(--tblr-stamp-size) * -.25);
    right:           calc(var(--tblr-stamp-size) * -.25);
    font-size:       calc(var(--tblr-stamp-size) * .75);
    transform:       rotate(10deg)
}

.card-stamp-icon .icon {
    stroke-width: 2;
    width:        calc(var(--tblr-stamp-size) * .75);
    height:       calc(var(--tblr-stamp-size) * .75)
}

.card-img, .card-img-start {
    border-top-left-radius:    calc(var(--tblr-border-radius-lg) - (var(--tblr-border-width)));
    border-bottom-left-radius: calc(var(--tblr-border-radius-lg) - (var(--tblr-border-width)))
}

.card-img, .card-img-end {
    border-top-right-radius:    calc(var(--tblr-border-radius-lg) - (var(--tblr-border-width)));
    border-bottom-right-radius: calc(var(--tblr-border-radius-lg) - (var(--tblr-border-width)))
}

.card-img-overlay {
    display:         flex;
    flex-direction:  column;
    justify-content: flex-end
}

.card-img-overlay-dark {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .6) 100%)
}

.card-inactive {
    pointer-events: none;
    box-shadow:     none
}

.card-inactive .card-body {
    opacity: .64
}

.card-active {
    --tblr-card-border-color: var(--tblr-primary);
    --tblr-card-bg:           var(--tblr-active-bg)
}

.card-btn {
    display:         flex;
    align-items:     center;
    justify-content: center;
    padding:         1rem 1.25rem;
    text-align:      center;
    transition:      background .3s;
    border-top:      var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
    flex:            1;
    color:           inherit;
    font-weight:     var(--tblr-font-weight-medium)
}

@media (prefers-reduced-motion: reduce) {
    .card-btn {
        transition: none
    }
}

.card-btn:hover {
    text-decoration: none;
    background:      rgba(var(--tblr-primary-rgb), .04)
}

.card-btn + .card-btn {
    border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)
}

.card-stacked {
    --tblr-card-stacked-offset: .25rem;
    position:                   relative
}

.card-stacked:after {
    position:      absolute;
    top:           calc(-1 * var(--tblr-card-stacked-offset));
    right:         var(--tblr-card-stacked-offset);
    left:          var(--tblr-card-stacked-offset);
    height:        var(--tblr-card-stacked-offset);
    content:       "";
    background:    var(--tblr-card-bg, var(--tblr-bg-surface));
    border:        var(--tblr-border-width) var(--tblr-border-style) var(--tblr-card-border-color);
    border-radius: var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0
}

.card-cover {
    position:   relative;
    padding:    1rem 1.25rem;
    background: #666 no-repeat center/cover
}

.card-cover:before {
    position:   absolute;
    top:        0;
    right:      0;
    bottom:     0;
    left:       0;
    content:    "";
    background: rgba(31, 41, 55, .48)
}

.card-cover:first-child, .card-cover:first-child:before {
    border-radius: 6px 6px 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;
    border-radius: var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0
}

.card-header-pills {
    flex:          1;
    margin-top:    -.5rem;
    margin-bottom: -.5rem
}

.card-rotate-left, .card-rotate-start {
    transform: rotate(-1.5deg)
}

.card-rotate-end, .card-rotate-right {
    transform: rotate(1.5deg)
}

.card-link {
    color: inherit
}

.card-link:hover {
    color:           inherit;
    text-decoration: none;
    box-shadow:      0 1px 6px 0 rgba(0, 0, 0, .08)
}

.card-link-rotate:hover {
    transform: rotate(1.5deg);
    opacity:   1
}

.card-link-pop:hover {
    transform: translateY(-2px);
    opacity:   1
}

.card-footer {
    margin-top: auto
}

.card-footer:last-child {
    border-radius: 0 0 var(--tblr-card-border-radius) var(--tblr-card-border-radius)
}

.card-footer-transparent {
    background:   0 0;
    border-color: transparent;
    padding-top:  0
}

.card-footer-borderless {
    border-top: none
}

.card-progress {
    height: .25rem
}

.card-progress:last-child {
    border-radius: 0 0 2px 2px
}

.card-progress:first-child {
    border-radius: 2px 2px 0 0
}

.card-meta {
    color: var(--tblr-secondary)
}

.card-title {
    display:     block;
    margin:      0 0 1rem;
    font-size:   1rem;
    font-weight: var(--tblr-font-weight-medium);
    color:       inherit;
    line-height: 1.5rem
}

a.card-title:hover {
    color: inherit
}

.card-header .card-title {
    margin: 0
}

.card-subtitle {
    margin-bottom: 1.25rem;
    color:         var(--tblr-secondary);
    font-weight:   400
}

.card-header .card-subtitle {
    margin: 0
}

.card-title .card-subtitle {
    margin:    0 0 0 .25rem;
    font-size: .875rem
}

.card-body {
    position: relative
}

.card-body > :last-child {
    margin-bottom: 0
}

.card-sm > .card-body {
    padding: 1rem
}

@media (min-width: 768px) {
    .card-md > .card-body {
        padding: 2.5rem
    }
}

@media (min-width: 768px) {
    .card-lg > .card-body {
        padding: 2rem
    }
}

@media (min-width: 992px) {
    .card-lg > .card-body {
        padding: 4rem
    }
}

@media print {
    .card-body {
        padding: 0
    }
}

.card-body + .card-body {
    border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)
}

.card-body-scrollable {
    overflow: auto
}

.card-options {
    top:         1.5rem;
    right:       .75rem;
    display:     flex;
    margin-left: auto
}

.card-options-link {
    display:     inline-block;
    min-width:   1rem;
    margin-left: .25rem;
    color:       var(--tblr-secondary)
}

.card-status-top {
    position:      absolute;
    top:           0;
    right:         0;
    left:          0;
    height:        2px;
    border-radius: var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0
}

.card-status-start {
    position:      absolute;
    right:         auto;
    bottom:        0;
    width:         2px;
    height:        100%;
    border-radius: var(--tblr-card-border-radius) 0 0 var(--tblr-card-border-radius)
}

.card-status-bottom {
    position:      absolute;
    top:           initial;
    bottom:        0;
    width:         100%;
    height:        2px;
    border-radius: 0 0 var(--tblr-card-border-radius) var(--tblr-card-border-radius)
}

.card-table {
    margin-bottom: 0 !important
}

.card-table tr td:first-child, .card-table tr th:first-child {
    padding-left: 1.25rem;
    border-left:  0
}

.card-table tr td:last-child, .card-table tr th:last-child {
    padding-right: 1.25rem;
    border-right:  0
}

.card-table tbody tr:first-child, .card-table tfoot tr:first-child, .card-table thead tr:first-child {
    border-top: 0
}

.card-table tbody tr:first-child td, .card-table tbody tr:first-child th, .card-table tfoot tr:first-child td, .card-table tfoot tr:first-child th, .card-table thead tr:first-child td, .card-table thead tr:first-child th {
    border-top: 0
}

.card-body + .card-table {
    border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-table-border-color)
}

.card-code {
    padding: 0
}

.card-code .highlight {
    margin: 0;
    border: 0
}

.card-code pre {
    margin: 0 !important;
    border: 0 !important
}

.card-chart {
    position: relative;
    z-index:  1;
    height:   3.5rem
}

.card-avatar {
    margin-left:  auto;
    margin-right: auto;
    box-shadow:   0 0 0 .25rem var(--tblr-card-bg, var(--tblr-bg-surface));
    margin-top:   calc(-1 * var(--tblr-avatar-size) * .5)
}

.card-body + .card-list-group {
    border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)
}

.card-list-group .list-group-item {
    padding-right: 1.25rem;
    padding-left:  1.25rem;
    border-right:  0;
    border-left:   0;
    border-radius: 0
}

.card-list-group .list-group-item:last-child {
    border-bottom: 0
}

.card-list-group .list-group-item:first-child {
    border-top: 0
}

.card-tabs .nav-tabs {
    position:      relative;
    z-index:       1000;
    border-bottom: 0
}

.card-tabs .nav-tabs .nav-link {
    background: var(--tblr-bg-surface-tertiary);
    border:     var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)
}

.card-tabs .nav-tabs .nav-link.active, .card-tabs .nav-tabs .nav-link:active, .card-tabs .nav-tabs .nav-link:hover {
    border-color: var(--tblr-border-color-translucent);
    color:        var(--tblr-body-color)
}

.card-tabs .nav-tabs .nav-link.active {
    color:               inherit;
    background:          var(--tblr-card-bg, var(--tblr-bg-surface));
    border-bottom-color: transparent
}

.card-tabs .nav-tabs .nav-item:not(:first-child) .nav-link {
    border-top-left-radius: 0
}

.card-tabs .nav-tabs .nav-item:not(:last-child) .nav-link {
    border-top-right-radius: 0
}

.card-tabs .nav-tabs .nav-item + .nav-item {
    margin-left: calc(-1 * var(--tblr-border-width))
}

.card-tabs .nav-tabs-bottom {
    margin-bottom: 0
}

.card-tabs .nav-tabs-bottom .nav-link {
    margin-bottom: 0
}

.card-tabs .nav-tabs-bottom .nav-link.active {
    border-top-color: transparent
}

.card-tabs .nav-tabs-bottom .nav-item {
    margin-top:    calc(-1 * var(--tblr-border-width));
    margin-bottom: 0
}

.card-tabs .nav-tabs-bottom .nav-item .nav-link {
    border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
    border-radius: 0 0 var(--tblr-border-radius-lg) var(--tblr-border-radius-lg)
}

.card-tabs .nav-tabs-bottom .nav-item:not(:first-child) .nav-link {
    border-bottom-left-radius: 0
}

.card-tabs .nav-tabs-bottom .nav-item:not(:last-child) .nav-link {
    border-bottom-right-radius: 0
}

.card-tabs .card {
    border-bottom-left-radius: 0
}

.card-tabs .nav-tabs + .tab-content .card {
    border-bottom-left-radius: var(--tblr-card-border-radius);
    border-top-left-radius:    0
}

.card-note {
    --tblr-card-bg:           #fff7dd;
    --tblr-card-border-color: #fff1c9
}

.btn-close {
    --tblr-btn-close-color:            currentColor;
    --tblr-btn-close-bg:               url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231f2937'%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.414'/%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-size:             1em;
    width:                             var(--tblr-btn-close-size);
    height:                            var(--tblr-btn-close-size);
    padding:                           .25em .25em;
    color:                             var(--tblr-btn-close-color);
    -webkit-mask:                      var(--tblr-btn-close-bg) no-repeat center/calc(var(--tblr-btn-close-size) * 0.75);
    mask:                              var(--tblr-btn-close-bg) no-repeat center/calc(var(--tblr-btn-close-size) * 0.75);
    background-color:                  var(--tblr-btn-close-color);
    border:                            0;
    border-radius:                     var(--tblr-border-radius);
    opacity:                           var(--tblr-btn-close-opacity);
    cursor:                            pointer;
    display:                           block
}

.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;
    user-select:         none;
    opacity:             var(--tblr-btn-close-disabled-opacity)
}

.dropdown-menu {
    -webkit-user-select: none;
    -moz-user-select:    none;
    user-select:         none;
    background-clip:     border-box
}

.dropdown-menu.card {
    padding:   0;
    min-width: 25rem;
    display:   none
}

.dropdown-menu.card.show {
    display: flex
}

.dropdown-item {
    min-width:   11rem;
    display:     flex;
    align-items: center;
    margin:      0;
    line-height: 1.4285714286;
    gap:         .5rem
}

.dropdown-item-icon {
    width:        1.25rem !important;
    height:       1.25rem !important;
    margin-right: .5rem;
    color:        var(--tblr-secondary);
    opacity:      .7;
    text-align:   center
}

.dropdown-item-indicator {
    margin-right:   .5rem;
    margin-left:    -.25rem;
    height:         1.25rem;
    display:        inline-flex;
    line-height:    1;
    vertical-align: bottom;
    align-items:    center
}

.dropdown-header {
    font-size:      .75rem;
    font-weight:    var(--tblr-font-weight-medium);
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height:    1rem;
    color:          var(--tblr-secondary);
    padding-bottom: .25rem;
    pointer-events: none
}

.dropdown-menu-scrollable {
    height:     auto;
    max-height: 13rem;
    overflow-x: hidden
}

.dropdown-menu-column {
    min-width: 11rem
}

.dropdown-menu-column .dropdown-item {
    min-width: 0
}

.dropdown-menu-columns {
    display: flex;
    flex:    0 0.25rem
}

.dropdown-menu-arrow:before {
    content:          "";
    position:         absolute;
    top:              -.25rem;
    left:             .75rem;
    display:          block;
    background:       inherit;
    width:            14px;
    height:           14px;
    transform:        rotate(45deg);
    transform-origin: center;
    border:           1px solid;
    border-color:     inherit;
    z-index:          -1;
    clip:             rect(0, 9px, 9px, 0)
}

.dropdown-menu-arrow.dropdown-menu-end:before {
    right: .75rem;
    left:  auto
}

.dropend > .dropdown-menu {
    margin-top:  calc(-.25rem - 1px);
    margin-left: -.25rem
}

.dropend .dropdown-toggle:after {
    margin-left: auto
}

.dropdown-menu-card {
    padding:   0;
    min-width: 20rem
}

.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:      .75rem;
    font-weight:    var(--tblr-font-weight-medium);
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height:    1rem;
    color:          var(--tblr-secondary);
    margin-bottom:  .25rem
}

.empty {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    height:          100%;
    padding:         1rem;
    text-align:      center
}

@media (min-width: 768px) {
    .empty {
        padding: 3rem
    }
}

.empty-icon {
    margin:      0 0 1rem;
    width:       3rem;
    height:      3rem;
    line-height: 1;
    color:       var(--tblr-secondary)
}

.empty-icon svg {
    width:  100%;
    height: 100%
}

.empty-img {
    margin:      0 0 2rem;
    line-height: 1
}

.empty-header {
    margin:      0 0 1rem;
    font-size:   4rem;
    font-weight: var(--tblr-font-weight-light);
    line-height: 1;
    color:       var(--tblr-secondary)
}

.empty-title {
    font-size:   1.25rem;
    line-height: 1.75rem;
    font-weight: var(--tblr-font-weight-bold)
}

.empty-subtitle, .empty-title {
    margin: 0 0 .5rem
}

.empty-action {
    margin-top: 1.5rem
}

.empty-bordered {
    border:        var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
    border-radius: var(--tblr-border-radius)
}

.row > * {
    min-width: 0
}

.col-separator {
    border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)
}

.container-slim {
    --tblr-gutter-x: calc(var(--tblr-page-padding) * 2);
    --tblr-gutter-y: 0;
    width:           100%;
    padding-right:   calc(var(--tblr-gutter-x) * .5);
    padding-left:    calc(var(--tblr-gutter-x) * .5);
    margin-right:    auto;
    margin-left:     auto;
    max-width:       16rem
}

.container-tight {
    --tblr-gutter-x: calc(var(--tblr-page-padding) * 2);
    --tblr-gutter-y: 0;
    width:           100%;
    padding-right:   calc(var(--tblr-gutter-x) * .5);
    padding-left:    calc(var(--tblr-gutter-x) * .5);
    margin-right:    auto;
    margin-left:     auto;
    max-width:       30rem
}

.container-narrow {
    --tblr-gutter-x: calc(var(--tblr-page-padding) * 2);
    --tblr-gutter-y: 0;
    width:           100%;
    padding-right:   calc(var(--tblr-gutter-x) * .5);
    padding-left:    calc(var(--tblr-gutter-x) * .5);
    margin-right:    auto;
    margin-left:     auto;
    max-width:       61.875rem
}

.row-0 {
    margin-right: 0;
    margin-left:  0
}

.row-0 > .col, .row-0 > [class*=col-] {
    padding-right: 0;
    padding-left:  0
}

.row-0 .card {
    margin-bottom: 0
}

.row-sm {
    margin-right: -.375rem;
    margin-left:  -.375rem
}

.row-sm > .col, .row-sm > [class*=col-] {
    padding-right: .375rem;
    padding-left:  .375rem
}

.row-sm .card {
    margin-bottom: .75rem
}

.row-md {
    margin-right: -1.5rem;
    margin-left:  -1.5rem
}

.row-md > .col, .row-md > [class*=col-] {
    padding-right: 1.5rem;
    padding-left:  1.5rem
}

.row-md .card {
    margin-bottom: 3rem
}

.row-lg {
    margin-right: -3rem;
    margin-left:  -3rem
}

.row-lg > .col, .row-lg > [class*=col-] {
    padding-right: 3rem;
    padding-left:  3rem
}

.row-lg .card {
    margin-bottom: 6rem
}

.row-deck > .col, .row-deck > [class*=col-] {
    display:     flex;
    align-items: stretch
}

.row-deck > .col .card, .row-deck > [class*=col-] .card {
    flex: 1 1 auto
}

.row-cards {
    --tblr-gutter-x: var(--tblr-page-padding);
    --tblr-gutter-y: var(--tblr-page-padding);
    min-width:       0
}

.row-cards .row-cards {
    flex: 1
}

.space-y {
    display:        flex;
    flex-direction: column;
    gap:            1rem
}

.space-x {
    display: flex;
    gap:     1rem
}

.space-y-0 {
    display:        flex;
    flex-direction: column;
    gap:            0
}

.space-x-0 {
    display: flex;
    gap:     0
}

.space-y-1 {
    display:        flex;
    flex-direction: column;
    gap:            .25rem
}

.space-x-1 {
    display: flex;
    gap:     .25rem
}

.space-y-2 {
    display:        flex;
    flex-direction: column;
    gap:            .5rem
}

.space-x-2 {
    display: flex;
    gap:     .5rem
}

.space-y-3 {
    display:        flex;
    flex-direction: column;
    gap:            1rem
}

.space-x-3 {
    display: flex;
    gap:     1rem
}

.space-y-4 {
    display:        flex;
    flex-direction: column;
    gap:            1.5rem
}

.space-x-4 {
    display: flex;
    gap:     1.5rem
}

.space-y-5 {
    display:        flex;
    flex-direction: column;
    gap:            2rem
}

.space-x-5 {
    display: flex;
    gap:     2rem
}

.space-y-6 {
    display:        flex;
    flex-direction: column;
    gap:            2.5rem
}

.space-x-6 {
    display: flex;
    gap:     2.5rem
}

.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: 2.5rem !important
}

.divide-y-6 > :not(template):not(:last-child) {
    padding-bottom: 2.5rem !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: 2.5rem !important
}

.divide-x-6 > :not(template):not(:last-child) {
    padding-right: 2.5rem !important
}

.divide-y-fill {
    display:        flex;
    flex-direction: column;
    height:         100%
}

.divide-y-fill > :not(template) {
    flex:            1;
    display:         flex;
    justify-content: center;
    flex-direction:  column
}

.icon {
    --tblr-icon-size: 1.25rem;
    width:            var(--tblr-icon-size);
    height:           var(--tblr-icon-size);
    font-size:        var(--tblr-icon-size);
    vertical-align:   bottom;
    stroke-width:     1.5
}

.icon:hover {
    text-decoration: none
}

.icon-inline {
    --tblr-icon-size: 1rem;
    vertical-align:   -.2rem
}

.icon-filled {
    fill: currentColor
}

.icon-sm {
    --tblr-icon-size: 1rem;
    stroke-width:     1
}

.icon-md {
    --tblr-icon-size: 2.5rem;
    stroke-width:     1
}

.icon-lg {
    --tblr-icon-size: 3.5rem;
    stroke-width:     1
}

.icon-pulse {
    transition:          all .15s ease 0s;
    animation:           pulse 2s ease infinite;
    animation-fill-mode: both
}

.icon-tada {
    transition:          all .15s ease 0s;
    animation:           tada 3s ease infinite;
    animation-fill-mode: both
}

.icon-rotate {
    transition:          all .15s ease 0s;
    animation:           rotate-360 3s linear infinite;
    animation-fill-mode: both
}

.img-responsive {
    --tblr-img-responsive-ratio: 75%;
    background:                  no-repeat center/cover;
    padding-top:                 var(--tblr-img-responsive-ratio)
}

.img-responsive-grid {
    padding-top: calc(var(--tblr-img-responsive-ratio) - var(--tblr-gutter-y) / 2)
}

.img-responsive-1x1 {
    --tblr-img-responsive-ratio: 100%
}

.img-responsive-2x1 {
    --tblr-img-responsive-ratio: 50%
}

.img-responsive-1x2 {
    --tblr-img-responsive-ratio: 200%
}

.img-responsive-3x1 {
    --tblr-img-responsive-ratio: 33.3333333333%
}

.img-responsive-1x3 {
    --tblr-img-responsive-ratio: 300%
}

.img-responsive-4x1 {
    --tblr-img-responsive-ratio: 25%
}

.img-responsive-1x4 {
    --tblr-img-responsive-ratio: 400%
}

.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%
}

.img-bg {
    background: no-repeat center/cover
}

textarea[cols] {
    height: auto
}

.col-form-label, .form-label {
    display:     block;
    font-weight: var(--tblr-font-weight-medium)
}

.col-form-label.required:after, .form-label.required:after {
    content:     "*";
    margin-left: .25rem;
    color:       #d63939
}

.form-label-description {
    float:       right;
    font-weight: var(--tblr-font-weight-normal);
    color:       var(--tblr-secondary)
}

.form-hint {
    display: block;
    color:   var(--tblr-secondary)
}

.form-hint:last-child {
    margin-bottom: 0
}

.form-hint + .form-control {
    margin-top: .25rem
}

.form-label + .form-hint {
    margin-top: -.25rem
}

.form-control + .form-hint, .form-select + .form-hint, .input-group + .form-hint {
    margin-top: .5rem;
    color:      var(--tblr-secondary)
}

.form-select:-moz-focusring {
    color: var(--tblr-body-color)
}

.form-control:-webkit-autofill {
    box-shadow:              0 0 0 1000px var(--tblr-bg-surface-secondary) 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;
    user-select:         none
}

.form-control[size] {
    width: auto
}

.form-control-light {
    background-color: var(--tblr-gray-100);
    border-color:     transparent
}

.form-control-dark {
    background-color: rgba(0, 0, 0, .1);
    color:            #fff;
    border-color:     transparent
}

.form-control-dark:focus {
    background-color: rgba(0, 0, 0, .1);
    box-shadow:       none;
    border-color:     rgba(255, 255, 255, .24)
}

.form-control-dark::-moz-placeholder {
    color: rgba(255, 255, 255, .6)
}

.form-control-dark::placeholder {
    color: rgba(255, 255, 255, .6)
}

.form-control-rounded {
    border-radius: 10rem
}

.form-control-flush {
    padding:      0;
    background:   0 0 !important;
    border-color: transparent !important;
    resize:       none;
    box-shadow:   none !important;
    line-height:  inherit
}

.form-footer {
    margin-top: 2rem
}

.form-fieldset {
    padding:       1rem;
    margin-bottom: 1rem;
    background:    var(--tblr-bg-surface-secondary);
    border:        var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
    border-radius: var(--tblr-border-radius)
}

fieldset:empty {
    display: none
}

.form-help {
    display:             inline-flex;
    font-weight:         var(--tblr-font-weight-bold);
    align-items:         center;
    justify-content:     center;
    width:               1.125rem;
    height:              1.125rem;
    font-size:           .75rem;
    color:               var(--tblr-secondary);
    text-align:          center;
    text-decoration:     none;
    cursor:              pointer;
    -webkit-user-select: none;
    -moz-user-select:    none;
    user-select:         none;
    background:          var(--tblr-gray-100);
    border-radius:       100rem;
    transition:          background-color .3s, color .3s
}

@media (prefers-reduced-motion: reduce) {
    .form-help {
        transition: none
    }
}

.form-help:hover, .form-help[aria-describedby] {
    color:      #fff;
    background: var(--tblr-primary)
}

.input-group {
    box-shadow:    var(--tblr-shadow-input);
    border-radius: var(--tblr-border-radius)
}

.input-group .btn, .input-group .form-control {
    box-shadow: none
}

.input-group-link {
    font-size: .75rem
}

.input-group-flat:focus-within {
    box-shadow:    0 0 0 .25rem rgba(var(--tblr-primary-rgb), .25);
    border-radius: var(--tblr-border-radius)
}

.input-group-flat:focus-within .form-control, .input-group-flat:focus-within .input-group-text {
    border-color: rgb(130.5, 183, 232) !important
}

.input-group-flat .form-control:focus {
    border-color: var(--tblr-border-color);
    box-shadow:   none
}

.input-group-flat .form-control:not(:last-child) {
    border-right: 0
}

.input-group-flat .form-control:not(:first-child) {
    border-left: 0
}

.input-group-flat .input-group-text {
    background: var(--tblr-bg-forms);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .input-group-flat .input-group-text {
        transition: none
    }
}

.input-group-flat .input-group-text:first-child {
    padding-right: 0
}

.input-group-flat .input-group-text:last-child {
    padding-left: 0
}

.form-file-button {
    margin-left: 0;
    border-left: 0
}

label[for=floating-input] {
    max-width:     100%;
    overflow:      hidden;
    text-overflow: ellipsis;
    white-space:   nowrap
}

@media (max-width: 575.98px) {
    .form-control, .form-select {
        font-size: 1rem
    }
}

.input-icon {
    position: relative
}

.input-icon .form-control:not(:last-child), .input-icon .form-select:not(:last-child) {
    padding-right: 2.5rem
}

.input-icon .form-control:not(:first-child), .input-icon .form-select:not(:last-child) {
    padding-left: 2.5rem
}

.input-icon-addon {
    position:        absolute;
    top:             0;
    bottom:          0;
    left:            0;
    display:         flex;
    align-items:     center;
    justify-content: center;
    min-width:       2.5rem;
    color:           var(--tblr-icon-color);
    pointer-events:  none;
    font-size:       1.2em
}

.input-icon-addon:last-child {
    right: 0;
    left:  auto
}

.form-colorinput {
    position:    relative;
    display:     inline-block;
    margin:      0;
    line-height: 1;
    cursor:      pointer
}

.form-colorinput-input {
    position: absolute;
    z-index:  -1;
    opacity:  0
}

.form-colorinput-color {
    display:       block;
    width:         1.5rem;
    height:        1.5rem;
    color:         #fff;
    border:        var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
    border-radius: var(--tblr-border-radius);
    box-shadow:    0 1px 2px 0 rgba(0, 0, 0, .05)
}

.form-colorinput-color:before {
    position:         absolute;
    top:              0;
    left:             0;
    width:            100%;
    height:           100%;
    content:          "";
    background:       no-repeat center center/1.25rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");
    opacity:          0;
    transition:       opacity .3s
}

@media (prefers-reduced-motion: reduce) {
    .form-colorinput-color:before {
        transition: none
    }
}

.form-colorinput-input:checked ~ .form-colorinput-color:before {
    opacity: 1
}

.form-colorinput-input:focus ~ .form-colorinput-color {
    border-color: var(--tblr-primary);
    box-shadow:   0 0 0 .25rem rgba(var(--tblr-primary-rgb), .25)
}

.form-colorinput-light .form-colorinput-color:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%231f2937' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e")
}

.form-imagecheck {
    --tblr-form-imagecheck-radius: var(--tblr-border-radius);
    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;
    user-select:         none;
    border:              var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
    border-radius:       var(--tblr-form-imagecheck-radius)
}

.form-imagecheck-input:focus ~ .form-imagecheck-figure {
    border-color: var(--tblr-primary);
    box-shadow:   0 0 0 .25rem rgba(var(--tblr-primary-rgb), .25)
}

.form-imagecheck-input:checked ~ .form-imagecheck-figure {
    border-color: var(--tblr-primary)
}

.form-imagecheck-figure:before {
    position:            absolute;
    top:                 .25rem;
    left:                .25rem;
    z-index:             1;
    display:             block;
    width:               1.25rem;
    height:              1.25rem;
    color:               #fff;
    pointer-events:      none;
    content:             "";
    -webkit-user-select: none;
    -moz-user-select:    none;
    user-select:         none;
    background:          var(--tblr-bg-forms);
    border:              var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
    border-radius:       var(--tblr-border-radius);
    transition:          opacity .3s
}

@media (prefers-reduced-motion: reduce) {
    .form-imagecheck-figure:before {
        transition: none
    }
}

.form-imagecheck-input:checked ~ .form-imagecheck-figure:before {
    background-color:    var(--tblr-primary);
    background-image:    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");
    background-repeat:   repeat;
    background-position: center;
    background-size:     1.25rem;
    border-color:        var(--tblr-border-color-translucent)
}

.form-imagecheck-input[type=radio] ~ .form-imagecheck-figure:before {
    border-radius: 50%
}

.form-imagecheck-input[type=radio]:checked ~ .form-imagecheck-figure:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e")
}

.form-imagecheck-image {
    max-width:  100%;
    display:    block;
    opacity:    .64;
    transition: opacity .3s
}

@media (prefers-reduced-motion: reduce) {
    .form-imagecheck-image {
        transition: none
    }
}

.form-imagecheck-image:first-child {
    border-top-left-radius:  calc(var(--tblr-form-imagecheck-radius) - 1px);
    border-top-right-radius: calc(var(--tblr-form-imagecheck-radius) - 1px)
}

.form-imagecheck-image:last-child {
    border-bottom-right-radius: calc(var(--tblr-form-imagecheck-radius) - 1px);
    border-bottom-left-radius:  calc(var(--tblr-form-imagecheck-radius) - 1px)
}

.form-imagecheck-input:checked ~ .form-imagecheck-figure .form-imagecheck-image, .form-imagecheck-input:focus ~ .form-imagecheck-figure .form-imagecheck-image, .form-imagecheck:hover .form-imagecheck-image {
    opacity: 1
}

.form-imagecheck-caption {
    padding:    .25rem;
    font-size:  .765625rem;
    color:      var(--tblr-secondary);
    text-align: center;
    transition: color .3s
}

@media (prefers-reduced-motion: reduce) {
    .form-imagecheck-caption {
        transition: none
    }
}

.form-imagecheck-input:checked ~ .form-imagecheck-figure .form-imagecheck-caption, .form-imagecheck-input:focus ~ .form-imagecheck-figure .form-imagecheck-caption, .form-imagecheck:hover .form-imagecheck-caption {
    color: var(--tblr-body-color)
}

.form-selectgroup {
    display:   inline-flex;
    margin:    0 -.5rem -.5rem 0;
    flex-wrap: wrap
}

.form-selectgroup .form-selectgroup-item {
    margin: 0 .5rem .5rem 0
}

.form-selectgroup-vertical {
    flex-direction: column
}

.form-selectgroup-item {
    display:  block;
    position: relative
}

.form-selectgroup-input {
    position: absolute;
    top:      0;
    left:     0;
    z-index:  -1;
    opacity:  0
}

.form-selectgroup-label {
    position:            relative;
    display:             block;
    min-width:           calc(1.25rem + 1.125rem + calc(var(--tblr-border-width) * 2));
    margin:              0;
    padding:             .5625rem 1rem;
    font-size:           .875rem;
    line-height:         1.25rem;
    color:               var(--tblr-secondary);
    background:          var(--tblr-bg-forms);
    text-align:          center;
    cursor:              pointer;
    -webkit-user-select: none;
    -moz-user-select:    none;
    user-select:         none;
    border:              var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
    border-radius:       var(--tblr-border-radius);
    box-shadow:          var(--tblr-shadow-input);
    transition:          border-color .3s, background .3s, color .3s
}

@media (prefers-reduced-motion: reduce) {
    .form-selectgroup-label {
        transition: none
    }
}

.form-selectgroup-label .icon:only-child {
    margin: 0 -.25rem
}

.form-selectgroup-label:hover {
    color: var(--tblr-body-color)
}

.form-selectgroup-check {
    display:        inline-block;
    width:          1.25rem;
    height:         1.25rem;
    border:         var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
    vertical-align: middle;
    box-shadow:     var(--tblr-shadow-input)
}

.form-selectgroup-input[type=checkbox] + .form-selectgroup-label .form-selectgroup-check {
    border-radius: var(--tblr-border-radius)
}

.form-selectgroup-input[type=radio] + .form-selectgroup-label .form-selectgroup-check {
    border-radius: 50%
}

.form-selectgroup-input:checked + .form-selectgroup-label .form-selectgroup-check {
    background-color:    var(--tblr-primary);
    background-repeat:   repeat;
    background-position: center;
    background-size:     1.25rem;
    border-color:        var(--tblr-border-color-translucent)
}

.form-selectgroup-input[type=checkbox]:checked + .form-selectgroup-label .form-selectgroup-check {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e")
}

.form-selectgroup-input[type=radio]:checked + .form-selectgroup-label .form-selectgroup-check {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e")
}

.form-selectgroup-check-floated {
    position: absolute;
    top:      .5625rem;
    right:    .5625rem
}

.form-selectgroup-input:checked + .form-selectgroup-label {
    z-index:      1;
    color:        var(--tblr-primary);
    background:   rgba(var(--tblr-primary-rgb), .04);
    border-color: var(--tblr-primary)
}

.form-selectgroup-input:focus + .form-selectgroup-label {
    z-index:      2;
    color:        var(--tblr-primary);
    border-color: var(--tblr-primary);
    box-shadow:   0 0 0 .25rem rgba(var(--tblr-primary-rgb), .25)
}

.form-selectgroup-boxes .form-selectgroup-label {
    text-align: left;
    padding:    1.25rem 1rem;
    color:      inherit
}

.form-selectgroup-boxes .form-selectgroup-input:checked + .form-selectgroup-label {
    color: inherit
}

.form-selectgroup-boxes .form-selectgroup-input:checked + .form-selectgroup-label .form-selectgroup-title {
    color: var(--tblr-primary)
}

.form-selectgroup-boxes .form-selectgroup-input:checked + .form-selectgroup-label .form-selectgroup-label-content {
    opacity: 1
}

.form-selectgroup-pills {
    flex-wrap:   wrap;
    align-items: flex-start
}

.form-selectgroup-pills .form-selectgroup-item {
    flex-grow: 0
}

.form-selectgroup-pills .form-selectgroup-label {
    border-radius: 50px
}

.form-control-color::-webkit-color-swatch {
    border: none
}

[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.form-control::file-selector-button {
    background-color: var(--tblr-btn-color, var(--tblr-tertiary-bg))
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--tblr-btn-color, var(--tblr-secondary-bg))
}

.form-check {
    -webkit-user-select: none;
    -moz-user-select:    none;
    user-select:         none
}

.form-check.form-check-highlight .form-check-input:not(:checked) ~ .form-check-label {
    color: var(--tblr-secondary)
}

.form-check .form-check-label-off {
    color: var(--tblr-secondary)
}

.form-check .form-check-input:checked ~ .form-check-label-off {
    display: none
}

.form-check .form-check-input:not(:checked) ~ .form-check-label-on {
    display: none
}

.form-check-input {
    background-size: 1.25rem;
    margin-top:      0;
    box-shadow:      var(--tblr-shadow-input)
}

.form-switch .form-check-input {
    transition: background-color .3s, background-position .3s
}

@media (prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-check-label {
    display: block
}

.form-check-label.required:after {
    content:     "*";
    margin-left: .25rem;
    color:       #d63939
}

.form-check-description {
    display:    block;
    color:      var(--tblr-secondary);
    font-size:  .75rem;
    margin-top: .25rem
}

.form-check-single {
    margin: 0
}

.form-check-single .form-check-input {
    margin: 0
}

.form-switch .form-check-input {
    height:     1.25rem;
    margin-top: 0
}

.form-switch-lg {
    padding-left: 3.5rem;
    min-height:   1.5rem
}

.form-switch-lg .form-check-input {
    height:          1.5rem;
    width:           2.75rem;
    background-size: 1.5rem;
    margin-left:     -3.5rem
}

.form-switch-lg .form-check-label {
    padding-top: .125rem
}

.form-check-input:checked {
    border: none
}

.form-control.is-invalid-lite, .form-control.is-valid-lite, .form-select.is-invalid-lite, .form-select.is-valid-lite {
    border-color: var(--tblr-border-color) !important
}

.legend {
    --tblr-legend-size: 0.75em;
    display:            inline-block;
    background:         var(--tblr-border-color);
    width:              var(--tblr-legend-size);
    height:             var(--tblr-legend-size);
    border-radius:      var(--tblr-border-radius-sm);
    border:             1px solid var(--tblr-border-color-translucent)
}

.list-group {
    margin-left:  0;
    margin-right: 0
}

.list-group-header {
    background:     var(--tblr-bg-surface-tertiary);
    padding:        .5rem 1.25rem;
    font-size:      .75rem;
    font-weight:    var(--tblr-font-weight-medium);
    line-height:    1;
    text-transform: uppercase;
    color:          var(--tblr-gray-500);
    border-bottom:  var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)
}

.list-group-flush > .list-group-header:last-child {
    border-bottom-width: 0
}

.list-group-item {
    background-color: inherit
}

.list-group-item.active {
    background-color:  rgba(var(--tblr-secondary-rgb), .08);
    border-left-color: #066fd1;
    border-left-width: 2px
}

.list-group-item.disabled, .list-group-item:disabled {
    color:            #6b7280;
    background-color: rgba(var(--tblr-secondary-rgb), .08)
}

.list-bordered .list-item {
    border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
    margin-top: -1px
}

.list-bordered .list-item:first-child {
    border-top: none
}

.list-group-hoverable .list-group-item:active, .list-group-hoverable .list-group-item:focus, .list-group-hoverable .list-group-item:hover {
    background-color: rgba(var(--tblr-secondary-rgb), .08)
}

.list-group-hoverable .list-group-item-actions {
    opacity:    0;
    transition: opacity .3s
}

@media (prefers-reduced-motion: reduce) {
    .list-group-hoverable .list-group-item-actions {
        transition: none
    }
}

.list-group-hoverable .list-group-item-actions.show, .list-group-hoverable .list-group-item:hover .list-group-item-actions {
    opacity: 1
}

.list-group-transparent {
    --tblr-list-group-border-radius: 0;
    margin:                          0 -1.25rem
}

.list-group-transparent .list-group-item {
    background: 0 0;
    border:     0
}

.list-group-transparent .list-group-item .icon {
    color: var(--tblr-secondary)
}

.list-group-transparent .list-group-item.active {
    font-weight: var(--tblr-font-weight-bold);
    color:       inherit;
    background:  var(--tblr-active-bg)
}

.list-group-transparent .list-group-item.active .icon {
    color: inherit
}

.list-separated {
    display:        flex;
    flex-direction: column;
    gap:            1rem
}

.list-inline {
    margin: 0
}

.list-inline-item:not(:last-child) {
    margin-right:      auto;
    margin-inline-end: .5rem
}

.list-inline-dots .list-inline-item + .list-inline-item:before {
    content:           " · ";
    margin-inline-end: .5rem
}

.loader {
    position:       relative;
    display:        block;
    width:          2.5rem;
    height:         2.5rem;
    color:          #066fd1;
    vertical-align: middle
}

.loader:after {
    position:                  absolute;
    top:                       0;
    left:                      0;
    width:                     100%;
    height:                    100%;
    content:                   "";
    border:                    1px var(--tblr-border-style);
    border-color:              transparent;
    border-top-color:          currentColor;
    border-left-color:         currentColor;
    border-radius:             100rem;
    animation:                 rotate-360 .6s linear;
    animation-iteration-count: infinite
}

.dimmer {
    position: relative
}

.dimmer .loader {
    position:  absolute;
    top:       50%;
    right:     0;
    left:      0;
    display:   none;
    margin:    0 auto;
    transform: translateY(-50%)
}

.dimmer.active .loader {
    display: block
}

.dimmer.active .dimmer-content {
    pointer-events: none;
    opacity:        .1
}

@keyframes animated-dots {
    0% {
        transform: translateX(-100%)
    }
}

.animated-dots {
    display:        inline-block;
    overflow:       hidden;
    vertical-align: bottom
}

.animated-dots:after {
    display:   inline-block;
    content:   "...";
    animation: animated-dots 1.2s steps(4, jump-none) infinite
}

.modal-content > .btn-close, .modal-header > .btn-close {
    position: absolute;
    top:      0;
    right:    0;
    width:    3.5rem;
    height:   3.5rem;
    margin:   0;
    padding:  0;
    z-index:  10
}

.modal-body {
    scrollbar-color: color-mix(in srgb, var(--tblr-scrollbar-color, var(--tblr-body-color)) 20%, transparent) transparent
}

.modal-body::-webkit-scrollbar {
    width:              1rem;
    height:             1rem;
    -webkit-transition: background .3s;
    transition:         background .3s
}

@media (prefers-reduced-motion: reduce) {
    .modal-body::-webkit-scrollbar {
        -webkit-transition: none;
        transition:         none
    }
}

.modal-body::-webkit-scrollbar-thumb {
    border-radius: 1rem;
    border:        5px solid transparent;
    box-shadow:    inset 0 0 0 1rem color-mix(in srgb, var(--tblr-scrollbar-color, var(--tblr-body-color)) 20%, transparent)
}

.modal-body::-webkit-scrollbar-track {
    background: 0 0
}

.modal-body:hover::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0 1rem color-mix(in srgb, var(--tblr-scrollbar-color, var(--tblr-body-color)) 40%, transparent)
}

.modal-body::-webkit-scrollbar-corner {
    background: 0 0
}

.modal-body .modal-title {
    margin-bottom: 1rem
}

.modal-body + .modal-body {
    border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)
}

.modal-status {
    position:      absolute;
    top:           0;
    left:          0;
    right:         0;
    height:        2px;
    background:    var(--tblr-secondary);
    border-radius: var(--tblr-border-radius-lg) var(--tblr-border-radius-lg) 0 0
}

.modal-header {
    align-items: center;
    min-height:  3.5rem;
    background:  0 0;
    padding:     0 3.5rem 0 1.5rem
}

.modal-title {
    font-size:   1rem;
    font-weight: var(--tblr-font-weight-bold);
    color:       inherit;
    line-height: 1.4285714286
}

.modal-footer {
    padding-top:    .75rem;
    padding-bottom: .75rem
}

.modal-blur {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter:         blur(4px)
}

.modal-full-width {
    max-width: none;
    margin:    0 .5rem
}

.nav {
    --tblr-nav-link-hover-bg: color-mix(in srgb, var(--tblr-nav-link-color) 4%, transparent)
}

.nav-vertical, .nav-vertical .nav {
    flex-direction: column;
    flex-wrap:      nowrap
}

.nav-vertical .nav {
    margin-left:  1.25rem;
    border-left:  var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
    padding-left: .5rem
}

.nav-vertical .nav-item.show .nav-link, .nav-vertical .nav-link.active {
    font-weight: var(--tblr-font-weight-bold);
    color:       var(--tblr-nav-link-active-color)
}

.nav-vertical.nav-pills {
    margin: 0 -.75rem
}

.nav-bordered {
    border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)
}

.nav-bordered .nav-item + .nav-item {
    margin-left: 1.25rem
}

.nav-bordered .nav-link {
    padding-left:  0;
    padding-right: 0;
    margin:        0 0 calc(-1 * var(--tblr-border-width));
    border:        0;
    border-bottom: 2px var(--tblr-border-style) transparent
}

.nav-bordered .nav-link:hover {
    background-color: transparent
}

.nav-bordered .nav-item.show .nav-link, .nav-bordered .nav-link.active {
    color:        var(--tblr-primary);
    border-color: var(--tblr-primary)
}

.nav-underline .nav-link {
    border-radius: 0
}

.nav-link {
    display:     flex;
    transition:  color .3s, background-color .3s;
    align-items: center
}

@media (prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus, .nav-link:hover {
    background-color: var(--tblr-nav-link-hover-bg)
}

.nav-link-toggle {
    margin-left: auto;
    padding:     0 .25rem;
    transition:  transform .3s
}

@media (prefers-reduced-motion: reduce) {
    .nav-link-toggle {
        transition: none
    }
}

.nav-link-toggle:after {
    content:        "";
    display:        inline-block;
    vertical-align: .306em;
    width:          .36em;
    height:         .36em;
    border-bottom:  1px var(--tblr-border-style);
    border-left:    1px var(--tblr-border-style);
    margin-right:   .1em;
    margin-left:    .4em;
    transform:      rotate(-45deg)
}

.nav-link-toggle:after {
    margin: 0
}

.nav-link[aria-expanded=true] .nav-link-toggle {
    transform: rotate(180deg)
}

.nav-link-icon {
    width:        1.25rem;
    height:       1.25rem;
    margin-right: .5rem;
    color:        inherit
}

.nav-link-icon svg {
    display: block;
    height:  100%
}

.nav-fill .nav-item .nav-link {
    justify-content: center
}

.stars {
    display:   inline-flex;
    color:     #9ca3af;
    font-size: .75rem
}

.stars .star:not(:first-child) {
    margin-left: .25rem
}

.pagination {
    margin:                0;
    --tblr-pagination-gap: .25rem;
    -webkit-user-select:   none;
    -moz-user-select:      none;
    user-select:           none;
    gap:                   var(--tblr-pagination-gap);
    line-height:           var(--tblr-body-line-height)
}

.page-link {
    min-width:     2rem;
    border-radius: var(--tblr-pagination-border-radius)
}

.page-item:not(.active) .page-link:hover {
    background: var(--tblr-pagination-hover-bg)
}

.page-text {
    padding-left:  .5rem;
    padding-right: .5rem
}

.page-item {
    text-align: center
}

.page-item.page-next, .page-item.page-prev {
    flex:       0 0 50%;
    text-align: left
}

.page-item.page-next {
    margin-left: auto;
    text-align:  right
}

.page-item-subtitle {
    margin-bottom:  2px;
    font-size:      12px;
    color:          var(--tblr-secondary);
    text-transform: uppercase
}

.page-item.disabled .page-item-subtitle {
    color: var(--tblr-disabled-color)
}

.page-item-title {
    font-size:   1rem;
    font-weight: var(--tblr-font-weight-normal);
    color:       var(--tblr-body-color)
}

.page-link:hover .page-item-title {
    color: #066fd1
}

.page-item.disabled .page-item-title {
    color: var(--tblr-disabled-color)
}

.pagination-outline {
    --tblr-pagination-border-color:          var(--tblr-border-color);
    --tblr-pagination-disabled-border-color: var(--tblr-border-color);
    --tblr-pagination-border-width:          1px
}

.pagination-circle {
    --tblr-pagination-border-radius: var(--tblr-border-radius-pill)
}

@keyframes progress-indeterminate {
    0% {
        right: 100%;
        left:  -35%
    }
    100%, 60% {
        right: -90%;
        left:  100%
    }
}

.progress {
    position:           relative;
    width:              100%;
    line-height:        .5rem;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none
}

.progress::-webkit-progress-bar {
    background: var(--tblr-progress-bg)
}

.progress::-webkit-progress-value {
    background-color: var(--tblr-primary)
}

.progress::-moz-progress-bar {
    background-color: var(--tblr-primary)
}

.progress::-ms-fill {
    background-color: var(--tblr-primary);
    border:           none
}

.progress-sm {
    height: .25rem
}

.progress-bar {
    height: 100%
}

.progress-bar-indeterminate:after, .progress-bar-indeterminate:before {
    position:         absolute;
    top:              0;
    bottom:           0;
    left:             0;
    content:          "";
    background-color: inherit;
    will-change:      left, right
}

.progress-bar-indeterminate:before {
    animation: progress-indeterminate 1.5s cubic-bezier(.65, .815, .735, .395) infinite
}

.progress-separated .progress-bar {
    box-shadow: 0 0 0 2px var(--tblr-card-bg, var(--tblr-bg-surface))
}

.progressbg {
    position: relative;
    padding:  .25rem .5rem;
    display:  flex
}

.progressbg-text {
    position:      relative;
    z-index:       1;
    overflow:      hidden;
    text-overflow: ellipsis;
    white-space:   nowrap
}

.progressbg-progress {
    position:       absolute;
    top:            0;
    right:          0;
    bottom:         0;
    left:           0;
    z-index:        0;
    height:         100%;
    background:     0 0;
    pointer-events: none
}

.progressbg-value {
    font-weight:  var(--tblr-font-weight-medium);
    margin-left:  auto;
    padding-left: 2rem
}

.ribbon {
    --tblr-ribbon-margin:        0.25rem;
    --tblr-ribbon-border-radius: var(--tblr-border-radius);
    position:                    absolute;
    top:                         .75rem;
    right:                       calc(-1 * var(--tblr-ribbon-margin));
    z-index:                     1;
    padding:                     .25rem .75rem;
    font-size:                   .625rem;
    font-weight:                 var(--tblr-font-weight-bold);
    line-height:                 1;
    color:                       #fff;
    text-align:                  center;
    text-transform:              uppercase;
    background:                  var(--tblr-primary);
    border-color:                var(--tblr-primary);
    border-radius:               var(--tblr-ribbon-border-radius) 0 var(--tblr-ribbon-border-radius) var(--tblr-ribbon-border-radius);
    display:                     inline-flex;
    align-items:                 center;
    justify-content:             center;
    min-height:                  2rem;
    min-width:                   2rem
}

.ribbon:before {
    position:           absolute;
    right:              0;
    bottom:             100%;
    width:              0;
    height:             0;
    content:            "";
    filter:             brightness(70%);
    border:             calc(var(--tblr-ribbon-margin) * .5) var(--tblr-border-style);
    border-color:       inherit;
    border-top-color:   transparent;
    border-right-color: transparent
}

.ribbon.bg-blue {
    border-color: var(--tblr-blue)
}

.ribbon.bg-blue-lt {
    border-color: rgba(var(--tblr-blue-rgb), .1) !important
}

.ribbon.bg-azure {
    border-color: var(--tblr-azure)
}

.ribbon.bg-azure-lt {
    border-color: rgba(var(--tblr-azure-rgb), .1) !important
}

.ribbon.bg-indigo {
    border-color: var(--tblr-indigo)
}

.ribbon.bg-indigo-lt {
    border-color: rgba(var(--tblr-indigo-rgb), .1) !important
}

.ribbon.bg-purple {
    border-color: var(--tblr-purple)
}

.ribbon.bg-purple-lt {
    border-color: rgba(var(--tblr-purple-rgb), .1) !important
}

.ribbon.bg-pink {
    border-color: var(--tblr-pink)
}

.ribbon.bg-pink-lt {
    border-color: rgba(var(--tblr-pink-rgb), .1) !important
}

.ribbon.bg-red {
    border-color: var(--tblr-red)
}

.ribbon.bg-red-lt {
    border-color: rgba(var(--tblr-red-rgb), .1) !important
}

.ribbon.bg-orange {
    border-color: var(--tblr-orange)
}

.ribbon.bg-orange-lt {
    border-color: rgba(var(--tblr-orange-rgb), .1) !important
}

.ribbon.bg-yellow {
    border-color: var(--tblr-yellow)
}

.ribbon.bg-yellow-lt {
    border-color: rgba(var(--tblr-yellow-rgb), .1) !important
}

.ribbon.bg-lime {
    border-color: var(--tblr-lime)
}

.ribbon.bg-lime-lt {
    border-color: rgba(var(--tblr-lime-rgb), .1) !important
}

.ribbon.bg-green {
    border-color: var(--tblr-green)
}

.ribbon.bg-green-lt {
    border-color: rgba(var(--tblr-green-rgb), .1) !important
}

.ribbon.bg-teal {
    border-color: var(--tblr-teal)
}

.ribbon.bg-teal-lt {
    border-color: rgba(var(--tblr-teal-rgb), .1) !important
}

.ribbon.bg-cyan {
    border-color: var(--tblr-cyan)
}

.ribbon.bg-cyan-lt {
    border-color: rgba(var(--tblr-cyan-rgb), .1) !important
}

.ribbon .icon {
    width:     1.25rem;
    height:    1.25rem;
    font-size: 1.25rem
}

.ribbon-top {
    top:           calc(-1 * var(--tblr-ribbon-margin));
    right:         .75rem;
    width:         2rem;
    padding:       .5rem 0;
    border-radius: 0 var(--tblr-ribbon-border-radius) var(--tblr-ribbon-border-radius) var(--tblr-ribbon-border-radius)
}

.ribbon-top:before {
    top:               0;
    right:             100%;
    bottom:            auto;
    border-color:      inherit;
    border-top-color:  transparent;
    border-left-color: transparent
}

.ribbon-top.ribbon-start {
    right: auto;
    left:  .75rem
}

.ribbon-top.ribbon-start:before {
    top:   0;
    right: 100%;
    left:  auto
}

.ribbon-start {
    right:         auto;
    left:          calc(-1 * var(--tblr-ribbon-margin));
    border-radius: 0 var(--tblr-ribbon-border-radius) var(--tblr-ribbon-border-radius) var(--tblr-ribbon-border-radius)
}

.ribbon-start:before {
    top:               auto;
    bottom:            100%;
    left:              0;
    border-color:      inherit;
    border-top-color:  transparent;
    border-left-color: transparent
}

.ribbon-bottom {
    top:    auto;
    bottom: .75rem
}

.ribbon-bookmark {
    padding-left:  .25rem;
    border-radius: 0 0 var(--tblr-ribbon-border-radius) 0
}

.ribbon-bookmark:after {
    position:           absolute;
    top:                0;
    right:              100%;
    display:            block;
    width:              0;
    height:             0;
    content:            "";
    border:             1rem var(--tblr-border-style);
    border-color:       inherit;
    border-right-width: 0;
    border-left-color:  transparent;
    border-left-width:  .5rem
}

.ribbon-bookmark.ribbon-left {
    padding-right: .5rem
}

.ribbon-bookmark.ribbon-left:after {
    right:              auto;
    left:               100%;
    border-right-color: transparent;
    border-right-width: .5rem;
    border-left-width:  0
}

.ribbon-bookmark.ribbon-top {
    padding-right:  0;
    padding-bottom: .25rem;
    padding-left:   0;
    border-radius:  0 var(--tblr-ribbon-border-radius) 0 0
}

.ribbon-bookmark.ribbon-top:after {
    top:                 100%;
    right:               0;
    left:                0;
    border-color:        inherit;
    border-width:        1rem;
    border-top-width:    0;
    border-bottom-color: transparent;
    border-bottom-width: .5rem
}

.markdown {
    line-height: 2
}

.markdown > :first-child {
    margin-top: 0
}

.markdown > :last-child, .markdown > :last-child .highlight {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .markdown > .hr, .markdown > hr {
        margin-top:    3em;
        margin-bottom: 3em
    }
}

.markdown > .h1, .markdown > .h2, .markdown > .h3, .markdown > .h4, .markdown > .h5, .markdown > .h6, .markdown > h1, .markdown > h2, .markdown > h3, .markdown > h4, .markdown > h5, .markdown > h6 {
    font-weight: var(--tblr-font-weight-bold)
}

.markdown > .h2, .markdown > .h3, .markdown > .h4, .markdown > .h5, .markdown > .h6, .markdown > h2, .markdown > h3, .markdown > h4, .markdown > h5, .markdown > h6 {
    margin-top: 2.5rem
}

.markdown > table {
    font-size: var(--tblr-body-font-size)
}

.markdown > blockquote {
    font-size: 1rem;
    margin:    1.5rem 0;
    padding:   .5rem 1.5rem
}

.markdown > img, .markdown > p > img {
    border-radius: var(--tblr-border-radius);
    border:        1px solid var(--tblr-border-color)
}

.markdown pre {
    max-height: 20rem
}

.placeholder:not(.btn):not([class*=bg-]) {
    background-color: currentColor !important
}

.placeholder:not(.avatar):not([class*=card-img-]) {
    border-radius: var(--tblr-border-radius)
}

.nav-segmented {
    --tblr-nav-bg:                  var(--tblr-bg-surface-tertiary);
    --tblr-nav-padding:             2px;
    --tblr-nav-height:              2.5rem;
    --tblr-nav-gap:                 .25rem;
    --tblr-nav-active-bg:           var(--tblr-bg-surface);
    --tblr-nav-font-size:           inherit;
    --tblr-nav-radius:              6px;
    --tblr-nav-link-disabled-color: var(--tblr-disabled-color);
    --tblr-nav-link-gap:            .25rem;
    --tblr-nav-link-padding-x:      .75rem;
    --tblr-nav-link-icon-size:      1.25rem;
    display:                        inline-flex;
    flex-wrap:                      wrap;
    gap:                            var(--tblr-nav-gap);
    padding:                        var(--tblr-nav-padding);
    list-style:                     none;
    background:                     var(--tblr-nav-bg);
    border-radius:                  calc(var(--tblr-nav-radius) + var(--tblr-nav-padding));
    box-shadow:                     inset 0 0 0 1px rgba(0, 0, 0, .04)
}

.nav-segmented .nav-link {
    display:         inline-flex;
    gap:             calc(.25rem + var(--tblr-nav-link-gap));
    align-items:     center;
    margin:          0;
    font-size:       var(--tblr-nav-font-size);
    min-width:       calc(var(--tblr-nav-height) - 2 * var(--tblr-nav-padding));
    height:          calc(var(--tblr-nav-height) - 2 * var(--tblr-nav-padding));
    padding:         0 calc(var(--tblr-nav-link-padding-x) - 2px);
    border:          1px solid transparent;
    background:      0 0;
    color:           var(--tblr-secondary);
    text-align:      center;
    text-decoration: none;
    white-space:     nowrap;
    cursor:          pointer;
    transition:      background-color .3s, color .3s;
    border-radius:   var(--tblr-nav-radius);
    flex-grow:       1;
    justify-content: center
}

.nav-segmented .nav-link.hover, .nav-segmented .nav-link:hover {
    background: rgba(0, 0, 0, .04);
    color:      var(--tblr-body-color)
}

.nav-segmented .nav-link.disabled, .nav-segmented .nav-link:disabled {
    color:  var(--tblr-nav-link-disabled-color);
    cursor: not-allowed
}

.nav-segmented .nav-link-input:checked + .nav-link, .nav-segmented .nav-link.active {
    color:        var(--tblr-body-color);
    background:   var(--tblr-nav-active-bg);
    border-color: var(--tblr-border-color)
}

.nav-segmented .nav-link-input {
    display: none
}

.nav-segmented .nav-link-icon {
    width:  var(--tblr-nav-link-icon-size);
    height: var(--tblr-nav-link-icon-size);
    margin: 0 -.25rem;
    color:  inherit
}

.nav-segmented-vertical {
    flex-direction: column
}

.nav-segmented-vertical .nav-link {
    justify-content: flex-start
}

.nav-sm {
    --tblr-nav-height:         2rem;
    --tblr-nav-font-size:      var(--tblr-font-size-h5);
    --tblr-nav-radius:         4px;
    --tblr-nav-link-padding-x: .5rem;
    --tblr-nav-link-gap:       .25rem;
    --tblr-nav-link-icon-size: 1rem
}

.nav-lg {
    --tblr-nav-height:         3rem;
    --tblr-nav-font-size:      var(--tblr-font-size-h3);
    --tblr-nav-radius:         8px;
    --tblr-nav-link-padding-x: 1rem;
    --tblr-nav-link-gap:       .5rem;
    --tblr-nav-link-icon-size: 1.5rem
}

.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-blue-lt {
    --tblr-steps-color: var(--tblr-blue-lt)
}

.steps-azure {
    --tblr-steps-color: var(--tblr-azure)
}

.steps-azure-lt {
    --tblr-steps-color: var(--tblr-azure-lt)
}

.steps-indigo {
    --tblr-steps-color: var(--tblr-indigo)
}

.steps-indigo-lt {
    --tblr-steps-color: var(--tblr-indigo-lt)
}

.steps-purple {
    --tblr-steps-color: var(--tblr-purple)
}

.steps-purple-lt {
    --tblr-steps-color: var(--tblr-purple-lt)
}

.steps-pink {
    --tblr-steps-color: var(--tblr-pink)
}

.steps-pink-lt {
    --tblr-steps-color: var(--tblr-pink-lt)
}

.steps-red {
    --tblr-steps-color: var(--tblr-red)
}

.steps-red-lt {
    --tblr-steps-color: var(--tblr-red-lt)
}

.steps-orange {
    --tblr-steps-color: var(--tblr-orange)
}

.steps-orange-lt {
    --tblr-steps-color: var(--tblr-orange-lt)
}

.steps-yellow {
    --tblr-steps-color: var(--tblr-yellow)
}

.steps-yellow-lt {
    --tblr-steps-color: var(--tblr-yellow-lt)
}

.steps-lime {
    --tblr-steps-color: var(--tblr-lime)
}

.steps-lime-lt {
    --tblr-steps-color: var(--tblr-lime-lt)
}

.steps-green {
    --tblr-steps-color: var(--tblr-green)
}

.steps-green-lt {
    --tblr-steps-color: var(--tblr-green-lt)
}

.steps-teal {
    --tblr-steps-color: var(--tblr-teal)
}

.steps-teal-lt {
    --tblr-steps-color: var(--tblr-teal-lt)
}

.steps-cyan {
    --tblr-steps-color: var(--tblr-cyan)
}

.steps-cyan-lt {
    --tblr-steps-color: var(--tblr-cyan-lt)
}

.step-item {
    position:    relative;
    flex:        1 1 0;
    min-height:  1rem;
    margin-top:  0;
    color:       inherit;
    text-align:  center;
    cursor:      default;
    padding-top: calc(var(--tblr-steps-dot-size))
}

a.step-item {
    cursor: pointer
}

a.step-item:hover {
    color: inherit
}

.step-item:after, .step-item:before {
    background: var(--tblr-steps-color)
}

.step-item:not(:last-child):after {
    position:  absolute;
    left:      50%;
    width:     100%;
    content:   "";
    transform: translateY(-50%)
}

.step-item:after {
    top:    calc(var(--tblr-steps-dot-size) * .5);
    height: var(--tblr-steps-border-width)
}

.step-item:before {
    content:         "";
    position:        absolute;
    top:             0;
    left:            50%;
    z-index:         1;
    box-sizing:      content-box;
    display:         flex;
    align-items:     center;
    justify-content: center;
    border-radius:   100rem;
    transform:       translateX(-50%);
    color:           var(--tblr-white);
    width:           var(--tblr-steps-dot-size);
    height:          var(--tblr-steps-dot-size)
}

.step-item.active {
    font-weight: var(--tblr-font-weight-bold)
}

.step-item.active:after {
    background: var(--tblr-steps-inactive-color)
}

.step-item.active ~ .step-item {
    color: var(--tblr-disabled-color)
}

.step-item.active ~ .step-item:after, .step-item.active ~ .step-item:before {
    background: var(--tblr-steps-inactive-color)
}

.steps-counter {
    --tblr-steps-dot-size: 1.5rem;
    counter-reset:         steps
}

.steps-counter .step-item {
    counter-increment: steps
}

.steps-counter .step-item:before {
    content: counter(steps)
}

.steps-vertical {
    --tblr-steps-dot-offset: 6px;
    flex-direction:          column
}

.steps-vertical.steps-counter {
    --tblr-steps-dot-offset: -2px
}

.steps-vertical .step-item {
    text-align:   left;
    padding-top:  0;
    padding-left: calc(var(--tblr-steps-dot-size) + 1rem);
    min-height:   auto
}

.steps-vertical .step-item:not(:first-child) {
    margin-top: 1rem
}

.steps-vertical .step-item:before {
    top:       var(--tblr-steps-dot-offset);
    left:      0;
    transform: translate(0, 0)
}

.steps-vertical .step-item:not(:last-child):after {
    position:  absolute;
    content:   "";
    transform: translateX(-50%);
    top:       var(--tblr-steps-dot-offset);
    left:      calc(var(--tblr-steps-dot-size) * .5);
    width:     var(--tblr-steps-border-width);
    height:    calc(100% + 1rem)
}

@keyframes status-pulsate-main {
    40% {
        transform: scale(1.25, 1.25)
    }
    60% {
        transform: scale(1.25, 1.25)
    }
}

@keyframes status-pulsate-secondary {
    10% {
        transform: scale(1, 1)
    }
    30% {
        transform: scale(3, 3)
    }
    80% {
        transform: scale(3, 3)
    }
    100% {
        transform: scale(1, 1)
    }
}

@keyframes status-pulsate-tertiary {
    25% {
        transform: scale(1, 1)
    }
    80% {
        transform: scale(3, 3);
        opacity:   0
    }
    100% {
        transform: scale(3, 3);
        opacity:   0
    }
}

.status {
    --tblr-status-height:    1.5rem;
    --tblr-status-color:     #6b7280;
    --tblr-status-color-rgb: 107, 114, 128;
    display:                 inline-flex;
    align-items:             center;
    height:                  var(--tblr-status-height);
    padding:                 .25rem .75rem;
    gap:                     .5rem;
    color:                   var(--tblr-status-color);
    background:              rgba(var(--tblr-status-color-rgb), .1);
    font-size:               .875rem;
    text-transform:          none;
    letter-spacing:          normal;
    border-radius:           100rem;
    font-weight:             var(--tblr-font-weight-medium);
    line-height:             1;
    margin:                  0
}

.status .status-dot {
    background: var(--tblr-status-color)
}

.status .icon {
    font-size: 1.25rem
}

.status-lite {
    border:     var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color) !important;
    background: 0 0 !important;
    color:      var(--tblr-body-color) !important
}

.status-primary {
    --tblr-status-color:     #066fd1;
    --tblr-status-color-rgb: 6, 111, 209
}

.status-secondary {
    --tblr-status-color:     #6b7280;
    --tblr-status-color-rgb: 107, 114, 128
}

.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:     #f59f00;
    --tblr-status-color-rgb: 245, 159, 0
}

.status-danger {
    --tblr-status-color:     #d63939;
    --tblr-status-color-rgb: 214, 57, 57
}

.status-light {
    --tblr-status-color:     #f9fafb;
    --tblr-status-color-rgb: 249, 250, 251
}

.status-dark {
    --tblr-status-color:     #1f2937;
    --tblr-status-color-rgb: 31, 41, 55
}

.status-muted {
    --tblr-status-color:     #6b7280;
    --tblr-status-color-rgb: 107, 114, 128
}

.status-blue {
    --tblr-status-color:     #066fd1;
    --tblr-status-color-rgb: 6, 111, 209
}

.status-azure {
    --tblr-status-color:     #4299e1;
    --tblr-status-color-rgb: 66, 153, 225
}

.status-indigo {
    --tblr-status-color:     #4263eb;
    --tblr-status-color-rgb: 66, 99, 235
}

.status-purple {
    --tblr-status-color:     #ae3ec9;
    --tblr-status-color-rgb: 174, 62, 201
}

.status-pink {
    --tblr-status-color:     #d6336c;
    --tblr-status-color-rgb: 214, 51, 108
}

.status-red {
    --tblr-status-color:     #d63939;
    --tblr-status-color-rgb: 214, 57, 57
}

.status-orange {
    --tblr-status-color:     #f76707;
    --tblr-status-color-rgb: 247, 103, 7
}

.status-yellow {
    --tblr-status-color:     #f59f00;
    --tblr-status-color-rgb: 245, 159, 0
}

.status-lime {
    --tblr-status-color:     #74b816;
    --tblr-status-color-rgb: 116, 184, 22
}

.status-green {
    --tblr-status-color:     #2fb344;
    --tblr-status-color-rgb: 47, 179, 68
}

.status-teal {
    --tblr-status-color:     #0ca678;
    --tblr-status-color-rgb: 12, 166, 120
}

.status-cyan {
    --tblr-status-color:     #17a2b8;
    --tblr-status-color-rgb: 23, 162, 184
}

.status-dot {
    --tblr-status-dot-color: var(--tblr-status-color, #6b7280);
    --tblr-status-size:      0.5rem;
    position:                relative;
    display:                 inline-block;
    width:                   var(--tblr-status-size);
    height:                  var(--tblr-status-size);
    background:              var(--tblr-status-dot-color);
    border-radius:           100rem
}

.status-dot-animated:before {
    content:       "";
    position:      absolute;
    inset:         0;
    z-index:       0;
    background:    inherit;
    border-radius: inherit;
    opacity:       .6;
    animation:     1s linear 2s backwards infinite status-pulsate-tertiary
}

.status-indicator {
    --tblr-status-indicator-size:  2.5rem;
    --tblr-status-indicator-color: var(--tblr-status-color, #6b7280);
    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:first-child {
    z-index: 3
}

.status-indicator-circle:nth-child(2) {
    z-index: 2;
    opacity: .1
}

.status-indicator-circle:nth-child(3) {
    z-index: 1;
    opacity: .3
}

.status-indicator-animated .status-indicator-circle:first-child {
    animation: 2s linear 1s infinite backwards status-pulsate-main
}

.status-indicator-animated .status-indicator-circle:nth-child(2) {
    animation: 2s linear 1s infinite backwards status-pulsate-secondary
}

.status-indicator-animated .status-indicator-circle:nth-child(3) {
    animation: 2s linear 1s infinite backwards status-pulsate-tertiary
}

.switch-icon {
    display:        inline-block;
    line-height:    1;
    border:         0;
    padding:        0;
    background:     0 0;
    width:          1.25rem;
    height:         1.25rem;
    vertical-align: bottom;
    position:       relative;
    cursor:         pointer
}

.switch-icon.disabled {
    pointer-events: none;
    opacity:        .4
}

.switch-icon:focus {
    outline: 0
}

.switch-icon svg {
    display: block;
    width:   100%;
    height:  100%
}

.switch-icon .switch-icon-a, .switch-icon .switch-icon-b {
    display: block;
    width:   100%;
    height:  100%
}

.switch-icon .switch-icon-a {
    opacity: 1
}

.switch-icon .switch-icon-b {
    position: absolute;
    top:      0;
    left:     0;
    opacity:  0
}

.switch-icon.active .switch-icon-a {
    opacity: 0
}

.switch-icon.active .switch-icon-b {
    opacity: 1
}

.switch-icon-fade .switch-icon-a, .switch-icon-fade .switch-icon-b {
    transition: opacity .5s
}

@media (prefers-reduced-motion: reduce) {
    .switch-icon-fade .switch-icon-a, .switch-icon-fade .switch-icon-b {
        transition: none
    }
}

.switch-icon-scale .switch-icon-a, .switch-icon-scale .switch-icon-b {
    transition: opacity .5s, transform 0s .5s
}

@media (prefers-reduced-motion: reduce) {
    .switch-icon-scale .switch-icon-a, .switch-icon-scale .switch-icon-b {
        transition: none
    }
}

.switch-icon-scale .switch-icon-b {
    transform: scale(1.5)
}

.switch-icon-scale.active .switch-icon-a, .switch-icon-scale.active .switch-icon-b {
    transition: opacity 0s, transform .5s
}

@media (prefers-reduced-motion: reduce) {
    .switch-icon-scale.active .switch-icon-a, .switch-icon-scale.active .switch-icon-b {
        transition: none
    }
}

.switch-icon-scale.active .switch-icon-b {
    transform: scale(1)
}

.switch-icon-flip {
    perspective: 10em
}

.switch-icon-flip .switch-icon-a, .switch-icon-flip .switch-icon-b {
    backface-visibility: hidden;
    transform-style:     preserve-3d;
    transition:          opacity 0s .2s, transform .4s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .switch-icon-flip .switch-icon-a, .switch-icon-flip .switch-icon-b {
        transition: none
    }
}

.switch-icon-flip .switch-icon-a {
    opacity:   1;
    transform: rotateY(0)
}

.switch-icon-flip .switch-icon-b {
    opacity:   1;
    transform: rotateY(-180deg)
}

.switch-icon-flip.active .switch-icon-a {
    opacity:   1;
    transform: rotateY(180deg)
}

.switch-icon-flip.active .switch-icon-b {
    opacity:   1;
    transform: rotateY(0)
}

.switch-icon-slide-down, .switch-icon-slide-end, .switch-icon-slide-left, .switch-icon-slide-right, .switch-icon-slide-start, .switch-icon-slide-up {
    overflow: hidden
}

.switch-icon-slide-down .switch-icon-a, .switch-icon-slide-down .switch-icon-b, .switch-icon-slide-end .switch-icon-a, .switch-icon-slide-end .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-start .switch-icon-a, .switch-icon-slide-start .switch-icon-b, .switch-icon-slide-up .switch-icon-a, .switch-icon-slide-up .switch-icon-b {
    transition: opacity .3s, transform .3s
}

@media (prefers-reduced-motion: reduce) {
    .switch-icon-slide-down .switch-icon-a, .switch-icon-slide-down .switch-icon-b, .switch-icon-slide-end .switch-icon-a, .switch-icon-slide-end .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-start .switch-icon-a, .switch-icon-slide-start .switch-icon-b, .switch-icon-slide-up .switch-icon-a, .switch-icon-slide-up .switch-icon-b {
        transition: none
    }
}

.switch-icon-slide-down .switch-icon-a, .switch-icon-slide-end .switch-icon-a, .switch-icon-slide-left .switch-icon-a, .switch-icon-slide-right .switch-icon-a, .switch-icon-slide-start .switch-icon-a, .switch-icon-slide-up .switch-icon-a {
    transform: translateY(0)
}

.switch-icon-slide-down .switch-icon-b, .switch-icon-slide-end .switch-icon-b, .switch-icon-slide-left .switch-icon-b, .switch-icon-slide-right .switch-icon-b, .switch-icon-slide-start .switch-icon-b, .switch-icon-slide-up .switch-icon-b {
    transform: translateY(100%)
}

.switch-icon-slide-down.active .switch-icon-a, .switch-icon-slide-end.active .switch-icon-a, .switch-icon-slide-left.active .switch-icon-a, .switch-icon-slide-right.active .switch-icon-a, .switch-icon-slide-start.active .switch-icon-a, .switch-icon-slide-up.active .switch-icon-a {
    transform: translateY(-100%)
}

.switch-icon-slide-down.active .switch-icon-b, .switch-icon-slide-end.active .switch-icon-b, .switch-icon-slide-left.active .switch-icon-b, .switch-icon-slide-right.active .switch-icon-b, .switch-icon-slide-start.active .switch-icon-b, .switch-icon-slide-up.active .switch-icon-b {
    transform: translateY(0)
}

.switch-icon-slide-left .switch-icon-a, .switch-icon-slide-start .switch-icon-a {
    transform: translateX(0)
}

.switch-icon-slide-left .switch-icon-b, .switch-icon-slide-start .switch-icon-b {
    transform: translateX(100%)
}

.switch-icon-slide-left.active .switch-icon-a, .switch-icon-slide-start.active .switch-icon-a {
    transform: translateX(-100%)
}

.switch-icon-slide-left.active .switch-icon-b, .switch-icon-slide-start.active .switch-icon-b {
    transform: translateX(0)
}

.switch-icon-slide-end .switch-icon-a, .switch-icon-slide-right .switch-icon-a {
    transform: translateX(0)
}

.switch-icon-slide-end .switch-icon-b, .switch-icon-slide-right .switch-icon-b {
    transform: translateX(-100%)
}

.switch-icon-slide-end.active .switch-icon-a, .switch-icon-slide-right.active .switch-icon-a {
    transform: translateX(100%)
}

.switch-icon-slide-end.active .switch-icon-b, .switch-icon-slide-right.active .switch-icon-b {
    transform: translateX(0)
}

.switch-icon-slide-down .switch-icon-a {
    transform: translateY(0)
}

.switch-icon-slide-down .switch-icon-b {
    transform: translateY(-100%)
}

.switch-icon-slide-down.active .switch-icon-a {
    transform: translateY(100%)
}

.switch-icon-slide-down.active .switch-icon-b {
    transform: translateY(0)
}

.markdown > table thead th, .table thead th {
    background:     var(--tblr-bg-surface-tertiary);
    font-size:      .75rem;
    font-weight:    var(--tblr-font-weight-medium);
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height:    1rem;
    color:          var(--tblr-secondary);
    padding-top:    .5rem;
    padding-bottom: .5rem;
    white-space:    nowrap
}

@media print {
    .markdown > table thead th, .table thead th {
        background: 0 0
    }
}

.table-responsive .markdown > table, .table-responsive .table {
    margin-bottom: 0
}

.table-responsive + .card-footer {
    border-top: 0
}

.table-transparent thead th {
    background: 0 0
}

.table-nowrap > :not(caption) > * > * {
    white-space: nowrap
}

.table-vcenter > :not(caption) > * > * {
    vertical-align: middle
}

.table-center > :not(caption) > * > * {
    text-align: center
}

.td-truncate {
    max-width: 1px;
    width:     100%
}

.table-mobile {
    display: block
}

.table-mobile thead {
    display: none
}

.table-mobile tbody, .table-mobile tr {
    display:        flex;
    flex-direction: column
}

.table-mobile td {
    display: block;
    padding: .75rem .75rem !important;
    border:  none;
    color:   var(--tblr-body-color) !important
}

.table-mobile td[data-label]:before {
    font-size:      .75rem;
    font-weight:    var(--tblr-font-weight-medium);
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height:    1rem;
    color:          var(--tblr-secondary);
    content:        attr(data-label);
    display:        block
}

.table-mobile tr {
    border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)
}

.table-mobile .btn {
    display: block
}

@media (max-width: 575.98px) {
    .table-mobile-sm {
        display: block
    }

    .table-mobile-sm thead {
        display: none
    }

    .table-mobile-sm tbody, .table-mobile-sm tr {
        display:        flex;
        flex-direction: column
    }

    .table-mobile-sm td {
        display: block;
        padding: .75rem .75rem !important;
        border:  none;
        color:   var(--tblr-body-color) !important
    }

    .table-mobile-sm td[data-label]:before {
        font-size:      .75rem;
        font-weight:    var(--tblr-font-weight-medium);
        text-transform: uppercase;
        letter-spacing: .04em;
        line-height:    1rem;
        color:          var(--tblr-secondary);
        content:        attr(data-label);
        display:        block
    }

    .table-mobile-sm tr {
        border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)
    }

    .table-mobile-sm .btn {
        display: block
    }
}

@media (max-width: 767.98px) {
    .table-mobile-md {
        display: block
    }

    .table-mobile-md thead {
        display: none
    }

    .table-mobile-md tbody, .table-mobile-md tr {
        display:        flex;
        flex-direction: column
    }

    .table-mobile-md td {
        display: block;
        padding: .75rem .75rem !important;
        border:  none;
        color:   var(--tblr-body-color) !important
    }

    .table-mobile-md td[data-label]:before {
        font-size:      .75rem;
        font-weight:    var(--tblr-font-weight-medium);
        text-transform: uppercase;
        letter-spacing: .04em;
        line-height:    1rem;
        color:          var(--tblr-secondary);
        content:        attr(data-label);
        display:        block
    }

    .table-mobile-md tr {
        border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)
    }

    .table-mobile-md .btn {
        display: block
    }
}

@media (max-width: 991.98px) {
    .table-mobile-lg {
        display: block
    }

    .table-mobile-lg thead {
        display: none
    }

    .table-mobile-lg tbody, .table-mobile-lg tr {
        display:        flex;
        flex-direction: column
    }

    .table-mobile-lg td {
        display: block;
        padding: .75rem .75rem !important;
        border:  none;
        color:   var(--tblr-body-color) !important
    }

    .table-mobile-lg td[data-label]:before {
        font-size:      .75rem;
        font-weight:    var(--tblr-font-weight-medium);
        text-transform: uppercase;
        letter-spacing: .04em;
        line-height:    1rem;
        color:          var(--tblr-secondary);
        content:        attr(data-label);
        display:        block
    }

    .table-mobile-lg tr {
        border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)
    }

    .table-mobile-lg .btn {
        display: block
    }
}

@media (max-width: 1199.98px) {
    .table-mobile-xl {
        display: block
    }

    .table-mobile-xl thead {
        display: none
    }

    .table-mobile-xl tbody, .table-mobile-xl tr {
        display:        flex;
        flex-direction: column
    }

    .table-mobile-xl td {
        display: block;
        padding: .75rem .75rem !important;
        border:  none;
        color:   var(--tblr-body-color) !important
    }

    .table-mobile-xl td[data-label]:before {
        font-size:      .75rem;
        font-weight:    var(--tblr-font-weight-medium);
        text-transform: uppercase;
        letter-spacing: .04em;
        line-height:    1rem;
        color:          var(--tblr-secondary);
        content:        attr(data-label);
        display:        block
    }

    .table-mobile-xl tr {
        border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)
    }

    .table-mobile-xl .btn {
        display: block
    }
}

@media (max-width: 1399.98px) {
    .table-mobile-xxl {
        display: block
    }

    .table-mobile-xxl thead {
        display: none
    }

    .table-mobile-xxl tbody, .table-mobile-xxl tr {
        display:        flex;
        flex-direction: column
    }

    .table-mobile-xxl td {
        display: block;
        padding: .75rem .75rem !important;
        border:  none;
        color:   var(--tblr-body-color) !important
    }

    .table-mobile-xxl td[data-label]:before {
        font-size:      .75rem;
        font-weight:    var(--tblr-font-weight-medium);
        text-transform: uppercase;
        letter-spacing: .04em;
        line-height:    1rem;
        color:          var(--tblr-secondary);
        content:        attr(data-label);
        display:        block
    }

    .table-mobile-xxl tr {
        border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)
    }

    .table-mobile-xxl .btn {
        display: block
    }
}

.table-sort {
    font:           inherit;
    color:          inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    border:         0;
    background:     inherit;
    display:        block;
    width:          100%;
    text-align:     inherit;
    transition:     color .3s;
    margin:         -.5rem -.75rem;
    padding:        .5rem .75rem
}

@media (prefers-reduced-motion: reduce) {
    .table-sort {
        transition: none
    }
}

.table-sort.asc, .table-sort.desc, .table-sort:hover {
    color: var(--tblr-body-color)
}

.table-sort:after {
    content:            "";
    display:            inline-flex;
    width:              1rem;
    height:             1rem;
    vertical-align:     bottom;
    -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'><path d='M5 7l3 -3l3 3'/><path d='M5 10l3 3l3 -3'/></svg>");
    mask-image:         url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'><path d='M5 7l3 -3l3 3'/><path d='M5 10l3 3l3 -3'/></svg>");
    background:         currentColor;
    margin-left:        .25rem
}

.table-sort.asc:after {
    -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 10l3 -3l3 3'/></svg>");
    mask-image:         url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 10l3 -3l3 3'/></svg>")
}

.table-sort.desc:after {
    -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 7l3 3l3 -3'/></svg>");
    mask-image:         url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 7l3 3l3 -3'/></svg>")
}

.table-borderless thead th {
    background: 0 0
}

.table-selectable tbody tr .on-checked {
    display: none
}

.table-selectable tbody tr .on-unchecked {
    display: initial
}

.table-selectable tbody tr:has(.table-selectable-check:checked) {
    background-color: var(--tblr-active-bg)
}

.table-selectable tbody tr:has(.table-selectable-check:checked) .on-checked {
    display: initial
}

.table-selectable tbody tr:has(.table-selectable-check:checked) .on-unchecked {
    display: none
}

.tag {
    --tblr-tag-height: 1.5rem;
    border:            1px solid var(--tblr-border-color);
    display:           inline-flex;
    align-items:       center;
    height:            var(--tblr-tag-height);
    border-radius:     var(--tblr-border-radius);
    padding:           0 .5rem;
    background:        var(--tblr-bg-surface);
    box-shadow:        var(--tblr-shadow-input);
    gap:               .5rem
}

.tag .btn-close {
    margin-right: -.25rem;
    margin-left:  -.125rem;
    padding:      0;
    width:        1rem;
    height:       1rem;
    font-size:    .5rem
}

.tag-badge {
    --tblr-badge-font-size: 0.625rem;
    --tblr-badge-padding-x: .25rem;
    --tblr-badge-padding-y: .125rem;
    margin-right:           -.25rem
}

.tag-avatar, .tag-check, .tag-flag, .tag-icon, .tag-payment {
    margin-left: -.25rem
}

.tag-icon {
    color:        var(--tblr-secondary);
    margin-right: -.125rem;
    width:        1rem;
    height:       1rem
}

.tag-check {
    width:           1rem;
    height:          1rem;
    background-size: 1rem
}

.tags-list {
    --tblr-list-gap: 0.5rem;
    display:         flex;
    flex-wrap:       wrap;
    gap:             var(--tblr-list-gap)
}

.toast {
    border:     var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
    box-shadow: rgba(31, 41, 55, .04) 0 2px 4px 0
}

.toast .toast-header {
    -webkit-user-select: none;
    -moz-user-select:    none;
    user-select:         none
}

.toast button[data-bs-dismiss=toast] {
    outline: 0
}

.toast-primary {
    --tblr-toast-color: #066fd1
}

.toast-secondary {
    --tblr-toast-color: #6b7280
}

.toast-success {
    --tblr-toast-color: #2fb344
}

.toast-info {
    --tblr-toast-color: #4299e1
}

.toast-warning {
    --tblr-toast-color: #f59f00
}

.toast-danger {
    --tblr-toast-color: #d63939
}

.toast-light {
    --tblr-toast-color: #f9fafb
}

.toast-dark {
    --tblr-toast-color: #1f2937
}

.toast-muted {
    --tblr-toast-color: #6b7280
}

.toast-blue {
    --tblr-toast-color: #066fd1
}

.toast-azure {
    --tblr-toast-color: #4299e1
}

.toast-indigo {
    --tblr-toast-color: #4263eb
}

.toast-purple {
    --tblr-toast-color: #ae3ec9
}

.toast-pink {
    --tblr-toast-color: #d6336c
}

.toast-red {
    --tblr-toast-color: #d63939
}

.toast-orange {
    --tblr-toast-color: #f76707
}

.toast-yellow {
    --tblr-toast-color: #f59f00
}

.toast-lime {
    --tblr-toast-color: #74b816
}

.toast-green {
    --tblr-toast-color: #2fb344
}

.toast-teal {
    --tblr-toast-color: #0ca678
}

.toast-cyan {
    --tblr-toast-color: #17a2b8
}

.toolbar {
    display:     flex;
    flex-wrap:   nowrap;
    flex-shrink: 0;
    margin:      0 -.5rem
}

.toolbar > * {
    margin: 0 .5rem
}

.tracking {
    --tblr-tracking-height:              1.5rem;
    --tblr-tracking-gap-width:           0.125rem;
    --tblr-tracking-block-border-radius: var(--tblr-border-radius);
    display:                             flex;
    gap:                                 var(--tblr-tracking-gap-width)
}

.tracking-squares {
    --tblr-tracking-block-border-radius: var(--tblr-border-radius-sm)
}

.tracking-squares .tracking-block {
    height: auto
}

.tracking-squares .tracking-block:before {
    content:     "";
    display:     block;
    padding-top: 100%
}

.tracking-block {
    flex:          1;
    border-radius: var(--tblr-tracking-block-border-radius);
    height:        var(--tblr-tracking-height);
    min-width:     .25rem;
    background:    var(--tblr-border-color)
}

.timeline {
    --tblr-timeline-icon-size: 2.5rem;
    position:                  relative;
    list-style:                none;
    padding:                   0
}

.timeline-event {
    position: relative
}

.timeline-event:not(:last-child) {
    margin-bottom: var(--tblr-page-padding)
}

.timeline-event:not(:last-child):before {
    content:          "";
    position:         absolute;
    top:              var(--tblr-timeline-icon-size);
    left:             calc(var(--tblr-timeline-icon-size) / 2);
    bottom:           calc(-1 * var(--tblr-page-padding));
    width:            var(--tblr-border-width);
    background-color: var(--tblr-border-color);
    border-radius:    var(--tblr-border-radius)
}

.timeline-event-icon {
    position:        absolute;
    display:         flex;
    align-items:     center;
    justify-content: center;
    width:           var(--tblr-timeline-icon-size, 2.5rem);
    height:          var(--tblr-timeline-icon-size, 2.5rem);
    background:      var(--tblr-bg-surface-secondary);
    color:           var(--tblr-secondary);
    border-radius:   var(--tblr-border-radius);
    z-index:         5
}

.timeline-event-card {
    margin-left: calc(var(--tblr-timeline-icon-size, 2.5rem) + var(--tblr-page-padding))
}

.timeline-simple .timeline-event-icon {
    display: none
}

.timeline-simple .timeline-event-card {
    margin-left: 0
}

.hr-text {
    display:        flex;
    align-items:    center;
    margin:         2rem 0;
    font-size:      .75rem;
    font-weight:    var(--tblr-font-weight-medium);
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height:    1rem;
    color:          var(--tblr-secondary);
    height:         1px
}

.hr-text:after, .hr-text:before {
    flex:             1 1 auto;
    height:           1px;
    background-color: var(--tblr-border-color)
}

.hr-text:before {
    content:      "";
    margin-right: .5rem
}

.hr-text:after {
    content:     "";
    margin-left: .5rem
}

.hr-text > :first-child {
    padding-right: .5rem;
    padding-left:  0;
    color:         var(--tblr-secondary)
}

.hr-text.hr-text-left:before, .hr-text.hr-text-start:before {
    content: none
}

.hr-text.hr-text-left > :first-child, .hr-text.hr-text-start > :first-child {
    padding-right: .5rem;
    padding-left:  .5rem
}

.hr-text.hr-text-end:before, .hr-text.hr-text-right:before {
    content: ""
}

.hr-text.hr-text-end:after, .hr-text.hr-text-right:after {
    content: none
}

.hr-text.hr-text-end > :first-child, .hr-text.hr-text-right > :first-child {
    padding-right: 0;
    padding-left:  .5rem
}

.card > .hr-text {
    margin: 0
}

.hr-text-spaceless {
    margin: -.5rem 0
}

.lead {
    color:     var(--tblr-secondary);
    font-size: inherit
}

a {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink:     auto;
    color:                        color-mix(in srgb, transparent, var(--tblr-link-color) var(--tblr-link-opacity, 100%))
}

a:hover {
    color: color-mix(in srgb, transparent, var(--tblr-link-hover-color) var(--tblr-link-opacity, 100%))
}

.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)
}

.fs-base {
    font-size: var(--tblr-body-font-size)
}

.strong, b, strong {
    font-weight: var(--tblr-font-weight-bold)
}

blockquote {
    padding:     1rem 1rem 1rem;
    border-left: 2px var(--tblr-border-style) var(--tblr-border-color)
}

blockquote p {
    margin-bottom: 1rem
}

blockquote cite {
    display:    block;
    text-align: right
}

blockquote cite:before {
    content: "— "
}

ol, ul {
    padding-left: 1.5rem
}

.hr, hr {
    margin: 2rem 0
}

dl dd:last-child {
    margin-bottom: 0
}

pre {
    --tblr-scrollbar-color: var(--tblr-light);
    padding:                1rem;
    background:             var(--tblr-bg-surface-dark);
    color:                  var(--tblr-light);
    border-radius:          var(--tblr-border-radius);
    line-height:            1.4285714286
}

pre {
    scrollbar-color: color-mix(in srgb, var(--tblr-scrollbar-color, var(--tblr-body-color)) 20%, transparent) transparent
}

pre::-webkit-scrollbar {
    width:              1rem;
    height:             1rem;
    -webkit-transition: background .3s;
    transition:         background .3s
}

@media (prefers-reduced-motion: reduce) {
    pre::-webkit-scrollbar {
        -webkit-transition: none;
        transition:         none
    }
}

pre::-webkit-scrollbar-thumb {
    border-radius: 1rem;
    border:        5px solid transparent;
    box-shadow:    inset 0 0 0 1rem color-mix(in srgb, var(--tblr-scrollbar-color, var(--tblr-body-color)) 20%, transparent)
}

pre::-webkit-scrollbar-track {
    background: 0 0
}

pre:hover::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0 1rem color-mix(in srgb, var(--tblr-scrollbar-color, var(--tblr-body-color)) 40%, transparent)
}

pre::-webkit-scrollbar-corner {
    background: 0 0
}

pre code {
    background: 0 0;
    padding:    0
}

code {
    background:    var(--tblr-code-bg);
    padding:       2px 4px;
    border-radius: var(--tblr-border-radius)
}

abbr {
    -webkit-text-decoration:          underline dotted;
    text-decoration:                  underline dotted;
    cursor:                           help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink:         none
}

.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%;
    height:    auto
}

.list-unstyled {
    margin-left: 0
}

::-moz-selection {
    background-color: color-mix(in srgb, var(--tblr-primary) 10%, transparent)
}

.text-selected, ::selection {
    background-color: color-mix(in srgb, var(--tblr-primary) 10%, transparent)
}

.text-selected {
    display: inline-block
}

[class*=" link-"].disabled, [class^=link-].disabled {
    color:          var(--tblr-disabled-color) !important;
    pointer-events: none
}

a:hover:has(.icon) {
    text-decoration: none
}

.link-hoverable {
    border-radius: var(--tblr-border-radius);
    transition:    background-color .15s ease-in-out
}

.link-hoverable:hover {
    text-decoration: none;
    color:           var(--tblr-primary);
    background:      color-mix(in srgb, var(--tblr-secondary) 4%, transparent)
}

.subheader {
    font-size:      .75rem;
    font-weight:    var(--tblr-font-weight-medium);
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height:    1rem;
    color:          var(--tblr-secondary)
}

.mention {
    display:       inline-block;
    box-shadow:    var(--tblr-shadow-border);
    border-radius: var(--tblr-border-radius-pill);
    line-height:   1.3333333333em;
    font-size:     .8571428571em;
    color:         var(--tblr-body-color);
    background:    var(--tblr-bg-surface-tertiary);
    padding:       .1666666667em .6666666667em;
    font-weight:   var(--tblr-font-weight-medium)
}

a.mention {
    cursor: pointer
}

a.mention.hover, a.mention:hover {
    background:      var(--tblr-bg-surface-secondary);
    text-decoration: underline
}

.mention-app, .mention-avatar, .mention-color {
    width:          1.1666666667em;
    height:         1.1666666667em;
    border-radius:  var(--tblr-border-radius-pill);
    margin:         -.1666666667em .3333333333em 0 -.3333333333em;
    display:        inline-flex;
    background:     no-repeat center center/cover;
    box-shadow:     var(--tblr-shadow-border);
    vertical-align: middle;
    text-align:     center
}

.mention-app {
    box-shadow:    none;
    background:    0 0;
    border-radius: 0
}

.mention-count {
    color:       var(--tblr-secondary);
    margin-left: .6666666667em
}

.text-incorrect {
    background:                color-mix(in srgb, var(--tblr-red) 4%, transparent);
    background:                color-mix(in srgb, var(--tblr-red) 4%, transparent);
    text-decoration:           underline;
    text-decoration-thickness: 1px;
    text-decoration-color:     var(--tblr-red)
}

.text-correct {
    background:                color-mix(in srgb, var(--tblr-green) 4%, transparent);
    background:                color-mix(in srgb, var(--tblr-green) 4%, transparent);
    text-decoration:           underline;
    text-decoration-thickness: 1px;
    text-decoration-color:     var(--tblr-green)
}

.steps {
    --tblr-steps-padding:   2rem;
    --tblr-steps-item-size: 1.5rem;
    margin-left:            1rem;
    padding-left:           var(--tblr-steps-padding);
    counter-reset:          step;
    border-left:            1px solid var(--tblr-border-color);
    margin-bottom:          2rem
}

.steps .h3, .steps h3 {
    counter-increment: step
}

.steps .h3:not(:first-child), .steps h3:not(:first-child) {
    margin-top: 2.5rem !important
}

.steps .h3:before, .steps h3:before {
    content:       counter(step);
    display:       inline-block;
    position:      absolute;
    margin-top:    1px;
    margin-left:   calc(-1 * var(--tblr-steps-padding) - var(--tblr-steps-item-size) / 2);
    width:         var(--tblr-steps-item-size);
    height:        var(--tblr-steps-item-size);
    text-align:    center;
    color:         var(--tblr-body-color);
    border:        1px solid var(--tblr-border-color);
    background:    var(--tblr-bg-surface);
    border-radius: var(--tblr-border-radius);
    line-height:   calc(var(--tblr-steps-item-size) - 2px);
    font-size:     var(--tblr-font-size-h4);
    font-weight:   var(--tblr-font-weight-bold)
}

.steps > :last-child {
    margin-bottom: 0
}

.callout {
    margin-bottom: 1.5rem;
    border:        1px solid var(--tblr-primary-200);
    border-radius: var(--tblr-border-radius);
    padding:       .5rem 1rem;
    background:    var(--tblr-primary-lt)
}

.callout > :last-child {
    margin-bottom: 0
}

.chart {
    display:    block;
    min-height: 10rem
}

.chart text {
    font-family: inherit
}

.chart-sm {
    height: 2.5rem
}

.chart-lg {
    height: 15rem
}

.chart-square {
    height: 5.75rem
}

.chart-sparkline {
    position:    relative;
    width:       4rem;
    height:      2.5rem;
    line-height: 1;
    min-height:  0 !important
}

.chart-sparkline-sm {
    height: 1.5rem
}

.chart-sparkline-square {
    width: 2.5rem
}

.chart-sparkline-wide {
    width: 6rem
}

.chart-sparkline-label {
    position:        absolute;
    top:             0;
    right:           0;
    bottom:          0;
    left:            0;
    display:         flex;
    align-items:     center;
    justify-content: center;
    font-size:       .625rem
}

.chart-sparkline-label .icon {
    width:     1rem;
    height:    1rem;
    font-size: 1rem
}

.offcanvas-header {
    border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)
}

.offcanvas-footer {
    padding: 1.5rem 1.5rem
}

.offcanvas-title {
    font-size:   1rem;
    font-weight: var(--tblr-font-weight-medium);
    line-height: 1.5rem
}

.offcanvas-narrow {
    width: 20rem
}

.chat-bubbles {
    display:        flex;
    flex-direction: column;
    gap:            1rem
}

.chat-bubble {
    background:    var(--tblr-bg-surface-secondary);
    border-radius: var(--tblr-border-radius-lg);
    padding:       1rem;
    position:      relative
}

.chat-bubble-me {
    background-color: var(--tblr-primary-lt);
    box-shadow:       none
}

.chat-bubble-title {
    margin-bottom: .25rem
}

.chat-bubble-author {
    font-weight: 600
}

.chat-bubble-date {
    color: var(--tblr-secondary)
}

.chat-bubble-body > :last-child {
    margin-bottom: 0
}

.signature {
    --tblr-signature-padding:       var(--tblr-spacer-1);
    --tblr-signature-border-radius: var(--tblr-border-radius);
    border:                         var(--tblr-border-width) solid var(--tblr-border-color);
    padding:                        var(--tblr-signature-padding);
    border-radius:                  var(--tblr-border-radius)
}

.signature-canvas {
    border:        var(--tblr-border-width) dashed var(--tblr-border-color);
    border-radius: calc(var(--tblr-signature-border-radius) - var(--tblr-signature-padding));
    display:       block;
    cursor:        crosshair;
    width:         100%
}

.clearfix::after {
    display: block;
    clear:   both;
    content: ""
}

.text-truncate {
    overflow:      hidden;
    text-overflow: ellipsis;
    white-space:   nowrap
}

.vr {
    display:          inline-block;
    align-self:       stretch;
    width:            var(--tblr-border-width);
    min-height:       1em;
    background-color: currentcolor;
    opacity:          .16
}

.stretched-link::after {
    position: absolute;
    top:      0;
    right:    0;
    bottom:   0;
    left:     0;
    z-index:  1;
    content:  ""
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    width:       1px !important;
    height:      1px !important;
    padding:     0 !important;
    margin:      -1px !important;
    overflow:    hidden !important;
    clip:        rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border:      0 !important
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) {
    position: absolute !important
}

.visually-hidden *, .visually-hidden-focusable:not(:focus):not(:focus-within) * {
    overflow: hidden !important
}

.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
}

.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: sticky;
    top:      0;
    z-index:  1020
}

.sticky-bottom {
    position: sticky;
    bottom:   0;
    z-index:  1020
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position: sticky;
        top:      0;
        z-index:  1020
    }

    .sticky-sm-bottom {
        position: sticky;
        bottom:   0;
        z-index:  1020
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position: sticky;
        top:      0;
        z-index:  1020
    }

    .sticky-md-bottom {
        position: sticky;
        bottom:   0;
        z-index:  1020
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position: sticky;
        top:      0;
        z-index:  1020
    }

    .sticky-lg-bottom {
        position: sticky;
        bottom:   0;
        z-index:  1020
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position: sticky;
        top:      0;
        z-index:  1020
    }

    .sticky-xl-bottom {
        position: sticky;
        bottom:   0;
        z-index:  1020
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position: sticky;
        top:      0;
        z-index:  1020
    }

    .sticky-xxl-bottom {
        position: sticky;
        bottom:   0;
        z-index:  1020
    }
}

.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-4x1 {
    --tblr-aspect-ratio: 25%
}

.ratio-1x4 {
    --tblr-aspect-ratio: 400%
}

.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%
}

.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)
}

.bg-white-overlay {
    color:            #fff;
    background-color: rgba(249, 250, 251, .24)
}

.bg-dark-overlay {
    color:            #fff;
    background-color: rgba(31, 41, 55, .24)
}

.bg-cover {
    background-repeat:   no-repeat;
    background-size:     cover;
    background-position: center
}

.bg-primary {
    background-color: color-mix(in srgb, var(--tblr-primary) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.bg-primary-lt {
    color:            color-mix(in srgb, var(--tblr-primary) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
    background-color: color-mix(in srgb, var(--tblr-primary-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.border-primary {
    border-color: color-mix(in srgb, var(--tblr-primary) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important
}

.bg-gradient-from-primary {
    --tblr-gradient-from: var(--tblr-primary)
}

.bg-gradient-to-primary {
    --tblr-gradient-to: var(--tblr-primary)
}

.bg-gradient-via-primary {
    --tblr-gradient-via:   var(--tblr-primary);
    --tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent)
}

.text-bg-primary {
    color:            #f9fafb !important;
    background-color: RGBA(var(--tblr-primary-rgb), var(--tblr-bg-opacity, 1)) !important
}

/* ==== St John Green (replaces .bg-primary etc.) ==== */

.bg-sja-primary {
    /* was .bg-primary with var(--tblr-primary) */
    background-color: color-mix(in srgb, var(--sja-green-secondary) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.bg-sja-primary-lt {
    /* was .bg-primary-lt with var(--tblr-primary / --tblr-primary-lt) */
    color:            color-mix(in srgb, var(--sja-green-secondary) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
    background-color: color-mix(in srgb, var(--sja-green-primary) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.border-sja-primary {
    /* was .border-primary with var(--tblr-primary) */
    border-color: color-mix(in srgb, var(--sja-green-secondary) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}

.bg-gradient-from-sja-primary {
    /* was .bg-gradient-from-primary with var(--tblr-primary) */
    --tblr-gradient-from: var(--sja-green-secondary);
}

.bg-gradient-to-sja-primary {
    /* was .bg-gradient-to-primary with var(--tblr-primary) */
    --tblr-gradient-to: var(--sja-green-secondary);
}

.bg-gradient-via-sja-primary {
    /* was .bg-gradient-via-primary with var(--tblr-primary) */
    --tblr-gradient-via:   var(--sja-green-secondary);
    --tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent);
}

.text-bg-sja-primary {
    /* was .text-bg-primary with var(--tblr-primary-rgb) */
    color:            #f9fafb !important;
    background-color: RGBA(5, 133, 65, var(--tblr-bg-opacity, 1)) !important; /* was RGBA(var(--tblr-primary-rgb)) */
}

.link-primary {
    color:                 color-mix(in srgb, var(--tblr-primary) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
    text-decoration-color: color-mix(in srgb, var(--tblr-primary) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important
}

.link-primary:focus, .link-primary:hover {
    color:                 RGBA(5, 89, 167, var(--tblr-link-opacity, 1)) !important;
    text-decoration-color: RGBA(5, 89, 167, var(--tblr-link-underline-opacity, 1)) !important
}

.bg-secondary {
    background-color: color-mix(in srgb, var(--tblr-secondary) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.bg-secondary-lt {
    color:            color-mix(in srgb, var(--tblr-secondary) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
    background-color: color-mix(in srgb, var(--tblr-secondary-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.border-secondary {
    border-color: color-mix(in srgb, var(--tblr-secondary) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important
}

.bg-gradient-from-secondary {
    --tblr-gradient-from: var(--tblr-secondary)
}

.bg-gradient-to-secondary {
    --tblr-gradient-to: var(--tblr-secondary)
}

.bg-gradient-via-secondary {
    --tblr-gradient-via:   var(--tblr-secondary);
    --tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent)
}

.text-bg-secondary {
    color:            #f9fafb !important;
    background-color: RGBA(var(--tblr-secondary-rgb), var(--tblr-bg-opacity, 1)) !important
}

.link-secondary {
    color:                 color-mix(in srgb, var(--tblr-secondary) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
    text-decoration-color: color-mix(in srgb, var(--tblr-secondary) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important
}

.link-secondary:focus, .link-secondary:hover {
    color:                 RGBA(86, 91, 102, var(--tblr-link-opacity, 1)) !important;
    text-decoration-color: RGBA(86, 91, 102, var(--tblr-link-underline-opacity, 1)) !important
}

.bg-success {
    background-color: color-mix(in srgb, var(--tblr-success) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.bg-success-lt {
    color:            color-mix(in srgb, var(--tblr-success) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
    background-color: color-mix(in srgb, var(--tblr-success-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.border-success {
    border-color: color-mix(in srgb, var(--tblr-success) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important
}

.bg-gradient-from-success {
    --tblr-gradient-from: var(--tblr-success)
}

.bg-gradient-to-success {
    --tblr-gradient-to: var(--tblr-success)
}

.bg-gradient-via-success {
    --tblr-gradient-via:   var(--tblr-success);
    --tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent)
}

.text-bg-success {
    color:            #f9fafb !important;
    background-color: RGBA(var(--tblr-success-rgb), var(--tblr-bg-opacity, 1)) !important
}

.link-success {
    color:                 color-mix(in srgb, var(--tblr-success) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
    text-decoration-color: color-mix(in srgb, var(--tblr-success) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important
}

.link-success:focus, .link-success:hover {
    color:                 RGBA(38, 143, 54, var(--tblr-link-opacity, 1)) !important;
    text-decoration-color: RGBA(38, 143, 54, var(--tblr-link-underline-opacity, 1)) !important
}

.bg-info {
    background-color: color-mix(in srgb, var(--tblr-info) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.bg-info-lt {
    color:            color-mix(in srgb, var(--tblr-info) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
    background-color: color-mix(in srgb, var(--tblr-info-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.border-info {
    border-color: color-mix(in srgb, var(--tblr-info) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important
}

.bg-gradient-from-info {
    --tblr-gradient-from: var(--tblr-info)
}

.bg-gradient-to-info {
    --tblr-gradient-to: var(--tblr-info)
}

.bg-gradient-via-info {
    --tblr-gradient-via:   var(--tblr-info);
    --tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent)
}

.text-bg-info {
    color:            #f9fafb !important;
    background-color: RGBA(var(--tblr-info-rgb), var(--tblr-bg-opacity, 1)) !important
}

.link-info {
    color:                 color-mix(in srgb, var(--tblr-info) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
    text-decoration-color: color-mix(in srgb, var(--tblr-info) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important
}

.link-info:focus, .link-info:hover {
    color:                 RGBA(53, 122, 180, var(--tblr-link-opacity, 1)) !important;
    text-decoration-color: RGBA(53, 122, 180, var(--tblr-link-underline-opacity, 1)) !important
}

.bg-warning {
    background-color: color-mix(in srgb, var(--tblr-warning) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.bg-warning-lt {
    color:            color-mix(in srgb, var(--tblr-warning) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
    background-color: color-mix(in srgb, var(--tblr-warning-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.border-warning {
    border-color: color-mix(in srgb, var(--tblr-warning) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important
}

.bg-gradient-from-warning {
    --tblr-gradient-from: var(--tblr-warning)
}

.bg-gradient-to-warning {
    --tblr-gradient-to: var(--tblr-warning)
}

.bg-gradient-via-warning {
    --tblr-gradient-via:   var(--tblr-warning);
    --tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent)
}

.text-bg-warning {
    color:            #f9fafb !important;
    background-color: RGBA(var(--tblr-warning-rgb), var(--tblr-bg-opacity, 1)) !important
}

.link-warning {
    color:                 color-mix(in srgb, var(--tblr-warning) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
    text-decoration-color: color-mix(in srgb, var(--tblr-warning) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important
}

.link-warning:focus, .link-warning:hover {
    color:                 RGBA(196, 127, 0, var(--tblr-link-opacity, 1)) !important;
    text-decoration-color: RGBA(196, 127, 0, var(--tblr-link-underline-opacity, 1)) !important
}

.bg-danger {
    background-color: color-mix(in srgb, var(--tblr-danger) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.bg-danger-lt {
    color:            color-mix(in srgb, var(--tblr-danger) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
    background-color: color-mix(in srgb, var(--tblr-danger-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.border-danger {
    border-color: color-mix(in srgb, var(--tblr-danger) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important
}

.bg-gradient-from-danger {
    --tblr-gradient-from: var(--tblr-danger)
}

.bg-gradient-to-danger {
    --tblr-gradient-to: var(--tblr-danger)
}

.bg-gradient-via-danger {
    --tblr-gradient-via:   var(--tblr-danger);
    --tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent)
}

.text-bg-danger {
    color:            #f9fafb !important;
    background-color: RGBA(var(--tblr-danger-rgb), var(--tblr-bg-opacity, 1)) !important
}

.link-danger {
    color:                 color-mix(in srgb, var(--tblr-danger) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
    text-decoration-color: color-mix(in srgb, var(--tblr-danger) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important
}

.link-danger:focus, .link-danger:hover {
    color:                 RGBA(171, 46, 46, var(--tblr-link-opacity, 1)) !important;
    text-decoration-color: RGBA(171, 46, 46, var(--tblr-link-underline-opacity, 1)) !important
}

.bg-light {
    background-color: color-mix(in srgb, var(--tblr-light) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.bg-light-lt {
    color:            color-mix(in srgb, var(--tblr-light) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
    background-color: color-mix(in srgb, var(--tblr-light-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.border-light {
    border-color: color-mix(in srgb, var(--tblr-light) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important
}

.bg-gradient-from-light {
    --tblr-gradient-from: var(--tblr-light)
}

.bg-gradient-to-light {
    --tblr-gradient-to: var(--tblr-light)
}

.bg-gradient-via-light {
    --tblr-gradient-via:   var(--tblr-light);
    --tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent)
}

.text-bg-light {
    color:            #1f2937 !important;
    background-color: RGBA(var(--tblr-light-rgb), var(--tblr-bg-opacity, 1)) !important
}

.link-light {
    color:                 color-mix(in srgb, var(--tblr-light) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
    text-decoration-color: color-mix(in srgb, var(--tblr-light) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important
}

.link-light:focus, .link-light:hover {
    color:                 RGBA(250, 251, 252, var(--tblr-link-opacity, 1)) !important;
    text-decoration-color: RGBA(250, 251, 252, var(--tblr-link-underline-opacity, 1)) !important
}

.bg-dark {
    background-color: color-mix(in srgb, var(--tblr-dark) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.bg-dark-lt {
    color:            color-mix(in srgb, var(--tblr-dark) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
    background-color: color-mix(in srgb, var(--tblr-dark-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.border-dark {
    border-color: color-mix(in srgb, var(--tblr-dark) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important
}

.bg-gradient-from-dark {
    --tblr-gradient-from: var(--tblr-dark)
}

.bg-gradient-to-dark {
    --tblr-gradient-to: var(--tblr-dark)
}

.bg-gradient-via-dark {
    --tblr-gradient-via:   var(--tblr-dark);
    --tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent)
}

.text-bg-dark {
    color:            #f9fafb !important;
    background-color: RGBA(var(--tblr-dark-rgb), var(--tblr-bg-opacity, 1)) !important
}

.link-dark {
    color:                 color-mix(in srgb, var(--tblr-dark) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
    text-decoration-color: color-mix(in srgb, var(--tblr-dark) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important
}

.link-dark:focus, .link-dark:hover {
    color:                 RGBA(25, 33, 44, var(--tblr-link-opacity, 1)) !important;
    text-decoration-color: RGBA(25, 33, 44, var(--tblr-link-underline-opacity, 1)) !important
}

.bg-muted {
    background-color: color-mix(in srgb, var(--tblr-muted) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.bg-muted-lt {
    color:            color-mix(in srgb, var(--tblr-muted) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
    background-color: color-mix(in srgb, var(--tblr-muted-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.border-muted {
    border-color: color-mix(in srgb, var(--tblr-muted) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important
}

.bg-gradient-from-muted {
    --tblr-gradient-from: var(--tblr-muted)
}

.bg-gradient-to-muted {
    --tblr-gradient-to: var(--tblr-muted)
}

.bg-gradient-via-muted {
    --tblr-gradient-via:   var(--tblr-muted);
    --tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent)
}

.text-bg-muted {
    color:            #f9fafb !important;
    background-color: RGBA(var(--tblr-muted-rgb), var(--tblr-bg-opacity, 1)) !important
}

.link-muted {
    color:                 color-mix(in srgb, var(--tblr-muted) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
    text-decoration-color: color-mix(in srgb, var(--tblr-muted) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important
}

.link-muted:focus, .link-muted:hover {
    color:                 RGBA(86, 91, 102, var(--tblr-link-opacity, 1)) !important;
    text-decoration-color: RGBA(86, 91, 102, var(--tblr-link-underline-opacity, 1)) !important
}

.bg-blue {
    background-color: color-mix(in srgb, var(--tblr-blue) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.bg-blue-lt {
    color:            color-mix(in srgb, var(--tblr-blue) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
    background-color: color-mix(in srgb, var(--tblr-blue-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.border-blue {
    border-color: color-mix(in srgb, var(--tblr-blue) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important
}

.bg-gradient-from-blue {
    --tblr-gradient-from: var(--tblr-blue)
}

.bg-gradient-to-blue {
    --tblr-gradient-to: var(--tblr-blue)
}

.bg-gradient-via-blue {
    --tblr-gradient-via:   var(--tblr-blue);
    --tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent)
}

.text-bg-blue {
    color:            #f9fafb !important;
    background-color: RGBA(var(--tblr-blue-rgb), var(--tblr-bg-opacity, 1)) !important
}

.link-blue {
    color:                 color-mix(in srgb, var(--tblr-blue) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
    text-decoration-color: color-mix(in srgb, var(--tblr-blue) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important
}

.link-blue:focus, .link-blue:hover {
    color:                 RGBA(5, 89, 167, var(--tblr-link-opacity, 1)) !important;
    text-decoration-color: RGBA(5, 89, 167, var(--tblr-link-underline-opacity, 1)) !important
}

.bg-azure {
    background-color: color-mix(in srgb, var(--tblr-azure) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.bg-azure-lt {
    color:            color-mix(in srgb, var(--tblr-azure) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
    background-color: color-mix(in srgb, var(--tblr-azure-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.border-azure {
    border-color: color-mix(in srgb, var(--tblr-azure) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important
}

.bg-gradient-from-azure {
    --tblr-gradient-from: var(--tblr-azure)
}

.bg-gradient-to-azure {
    --tblr-gradient-to: var(--tblr-azure)
}

.bg-gradient-via-azure {
    --tblr-gradient-via:   var(--tblr-azure);
    --tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent)
}

.text-bg-azure {
    color:            #f9fafb !important;
    background-color: RGBA(var(--tblr-azure-rgb), var(--tblr-bg-opacity, 1)) !important
}

.link-azure {
    color:                 color-mix(in srgb, var(--tblr-azure) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
    text-decoration-color: color-mix(in srgb, var(--tblr-azure) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important
}

.link-azure:focus, .link-azure:hover {
    color:                 RGBA(53, 122, 180, var(--tblr-link-opacity, 1)) !important;
    text-decoration-color: RGBA(53, 122, 180, var(--tblr-link-underline-opacity, 1)) !important
}

.bg-indigo {
    background-color: color-mix(in srgb, var(--tblr-indigo) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.bg-indigo-lt {
    color:            color-mix(in srgb, var(--tblr-indigo) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
    background-color: color-mix(in srgb, var(--tblr-indigo-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.border-indigo {
    border-color: color-mix(in srgb, var(--tblr-indigo) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important
}

.bg-gradient-from-indigo {
    --tblr-gradient-from: var(--tblr-indigo)
}

.bg-gradient-to-indigo {
    --tblr-gradient-to: var(--tblr-indigo)
}

.bg-gradient-via-indigo {
    --tblr-gradient-via:   var(--tblr-indigo);
    --tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent)
}

.text-bg-indigo {
    color:            #f9fafb !important;
    background-color: RGBA(var(--tblr-indigo-rgb), var(--tblr-bg-opacity, 1)) !important
}

.link-indigo {
    color:                 color-mix(in srgb, var(--tblr-indigo) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
    text-decoration-color: color-mix(in srgb, var(--tblr-indigo) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important
}

.link-indigo:focus, .link-indigo:hover {
    color:                 RGBA(53, 79, 188, var(--tblr-link-opacity, 1)) !important;
    text-decoration-color: RGBA(53, 79, 188, var(--tblr-link-underline-opacity, 1)) !important
}

.bg-purple {
    background-color: color-mix(in srgb, var(--tblr-purple) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.bg-purple-lt {
    color:            color-mix(in srgb, var(--tblr-purple) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
    background-color: color-mix(in srgb, var(--tblr-purple-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.border-purple {
    border-color: color-mix(in srgb, var(--tblr-purple) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important
}

.bg-gradient-from-purple {
    --tblr-gradient-from: var(--tblr-purple)
}

.bg-gradient-to-purple {
    --tblr-gradient-to: var(--tblr-purple)
}

.bg-gradient-via-purple {
    --tblr-gradient-via:   var(--tblr-purple);
    --tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent)
}

.text-bg-purple {
    color:            #f9fafb !important;
    background-color: RGBA(var(--tblr-purple-rgb), var(--tblr-bg-opacity, 1)) !important
}

.link-purple {
    color:                 color-mix(in srgb, var(--tblr-purple) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
    text-decoration-color: color-mix(in srgb, var(--tblr-purple) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important
}

.link-purple:focus, .link-purple:hover {
    color:                 RGBA(139, 50, 161, var(--tblr-link-opacity, 1)) !important;
    text-decoration-color: RGBA(139, 50, 161, var(--tblr-link-underline-opacity, 1)) !important
}

.bg-pink {
    background-color: color-mix(in srgb, var(--tblr-pink) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.bg-pink-lt {
    color:            color-mix(in srgb, var(--tblr-pink) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
    background-color: color-mix(in srgb, var(--tblr-pink-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.border-pink {
    border-color: color-mix(in srgb, var(--tblr-pink) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important
}

.bg-gradient-from-pink {
    --tblr-gradient-from: var(--tblr-pink)
}

.bg-gradient-to-pink {
    --tblr-gradient-to: var(--tblr-pink)
}

.bg-gradient-via-pink {
    --tblr-gradient-via:   var(--tblr-pink);
    --tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent)
}

.text-bg-pink {
    color:            #f9fafb !important;
    background-color: RGBA(var(--tblr-pink-rgb), var(--tblr-bg-opacity, 1)) !important
}

.link-pink {
    color:                 color-mix(in srgb, var(--tblr-pink) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
    text-decoration-color: color-mix(in srgb, var(--tblr-pink) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important
}

.link-pink:focus, .link-pink:hover {
    color:                 RGBA(171, 41, 86, var(--tblr-link-opacity, 1)) !important;
    text-decoration-color: RGBA(171, 41, 86, var(--tblr-link-underline-opacity, 1)) !important
}

.bg-red {
    background-color: color-mix(in srgb, var(--tblr-red) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.bg-red-lt {
    color:            color-mix(in srgb, var(--tblr-red) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
    background-color: color-mix(in srgb, var(--tblr-red-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.border-red {
    border-color: color-mix(in srgb, var(--tblr-red) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important
}

.bg-gradient-from-red {
    --tblr-gradient-from: var(--tblr-red)
}

.bg-gradient-to-red {
    --tblr-gradient-to: var(--tblr-red)
}

.bg-gradient-via-red {
    --tblr-gradient-via:   var(--tblr-red);
    --tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent)
}

.text-bg-red {
    color:            #f9fafb !important;
    background-color: RGBA(var(--tblr-red-rgb), var(--tblr-bg-opacity, 1)) !important
}

.link-red {
    color:                 color-mix(in srgb, var(--tblr-red) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
    text-decoration-color: color-mix(in srgb, var(--tblr-red) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important
}

.link-red:focus, .link-red:hover {
    color:                 RGBA(171, 46, 46, var(--tblr-link-opacity, 1)) !important;
    text-decoration-color: RGBA(171, 46, 46, var(--tblr-link-underline-opacity, 1)) !important
}

.bg-orange {
    background-color: color-mix(in srgb, var(--tblr-orange) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.bg-orange-lt {
    color:            color-mix(in srgb, var(--tblr-orange) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
    background-color: color-mix(in srgb, var(--tblr-orange-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.border-orange {
    border-color: color-mix(in srgb, var(--tblr-orange) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important
}

.bg-gradient-from-orange {
    --tblr-gradient-from: var(--tblr-orange)
}

.bg-gradient-to-orange {
    --tblr-gradient-to: var(--tblr-orange)
}

.bg-gradient-via-orange {
    --tblr-gradient-via:   var(--tblr-orange);
    --tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent)
}

.text-bg-orange {
    color:            #f9fafb !important;
    background-color: RGBA(var(--tblr-orange-rgb), var(--tblr-bg-opacity, 1)) !important
}

.link-orange {
    color:                 color-mix(in srgb, var(--tblr-orange) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
    text-decoration-color: color-mix(in srgb, var(--tblr-orange) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important
}

.link-orange:focus, .link-orange:hover {
    color:                 RGBA(198, 82, 6, var(--tblr-link-opacity, 1)) !important;
    text-decoration-color: RGBA(198, 82, 6, var(--tblr-link-underline-opacity, 1)) !important
}

.bg-yellow {
    background-color: color-mix(in srgb, var(--tblr-yellow) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.bg-yellow-lt {
    color:            color-mix(in srgb, var(--tblr-yellow) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
    background-color: color-mix(in srgb, var(--tblr-yellow-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.border-yellow {
    border-color: color-mix(in srgb, var(--tblr-yellow) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important
}

.bg-gradient-from-yellow {
    --tblr-gradient-from: var(--tblr-yellow)
}

.bg-gradient-to-yellow {
    --tblr-gradient-to: var(--tblr-yellow)
}

.bg-gradient-via-yellow {
    --tblr-gradient-via:   var(--tblr-yellow);
    --tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent)
}

.text-bg-yellow {
    color:            #f9fafb !important;
    background-color: RGBA(var(--tblr-yellow-rgb), var(--tblr-bg-opacity, 1)) !important
}

.link-yellow {
    color:                 color-mix(in srgb, var(--tblr-yellow) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
    text-decoration-color: color-mix(in srgb, var(--tblr-yellow) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important
}

.link-yellow:focus, .link-yellow:hover {
    color:                 RGBA(196, 127, 0, var(--tblr-link-opacity, 1)) !important;
    text-decoration-color: RGBA(196, 127, 0, var(--tblr-link-underline-opacity, 1)) !important
}

.bg-lime {
    background-color: color-mix(in srgb, var(--tblr-lime) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.bg-lime-lt {
    color:            color-mix(in srgb, var(--tblr-lime) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
    background-color: color-mix(in srgb, var(--tblr-lime-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.border-lime {
    border-color: color-mix(in srgb, var(--tblr-lime) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important
}

.bg-gradient-from-lime {
    --tblr-gradient-from: var(--tblr-lime)
}

.bg-gradient-to-lime {
    --tblr-gradient-to: var(--tblr-lime)
}

.bg-gradient-via-lime {
    --tblr-gradient-via:   var(--tblr-lime);
    --tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent)
}

.text-bg-lime {
    color:            #f9fafb !important;
    background-color: RGBA(var(--tblr-lime-rgb), var(--tblr-bg-opacity, 1)) !important
}

.link-lime {
    color:                 color-mix(in srgb, var(--tblr-lime) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
    text-decoration-color: color-mix(in srgb, var(--tblr-lime) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important
}

.link-lime:focus, .link-lime:hover {
    color:                 RGBA(93, 147, 18, var(--tblr-link-opacity, 1)) !important;
    text-decoration-color: RGBA(93, 147, 18, var(--tblr-link-underline-opacity, 1)) !important
}

.bg-green {
    background-color: color-mix(in srgb, var(--tblr-green) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.bg-green-lt {
    color:            color-mix(in srgb, var(--tblr-green) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
    background-color: color-mix(in srgb, var(--tblr-green-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.border-green {
    border-color: color-mix(in srgb, var(--tblr-green) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important
}

.bg-gradient-from-green {
    --tblr-gradient-from: var(--tblr-green)
}

.bg-gradient-to-green {
    --tblr-gradient-to: var(--tblr-green)
}

.bg-gradient-via-green {
    --tblr-gradient-via:   var(--tblr-green);
    --tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent)
}

.text-bg-green {
    color:            #f9fafb !important;
    background-color: RGBA(var(--tblr-green-rgb), var(--tblr-bg-opacity, 1)) !important
}

.link-green {
    color:                 color-mix(in srgb, var(--tblr-green) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
    text-decoration-color: color-mix(in srgb, var(--tblr-green) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important
}

.link-green:focus, .link-green:hover {
    color:                 RGBA(38, 143, 54, var(--tblr-link-opacity, 1)) !important;
    text-decoration-color: RGBA(38, 143, 54, var(--tblr-link-underline-opacity, 1)) !important
}

.bg-teal {
    background-color: color-mix(in srgb, var(--tblr-teal) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.bg-teal-lt {
    color:            color-mix(in srgb, var(--tblr-teal) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
    background-color: color-mix(in srgb, var(--tblr-teal-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.border-teal {
    border-color: color-mix(in srgb, var(--tblr-teal) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important
}

.bg-gradient-from-teal {
    --tblr-gradient-from: var(--tblr-teal)
}

.bg-gradient-to-teal {
    --tblr-gradient-to: var(--tblr-teal)
}

.bg-gradient-via-teal {
    --tblr-gradient-via:   var(--tblr-teal);
    --tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent)
}

.text-bg-teal {
    color:            #f9fafb !important;
    background-color: RGBA(var(--tblr-teal-rgb), var(--tblr-bg-opacity, 1)) !important
}

.link-teal {
    color:                 color-mix(in srgb, var(--tblr-teal) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
    text-decoration-color: color-mix(in srgb, var(--tblr-teal) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important
}

.link-teal:focus, .link-teal:hover {
    color:                 RGBA(10, 133, 96, var(--tblr-link-opacity, 1)) !important;
    text-decoration-color: RGBA(10, 133, 96, var(--tblr-link-underline-opacity, 1)) !important
}

.bg-cyan {
    background-color: color-mix(in srgb, var(--tblr-cyan) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.bg-cyan-lt {
    color:            color-mix(in srgb, var(--tblr-cyan) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
    background-color: color-mix(in srgb, var(--tblr-cyan-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.border-cyan {
    border-color: color-mix(in srgb, var(--tblr-cyan) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important
}

.bg-gradient-from-cyan {
    --tblr-gradient-from: var(--tblr-cyan)
}

.bg-gradient-to-cyan {
    --tblr-gradient-to: var(--tblr-cyan)
}

.bg-gradient-via-cyan {
    --tblr-gradient-via:   var(--tblr-cyan);
    --tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent)
}

.text-bg-cyan {
    color:            #f9fafb !important;
    background-color: RGBA(var(--tblr-cyan-rgb), var(--tblr-bg-opacity, 1)) !important
}

.link-cyan {
    color:                 color-mix(in srgb, var(--tblr-cyan) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
    text-decoration-color: color-mix(in srgb, var(--tblr-cyan) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important
}

.link-cyan:focus, .link-cyan:hover {
    color:                 RGBA(18, 130, 147, var(--tblr-link-opacity, 1)) !important;
    text-decoration-color: RGBA(18, 130, 147, var(--tblr-link-underline-opacity, 1)) !important
}

.bg-white {
    background-color: color-mix(in srgb, var(--tblr-white) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.bg-white-lt {
    color:            color-mix(in srgb, var(--tblr-white) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
    background-color: color-mix(in srgb, var(--tblr-white-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important
}

.border-white {
    border-color: color-mix(in srgb, var(--tblr-white) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important
}

.bg-gradient-from-white {
    --tblr-gradient-from: var(--tblr-white)
}

.bg-gradient-to-white {
    --tblr-gradient-to: var(--tblr-white)
}

.bg-gradient-via-white {
    --tblr-gradient-via:   var(--tblr-white);
    --tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent)
}

.text-bg-white {
    color:            #1f2937 !important;
    background-color: RGBA(var(--tblr-white-rgb), var(--tblr-bg-opacity, 1)) !important
}

.link-white {
    color:                 color-mix(in srgb, var(--tblr-white) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
    text-decoration-color: color-mix(in srgb, var(--tblr-white) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important
}

.link-white:focus, .link-white:hover {
    color:                 RGBA(255, 255, 255, var(--tblr-link-opacity, 1)) !important;
    text-decoration-color: RGBA(255, 255, 255, var(--tblr-link-underline-opacity, 1)) !important
}

.text-primary {
    --tblr-text-opacity: 1;
    color:               color-mix(in srgb, var(--tblr-primary) calc(var(--tblr-text-opacity) * 100%), transparent) !important
}

.text-primary-fg {
    color: var(--tblr-primary-fg) !important
}

.text-secondary {
    --tblr-text-opacity: 1;
    color:               color-mix(in srgb, var(--tblr-secondary) calc(var(--tblr-text-opacity) * 100%), transparent) !important
}

.text-secondary-fg {
    color: var(--tblr-secondary-fg) !important
}

.text-success {
    --tblr-text-opacity: 1;
    color:               color-mix(in srgb, var(--tblr-success) calc(var(--tblr-text-opacity) * 100%), transparent) !important
}

.text-success-fg {
    color: var(--tblr-success-fg) !important
}

.text-info {
    --tblr-text-opacity: 1;
    color:               color-mix(in srgb, var(--tblr-info) calc(var(--tblr-text-opacity) * 100%), transparent) !important
}

.text-info-fg {
    color: var(--tblr-info-fg) !important
}

.text-warning {
    --tblr-text-opacity: 1;
    color:               color-mix(in srgb, var(--tblr-warning) calc(var(--tblr-text-opacity) * 100%), transparent) !important
}

.text-warning-fg {
    color: var(--tblr-warning-fg) !important
}

.text-danger {
    --tblr-text-opacity: 1;
    color:               color-mix(in srgb, var(--tblr-danger) calc(var(--tblr-text-opacity) * 100%), transparent) !important
}

.text-danger-fg {
    color: var(--tblr-danger-fg) !important
}

.text-light {
    --tblr-text-opacity: 1;
    color:               color-mix(in srgb, var(--tblr-light) calc(var(--tblr-text-opacity) * 100%), transparent) !important
}

.text-light-fg {
    color: var(--tblr-light-fg) !important
}

.text-dark {
    --tblr-text-opacity: 1;
    color:               color-mix(in srgb, var(--tblr-dark) calc(var(--tblr-text-opacity) * 100%), transparent) !important
}

.text-dark-fg {
    color: var(--tblr-dark-fg) !important
}

.text-muted {
    --tblr-text-opacity: 1;
    color:               color-mix(in srgb, var(--tblr-muted) calc(var(--tblr-text-opacity) * 100%), transparent) !important
}

.text-muted-fg {
    color: var(--tblr-muted-fg) !important
}

.text-blue {
    --tblr-text-opacity: 1;
    color:               color-mix(in srgb, var(--tblr-blue) calc(var(--tblr-text-opacity) * 100%), transparent) !important
}

.text-blue-fg {
    color: var(--tblr-blue-fg) !important
}

.text-azure {
    --tblr-text-opacity: 1;
    color:               color-mix(in srgb, var(--tblr-azure) calc(var(--tblr-text-opacity) * 100%), transparent) !important
}

.text-azure-fg {
    color: var(--tblr-azure-fg) !important
}

.text-indigo {
    --tblr-text-opacity: 1;
    color:               color-mix(in srgb, var(--tblr-indigo) calc(var(--tblr-text-opacity) * 100%), transparent) !important
}

.text-indigo-fg {
    color: var(--tblr-indigo-fg) !important
}

.text-purple {
    --tblr-text-opacity: 1;
    color:               color-mix(in srgb, var(--tblr-purple) calc(var(--tblr-text-opacity) * 100%), transparent) !important
}

.text-purple-fg {
    color: var(--tblr-purple-fg) !important
}

.text-pink {
    --tblr-text-opacity: 1;
    color:               color-mix(in srgb, var(--tblr-pink) calc(var(--tblr-text-opacity) * 100%), transparent) !important
}

.text-pink-fg {
    color: var(--tblr-pink-fg) !important
}

.text-red {
    --tblr-text-opacity: 1;
    color:               color-mix(in srgb, var(--tblr-red) calc(var(--tblr-text-opacity) * 100%), transparent) !important
}

.text-red-fg {
    color: var(--tblr-red-fg) !important
}

.text-orange {
    --tblr-text-opacity: 1;
    color:               color-mix(in srgb, var(--tblr-orange) calc(var(--tblr-text-opacity) * 100%), transparent) !important
}

.text-orange-fg {
    color: var(--tblr-orange-fg) !important
}

.text-yellow {
    --tblr-text-opacity: 1;
    color:               color-mix(in srgb, var(--tblr-yellow) calc(var(--tblr-text-opacity) * 100%), transparent) !important
}

.text-yellow-fg {
    color: var(--tblr-yellow-fg) !important
}

.text-lime {
    --tblr-text-opacity: 1;
    color:               color-mix(in srgb, var(--tblr-lime) calc(var(--tblr-text-opacity) * 100%), transparent) !important
}

.text-lime-fg {
    color: var(--tblr-lime-fg) !important
}

.text-green {
    --tblr-text-opacity: 1;
    color:               color-mix(in srgb, var(--tblr-green) calc(var(--tblr-text-opacity) * 100%), transparent) !important
}

.text-green-fg {
    color: var(--tblr-green-fg) !important
}

.text-teal {
    --tblr-text-opacity: 1;
    color:               color-mix(in srgb, var(--tblr-teal) calc(var(--tblr-text-opacity) * 100%), transparent) !important
}

.text-teal-fg {
    color: var(--tblr-teal-fg) !important
}

.text-cyan {
    --tblr-text-opacity: 1;
    color:               color-mix(in srgb, var(--tblr-cyan) calc(var(--tblr-text-opacity) * 100%), transparent) !important
}

.text-cyan-fg {
    color: var(--tblr-cyan-fg) !important
}

.bg-gray-50 {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-gray-50) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-gray-50-fg {
    color: var(--tblr-gray-50-fg) !important
}

.bg-gray-100 {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-gray-100) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-gray-100-fg {
    color: var(--tblr-gray-100-fg) !important
}

.bg-gray-200 {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-gray-200) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-gray-200-fg {
    color: var(--tblr-gray-200-fg) !important
}

.bg-gray-300 {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-gray-300) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-gray-300-fg {
    color: var(--tblr-gray-300-fg) !important
}

.bg-gray-400 {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-gray-400) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-gray-400-fg {
    color: var(--tblr-gray-400-fg) !important
}

.bg-gray-500 {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-gray-500) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-gray-500-fg {
    color: var(--tblr-gray-500-fg) !important
}

.bg-gray-600 {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-gray-600) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-gray-600-fg {
    color: var(--tblr-gray-600-fg) !important
}

.bg-gray-700 {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-gray-700) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-gray-700-fg {
    color: var(--tblr-gray-700-fg) !important
}

.bg-gray-800 {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-gray-800) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-gray-800-fg {
    color: var(--tblr-gray-800-fg) !important
}

.bg-gray-900 {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-gray-900) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-gray-900-fg {
    color: var(--tblr-gray-900-fg) !important
}

.bg-gray-950 {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-gray-950) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-gray-950-fg {
    color: var(--tblr-gray-950-fg) !important
}

.bg-x {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-x) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-x-fg {
    color: var(--tblr-x-fg) !important
}

.bg-facebook {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-facebook) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-facebook-fg {
    color: var(--tblr-facebook-fg) !important
}

.bg-twitter {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-twitter) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-twitter-fg {
    color: var(--tblr-twitter-fg) !important
}

.bg-linkedin {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-linkedin) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-linkedin-fg {
    color: var(--tblr-linkedin-fg) !important
}

.bg-google {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-google) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-google-fg {
    color: var(--tblr-google-fg) !important
}

.bg-youtube {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-youtube) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-youtube-fg {
    color: var(--tblr-youtube-fg) !important
}

.bg-vimeo {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-vimeo) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-vimeo-fg {
    color: var(--tblr-vimeo-fg) !important
}

.bg-dribbble {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-dribbble) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-dribbble-fg {
    color: var(--tblr-dribbble-fg) !important
}

.bg-github {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-github) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-github-fg {
    color: var(--tblr-github-fg) !important
}

.bg-instagram {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-instagram) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-instagram-fg {
    color: var(--tblr-instagram-fg) !important
}

.bg-pinterest {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-pinterest) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-pinterest-fg {
    color: var(--tblr-pinterest-fg) !important
}

.bg-vk {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-vk) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-vk-fg {
    color: var(--tblr-vk-fg) !important
}

.bg-rss {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-rss) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-rss-fg {
    color: var(--tblr-rss-fg) !important
}

.bg-flickr {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-flickr) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-flickr-fg {
    color: var(--tblr-flickr-fg) !important
}

.bg-bitbucket {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-bitbucket) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-bitbucket-fg {
    color: var(--tblr-bitbucket-fg) !important
}

.bg-tabler {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-tabler) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.text-tabler-fg {
    color: var(--tblr-tabler-fg) !important
}

.bg-inverted {
    --tblr-bg-opacity: 1;
    background-color:  color-mix(in srgb, var(--tblr-bg-surface-inverted) calc(var(--tblr-bg-opacity) * 100%), transparent) !important
}

.bg-surface {
    background-color: var(--tblr-bg-surface) !important
}

.bg-surface-secondary {
    background-color: var(--tblr-bg-surface-secondary) !important
}

.bg-surface-tertiary {
    background-color: var(--tblr-bg-surface-tertiary) !important
}

.bg-surface-backdrop {
    background-color: color-mix(in srgb, var(--tblr-gray-800) 24%, transparent) !important
}

.scrollable {
    overflow-x:                 hidden;
    overflow-y:                 auto;
    -webkit-overflow-scrolling: touch
}

.scrollable.hover {
    overflow-y: hidden
}

.scrollable.hover > * {
    margin-top: -1px
}

.scrollable.hover:active, .scrollable.hover:focus, .scrollable.hover:hover {
    overflow:   visible;
    overflow-y: auto
}

.touch .scrollable {
    overflow-y: auto !important
}

.scroll-x, .scroll-y {
    overflow:                   hidden;
    -webkit-overflow-scrolling: touch
}

.scroll-y {
    overflow-y: auto
}

.scroll-x {
    overflow-x: auto
}

.no-scroll {
    overflow: hidden
}

.w-0 {
    width: 0 !important
}

.h-0 {
    height: 0 !important
}

.w-1 {
    width: .25rem !important
}

.h-1 {
    height: .25rem !important
}

.w-2 {
    width: .5rem !important
}

.h-2 {
    height: .5rem !important
}

.w-3 {
    width: 1rem !important
}

.h-3 {
    height: 1rem !important
}

.w-4 {
    width: 1.5rem !important
}

.h-4 {
    height: 1.5rem !important
}

.w-5 {
    width: 2rem !important
}

.h-5 {
    height: 2rem !important
}

.w-6 {
    width: 2.5rem !important
}

.h-6 {
    height: 2.5rem !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: calc(0 / 100) !important
}

.opacity-5 {
    opacity: calc(5 / 100) !important
}

.opacity-10 {
    opacity: calc(10 / 100) !important
}

.opacity-15 {
    opacity: calc(15 / 100) !important
}

.opacity-20 {
    opacity: calc(20 / 100) !important
}

.opacity-25 {
    opacity: calc(25 / 100) !important
}

.opacity-30 {
    opacity: calc(30 / 100) !important
}

.opacity-35 {
    opacity: calc(35 / 100) !important
}

.opacity-40 {
    opacity: calc(40 / 100) !important
}

.opacity-45 {
    opacity: calc(45 / 100) !important
}

.opacity-50 {
    opacity: calc(50 / 100) !important
}

.opacity-55 {
    opacity: calc(55 / 100) !important
}

.opacity-60 {
    opacity: calc(60 / 100) !important
}

.opacity-65 {
    opacity: calc(65 / 100) !important
}

.opacity-70 {
    opacity: calc(70 / 100) !important
}

.opacity-75 {
    opacity: calc(75 / 100) !important
}

.opacity-80 {
    opacity: calc(80 / 100) !important
}

.opacity-85 {
    opacity: calc(85 / 100) !important
}

.opacity-90 {
    opacity: calc(90 / 100) !important
}

.opacity-95 {
    opacity: calc(95 / 100) !important
}

.opacity-100 {
    opacity: calc(100 / 100) !important
}

.hover-shadow-sm:hover {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.hover-shadow:hover {
    box-shadow: rgba(var(--tblr-body-color-rgb), .04) 0 2px 4px 0 !important
}

.hover-shadow-lg:hover {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.hover-shadow-none:hover {
    box-shadow: none !important
}

.antialiased {
    -webkit-font-smoothing:  antialiased;
    -moz-osx-font-smoothing: grayscale
}

.subpixel-antialiased {
    -webkit-font-smoothing:  auto;
    -moz-osx-font-smoothing: auto
}

.hover-elevate-down, .hover-elevate-up, .hover-rotate-end, .hover-rotate-start, .hover-scale {
    transition: transform .3s ease
}

.hover-elevate-down:hover, .hover-elevate-up:hover, .hover-rotate-end:hover, .hover-rotate-start:hover, .hover-scale:hover {
    will-change: transform
}

.hover-elevate-up:hover {
    transform: translateY(-4px)
}

.hover-elevate-down:hover {
    transform: translateY(4px)
}

.hover-scale:hover {
    transform: scale(1.1)
}

.hover-rotate-end:hover {
    transform: rotate(4deg)
}

.hover-rotate-start:hover {
    transform: rotate(-4deg)
}

/*# sourceMappingURL=tabler.min.css.map */
/* ---- Layout safety overrides (marketing) ----
   Prevent tiny horizontal overflow that can make content appear clipped on the left
   due to grid negative margins or 100vw elements. Keep vendor CSS intact. */
html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* clamp minor horizontal bleed */
}