.dark {
    --rgb-color-statuspage-green: 16, 185, 129;
    --rgb-color-statuspage-red: 248, 113, 113;
    --rgb-color-statuspage-blue: 96, 165, 250;
    --rgb-color-statuspage-yellow: 245, 158, 11;
}
:root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: "Fira Code", "ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "'Liberation Mono'", "'Courier New'", "monospace", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "\"Segoe UI\"", "Roboto", "\"Helvetica Neue\"", "Arial", "\"Noto Sans\"", "sans-serif", "\"Apple Color Emoji\"", "\"Segoe UI Emoji\"", "\"Segoe UI Symbol\"", "\"Noto Color Emoji\"";
    --color-green-100: oklch(.962 .044 156.743);
    --color-green-500: oklch(.723 .219 149.579);
    --color-green-600: oklch(.627 .194 149.214);
    --color-indigo-500: oklch(.585 .233 277.117);
    --color-indigo-600: oklch(.511 .262 276.966);
    --color-gray-100: oklch(.967 .003 264.542);
    --color-gray-200: oklch(.928 .006 264.531);
    --color-gray-300: oklch(.872 .01 258.338);
    --color-gray-400: oklch(.707 .022 261.325);
    --color-gray-500: oklch(.551 .027 264.364);
    --color-gray-600: oklch(.446 .03 256.802);
    --color-gray-700: oklch(.373 .034 259.733);
    --color-gray-800: oklch(.278 .033 256.848);
    --color-gray-900: oklch(.21 .034 264.665);
    --color-neutral-50: #eaecf1;
    --color-neutral-100: #b8bfd1;
    --color-neutral-200: #939db8;
    --color-neutral-300: #646e87;
    --color-neutral-400: #4e576e;
    --color-neutral-500: #3b4254;
    --color-neutral-600: #2f3647;
    --color-neutral-700: #293040;
    --color-neutral-800: #222838;
    --color-neutral-900: #121826;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --text-xs: .65rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .75rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: .875rem;
    --text-base--line-height: 155%;
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -.025em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-loose: 2;
    --radius-xs: 4px;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --drop-shadow-xs: 0 1px 1px #0000000d;
    --drop-shadow-md: 0 3px 3px #0000001f;
    --ease-in: cubic-bezier(.4,0,1,1);
    --ease-out: cubic-bezier(0,0,.2,1);
    --ease-in-out: cubic-bezier(.4,0,.2,1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1) infinite;
    --blur-xs: 4px;
    --blur-md: 12px;
    --blur-3xl: 64px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
    --default-font-family: var(--font-sans);
    --default-font-feature-settings: var(--font-sans--font-feature-settings);
    --default-font-variation-settings: var(--font-sans--font-variation-settings);
    --default-mono-font-family: var(--font-mono);
    --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
    --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
    --radius: 8px;
    --font-inter: "Inter", "SF Pro Text", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "\"Segoe UI\"", "Roboto", "\"Helvetica Neue\"", "Arial", "\"Noto Sans\"", "sans-serif", "\"Apple Color Emoji\"", "\"Segoe UI Emoji\"", "\"Segoe UI Symbol\"", "\"Noto Color Emoji\"";
    --radius-none: 0;
    --radius-full: 9999px;
    --color-neutral-20: #f9fafb;
    --color-neutral-30: #f8f9fc;
    --color-neutral-40: #f4f5f8;
    --color-neutral-60: #dfe3ea;
    --color-neutral-70: #dfe3ea;
    --color-neutral-80: #d5d9e3;
    --color-neutral-90: #c6ccdb;
    --color-neutral-850: #1f2433;
    --color-brand-primary-70: #e3ebfd;
    --color-brand-primary-80: #beccfb;
    --color-brand-primary-90: #98a4f7;
    --color-brand-primary-100: #7c87f7;
    --color-brand-primary-200: #5b63d3;
    --color-brand-primary-300: #4449a9;
    --color-brand-primary-500: #23265c;
    --color-brand-blue-90: #4bb9e8;
    --color-brand-blue-200: #007bb1;
    --color-brand-green-90: #64c28d;
    --color-brand-green-100: #00af79;
    --color-brand-green-200: #00885d;
    --color-brand-yellow-80: #e9c899;
    --color-brand-yellow-90: #dd9c51;
    --color-brand-yellow-100: #d57b16;
    --color-brand-yellow-200: #ad5721;
    --color-brand-red-100: #e0687d;
    --color-brand-red-200: #c03a5a;
    --color-brand-red-300: #982542;
    --color-brand-red-400: #6c1e30;
    --color-brand-orange-90: #ec9070;
    --color-brand-orange-100: #e56a4e;
    --color-brand-orange-200: #c23e34;
    --color-brand-violet-100: #a579e9;
    --color-deprecated-primary-500: #858af7;
    --color-deprecated-primary-600: #6c71f5;
    --color-deprecated-primary-700: #5056ed;
    --color-deprecated-primary-800: #3f44ba;
    --color-deprecated-primary-900: #2e3187;
    --color-statuspage-neutral-900: #0f121a;
    --color-statuspage-neutral-800: #191c24;
    --color-statuspage-neutral-700: #21242d;
    --color-statuspage-neutral-600: #2d313c;
    --color-statuspage-neutral-500: #424757;
    --color-statuspage-neutral-400: #585e72;
    --color-statuspage-neutral-300: #70778c;
    --color-statuspage-neutral-200: #8a91a5;
    --color-statuspage-neutral-100: #a7acbb;
    --color-statuspage-neutral-80: #e2e4e9;
    --color-statuspage-neutral-60: #eeeff2;
    --color-statuspage-neutral-40: #f5f5f7;
    --color-statuspage-green: rgb(var(--rgb-color-statuspage-green));
    --color-statuspage-red: rgb(var(--rgb-color-statuspage-red));
    --color-statuspage-blue: rgb(var(--rgb-color-statuspage-blue));
    --color-statuspage-yellow: rgb(var(--rgb-color-statuspage-yellow));
    --color-palette-greyscale-500: #a8a8a8;
    --color-palette-greyscale-700: #6d6d6d;
    --color-palette-yellow-500: #eb9500;
    --color-palette-yellow-700: #986000;
    --color-palette-teal-500: #09bcb3;
    --color-palette-teal-700: #067a74;
    --color-palette-blue-500: #9c9fff;
    --color-palette-blue-700: #4e54ff;
    --color-palette-purple-500: #d18bff;
    --color-palette-purple-700: #a012ff;
    --color-palette-orange-500: #f83;
    --color-palette-orange-700: #b64c00;
    --color-palette-green-500: #0fc073;
    --color-palette-green-700: #0a7d4b;
    --color-palette-red-500: #ff8572;
    --color-palette-red-700: #d61d00;
    --text-13: .8125rem;
    --text-13--line-height: 160%;
    --text-md: 1rem;
    --text-dashboards-xs: 12px;
    --text-dashboards-xs--line-height: 100%;
    --text-dashboards-sm: 13px;
    --text-dashboards-sm--line-height: 100%;
    --text-dashboards-md: 14px;
    --text-dashboards-md--line-height: 100%;
    --text-dashboards-lg: 16px;
    --text-dashboards-lg--line-height: 100%;
    --text-statuspage-heading-large: 32px;
    --text-statuspage-heading-large--line-height: 110%;
    --text-statuspage-heading-medium: 28px;
    --text-statuspage-heading-medium--line-height: 110%;
    --text-statuspage-heading-small: 22px;
    --text-statuspage-heading-small--line-height: 110%;
    --text-statuspage-large: 15px;
    --text-statuspage-large--line-height: 150%;
    --text-statuspage-medium: 13px;
    --text-statuspage-medium--line-height: 150%;
    --text-statuspage-small: 12px;
    --text-statuspage-small--line-height: 150%;
    --text-app-display-large: 28px;
    --text-app-display-large--line-height: 120%;
    --text-app-heading: 16px;
    --text-app-heading--line-height: 150%;
    --text-app-medium-button: 14px;
    --text-app-medium-button--line-height: 143%;
    --text-app-resource-caption: 13px;
    --text-app-resource-caption--line-height: 123%;
    --text-app-small: 13px;
    --text-app-small--line-height: 100%;
    --text-heading-24: 1.5rem;
    --text-heading-24--line-height: 120%;
}

body {
    background-color: var(--color-statuspage-neutral-900);
    color: var(--color-statuspage-neutral-200);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    font-size: var(--text-statuspage-medium);
}
.nav-item a:hover, .nav-item a.act {     background-color: #373737;
    padding: 5px;
    border-radius: 28px;}

.nav-item a{padding: 5px;}
.get-btn,.get-btn:hover{background-color: #373737;font-size: var(--text-statuspage-medium);border-color: var(--color-statuspage-neutral-600);}


.nav-item{ margin-left: 10px;}
.heading-large {
    font-size: var(--text-statuspage-heading-large);
    line-height: var(--tw-leading, var(--text-statuspage-heading-large--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}
.font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    font-size: 14px;
}

.ack-text-right{    position: absolute;
    right: 60px;}


    .accordion-item:has(.show) {
    
        color:#fff;
        background-color: #000;
        border: #000;
        margin-bottom: 15px;
    }
    
    .accordion-item {
        color:#fff;
        background-color: #0000;
        border: #000;
        margin-bottom: 15px;
    }

    .accordion-button {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        
        font-size: 1rem;
        color: #fff;
        text-align: left;
        background-color: #21242d;
        border: 0;
        border-radius: 85px !important;
        overflow-anchor: none;
        transition: var(--bs-accordion-transition);
    }
    .accordion-button:not(.collapsed) {
        color: #fff;box-shadow: none;
        background-color: #000; 
    }
    .accordion { background-color: #191c24;    padding: 10px;
        border-radius: 10px;}

        .flex {            display: flex ;        }
        


        .accordion-button:not(.collapsed)::after {
            background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");

            transform: var(--bs-accordion-btn-icon-transform);
        }
        .accordion-button:focus{ border-color: none;    box-shadow: none;}
        .accordion-button::after {
            
            background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path%20fill-rule='evenodd'%20d='M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708z'/></svg>");
            
        }
        .text-large {
            font-size: var(--text-statuspage-large);
            line-height: var(--tw-leading, var(--text-statuspage-large--line-height));
        }
        .text-statuspage-neutral-100 {
            color: var(--color-statuspage-neutral-100);
        }
        .w-4 {
            width: calc(var(--spacing)* 4);
        }
        .h-4 {
            height: calc(var(--spacing)* 4);
        }
        .shrink-0 {
            flex-shrink: 0;
        }
        .text-statuspage-green {
            color: var(--color-statuspage-green);
        }
        .mr-1 {
            margin-right: calc(var(--spacing)* 1);
        }
        .ml-2 {
            margin-left: calc(var(--spacing)* 2);
        }
        .items-center {
            align-items: center;
        }
.d-flow-root{display: flow-root;}

.services-monts {
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
  gap: 1px;
  justify-content: center;
  white-space: nowrap; /* Prevent wrapping */
}
.services-monts>div.act{background-color: #f87171;}
.services-monts>div {
    position: relative;
  background-color: #00af79;
  height: 10px;
  width: 3%;
  flex: 1 0 auto;  /* Prevent shrinking too much */
  min-width: 5px;  /* Ensures it doesn’t collapse */
}

/* First and last child for rounded corners */
.services-monts div:first-child {
  border-radius: 5px 0 0 5px;
}

.services-monts div:last-child {
  border-radius: 0 5px 5px 0;
}


.month-grf{font-size: var(--text-statuspage-medium);    color: var(--color-statuspage-neutral-200);}

.grf-toltip{   
    display: none; 
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    background-color: var(--color-statuspage-neutral-700);
    border-color: #2d313c;
    border-style: solid;
    border-width: 1px;
    z-index: 50;
    width: 190px;
    box-shadow: 0 4px 7px #00000008;
    font-size: var(--text-statuspage-medium);
    }
    .services-monts div:hover .grf-toltip{ 
        display: block; top: 16px;
    }

@media (max-width: 992px) {
    .nav-item a:hover{
        background-color: #0000;
        padding: 5px;
        border-radius: 28px;
    }
    .nav-item{    margin-bottom: 25px;}
    .nav-item a.act{
        background-color: #0000;
        padding: 5px;
        border-radius: 28px;
    }
    .m-d-block{ display: block !important; position: absolute; top: 16px;
        right: 65px;} 
    }
    .fa-circle-check{ color: #18af7b;}