:root,[data-bs-theme=light] {
    --bb-black: #000;
    --bb-white: #fff;
    --bb-gray: #4b5563;
    --bb-gray-dark: #1f2937;
    --bb-gray-100: #f3f4f6;
    --bb-gray-200: #e5e7eb;
    --bb-gray-300: #d1d5db;
    --bb-gray-400: #9ca3af;
    --bb-gray-500: #6b7280;
    --bb-gray-600: #4b5563;
    --bb-gray-700: #374151;
    --bb-gray-800: #1f2937;
    --bb-gray-900: #111827;
    --bb-primary: #066fd1;
    --bb-secondary: #6b7280;
    --bb-success: #2fb344;
    --bb-info: #4299e1;
    --bb-warning: #f59f00;
    --bb-danger: #d63939;
    --bb-light: #f9fafb;
    --bb-dark: #1f2937;
    --bb-muted: #6b7280;
    --bb-blue: #066fd1;
    --bb-azure: #4299e1;
    --bb-indigo: #4263eb;
    --bb-purple: #ae3ec9;
    --bb-pink: #d6336c;
    --bb-red: #d63939;
    --bb-orange: #f76707;
    --bb-yellow: #f59f00;
    --bb-lime: #74b816;
    --bb-green: #2fb344;
    --bb-teal: #0ca678;
    --bb-cyan: #17a2b8;
    --bb-primary-rgb: 6,111,209;
    --bb-secondary-rgb: 107,114,128;
    --bb-success-rgb: 47,179,68;
    --bb-info-rgb: 66,153,225;
    --bb-warning-rgb: 245,159,0;
    --bb-danger-rgb: 214,57,57;
    --bb-light-rgb: 249,250,251;
    --bb-dark-rgb: 31,41,55;
    --bb-muted-rgb: 107,114,128;
    --bb-blue-rgb: 6,111,209;
    --bb-azure-rgb: 66,153,225;
    --bb-indigo-rgb: 66,99,235;
    --bb-purple-rgb: 174,62,201;
    --bb-pink-rgb: 214,51,108;
    --bb-red-rgb: 214,57,57;
    --bb-orange-rgb: 247,103,7;
    --bb-yellow-rgb: 245,159,0;
    --bb-lime-rgb: 116,184,22;
    --bb-green-rgb: 47,179,68;
    --bb-teal-rgb: 12,166,120;
    --bb-cyan-rgb: 23,162,184;
    --bb-primary-text-emphasis: #022c54;
    --bb-secondary-text-emphasis: #2b2e33;
    --bb-success-text-emphasis: #13481b;
    --bb-info-text-emphasis: #1a3d5a;
    --bb-warning-text-emphasis: #624000;
    --bb-danger-text-emphasis: #561717;
    --bb-light-text-emphasis: #374151;
    --bb-dark-text-emphasis: #374151;
    --bb-primary-bg-subtle: #cde2f6;
    --bb-secondary-bg-subtle: #e1e3e6;
    --bb-success-bg-subtle: #d5f0da;
    --bb-info-bg-subtle: #d9ebf9;
    --bb-warning-bg-subtle: #fdeccc;
    --bb-danger-bg-subtle: #f7d7d7;
    --bb-light-bg-subtle: #f9fafb;
    --bb-dark-bg-subtle: #9ca3af;
    --bb-primary-border-subtle: #9bc5ed;
    --bb-secondary-border-subtle: #c4c7cc;
    --bb-success-border-subtle: #ace1b4;
    --bb-info-border-subtle: #b3d6f3;
    --bb-warning-border-subtle: #fbd999;
    --bb-danger-border-subtle: #efb0b0;
    --bb-light-border-subtle: #e5e7eb;
    --bb-dark-border-subtle: #6b7280;
    --bb-white-rgb: 255,255,255;
    --bb-black-rgb: 0,0,0;
    --bb-font-sans-serif: "Inter Var",Inter,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;
    --bb-font-monospace: Monaco,Consolas,Liberation Mono,Courier New,monospace;
    --bb-gradient: linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));
    --bb-body-font-family: var(--bb-font-sans-serif);
    --bb-body-font-size: 0.875rem;
    --bb-body-font-weight: 400;
    --bb-body-line-height: 1.4285714286;
    --bb-body-color: #1f2937;
    --bb-body-color-rgb: 31,41,55;
    --bb-body-bg: #f9fafb;
    --bb-body-bg-rgb: 249,250,251;
    --bb-emphasis-color: #374151;
    --bb-emphasis-color-rgb: 55,65,81;
    --bb-secondary-color: rgba(31,41,55,.75);
    --bb-secondary-color-rgb: 31,41,55;
    --bb-secondary-bg: #e5e7eb;
    --bb-secondary-bg-rgb: 229,231,235;
    --bb-tertiary-color: rgba(31,41,55,.5);
    --bb-tertiary-color-rgb: 31,41,55;
    --bb-tertiary-bg: #f3f4f6;
    --bb-tertiary-bg-rgb: 243,244,246;
    --bb-heading-color: inherit;
    --bb-link-color: #066fd1;
    --bb-link-color-rgb: 6,111,209;
    --bb-link-decoration: none;
    --bb-link-hover-color: #0559a7;
    --bb-link-hover-color-rgb: 5,89,167;
    --bb-link-hover-decoration: underline;
    --bb-code-color: light-dark(var(--bb-gray-600),var(--bb-gray-400));
    --bb-highlight-color: #1f2937;
    --bb-highlight-bg: #fdeccc;
    --bb-border-width: 1px;
    --bb-border-style: solid;
    --bb-border-color: #e5e7eb;
    --bb-border-color-translucent: rgba(4,32,69,.1);
    --bb-border-radius: 6px;
    --bb-border-radius-sm: 4px;
    --bb-border-radius-lg: 8px;
    --bb-border-radius-xl: 1rem;
    --bb-border-radius-xxl: 2rem;
    --bb-border-radius-2xl: var(--bb-border-radius-xxl);
    --bb-border-radius-pill: 100rem;
    --bb-box-shadow: rgba(var(--bb-body-color-rgb),0.04) 0 2px 4px 0;
    --bb-box-shadow-sm: 0 0.125rem 0.25rem rgba(0,0,0,.075);
    --bb-box-shadow-lg: 0 1rem 3rem rgba(0,0,0,.175);
    --bb-box-shadow-inset: 0 0 transparent;
    --bb-focus-ring-width: 0.25rem;
    --bb-focus-ring-opacity: 0.25;
    --bb-focus-ring-color: rgba(var(--bb-primary-rgb),0.25);
    --bb-form-valid-color: #2fb344;
    --bb-form-valid-border-color: #2fb344;
    --bb-form-invalid-color: #d63939;
    --bb-form-invalid-border-color: #d63939
}

[data-bs-theme=dark],body[data-bs-theme=dark] [data-bs-theme=light] {
    --bb-body-color: #e5e7eb;
    --bb-body-color-rgb: 229,231,235;
    --bb-body-bg: #111827;
    --bb-body-bg-rgb: 17,24,39;
    --bb-secondary-color: rgba(229,231,235,.75);
    --bb-secondary-color-rgb: 229,231,235;
    --bb-secondary-bg: #1f2937;
    --bb-secondary-bg-rgb: 31,41,55;
    --bb-tertiary-color: rgba(229,231,235,.5);
    --bb-tertiary-color-rgb: 229,231,235;
    --bb-tertiary-bg: #18212f;
    --bb-tertiary-bg-rgb: 24,33,47;
    --bb-primary-text-emphasis: #6aa9e3;
    --bb-secondary-text-emphasis: #a6aab3;
    --bb-success-text-emphasis: #82d18f;
    --bb-info-text-emphasis: #8ec2ed;
    --bb-warning-text-emphasis: #f9c566;
    --bb-danger-text-emphasis: #e68888;
    --bb-light-text-emphasis: #f3f4f6;
    --bb-dark-text-emphasis: #d1d5db;
    --bb-primary-bg-subtle: #01162a;
    --bb-secondary-bg-subtle: #15171a;
    --bb-success-bg-subtle: #09240e;
    --bb-info-bg-subtle: #0d1f2d;
    --bb-warning-bg-subtle: #312000;
    --bb-danger-bg-subtle: #2b0b0b;
    --bb-light-bg-subtle: #1f2937;
    --bb-dark-bg-subtle: #10151c;
    --bb-primary-border-subtle: #04437d;
    --bb-secondary-border-subtle: #40444d;
    --bb-success-border-subtle: #1c6b29;
    --bb-info-border-subtle: #285c87;
    --bb-warning-border-subtle: #935f00;
    --bb-danger-border-subtle: #802222;
    --bb-light-border-subtle: #374151;
    --bb-dark-border-subtle: #1f2937;
    --bb-heading-color: inherit;
    --bb-link-color: #6aa9e3;
    --bb-link-hover-color: #87bae9;
    --bb-link-color-rgb: 106,169,227;
    --bb-link-hover-color-rgb: 135,186,233;
    --bb-code-color: var(--bb-gray-300);
    --bb-highlight-color: #e5e7eb;
    --bb-highlight-bg: #624000;
    --bb-border-color: #2e3c51;
    --bb-border-color-translucent: rgba(72,110,149,.14);
    --bb-form-valid-color: #82d18f;
    --bb-form-valid-border-color: #82d18f;
    --bb-form-invalid-color: #e68888;
    --bb-form-invalid-border-color: #e68888
}

.ribbon {
    --bb-ribbon-margin: 0.25rem;
    --bb-ribbon-border-radius: var(--bb-border-radius);
    align-items: center;
    background: var(--bb-success);
    border-color: var(--bb-success);
    border-radius: var(--bb-ribbon-border-radius) 0 var(--bb-ribbon-border-radius) var(--bb-ribbon-border-radius);
    color: #fff;
    display: inline-flex;
    font-size: .625rem;
    font-weight: var(--bb-font-weight-bold);
    justify-content: center;
    line-height: 1;
    min-height: 2rem;
    min-width: 2rem;
    padding: .25rem .75rem;
    position: absolute;
    right: calc(var(--bb-ribbon-margin)*-1);
    text-align: center;
    text-transform: uppercase;
    top: .75rem;
    z-index: 1
}

.ribbon:before {
    border: calc(var(--bb-ribbon-margin)*.5) var(--bb-border-style);
    border-color: inherit;
    border-right-color: transparent;
    border-top-color: transparent;
    bottom: 100%;
    content: "";
    filter: brightness(70%);
    height: 0;
    position: absolute;
    right: 0;
    width: 0
}

.ribbon.bg-blue {
    border-color: var(--bb-blue)
}

.ribbon.bg-blue-lt {
    border-color: rgba(var(--bb-blue-rgb),.1)!important
}

.ribbon.bg-azure {
    border-color: var(--bb-azure)
}

.ribbon.bg-azure-lt {
    border-color: rgba(var(--bb-azure-rgb),.1)!important
}

.ribbon.bg-indigo {
    border-color: var(--bb-indigo)
}

.ribbon.bg-indigo-lt {
    border-color: rgba(var(--bb-indigo-rgb),.1)!important
}

.ribbon.bg-purple {
    border-color: var(--bb-purple)
}

.ribbon.bg-purple-lt {
    border-color: rgba(var(--bb-purple-rgb),.1)!important
}

.ribbon.bg-pink {
    border-color: var(--bb-pink)
}

.ribbon.bg-pink-lt {
    border-color: rgba(var(--bb-pink-rgb),.1)!important
}

.ribbon.bg-red {
    border-color: var(--bb-red);
    background: var(--bb-red);
}

.ribbon.bg-red-lt {
    border-color: rgba(var(--bb-red-rgb),.1)!important
}

.ribbon.bg-orange {
    border-color: var(--bb-orange)
}

.ribbon.bg-orange-lt {
    border-color: rgba(var(--bb-orange-rgb),.1)!important
}

.ribbon.bg-yellow {
    border-color: var(--bb-yellow)
}

.ribbon.bg-yellow-lt {
    border-color: rgba(var(--bb-yellow-rgb),.1)!important
}

.ribbon.bg-lime {
    border-color: var(--bb-lime)
}

.ribbon.bg-lime-lt {
    border-color: rgba(var(--bb-lime-rgb),.1)!important
}

.ribbon.bg-green {
    border-color: var(--bb-green)
}

.ribbon.bg-green-lt {
    border-color: rgba(var(--bb-green-rgb),.1)!important
}

.ribbon.bg-teal {
    border-color: var(--bb-teal)
}

.ribbon.bg-teal-lt {
    border-color: rgba(var(--bb-teal-rgb),.1)!important
}

.ribbon.bg-cyan {
    border-color: var(--bb-cyan)
}

.ribbon.bg-cyan-lt {
    border-color: rgba(var(--bb-cyan-rgb),.1)!important
}

.ribbon .icon {
    font-size: 1.25rem;
    height: 1.25rem;
    width: 1.25rem
}

.ribbon-top {
    border-radius: 0 var(--bb-ribbon-border-radius) var(--bb-ribbon-border-radius) var(--bb-ribbon-border-radius);
    padding: .5rem 0;
    right: .75rem;
    top: calc(var(--bb-ribbon-margin)*-1);
    width: 2rem
}

.ribbon-top:before {
    border-color: inherit;
    border-left-color: transparent;
    border-top-color: transparent;
    bottom: auto;
    right: 100%;
    top: 0
}

.ribbon-top.ribbon-start {
    left: .75rem;
    right: auto
}

.ribbon-top.ribbon-start:before {
    left: auto;
    right: 100%;
    top: 0
}

.ribbon-start {
    border-radius: 0 var(--bb-ribbon-border-radius) var(--bb-ribbon-border-radius) var(--bb-ribbon-border-radius);
    left: calc(var(--bb-ribbon-margin)*-1);
    right: auto
}

.ribbon-start:before {
    border-color: inherit;
    border-left-color: transparent;
    border-top-color: transparent;
    bottom: 100%;
    left: 0;
    top: auto
}

.ribbon-bottom {
    bottom: .75rem;
    top: auto
}

.ribbon-bookmark {
    border-radius: 0 0 var(--bb-ribbon-border-radius) 0;
    padding-left: .25rem
}

.ribbon-bookmark:after {
    border: 1rem var(--bb-border-style);
    border-color: inherit;
    border-left-color: transparent;
    border-left-width: .5rem;
    border-right-width: 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 100%;
    top: 0;
    width: 0
}

.ribbon-bookmark.ribbon-left {
    padding-right: .5rem
}

.ribbon-bookmark.ribbon-left:after {
    border-left-width: 0;
    border-right-color: transparent;
    border-right-width: .5rem;
    left: 100%;
    right: auto
}

.ribbon-bookmark.ribbon-top {
    border-radius: 0 var(--bb-ribbon-border-radius) 0 0;
    padding-bottom: .25rem;
    padding-left: 0;
    padding-right: 0
}

.ribbon-bookmark.ribbon-top:after {
    border-color: inherit;
    border-bottom-color: transparent;
    border-width: 0 1rem .5rem;
    left: 0;
    right: 0;
    top: 100%
}