/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
}

/* Removing padding from the last paragraph in an alert. */
div.alert p:last-child {
  margin-bottom: 0;
}

.font-inherit, .font-inherit * {
  font: inherit;
}

.color-inherit, .color-inherit * {
  color: inherit;
}

.line-height-inherit {
  line-height: inherit;
}

.form-control::placeholder {
    color: gray;
    opacity: 1;
}
/* Removing text syling from a link. */
.link-plain {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

/* Define CSS Variables for Material Backgrounds */
:root {
    /* Light Material Values */
    --material-light-ultra-thin: rgba(255, 255, 255, 0.5);
    --material-light-ultra-thin-blur: rgba(255, 255, 255, 0.2);
    --material-light-thin: rgba(255, 255, 255, 0.6);
    --material-light-thin-blur: rgba(255, 255, 255, 0.3);
    --material-light-regular: rgba(255, 255, 255, 0.7);
    --material-light-regular-blur: rgba(255, 255, 255, 0.4);
    --material-light-thick: rgba(255, 255, 255, 0.8);
    --material-light-thick-blur: rgba(255, 255, 255, 0.5);
    --material-light-ultra-thick: rgba(255, 255, 255, 0.9);
    --material-light-ultra-thick-blur: rgba(255, 255, 255, 0.6);

    /* Dark Material Values */
    --material-dark-ultra-thin: rgba(30, 30, 30, 0.5);
    --material-dark-ultra-thin-blur: rgba(30, 30, 30, 0.2);
    --material-dark-thin: rgba(30, 30, 30, 0.6);
    --material-dark-thin-blur: rgba(30, 30, 30, 0.3);
    --material-dark-regular: rgba(30, 30, 30, 0.7);
    --material-dark-regular-blur: rgba(30, 30, 30, 0.4);
    --material-dark-thick: rgba(30, 30, 30, 0.8);
    --material-dark-thick-blur: rgba(30, 30, 30, 0.5);
    --material-dark-ultra-thick: rgba(30, 30, 30, 0.9);
    --material-dark-ultra-thick-blur: rgba(30, 30, 30, 0.6);
}

/* Auto-switching Material Classes */
.material-ultra-thin {
    background: var(--material-light-ultra-thin);
    @supports ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))) {
        background: var(--material-light-ultra-thin-blur);
        -webkit-backdrop-filter: blur(10px) saturate(180%);
        backdrop-filter: blur(10px) saturate(180%);
    }
}

.material-thin {
    background: var(--material-light-thin);
    @supports ((backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px))) {
        background: var(--material-light-thin-blur);
        -webkit-backdrop-filter: blur(20px) saturate(180%);
        backdrop-filter: blur(20px) saturate(180%);
    }
}

.material-regular {
    background: var(--material-light-regular);
    @supports ((backdrop-filter: blur(30px)) or (-webkit-backdrop-filter: blur(30px))) {
        background: var(--material-light-regular-blur);
        -webkit-backdrop-filter: blur(30px) saturate(180%);
        backdrop-filter: blur(30px) saturate(180%);
    }
}

.material-thick {
    background: var(--material-light-thick);
    @supports ((backdrop-filter: blur(50px)) or (-webkit-backdrop-filter: blur(50px))) {
        background: var(--material-light-thick-blur);
        -webkit-backdrop-filter: blur(50px) saturate(180%);
        backdrop-filter: blur(50px) saturate(180%);
    }
}

.material-ultra-thick {
    background: var(--material-light-ultra-thick);
    @supports ((backdrop-filter: blur(70px)) or (-webkit-backdrop-filter: blur(70px))) {
        background: var(--material-light-ultra-thick-blur);
        -webkit-backdrop-filter: blur(70px) saturate(180%);
        backdrop-filter: blur(70px) saturate(180%);
    }
}

[data-bs-theme*="dark"] .material-ultra-thin {
    background: var(--material-dark-ultra-thin);
    @supports ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))) {
        background: var(--material-dark-ultra-thin-blur);
        -webkit-backdrop-filter: blur(10px) saturate(180%);
        backdrop-filter: blur(10px) saturate(180%);
    }
}

[data-bs-theme*="dark"] .material-thin {
    background: var(--material-dark-thin);
    @supports ((backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px))) {
        background: var(--material-dark-thin-blur);
        -webkit-backdrop-filter: blur(20px) saturate(180%);
        backdrop-filter: blur(20px) saturate(180%);
    }
}

[data-bs-theme*="dark"] .material-regular {
    background: var(--material-dark-regular);
    @supports ((backdrop-filter: blur(30px)) or (-webkit-backdrop-filter: blur(30px))) {
        background: var(--material-dark-regular-blur);
        -webkit-backdrop-filter: blur(30px) saturate(180%);
        backdrop-filter: blur(30px) saturate(180%);
    }
}

[data-bs-theme*="dark"] .material-thick {
    background: var(--material-dark-thick);
    @supports ((backdrop-filter: blur(50px)) or (-webkit-backdrop-filter: blur(50px))) {
        background: var(--material-dark-thick-blur);
        -webkit-backdrop-filter: blur(50px) saturate(180%);
        backdrop-filter: blur(50px) saturate(180%);
    }
}

[data-bs-theme*="dark"] .material-ultra-thick {
    background: var(--material-dark-ultra-thick);
    @supports ((backdrop-filter: blur(70px)) or (-webkit-backdrop-filter: blur(70px))) {
        background: var(--material-dark-ultra-thick-blur);
        -webkit-backdrop-filter: blur(70px) saturate(180%);
        backdrop-filter: blur(70px) saturate(180%);
    }
}

/* Light Material Classes (for explicit overrides) */
.material-ultra-thin-light {
    background: var(--material-light-ultra-thin);
    @supports ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))) {
        background: var(--material-light-ultra-thin-blur);
        -webkit-backdrop-filter: blur(10px) saturate(180%);
        backdrop-filter: blur(10px) saturate(180%);
    }
}

.material-thin-light {
    background: var(--material-light-thin);
    @supports ((backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px))) {
        background: var(--material-light-thin-blur);
        -webkit-backdrop-filter: blur(20px) saturate(180%);
        backdrop-filter: blur(20px) saturate(180%);
    }
}

.material-regular-light {
    background: var(--material-light-regular);
    @supports ((backdrop-filter: blur(30px)) or (-webkit-backdrop-filter: blur(30px))) {
        background: var(--material-light-regular-blur);
        -webkit-backdrop-filter: blur(30px) saturate(180%);
        backdrop-filter: blur(30px) saturate(180%);
    }
}

.material-thick-light {
    background: var(--material-light-thick);
    @supports ((backdrop-filter: blur(50px)) or (-webkit-backdrop-filter: blur(50px))) {
        background: var(--material-light-thick-blur);
        -webkit-backdrop-filter: blur(50px) saturate(180%);
        backdrop-filter: blur(50px) saturate(180%);
    }
}

.material-ultra-thick-light {
    background: var(--material-light-ultra-thick);
    @supports ((backdrop-filter: blur(70px)) or (-webkit-backdrop-filter: blur(70px))) {
        background: var(--material-light-ultra-thick-blur);
        -webkit-backdrop-filter: blur(70px) saturate(180%);
        backdrop-filter: blur(70px) saturate(180%);
    }
}

/* Dark Material Classes (for explicit overrides) */
.material-ultra-thin-dark {
    background: var(--material-dark-ultra-thin);
    @supports ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))) {
        background: var(--material-dark-ultra-thin-blur);
        -webkit-backdrop-filter: blur(10px) saturate(180%);
        backdrop-filter: blur(10px) saturate(180%);
    }
}

.material-thin-dark {
    background: var(--material-dark-thin);
    @supports ((backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px))) {
        background: var(--material-dark-thin-blur);
        -webkit-backdrop-filter: blur(20px) saturate(180%);
        backdrop-filter: blur(20px) saturate(180%);
    }
}

.material-regular-dark {
    background: var(--material-dark-regular);
    @supports ((backdrop-filter: blur(30px)) or (-webkit-backdrop-filter: blur(30px))) {
        background: var(--material-dark-regular-blur);
        -webkit-backdrop-filter: blur(30px) saturate(180%);
        backdrop-filter: blur(30px) saturate(180%);
    }
}

.material-thick-dark {
    background: var(--material-dark-thick);
    @supports ((backdrop-filter: blur(50px)) or (-webkit-backdrop-filter: blur(50px))) {
        background: var(--material-dark-thick-blur);
        -webkit-backdrop-filter: blur(50px) saturate(180%);
        backdrop-filter: blur(50px) saturate(180%);
    }
}

.material-ultra-thick-dark {
    background: var(--material-dark-ultra-thick);
    @supports ((backdrop-filter: blur(70px)) or (-webkit-backdrop-filter: blur(70px))) {
        background: var(--material-dark-ultra-thick-blur);
        -webkit-backdrop-filter: blur(70px) saturate(180%);
        backdrop-filter: blur(70px) saturate(180%);
    }
}

.ig-text-small {
    font-size: 0.9rem;
}

.ig-text-xSmall {
    font-size: 0.8rem;
}

.ig-text-xxSmall {
    font-size: 0.7rem;
}

.ig-text-xxxSmall {
    font-size: 0.6rem;
}

.ig-line-clamp {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--ig-max-line-length, 1);
}

.ig-line-clamp-none {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: unset;
}


:root {
    --bs-primary: rgb(15 118 110 / 100%);
    --bs-primary-rgb: 15, 118, 110;
    --bs-primary-text-emphasis: rgb(6 47 44 / 100%);
    --bs-primary-bg-subtle: rgb(207 227 226 / 100%);
    --bs-primary-border-subtle: rgb(111 172 168 / 100%);
    --bs-secondary: rgb(120 113 108 / 100%);
    --bs-secondary-rgb: 120, 113, 108;
    --bs-secondary-text-emphasis: rgb(48 45 43 / 100%);
    --bs-secondary-bg-subtle: rgb(228 226 225 / 100%);
    --bs-secondary-border-subtle: rgb(174 169 166 / 100%);
    --bs-success: rgb(5 150 105 / 100%);
    --bs-success-rgb: 5, 150, 105;
    --bs-success-text-emphasis: rgb(2 60 42 / 100%);
    --bs-success-bg-subtle: rgb(205 234 225 / 100%);
    --bs-success-border-subtle: rgb(105 192 165 / 100%);
    --bs-info: rgb(2 132 199 / 100%);
    --bs-info-rgb: 2, 132, 199;
    --bs-info-text-emphasis: rgb(0 52 79 / 100%);
    --bs-info-bg-subtle: rgb(204 230 243 / 100%);
    --bs-info-border-subtle: rgb(103 181 221 / 100%);
    --bs-warning: rgb(217 119 6 / 100%);
    --bs-warning-rgb: 217, 119, 6;
    --bs-warning-text-emphasis: rgb(86 47 2 / 100%);
    --bs-warning-bg-subtle: rgb(247 227 205 / 100%);
    --bs-warning-border-subtle: rgb(232 173 105 / 100%);
    --bs-danger: rgb(220 38 38 / 100%);
    --bs-danger-rgb: 220, 38, 38;
    --bs-danger-text-emphasis: rgb(88 15 15 / 100%);
    --bs-danger-bg-subtle: rgb(248 211 211 / 100%);
    --bs-danger-border-subtle: rgb(234 124 124 / 100%);
    --bs-light: rgb(250 250 249 / 100%);
    --bs-light-rgb: 250, 250, 249;
    --bs-light-text-emphasis: rgb(49 49 49 / 100%);
    --bs-light-bg-subtle: rgb(254 254 253 / 100%);
    --bs-light-border-subtle: rgb(200 200 199 / 100%);
    --bs-dark: rgb(41 37 36 / 100%);
    --bs-dark-rgb: 41, 37, 36;
    --bs-dark-text-emphasis: rgb(16 14 14 / 100%);
    --bs-dark-bg-subtle: rgb(212 211 211 / 100%);
    --bs-dark-border-subtle: rgb(126 124 123 / 100%);
    --bs-body-color: rgb(68 64 60 / 100%);
    --bs-body-color-rgb: 68, 64, 60;
    --bs-body-bg: rgb(250 250 249 / 100%);
    --bs-body-bg-rgb: 250, 250, 249;
    --bs-emphasis-color: rgb(41 37 36 / 100%);
    --bs-emphasis-color-rgb: 41, 37, 36;
    --bs-secondary-color: rgb(87 83 78 / 100%);
    --bs-secondary-color-rgb: 87, 83, 78;
    --bs-tertiary-color: rgb(120 113 108 / 100%);
    --bs-tertiary-color-rgb: 120, 113, 108;
    --bs-secondary-bg: rgb(255 255 255 / 100%);
    --bs-secondary-bg-rgb: 255, 255, 255;
    --bs-tertiary-bg: rgb(245 245 244 / 100%);
    --bs-tertiary-bg-rgb: 245, 245, 244;
    --bs-link-color: rgb(15 118 110 / 100%);
    --bs-link-color-rgb: 15, 118, 110;
    --bs-link-hover-color: rgb(17 94 89 / 100%);
    --bs-link-hover-color-rgb: 17, 94, 89;
    --bs-border-color: rgb(0 0 0 / 5%);
    --bs-border-color-rgb: 0, 0, 0;
    --bs-body-line-height: 1.7em;
    --bs-headings-font-weight: 700;
    --bs-link-decoration: none;
    --syntax-highlight-theme: "xcode-light";
}

@media (min-width: 540px) {
    .container {
    max-width: 540px;
}
}

@media (min-width: 720px) {
    .container {
    max-width: 720px;
}
}

@media (min-width: 960px) {
    .container {
    max-width: 960px;
}
}

@media (min-width: 1140px) {
    .container {
    max-width: 1140px;
}
}

@media (min-width: 1320px) {
    .container {
    max-width: 1320px;
}
}

/* Global style rules */

/* Root and body styles */
html {
    font-size: var(--bs-root-font-size, 16px);
}

body {
    font-family: var(--bs-body-font-family, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif);
    font-size: var(--bs-body-font-size, 1rem);
    line-height: var(--bs-body-line-height, 1.5);
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
}

/* Link styles */
a {
    color: var(--bs-link-color);
    text-decoration: var(--bs-link-decoration, underline);
}

a:hover {
    color: var(--bs-link-hover-color);
}

/* Link role styles */
.link-primary {
    color: var(--bs-primary) !important;
    text-decoration-color: var(--bs-primary) !important;
}
.link-primary:hover {
    color: rgba(var(--bs-primary-rgb), 0.8) !important;
    text-decoration-color: rgba(var(--bs-primary-rgb), 0.8) !important;
}

.link-secondary {
    color: var(--bs-secondary) !important;
    text-decoration-color: var(--bs-secondary) !important;
}
.link-secondary:hover {
    color: rgba(var(--bs-secondary-rgb), 0.8) !important;
    text-decoration-color: rgba(var(--bs-secondary-rgb), 0.8) !important;
}

.link-success {
    color: var(--bs-success) !important;
    text-decoration-color: var(--bs-success) !important;
}
.link-success:hover {
    color: rgba(var(--bs-success-rgb), 0.8) !important;
    text-decoration-color: rgba(var(--bs-success-rgb), 0.8) !important;
}

.link-info {
    color: var(--bs-info) !important;
    text-decoration-color: var(--bs-info) !important;
}
.link-info:hover {
    color: rgba(var(--bs-info-rgb), 0.8) !important;
    text-decoration-color: rgba(var(--bs-info-rgb), 0.8) !important;
}

.link-warning {
    color: var(--bs-warning) !important;
    text-decoration-color: var(--bs-warning) !important;
}
.link-warning:hover {
    color: rgba(var(--bs-warning-rgb), 0.8) !important;
    text-decoration-color: rgba(var(--bs-warning-rgb), 0.8) !important;
}

.link-danger {
    color: var(--bs-danger) !important;
    text-decoration-color: var(--bs-danger) !important;
}
.link-danger:hover {
    color: rgba(var(--bs-danger-rgb), 0.8) !important;
    text-decoration-color: rgba(var(--bs-danger-rgb), 0.8) !important;
}

.link-light {
    color: var(--bs-light) !important;
    text-decoration-color: var(--bs-light) !important;
}
.link-light:hover {
    color: rgba(var(--bs-light-rgb), 0.8) !important;
    text-decoration-color: rgba(var(--bs-light-rgb), 0.8) !important;
}

.link-dark {
    color: var(--bs-dark) !important;
    text-decoration-color: var(--bs-dark) !important;
}
.link-dark:hover {
    color: rgba(var(--bs-dark-rgb), 0.8) !important;
    text-decoration-color: rgba(var(--bs-dark-rgb), 0.8) !important;
}

/* Alert styles */
.alert-primary {
    color: var(--bs-primary-text-emphasis);
    background-color: var(--bs-primary-bg-subtle);
    border-color: var(--bs-primary-border-subtle);
}

.alert-secondary {
    color: var(--bs-secondary-text-emphasis);
    background-color: var(--bs-secondary-bg-subtle);
    border-color: var(--bs-secondary-border-subtle);
}

.alert-success {
    color: var(--bs-success-text-emphasis);
    background-color: var(--bs-success-bg-subtle);
    border-color: var(--bs-success-border-subtle);
}

.alert-info {
    color: var(--bs-info-text-emphasis);
    background-color: var(--bs-info-bg-subtle);
    border-color: var(--bs-info-border-subtle);
}

.alert-warning {
    color: var(--bs-warning-text-emphasis);
    background-color: var(--bs-warning-bg-subtle);
    border-color: var(--bs-warning-border-subtle);
}

.alert-danger {
    color: var(--bs-danger-text-emphasis);
    background-color: var(--bs-danger-bg-subtle);
    border-color: var(--bs-danger-border-subtle);
}

.alert-light {
    color: var(--bs-light-text-emphasis);
    background-color: var(--bs-light-bg-subtle);
    border-color: var(--bs-light-border-subtle);
}

.alert-dark {
    color: var(--bs-dark-text-emphasis);
    background-color: var(--bs-dark-bg-subtle);
    border-color: var(--bs-dark-border-subtle);
}

/* Subtle backgrounds */
.bg-primary-subtle {
    background-color: rgba(var(--bs-primary-rgb), 0.15) !important;
}

.bg-secondary-subtle {
    background-color: rgba(var(--bs-secondary-rgb), 0.15) !important;
}

.bg-success-subtle {
    background-color: rgba(var(--bs-success-rgb), 0.15) !important;
}

.bg-info-subtle {
    background-color: rgba(var(--bs-info-rgb), 0.15) !important;
}

.bg-warning-subtle {
    background-color: rgba(var(--bs-warning-rgb), 0.15) !important;
}

.bg-danger-subtle {
    background-color: rgba(var(--bs-danger-rgb), 0.15) !important;
}

.bg-light-subtle {
    background-color: rgba(var(--bs-light-rgb), 0.15) !important;
}

.bg-dark-subtle {
    background-color: rgba(var(--bs-dark-rgb), 0.15) !important;
}

/* Card with solid background */
.text-bg-primary {
    color: #fff;
    background-color: var(--bs-primary) !important;
}

.text-bg-secondary {
    color: #fff;
    background-color: var(--bs-secondary) !important;
}

.text-bg-success {
    color: #fff;
    background-color: var(--bs-success) !important;
}

.text-bg-info {
    color: #000;
    background-color: var(--bs-info) !important;
}

.text-bg-warning {
    color: #000;
    background-color: var(--bs-warning) !important;
}

.text-bg-danger {
    color: #fff;
    background-color: var(--bs-danger) !important;
}

.text-bg-light {
    color: #000;
    background-color: var(--bs-light) !important;
}

.text-bg-dark {
    color: #fff;
    background-color: var(--bs-dark) !important;
}

/* Card with colored border */
.border-primary {
    border-color: var(--bs-primary) !important;
}

.border-secondary {
    border-color: var(--bs-secondary) !important;
}

.border-success {
    border-color: var(--bs-success) !important;
}

.border-info {
    border-color: var(--bs-info) !important;
}

.border-warning {
    border-color: var(--bs-warning) !important;
}

.border-danger {
    border-color: var(--bs-danger) !important;
}

.border-light {
    border-color: var(--bs-light) !important;
}

.border-dark {
    border-color: var(--bs-dark) !important;
}

/* Paragraph margin */
p {
    margin-top: 0;
    margin-bottom: var(--bs-paragraph-margin-bottom, 1rem);
}

/* Heading styles */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--bs-headings-font-family, inherit);
    margin-bottom: var(--bs-headings-margin-bottom, 0.5rem);
    font-weight: var(--bs-headings-font-weight, 500);
    line-height: var(--bs-headings-line-height, 1.2);
    color: var(--bs-heading-color, inherit);
}

/* Individual heading sizes */
h1 { font-size: var(--bs-h1-font-size, 2.5rem); }
h2 { font-size: var(--bs-h2-font-size, 2rem); }
h3 { font-size: var(--bs-h3-font-size, 1.75rem); }
h4 { font-size: var(--bs-h4-font-size, 1.5rem); }
h5 { font-size: var(--bs-h5-font-size, 1.25rem); }
h6 { font-size: var(--bs-h6-font-size, 1rem); }

/* Font weights */
.fw-lighter { font-weight: var(--bs-font-weight-lighter, 200); }
.fw-light { font-weight: var(--bs-font-weight-light, 300); }
.fw-normal { font-weight: var(--bs-font-weight-normal, 400); }
.fw-bold { font-weight: var(--bs-font-weight-bold, 700); }
.fw-bolder { font-weight: var(--bs-font-weight-bolder, 800); }

/* Font sizes */
.fs-small { font-size: var(--bs-body-font-size-sm, 0.875rem); }
.fs-base { font-size: var(--bs-body-font-size, 1rem); }
.fs-large { font-size: var(--bs-body-font-size-lg, 1.25rem); }

/* Line heights */
.lh-1 { line-height: var(--bs-line-height-condensed, 1); }
.lh-base { line-height: var(--bs-line-height-base, 1.5); }
.lh-lg { line-height: var(--bs-line-height-expanded, 2); }

/* Inline code */
:not(pre) > code {
    font-family: var(--bs-font-monospace, monospace);
    font-size: var(--bs-code-font-size, 1em);
}

/* Code blocks */
code, pre {
    font-family: var(--bs-font-monospace, monospace);
    font-size: var(--code-block-font-size, 1em);
    margin-bottom: var(--bs-paragraph-margin-bottom, 1rem) !important;
}

/* Border styles */
.border { border: 1px solid var(--bs-border-color) !important; }

/* Color rules */
.text-primary { color: var(--bs-primary) !important; }
.text-secondary { color: var(--bs-secondary) !important; }
.text-success { color: var(--bs-success) !important; }
.text-info { color: var(--bs-info) !important; }
.text-warning { color: var(--bs-warning) !important; }
.text-danger { color: var(--bs-danger) !important; }
.text-light { color: var(--bs-light) !important; }
.text-dark { color: var(--bs-dark) !important; }

/* Background rules */
.bg-primary { background-color: var(--bs-primary) !important; }
.bg-secondary { background-color: var(--bs-secondary) !important; }
.bg-success { background-color: var(--bs-success) !important; }
.bg-info { background-color: var(--bs-info) !important; }
.bg-warning { background-color: var(--bs-warning) !important; }
.bg-danger { background-color: var(--bs-danger) !important; }
.bg-light { background-color: var(--bs-light) !important; }
.bg-dark { background-color: var(--bs-dark) !important; }

/* Button rules */
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.btn-primary:hover {
    background-color: rgb(var(--bs-primary-rgb));
    border-color: rgb(var(--bs-primary-rgb));
}

.btn-secondary {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}
.btn-secondary:hover {
    background-color: rgb(var(--bs-secondary-rgb));
    border-color: rgb(var(--bs-secondary-rgb));
}

.btn-success {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
}
.btn-success:hover {
    background-color: rgb(var(--bs-success-rgb));
    border-color: rgb(var(--bs-success-rgb));
}

.btn-info {
    background-color: var(--bs-info);
    border-color: var(--bs-info);
}
.btn-info:hover {
    background-color: rgb(var(--bs-info-rgb));
    border-color: rgb(var(--bs-info-rgb));
}

.btn-warning {
    background-color: var(--bs-warning);
    border-color: var(--bs-warning);
}
.btn-warning:hover {
    background-color: rgb(var(--bs-warning-rgb));
    border-color: rgb(var(--bs-warning-rgb));
}

.btn-danger {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
}
.btn-danger:hover {
    background-color: rgb(var(--bs-danger-rgb));
    border-color: rgb(var(--bs-danger-rgb));
}

.btn-light {
    background-color: var(--bs-light);
    border-color: var(--bs-light);
}
.btn-light:hover {
    background-color: rgb(var(--bs-light-rgb));
    border-color: rgb(var(--bs-light-rgb));
}

.btn-dark {
    background-color: var(--bs-dark);
    border-color: var(--bs-dark);
}
.btn-dark:hover {
    background-color: rgb(var(--bs-dark-rgb));
    border-color: rgb(var(--bs-dark-rgb));
}


[data-bs-theme="nordic-mist-light"] {
    --bs-primary: rgb(15 118 110 / 100%);
    --bs-primary-rgb: 15, 118, 110;
    --bs-primary-text-emphasis: rgb(6 47 44 / 100%);
    --bs-primary-bg-subtle: rgb(207 227 226 / 100%);
    --bs-primary-border-subtle: rgb(111 172 168 / 100%);
    --bs-secondary: rgb(120 113 108 / 100%);
    --bs-secondary-rgb: 120, 113, 108;
    --bs-secondary-text-emphasis: rgb(48 45 43 / 100%);
    --bs-secondary-bg-subtle: rgb(228 226 225 / 100%);
    --bs-secondary-border-subtle: rgb(174 169 166 / 100%);
    --bs-success: rgb(5 150 105 / 100%);
    --bs-success-rgb: 5, 150, 105;
    --bs-success-text-emphasis: rgb(2 60 42 / 100%);
    --bs-success-bg-subtle: rgb(205 234 225 / 100%);
    --bs-success-border-subtle: rgb(105 192 165 / 100%);
    --bs-info: rgb(2 132 199 / 100%);
    --bs-info-rgb: 2, 132, 199;
    --bs-info-text-emphasis: rgb(0 52 79 / 100%);
    --bs-info-bg-subtle: rgb(204 230 243 / 100%);
    --bs-info-border-subtle: rgb(103 181 221 / 100%);
    --bs-warning: rgb(217 119 6 / 100%);
    --bs-warning-rgb: 217, 119, 6;
    --bs-warning-text-emphasis: rgb(86 47 2 / 100%);
    --bs-warning-bg-subtle: rgb(247 227 205 / 100%);
    --bs-warning-border-subtle: rgb(232 173 105 / 100%);
    --bs-danger: rgb(220 38 38 / 100%);
    --bs-danger-rgb: 220, 38, 38;
    --bs-danger-text-emphasis: rgb(88 15 15 / 100%);
    --bs-danger-bg-subtle: rgb(248 211 211 / 100%);
    --bs-danger-border-subtle: rgb(234 124 124 / 100%);
    --bs-light: rgb(250 250 249 / 100%);
    --bs-light-rgb: 250, 250, 249;
    --bs-light-text-emphasis: rgb(49 49 49 / 100%);
    --bs-light-bg-subtle: rgb(254 254 253 / 100%);
    --bs-light-border-subtle: rgb(200 200 199 / 100%);
    --bs-dark: rgb(41 37 36 / 100%);
    --bs-dark-rgb: 41, 37, 36;
    --bs-dark-text-emphasis: rgb(16 14 14 / 100%);
    --bs-dark-bg-subtle: rgb(212 211 211 / 100%);
    --bs-dark-border-subtle: rgb(126 124 123 / 100%);
    --bs-body-color: rgb(68 64 60 / 100%);
    --bs-body-color-rgb: 68, 64, 60;
    --bs-body-bg: rgb(250 250 249 / 100%);
    --bs-body-bg-rgb: 250, 250, 249;
    --bs-emphasis-color: rgb(41 37 36 / 100%);
    --bs-emphasis-color-rgb: 41, 37, 36;
    --bs-secondary-color: rgb(87 83 78 / 100%);
    --bs-secondary-color-rgb: 87, 83, 78;
    --bs-tertiary-color: rgb(120 113 108 / 100%);
    --bs-tertiary-color-rgb: 120, 113, 108;
    --bs-secondary-bg: rgb(255 255 255 / 100%);
    --bs-secondary-bg-rgb: 255, 255, 255;
    --bs-tertiary-bg: rgb(245 245 244 / 100%);
    --bs-tertiary-bg-rgb: 245, 245, 244;
    --bs-link-color: rgb(15 118 110 / 100%);
    --bs-link-color-rgb: 15, 118, 110;
    --bs-link-hover-color: rgb(17 94 89 / 100%);
    --bs-link-hover-color-rgb: 17, 94, 89;
    --bs-border-color: rgb(0 0 0 / 5%);
    --bs-border-color-rgb: 0, 0, 0;
    --bs-body-line-height: 1.7em;
    --bs-headings-font-weight: 700;
    --bs-link-decoration: none;
    --syntax-highlight-theme: "xcode-light";
}

[data-bs-theme="nordic-mist-dark-dark"] {
    --bs-primary: rgb(15 118 110 / 100%);
    --bs-primary-rgb: 15, 118, 110;
    --bs-primary-text-emphasis: rgb(111 172 168 / 100%);
    --bs-primary-bg-subtle: rgb(2 23 21 / 100%);
    --bs-primary-border-subtle: rgb(9 70 66 / 100%);
    --bs-secondary: rgb(168 162 158 / 100%);
    --bs-secondary-rgb: 168, 162, 158;
    --bs-secondary-text-emphasis: rgb(202 199 196 / 100%);
    --bs-secondary-bg-subtle: rgb(33 32 31 / 100%);
    --bs-secondary-border-subtle: rgb(100 97 94 / 100%);
    --bs-success: rgb(16 185 129 / 100%);
    --bs-success-rgb: 16, 185, 129;
    --bs-success-text-emphasis: rgb(111 213 179 / 100%);
    --bs-success-bg-subtle: rgb(3 36 25 / 100%);
    --bs-success-border-subtle: rgb(9 111 77 / 100%);
    --bs-info: rgb(56 189 248 / 100%);
    --bs-info-rgb: 56, 189, 248;
    --bs-info-text-emphasis: rgb(135 215 250 / 100%);
    --bs-info-bg-subtle: rgb(11 37 49 / 100%);
    --bs-info-border-subtle: rgb(33 113 148 / 100%);
    --bs-warning: rgb(251 191 36 / 100%);
    --bs-warning-rgb: 251, 191, 36;
    --bs-warning-text-emphasis: rgb(252 216 123 / 100%);
    --bs-warning-bg-subtle: rgb(50 38 7 / 100%);
    --bs-warning-border-subtle: rgb(150 114 21 / 100%);
    --bs-danger: rgb(248 113 113 / 100%);
    --bs-danger-rgb: 248, 113, 113;
    --bs-danger-text-emphasis: rgb(250 169 169 / 100%);
    --bs-danger-bg-subtle: rgb(49 22 22 / 100%);
    --bs-danger-border-subtle: rgb(148 67 67 / 100%);
    --bs-light: rgb(250 250 249 / 100%);
    --bs-light-rgb: 250, 250, 249;
    --bs-light-text-emphasis: rgb(252 252 251 / 100%);
    --bs-light-bg-subtle: rgb(49 49 49 / 100%);
    --bs-light-border-subtle: rgb(100 100 99 / 100%);
    --bs-dark: rgb(28 25 23 / 100%);
    --bs-dark-rgb: 28, 25, 23;
    --bs-dark-text-emphasis: rgb(209 209 208 / 100%);
    --bs-dark-bg-subtle: rgb(5 4 4 / 100%);
    --bs-dark-border-subtle: rgb(73 71 69 / 100%);
    --bs-body-color: rgb(231 229 228 / 100%);
    --bs-body-color-rgb: 231, 229, 228;
    --bs-body-bg: rgb(28 25 23 / 100%);
    --bs-body-bg-rgb: 28, 25, 23;
    --bs-emphasis-color: rgb(250 250 249 / 100%);
    --bs-emphasis-color-rgb: 250, 250, 249;
    --bs-secondary-color: rgb(214 211 209 / 100%);
    --bs-secondary-color-rgb: 214, 211, 209;
    --bs-tertiary-color: rgb(168 162 158 / 100%);
    --bs-tertiary-color-rgb: 168, 162, 158;
    --bs-secondary-bg: rgb(41 37 36 / 100%);
    --bs-secondary-bg-rgb: 41, 37, 36;
    --bs-tertiary-bg: rgb(68 64 60 / 100%);
    --bs-tertiary-bg-rgb: 68, 64, 60;
    --bs-link-color: rgb(20 184 166 / 100%);
    --bs-link-color-rgb: 20, 184, 166;
    --bs-link-hover-color: rgb(45 212 191 / 100%);
    --bs-link-hover-color-rgb: 45, 212, 191;
    --bs-border-color: rgb(65025 65025 65025 / 10%);
    --bs-border-color-rgb: 65025, 65025, 65025;
    --bs-body-line-height: 1.7em;
    --bs-headings-font-weight: 700;
    --bs-link-decoration: none;
    --syntax-highlight-theme: "xcode-dark";
}