@font-face {
    font-family: 'Aeonik-Regular';
    src: url('/sfsites/c/resource/Auth0SupportCenterResources/fonts/Aeonik-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Aeonik-Light';
    src: url('/sfsites/c/resource/Auth0SupportCenterResources/fonts/Aeonik-Light.otf') format('opentype');
}

@font-face {
    font-family: 'Aeonik-Mono';
    src: url('/sfsites/c/resource/Auth0SupportCenterResources/fonts/Aeonik-Mono.woff2') format('opentype');
}

@font-face {
    font-family: 'Roboto Mono';
    src: url('/sfsites/c/resource/Auth0SupportCenterResources/fonts/Roboto-Mono.ttf') format('opentype');
}

@font-face {
    font-family: 'Inter';
    src: url('/sfsites/c/resource/Auth0SupportCenterResources/fonts/Inter-Regular.woff') format('opentype');
}

body {
    /* Primary Fonts - Regular */
    --primary-font-size-11: 400 11px/16px 'Aeonik-Regular';
    --primary-font-size-12: 400 12px/16px 'Aeonik-Regular';
    --primary-font-size-12-Alt: 400 12px/18px 'Aeonik-Regular';
    --primary-font-size-13: 400 13px/20px 'Aeonik-Regular';
    --primary-font-size-14: 400 14px/20px 'Aeonik-Regular';
    --primary-font-size-14-Alt: 400 14px/22px 'Aeonik-Regular';
    --primary-font-size-16: 400 16px/24px 'Aeonik-Regular';
    --primary-font-size-18: 400 18px/28px 'Aeonik-Regular';
    --primary-font-size-20: 400 20px/28px 'Aeonik-Regular';
    --primary-font-size-24: 400 24px/32px 'Aeonik-Regular';
    --primary-font-size-28: 400 28px/36px 'Aeonik-Regular';
    --primary-font-size-32: 400 32px/40px 'Aeonik-Regular';
    --primary-font-size-40: 400 40px/48px 'Aeonik-Regular';
    --primary-font-size-48: 400 48px/56px 'Aeonik-Regular';
    --primary-font-size-56: 400 56x/68px 'Aeonik-Regular';
    --primary-font-size-64: 400 64px/76px 'Aeonik-Regular';
    --primary-font-size-72: 400 72px/88px 'Aeonik-Regular';
    --primary-font-size-80: 400 80px/96px 'Aeonik-Regular';
    --primary-font-size-88: 400 88px/104px 'Aeonik-Regular';

    /* Secondary Fonts - Regular */
    --secondary-font-size-11: 500 11px/16px 'Aeonik-Regular';
    --secondary-font-size-12: 500 12px/16px 'Aeonik-Regular';
    --secondary-font-size-12-Alt: 500 12px/18px 'Aeonik-Regular';
    --secondary-font-size-13: 500 13px/20px 'Aeonik-Regular';
    --secondary-font-size-14: 500 14px/20px 'Aeonik-Regular';
    --secondary-font-size-14-Alt: 500 14px/22px 'Aeonik-Regular';
    --secondary-font-size-16: 500 16px/24px 'Aeonik-Regular';
    --secondary-font-size-18: 500 18px/28px 'Aeonik-Regular';
    --secondary-font-size-20: 500 20px/28px 'Aeonik-Regular';
    --secondary-font-size-24: 500 24px/32px 'Aeonik-Regular';
    --secondary-font-size-28: 500 28px/36px 'Aeonik-Regular';
    --secondary-font-size-32: 500 32px/40px 'Aeonik-Regular';
    --secondary-font-size-40: 500 40px/48px 'Aeonik-Regular';
    --secondary-font-size-48: 500 48px/56px 'Aeonik-Regular';
    --secondary-font-size-56: 500 56x/68px 'Aeonik-Regular';
    --secondary-font-size-64: 500 64px/76px 'Aeonik-Regular';
    --secondary-font-size-72: 500 72px/88px 'Aeonik-Regular';
    --secondary-font-size-80: 500 80px/96px 'Aeonik-Regular';
    --secondary-font-size-88: 500 88px/104px 'Aeonik-Regular';

    /* Primary Fonts - Light */
    --primary-font-light-size-11: 400 11px/16px 'Aeonik-Light';
    --primary-font-light-size-12: 400 12px/16px 'Aeonik-Light';
    --primary-font-light-size-12-Alt: 400 12px/18px 'Aeonik-Light';
    --primary-font-light-size-13: 400 13px/20px 'Aeonik-Light';
    --primary-font-light-size-14: 400 14px/20px 'Aeonik-Light';
    --primary-font-light-size-14-Alt: 400 14px/22px 'Aeonik-Light';
    --primary-font-light-size-16: 400 16px/24px 'Aeonik-Light';
    --primary-font-light-size-18: 400 18px/28px 'Aeonik-Light';
    --primary-font-light-size-20: 400 20px/28px 'Aeonik-Light';
    --primary-font-light-size-24: 400 24px/32px 'Aeonik-Light';
    --primary-font-light-size-28: 400 28px/36px 'Aeonik-Light';
    --primary-font-light-size-32: 400 32px/40px 'Aeonik-Light';
    --primary-font-light-size-40: 400 40px/48px 'Aeonik-Light';
    --primary-font-light-size-48: 400 48px/56px 'Aeonik-Light';
    --primary-font-light-size-56: 400 56x/68px 'Aeonik-Light';
    --primary-font-light-size-64: 400 64px/76px 'Aeonik-Light';
    --primary-font-light-size-72: 400 72px/88px 'Aeonik-Light';
    --primary-font-light-size-80: 400 80px/96px 'Aeonik-Light';
    --primary-font-light-size-88: 400 88px/104px 'Aeonik-Light';

    /* Secondary Fonts - Light */
    --secondary-font-light-size-11: 500 11px/16px 'Aeonik-Light';
    --secondary-font-light-size-12: 500 12px/16px 'Aeonik-Light';
    --secondary-font-light-size-12-Alt: 500 12px/18px 'Aeonik-Light';
    --secondary-font-light-size-13: 500 13px/20px 'Aeonik-Light';
    --secondary-font-light-size-14: 500 14px/20px 'Aeonik-Light';
    --secondary-font-light-size-14-Alt: 500 14px/22px 'Aeonik-Light';
    --secondary-font-light-size-16: 500 16px/24px 'Aeonik-Light';
    --secondary-font-light-size-18: 500 18px/28px 'Aeonik-Light';
    --secondary-font-light-size-20: 500 20px/28px 'Aeonik-Light';
    --secondary-font-light-size-24: 500 24px/32px 'Aeonik-Light';
    --secondary-font-light-size-28: 500 28px/36px 'Aeonik-Light';
    --secondary-font-light-size-32: 500 32px/40px 'Aeonik-Light';
    --secondary-font-light-size-40: 500 40px/48px 'Aeonik-Light';
    --secondary-font-light-size-48: 500 48px/56px 'Aeonik-Light';
    --secondary-font-light-size-56: 500 56x/68px 'Aeonik-Light';
    --secondary-font-light-size-64: 500 64px/76px 'Aeonik-Light';
    --secondary-font-light-size-72: 500 72px/88px 'Aeonik-Light';
    --secondary-font-light-size-80: 500 80px/96px 'Aeonik-Light';
    --secondary-font-light-size-88: 500 88px/104px 'Aeonik-Light';

    /* Primary Inter fonts */
    --primary-font-inter-size-11: 400 11px/16px 'Inter';
    --primary-font-inter-size-12: 400 12px/16px 'Inter';
    --primary-font-inter-size-12-Alt: 400 12px/18px 'Inter';
    --primary-font-inter-size-13: 400 13px/20px 'Inter';
    --primary-font-inter-size-14: 400 14px/20px 'Inter';
    --primary-font-inter-size-14-Alt: 400 14px/22px 'Inter';
    --primary-font-inter-size-16: 400 16px/24px 'Inter';
    --primary-font-inter-size-18: 400 18px/28px 'Inter';
    --primary-font-inter-size-20: 400 20px/28px 'Inter';
    --primary-font-inter-size-24: 400 24px/32px 'Inter';
    --primary-font-inter-size-28: 400 28px/36px 'Inter';
    --primary-font-inter-size-32: 400 32px/40px 'Inter';
    --primary-font-inter-size-40: 400 40px/48px 'Inter';
    --primary-font-inter-size-48: 400 48px/56px 'Inter';
    --primary-font-inter-size-56: 400 56x/68px 'Inter';
    --primary-font-inter-size-64: 400 64px/76px 'Inter';
    --primary-font-inter-size-72: 400 72px/88px 'Inter';
    --primary-font-inter-size-80: 400 80px/96px 'Inter';
    --primary-font-inter-size-88: 400 88px/104px 'Inter';

    /* Secondary Inter fonts */
    --secondary-font-inter-size-11: 500 11px/16px 'Inter';
    --secondary-font-inter-size-12: 500 12px/16px 'Inter';
    --secondary-font-inter-size-12-Alt: 500 12px/18px 'Inter';
    --secondary-font-inter-size-13: 500 13px/20px 'Inter';
    --secondary-font-inter-size-14: 500 14px/20px 'Inter';
    --secondary-font-inter-size-14-Alt: 500 14px/22px 'Inter';
    --secondary-font-inter-size-16: 500 16px/24px 'Inter';
    --secondary-font-inter-size-18: 500 18px/28px 'Inter';
    --secondary-font-inter-size-20: 500 20px/28px 'Inter';
    --secondary-font-inter-size-24: 500 24px/32px 'Inter';
    --secondary-font-inter-size-28: 500 28px/36px 'Inter';
    --secondary-font-inter-size-32: 500 32px/40px 'Inter';
    --secondary-font-inter-size-40: 500 40px/48px 'Inter';
    --secondary-font-inter-size-48: 500 48px/56px 'Inter';
    --secondary-font-inter-size-56: 500 56x/68px 'Inter';
    --secondary-font-inter-size-64: 500 64px/76px 'Inter';
    --secondary-font-inter-size-72: 500 72px/88px 'Inter';
    --secondary-font-inter-size-80: 500 80px/96px 'Inter';
    --secondary-font-inter-size-88: 500 88px/104px 'Inter';
    
    /* Existing */
    --font-size-01: var(--primary-font-size-11);
    --font-size-02: var(--primary-font-size-12);
    --font-size-03: var(--primary-font-size-13);
    --font-size-04: var(--primary-font-size-14);
    --font-size-05: var(--primary-font-size-16);
    --font-size-06: var(--primary-font-size-18);
    --font-size-07: var(--primary-font-size-20);
    --font-size-08: var(--primary-font-size-24);
    --font-size-09: var(--primary-font-size-28);
    --font-size-10: var(--primary-font-size-32);
    --font-size-11: var(--primary-font-size-40);
    --font-size-12: var(--primary-font-size-48);
    --font-size-13: var(--primary-font-size-56);
    --font-size-14: var(--primary-font-size-64);

    /* Functional Dark Neutral Colors */
    --color-dark-neutral-25: #111111;
    --color-dark-neutral-50: #171717;
    --color-dark-neutral-100: #1e1e1e;
    --color-dark-neutral-200: #242424;
    --color-dark-neutral-300: #2a2a2a;
    --color-dark-neutral-400: #383838;
    --color-dark-neutral-500: #555555;
    --color-dark-neutral-600: #808080;
    --color-dark-neutral-700: #ababab;
    --color-dark-neutral-800: #c5c5c5;
    --color-dark-neutral-900: #e5e5e5;
    --color-dark-neutral-1000: #fbfbfb;

    /* Functional Dark Blue Colors */
    --color-dark-blue-25: #0b0f26;
    --color-dark-blue-50: #0f1535;
    --color-dark-blue-100: #131b44;
    --color-dark-blue-200: #161f50;
    --color-dark-blue-300: #1a245d;
    --color-dark-blue-400: #22307c;
    --color-dark-blue-500: #3449ba;
    --color-dark-blue-600: #6177e9;
    --color-dark-blue-700: #99a7f1;
    --color-dark-blue-800: #b9c3f5;
    --color-dark-blue-900: #e0e4fb;
    --color-dark-blue-1000: #fafbfe;

    /* Functional Dark Green Colors */
    --color-dark-green-25: #03140b;
    --color-dark-green-50: #041c0f;
    --color-dark-green-100: #052413;
    --color-dark-green-200: #062a16;
    --color-dark-green-300: #06311a;
    --color-dark-green-400: #094122;
    --color-dark-green-500: #0d6234;
    --color-dark-green-600: #13934e;
    --color-dark-green-700: #67bc8e;
    --color-dark-green-800: #98d2b2;
    --color-dark-green-900: #d2ebde;
    --color-dark-green-1000: #f7fcf9;

    /* Functional Dark Red Colors */
    --color-dark-red-25: #230807;
    --color-dark-red-50: #2f0b09;
    --color-dark-red-100: #3c0f0c;
    --color-dark-red-200: #46110e;
    --color-dark-red-300: #521410;
    --color-dark-red-400: #6b1a15;
    --color-dark-red-500: #a0271f;
    --color-dark-red-600: #da534a;
    --color-dark-red-700: #e89590;
    --color-dark-red-800: #f0b7b4;
    --color-dark-red-900: #f8e0de;
    --color-dark-red-1000: #fefafa;

    /* Functional Dark Yellow Colors */
    --color-dark-yellow-25: #141103;
    --color-dark-yellow-50: #1b1804;
    --color-dark-yellow-100: #231f05;
    --color-dark-yellow-200: #292406;
    --color-dark-yellow-300: #312a08;
    --color-dark-yellow-400: #41380a;
    --color-dark-yellow-500: #62540f;
    --color-dark-yellow-600: #947f17;
    --color-dark-yellow-700: #c5aa1f;
    --color-dark-yellow-800: #e3c423;
    --color-dark-yellow-900: #fde66f;
    --color-dark-yellow-1000: #fffbe9;

    /* Functional Dark Purple Colors */
    --color-dark-purple-25: #130c28;
    --color-dark-purple-50: #1a1137;
    --color-dark-purple-100: #221546;
    --color-dark-purple-200: #281952;
    --color-dark-purple-300: #2e1d60;
    --color-dark-purple-400: #3d267f;
    --color-dark-purple-500: #5c3abf;
    --color-dark-purple-600: #8b66f4;
    --color-dark-purple-700: #b59df8;
    --color-dark-purple-800: #ccbcfa;
    --color-dark-purple-900: #e9e2fd;
    --color-dark-purple-1000: #fbfaff;

    /* Functional Dark Teal Colors */
    --color-dark-teal-25: #081311;
    --color-dark-teal-50: #0b1a17;
    --color-dark-teal-100: #0e221e;
    --color-dark-teal-200: #102823;
    --color-dark-teal-300: #132f29;
    --color-dark-teal-400: #1a3e37;
    --color-dark-teal-500: #275e53;
    --color-dark-teal-600: #3b8d7e;
    --color-dark-teal-700: #58bca9;
    --color-dark-teal-800: #8ed2c5;
    --color-dark-teal-900: #ceebe6;
    --color-dark-teal-1000: #f7fcfb;

    /* Functional Dark Orange Colors */
    --color-dark-orange-25: #1b0e06;
    --color-dark-orange-50: #261309;
    --color-dark-orange-100: #31180b;
    --color-dark-orange-200: #391c0d;
    --color-dark-orange-300: #42210f;
    --color-dark-orange-400: #582c14;
    --color-dark-orange-500: #85421e;
    --color-dark-orange-600: #c8642d;
    --color-dark-orange-700: #ea976a;
    --color-dark-orange-800: #f1b99b;
    --color-dark-orange-900: #f9e1d3;
    --color-dark-orange-1000: #fefaf8;

    /* Functional Dark Gold Colors */
    --color-dark-gold-25: #181001;
    --color-dark-gold-50: #211601;
    --color-dark-gold-100: #2b1c01;
    --color-dark-gold-200: #322001;
    --color-dark-gold-300: #3b2601;
    --color-dark-gold-400: #4e3302;
    --color-dark-gold-500: #754c02;
    --color-dark-gold-600: #b17304;
    --color-dark-gold-700: #ec9905;
    --color-dark-gold-800: #f4bc57;
    --color-dark-gold-900: #fae2b8;
    --color-dark-gold-1000: #fefaf3;

    /* Functional Static Neutral Colors */
    --color-static-neutral-50: #8e8e8e;
    --color-static-neutral-100: #686868;
    --color-static-neutral-200: #555555;
    --color-static-neutral-300: #3e3e3e;

    /* Functional Static Blue Colors */
    --color-static-blue-50: #7487eb;
    --color-static-blue-100: #3f59e4;
    --color-static-blue-200: #3449ba;
    --color-static-blue-300: #263588;

    /* Functional Static Green Colors */
    --color-static-green-50: #2ba161;
    --color-static-green-100: #10783f;
    --color-static-green-200: #0d6234;
    --color-static-green-300: #094726;

    /* Functional Static Red Colors */
    --color-static-red-50: #df6b63;
    --color-static-red-100: #c32f26;
    --color-static-red-200: #a0271f;
    --color-static-red-300: #761c17;

    /* Functional Static Yellow Colors */
    --color-static-yellow-50: #fde981;
    --color-static-yellow-100: #f8d626;
    --color-static-yellow-200: #e3c423;
    --color-static-yellow-300: #c5aa1f;

    /* Functional Static White and Black Colors */
    --color-static-white: #ffffff;
    --color-static-black: #000000;

    /* Brand Raw Colors - Group 1 */
    --color-brand-raw-carbon: #191919;
    --color-brand-raw-slate: #6b665f;
    --color-brand-raw-gravel: #afaba1;

    /* Brand Raw Colors - Group 2 */
    --color-brand-raw-sand: #e8dcc7;
    --color-brand-raw-cream: #f6f1e7;
    --color-brand-raw-snow: #fefefa;

    /* Brand Raw Colors - Group 3 */
    --color-brand-raw-cobalt: #1a31a9;
    --color-brand-raw-sky: #3f59e4;
    --color-brand-raw-cloud: #b6c9ff;

    /* Brand Raw Colors - Group 4 */
    --color-brand-raw-ocean: #096256;
    --color-brand-raw-seafoam: #4cb7a3;
    --color-brand-raw-turquoise: #b1e4de;

    /* Brand Raw Colors - Group 5 */
    --color-brand-raw-eggplant: #4016a0;
    --color-brand-raw-violet: #7549f2;
    --color-brand-raw-lilac: #b49bfc;

    /* Brand Raw Colors - Group 6 */
    --color-brand-raw-forest: #0f5c34;
    --color-brand-raw-emerald: #149750;
    --color-brand-raw-pistachio: #8fc88a;

    /* Brand Raw Colors - Group 7 */
    --color-brand-raw-clay: #763101;
    --color-brand-raw-tangerine: #e27133;
    --color-brand-raw-melon: #f2ac84;

    /* Brand Raw Colors - Group 8 */
    --color-brand-raw-walnut: #744e00;
    --color-brand-raw-goldenrod: #ef9b05;
    --color-brand-raw-wheat: #f4d594;

    /* Hover Colors */
    --color-hover-auth0-purple: #BCBAFF;

    /* Auth0 Brand Color Gradients */
    --gradient-light-purple: var(--Gradients-Light-Purple-Gradient, linear-gradient(222deg, #3F59E4 0%, #4016A0 21.83%, #1E1E1E 99.07%));
    --gradient-devx-seafoam: var(--Gradients-DevX-Seafoam-Gradient, linear-gradient(135deg, #191919 5%, #4016A1 30%, #3F59E4 50%, #4CB7A3 70%, #F6F1E7 95%));
    --gradient-devx-melon: var(--Gradients-DevX-Melon-Gradient, linear-gradient(135deg, #191919 5%, #4016A1 30%, #3F59E4 50%, #F2AC84 70%, #F6F1E7 95%));
    --gradient-seafoam-sky: var(--Gradients-Seafoam-Sky-Gradient, linear-gradient(80deg, #3F59E4 19.96%, #4CB7A3 131.59%));
    --gradient-dark-neutral-sky: radial-gradient(136.82% 174.96% at 16.95% 6.49%, #3F59E4 0%, #383838 100%), #383838;
    --gradient-seafom-sky-dark: linear-gradient(79deg, #3F59E4 64.46%, #4CB7A3 158.92%);
    --gradient-sky-white: linear-gradient(135deg, #0A1ECF, #3462FF, #B4BAF5, #FFFFFF);
    --gradient-seafoam: linear-gradient(90deg,rgba(71, 149, 186, 1) 0%, rgba(64, 101, 219, 1) 100%);


    /* Spacing */
    --text-gap: 8px;
    --spacing-x-small: 4px;
    --spacing-small: 8px;
    --spacing-medium: 16px;
    --spacing-large: 24px;
    --spacing-x-large: 32px;
    --spacing-2x-large: 40px;
    --spacing-3x-large: 64px;

    /* Border Radius */
    --border-radius-xs: 2px;
    --border-radius-s: 4px;
    --border-radius-m: 8px;
    --border-radius-l: 12px;
    --border-radius-xl: 24px;
    --border-radius-ext: 24px;
    --border-radius-max: 999px;

    .page-title {
        font: var(--primary-font-size-32);
        letter-spacing: 0.2px;
    }
    .page-title-compact {
        font: var(--primary-font-size-24);
        letter-spacing: 0.48px;
    }
    .section-title {
        font: var(--primary-font-size-20);
        letter-spacing: 0.4px;
    }
    .section-sub-title {
        font-family: 'Inter';
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0px;
    }
    .action-button {
        font: var(--secondary-font-size-14-Alt);
        letter-spacing: 0px;
    }
    .form-label {
        font-family: 'Inter';
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0px;
    }
    .form-text {
        font-family: 'Inter';
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0px;
    }
    .caption {
        font-family: 'Inter';
        font-weight: 400;
        font-size: 13px;
        line-height: 20px;
        letter-spacing: 0px;
    }
    .caption-emphasis {
        font-family: 'Inter';
        font-weight: 500;
        font-size: 13px;
        line-height: 20px;
        letter-spacing: 0px;
    }
    .menu-item {
        font-family: 'Inter';
        font-weight: 500;
        font-size: 13px;
        line-height: 20px;
        letter-spacing: 0px;
    }
    .overline {
        font-family: 'Inter';
        font-weight: 600;
        font-size: 11px;
        line-height: 16px;
        letter-spacing: 0.77px;
        text-transform: uppercase;
    }
    .overline-mono {
        font-family: 'Inter';
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 1.4px;
        text-transform: uppercase;
    }
    .eyebrow {
        font-family: 'Roboto Mono';
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 1px;
    }

    /* Body */
    .body-50 {
        font: var(--primary-font-inter-size-12);
        letter-spacing: 0px;
    }
    .body-emphasis-50 {
        font: var(--secondary-font-inter-size-12);
        letter-spacing: 0px;
    }
    .body-100 {
        font: var(--primary-font-inter-size-14-Alt);
    }
    .body-emphasis-100 {
        font: var(--secondary-font-inter-size-14-Alt);
    }
    .body-200 {
        font: var(--primary-font-inter-size-16);
    }
    .body-emphasis-200 {
        font: var(--secondary-font-inter-size-16);
    }
    .body-300 {
        font: var(--primary-font-inter-size-18);
    }
    .body-emphasis-300 {
        font: var(--secondary-font-inter-size-18);
    }
    .body-400 {
        font: var(--primary-font-inter-size-20);
    }
    .body-emphasis-400 {
        font: var(--secondary-font-inter-size-20);
    }
    .body-500 {
        font: var(--primary-font-inter-size-24);
    }
    .body-emphasis-500 {
        font: var(--secondary-font-inter-size-24);
    }

    /* Heading */
    .heading-100 {
        font: var(--secondary-font-size-20);
        letter-spacing: 0.4px;
    }
    .heading-200 {
        font: var(--secondary-font-size-24);
        letter-spacing: 0.48px;
    }
    .heading-300 {
        font: var(--primary-font-size-32);
        letter-spacing: 0.01px;
    }
    .heading-400 {
        font: var(--primary-font-size-40);
        letter-spacing: 0.8px;
    }
    .heading-500 {
        font: var(--primary-font-size-48);
        letter-spacing: 0.96px;
    }
    .heading-600 {
        font: var(--primary-font-size-56);
        letter-spacing: 0.96px;
    }
    .heading-700 {
        font: var(--primary-font-size-64);
        letter-spacing: 0.96px;
    }
    .heading-800 {
        font: var(--primary-font-size-72);
        letter-spacing: 0.96px;
    }
    .heading-900 {
        font: var(--primary-font-size-80);
        letter-spacing: 0.96px;
    }
    .heading-1000 {
        font: var(--primary-font-size-88);
        letter-spacing: 0.96px;
    }
    .code-50 {
        font-family: 'Roboto Mono';
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0px;
    }
    .code-100 {
        font-family: 'Roboto Mono';
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0px;
    }
    .code-200 {
        font-family: 'Roboto Mono';
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0px;
    }
    .code-300 {
        font-family: 'Roboto Mono';
        font-weight: 400;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0px;
    }

    /* Additional Stylings */
    .pointer-default {
        cursor: pointer;
    }

    .anchor-decoration-none {
        text-decoration: none;
    }

    /* Icon Classes */
    .system-icon-search {
        background: url('/sfsites/c/resource/Auth0SupportCenterResources/assets/dark/System-icons/icon-search.svg') no-repeat;
    }

    .system-icon-anouncement {
        background: url('/sfsites/c/resource/Auth0SupportCenterResources/assets/dark/System-icons/icon-megaphone.svg') no-repeat;
    }
    .system-icon-chevron-down {
        background: url('/sfsites/c/resource/Auth0SupportCenterResources/assets/dark/System-icons/icon-chevron-down.svg') no-repeat;
    }
    .system-icon-chevron-up {
        background: url('/sfsites/c/resource/Auth0SupportCenterResources/assets/dark/System-icons/icon-chevron-up.svg') no-repeat;
    }
    .system-icon-chevron-right {
        background: url('/sfsites/c/resource/Auth0SupportCenterResources/assets/dark/System-icons/icon-chevron-right.svg') no-repeat;
    }
    .system-icon-log-out {
        background: url('/sfsites/c/resource/Auth0SupportCenterResources/assets/dark/System-icons/icon-log-out.svg') no-repeat;
    }
    .system-icon-eye {
        background: url('/sfsites/c/resource/Auth0SupportCenterResources/assets/dark/System-icons/icon-eye.svg') no-repeat;
    }
    .system-icon-thumbs-up {
        background: url('/sfsites/c/resource/Auth0SupportCenterResources/assets/dark/System-icons/icon-thumbs-up.svg') no-repeat;
    }
    .system-icon-message-square {
        background: url('/sfsites/c/resource/Auth0SupportCenterResources/assets/dark/System-icons/icon-message-square.svg') no-repeat;
    }
    .system-icon-smile {
        background: url('/sfsites/c/resource/Auth0SupportCenterResources/assets/dark/System-icons/icon-smile.svg') no-repeat;
    }
    .system-icon-filter {
        background: url('/sfsites/c/resource/Auth0SupportCenterResources/assets/dark/System-icons/icon-filter.svg') no-repeat;
    }
    a:hover > .system-icon,
    a:focus-within > .system-icon {
        filter: brightness(0) saturate(100%) invert(87%) sepia(21%) saturate(3015%) hue-rotate(190deg) brightness(101%) contrast(101%);
    }

    /* Default Base CSS */
    a {
        cursor: pointer;
        color: var(--color-dark-neutral-1000);
        text-decoration: none;
    }
    a:hover,
    a:focus,
    a:active {
        color: var(--color-hover-auth0-purple);
    }

    a.anchor-decoration-none {
        color: var(--color-dark-neutral-1000);
        text-decoration: none;
    }

    a.anchor-decoration-none:hover,
    a.anchor-decoration-none:focus,
    a.anchor-decoration-none:active {
        color: var(--color-hover-auth0-purple);
    }

    a.anchor-with-decoration {
        cursor: pointer;
        color: var(--color-dark-neutral-1000);
        text-decoration: underline;
        text-underline-offset: 3px;
    }

    a.anchor-with-decoration:hover,
    a.anchor-with-decoration:focus,
    a.anchor-with-decoration:active {
        color: var(--color-hover-auth0-purple);
    }

    .default-color {
        background-color: var(--color-dark-neutral-25);
        color: var(--color-dark-neutral-1000);
    }

    background-color: var(--color-dark-neutral-25);
    color: var(--color-dark-neutral-1000);
    font: var(--primary-font-inter-size-16);


    .no-scroll {
        overflow: hidden !important; /* Prevents scrolling */
    }
    /* For Webkit browsers (Chrome, Safari) */
    .no-scroll::-webkit-scrollbar {
        display: none;
    }

    .sort-combo {
        display: flex;
        padding: 9px 16px;
        align-items: flex-start;
        gap: 12px;
        border-radius: 4px;
        border-color: var(--color-dark-neutral-600);
        background: var(--color-dark-neutral-25);
        color: var(--color-dark-neutral-1000);
    }

    .generated-answer__answer-toggle .slds-button {
        color: var(--color-static-white);
        border: none;
    }
    
    .generated-answer__answer-toggle .slds-button:hover, .slds-button:focus, .slds-button:active {
        color: var(--color-hover-auth0-purple);
        border: none;
        box-shadow: none;
    }
}



@media (max-width: 1024px) {
    body {
        /* Spacing */
        --text-gap: 4px;
        --spacing-x-small: 4px;
        --spacing-small: 8px;
        --spacing-medium: 12px;
        --spacing-large: 16px;
        --spacing-x-large: 24px;
        --spacing-2x-large: 32px;
        --spacing-3x-large: 40px;

        /* Border Radius */
        --border-radius-xs: 2px;
        --border-radius-s: 4px;
        --border-radius-m: 4px;
        --border-radius-l: 8px;
        --border-radius-xl: 12px;
        --border-radius-ext: 26px;
        --border-radius-max: 999px;

        /* Body */
        .body-300 {
            font: var(--primary-font-inter-size-16);
        }
        .body-emphasis-300 {
            font: var(--secondary-font-inter-size-16);
        }
        .body-400 {
            font: var(--primary-font-inter-size-18);
        }
        .body-emphasis-400 {
            font: var(--secondary-font-inter-size-18);
        }
        .body-500 {
            font: var(--primary-font-inter-size-20);
        }
        .body-emphasis-500 {
            font: var(--secondary-font-inter-size-20);
        }

        /* Heading */
        .heading-400 {
            font: var(--primary-font-size-32);
            letter-spacing: 0.8px;
        }
        .heading-500 {
            font: var(--primary-font-size-40);
            letter-spacing: 0.96px;
        }
        .heading-600 {
            font: var(--primary-font-size-48);
            letter-spacing: 0.96px;
        }
        .heading-700 {
            font: var(--primary-font-size-56);
            letter-spacing: 0.96px;
        }
        .heading-800 {
            font: var(--primary-font-size-64);
            letter-spacing: 0.96px;
        }
        .heading-900 {
            font: var(--primary-font-size-72);
            letter-spacing: 0.96px;
        }
        .heading-1000 {
            font: var(--primary-font-size-88);
            letter-spacing: 0.96px;
        }
        .code-50 {
            font-family: 'Roboto Mono';
            font-weight: 400;
            font-size: 12px;
            line-height: 18px;
            letter-spacing: 0px;
        }
        .code-100 {
            font-family: 'Roboto Mono';
            font-weight: 400;
            font-size: 14px;
            line-height: 22px;
            letter-spacing: 0px;
        }
        .code-200 {
            font-family: 'Roboto Mono';
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0px;
        }
        .code-300 {
            font-family: 'Roboto Mono';
            font-weight: 400;
            font-size: 18px;
            line-height: 28px;
            letter-spacing: 0px;
        }
    }
}

.siteforceServiceBody div.cCenterPanel {
    max-width: 1440px;
    padding: 0px !important;
    margin: auto;
    margin-bottom: 40px;
}
.siteforceServiceBody div.cCenterPanel .slds-col--padded.contentRegion {
    padding: 0;
}
.siteforceServiceBody div.cCenterPanel .siteforceSldsTwoCol84Layout {
    max-width: var(--body-max-width);
    margin: auto;
}
.announcement-center-list-title{
    font: var(--font-size-11);
}

@media (max-width: 480px) {
    .announcement-center-list-title{
        font: var(--font-size-09);
    }
}

.cOLC_R_Cards .card-sub-title .beta-postOIE-link {
    display: none;
}

.element-centering {
    max-width: var(--body-max-width);
    margin: auto;
    font-family: 'Aeonik-Regular';
}

.slds-button.community-branded-button{
    background-color: var(--okta-neutral-functional-black);
    border-radius: 6px;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    padding: 0px 16px;
    height: 38px;
}

.slds-button.community-branded-button:disabled{
    color: #C1C1C8;
    border: 2px solid #C1C1C8;
    background: transparent;
}

.slds-button.community-branded-alt-button{
	color: var(--okta-neutral-functional-black);     
    border-color: var(--okta-neutral-functional-black);  
    border-radius: 6px;
    border-width: 1.5px;
    font-weight: bold;
    font-size: 16px;
    padding: 0px 16px;
    height: 38px;
}