:host,:root {
    --bb-font-monospace: Monaco,Consolas,Liberation Mono,Courier New,monospace;
    --bb-font-sans-serif: Inter Var,Inter,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;
    --bb-font-serif: Georgia,Times New Roman,times,serif;
    --bb-font-comic: Comic Sans MS,Comic Sans,Chalkboard SE,Comic Neue,sans-serif,cursive;
    --bb-gray-50: #f9fafb;
    --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-gray-950: #030712;
    --bb-white: #fff;
    --bb-black: #000;
    --bb-brand: #066fd1;
    --bb-primary: #066fd1;
    --bb-primary-rgb: 6,111,209;
    --bb-primary-fg: var(--bb-light);
    --bb-primary-darken: #0564bc;
    --bb-primary-darken: color-mix(in oklab,var(--bb-primary),transparent 20%);
    --bb-primary-lt: #e6f1fa;
    --bb-primary-lt: color-mix(in oklab,var(--bb-primary) 10%,transparent);
    --bb-primary-200: color-mix(in oklab,var(--bb-primary) 20%,transparent);
    --bb-primary-lt-rgb: 230,241,250;
    --bb-secondary: #6b7280;
    --bb-secondary-rgb: 107,114,128;
    --bb-secondary-fg: var(--bb-light);
    --bb-secondary-darken: #606773;
    --bb-secondary-darken: color-mix(in oklab,var(--bb-secondary),transparent 20%);
    --bb-secondary-lt: #f0f1f2;
    --bb-secondary-lt: color-mix(in oklab,var(--bb-secondary) 10%,transparent);
    --bb-secondary-200: color-mix(in oklab,var(--bb-secondary) 20%,transparent);
    --bb-secondary-lt-rgb: 240,241,242;
    --bb-success: #2fb344;
    --bb-success-rgb: 47,179,68;
    --bb-success-fg: var(--bb-light);
    --bb-success-darken: #2aa13d;
    --bb-success-darken: color-mix(in oklab,var(--bb-success),transparent 20%);
    --bb-success-lt: #eaf7ec;
    --bb-success-lt: color-mix(in oklab,var(--bb-success) 10%,transparent);
    --bb-success-200: color-mix(in oklab,var(--bb-success) 20%,transparent);
    --bb-success-lt-rgb: 234,247,236;
    --bb-info: #4299e1;
    --bb-info-rgb: 66,153,225;
    --bb-info-fg: var(--bb-light);
    --bb-info-darken: #3b8acb;
    --bb-info-darken: color-mix(in oklab,var(--bb-info),transparent 20%);
    --bb-info-lt: #ecf5fc;
    --bb-info-lt: color-mix(in oklab,var(--bb-info) 10%,transparent);
    --bb-info-200: color-mix(in oklab,var(--bb-info) 20%,transparent);
    --bb-info-lt-rgb: 236,245,252;
    --bb-warning: #f59f00;
    --bb-warning-rgb: 245,159,0;
    --bb-warning-fg: var(--bb-light);
    --bb-warning-darken: #dd8f00;
    --bb-warning-darken: color-mix(in oklab,var(--bb-warning),transparent 20%);
    --bb-warning-lt: #fef5e6;
    --bb-warning-lt: color-mix(in oklab,var(--bb-warning) 10%,transparent);
    --bb-warning-200: color-mix(in oklab,var(--bb-warning) 20%,transparent);
    --bb-warning-lt-rgb: 254,245,230;
    --bb-danger: #d63939;
    --bb-danger-rgb: 214,57,57;
    --bb-danger-fg: var(--bb-light);
    --bb-danger-darken: #c13333;
    --bb-danger-darken: color-mix(in oklab,var(--bb-danger),transparent 20%);
    --bb-danger-lt: #fbebeb;
    --bb-danger-lt: color-mix(in oklab,var(--bb-danger) 10%,transparent);
    --bb-danger-200: color-mix(in oklab,var(--bb-danger) 20%,transparent);
    --bb-danger-lt-rgb: 251,235,235;
    --bb-light: #f9fafb;
    --bb-light-rgb: 249,250,251;
    --bb-light-fg: var(--bb-dark);
    --bb-light-darken: #e0e1e2;
    --bb-light-darken: color-mix(in oklab,var(--bb-light),transparent 20%);
    --bb-light-lt: #feffff;
    --bb-light-lt: color-mix(in oklab,var(--bb-light) 10%,transparent);
    --bb-light-200: color-mix(in oklab,var(--bb-light) 20%,transparent);
    --bb-light-lt-rgb: 254,255,255;
    --bb-dark: #1f2937;
    --bb-dark-rgb: 31,41,55;
    --bb-dark-fg: var(--bb-light);
    --bb-dark-darken: #1c2532;
    --bb-dark-darken: color-mix(in oklab,var(--bb-dark),transparent 20%);
    --bb-dark-lt: #e9eaeb;
    --bb-dark-lt: color-mix(in oklab,var(--bb-dark) 10%,transparent);
    --bb-dark-200: color-mix(in oklab,var(--bb-dark) 20%,transparent);
    --bb-dark-lt-rgb: 233,234,235;
    --bb-muted: #6b7280;
    --bb-muted-rgb: 107,114,128;
    --bb-muted-fg: var(--bb-light);
    --bb-muted-darken: #606773;
    --bb-muted-darken: color-mix(in oklab,var(--bb-muted),transparent 20%);
    --bb-muted-lt: #f0f1f2;
    --bb-muted-lt: color-mix(in oklab,var(--bb-muted) 10%,transparent);
    --bb-muted-200: color-mix(in oklab,var(--bb-muted) 20%,transparent);
    --bb-muted-lt-rgb: 240,241,242;
    --bb-blue: #066fd1;
    --bb-blue-rgb: 6,111,209;
    --bb-blue-fg: var(--bb-light);
    --bb-blue-darken: #0564bc;
    --bb-blue-darken: color-mix(in oklab,var(--bb-blue),transparent 20%);
    --bb-blue-lt: #e6f1fa;
    --bb-blue-lt: color-mix(in oklab,var(--bb-blue) 10%,transparent);
    --bb-blue-200: color-mix(in oklab,var(--bb-blue) 20%,transparent);
    --bb-blue-lt-rgb: 230,241,250;
    --bb-azure: #4299e1;
    --bb-azure-rgb: 66,153,225;
    --bb-azure-fg: var(--bb-light);
    --bb-azure-darken: #3b8acb;
    --bb-azure-darken: color-mix(in oklab,var(--bb-azure),transparent 20%);
    --bb-azure-lt: #ecf5fc;
    --bb-azure-lt: color-mix(in oklab,var(--bb-azure) 10%,transparent);
    --bb-azure-200: color-mix(in oklab,var(--bb-azure) 20%,transparent);
    --bb-azure-lt-rgb: 236,245,252;
    --bb-indigo: #4263eb;
    --bb-indigo-rgb: 66,99,235;
    --bb-indigo-fg: var(--bb-light);
    --bb-indigo-darken: #3b59d4;
    --bb-indigo-darken: color-mix(in oklab,var(--bb-indigo),transparent 20%);
    --bb-indigo-lt: #eceffd;
    --bb-indigo-lt: color-mix(in oklab,var(--bb-indigo) 10%,transparent);
    --bb-indigo-200: color-mix(in oklab,var(--bb-indigo) 20%,transparent);
    --bb-indigo-lt-rgb: 236,239,253;
    --bb-purple: #ae3ec9;
    --bb-purple-rgb: 174,62,201;
    --bb-purple-fg: var(--bb-light);
    --bb-purple-darken: #9d38b5;
    --bb-purple-darken: color-mix(in oklab,var(--bb-purple),transparent 20%);
    --bb-purple-lt: #f7ecfa;
    --bb-purple-lt: color-mix(in oklab,var(--bb-purple) 10%,transparent);
    --bb-purple-200: color-mix(in oklab,var(--bb-purple) 20%,transparent);
    --bb-purple-lt-rgb: 247,236,250;
    --bb-pink: #d6336c;
    --bb-pink-rgb: 214,51,108;
    --bb-pink-fg: var(--bb-light);
    --bb-pink-darken: #c12e61;
    --bb-pink-darken: color-mix(in oklab,var(--bb-pink),transparent 20%);
    --bb-pink-lt: #fbebf0;
    --bb-pink-lt: color-mix(in oklab,var(--bb-pink) 10%,transparent);
    --bb-pink-200: color-mix(in oklab,var(--bb-pink) 20%,transparent);
    --bb-pink-lt-rgb: 251,235,240;
    --bb-red: #d63939;
    --bb-red-rgb: 214,57,57;
    --bb-red-fg: var(--bb-light);
    --bb-red-darken: #c13333;
    --bb-red-darken: color-mix(in oklab,var(--bb-red),transparent 20%);
    --bb-red-lt: #fbebeb;
    --bb-red-lt: color-mix(in oklab,var(--bb-red) 10%,transparent);
    --bb-red-200: color-mix(in oklab,var(--bb-red) 20%,transparent);
    --bb-red-lt-rgb: 251,235,235;
    --bb-orange: #f76707;
    --bb-orange-rgb: 247,103,7;
    --bb-orange-fg: var(--bb-light);
    --bb-orange-darken: #de5d06;
    --bb-orange-darken: color-mix(in oklab,var(--bb-orange),transparent 20%);
    --bb-orange-lt: #fef0e6;
    --bb-orange-lt: color-mix(in oklab,var(--bb-orange) 10%,transparent);
    --bb-orange-200: color-mix(in oklab,var(--bb-orange) 20%,transparent);
    --bb-orange-lt-rgb: 254,240,230;
    --bb-yellow: #f59f00;
    --bb-yellow-rgb: 245,159,0;
    --bb-yellow-fg: var(--bb-light);
    --bb-yellow-darken: #dd8f00;
    --bb-yellow-darken: color-mix(in oklab,var(--bb-yellow),transparent 20%);
    --bb-yellow-lt: #fef5e6;
    --bb-yellow-lt: color-mix(in oklab,var(--bb-yellow) 10%,transparent);
    --bb-yellow-200: color-mix(in oklab,var(--bb-yellow) 20%,transparent);
    --bb-yellow-lt-rgb: 254,245,230;
    --bb-lime: #74b816;
    --bb-lime-rgb: 116,184,22;
    --bb-lime-fg: var(--bb-light);
    --bb-lime-darken: #68a614;
    --bb-lime-darken: color-mix(in oklab,var(--bb-lime),transparent 20%);
    --bb-lime-lt: #f1f8e8;
    --bb-lime-lt: color-mix(in oklab,var(--bb-lime) 10%,transparent);
    --bb-lime-200: color-mix(in oklab,var(--bb-lime) 20%,transparent);
    --bb-lime-lt-rgb: 241,248,232;
    --bb-green: #2fb344;
    --bb-green-rgb: 47,179,68;
    --bb-green-fg: var(--bb-light);
    --bb-green-darken: #2aa13d;
    --bb-green-darken: color-mix(in oklab,var(--bb-green),transparent 20%);
    --bb-green-lt: #eaf7ec;
    --bb-green-lt: color-mix(in oklab,var(--bb-green) 10%,transparent);
    --bb-green-200: color-mix(in oklab,var(--bb-green) 20%,transparent);
    --bb-green-lt-rgb: 234,247,236;
    --bb-teal: #0ca678;
    --bb-teal-rgb: 12,166,120;
    --bb-teal-fg: var(--bb-light);
    --bb-teal-darken: #0b956c;
    --bb-teal-darken: color-mix(in oklab,var(--bb-teal),transparent 20%);
    --bb-teal-lt: #e7f6f2;
    --bb-teal-lt: color-mix(in oklab,var(--bb-teal) 10%,transparent);
    --bb-teal-200: color-mix(in oklab,var(--bb-teal) 20%,transparent);
    --bb-teal-lt-rgb: 231,246,242;
    --bb-cyan: #17a2b8;
    --bb-cyan-rgb: 23,162,184;
    --bb-cyan-fg: var(--bb-light);
    --bb-cyan-darken: #1592a6;
    --bb-cyan-darken: color-mix(in oklab,var(--bb-cyan),transparent 20%);
    --bb-cyan-lt: #e8f6f8;
    --bb-cyan-lt: color-mix(in oklab,var(--bb-cyan) 10%,transparent);
    --bb-cyan-200: color-mix(in oklab,var(--bb-cyan) 20%,transparent);
    --bb-cyan-lt-rgb: 232,246,248;
    --bb-x: #000;
    --bb-x-rgb: 0,0,0;
    --bb-x-fg: var(--bb-light);
    --bb-x-darken: #000;
    --bb-x-darken: color-mix(in oklab,var(--bb-x),transparent 20%);
    --bb-x-lt: #e6e6e6;
    --bb-x-lt: color-mix(in oklab,var(--bb-x) 10%,transparent);
    --bb-x-200: color-mix(in oklab,var(--bb-x) 20%,transparent);
    --bb-x-lt-rgb: 230,230,230;
    --bb-facebook: #1877f2;
    --bb-facebook-rgb: 24,119,242;
    --bb-facebook-fg: var(--bb-light);
    --bb-facebook-darken: #166bda;
    --bb-facebook-darken: color-mix(in oklab,var(--bb-facebook),transparent 20%);
    --bb-facebook-lt: #e8f1fe;
    --bb-facebook-lt: color-mix(in oklab,var(--bb-facebook) 10%,transparent);
    --bb-facebook-200: color-mix(in oklab,var(--bb-facebook) 20%,transparent);
    --bb-facebook-lt-rgb: 232,241,254;
    --bb-twitter: #1da1f2;
    --bb-twitter-rgb: 29,161,242;
    --bb-twitter-fg: var(--bb-light);
    --bb-twitter-darken: #1a91da;
    --bb-twitter-darken: color-mix(in oklab,var(--bb-twitter),transparent 20%);
    --bb-twitter-lt: #e8f6fe;
    --bb-twitter-lt: color-mix(in oklab,var(--bb-twitter) 10%,transparent);
    --bb-twitter-200: color-mix(in oklab,var(--bb-twitter) 20%,transparent);
    --bb-twitter-lt-rgb: 232,246,254;
    --bb-linkedin: #0a66c2;
    --bb-linkedin-rgb: 10,102,194;
    --bb-linkedin-fg: var(--bb-light);
    --bb-linkedin-darken: #095caf;
    --bb-linkedin-darken: color-mix(in oklab,var(--bb-linkedin),transparent 20%);
    --bb-linkedin-lt: #e7f0f9;
    --bb-linkedin-lt: color-mix(in oklab,var(--bb-linkedin) 10%,transparent);
    --bb-linkedin-200: color-mix(in oklab,var(--bb-linkedin) 20%,transparent);
    --bb-linkedin-lt-rgb: 231,240,249;
    --bb-google: #dc4e41;
    --bb-google-rgb: 220,78,65;
    --bb-google-fg: var(--bb-light);
    --bb-google-darken: #c6463b;
    --bb-google-darken: color-mix(in oklab,var(--bb-google),transparent 20%);
    --bb-google-lt: #fcedec;
    --bb-google-lt: color-mix(in oklab,var(--bb-google) 10%,transparent);
    --bb-google-200: color-mix(in oklab,var(--bb-google) 20%,transparent);
    --bb-google-lt-rgb: 252,237,236;
    --bb-youtube: red;
    --bb-youtube-rgb: 255,0,0;
    --bb-youtube-fg: var(--bb-light);
    --bb-youtube-darken: #e60000;
    --bb-youtube-darken: color-mix(in oklab,var(--bb-youtube),transparent 20%);
    --bb-youtube-lt: #ffe6e6;
    --bb-youtube-lt: color-mix(in oklab,var(--bb-youtube) 10%,transparent);
    --bb-youtube-200: color-mix(in oklab,var(--bb-youtube) 20%,transparent);
    --bb-youtube-lt-rgb: 255,230,230;
    --bb-vimeo: #1ab7ea;
    --bb-vimeo-rgb: 26,183,234;
    --bb-vimeo-fg: var(--bb-light);
    --bb-vimeo-darken: #17a5d3;
    --bb-vimeo-darken: color-mix(in oklab,var(--bb-vimeo),transparent 20%);
    --bb-vimeo-lt: #e8f8fd;
    --bb-vimeo-lt: color-mix(in oklab,var(--bb-vimeo) 10%,transparent);
    --bb-vimeo-200: color-mix(in oklab,var(--bb-vimeo) 20%,transparent);
    --bb-vimeo-lt-rgb: 232,248,253;
    --bb-dribbble: #ea4c89;
    --bb-dribbble-rgb: 234,76,137;
    --bb-dribbble-fg: var(--bb-light);
    --bb-dribbble-darken: #d3447b;
    --bb-dribbble-darken: color-mix(in oklab,var(--bb-dribbble),transparent 20%);
    --bb-dribbble-lt: #fdedf3;
    --bb-dribbble-lt: color-mix(in oklab,var(--bb-dribbble) 10%,transparent);
    --bb-dribbble-200: color-mix(in oklab,var(--bb-dribbble) 20%,transparent);
    --bb-dribbble-lt-rgb: 253,237,243;
    --bb-github: #181717;
    --bb-github-rgb: 24,23,23;
    --bb-github-fg: var(--bb-light);
    --bb-github-darken: #161515;
    --bb-github-darken: color-mix(in oklab,var(--bb-github),transparent 20%);
    --bb-github-lt: #e8e8e8;
    --bb-github-lt: color-mix(in oklab,var(--bb-github) 10%,transparent);
    --bb-github-200: color-mix(in oklab,var(--bb-github) 20%,transparent);
    --bb-github-lt-rgb: 232,232,232;
    --bb-instagram: #e4405f;
    --bb-instagram-rgb: 228,64,95;
    --bb-instagram-fg: var(--bb-light);
    --bb-instagram-darken: #cd3a56;
    --bb-instagram-darken: color-mix(in oklab,var(--bb-instagram),transparent 20%);
    --bb-instagram-lt: #fcecef;
    --bb-instagram-lt: color-mix(in oklab,var(--bb-instagram) 10%,transparent);
    --bb-instagram-200: color-mix(in oklab,var(--bb-instagram) 20%,transparent);
    --bb-instagram-lt-rgb: 252,236,239;
    --bb-pinterest: #bd081c;
    --bb-pinterest-rgb: 189,8,28;
    --bb-pinterest-fg: var(--bb-light);
    --bb-pinterest-darken: #aa0719;
    --bb-pinterest-darken: color-mix(in oklab,var(--bb-pinterest),transparent 20%);
    --bb-pinterest-lt: #f8e6e8;
    --bb-pinterest-lt: color-mix(in oklab,var(--bb-pinterest) 10%,transparent);
    --bb-pinterest-200: color-mix(in oklab,var(--bb-pinterest) 20%,transparent);
    --bb-pinterest-lt-rgb: 248,230,232;
    --bb-vk: #6383a8;
    --bb-vk-rgb: 99,131,168;
    --bb-vk-fg: var(--bb-light);
    --bb-vk-darken: #597697;
    --bb-vk-darken: color-mix(in oklab,var(--bb-vk),transparent 20%);
    --bb-vk-lt: #eff3f6;
    --bb-vk-lt: color-mix(in oklab,var(--bb-vk) 10%,transparent);
    --bb-vk-200: color-mix(in oklab,var(--bb-vk) 20%,transparent);
    --bb-vk-lt-rgb: 239,243,246;
    --bb-rss: orange;
    --bb-rss-rgb: 255,165,0;
    --bb-rss-fg: var(--bb-light);
    --bb-rss-darken: #e69500;
    --bb-rss-darken: color-mix(in oklab,var(--bb-rss),transparent 20%);
    --bb-rss-lt: #fff6e6;
    --bb-rss-lt: color-mix(in oklab,var(--bb-rss) 10%,transparent);
    --bb-rss-200: color-mix(in oklab,var(--bb-rss) 20%,transparent);
    --bb-rss-lt-rgb: 255,246,230;
    --bb-flickr: #0063dc;
    --bb-flickr-rgb: 0,99,220;
    --bb-flickr-fg: var(--bb-light);
    --bb-flickr-darken: #0059c6;
    --bb-flickr-darken: color-mix(in oklab,var(--bb-flickr),transparent 20%);
    --bb-flickr-lt: #e6effc;
    --bb-flickr-lt: color-mix(in oklab,var(--bb-flickr) 10%,transparent);
    --bb-flickr-200: color-mix(in oklab,var(--bb-flickr) 20%,transparent);
    --bb-flickr-lt-rgb: 230,239,252;
    --bb-bitbucket: #0052cc;
    --bb-bitbucket-rgb: 0,82,204;
    --bb-bitbucket-fg: var(--bb-light);
    --bb-bitbucket-darken: #004ab8;
    --bb-bitbucket-darken: color-mix(in oklab,var(--bb-bitbucket),transparent 20%);
    --bb-bitbucket-lt: #e6eefa;
    --bb-bitbucket-lt: color-mix(in oklab,var(--bb-bitbucket) 10%,transparent);
    --bb-bitbucket-200: color-mix(in oklab,var(--bb-bitbucket) 20%,transparent);
    --bb-bitbucket-lt-rgb: 230,238,250;
    --bb-tabler: #066fd1;
    --bb-tabler-rgb: 6,111,209;
    --bb-tabler-fg: var(--bb-light);
    --bb-tabler-darken: #0564bc;
    --bb-tabler-darken: color-mix(in oklab,var(--bb-tabler),transparent 20%);
    --bb-tabler-lt: #e6f1fa;
    --bb-tabler-lt: color-mix(in oklab,var(--bb-tabler) 10%,transparent);
    --bb-tabler-200: color-mix(in oklab,var(--bb-tabler) 20%,transparent);
    --bb-tabler-lt-rgb: 230,241,250;
    --bb-gray-50-fg: var(--bb-body-color);
    --bb-gray-100-fg: var(--bb-body-color);
    --bb-gray-200-fg: var(--bb-body-color);
    --bb-gray-300-fg: var(--bb-body-color);
    --bb-gray-400-fg: var(--bb-white);
    --bb-gray-500-fg: var(--bb-white);
    --bb-gray-600-fg: var(--bb-white);
    --bb-gray-700-fg: var(--bb-white);
    --bb-gray-800-fg: var(--bb-white);
    --bb-gray-900-fg: var(--bb-white);
    --bb-gray-950-fg: var(--bb-white);
    --bb-spacer-0: 0;
    --bb-spacer-1: 0.25rem;
    --bb-spacer-2: 0.5rem;
    --bb-spacer-3: 1rem;
    --bb-spacer-4: 1.5rem;
    --bb-spacer-5: 2rem;
    --bb-spacer-6: 2.5rem;
    --bb-font-weight-light: 300;
    --bb-font-weight-normal: 400;
    --bb-font-weight-medium: 500;
    --bb-font-weight-bold: 600;
    --bb-font-weight-black: 700;
    --bb-font-weight-headings: var(--bb-font-weight-bold);
    --bb-font-size-h1: 1.5rem;
    --bb-font-size-h2: 1.25rem;
    --bb-font-size-h3: 1rem;
    --bb-font-size-h4: 0.875rem;
    --bb-font-size-h5: 0.75rem;
    --bb-font-size-h6: 0.625rem;
    --bb-line-height-h1: 2rem;
    --bb-line-height-h2: 1.75rem;
    --bb-line-height-h3: 1.5rem;
    --bb-line-height-h4: 1.25rem;
    --bb-line-height-h5: 1rem;
    --bb-line-height-h6: 1rem;
    --bb-shadow: rgba(var(--bb-body-color-rgb),0.04) 0 2px 4px 0;
    --bb-shadow-border: inset 0 0 0 1px var(--bb-border-color-translucent);
    --bb-shadow-transparent: 0 0 0 0 transparent;
    --bb-shadow-input: 0 1px 1px rgba(var(--bb-body-color-rgb),0.06);
    --bb-shadow-card: 0 0 4px rgba(var(--bb-body-color-rgb),0.04);
    --bb-shadow-card-hover: rgba(var(--bb-body-color-rgb),0.16) 0 2px 16px 0;
    --bb-shadow-dropdown: 0 16px 24px 2px rgba(0,0,0,.07),0 6px 30px 5px rgba(0,0,0,.06),0 8px 10px -5px rgba(0,0,0,.1);
    --bb-border-radius-scale: 1;
    --bb-border-radius-0: calc(var(--bb-border-radius-scale, 1)*0);
    --bb-border-radius-sm: calc(4px*var(--bb-border-radius-scale, 1));
    --bb-border-radius-md: calc(6px*var(--bb-border-radius-scale, 1));
    --bb-border-radius-lg: calc(8px*var(--bb-border-radius-scale, 1));
    --bb-border-radius-pill: calc(100rem*var(--bb-border-radius-scale, 1));
    --bb-border-radius: var(--bb-border-radius-md);
    --bb-backdrop-opacity: 24%;
    --bb-backdrop-bg: var(--bb-bg-surface-dark);
    --bb-backdrop-bg-dark: color-mix(in srgb,var(--bb-color-dark),transparent var(--bb-backdrop-opacity));
    --bb-backdrop-bg-light: color-mix(in srgb,var(--bb-color-light),transparent var(--bb-backdrop-opacity));
    --bb-backdrop-blur: 4px;
    --bb-backdrop-filter: blur(var(--bb-backdrop-blur))
}
: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
}

.bg-primary {
    --bb-bg-opacity: 1;
    background-color: rgba(var(--bb-primary-rgb),var(--bb-bg-opacity))!important
}

.bg-secondary {
    --bb-bg-opacity: 1;
    background-color: rgba(var(--bb-secondary-rgb),var(--bb-bg-opacity))!important
}

.bg-success {
    --bb-bg-opacity: 1;
    background-color: rgba(var(--bb-success-rgb),var(--bb-bg-opacity))!important
}

.bg-info {
    --bb-bg-opacity: 1;
    background-color: rgba(var(--bb-info-rgb),var(--bb-bg-opacity))!important
}

.bg-warning {
    --bb-bg-opacity: 1;
    background-color: rgba(var(--bb-warning-rgb),var(--bb-bg-opacity))!important
}

.bg-danger {
    --bb-bg-opacity: 1;
    background-color: rgba(var(--bb-danger-rgb),var(--bb-bg-opacity))!important
}

.bg-light {
    --bb-bg-opacity: 1;
    background-color: rgba(var(--bb-light-rgb),var(--bb-bg-opacity))!important
}

.bg-dark {
    --bb-bg-opacity: 1;
    background-color: rgba(var(--bb-dark-rgb),var(--bb-bg-opacity))!important
}

.bg-muted {
    --bb-bg-opacity: 1;
    background-color: rgba(var(--bb-muted-rgb),var(--bb-bg-opacity))!important
}

.bg-blue {
    --bb-bg-opacity: 1;
    background-color: rgba(var(--bb-blue-rgb),var(--bb-bg-opacity))!important
}

.bg-azure {
    --bb-bg-opacity: 1;
    background-color: rgba(var(--bb-azure-rgb),var(--bb-bg-opacity))!important
}

.bg-indigo {
    --bb-bg-opacity: 1;
    background-color: rgba(var(--bb-indigo-rgb),var(--bb-bg-opacity))!important
}

.bg-purple {
    --bb-bg-opacity: 1;
    background-color: rgba(var(--bb-purple-rgb),var(--bb-bg-opacity))!important
}

.bg-pink {
    background-color: rgba(var(--bb-pink-rgb),var(--bb-bg-opacity))!important
}

.bg-pink,.bg-red {
    --bb-bg-opacity: 1
}

.bg-red {
    background-color: rgba(var(--bb-red-rgb),var(--bb-bg-opacity))!important
}

.bg-orange {
    --bb-bg-opacity: 1;
    background-color: rgba(var(--bb-orange-rgb),var(--bb-bg-opacity))!important
}

.bg-yellow {
    --bb-bg-opacity: 1;
    background-color: rgba(var(--bb-yellow-rgb),var(--bb-bg-opacity))!important
}

.bg-lime {
    --bb-bg-opacity: 1;
    background-color: rgba(var(--bb-lime-rgb),var(--bb-bg-opacity))!important
}

.bg-green {
    background-color: color-mix(in srgb,var(--bb-green) calc(var(--bb-bg-opacity, 1)*100%),transparent)!important
}

.bg-green-lt {
    background-color: color-mix(in srgb,var(--bb-green-lt) calc(var(--bb-bg-opacity, 1)*100%),transparent)!important;
    color: color-mix(in srgb,var(--bb-green) calc(var(--bb-text-opacity, 1)*100%),transparent)!important
}

.border-green {
    border-color: color-mix(in srgb,var(--bb-green) calc(var(--bb-border-opacity, 1)*100%),transparent)!important
}

.bg-teal {
    --bb-bg-opacity: 1;
    background-color: rgba(var(--bb-teal-rgb),var(--bb-bg-opacity))!important
}

.bg-cyan {
    --bb-bg-opacity: 1;
    background-color: rgba(var(--bb-cyan-rgb),var(--bb-bg-opacity))!important
}

.bg-black {
    --bb-bg-opacity: 1;
    background-color: rgba(var(--bb-black-rgb),var(--bb-bg-opacity))!important
}

.bg-white {
    --bb-bg-opacity: 1;
    background-color: rgba(var(--bb-white-rgb),var(--bb-bg-opacity))!important
}

.bg-body {
    --bb-bg-opacity: 1;
    background-color: rgba(var(--bb-body-bg-rgb),var(--bb-bg-opacity))!important
}

.bg-transparent {
    --bb-bg-opacity: 1;
    background-color: transparent!important
}

.bg-body-secondary {
    --bb-bg-opacity: 1;
    background-color: rgba(var(--bb-secondary-bg-rgb),var(--bb-bg-opacity))!important
}

.bg-body-tertiary {
    --bb-bg-opacity: 1;
    background-color: rgba(var(--bb-tertiary-bg-rgb),var(--bb-bg-opacity))!important
}

.bg-opacity-10 {
    --bb-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bb-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bb-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bb-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bb-bg-opacity: 1
}

.bg-primary-subtle {
    background-color: var(--bb-primary-bg-subtle)!important
}

.bg-secondary-subtle {
    background-color: var(--bb-secondary-bg-subtle)!important
}

.bg-success-subtle {
    background-color: var(--bb-success-bg-subtle)!important
}

.bg-info-subtle {
    background-color: var(--bb-info-bg-subtle)!important
}

.bg-warning-subtle {
    background-color: var(--bb-warning-bg-subtle)!important
}

.bg-danger-subtle {
    background-color: var(--bb-danger-bg-subtle)!important
}

.bg-light-subtle {
    background-color: var(--bb-light-bg-subtle)!important
}

.bg-dark-subtle {
    background-color: var(--bb-dark-bg-subtle)!important
}

.bg-gradient {
    background-image: var(--bb-gradient)!important
}

.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: 2.5rem;
    min-width: 2.5rem;
    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);
}

.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: auto;
}

.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%
}