/* 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(39 64 59 / 100%);
    --bs-primary-rgb: 39, 64, 59;
    --bs-primary-text-emphasis: rgb(15 25 23 / 100%);
    --bs-primary-bg-subtle: rgb(211 216 215 / 100%);
    --bs-primary-border-subtle: rgb(125 140 137 / 100%);
    --bs-secondary: rgb(87 123 116 / 100%);
    --bs-secondary-rgb: 87, 123, 116;
    --bs-secondary-text-emphasis: rgb(34 49 46 / 100%);
    --bs-secondary-bg-subtle: rgb(221 228 227 / 100%);
    --bs-secondary-border-subtle: rgb(154 175 171 / 100%);
    --bs-success: rgb(47 110 97 / 100%);
    --bs-success-rgb: 47, 110, 97;
    --bs-success-text-emphasis: rgb(18 44 38 / 100%);
    --bs-success-bg-subtle: rgb(213 226 223 / 100%);
    --bs-success-border-subtle: rgb(130 168 160 / 100%);
    --bs-info: rgb(43 111 117 / 100%);
    --bs-info-rgb: 43, 111, 117;
    --bs-info-text-emphasis: rgb(17 44 46 / 100%);
    --bs-info-bg-subtle: rgb(212 226 227 / 100%);
    --bs-info-border-subtle: rgb(127 168 172 / 100%);
    --bs-warning: rgb(140 90 0 / 100%);
    --bs-warning-rgb: 140, 90, 0;
    --bs-warning-text-emphasis: rgb(56 36 0 / 100%);
    --bs-warning-bg-subtle: rgb(232 222 204 / 100%);
    --bs-warning-border-subtle: rgb(186 156 102 / 100%);
    --bs-danger: rgb(178 58 43 / 100%);
    --bs-danger-rgb: 178, 58, 43;
    --bs-danger-text-emphasis: rgb(71 23 17 / 100%);
    --bs-danger-bg-subtle: rgb(239 215 212 / 100%);
    --bs-danger-border-subtle: rgb(208 136 127 / 100%);
    --bs-light: rgb(255 252 237 / 100%);
    --bs-light-rgb: 255, 252, 237;
    --bs-light-text-emphasis: rgb(50 50 47 / 100%);
    --bs-light-bg-subtle: rgb(255 254 251 / 100%);
    --bs-light-border-subtle: rgb(204 201 189 / 100%);
    --bs-dark: rgb(10 20 18 / 100%);
    --bs-dark-rgb: 10, 20, 18;
    --bs-dark-text-emphasis: rgb(4 8 7 / 100%);
    --bs-dark-bg-subtle: rgb(206 208 207 / 100%);
    --bs-dark-border-subtle: rgb(108 114 112 / 100%);
    --bs-body-color: rgb(34 54 51 / 100%);
    --bs-body-color-rgb: 34, 54, 51;
    --bs-body-bg: rgb(255 252 237 / 100%);
    --bs-body-bg-rgb: 255, 252, 237;
    --bs-emphasis-color: rgb(10 20 18 / 100%);
    --bs-emphasis-color-rgb: 10, 20, 18;
    --bs-secondary-color: rgb(79 117 109 / 100%);
    --bs-secondary-color-rgb: 79, 117, 109;
    --bs-tertiary-color: rgb(81 118 111 / 100%);
    --bs-tertiary-color-rgb: 81, 118, 111;
    --bs-secondary-bg: rgb(255 255 255 / 100%);
    --bs-secondary-bg-rgb: 255, 255, 255;
    --bs-tertiary-bg: rgb(243 246 246 / 100%);
    --bs-tertiary-bg-rgb: 243, 246, 246;
    --bs-link-color: rgb(43 111 117 / 100%);
    --bs-link-color-rgb: 43, 111, 117;
    --bs-link-hover-color: rgb(58 126 132 / 100%);
    --bs-link-hover-color-rgb: 58, 126, 132;
    --bs-border-color: rgb(217 230 223 / 100%);
    --bs-border-color-rgb: 217, 230, 223;
    --bs-body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
    --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="light"] {
    --bs-primary: rgb(39 64 59 / 100%);
    --bs-primary-rgb: 39, 64, 59;
    --bs-primary-text-emphasis: rgb(15 25 23 / 100%);
    --bs-primary-bg-subtle: rgb(211 216 215 / 100%);
    --bs-primary-border-subtle: rgb(125 140 137 / 100%);
    --bs-secondary: rgb(87 123 116 / 100%);
    --bs-secondary-rgb: 87, 123, 116;
    --bs-secondary-text-emphasis: rgb(34 49 46 / 100%);
    --bs-secondary-bg-subtle: rgb(221 228 227 / 100%);
    --bs-secondary-border-subtle: rgb(154 175 171 / 100%);
    --bs-success: rgb(47 110 97 / 100%);
    --bs-success-rgb: 47, 110, 97;
    --bs-success-text-emphasis: rgb(18 44 38 / 100%);
    --bs-success-bg-subtle: rgb(213 226 223 / 100%);
    --bs-success-border-subtle: rgb(130 168 160 / 100%);
    --bs-info: rgb(43 111 117 / 100%);
    --bs-info-rgb: 43, 111, 117;
    --bs-info-text-emphasis: rgb(17 44 46 / 100%);
    --bs-info-bg-subtle: rgb(212 226 227 / 100%);
    --bs-info-border-subtle: rgb(127 168 172 / 100%);
    --bs-warning: rgb(140 90 0 / 100%);
    --bs-warning-rgb: 140, 90, 0;
    --bs-warning-text-emphasis: rgb(56 36 0 / 100%);
    --bs-warning-bg-subtle: rgb(232 222 204 / 100%);
    --bs-warning-border-subtle: rgb(186 156 102 / 100%);
    --bs-danger: rgb(178 58 43 / 100%);
    --bs-danger-rgb: 178, 58, 43;
    --bs-danger-text-emphasis: rgb(71 23 17 / 100%);
    --bs-danger-bg-subtle: rgb(239 215 212 / 100%);
    --bs-danger-border-subtle: rgb(208 136 127 / 100%);
    --bs-light: rgb(255 252 237 / 100%);
    --bs-light-rgb: 255, 252, 237;
    --bs-light-text-emphasis: rgb(50 50 47 / 100%);
    --bs-light-bg-subtle: rgb(255 254 251 / 100%);
    --bs-light-border-subtle: rgb(204 201 189 / 100%);
    --bs-dark: rgb(10 20 18 / 100%);
    --bs-dark-rgb: 10, 20, 18;
    --bs-dark-text-emphasis: rgb(4 8 7 / 100%);
    --bs-dark-bg-subtle: rgb(206 208 207 / 100%);
    --bs-dark-border-subtle: rgb(108 114 112 / 100%);
    --bs-body-color: rgb(34 54 51 / 100%);
    --bs-body-color-rgb: 34, 54, 51;
    --bs-body-bg: rgb(255 252 237 / 100%);
    --bs-body-bg-rgb: 255, 252, 237;
    --bs-emphasis-color: rgb(10 20 18 / 100%);
    --bs-emphasis-color-rgb: 10, 20, 18;
    --bs-secondary-color: rgb(79 117 109 / 100%);
    --bs-secondary-color-rgb: 79, 117, 109;
    --bs-tertiary-color: rgb(81 118 111 / 100%);
    --bs-tertiary-color-rgb: 81, 118, 111;
    --bs-secondary-bg: rgb(255 255 255 / 100%);
    --bs-secondary-bg-rgb: 255, 255, 255;
    --bs-tertiary-bg: rgb(243 246 246 / 100%);
    --bs-tertiary-bg-rgb: 243, 246, 246;
    --bs-link-color: rgb(43 111 117 / 100%);
    --bs-link-color-rgb: 43, 111, 117;
    --bs-link-hover-color: rgb(58 126 132 / 100%);
    --bs-link-hover-color-rgb: 58, 126, 132;
    --bs-border-color: rgb(217 230 223 / 100%);
    --bs-border-color-rgb: 217, 230, 223;
    --bs-body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
    --syntax-highlight-theme: "xcode-light";
}

[data-bs-theme="dark"] {
    --bs-primary: rgb(246 175 65 / 100%);
    --bs-primary-rgb: 246, 175, 65;
    --bs-primary-text-emphasis: rgb(249 207 141 / 100%);
    --bs-primary-bg-subtle: rgb(49 34 12 / 100%);
    --bs-primary-border-subtle: rgb(147 105 39 / 100%);
    --bs-secondary: rgb(117 153 146 / 100%);
    --bs-secondary-rgb: 117, 153, 146;
    --bs-secondary-text-emphasis: rgb(172 193 189 / 100%);
    --bs-secondary-bg-subtle: rgb(23 30 29 / 100%);
    --bs-secondary-border-subtle: rgb(70 91 87 / 100%);
    --bs-success: rgb(120 201 179 / 100%);
    --bs-success-rgb: 120, 201, 179;
    --bs-success-text-emphasis: rgb(174 222 209 / 100%);
    --bs-success-bg-subtle: rgb(23 40 35 / 100%);
    --bs-success-border-subtle: rgb(72 120 107 / 100%);
    --bs-info: rgb(147 215 224 / 100%);
    --bs-info-rgb: 147, 215, 224;
    --bs-info-text-emphasis: rgb(190 231 236 / 100%);
    --bs-info-bg-subtle: rgb(29 42 44 / 100%);
    --bs-info-border-subtle: rgb(88 129 134 / 100%);
    --bs-warning: rgb(246 175 65 / 100%);
    --bs-warning-rgb: 246, 175, 65;
    --bs-warning-text-emphasis: rgb(249 207 141 / 100%);
    --bs-warning-bg-subtle: rgb(49 34 12 / 100%);
    --bs-warning-border-subtle: rgb(147 105 39 / 100%);
    --bs-danger: rgb(255 123 110 / 100%);
    --bs-danger-rgb: 255, 123, 110;
    --bs-danger-text-emphasis: rgb(255 175 168 / 100%);
    --bs-danger-bg-subtle: rgb(50 24 21 / 100%);
    --bs-danger-border-subtle: rgb(153 73 66 / 100%);
    --bs-light: rgb(255 252 237 / 100%);
    --bs-light-rgb: 255, 252, 237;
    --bs-light-text-emphasis: rgb(255 253 244 / 100%);
    --bs-light-bg-subtle: rgb(50 50 47 / 100%);
    --bs-light-border-subtle: rgb(102 100 94 / 100%);
    --bs-dark: rgb(10 20 18 / 100%);
    --bs-dark-rgb: 10, 20, 18;
    --bs-dark-text-emphasis: rgb(206 208 207 / 100%);
    --bs-dark-bg-subtle: rgb(1 3 3 / 100%);
    --bs-dark-border-subtle: rgb(59 67 65 / 100%);
    --bs-body-color: rgb(255 252 237 / 100%);
    --bs-body-color-rgb: 255, 252, 237;
    --bs-body-bg: rgb(10 20 18 / 100%);
    --bs-body-bg-rgb: 10, 20, 18;
    --bs-emphasis-color: rgb(255 255 255 / 100%);
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgb(187 211 205 / 100%);
    --bs-secondary-color-rgb: 187, 211, 205;
    --bs-tertiary-color: rgb(110 143 137 / 100%);
    --bs-tertiary-color-rgb: 110, 143, 137;
    --bs-secondary-bg: rgb(17 36 33 / 100%);
    --bs-secondary-bg-rgb: 17, 36, 33;
    --bs-tertiary-bg: rgb(12 24 22 / 100%);
    --bs-tertiary-bg-rgb: 12, 24, 22;
    --bs-link-color: rgb(246 175 65 / 100%);
    --bs-link-color-rgb: 246, 175, 65;
    --bs-link-hover-color: rgb(255 202 115 / 100%);
    --bs-link-hover-color-rgb: 255, 202, 115;
    --bs-border-color: rgb(31 43 40 / 100%);
    --bs-border-color-rgb: 31, 43, 40;
    --bs-body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
    --syntax-highlight-theme: "xcode-dark";
}