:root {
    color-scheme: light dark;
    
    /* Theme Container Max Width */
    --theme-container-max-width: 1440px;

    /* ============================================
       DEFAULT THEME VARIABLE
       ============================================ */
    
    /* Default Context */
    --default-bg-color: light-dark(#FFFFFF, #2A2A2A);
    --default-text-color: light-dark(#2A2A2A, #FFFFFF);
    --default-link-color: light-dark(#2A2A2A, #FFFFFF);
    --default-border-color: light-dark(#2A2A2A, #FFFFFF);
    
    /* Primary Context */
    --default-primary-bg-color: light-dark(#2A2A2A, #FFFFFF);
    --default-primary-text-color: light-dark(#FFFFFF, #2A2A2A);
    --default-primary-link-color: var(--default-link-color);
    --default-primary-border-color: light-dark(#2A2A2A, #FFFFFF);
    
    /* Secondary Context */
    --default-secondary-bg-color: var(--default-bg-color);
    --default-secondary-text-color: var(--default-text-color);
    --default-secondary-link-color: var(--default-link-color);
    --default-secondary-border-color: var(--default-border-color);

    /* Accent Colors */
    --default-accent-1-color: light-dark(#E3F2FD, #1A3A6B);
    --default-accent-2-color: light-dark(#FFF9D2, #7A6000);
    --default-accent-3-color: light-dark(#FFD6E0, #7A1040);
    --default-accent-4-color: light-dark(#E8F5E9, #1A4D2E);

    /* ============================================
       DEFAULT HOVER VARIABLE
       ============================================ */
    
    /* Default Context */
    --default-hover-bg-color: light-dark(
        color-mix(in srgb, var(--default-bg-color) 90%, black),
        color-mix(in srgb, var(--default-bg-color) 90%, white)
    );
    --default-hover-text-color: light-dark(
        color-mix(in srgb, var(--default-text-color) 90%, white),
        color-mix(in srgb, var(--default-text-color) 90%, black)
    );
    --default-hover-link-color: light-dark(
        color-mix(in srgb, var(--default-link-color) 70%, white),
        color-mix(in srgb, var(--default-link-color) 90%, black)
    );
    --default-hover-border-color: light-dark(
        color-mix(in srgb, var(--default-border-color) 90%, white),
        color-mix(in srgb, var(--default-border-color) 90%, black)
    );
    
    /* Primary Context */
    --default-primary-hover-bg-color: light-dark(
        color-mix(in srgb, var(--default-primary-bg-color) 90%, white),
        color-mix(in srgb, var(--default-primary-bg-color) 90%, black)
    );
    --default-primary-hover-text-color: light-dark(
        color-mix(in srgb, var(--default-primary-text-color) 90%, black),
        color-mix(in srgb, var(--default-primary-text-color) 90%, white)
    );
    --default-primary-hover-link-color: light-dark(
        color-mix(in srgb, var(--default-primary-link-color) 90%, black),
        color-mix(in srgb, var(--default-primary-link-color) 90%, white)
    );
    --default-primary-hover-border-color: light-dark(
        color-mix(in srgb, var(--default-primary-border-color) 90%, white),
        color-mix(in srgb, var(--default-primary-border-color) 90%, black)
    );
    
    /* Secondary Context */
    --default-secondary-hover-bg-color: light-dark(
        color-mix(in srgb, var(--default-secondary-bg-color) 90%, white),
        color-mix(in srgb, var(--default-secondary-bg-color) 90%, black)
    );
    --default-secondary-hover-text-color: light-dark(
        color-mix(in srgb, var(--default-secondary-text-color) 90%, black),
        color-mix(in srgb, var(--default-secondary-text-color) 90%, white)
    );
    --default-secondary-hover-link-color: light-dark(
        color-mix(in srgb, var(--default-secondary-link-color) 90%, white),
        color-mix(in srgb, var(--default-secondary-link-color) 90%, black)
    );
    --default-secondary-hover-border-color: light-dark(
        color-mix(in srgb, var(--default-secondary-border-color) 90%, white),
        color-mix(in srgb, var(--default-secondary-border-color) 90%, black)
    );
    
    /* ============================================
       HIGHLIGHT THEME VARIABLE
       ============================================ */
    
    /* Default Context (Highlight) */
    --highlight-bg-color: light-dark(#2A2A2A, #FFFFFF);
    --highlight-text-color: light-dark(#FFFFFF, #2A2A2A);
    --highlight-link-color: light-dark(#FFFFFF, #2A2A2A);
    --highlight-border-color: light-dark(#FFFFFF, #2A2A2A);
    
    /* Primary Context (Highlight) */
    --highlight-primary-bg-color: light-dark(#FFFFFF, #2A2A2A);
    --highlight-primary-text-color: light-dark(#2A2A2A, #FFFFFF);
    --highlight-primary-link-color: var(--highlight-link-color);
    --highlight-primary-border-color: light-dark(#FFFFFF, #2A2A2A);
    
    /* Secondary Context (Highlight) */
    --highlight-secondary-bg-color: var(--highlight-bg-color);
    --highlight-secondary-text-color: var(--highlight-text-color);
    --highlight-secondary-link-color: var(--highlight-link-color);
    --highlight-secondary-border-color: var(--highlight-border-color);

    /* Accent Colors (Highlight) */
    --highlight-accent-1-color: light-dark(#234FEB, #5B7FFF);
    --highlight-accent-2-color: light-dark(#FFC300, #FFD966);
    --highlight-accent-3-color: light-dark(#D6336C, #FF7BAD);
    --highlight-accent-4-color: light-dark(#257F4F, #57B37F);

    /* ============================================
       BACKGROUND COLOR LIGHTER & DARKER VARIABLES
       ============================================ */

    /* default bg color */
    --default-bg-color-lighter-10: color-mix(in srgb, var(--default-bg-color) 90%, white);
    --default-bg-color-lighter-20: color-mix(in srgb, var(--default-bg-color) 80%, white);
    --default-bg-color-lighter-30: color-mix(in srgb, var(--default-bg-color) 70%, white);
    --default-bg-color-lighter-40: color-mix(in srgb, var(--default-bg-color) 60%, white);
    --default-bg-color-lighter-50: color-mix(in srgb, var(--default-bg-color) 50%, white);
    --default-bg-color-lighter-60: color-mix(in srgb, var(--default-bg-color) 40%, white);
    --default-bg-color-lighter-70: color-mix(in srgb, var(--default-bg-color) 30%, white);
    --default-bg-color-lighter-80: color-mix(in srgb, var(--default-bg-color) 20%, white);
    --default-bg-color-lighter-90: color-mix(in srgb, var(--default-bg-color) 10%, white);
    --default-bg-color-lighter-100: color-mix(in srgb, var(--default-bg-color) 0%, white);
    --default-bg-color-darker-10: color-mix(in srgb, var(--default-bg-color) 90%, black);
    --default-bg-color-darker-20: color-mix(in srgb, var(--default-bg-color) 80%, black);
    --default-bg-color-darker-30: color-mix(in srgb, var(--default-bg-color) 70%, black);
    --default-bg-color-darker-40: color-mix(in srgb, var(--default-bg-color) 60%, black);
    --default-bg-color-darker-50: color-mix(in srgb, var(--default-bg-color) 50%, black);
    --default-bg-color-darker-60: color-mix(in srgb, var(--default-bg-color) 40%, black);
    --default-bg-color-darker-70: color-mix(in srgb, var(--default-bg-color) 30%, black);
    --default-bg-color-darker-80: color-mix(in srgb, var(--default-bg-color) 20%, black);
    --default-bg-color-darker-90: color-mix(in srgb, var(--default-bg-color) 10%, black);
    --default-bg-color-darker-100: color-mix(in srgb, var(--default-bg-color) 0%, black);

    /* default primary bg color */
    --default-primary-bg-color-lighter-10: color-mix(in srgb, var(--default-primary-bg-color) 90%, white);
    --default-primary-bg-color-lighter-20: color-mix(in srgb, var(--default-primary-bg-color) 80%, white);
    --default-primary-bg-color-lighter-30: color-mix(in srgb, var(--default-primary-bg-color) 70%, white);
    --default-primary-bg-color-lighter-40: color-mix(in srgb, var(--default-primary-bg-color) 60%, white);
    --default-primary-bg-color-lighter-50: color-mix(in srgb, var(--default-primary-bg-color) 50%, white);
    --default-primary-bg-color-lighter-60: color-mix(in srgb, var(--default-primary-bg-color) 40%, white);
    --default-primary-bg-color-lighter-70: color-mix(in srgb, var(--default-primary-bg-color) 30%, white);
    --default-primary-bg-color-lighter-80: color-mix(in srgb, var(--default-primary-bg-color) 20%, white);
    --default-primary-bg-color-lighter-90: color-mix(in srgb, var(--default-primary-bg-color) 10%, white);
    --default-primary-bg-color-lighter-100: color-mix(in srgb, var(--default-primary-bg-color) 0%, white);
    --default-primary-bg-color-darker-10: color-mix(in srgb, var(--default-primary-bg-color) 90%, black);
    --default-primary-bg-color-darker-20: color-mix(in srgb, var(--default-primary-bg-color) 80%, black);
    --default-primary-bg-color-darker-30: color-mix(in srgb, var(--default-primary-bg-color) 70%, black);
    --default-primary-bg-color-darker-40: color-mix(in srgb, var(--default-primary-bg-color) 60%, black);
    --default-primary-bg-color-darker-50: color-mix(in srgb, var(--default-primary-bg-color) 50%, black);
    --default-primary-bg-color-darker-60: color-mix(in srgb, var(--default-primary-bg-color) 40%, black);
    --default-primary-bg-color-darker-70: color-mix(in srgb, var(--default-primary-bg-color) 30%, black);
    --default-primary-bg-color-darker-80: color-mix(in srgb, var(--default-primary-bg-color) 20%, black);
    --default-primary-bg-color-darker-90: color-mix(in srgb, var(--default-primary-bg-color) 10%, black);
    --default-primary-bg-color-darker-100: color-mix(in srgb, var(--default-primary-bg-color) 0%, black);

    /* default secondary bg color */
    --default-secondary-bg-color-lighter-10: color-mix(in srgb, var(--default-secondary-bg-color) 90%, white);
    --default-secondary-bg-color-lighter-20: color-mix(in srgb, var(--default-secondary-bg-color) 80%, white);
    --default-secondary-bg-color-lighter-30: color-mix(in srgb, var(--default-secondary-bg-color) 70%, white);
    --default-secondary-bg-color-lighter-40: color-mix(in srgb, var(--default-secondary-bg-color) 60%, white);
    --default-secondary-bg-color-lighter-50: color-mix(in srgb, var(--default-secondary-bg-color) 50%, white);
    --default-secondary-bg-color-lighter-60: color-mix(in srgb, var(--default-secondary-bg-color) 40%, white);
    --default-secondary-bg-color-lighter-70: color-mix(in srgb, var(--default-secondary-bg-color) 30%, white);
    --default-secondary-bg-color-lighter-80: color-mix(in srgb, var(--default-secondary-bg-color) 20%, white);
    --default-secondary-bg-color-lighter-90: color-mix(in srgb, var(--default-secondary-bg-color) 10%, white);
    --default-secondary-bg-color-lighter-100: color-mix(in srgb, var(--default-secondary-bg-color) 0%, white);
    --default-secondary-bg-color-darker-10: color-mix(in srgb, var(--default-secondary-bg-color) 90%, black);
    --default-secondary-bg-color-darker-20: color-mix(in srgb, var(--default-secondary-bg-color) 80%, black);
    --default-secondary-bg-color-darker-30: color-mix(in srgb, var(--default-secondary-bg-color) 70%, black);
    --default-secondary-bg-color-darker-40: color-mix(in srgb, var(--default-secondary-bg-color) 60%, black);
    --default-secondary-bg-color-darker-50: color-mix(in srgb, var(--default-secondary-bg-color) 50%, black);
    --default-secondary-bg-color-darker-60: color-mix(in srgb, var(--default-secondary-bg-color) 40%, black);
    --default-secondary-bg-color-darker-70: color-mix(in srgb, var(--default-secondary-bg-color) 30%, black);
    --default-secondary-bg-color-darker-80: color-mix(in srgb, var(--default-secondary-bg-color) 20%, black);
    --default-secondary-bg-color-darker-90: color-mix(in srgb, var(--default-secondary-bg-color) 10%, black);
    --default-secondary-bg-color-darker-100: color-mix(in srgb, var(--default-secondary-bg-color) 0%, black);

    /* highlight bg color */
    --highlight-bg-color-lighter-10: color-mix(in srgb, var(--highlight-bg-color) 90%, white);
    --highlight-bg-color-lighter-20: color-mix(in srgb, var(--highlight-bg-color) 80%, white);
    --highlight-bg-color-lighter-30: color-mix(in srgb, var(--highlight-bg-color) 70%, white);
    --highlight-bg-color-lighter-40: color-mix(in srgb, var(--highlight-bg-color) 60%, white);
    --highlight-bg-color-lighter-50: color-mix(in srgb, var(--highlight-bg-color) 50%, white);
    --highlight-bg-color-lighter-60: color-mix(in srgb, var(--highlight-bg-color) 40%, white);
    --highlight-bg-color-lighter-70: color-mix(in srgb, var(--highlight-bg-color) 30%, white);
    --highlight-bg-color-lighter-80: color-mix(in srgb, var(--highlight-bg-color) 20%, white);
    --highlight-bg-color-lighter-90: color-mix(in srgb, var(--highlight-bg-color) 10%, white);
    --highlight-bg-color-lighter-100: color-mix(in srgb, var(--highlight-bg-color) 0%, white);
    --highlight-bg-color-darker-10: color-mix(in srgb, var(--highlight-bg-color) 90%, black);
    --highlight-bg-color-darker-20: color-mix(in srgb, var(--highlight-bg-color) 80%, black);
    --highlight-bg-color-darker-30: color-mix(in srgb, var(--highlight-bg-color) 70%, black);
    --highlight-bg-color-darker-40: color-mix(in srgb, var(--highlight-bg-color) 60%, black);
    --highlight-bg-color-darker-50: color-mix(in srgb, var(--highlight-bg-color) 50%, black);
    --highlight-bg-color-darker-60: color-mix(in srgb, var(--highlight-bg-color) 40%, black);
    --highlight-bg-color-darker-70: color-mix(in srgb, var(--highlight-bg-color) 30%, black);
    --highlight-bg-color-darker-80: color-mix(in srgb, var(--highlight-bg-color) 20%, black);
    --highlight-bg-color-darker-90: color-mix(in srgb, var(--highlight-bg-color) 10%, black);
    --highlight-bg-color-darker-100: color-mix(in srgb, var(--highlight-bg-color) 0%, black);

    /* highlight primary bg color */
    --highlight-primary-bg-color-lighter-10: color-mix(in srgb, var(--highlight-primary-bg-color) 90%, white);
    --highlight-primary-bg-color-lighter-20: color-mix(in srgb, var(--highlight-primary-bg-color) 80%, white);
    --highlight-primary-bg-color-lighter-30: color-mix(in srgb, var(--highlight-primary-bg-color) 70%, white);
    --highlight-primary-bg-color-lighter-40: color-mix(in srgb, var(--highlight-primary-bg-color) 60%, white);
    --highlight-primary-bg-color-lighter-50: color-mix(in srgb, var(--highlight-primary-bg-color) 50%, white);
    --highlight-primary-bg-color-lighter-60: color-mix(in srgb, var(--highlight-primary-bg-color) 40%, white);
    --highlight-primary-bg-color-lighter-70: color-mix(in srgb, var(--highlight-primary-bg-color) 30%, white);
    --highlight-primary-bg-color-lighter-80: color-mix(in srgb, var(--highlight-primary-bg-color) 20%, white);
    --highlight-primary-bg-color-lighter-90: color-mix(in srgb, var(--highlight-primary-bg-color) 10%, white);
    --highlight-primary-bg-color-lighter-100: color-mix(in srgb, var(--highlight-primary-bg-color) 0%, white);
    --highlight-primary-bg-color-darker-10: color-mix(in srgb, var(--highlight-primary-bg-color) 90%, black);
    --highlight-primary-bg-color-darker-20: color-mix(in srgb, var(--highlight-primary-bg-color) 80%, black);
    --highlight-primary-bg-color-darker-30: color-mix(in srgb, var(--highlight-primary-bg-color) 70%, black);
    --highlight-primary-bg-color-darker-40: color-mix(in srgb, var(--highlight-primary-bg-color) 60%, black);
    --highlight-primary-bg-color-darker-50: color-mix(in srgb, var(--highlight-primary-bg-color) 50%, black);
    --highlight-primary-bg-color-darker-60: color-mix(in srgb, var(--highlight-primary-bg-color) 40%, black);
    --highlight-primary-bg-color-darker-70: color-mix(in srgb, var(--highlight-primary-bg-color) 30%, black);
    --highlight-primary-bg-color-darker-80: color-mix(in srgb, var(--highlight-primary-bg-color) 20%, black);
    --highlight-primary-bg-color-darker-90: color-mix(in srgb, var(--highlight-primary-bg-color) 10%, black);
    --highlight-primary-bg-color-darker-100: color-mix(in srgb, var(--highlight-primary-bg-color) 0%, black);

    /* highlight secondary bg color */
    --highlight-secondary-bg-color-lighter-10: color-mix(in srgb, var(--highlight-secondary-bg-color) 90%, white);
    --highlight-secondary-bg-color-lighter-20: color-mix(in srgb, var(--highlight-secondary-bg-color) 80%, white);
    --highlight-secondary-bg-color-lighter-30: color-mix(in srgb, var(--highlight-secondary-bg-color) 70%, white);
    --highlight-secondary-bg-color-lighter-40: color-mix(in srgb, var(--highlight-secondary-bg-color) 60%, white);
    --highlight-secondary-bg-color-lighter-50: color-mix(in srgb, var(--highlight-secondary-bg-color) 50%, white);
    --highlight-secondary-bg-color-lighter-60: color-mix(in srgb, var(--highlight-secondary-bg-color) 40%, white);
    --highlight-secondary-bg-color-lighter-70: color-mix(in srgb, var(--highlight-secondary-bg-color) 30%, white);
    --highlight-secondary-bg-color-lighter-80: color-mix(in srgb, var(--highlight-secondary-bg-color) 20%, white);
    --highlight-secondary-bg-color-lighter-90: color-mix(in srgb, var(--highlight-secondary-bg-color) 10%, white);
    --highlight-secondary-bg-color-lighter-100: color-mix(in srgb, var(--highlight-secondary-bg-color) 0%, white);
    --highlight-secondary-bg-color-darker-10: color-mix(in srgb, var(--highlight-secondary-bg-color) 90%, black);
    --highlight-secondary-bg-color-darker-20: color-mix(in srgb, var(--highlight-secondary-bg-color) 80%, black);
    --highlight-secondary-bg-color-darker-30: color-mix(in srgb, var(--highlight-secondary-bg-color) 70%, black);
    --highlight-secondary-bg-color-darker-40: color-mix(in srgb, var(--highlight-secondary-bg-color) 60%, black);
    --highlight-secondary-bg-color-darker-50: color-mix(in srgb, var(--highlight-secondary-bg-color) 50%, black);
    --highlight-secondary-bg-color-darker-60: color-mix(in srgb, var(--highlight-secondary-bg-color) 40%, black);
    --highlight-secondary-bg-color-darker-70: color-mix(in srgb, var(--highlight-secondary-bg-color) 30%, black);
    --highlight-secondary-bg-color-darker-80: color-mix(in srgb, var(--highlight-secondary-bg-color) 20%, black);
    --highlight-secondary-bg-color-darker-90: color-mix(in srgb, var(--highlight-secondary-bg-color) 10%, black);
    --highlight-secondary-bg-color-darker-100: color-mix(in srgb, var(--highlight-secondary-bg-color) 0%, black);

    /* default accent 1 color */
    --default-accent-1-color-lighter-10: color-mix(in srgb, var(--default-accent-1-color) 90%, white);
    --default-accent-1-color-lighter-20: color-mix(in srgb, var(--default-accent-1-color) 80%, white);
    --default-accent-1-color-lighter-30: color-mix(in srgb, var(--default-accent-1-color) 70%, white);
    --default-accent-1-color-lighter-40: color-mix(in srgb, var(--default-accent-1-color) 60%, white);
    --default-accent-1-color-lighter-50: color-mix(in srgb, var(--default-accent-1-color) 50%, white);
    --default-accent-1-color-lighter-60: color-mix(in srgb, var(--default-accent-1-color) 40%, white);
    --default-accent-1-color-lighter-70: color-mix(in srgb, var(--default-accent-1-color) 30%, white);
    --default-accent-1-color-lighter-80: color-mix(in srgb, var(--default-accent-1-color) 20%, white);
    --default-accent-1-color-lighter-90: color-mix(in srgb, var(--default-accent-1-color) 10%, white);
    --default-accent-1-color-lighter-100: color-mix(in srgb, var(--default-accent-1-color) 0%, white);
    --default-accent-1-color-darker-10: color-mix(in srgb, var(--default-accent-1-color) 90%, black);
    --default-accent-1-color-darker-20: color-mix(in srgb, var(--default-accent-1-color) 80%, black);
    --default-accent-1-color-darker-30: color-mix(in srgb, var(--default-accent-1-color) 70%, black);
    --default-accent-1-color-darker-40: color-mix(in srgb, var(--default-accent-1-color) 60%, black);
    --default-accent-1-color-darker-50: color-mix(in srgb, var(--default-accent-1-color) 50%, black);
    --default-accent-1-color-darker-60: color-mix(in srgb, var(--default-accent-1-color) 40%, black);
    --default-accent-1-color-darker-70: color-mix(in srgb, var(--default-accent-1-color) 30%, black);
    --default-accent-1-color-darker-80: color-mix(in srgb, var(--default-accent-1-color) 20%, black);
    --default-accent-1-color-darker-90: color-mix(in srgb, var(--default-accent-1-color) 10%, black);
    --default-accent-1-color-darker-100: color-mix(in srgb, var(--default-accent-1-color) 0%, black);

    /* default accent 2 color */
    --default-accent-2-color-lighter-10: color-mix(in srgb, var(--default-accent-2-color) 90%, white);
    --default-accent-2-color-lighter-20: color-mix(in srgb, var(--default-accent-2-color) 80%, white);
    --default-accent-2-color-lighter-30: color-mix(in srgb, var(--default-accent-2-color) 70%, white);
    --default-accent-2-color-lighter-40: color-mix(in srgb, var(--default-accent-2-color) 60%, white);
    --default-accent-2-color-lighter-50: color-mix(in srgb, var(--default-accent-2-color) 50%, white);
    --default-accent-2-color-lighter-60: color-mix(in srgb, var(--default-accent-2-color) 40%, white);
    --default-accent-2-color-lighter-70: color-mix(in srgb, var(--default-accent-2-color) 30%, white);
    --default-accent-2-color-lighter-80: color-mix(in srgb, var(--default-accent-2-color) 20%, white);
    --default-accent-2-color-lighter-90: color-mix(in srgb, var(--default-accent-2-color) 10%, white);
    --default-accent-2-color-lighter-100: color-mix(in srgb, var(--default-accent-2-color) 0%, white);
    --default-accent-2-color-darker-10: color-mix(in srgb, var(--default-accent-2-color) 90%, black);
    --default-accent-2-color-darker-20: color-mix(in srgb, var(--default-accent-2-color) 80%, black);
    --default-accent-2-color-darker-30: color-mix(in srgb, var(--default-accent-2-color) 70%, black);
    --default-accent-2-color-darker-40: color-mix(in srgb, var(--default-accent-2-color) 60%, black);
    --default-accent-2-color-darker-50: color-mix(in srgb, var(--default-accent-2-color) 50%, black);
    --default-accent-2-color-darker-60: color-mix(in srgb, var(--default-accent-2-color) 40%, black);
    --default-accent-2-color-darker-70: color-mix(in srgb, var(--default-accent-2-color) 30%, black);
    --default-accent-2-color-darker-80: color-mix(in srgb, var(--default-accent-2-color) 20%, black);
    --default-accent-2-color-darker-90: color-mix(in srgb, var(--default-accent-2-color) 10%, black);
    --default-accent-2-color-darker-100: color-mix(in srgb, var(--default-accent-2-color) 0%, black);

    /* default accent 3 color */
    --default-accent-3-color-lighter-10: color-mix(in srgb, var(--default-accent-3-color) 90%, white);
    --default-accent-3-color-lighter-20: color-mix(in srgb, var(--default-accent-3-color) 80%, white);
    --default-accent-3-color-lighter-30: color-mix(in srgb, var(--default-accent-3-color) 70%, white);
    --default-accent-3-color-lighter-40: color-mix(in srgb, var(--default-accent-3-color) 60%, white);
    --default-accent-3-color-lighter-50: color-mix(in srgb, var(--default-accent-3-color) 50%, white);
    --default-accent-3-color-lighter-60: color-mix(in srgb, var(--default-accent-3-color) 40%, white);
    --default-accent-3-color-lighter-70: color-mix(in srgb, var(--default-accent-3-color) 30%, white);
    --default-accent-3-color-lighter-80: color-mix(in srgb, var(--default-accent-3-color) 20%, white);
    --default-accent-3-color-lighter-90: color-mix(in srgb, var(--default-accent-3-color) 10%, white);
    --default-accent-3-color-lighter-100: color-mix(in srgb, var(--default-accent-3-color) 0%, white);
    --default-accent-3-color-darker-10: color-mix(in srgb, var(--default-accent-3-color) 90%, black);
    --default-accent-3-color-darker-20: color-mix(in srgb, var(--default-accent-3-color) 80%, black);
    --default-accent-3-color-darker-30: color-mix(in srgb, var(--default-accent-3-color) 70%, black);
    --default-accent-3-color-darker-40: color-mix(in srgb, var(--default-accent-3-color) 60%, black);
    --default-accent-3-color-darker-50: color-mix(in srgb, var(--default-accent-3-color) 50%, black);
    --default-accent-3-color-darker-60: color-mix(in srgb, var(--default-accent-3-color) 40%, black);
    --default-accent-3-color-darker-70: color-mix(in srgb, var(--default-accent-3-color) 30%, black);
    --default-accent-3-color-darker-80: color-mix(in srgb, var(--default-accent-3-color) 20%, black);
    --default-accent-3-color-darker-90: color-mix(in srgb, var(--default-accent-3-color) 10%, black);
    --default-accent-3-color-darker-100: color-mix(in srgb, var(--default-accent-3-color) 0%, black);

    /* default accent 4 color */
    --default-accent-4-color-lighter-10: color-mix(in srgb, var(--default-accent-4-color) 90%, white);
    --default-accent-4-color-lighter-20: color-mix(in srgb, var(--default-accent-4-color) 80%, white);
    --default-accent-4-color-lighter-30: color-mix(in srgb, var(--default-accent-4-color) 70%, white);
    --default-accent-4-color-lighter-40: color-mix(in srgb, var(--default-accent-4-color) 60%, white);
    --default-accent-4-color-lighter-50: color-mix(in srgb, var(--default-accent-4-color) 50%, white);
    --default-accent-4-color-lighter-60: color-mix(in srgb, var(--default-accent-4-color) 40%, white);
    --default-accent-4-color-lighter-70: color-mix(in srgb, var(--default-accent-4-color) 30%, white);
    --default-accent-4-color-lighter-80: color-mix(in srgb, var(--default-accent-4-color) 20%, white);
    --default-accent-4-color-lighter-90: color-mix(in srgb, var(--default-accent-4-color) 10%, white);
    --default-accent-4-color-lighter-100: color-mix(in srgb, var(--default-accent-4-color) 0%, white);
    --default-accent-4-color-darker-10: color-mix(in srgb, var(--default-accent-4-color) 90%, black);
    --default-accent-4-color-darker-20: color-mix(in srgb, var(--default-accent-4-color) 80%, black);
    --default-accent-4-color-darker-30: color-mix(in srgb, var(--default-accent-4-color) 70%, black);
    --default-accent-4-color-darker-40: color-mix(in srgb, var(--default-accent-4-color) 60%, black);
    --default-accent-4-color-darker-50: color-mix(in srgb, var(--default-accent-4-color) 50%, black);
    --default-accent-4-color-darker-60: color-mix(in srgb, var(--default-accent-4-color) 40%, black);
    --default-accent-4-color-darker-70: color-mix(in srgb, var(--default-accent-4-color) 30%, black);
    --default-accent-4-color-darker-80: color-mix(in srgb, var(--default-accent-4-color) 20%, black);
    --default-accent-4-color-darker-90: color-mix(in srgb, var(--default-accent-4-color) 10%, black);
    --default-accent-4-color-darker-100: color-mix(in srgb, var(--default-accent-4-color) 0%, black);

    /* highlight accent 1 color */
    --highlight-accent-1-color-lighter-10: color-mix(in srgb, var(--highlight-accent-1-color) 90%, white);
    --highlight-accent-1-color-lighter-20: color-mix(in srgb, var(--highlight-accent-1-color) 80%, white);
    --highlight-accent-1-color-lighter-30: color-mix(in srgb, var(--highlight-accent-1-color) 70%, white);
    --highlight-accent-1-color-lighter-40: color-mix(in srgb, var(--highlight-accent-1-color) 60%, white);
    --highlight-accent-1-color-lighter-50: color-mix(in srgb, var(--highlight-accent-1-color) 50%, white);
    --highlight-accent-1-color-lighter-60: color-mix(in srgb, var(--highlight-accent-1-color) 40%, white);
    --highlight-accent-1-color-lighter-70: color-mix(in srgb, var(--highlight-accent-1-color) 30%, white);
    --highlight-accent-1-color-lighter-80: color-mix(in srgb, var(--highlight-accent-1-color) 20%, white);
    --highlight-accent-1-color-lighter-90: color-mix(in srgb, var(--highlight-accent-1-color) 10%, white);
    --highlight-accent-1-color-lighter-100: color-mix(in srgb, var(--highlight-accent-1-color) 0%, white);
    --highlight-accent-1-color-darker-10: color-mix(in srgb, var(--highlight-accent-1-color) 90%, black);
    --highlight-accent-1-color-darker-20: color-mix(in srgb, var(--highlight-accent-1-color) 80%, black);
    --highlight-accent-1-color-darker-30: color-mix(in srgb, var(--highlight-accent-1-color) 70%, black);
    --highlight-accent-1-color-darker-40: color-mix(in srgb, var(--highlight-accent-1-color) 60%, black);
    --highlight-accent-1-color-darker-50: color-mix(in srgb, var(--highlight-accent-1-color) 50%, black);
    --highlight-accent-1-color-darker-60: color-mix(in srgb, var(--highlight-accent-1-color) 40%, black);
    --highlight-accent-1-color-darker-70: color-mix(in srgb, var(--highlight-accent-1-color) 30%, black);
    --highlight-accent-1-color-darker-80: color-mix(in srgb, var(--highlight-accent-1-color) 20%, black);
    --highlight-accent-1-color-darker-90: color-mix(in srgb, var(--highlight-accent-1-color) 10%, black);
    --highlight-accent-1-color-darker-100: color-mix(in srgb, var(--highlight-accent-1-color) 0%, black);

    /* highlight accent 2 color */
    --highlight-accent-2-color-lighter-10: color-mix(in srgb, var(--highlight-accent-2-color) 90%, white);
    --highlight-accent-2-color-lighter-20: color-mix(in srgb, var(--highlight-accent-2-color) 80%, white);
    --highlight-accent-2-color-lighter-30: color-mix(in srgb, var(--highlight-accent-2-color) 70%, white);
    --highlight-accent-2-color-lighter-40: color-mix(in srgb, var(--highlight-accent-2-color) 60%, white);
    --highlight-accent-2-color-lighter-50: color-mix(in srgb, var(--highlight-accent-2-color) 50%, white);
    --highlight-accent-2-color-lighter-60: color-mix(in srgb, var(--highlight-accent-2-color) 40%, white);
    --highlight-accent-2-color-lighter-70: color-mix(in srgb, var(--highlight-accent-2-color) 30%, white);
    --highlight-accent-2-color-lighter-80: color-mix(in srgb, var(--highlight-accent-2-color) 20%, white);
    --highlight-accent-2-color-lighter-90: color-mix(in srgb, var(--highlight-accent-2-color) 10%, white);
    --highlight-accent-2-color-lighter-100: color-mix(in srgb, var(--highlight-accent-2-color) 0%, white);
    --highlight-accent-2-color-darker-10: color-mix(in srgb, var(--highlight-accent-2-color) 90%, black);
    --highlight-accent-2-color-darker-20: color-mix(in srgb, var(--highlight-accent-2-color) 80%, black);
    --highlight-accent-2-color-darker-30: color-mix(in srgb, var(--highlight-accent-2-color) 70%, black);
    --highlight-accent-2-color-darker-40: color-mix(in srgb, var(--highlight-accent-2-color) 60%, black);
    --highlight-accent-2-color-darker-50: color-mix(in srgb, var(--highlight-accent-2-color) 50%, black);
    --highlight-accent-2-color-darker-60: color-mix(in srgb, var(--highlight-accent-2-color) 40%, black);
    --highlight-accent-2-color-darker-70: color-mix(in srgb, var(--highlight-accent-2-color) 30%, black);
    --highlight-accent-2-color-darker-80: color-mix(in srgb, var(--highlight-accent-2-color) 20%, black);
    --highlight-accent-2-color-darker-90: color-mix(in srgb, var(--highlight-accent-2-color) 10%, black);
    --highlight-accent-2-color-darker-100: color-mix(in srgb, var(--highlight-accent-2-color) 0%, black);

    /* highlight accent 3 color */
    --highlight-accent-3-color-lighter-10: color-mix(in srgb, var(--highlight-accent-3-color) 90%, white);
    --highlight-accent-3-color-lighter-20: color-mix(in srgb, var(--highlight-accent-3-color) 80%, white);
    --highlight-accent-3-color-lighter-30: color-mix(in srgb, var(--highlight-accent-3-color) 70%, white);
    --highlight-accent-3-color-lighter-40: color-mix(in srgb, var(--highlight-accent-3-color) 60%, white);
    --highlight-accent-3-color-lighter-50: color-mix(in srgb, var(--highlight-accent-3-color) 50%, white);
    --highlight-accent-3-color-lighter-60: color-mix(in srgb, var(--highlight-accent-3-color) 40%, white);
    --highlight-accent-3-color-lighter-70: color-mix(in srgb, var(--highlight-accent-3-color) 30%, white);
    --highlight-accent-3-color-lighter-80: color-mix(in srgb, var(--highlight-accent-3-color) 20%, white);
    --highlight-accent-3-color-lighter-90: color-mix(in srgb, var(--highlight-accent-3-color) 10%, white);
    --highlight-accent-3-color-lighter-100: color-mix(in srgb, var(--highlight-accent-3-color) 0%, white);
    --highlight-accent-3-color-darker-10: color-mix(in srgb, var(--highlight-accent-3-color) 90%, black);
    --highlight-accent-3-color-darker-20: color-mix(in srgb, var(--highlight-accent-3-color) 80%, black);
    --highlight-accent-3-color-darker-30: color-mix(in srgb, var(--highlight-accent-3-color) 70%, black);
    --highlight-accent-3-color-darker-40: color-mix(in srgb, var(--highlight-accent-3-color) 60%, black);
    --highlight-accent-3-color-darker-50: color-mix(in srgb, var(--highlight-accent-3-color) 50%, black);
    --highlight-accent-3-color-darker-60: color-mix(in srgb, var(--highlight-accent-3-color) 40%, black);
    --highlight-accent-3-color-darker-70: color-mix(in srgb, var(--highlight-accent-3-color) 30%, black);
    --highlight-accent-3-color-darker-80: color-mix(in srgb, var(--highlight-accent-3-color) 20%, black);
    --highlight-accent-3-color-darker-90: color-mix(in srgb, var(--highlight-accent-3-color) 10%, black);
    --highlight-accent-3-color-darker-100: color-mix(in srgb, var(--highlight-accent-3-color) 0%, black);

    /* highlight accent 4 color */
    --highlight-accent-4-color-lighter-10: color-mix(in srgb, var(--highlight-accent-4-color) 90%, white);
    --highlight-accent-4-color-lighter-20: color-mix(in srgb, var(--highlight-accent-4-color) 80%, white);
    --highlight-accent-4-color-lighter-30: color-mix(in srgb, var(--highlight-accent-4-color) 70%, white);
    --highlight-accent-4-color-lighter-40: color-mix(in srgb, var(--highlight-accent-4-color) 60%, white);
    --highlight-accent-4-color-lighter-50: color-mix(in srgb, var(--highlight-accent-4-color) 50%, white);
    --highlight-accent-4-color-lighter-60: color-mix(in srgb, var(--highlight-accent-4-color) 40%, white);
    --highlight-accent-4-color-lighter-70: color-mix(in srgb, var(--highlight-accent-4-color) 30%, white);
    --highlight-accent-4-color-lighter-80: color-mix(in srgb, var(--highlight-accent-4-color) 20%, white);
    --highlight-accent-4-color-lighter-90: color-mix(in srgb, var(--highlight-accent-4-color) 10%, white);
    --highlight-accent-4-color-lighter-100: color-mix(in srgb, var(--highlight-accent-4-color) 0%, white);
    --highlight-accent-4-color-darker-10: color-mix(in srgb, var(--highlight-accent-4-color) 90%, black);
    --highlight-accent-4-color-darker-20: color-mix(in srgb, var(--highlight-accent-4-color) 80%, black);
    --highlight-accent-4-color-darker-30: color-mix(in srgb, var(--highlight-accent-4-color) 70%, black);
    --highlight-accent-4-color-darker-40: color-mix(in srgb, var(--highlight-accent-4-color) 60%, black);
    --highlight-accent-4-color-darker-50: color-mix(in srgb, var(--highlight-accent-4-color) 50%, black);
    --highlight-accent-4-color-darker-60: color-mix(in srgb, var(--highlight-accent-4-color) 40%, black);
    --highlight-accent-4-color-darker-70: color-mix(in srgb, var(--highlight-accent-4-color) 30%, black);
    --highlight-accent-4-color-darker-80: color-mix(in srgb, var(--highlight-accent-4-color) 20%, black);
    --highlight-accent-4-color-darker-90: color-mix(in srgb, var(--highlight-accent-4-color) 10%, black);
    --highlight-accent-4-color-darker-100: color-mix(in srgb, var(--highlight-accent-4-color) 0%, black);

    /* ============================================
       HIGHLIGHT THEME HOVER VARIABLE
       ============================================ */
    
    /* Default Context (Highlight) */
    --highlight-hover-bg-color: light-dark(
        color-mix(in srgb, var(--highlight-bg-color) 90%, white),
        color-mix(in srgb, var(--highlight-bg-color) 90%, black)
    );
    --highlight-hover-text-color: light-dark(
        color-mix(in srgb, var(--highlight-text-color) 90%, black),
        color-mix(in srgb, var(--highlight-text-color) 90%, white)
    );
    --highlight-hover-link-color: light-dark(
        color-mix(in srgb, var(--highlight-link-color) 90%, black),
        color-mix(in srgb, var(--highlight-link-color) 90%, white)
    );
    --highlight-hover-border-color: light-dark(
        color-mix(in srgb, var(--highlight-border-color) 90%, black),
        color-mix(in srgb, var(--highlight-border-color) 90%, white)
    );
    
    /* Primary Context (Highlight) */
    --highlight-primary-hover-bg-color: light-dark(
        color-mix(in srgb, var(--highlight-primary-bg-color) 90%, black),
        color-mix(in srgb, var(--highlight-primary-bg-color) 90%, white)
    );
    --highlight-primary-hover-text-color: light-dark(
        color-mix(in srgb, var(--highlight-primary-text-color) 90%, white),
        color-mix(in srgb, var(--highlight-primary-text-color) 90%, black)
    );
    --highlight-primary-hover-link-color: light-dark(
        color-mix(in srgb, var(--highlight-primary-link-color) 90%, white),
        color-mix(in srgb, var(--highlight-primary-link-color) 90%, black)
    );
    --highlight-primary-hover-border-color: light-dark(
        color-mix(in srgb, var(--highlight-primary-border-color) 90%, black),
        color-mix(in srgb, var(--highlight-primary-border-color) 90%, white)
    );
    
    /* Secondary Context (Highlight) */
    --highlight-secondary-hover-bg-color: light-dark(
        color-mix(in srgb, var(--highlight-secondary-bg-color) 90%, white),
        color-mix(in srgb, var(--highlight-secondary-bg-color) 90%, black)
    );
    --highlight-secondary-hover-text-color: light-dark(
        color-mix(in srgb, var(--highlight-secondary-text-color) 90%, black),
        color-mix(in srgb, var(--highlight-secondary-text-color) 90%, white)
    );
    --highlight-secondary-hover-link-color: light-dark(
        color-mix(in srgb, var(--highlight-secondary-link-color) 90%, white),
        color-mix(in srgb, var(--highlight-secondary-link-color) 90%, black)
    );
    --highlight-secondary-hover-border-color: light-dark(
        color-mix(in srgb, var(--highlight-secondary-border-color) 90%, black),
        color-mix(in srgb, var(--highlight-secondary-border-color) 90%, white)
    );

    /* Default Typo Variables */
    --default-font-family: 'open-sans', sans-serif;
    --default-heading-font-family: 'open-sans', sans-serif;
    --default-text-size: 16px;
    --default-text-transform: none;
    --default-font-weight: normal;
    --default-line-height: 1.8;
    --default-letter-spacing: normal;
    --default-bg-image: none;
    --default-bg-image-position: center center;
    --default-bg-image-size: cover;
    --default-bg-image-repeat: no-repeat;
    --default-bg-image-attachment: fixed;

    /* === SPACING TOKENS === */
    --space-0: 0em;      /* 0px  */
    --space-1: 0.125em;  /* 2px  */
    --space-2: 0.25em;   /* 4.5px */
    --space-3: 0.375em;  /* 6.75px */
    --space-4: 0.5em;    /* 9px */
    --space-5: 0.75em;   /* 13.5px */
    --space-6: 1em;      /* 18px base */
    --space-7: 1.25em;   /* 22.5px */
    --space-8: 1.5em;    /* 27px */
    --space-9: 1.75em;   /* 31.5px */
    --space-10: 2em;     /* 36px */
    --space-11: 2.5em;   /* 45px */
    --space-12: 3em;     /* 54px */
    --space-13: 4em;     /* 72px */

    /* === FONT SIZE TOKENS === */
    --fs-1: 0.5em;   /* 9px */
    --fs-2: 0.75em;  /* 13.5px */
    --fs-3: 0.875em; /* 15.75px */
    --fs-4: 1em;     /* 18px */
    --fs-5: 1.125em; /* 20.25px */
    --fs-6: 1.25em;  /* 22.5px */
    --fs-7: 1.5em;   /* 27px */
    --fs-8: 1.75em;  /* 31.5px */
    --fs-9: 2em;     /* 36px */
    --fs-10: 2.25em; /* 40.5px */
    --fs-11: 2.5em;  /* 45px */
    --fs-12: 2.75em; /* 49.5px */
    --fs-13: 3em;    /* 54px */
    --fs-14: 3.5em;  /* 63px */

    /* === BORDER RADIUS TOKENS === */
    --radius-0: 0em;     /* 0px */
    --radius-1: 0.125em; /* 2px */
    --radius-2: 0.25em;  /* 4.5px */
    --radius-3: 0.375em; /* 6.75px */
    --radius-4: 0.5em;   /* 9px */
    --radius-5: 0.625em; /* 11.25px */
    --radius-6: 0.75em; /* 13.5px */
    --radius-7: 0.875em; /* 15.75px */
    --radius-8: 1em; /* 18px */
    --radius-9: 1.125em; /* 20.25px */
    --radius-10: 1.25em; /* 22.5px */
    --radius-11: 1.375em; /* 24.75px */
    --radius-12: 1.5em; /* 27px */
    --radius-pill: 9999px;

    /* === WIDTH TOKENS === */
    --w-0-75: 0.75em; /* 13.5px */
    --w-1: 1em;       /* 18px */
    --w-1-25: 1.25em; /* 22.5px */
    --w-1-5: 1.5em;   /* 27px */
    --w-2: 2em;       /* 36px */
    --w-3: 3em;       /* 54px */
    --w-4: 4em;       /* 72px */
    --w-5: 5em;       /* 90px */
    --w-6: 6em;       /* 108px */
    --w-7: 7em;       /* 126px */
    --w-8: 8em;       /* 144px */

    /* === HEIGHT TOKENS === */
    --h-0-75: 0.75em; /* 13.5px */
    --h-1: 1em;       /* 18px */
    --h-1-25: 1.25em; /* 22.5px */
    --h-1-5: 1.5em;   /* 27px */
    --h-2: 2em;       /* 36px */
    --h-3: 3em;       /* 54px */
    --h-4: 4em;       /* 72px */
    --h-5: 5em;       /* 90px */
    --h-6: 6em;       /* 108px */
    --h-7: 7em;       /* 126px */
    --h-8: 8em;       /* 144px */

    /* Default Vars */
    /* BLOG PAGE VARIABLES */
    --color-blog-border: var(--color-border);
    --color-blog-tag-background-style-01: var(--color-light);
    --color-blog-tag-background-border-style-01: var(--color-light);
    --color-blog-tag-background-style-02: var(--color-light);
    --color-blog-tag-background-border-style-02: var(--color-light);
    --color-blog-tag-background: var(--color-light);
    --color-blog-tag-background-border: var(--color-light);
    --color-blog-tag-category-container-background: var(--color-light);
    --color-blog-tag-category-container-background-border: var(--color-light);
    --color-blog-tag-category-container-background-style-04: var(--color-light);
    --color-blog-tag-category-container-background-style-03: var(--color-light);
    --color-blog-tag-category-container-background-border-style-03: var(--color-light);
    --color-blog-footer-content: var(--color-text);
    --color-blog-rss-icon: var(--zpsocialprofile-rss);
    --font-size-blog-author: var(--default-text-size);
    --color-blog-rss-icon-path: var(--color-default);

    --color-bloglist-h1: var(--color-secondary);
    --font-family-bloglist-h1: var(--default-heading-font-family);
    --font-size-bloglist-h1: var(--default-text-size);
    --font-weight-bloglist-h1: normal;
    --font-transform-bloglist-h1: none;
    --font-line-height-bloglist-h1: 1.8;
    --font-letter-spacing-bloglist-h1: normal;


}



* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

noscript {
    height: 100%
}

html {
    font-size: var(--default-text-size);
}
body {
    color: var(--default-text-color);
    font-family: var(--default-font-family);
    font-weight: var(--default-font-weight);
    text-transform: var(--default-text-transform);
    line-height: var(--default-line-height);
    letter-spacing: var(--default-letter-spacing);
    background-image: var(--default-bg-image);
    background-color: var(--default-bg-color);
    background-size: var(--default-bg-image-size);
    background-position: var(--default-bg-image-position);
    background-repeat: var(--default-bg-image-repeat);
    background-attachment: var(--default-bg-image-attachment);
}

.default-container {
    --local-bg-color: var(--default-bg-color);
    --local-text-color: var(--default-text-color);
    --local-link-color: var(--default-link-color);
    --local-hover-link-color: var(--default-hover-link-color);
    --local-border-color: var(--default-border-color);
    --local-accent-1-color: var(--default-accent-1-color);
    --local-accent-2-color: var(--default-accent-2-color);
    --local-accent-3-color: var(--default-accent-3-color);
    --local-accent-4-color: var(--default-accent-4-color);
    --local-primary-bg-color: var(--default-primary-bg-color);
    --local-primary-text-color: var(--default-primary-text-color);
    --local-primary-link-color: var(--default-primary-link-color);
    --local-primary-border-color: var(--default-primary-border-color);
    --local-secondary-bg-color: var(--default-secondary-bg-color);
    --local-secondary-text-color: var(--default-secondary-text-color);
    --local-secondary-link-color: var(--default-secondary-link-color);
    --local-secondary-border-color: var(--default-secondary-border-color);
}
.highlight-container{
    --local-bg-color: var(--highlight-bg-color);
    --local-text-color: var(--highlight-text-color);
    --local-link-color: var(--highlight-link-color);
    --local-hover-link-color: var(--highlight-hover-link-color);
    --local-border-color: var(--highlight-border-color);
    --local-accent-1-color: var(--highlight-accent-1-color);
    --local-accent-2-color: var(--highlight-accent-2-color);
    --local-accent-3-color: var(--highlight-accent-3-color);
    --local-accent-4-color: var(--highlight-accent-4-color);
    --local-primary-bg-color: var(--highlight-primary-bg-color);
    --local-primary-text-color: var(--highlight-primary-text-color);
    --local-primary-link-color: var(--highlight-primary-link-color);
    --local-primary-border-color: var(--highlight-primary-border-color);
    --local-secondary-bg-color: var(--highlight-secondary-bg-color);
    --local-secondary-text-color: var(--highlight-secondary-text-color);
    --local-secondary-link-color: var(--highlight-secondary-link-color);
    --local-secondary-border-color: var(--highlight-secondary-border-color);
}

.default-container,
.highlight-container{
  /* local bg color */
  --local-bg-color-lighter-10: color-mix(in srgb, var(--local-bg-color) 90%, white);
  --local-bg-color-lighter-20: color-mix(in srgb, var(--local-bg-color) 80%, white);
  --local-bg-color-lighter-30: color-mix(in srgb, var(--local-bg-color) 70%, white);
  --local-bg-color-lighter-40: color-mix(in srgb, var(--local-bg-color) 60%, white);
  --local-bg-color-lighter-50: color-mix(in srgb, var(--local-bg-color) 50%, white);
  --local-bg-color-lighter-60: color-mix(in srgb, var(--local-bg-color) 40%, white);
  --local-bg-color-lighter-70: color-mix(in srgb, var(--local-bg-color) 30%, white);
  --local-bg-color-lighter-80: color-mix(in srgb, var(--local-bg-color) 20%, white);
  --local-bg-color-lighter-90: color-mix(in srgb, var(--local-bg-color) 10%, white);
  --local-bg-color-lighter-100: color-mix(in srgb, var(--local-bg-color) 0%, white);
  --local-bg-color-darker-10: color-mix(in srgb, var(--local-bg-color) 90%, black);
  --local-bg-color-darker-20: color-mix(in srgb, var(--local-bg-color) 80%, black);
  --local-bg-color-darker-30: color-mix(in srgb, var(--local-bg-color) 70%, black);
  --local-bg-color-darker-40: color-mix(in srgb, var(--local-bg-color) 60%, black);
  --local-bg-color-darker-50: color-mix(in srgb, var(--local-bg-color) 50%, black);
  --local-bg-color-darker-60: color-mix(in srgb, var(--local-bg-color) 40%, black);
  --local-bg-color-darker-70: color-mix(in srgb, var(--local-bg-color) 30%, black);
  --local-bg-color-darker-80: color-mix(in srgb, var(--local-bg-color) 20%, black);
  --local-bg-color-darker-90: color-mix(in srgb, var(--local-bg-color) 10%, black);
  --local-bg-color-darker-100: color-mix(in srgb, var(--local-bg-color) 0%, black);

  /* local primary bg color */
  --local-primary-bg-color-lighter-10: color-mix(in srgb, var(--local-primary-bg-color) 90%, white);
  --local-primary-bg-color-lighter-20: color-mix(in srgb, var(--local-primary-bg-color) 80%, white);
  --local-primary-bg-color-lighter-30: color-mix(in srgb, var(--local-primary-bg-color) 70%, white);
  --local-primary-bg-color-lighter-40: color-mix(in srgb, var(--local-primary-bg-color) 60%, white);
  --local-primary-bg-color-lighter-50: color-mix(in srgb, var(--local-primary-bg-color) 50%, white);
  --local-primary-bg-color-lighter-60: color-mix(in srgb, var(--local-primary-bg-color) 40%, white);
  --local-primary-bg-color-lighter-70: color-mix(in srgb, var(--local-primary-bg-color) 30%, white);
  --local-primary-bg-color-lighter-80: color-mix(in srgb, var(--local-primary-bg-color) 20%, white);
  --local-primary-bg-color-lighter-90: color-mix(in srgb, var(--local-primary-bg-color) 10%, white);
  --local-primary-bg-color-lighter-100: color-mix(in srgb, var(--local-primary-bg-color) 0%, white);
  --local-primary-bg-color-darker-10: color-mix(in srgb, var(--local-primary-bg-color) 90%, black);
  --local-primary-bg-color-darker-20: color-mix(in srgb, var(--local-primary-bg-color) 80%, black);
  --local-primary-bg-color-darker-30: color-mix(in srgb, var(--local-primary-bg-color) 70%, black);
  --local-primary-bg-color-darker-40: color-mix(in srgb, var(--local-primary-bg-color) 60%, black);
  --local-primary-bg-color-darker-50: color-mix(in srgb, var(--local-primary-bg-color) 50%, black);
  --local-primary-bg-color-darker-60: color-mix(in srgb, var(--local-primary-bg-color) 40%, black);
  --local-primary-bg-color-darker-70: color-mix(in srgb, var(--local-primary-bg-color) 30%, black);
  --local-primary-bg-color-darker-80: color-mix(in srgb, var(--local-primary-bg-color) 20%, black);
  --local-primary-bg-color-darker-90: color-mix(in srgb, var(--local-primary-bg-color) 10%, black);
  --local-primary-bg-color-darker-100: color-mix(in srgb, var(--local-primary-bg-color) 0%, black);

  /* local secondary bg color */
  --local-secondary-bg-color-lighter-10: color-mix(in srgb, var(--local-secondary-bg-color) 90%, white);
  --local-secondary-bg-color-lighter-20: color-mix(in srgb, var(--local-secondary-bg-color) 80%, white);
  --local-secondary-bg-color-lighter-30: color-mix(in srgb, var(--local-secondary-bg-color) 70%, white);
  --local-secondary-bg-color-lighter-40: color-mix(in srgb, var(--local-secondary-bg-color) 60%, white);
  --local-secondary-bg-color-lighter-50: color-mix(in srgb, var(--local-secondary-bg-color) 50%, white);
  --local-secondary-bg-color-lighter-60: color-mix(in srgb, var(--local-secondary-bg-color) 40%, white);
  --local-secondary-bg-color-lighter-70: color-mix(in srgb, var(--local-secondary-bg-color) 30%, white);
  --local-secondary-bg-color-lighter-80: color-mix(in srgb, var(--local-secondary-bg-color) 20%, white);
  --local-secondary-bg-color-lighter-90: color-mix(in srgb, var(--local-secondary-bg-color) 10%, white);
  --local-secondary-bg-color-lighter-100: color-mix(in srgb, var(--local-secondary-bg-color) 0%, white);
  --local-secondary-bg-color-darker-10: color-mix(in srgb, var(--local-secondary-bg-color) 90%, black);
  --local-secondary-bg-color-darker-20: color-mix(in srgb, var(--local-secondary-bg-color) 80%, black);
  --local-secondary-bg-color-darker-30: color-mix(in srgb, var(--local-secondary-bg-color) 70%, black);
  --local-secondary-bg-color-darker-40: color-mix(in srgb, var(--local-secondary-bg-color) 60%, black);
  --local-secondary-bg-color-darker-50: color-mix(in srgb, var(--local-secondary-bg-color) 50%, black);
  --local-secondary-bg-color-darker-60: color-mix(in srgb, var(--local-secondary-bg-color) 40%, black);
  --local-secondary-bg-color-darker-70: color-mix(in srgb, var(--local-secondary-bg-color) 30%, black);
  --local-secondary-bg-color-darker-80: color-mix(in srgb, var(--local-secondary-bg-color) 20%, black);
  --local-secondary-bg-color-darker-90: color-mix(in srgb, var(--local-secondary-bg-color) 10%, black);
  --local-secondary-bg-color-darker-100: color-mix(in srgb, var(--local-secondary-bg-color) 0%, black);

  /* local accent 1 color */
  --local-accent-1-color-lighter-10: color-mix(in srgb, var(--local-accent-1-color) 90%, white);
  --local-accent-1-color-lighter-20: color-mix(in srgb, var(--local-accent-1-color) 80%, white);
  --local-accent-1-color-lighter-30: color-mix(in srgb, var(--local-accent-1-color) 70%, white);
  --local-accent-1-color-lighter-40: color-mix(in srgb, var(--local-accent-1-color) 60%, white);
  --local-accent-1-color-lighter-50: color-mix(in srgb, var(--local-accent-1-color) 50%, white);
  --local-accent-1-color-lighter-60: color-mix(in srgb, var(--local-accent-1-color) 40%, white);
  --local-accent-1-color-lighter-70: color-mix(in srgb, var(--local-accent-1-color) 30%, white);
  --local-accent-1-color-lighter-80: color-mix(in srgb, var(--local-accent-1-color) 20%, white);
  --local-accent-1-color-lighter-90: color-mix(in srgb, var(--local-accent-1-color) 10%, white);
  --local-accent-1-color-lighter-100: color-mix(in srgb, var(--local-accent-1-color) 0%, white);
  --local-accent-1-color-darker-10: color-mix(in srgb, var(--local-accent-1-color) 90%, black);
  --local-accent-1-color-darker-20: color-mix(in srgb, var(--local-accent-1-color) 80%, black);
  --local-accent-1-color-darker-30: color-mix(in srgb, var(--local-accent-1-color) 70%, black);
  --local-accent-1-color-darker-40: color-mix(in srgb, var(--local-accent-1-color) 60%, black);
  --local-accent-1-color-darker-50: color-mix(in srgb, var(--local-accent-1-color) 50%, black);
  --local-accent-1-color-darker-60: color-mix(in srgb, var(--local-accent-1-color) 40%, black);
  --local-accent-1-color-darker-70: color-mix(in srgb, var(--local-accent-1-color) 30%, black);
  --local-accent-1-color-darker-80: color-mix(in srgb, var(--local-accent-1-color) 20%, black);
  --local-accent-1-color-darker-90: color-mix(in srgb, var(--local-accent-1-color) 10%, black);
  --local-accent-1-color-darker-100: color-mix(in srgb, var(--local-accent-1-color) 0%, black);

  /* local accent 2 color */
  --local-accent-2-color-lighter-10: color-mix(in srgb, var(--local-accent-2-color) 90%, white);
  --local-accent-2-color-lighter-20: color-mix(in srgb, var(--local-accent-2-color) 80%, white);
  --local-accent-2-color-lighter-30: color-mix(in srgb, var(--local-accent-2-color) 70%, white);
  --local-accent-2-color-lighter-40: color-mix(in srgb, var(--local-accent-2-color) 60%, white);
  --local-accent-2-color-lighter-50: color-mix(in srgb, var(--local-accent-2-color) 50%, white);
  --local-accent-2-color-lighter-60: color-mix(in srgb, var(--local-accent-2-color) 40%, white);
  --local-accent-2-color-lighter-70: color-mix(in srgb, var(--local-accent-2-color) 30%, white);
  --local-accent-2-color-lighter-80: color-mix(in srgb, var(--local-accent-2-color) 20%, white);
  --local-accent-2-color-lighter-90: color-mix(in srgb, var(--local-accent-2-color) 10%, white);
  --local-accent-2-color-lighter-100: color-mix(in srgb, var(--local-accent-2-color) 0%, white);
  --local-accent-2-color-darker-10: color-mix(in srgb, var(--local-accent-2-color) 90%, black);
  --local-accent-2-color-darker-20: color-mix(in srgb, var(--local-accent-2-color) 80%, black);
  --local-accent-2-color-darker-30: color-mix(in srgb, var(--local-accent-2-color) 70%, black);
  --local-accent-2-color-darker-40: color-mix(in srgb, var(--local-accent-2-color) 60%, black);
  --local-accent-2-color-darker-50: color-mix(in srgb, var(--local-accent-2-color) 50%, black);
  --local-accent-2-color-darker-60: color-mix(in srgb, var(--local-accent-2-color) 40%, black);
  --local-accent-2-color-darker-70: color-mix(in srgb, var(--local-accent-2-color) 30%, black);
  --local-accent-2-color-darker-80: color-mix(in srgb, var(--local-accent-2-color) 20%, black);
  --local-accent-2-color-darker-90: color-mix(in srgb, var(--local-accent-2-color) 10%, black);
  --local-accent-2-color-darker-100: color-mix(in srgb, var(--local-accent-2-color) 0%, black);

  /* local accent 3 color */
  --local-accent-3-color-lighter-10: color-mix(in srgb, var(--local-accent-3-color) 90%, white);
  --local-accent-3-color-lighter-20: color-mix(in srgb, var(--local-accent-3-color) 80%, white);
  --local-accent-3-color-lighter-30: color-mix(in srgb, var(--local-accent-3-color) 70%, white);
  --local-accent-3-color-lighter-40: color-mix(in srgb, var(--local-accent-3-color) 60%, white);
  --local-accent-3-color-lighter-50: color-mix(in srgb, var(--local-accent-3-color) 50%, white);
  --local-accent-3-color-lighter-60: color-mix(in srgb, var(--local-accent-3-color) 40%, white);
  --local-accent-3-color-lighter-70: color-mix(in srgb, var(--local-accent-3-color) 30%, white);
  --local-accent-3-color-lighter-80: color-mix(in srgb, var(--local-accent-3-color) 20%, white);
  --local-accent-3-color-lighter-90: color-mix(in srgb, var(--local-accent-3-color) 10%, white);
  --local-accent-3-color-lighter-100: color-mix(in srgb, var(--local-accent-3-color) 0%, white);
  --local-accent-3-color-darker-10: color-mix(in srgb, var(--local-accent-3-color) 90%, black);
  --local-accent-3-color-darker-20: color-mix(in srgb, var(--local-accent-3-color) 80%, black);
  --local-accent-3-color-darker-30: color-mix(in srgb, var(--local-accent-3-color) 70%, black);
  --local-accent-3-color-darker-40: color-mix(in srgb, var(--local-accent-3-color) 60%, black);
  --local-accent-3-color-darker-50: color-mix(in srgb, var(--local-accent-3-color) 50%, black);
  --local-accent-3-color-darker-60: color-mix(in srgb, var(--local-accent-3-color) 40%, black);
  --local-accent-3-color-darker-70: color-mix(in srgb, var(--local-accent-3-color) 30%, black);
  --local-accent-3-color-darker-80: color-mix(in srgb, var(--local-accent-3-color) 20%, black);
  --local-accent-3-color-darker-90: color-mix(in srgb, var(--local-accent-3-color) 10%, black);
  --local-accent-3-color-darker-100: color-mix(in srgb, var(--local-accent-3-color) 0%, black);

  /* local accent 4 color */
  --local-accent-4-color-lighter-10: color-mix(in srgb, var(--local-accent-4-color) 90%, white);
  --local-accent-4-color-lighter-20: color-mix(in srgb, var(--local-accent-4-color) 80%, white);
  --local-accent-4-color-lighter-30: color-mix(in srgb, var(--local-accent-4-color) 70%, white);
  --local-accent-4-color-lighter-40: color-mix(in srgb, var(--local-accent-4-color) 60%, white);
  --local-accent-4-color-lighter-50: color-mix(in srgb, var(--local-accent-4-color) 50%, white);
  --local-accent-4-color-lighter-60: color-mix(in srgb, var(--local-accent-4-color) 40%, white);
  --local-accent-4-color-lighter-70: color-mix(in srgb, var(--local-accent-4-color) 30%, white);
  --local-accent-4-color-lighter-80: color-mix(in srgb, var(--local-accent-4-color) 20%, white);
  --local-accent-4-color-lighter-90: color-mix(in srgb, var(--local-accent-4-color) 10%, white);
  --local-accent-4-color-lighter-100: color-mix(in srgb, var(--local-accent-4-color) 0%, white);
  --local-accent-4-color-darker-10: color-mix(in srgb, var(--local-accent-4-color) 90%, black);
  --local-accent-4-color-darker-20: color-mix(in srgb, var(--local-accent-4-color) 80%, black);
  --local-accent-4-color-darker-30: color-mix(in srgb, var(--local-accent-4-color) 70%, black);
  --local-accent-4-color-darker-40: color-mix(in srgb, var(--local-accent-4-color) 60%, black);
  --local-accent-4-color-darker-50: color-mix(in srgb, var(--local-accent-4-color) 50%, black);
  --local-accent-4-color-darker-60: color-mix(in srgb, var(--local-accent-4-color) 40%, black);
  --local-accent-4-color-darker-70: color-mix(in srgb, var(--local-accent-4-color) 30%, black);
  --local-accent-4-color-darker-80: color-mix(in srgb, var(--local-accent-4-color) 20%, black);
  --local-accent-4-color-darker-90: color-mix(in srgb, var(--local-accent-4-color) 10%, black);
  --local-accent-4-color-darker-100: color-mix(in srgb, var(--local-accent-4-color) 0%, black);
}

a {
    color: var(--local-link-color);
}

a:hover {
    color: var(--local-hover-link-color)
}

@keyframes cursor-blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}
.typewriter-cursor {
    margin-left: 0.05em;
    font-weight: bold;
    animation: cursor-blink 0.7s infinite;
}

.text-highlight {
    position: relative;
    z-index: 2;
}

/* Specific highlight styles — stroke color follows current text color via mask */
.text-highlight-underline::after, .text-highlight-circle::after, .text-highlight-scribble::after, .text-highlight-jagged::after, .text-highlight-cross::after, .text-highlight-highlight7::after, .text-highlight-highlight8::after, .text-highlight-highlight9::after, .text-highlight-highlight10::after, .text-highlight-highlight11::after, .text-highlight-highlight12::after, .text-highlight-highlight13::after, .text-highlight-highlight14::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Lower z-index to appear behind text */
    background-color: var(--local-highlight-color, currentColor);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.text-highlight-underline::after {
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 100 44%22 preserveAspectRatio=%22none%22%3E%3Cpath stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%223%22 d=%22M0 43h100%22 /%3E%3C/svg%3E');
    mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 100 44%22 preserveAspectRatio=%22none%22%3E%3Cpath stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%223%22 d=%22M0 43h100%22 /%3E%3C/svg%3E');
}

.text-highlight-circle::after {
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 100 50%22 preserveAspectRatio=%22none%22%3E%3Cpath stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%223%22 d=%22M34.028 35.455c55.063 1.688 68.872 0 66.226-18.645C98 2.671 69.454 0 49 0S-2 2.671-2 17.727 23.113 39 72.059 40.56%22 /%3E%3C/svg%3E');
    mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 100 50%22 preserveAspectRatio=%22none%22%3E%3Cpath stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%223%22 d=%22M34.028 35.455c55.063 1.688 68.872 0 66.226-18.645C98 2.671 69.454 0 49 0S-2 2.671-2 17.727 23.113 39 72.059 40.56%22 /%3E%3C/svg%3E');
}

.text-highlight-scribble::after {
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 100 44%22 preserveAspectRatio=%22none%22%3E%3Cpath stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%222.5%22 d=%22M0 38c5-4 10 2 18-2s12 6 20 1 10-5 18 1 12 5 20-1 8-4 14 2 24-1%22 /%3E%3C/svg%3E');
    mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 100 44%22 preserveAspectRatio=%22none%22%3E%3Cpath stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%222.5%22 d=%22M0 38c5-4 10 2 18-2s12 6 20 1 10-5 18 1 12 5 20-1 8-4 14 2 24-1%22 /%3E%3C/svg%3E');
}

.text-highlight-jagged::after {
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 100 54%22 preserveAspectRatio=%22none%22%3E%3Cpath stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%223%22 d=%22M0 48q21.778-10.889 10.889 0c-5.445 5.444-5.445 5.444 5.444 0q21.778-10.889 10.89 0c-5.445 5.444-5.445 5.444 5.444 0q21.777-10.889 10.889 0C38.11 54.444 38.11 52.444 49 48q21.778-10.889 10.889 0c-5.445 5.444-5.445 5.444 5.444 0q21.778-10.889 10.89 0c-5.445 5.444-5.445 5.444 5.444 0q21.778-10.889 10.89 0%22 /%3E%3C/svg%3E');
    mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 100 54%22 preserveAspectRatio=%22none%22%3E%3Cpath stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%223%22 d=%22M0 48q21.778-10.889 10.889 0c-5.445 5.444-5.445 5.444 5.444 0q21.778-10.889 10.89 0c-5.445 5.444-5.445 5.444 5.444 0q21.777-10.889 10.889 0C38.11 54.444 38.11 52.444 49 48q21.778-10.889 10.889 0c-5.445 5.444-5.445 5.444 5.444 0q21.778-10.889 10.89 0c-5.445 5.444-5.445 5.444 5.444 0q21.778-10.889 10.89 0%22 /%3E%3C/svg%3E');
}

.text-highlight-cross::after {
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 100 44%22 preserveAspectRatio=%22none%22%3E%3Cpath stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%223%22 d=%22m0 0 100 43M0 43 100 0%22 /%3E%3C/svg%3E');
    mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 100 44%22 preserveAspectRatio=%22none%22%3E%3Cpath stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%223%22 d=%22m0 0 100 43M0 43 100 0%22 /%3E%3C/svg%3E');
}

.text-highlight-highlight7::after {
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 100 44%22 preserveAspectRatio=%22none%22%3E%3Cpath stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%222.5%22 d=%22M0 10Q50 0 100 10M0 44Q50 34 100 44%22 /%3E%3C/svg%3E');
    mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 100 44%22 preserveAspectRatio=%22none%22%3E%3Cpath stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%222.5%22 d=%22M0 10Q50 0 100 10M0 44Q50 34 100 44%22 /%3E%3C/svg%3E');
}

.text-highlight-highlight8::after {
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 100 44%22 preserveAspectRatio=%22none%22%3E%3Cpath stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%222%22 d=%22M0 34Q50 44 100 34%22 /%3E%3C/svg%3E');
    mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 100 44%22 preserveAspectRatio=%22none%22%3E%3Cpath stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%222%22 d=%22M0 34Q50 44 100 34%22 /%3E%3C/svg%3E');
}

.text-highlight-highlight9::after {
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 100 44%22 preserveAspectRatio=%22none%22%3E%3Cpath stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%222%22 d=%22M0 44Q50 34 100 44%22 /%3E%3C/svg%3E');
    mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 100 44%22 preserveAspectRatio=%22none%22%3E%3Cpath stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%222%22 d=%22M0 44Q50 34 100 44%22 /%3E%3C/svg%3E');
}

.text-highlight-highlight10::after {
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 100 44%22 preserveAspectRatio=%22none%22%3E%3Cpath stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%222.5%22 d=%22M0 40Q50 32 100 40M12 42Q50 38 56 40M20 46Q50 40 80 44%22 /%3E%3C/svg%3E');
    mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 100 44%22 preserveAspectRatio=%22none%22%3E%3Cpath stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%222.5%22 d=%22M0 40Q50 32 100 40M12 42Q50 38 56 40M20 46Q50 40 80 44%22 /%3E%3C/svg%3E');
}

.text-highlight-highlight11::after {
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 100 44%22 preserveAspectRatio=%22none%22%3E%3Cpath stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%222%22 d=%22M0 40Q40 35 70 42M10 35Q40 29 90 41M0 40Q50 30 85 40%22 /%3E%3C/svg%3E');
    mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 100 44%22 preserveAspectRatio=%22none%22%3E%3Cpath stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%222%22 d=%22M0 40Q40 35 70 42M10 35Q40 29 90 41M0 40Q50 30 85 40%22 /%3E%3C/svg%3E');
}

.text-highlight-highlight12::after {
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 100 44%22 preserveAspectRatio=%22none%22%3E%3Cpath stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%223%22 d=%22m0 0 100 43M0 0%22 /%3E%3C/svg%3E');
    mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 100 44%22 preserveAspectRatio=%22none%22%3E%3Cpath stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%223%22 d=%22m0 0 100 43M0 0%22 /%3E%3C/svg%3E');
}

.text-highlight-highlight13::after {
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 44%22 preserveAspectRatio=%22none%22%3E%3Crect x=%220%22 y=%2220%22 width=%22100%22 height=%226%22 fill=%22%23000%22 /%3E%3C/svg%3E');
    mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 44%22 preserveAspectRatio=%22none%22%3E%3Crect x=%220%22 y=%2220%22 width=%22100%22 height=%226%22 fill=%22%23000%22 /%3E%3C/svg%3E');
}

.text-highlight-highlight14::after {
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 100 50%22 preserveAspectRatio=%22none%22%3E%3Cpath stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%223%22 d=%22M15 50L56 48C80 50 104 30 100 22C96 8 78 0 50 0C22 0 4 8 0 22C-4 32 18 50 36 42%22 /%3E%3C/svg%3E');
    mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 100 50%22 preserveAspectRatio=%22none%22%3E%3Cpath stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%223%22 d=%22M15 50L56 48C80 50 104 30 100 22C96 8 78 0 50 0C22 0 4 8 0 22C-4 32 18 50 36 42%22 /%3E%3C/svg%3E');
}

/* Uncomment below to enable device view plugin styles */
/* Device view plugin styles starts — breakpoints match VIEWPORT_DEFINITIONS in viewport-utils.js */
.zp-hidden-all,
.zp-hidden-all.zprow {
    display: none !important;
}

/* mobile: max-width 767px */
@media (max-width: 767px) {
    .zp-hidden-xs,
    .zp-hidden-xs.zprow {
        display: none !important;
    }
}

/* tablet: max-width 991px and min-width 768px */
@media (max-width: 991px) and (min-width: 768px) {
    .zp-hidden-sm,
    .zp-hidden-sm.zprow {
        display: none !important;
    }
}

/* desktop: min-width 992px */
@media (min-width: 992px) {
    .zp-hidden-md,
    .zp-hidden-md.zprow {
        display: none !important;
    }
}
/* Device view plugin styles ends */

/* ============================================
   LIGHTBOX (page-container overlay)
   ============================================ */

.zp-lightbox-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999990;
  display: flex;
  flex-direction: column;
  --zp-lightbox-zoom: 1;
  --zp-lightbox-chrome-height: 60px;
  background: rgba(17, 17, 17, 0.94);
  color: #fff;
  user-select: none;
}

.zp-lightbox-theme-light {
  background: rgba(255, 255, 255, 0.96);
  color: #111;
}

.zp-lightbox-chrome {
  flex: 0 0 var(--zp-lightbox-chrome-height);
  height: var(--zp-lightbox-chrome-height);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-inline: 16px;
  background: rgba(0, 0, 0, 0.45);
  position: relative;
  z-index: 2;
}

.zp-lightbox-theme-light .zp-lightbox-chrome {
  background: rgba(0, 0, 0, 0.08);
}

.zp-lightbox-controls {
  display: flex;
  align-items: center;
  gap: 4px;
}

.zp-lightbox-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

.zp-lightbox-btn:hover:not(:disabled),
.zp-lightbox-btn:focus-visible {
  background: rgba(255, 255, 255, 0.12);
  outline: none;
}

.zp-lightbox-theme-light .zp-lightbox-btn:hover:not(:disabled),
.zp-lightbox-theme-light .zp-lightbox-btn:focus-visible {
  background: rgba(0, 0, 0, 0.08);
}

.zp-lightbox-btn:disabled {
  opacity: 0.35;
  cursor: default;
}

.zp-lightbox-btn-close:hover:not(:disabled),
.zp-lightbox-btn-close:focus-visible {
  color: #ff6b6b;
}

.zp-lightbox-body {
  flex: 1 1 auto;
  min-height: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}

.zp-lightbox-body > .zpelem-slider,
.zp-lightbox-body > .zpelem-slider.zpslider-lightbox-mode {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.zp-lightbox-body .zpslider-lightbox-mode > .zpslider-container {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
}

.zp-lightbox-body .zpslider-lightbox-mode .zpslider-content-container {
  flex: 1 1 auto;
  min-height: 0;
  height: calc(100vh - var(--zp-lightbox-chrome-height) - 96px);
}

.zp-lightbox-body .zpslider-lightbox-mode .zpslider-content {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  box-shadow: none;
}

.zp-lightbox-body .zpslider-lightbox-mode .zpslider-content-inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zp-lightbox-slide {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px;
  box-sizing: border-box;
}

.zp-lightbox-slide-img {
  max-width: 100%;
  max-height: calc(100vh - var(--zp-lightbox-chrome-height) - 140px);
  object-fit: contain;
  transform: scale(var(--zp-lightbox-zoom, 1));
  transform-origin: center center;
  transition: transform 0.2s ease;
}

.zp-lightbox-slide-caption {
  max-width: min(720px, 90%);
  text-align: center;
  font-size: 14px;
  line-height: 1.4;
  opacity: 0.9;
}

.zp-lightbox-body .zpslider-lightbox-mode .zpslider-arrows-container {
  z-index: 3;
}

.zp-lightbox-body .zpslider-lightbox-mode .zpslider-arrow-left,
.zp-lightbox-body .zpslider-lightbox-mode .zpslider-arrow-right {
  color: inherit;
}

.zp-lightbox-body .zpslider-lightbox-mode .zpslider-arrows-container svg {
  fill: currentColor;
}

.zp-lightbox-body .zpslider-lightbox-mode .zpslider-controller-type-05.zpslider-controller-container {
  flex: 0 0 auto;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
  justify-content: center;
  padding-block: 10px 16px;
  background: transparent;
}

.zp-lightbox-body .zpslider-lightbox-mode .zpslider-controller-type-05 .zpslider-controller {
  border-color: rgba(255, 255, 255, 0.45);
}

.zp-lightbox-theme-light .zpslider-controller-type-05 .zpslider-controller {
  border-color: rgba(0, 0, 0, 0.25);
}

.zp-lightbox-body .zpslider-lightbox-mode .zpslider-controller-type-05 .zpslider-controller:hover,
.zp-lightbox-body .zpslider-lightbox-mode .zpslider-controller-type-05 .zpslider-controller.zpslider-controller-active {
  border-color: #fff;
  box-shadow: 0 0 0 1px #fff;
}

.zp-lightbox-theme-light .zpslider-controller-type-05 .zpslider-controller:hover,
.zp-lightbox-theme-light .zpslider-controller-type-05 .zpslider-controller.zpslider-controller-active {
  border-color: #111;
  box-shadow: 0 0 0 1px #111;
}

@media (max-width: 767px) {
  .zp-lightbox-overlay {
    --zp-lightbox-chrome-height: 48px;
  }

  .zp-lightbox-btn {
    width: 44px;
    height: 44px;
  }

  .zp-lightbox-body .zpslider-lightbox-mode .zpslider-content-container {
    height: calc(100vh - var(--zp-lightbox-chrome-height) - 88px);
  }

  .zp-lightbox-slide-img {
    max-height: calc(100vh - var(--zp-lightbox-chrome-height) - 120px);
  }

  .zp-lightbox-body .zpslider-lightbox-mode .zpslider-controller-type-05 .zpslider-controller {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
  }
}
@font-face {
   font-family:"Montez";
   font-weight:400;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/montezregular/font_latin.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/montezregular/font_latin.woff") format("woff");
   unicode-range: U+20-7E, U+A0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2212, U+2215;
}
@font-face {
   font-family:"Montez";
   font-weight:400;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/montezregular/font_latin_ext.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/montezregular/font_latin_ext.woff") format("woff");
   unicode-range: U+100-130, U+132-151, U+154-17E, U+192, U+1FC-1FF, U+237, U+1E80-1E85, U+1EF2-1EF3;
}
@font-face {
   font-family:"Montez";
   font-weight:400;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/montezregular/font_others.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/montezregular/font_others.woff") format("woff");
   unicode-range: U+2C7, U+2D8-2D9, U+2DB, U+2DD, U+3BC, U+2122, U+2202, U+2248, U+2260, U+2264-2265, U+FB01-FB02;
}
@font-face {
   font-family:"Cabin";
   font-weight:700;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/cabinbold/font_latin.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/cabinbold/font_latin.woff") format("woff");
   unicode-range: U+20-7E, U+8E, U+9E, U+A0-AE, U+B0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2074, U+20AC;
}
@font-face {
   font-family:"Cabin";
   font-weight:700;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/cabinbold/font_latin_ext.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/cabinbold/font_latin_ext.woff") format("woff");
   unicode-range: U+10C-10D, U+160-161, U+178, U+192, U+237;
}
@font-face {
   font-family:"Cabin";
   font-weight:700;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/cabinbold/font_others.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/cabinbold/font_others.woff") format("woff");
   unicode-range: U+2C7, U+2070, U+2075-2079, U+2080-2089, U+2122;
}
@font-face {
   font-family:"Cabin";
   font-weight:400;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/cabinregular/font_latin.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/cabinregular/font_latin.woff") format("woff");
   unicode-range: U+20-7E, U+8E, U+9E, U+A0-AE, U+B0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2074, U+20AC;
}
@font-face {
   font-family:"Cabin";
   font-weight:400;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/cabinregular/font_latin_ext.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/cabinregular/font_latin_ext.woff") format("woff");
   unicode-range: U+10C-10D, U+160-161, U+178, U+192, U+237;
}
@font-face {
   font-family:"Cabin";
   font-weight:400;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/cabinregular/font_others.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/cabinregular/font_others.woff") format("woff");
   unicode-range: U+2C7, U+2070, U+2075-2079, U+2080-2089, U+2122;
}
@font-face {
   font-family:"Montserrat";
   font-weight:700;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/montserratbold/font_cyrillic_ext.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/montserratbold/font_cyrillic_ext.woff") format("woff");
   unicode-range: U+462-463, U+46A-46B, U+472-475, U+48A-48F, U+492-4A5, U+4A8-4AF, U+4B2-4C4, U+4C6-4FF, U+510-513, U+51A-51D, U+524-529, U+52E-52F, U+25CC;
}
@font-face {
   font-family:"Montserrat";
   font-weight:700;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/montserratbold/font_latin.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/montserratbold/font_latin.woff") format("woff");
   unicode-range: U+20-7E, U+A0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2007-200B, U+2010, U+2012-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2032-2033, U+2039-203A, U+2044, U+2052, U+2074, U+20AC, U+2212, U+2215, U+25CC;
}
@font-face {
   font-family:"Montserrat";
   font-weight:700;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/montserratbold/font_latin_ext.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/montserratbold/font_latin_ext.woff") format("woff");
   unicode-range: U+100-130, U+132-151, U+154-17F, U+18F, U+192, U+1A0-1A1, U+1AF-1B0, U+1B7, U+1C4-1CE, U+1D3-1D4, U+1E4-1EB, U+1EE-1EF, U+1FA-21B, U+21E-21F, U+22A-22D, U+230-233, U+237, U+1E08-1E09, U+1E0C-1E0F, U+1E14-1E17, U+1E1C-1E1D, U+1E20-1E21, U+1E24-1E25, U+1E2A-1E2B, U+1E2E-1E2F, U+1E36-1E37, U+1E3A-1E3B, U+1E42-1E49, U+1E4C-1E53, U+1E5A-1E5B, U+1E5E-1E69, U+1E6C-1E6F, U+1E78-1E7B, U+1E80-1E85, U+1E8E-1E8F, U+1E92-1E93, U+1E97, U+1E9E, U+1EA0-1EF9, U+20A1, U+20A3-20A4, U+20A6-20A7, U+20A9, U+20AB, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8, U+20BA, U+20BC-20BD, U+25CC, U+A78B-A78C;
}
@font-face {
   font-family:"Montserrat";
   font-weight:700;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/montserratbold/font_others.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/montserratbold/font_others.woff") format("woff");
   unicode-range: U+259, U+292, U+2B9-2BC, U+2BE-2BF, U+2C7-2CC, U+2D8-2D9, U+2DB, U+2DD, U+300-304, U+306-30C, U+30F, U+311-312, U+31B, U+323-324, U+326-328, U+32E, U+331, U+335-338, U+394, U+3A9, U+3BC, U+3C0, U+2070, U+2075-2079, U+2080-2089, U+20B9, U+2113, U+2122, U+2126, U+212A-212B, U+212E, U+2153-2154, U+215B-215E, U+2190-2199, U+2202, U+2205-2206, U+220F, U+2211, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25A0-25A1, U+25B2-25B3, U+25B6-25B7, U+25BC-25BD, U+25C0-25C1, U+25C6-25C7, U+25CA, U+25CC, U+27E8-27E9, U+FB01-FB02;
}
@font-face {
   font-family:"Montserrat";
   font-weight:700;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/montserratbold/font_cyrillic.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/montserratbold/font_cyrillic.woff") format("woff");
   unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116, U+25CC;
}
@font-face {
   font-family:"Montserrat";
   font-weight:400;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/montserratregular/font_cyrillic_ext.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/montserratregular/font_cyrillic_ext.woff") format("woff");
   unicode-range: U+462-463, U+46A-46B, U+472-475, U+48A-48F, U+492-4A5, U+4A8-4AF, U+4B2-4C4, U+4C6-4FF, U+510-513, U+51A-51D, U+524-529, U+52E-52F, U+25CC;
}
@font-face {
   font-family:"Montserrat";
   font-weight:400;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/montserratregular/font_latin.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/montserratregular/font_latin.woff") format("woff");
   unicode-range: U+20-7E, U+A0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2007-200B, U+2010, U+2012-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2032-2033, U+2039-203A, U+2044, U+2052, U+2074, U+20AC, U+2212, U+2215, U+25CC;
}
@font-face {
   font-family:"Montserrat";
   font-weight:400;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/montserratregular/font_latin_ext.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/montserratregular/font_latin_ext.woff") format("woff");
   unicode-range: U+100-130, U+132-151, U+154-17F, U+18F, U+192, U+1A0-1A1, U+1AF-1B0, U+1B7, U+1C4-1CE, U+1D3-1D4, U+1E4-1EB, U+1EE-1EF, U+1FA-21B, U+21E-21F, U+22A-22D, U+230-233, U+237, U+1E08-1E09, U+1E0C-1E0F, U+1E14-1E17, U+1E1C-1E1D, U+1E20-1E21, U+1E24-1E25, U+1E2A-1E2B, U+1E2E-1E2F, U+1E36-1E37, U+1E3A-1E3B, U+1E42-1E49, U+1E4C-1E53, U+1E5A-1E5B, U+1E5E-1E69, U+1E6C-1E6F, U+1E78-1E7B, U+1E80-1E85, U+1E8E-1E8F, U+1E92-1E93, U+1E97, U+1E9E, U+1EA0-1EF9, U+20A1, U+20A3-20A4, U+20A6-20A7, U+20A9, U+20AB, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8, U+20BA, U+20BC-20BD, U+25CC, U+A78B-A78C;
}
@font-face {
   font-family:"Montserrat";
   font-weight:400;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/montserratregular/font_others.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/montserratregular/font_others.woff") format("woff");
   unicode-range: U+259, U+292, U+2B9-2BC, U+2BE-2BF, U+2C7-2CC, U+2D8-2D9, U+2DB, U+2DD, U+300-304, U+306-30C, U+30F, U+311-312, U+31B, U+323-324, U+326-328, U+32E, U+331, U+335-338, U+394, U+3A9, U+3BC, U+3C0, U+2070, U+2075-2079, U+2080-2089, U+20B9, U+2113, U+2122, U+2126, U+212A-212B, U+212E, U+2153-2154, U+215B-215E, U+2190-2199, U+2202, U+2205-2206, U+220F, U+2211, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25A0-25A1, U+25B2-25B3, U+25B6-25B7, U+25BC-25BD, U+25C0-25C1, U+25C6-25C7, U+25CA, U+25CC, U+27E8-27E9, U+FB01-FB02;
}
@font-face {
   font-family:"Montserrat";
   font-weight:400;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/montserratregular/font_cyrillic.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/montserratregular/font_cyrillic.woff") format("woff");
   unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116, U+25CC;
}
@font-face {
   font-family:"Open Sans";
   font-weight:400;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/opensans/font_greek.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/opensans/font_greek.woff") format("woff");
   unicode-range: U+384-38A, U+38C, U+38E-3A1, U+3A3-3CE, U+3D1-3D2, U+3D6;
}
@font-face {
   font-family:"Open Sans";
   font-weight:400;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/opensans/font_cyrillic_ext.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/opensans/font_cyrillic_ext.woff") format("woff");
   unicode-range: U+460-486, U+488-48F, U+492-4AF, U+4B2-513;
}
@font-face {
   font-family:"Open Sans";
   font-weight:400;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/opensans/font_latin.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/opensans/font_latin.woff") format("woff");
   unicode-range: U+20-7E, U+A0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-200B, U+2013-2015, U+2017-201E, U+2020-2022, U+2026, U+2030, U+2032-2033, U+2039-203A, U+203C, U+2044, U+2074, U+20AC, U+2212;
}
@font-face {
   font-family:"Open Sans";
   font-weight:400;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/opensans/font_latin_ext.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/opensans/font_latin_ext.woff") format("woff");
   unicode-range: U+100-130, U+132-151, U+154-17F, U+192, U+1A0-1A1, U+1AF-1B0, U+1F0, U+1FA-1FF, U+218-21B, U+237, U+1E00-1E01, U+1E3E-1E3F, U+1E80-1E85, U+1EA0-1EF9, U+20A3-20A4, U+20A7, U+20AB;
}
@font-face {
   font-family:"Open Sans";
   font-weight:400;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/opensans/font_cyrillic.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/opensans/font_cyrillic.woff") format("woff");
   unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
   font-family:"Open Sans";
   font-weight:400;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/opensans/font_others.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/opensans/font_others.woff") format("woff");
   unicode-range: U+2BC, U+2C7, U+2C9, U+2D8-2D9, U+2DB, U+2DD, U+2F3, U+300-301, U+303, U+309, U+30F, U+323, U+1F4D, U+2070, U+2075-2079, U+207F, U+2105, U+2113, U+2120, U+2122, U+2126, U+212E, U+215B-215E, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+FB00-FB04, U+FEFF, U+FFFC-FFFD;
}
@font-face {
   font-family:"Open Sans";
   font-weight:700;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/opensansbold/font_greek.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/opensansbold/font_greek.woff") format("woff");
   unicode-range: U+384-38A, U+38C, U+38E-3A1, U+3A3-3CE, U+3D1-3D2, U+3D6;
}
@font-face {
   font-family:"Open Sans";
   font-weight:700;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/opensansbold/font_cyrillic_ext.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/opensansbold/font_cyrillic_ext.woff") format("woff");
   unicode-range: U+460-486, U+488-48F, U+492-4AF, U+4B2-513;
}
@font-face {
   font-family:"Open Sans";
   font-weight:700;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/opensansbold/font_latin.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/opensansbold/font_latin.woff") format("woff");
   unicode-range: U+20-7E, U+A0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-200B, U+2013-2015, U+2017-201E, U+2020-2022, U+2026, U+2030, U+2032-2033, U+2039-203A, U+203C, U+2044, U+2074, U+20AC, U+2212;
}
@font-face {
   font-family:"Open Sans";
   font-weight:700;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/opensansbold/font_latin_ext.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/opensansbold/font_latin_ext.woff") format("woff");
   unicode-range: U+100-130, U+132-151, U+154-17F, U+192, U+1A0-1A1, U+1AF-1B0, U+1F0, U+1FA-1FF, U+218-21B, U+237, U+1E00-1E01, U+1E3E-1E3F, U+1E80-1E85, U+1EA0-1EF9, U+20A3-20A4, U+20A7, U+20AB;
}
@font-face {
   font-family:"Open Sans";
   font-weight:700;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/opensansbold/font_cyrillic.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/opensansbold/font_cyrillic.woff") format("woff");
   unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
   font-family:"Open Sans";
   font-weight:700;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/opensansbold/font_others.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/opensansbold/font_others.woff") format("woff");
   unicode-range: U+2BC, U+2C7, U+2C9, U+2D8-2D9, U+2DB, U+2DD, U+2F3, U+300-301, U+303, U+309, U+30F, U+323, U+1F4D, U+2070, U+2075-2079, U+207F, U+2105, U+2113, U+2120, U+2122, U+2126, U+212E, U+215B-215E, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+FB00-FB04, U+FEFF, U+FFFC-FFFD;
}
@font-face {
   font-family:"Comfortaa";
   font-weight:400;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/comfortaaregular/font_greek.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/comfortaaregular/font_greek.woff") format("woff");
   unicode-range: U+384-38A, U+38C, U+38E-3A1, U+3A3-3CE;
}
@font-face {
   font-family:"Comfortaa";
   font-weight:400;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/comfortaaregular/font_cyrillic_ext.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/comfortaaregular/font_cyrillic_ext.woff") format("woff");
   unicode-range: U+492-493, U+496-497, U+49A-49D, U+4A2-4A3, U+4AE-4AF, U+4B2-4B3, U+4B8-4BB, U+4D8-4D9, U+4E8-4E9;
}
@font-face {
   font-family:"Comfortaa";
   font-weight:400;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/comfortaaregular/font_latin.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/comfortaaregular/font_latin.woff") format("woff");
   unicode-range: U+20-7E, U+A1-AC, U+AE-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2013-2015, U+2017-201E, U+2020-2022, U+2026, U+2030, U+2032-2033, U+2039-203A, U+203C, U+203E, U+2044, U+20AC, U+2212;
}
@font-face {
   font-family:"Comfortaa";
   font-weight:400;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/comfortaaregular/font_latin_ext.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/comfortaaregular/font_latin_ext.woff") format("woff");
   unicode-range: U+100-130, U+132-151, U+154-17F, U+192, U+1FA-1FF, U+1E80-1E85, U+1EF2-1EF3, U+20A3-20A4, U+20A7;
}
@font-face {
   font-family:"Comfortaa";
   font-weight:400;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/comfortaaregular/font_cyrillic.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/comfortaaregular/font_cyrillic.woff") format("woff");
   unicode-range: U+401-40C, U+40E-44F, U+451-45C, U+45E-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
   font-family:"Comfortaa";
   font-weight:400;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/comfortaaregular/font_others.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/comfortaaregular/font_others.woff") format("woff");
   unicode-range: U+259, U+2C7, U+2C9, U+2D8-2D9, U+2DB, U+2DD, U+207F, U+2105, U+2113, U+2122, U+2126, U+212E, U+215B-215E, U+2190-2195, U+21A8, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E-221F, U+2229, U+222B, U+2248, U+2260-2261, U+2264-2265, U+F001-F002;
}
@font-face {
   font-family:"Convergence";
   font-weight:400;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/convergenceregular/font_latin.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/convergenceregular/font_latin.woff") format("woff");
   unicode-range: U+20-7E, U+A1-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2039-203A, U+20AC;
}
@font-face {
   font-family:"Convergence";
   font-weight:400;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/convergenceregular/font_latin_ext.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/convergenceregular/font_latin_ext.woff") format("woff");
   unicode-range: U+127-129, U+132-135, U+137-138, U+13F-144, U+154, U+156-159, U+192, U+237;
}
@font-face {
   font-family:"Convergence";
   font-weight:400;
   font-style:normal;
   font-display:swap;
   src:url("//static.zohocdn.com/webfonts/convergenceregular/font_others.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/convergenceregular/font_others.woff") format("woff");
   unicode-range: U+2C7, U+307, U+FB01-FB02;
}
.zppage-template{position:relative;width:100%}.zpelem-container{width:100%;display:flex;min-height:20px;flex-flow:column}:root{--default-image-aspect-ratio:auto;--default-image-border-color:var(--default-border-color);--default-image-border-radius:0;--default-image-padding:0;--default-image-box-shadow-color:#0f0f0f}.default-container,.highlight-container{--local-image-box-shadow-color:var(--default-image-box-shadow-color)}.default-container{--local-image-bg-color:var(--default-bg-color);--local-image-text-color:var(--default-text-color);--local-image-text-shadow-color:var(--default-text-color);--local-image-border-color:var(--default-image-border-color);--local-image-caption-bg-color:var(--default-primary-bg-color);--local-image-caption-text-color:var(--default-primary-text-color)}.highlight-container{--local-image-bg-color:var(--highlight-bg-color);--local-image-text-color:var(--highlight-text-color);--local-image-text-shadow-color:var(--highlight-text-color);--local-image-border-color:var(--highlight-border-color);--local-image-caption-bg-color:var(--highlight-primary-bg-color);--local-image-caption-text-color:var(--highlight-primary-text-color)}.zpelem-image,.zpelem-imageheadingtext,.zpelem-imagetext{--local-bg-color:var(--local-image-bg-color, var(--default-bg-color));--local-text-color:var(--local-image-text-color, var(--default-text-color));--local-text-shadow-color:var(--local-image-text-shadow-color, var(--default-text-color));--local-border-color:var(--local-image-border-color, var(--default-image-border-color));--local-box-shadow-color:var(--local-image-box-shadow-color, var(--default-image-box-shadow-color));--local-caption-bg-color:var(--local-image-caption-bg-color, var(--default-primary-bg-color));--local-caption-text-color:var(--local-image-caption-text-color, var(--default-primary-text-color))}.zpelem-image{width:fit-content}.zpimage-container figure,.zpimage-container figure img{max-width:none!important}@media (min-width:992px){.zpimage-fit,.zpimage-size-fit,.zpimage-size-fit figure{width:100%!important}.zpimage-size-fit figure,.zpimage-size-fit figure img{max-width:100%!important}}@media (max-width:991px) and (min-width:768px){.zpimage-tablet-fit,.zpimage-tablet-fit figure,.zpimage-tablet-fit figure img,.zpimage-tablet-size-fit,.zpimage-tablet-size-fit figure,.zpimage-tablet-size-fit figure img{max-width:100%!important}.zpimage-tablet-fit,.zpimage-tablet-fit figure,.zpimage-tablet-size-fit,.zpimage-tablet-size-fit figure{width:100%!important}}@media (max-width:767px){.zpimage-mobile-fit,.zpimage-mobile-fit figure,.zpimage-mobile-fit figure img,.zpimage-mobile-size-fit,.zpimage-mobile-size-fit figure,.zpimage-mobile-size-fit figure img{max-width:100%!important}.zpimage-mobile-fit,.zpimage-mobile-fit figure,.zpimage-mobile-size-fit,.zpimage-mobile-size-fit figure{width:100%!important}}@media (min-width:992px){.zpimage-size-original figure img{width:auto!important;height:auto!important}}@media (max-width:991px) and (min-width:768px){[class*=zpimage-size].zpimage-tablet-size-original figure img{width:auto!important;height:auto!important}[class*=zpimage-size].zpimage-tablet-size-fit figure{width:100%!important}.zpelem-image:not(.zpimage-tablet-fit) .zpimage-size-fit figure{width:auto!important}.zpelem-image.zpimage-tablet-align-left .zpimage-container{justify-content:flex-start}.zpelem-image.zpimage-tablet-align-right .zpimage-container{justify-content:flex-end}.zpelem-image.zpimage-tablet-align-center .zpimage-container{justify-content:center}}@media (max-width:767px){[class*=zpimage-size].zpimage-mobile-size-original figure img{width:auto!important;height:auto!important}[class*=zpimage-size].zpimage-mobile-size-fit figure{width:100%!important}.zpelem-image:not(.zpimage-mobile-fit) .zpimage-size-fit figure{width:auto!important}.zpelem-image.zpimage-mobile-align-left .zpimage-container{justify-content:flex-start}.zpelem-image.zpimage-mobile-align-right .zpimage-container{justify-content:flex-end}.zpelem-image.zpimage-mobile-align-center .zpimage-container{justify-content:center}}.zpimage-container{display:flex;border-radius:var(--default-image-border-radius)}@media (max-width:767px){.zpimage-container.zpimage-mobile-size-original{overflow:visible}}@media (max-width:991px) and (min-width:768px){.zpimage-container.zpimage-tablet-size-original{overflow:visible}}@media (min-width:992px){.zpimage-container.zpimage-size-original{overflow:visible}}.zpimage-container figure{display:inline-table;position:relative}.zpimage-container figure img{display:inline-block;vertical-align:top;height:auto;object-position:50% 50%;aspect-ratio:var(--default-image-aspect-ratio);border:var(--default-image-border-width) solid var(--local-image-border-color, var(--default-image-border-color));border-radius:var(--default-image-border-radius);padding:var(--default-image-padding);object-fit:cover}.zpimage-container figure figcaption{display:table-caption;caption-side:bottom;padding:var(--space-5)}.zpimage-container.zpimage-overlay figure{overflow:hidden}.zpimage-container.zpimage-overlay figure figcaption.zpimage-caption{display:block;caption-side:unset}.zpimage-shape-stack{display:inline-block}.zpimage-shape-viewport{display:none}@media (min-width:992px){.zpimage-shape-desktop{display:inline-block}}@media (max-width:991px) and (min-width:768px){.zpimage-shape-tablet{display:inline-block}}@media (max-width:767px){.zpimage-shape-mobile{display:inline-block}}.zpimage-caption-content{font-size:var(--default-text-size)}.zpimage-container:not(.zpimage-overlay) .zpimage-caption-content,.zpimage-container:not(.zpimage-overlay) figure figcaption{color:var(--local-text-color, var(--default-text-color))}.zpimage-caption{padding:var(--space-5)}.zpimage-align-left{align-self:flex-start}.zpimage-align-right{align-self:flex-end}.zpimage-align-center{align-self:center}.zpelement-stack>.zpelem-image{flex-shrink:0;flex-grow:0;width:fit-content;min-width:0}@media (min-width:992px){.zpelement-stack>.zpelem-image.zpimage-fit{flex-shrink:1;flex-grow:1;width:100%}}.zpelem-image [data-overlay-enable=false] figcaption{padding:var(--space-5) var(--space-0)!important}.zpimage-style-circle{border-radius:50%}.zpimage-style-roundcorner{border-radius:var(--radius-3)}.zpimage-style-box{background-color:var(--local-image-bg-color, var(--default-bg-color));border-width:1px;border-style:solid;border-color:var(--local-image-border-color, var(--default-border-color));border-radius:var(--radius-2);display:inline-block;height:auto;padding:var(--space-2)}.zpimage-space-none{padding:var(--space-0)}.zpimage-space-thin{padding:var(--space-1)}.zpimage-space-medium{padding:var(--space-2)}.zpimage-space-thick{padding:var(--space-4)}.zpimage-caption-align-left{text-align:start}.zpimage-caption-align-right{text-align:end}.zpimage-caption-align-center{text-align:center}@media all and (max-width:991px) and (min-width:768px){.zpimage-tablet-align-left{align-self:flex-start}.zpimage-tablet-align-right{align-self:flex-end}.zpimage-tablet-align-center{align-self:center}.zpelement-stack>.zpelem-image.zpimage-tablet-fit{flex-shrink:1;flex-grow:1;width:100%}}@media all and (max-width:767px){.zpimage-mobile-align-left{align-self:flex-start}.zpimage-mobile-align-right{align-self:flex-end}.zpimage-mobile-align-center{align-self:center}.zpelement-stack>.zpelem-image.zpimage-mobile-fit{flex-shrink:1;flex-grow:1;width:100%}}.zpimage-anchor:focus{outline-offset:-2px}div[data-animation-name]{opacity:0}:root[data-nojs] div[data-animation-name]{opacity:1!important}[class*=zpimage-overlay-effect-imghvr-push-] figure:hover .zpimage-caption,[class*=zpimage-overlay-effect-imghvr-push-] img,[class*=zpimage-overlay-effect-imghvr-slide-] figure:hover .zpimage-caption{transition:all .5s ease-in-out}.zpimage-overlay-effect-imghvr-flip-vert .zpimage-caption,.zpimage-overlay-effect-imghvr-fold-down .zpimage-caption,.zpimage-overlay-effect-imghvr-fold-up img,[class*=zpimage-overlay-effect-imghvr-fold-] img{transform-origin:50%0}.zpimage-overlay-effect-imghvr-flip-horiz .zpimage-caption,.zpimage-overlay-effect-imghvr-fold-left .zpimage-caption,.zpimage-overlay-effect-imghvr-fold-right img{transform-origin:0 50%}.zpimage-overlay-effect-imghvr-fold-down img,.zpimage-overlay-effect-imghvr-fold-up .zpimage-caption{transform-origin:50% 100%}.zpimage-overlay-effect-imghvr-fold-left img,.zpimage-overlay-effect-imghvr-fold-right .zpimage-caption{transform-origin:100% 50%}.zpimage-overlay-effect-imghvr-push-down figure:hover img,.zpimage-overlay-effect-imghvr-push-up .zpimage-caption,.zpimage-overlay-effect-imghvr-slide-up .zpimage-caption{transform:translateY(100%)}.zpimage-overlay-effect-imghvr-push-down .zpimage-caption,.zpimage-overlay-effect-imghvr-push-up figure:hover img,.zpimage-overlay-effect-imghvr-slide-down .zpimage-caption{transform:translateY(-100%)}.zpimage-overlay-effect-imghvr-push-left .zpimage-caption,.zpimage-overlay-effect-imghvr-push-right figure:hover img,.zpimage-overlay-effect-imghvr-slide-left .zpimage-caption{transform:translateX(100%)}.zpimage-overlay-effect-imghvr-push-left figure:hover img,.zpimage-overlay-effect-imghvr-push-right .zpimage-caption,.zpimage-overlay-effect-imghvr-slide-right .zpimage-caption{transform:translateX(-100%)}[class*=zpimage-overlay-effect-] img{transition:all .5s ease-in-out}[class*=zpimage-overlay-effect-] .zpimage-caption{padding:var(--space-5);position:absolute;inset:0;width:auto;height:auto;transition:all .5s ease-in-out}.zpimage-overlay-effect-static-top .zpimage-caption{top:0!important;bottom:auto!important}.zpimage-overlay-effect-static-bottom .zpimage-caption{top:auto!important;bottom:0!important}.zpimage-overlay-effect-static-left .zpimage-caption{width:60%!important;inset-inline-start:0!important;bottom:0!important;inset-inline-end:auto}.zpimage-overlay-effect-static-right .zpimage-caption{width:60%!important;inset-inline-end:0!important;bottom:0!important;inset-inline-start:auto!important}.zpimage-overlay-effect-static-center .zpimage-caption{bottom:auto!important;top:50%!important;transform:translateY(-50%)}.zpimage-overlay-effect-full figure:after{display:block;width:100%;height:100%;content:"";opacity:0;position:absolute;top:0!important;z-index:0;transition:all .3s ease-in-out}.zpimage-overlay-effect-full .zpimage-caption{position:absolute;background:0 0;top:50%!important;text-align:center;bottom:auto;transform:translateY(-50%);opacity:0;z-index:1;width:100%;height:100%}.zpimage-overlay-effect-full figure:hover .zpimage-caption,.zpimage-overlay-effect-full figure:hover::after{opacity:1}[class*=zpimage-overlay-effect-imghvr-push-] figure:hover .zpimage-caption,[class*=zpimage-overlay-effect-imghvr-slide-] figure:hover .zpimage-caption{transform:translate(0,0)}[class*=zpimage-overlay-effect-imghvr-flip-],[class*=zpimage-overlay-effect-imghvr-fold-]{perspective:50em}[class*=zpimage-overlay-effect-imghvr-flip-] img{backface-visibility:hidden}[class*=zpimage-overlay-effect-imghvr-flip-] .zpimage-caption{opacity:0}[class*=zpimage-overlay-effect-imghvr-flip-] figure:hover .zpimage-caption{opacity:1;transition-delay:.1s}.zpimage-overlay-effect-imghvr-flip-horiz .zpimage-caption{transform:rotateX(90deg)}.zpimage-overlay-effect-imghvr-flip-horiz figure:hover img{transform:rotateX(-180deg)}.zpimage-overlay-effect-imghvr-flip-horiz figure:hover .zpimage-caption{transform:rotateX(0deg)}.zpimage-overlay-effect-imghvr-flip-vert .zpimage-caption{transform:rotateY(90deg)}.zpimage-overlay-effect-imghvr-flip-vert figure:hover img{transform:rotateY(-180deg)}.zpimage-overlay-effect-imghvr-flip-vert figure:hover .zpimage-caption{transform:rotateY(0deg)}.zpimage-overlay-effect-imghvr-flip-diag-2 .zpimage-caption{transform:rotate3d(1,1,0,100deg)}.zpimage-overlay-effect-imghvr-flip-diag-2 figure:hover img{transform:rotate3d(-1,-1,0,100deg)}.zpimage-overlay-effect-imghvr-flip-diag-2 figure:hover .zpimage-caption{transform:rotate3d(0,0,0,0deg)}[class*=zpimage-overlay-effect-imghvr-fold-] .zpimage-caption{z-index:1;opacity:0}[class*=zpimage-overlay-effect-imghvr-fold-] figure:hover img{opacity:0;transition-delay:0}[class*=zpimage-overlay-effect-imghvr-fold-] figure:hover .zpimage-caption{transform:rotateX(0deg) translate3d(0,0,0) scale(1);opacity:1;transition-delay:.2s}.zpimage-overlay-effect-imghvr-fold-up .zpimage-caption{transform:rotateX(-90deg) translate3d(0,-50%,0) scale(.6)}.zpimage-overlay-effect-imghvr-fold-up figure:hover img{transform:rotateX(90deg) scale(.6) translateY(50%)}.zpimage-overlay-effect-imghvr-fold-down .zpimage-caption{transform:rotateX(90deg) translate3d(0,50%,0) scale(.6)}.zpimage-overlay-effect-imghvr-fold-down figure:hover img{transform:rotateX(-90deg) scale(.6) translateY(-50%)}.zpimage-overlay-effect-imghvr-fold-right .zpimage-caption{transform:rotateY(90deg) translate3d(-50%,0,0) scale(.6)}.zpimage-overlay-effect-imghvr-fold-right figure:hover img{transform:rotateY(-90deg) scale(.6) translateX(50%)}.zpimage-overlay-effect-imghvr-fold-left .zpimage-caption{transform:rotateY(-90deg) translate3d(50%,0,0) scale(.6)}.zpimage-overlay-effect-imghvr-fold-left figure:hover img{transform:rotateY(90deg) scale(.6) translateX(-50%)}[class*=zpimage-overlay-effect-imghvr-zoom-out-and-] .zpimage-caption{transform:scale(.5);transform-origin:50% 50%;opacity:0}[class*=zpimage-overlay-effect-imghvr-zoom-out-and-] figure:hover .zpimage-caption{transform:scale(1);opacity:1;transition-delay:.2s}[class*=zpimage-overlay-effect-imghvr-zoom-out-and-] figure:hover img{transform:scale(.5);opacity:0}.zpimage-overlay-effect-imghvr-zoom-out-and-scale .zpimage-caption{transform:scale(0)}.zpimage-overlay-effect-imghvr-zoom-out-and-scale figure:hover .zpimage-caption{transform:scale(1);opacity:1}.zpimage-overlay-effect-imghvr-zoom-out-and-scale figure:hover img{transform:scale(1.6)}.zpimage-container[class*=zpimage-overlay-effect-] figure figcaption,.zpimage-container[class*=zpimage-overlay-effect-] figure:hover figcaption,.zpimage-container[class*=zpimage-overlay-effect-static-] figure figcaption{background:var(--local-caption-bg-color, var(--default-primary-bg-color));color:var(--local-caption-text-color, var(--default-primary-text-color))}.zpelem-imagetext{display:flex;flex-wrap:wrap}.zpelem-imageheadingtext{display:grid}:root{--default-carousel-indicator-bg-color:transparent;--default-carousel-indicator-border-color:var(--default-border-color);--default-carousel-indicator-active-bg-color:var(--default-primary-bg-color);--default-carousel-arrow-color:var(--default-text-color);--default-carousel-arrow-bg-color:var(--default-primary-bg-color);--default-carousel-arrow-hover-bg-color:var(--default-primary-hover-bg-color);--default-carousel-fill-arrow-color:var(--default-primary-text-color);--highlight-carousel-indicator-bg-color:transparent;--highlight-carousel-indicator-border-color:var(--highlight-border-color);--highlight-carousel-indicator-active-bg-color:var(--highlight-primary-bg-color);--highlight-carousel-arrow-color:var(--highlight-text-color);--highlight-carousel-arrow-bg-color:var(--highlight-primary-bg-color);--highlight-carousel-arrow-hover-bg-color:var(--highlight-primary-hover-bg-color);--highlight-carousel-fill-arrow-color:var(--highlight-primary-text-color)}.zpslider-container{--zpslider-controls-size:48px;--local-carousel-indicator-bg-color:var(--default-carousel-indicator-bg-color);--local-carousel-indicator-border-color:var(--default-carousel-indicator-border-color);--local-carousel-indicator-active-bg-color:var(--default-carousel-indicator-active-bg-color);--local-carousel-arrow-color:var(--default-carousel-arrow-color);--local-carousel-arrow-bg-color:var(--default-carousel-arrow-bg-color);--local-carousel-arrow-hover-bg-color:var(--default-carousel-arrow-hover-bg-color);--local-carousel-fill-arrow-color:var(--default-carousel-fill-arrow-color)}.zpslider-container:has(>.zpslider-content-container>.zpslider-content-active.highlight-container){--local-carousel-indicator-bg-color:var(--highlight-carousel-indicator-bg-color);--local-carousel-indicator-border-color:var(--highlight-carousel-indicator-border-color);--local-carousel-indicator-active-bg-color:var(--highlight-carousel-indicator-active-bg-color);--local-carousel-arrow-color:var(--highlight-carousel-arrow-color);--local-carousel-arrow-bg-color:var(--highlight-carousel-arrow-bg-color);--local-carousel-arrow-hover-bg-color:var(--highlight-carousel-arrow-hover-bg-color);--local-carousel-fill-arrow-color:var(--highlight-carousel-fill-arrow-color)}.zpslider-container:has(>.zpslider-content-container>.zpslider-content-active.default-container){--local-carousel-indicator-bg-color:var(--default-carousel-indicator-bg-color);--local-carousel-indicator-border-color:var(--default-carousel-indicator-border-color);--local-carousel-indicator-active-bg-color:var(--default-carousel-indicator-active-bg-color);--local-carousel-arrow-color:var(--default-carousel-arrow-color);--local-carousel-arrow-bg-color:var(--default-carousel-arrow-bg-color);--local-carousel-arrow-hover-bg-color:var(--default-carousel-arrow-hover-bg-color);--local-carousel-fill-arrow-color:var(--default-carousel-fill-arrow-color)}.zpelem-slider,.zpelem-slider>.zpslider-container{width:100%;display:flex;flex-direction:column}.zpelem-slider>.zpslider-container{position:relative;flex:1 1 auto;min-height:inherit}.zpslider-content-container{max-inline-size:100%;overflow:hidden;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;position:relative;flex:1 1 auto;width:100%;min-height:inherit}.zpelem-slider:not(.zpslider-controls-overlap)>.zpslider-container>.zpslider-content-container{min-height:0}.default-container,.highlight-container{--local-slider-item-box-shadow-color:#0f0f0f}.default-container{--local-slider-item-bg-color:var(--default-bg-color);--local-slider-item-border-color:var(--default-border-color)}.highlight-container{--local-slider-item-bg-color:var(--highlight-bg-color);--local-slider-item-border-color:var(--highlight-border-color)}.zpslider-content{grid-area:1/1;margin-block-start:0;animation-duration:.6s;animation-fill-mode:both;animation-timing-function:ease-out;width:100%;min-height:inherit;height:100%;visibility:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.zpslider-content.fadeIn,.zpslider-content.fadeOut{transform:none}.zpslider-content.fadeIn,.zpslider-content.fadeInLeft,.zpslider-content.fadeInRight,.zpslider-content.fadeOut,.zpslider-content.fadeOutLeft,.zpslider-content.fadeOutRight,.zpslider-content.slideInDown,.zpslider-content.slideInLeft,.zpslider-content.slideInRight,.zpslider-content.slideInUp,.zpslider-content.slideOutDown,.zpslider-content.slideOutLeft,.zpslider-content.slideOutRight,.zpslider-content.slideOutUp{visibility:visible!important}.zpslider-content-container:not(:has(.zpslider-content-active))>.zpslider-content:first-child{visibility:visible}.zpslider-content.default-container,.zpslider-content.highlight-container{background-color:var(--local-slider-item-bg-color);box-shadow:0 0 0 var(--local-slider-item-box-shadow-color);--local-bg-color:var(--local-slider-item-bg-color);--local-border-color:var(--local-slider-item-border-color);--local-box-shadow-color:var(--local-slider-item-box-shadow-color)}.zpslider-content.zpslider-content-active{visibility:visible;margin-inline-start:0;z-index:1}.zpslider-content>.zp-bg-layer-wrapper{display:grid;grid-template:1fr/1fr;min-height:inherit;height:100%;width:100%;min-width:0}.zpslider-content>.zp-bg-layer-wrapper>*{grid-area:1/1}.zpslider-content>.zp-bg-layer-wrapper>.zp-bg-layer-container{position:relative;width:100%;min-height:100%;overflow:hidden;z-index:0;pointer-events:none}.zpslider-content .zp-bg-layer-container video{width:100%;height:100%;position:absolute;inset:0;z-index:0;object-fit:cover;overflow:hidden;display:block}.zpslider-content .zp-bg-layer-container .zpvideo-bg-overlay{position:absolute;inset:0}.zpslider-content .zp-bg-layer-container .zpvideo-fallback-image{display:none;background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}@media screen and (max-width:786px){.zpslider-content .zp-bg-layer-container video{display:none}.zpslider-content .zp-bg-layer-container .zpvideo-fallback-image{display:block}}.zpslider-container>.zpslider-content-container>.zpslider-content>.zp-bg-layer-wrapper>.zpslider-content-inner,.zpslider-container>.zpslider-content-container>.zpslider-content>.zpslider-content-inner{position:relative;min-height:inherit;height:100%;display:flex;flex-flow:column;align-items:center;justify-content:center;z-index:1;box-sizing:border-box;padding-inline:var(--zpslider-controls-size)}.zpslider-content .zpimage-container:has(.photo-wrapper){width:100%;height:100%;display:flex;align-items:center;justify-content:center}.zpslider-content .photo-wrapper{width:100%;height:100%;margin:0;display:flex;align-items:center;justify-content:center}.zpslider-content .photo-wrapper .zpimage-anchor{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.zpslider-content .photo-wrapper img,.zpslider-content .photo-wrapper picture{display:block;max-width:100%!important;max-height:100%;width:auto;height:auto;object-fit:contain;margin-inline:auto}.zpelem-slider.zpslider-controls-overlap>.zpslider-container.zpslider-style-01:has(>.zpslider-controller-container)>.zpslider-content-container>.zpslider-content>.zp-bg-layer-wrapper>.zpslider-content-inner,.zpelem-slider.zpslider-controls-overlap>.zpslider-container.zpslider-style-01:has(>.zpslider-controller-container)>.zpslider-content-container>.zpslider-content>.zpslider-content-inner,.zpelem-slider.zpslider-controls-overlap>.zpslider-container:is(.zpslider-style-02,.zpslider-style-03,.zpslider-style-04)>.zpslider-content-container>.zpslider-content>.zp-bg-layer-wrapper>.zpslider-content-inner,.zpelem-slider.zpslider-controls-overlap>.zpslider-container:is(.zpslider-style-02,.zpslider-style-03,.zpslider-style-04)>.zpslider-content-container>.zpslider-content>.zpslider-content-inner{padding-block-end:var(--zpslider-controls-size)}.zpslider-controls-overlap>.zpslider-container:is(.zpslider-style-01,.zpslider-style-02,.zpslider-style-03)>.zpslider-controller-container{position:absolute;inset-block-end:0;inset-inline:0}.zpelem-slider:not(.zpslider-controls-overlap)>.zpslider-container:is(.zpslider-style-02,.zpslider-style-03):not(:has(>.zpslider-controller-container))>.zpslider-arrows-container{position:relative;display:flex;align-items:center;min-height:var(--zpslider-controls-size);flex-shrink:0;z-index:1}.zpelem-slider:not(.zpslider-controls-overlap)>.zpslider-container.zpslider-style-02:not(:has(>.zpslider-controller-container))>.zpslider-arrows-container{justify-content:space-between}.zpelem-slider:not(.zpslider-controls-overlap)>.zpslider-container.zpslider-style-03:not(:has(>.zpslider-controller-container))>.zpslider-arrows-container{justify-content:flex-end;gap:6px}.zpelem-slider:not(.zpslider-controls-overlap)>.zpslider-container:is(.zpslider-style-02,.zpslider-style-03):not(:has(>.zpslider-controller-container))>.zpslider-arrows-container>.zpslider-arrow-left,.zpelem-slider:not(.zpslider-controls-overlap)>.zpslider-container:is(.zpslider-style-02,.zpslider-style-03):not(:has(>.zpslider-controller-container))>.zpslider-arrows-container>.zpslider-arrow-right{position:relative;inset:auto;transform:none}.zpelem-slider:not(.zpslider-controls-overlap)>.zpslider-container:is(.zpslider-style-02,.zpslider-style-03):has(>.zpslider-controller-container)>.zpslider-arrows-container>.zpslider-arrow-left,.zpelem-slider:not(.zpslider-controls-overlap)>.zpslider-container:is(.zpslider-style-02,.zpslider-style-03):has(>.zpslider-controller-container)>.zpslider-arrows-container>.zpslider-arrow-right{inset-block-end:0}.zpslider-arrows-container{direction:ltr}.zpslider-arrow-left,.zpslider-arrow-right{display:flex;align-items:center;justify-content:center;width:var(--zpslider-controls-size);height:var(--zpslider-controls-size);position:absolute;cursor:pointer;color:var(--local-carousel-arrow-color, var(--default-carousel-arrow-color));z-index:2;flex-shrink:0}.zpslider-arrow-left svg.svg-icon-18px,.zpslider-arrow-right svg.svg-icon-18px{width:18px;height:18px}.zpslider-arrow-left:hover,.zpslider-arrow-right:hover{background:var(--local-carousel-indicator-active-bg-color, var(--default-carousel-indicator-active-bg-color));color:var(--local-carousel-arrow-color, var(--default-carousel-arrow-color))}.zpslider-arrow-type-01>.zpslider-arrow-left,.zpslider-arrow-type-01>.zpslider-arrow-right{background:0 0}.zpslider-arrow-type-02>.zpslider-arrow-left,.zpslider-arrow-type-02>.zpslider-arrow-right{border-radius:50%}.zpslider-arrow-type-03>.zpslider-arrow-left,.zpslider-arrow-type-03>.zpslider-arrow-right{border-radius:var(--radius-8)}.zpslider-arrow-type-04>.zpslider-arrow-left,.zpslider-arrow-type-04>.zpslider-arrow-right{border-radius:0}.zpslider-controller-container{display:flex;justify-content:center;align-items:center;box-sizing:border-box;min-height:var(--zpslider-controls-size);padding-block:12px;position:relative;z-index:1;flex-shrink:0}.zpslider-pause-btn,.zpslider-play-btn{width:12px;height:12px;margin-inline-end:4px;cursor:pointer}.zpslider-controls-overlap>.zpslider-container.zpslider-style-04::after,.zpslider-play-btn{display:none}.zpslider-controller{margin:1px 2px;width:10px;height:10px;border:1px solid var(--local-carousel-indicator-border-color, var(--default-carousel-indicator-border-color));border-radius:50%;cursor:pointer;display:inline-block;box-sizing:border-box}.zpslider-controller-type-01 .zpslider-controller{border-radius:50%}.zpslider-controller-type-02 .zpslider-controller{border-radius:0;width:20px;height:7px}.zpslider-controller-type-03 .zpslider-controller{border-radius:0}.zpslider-controller-type-04 .zpslider-controller{border-radius:0;transform:rotate(45deg);margin-block-start:0;margin-block-end:0;margin-inline-start:3px;margin-inline-end:3px}.zpslider-controller-type-05.zpslider-controller-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding-block:12px;padding-inline:8px}.zpslider-controller-type-05 .zpslider-controller{width:64px;height:64px;min-width:64px;min-height:64px;margin:0;padding:0;border:2px solid var(--local-carousel-indicator-border-color, var(--default-carousel-indicator-border-color));border-radius:4px;overflow:hidden;cursor:pointer;flex-shrink:0;transition:border-color .2s ease,box-shadow .2s ease}.zpslider-controller-type-05 .zpslider-controller img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.zpslider-controller-type-05 .zpslider-controller.zpslider-controller-active,.zpslider-controller-type-05 .zpslider-controller:hover{border-color:var(--local-carousel-indicator-active-bg-color, var(--default-carousel-indicator-active-bg-color))}.zpslider-controller-type-05 .zpslider-controller.zpslider-controller-active{box-shadow:0 0 0 1px var(--local-carousel-indicator-active-bg-color, var(--default-carousel-indicator-active-bg-color))}.zpslider-style-01>.zpslider-arrows-container>.zpslider-arrow-left,.zpslider-style-01>.zpslider-arrows-container>.zpslider-arrow-right{inset-block-start:50%;transform:translateY(-50%)}.zpslider-style-01>.zpslider-arrows-container>.zpslider-arrow-left{inset-inline-start:0}.zpslider-style-01>.zpslider-arrows-container>.zpslider-arrow-right{inset-inline-end:0}.zpslider-style-02>.zpslider-arrows-container>.zpslider-arrow-left,.zpslider-style-02>.zpslider-arrows-container>.zpslider-arrow-right{inset-block-start:auto;inset-block-end:0;transform:none}.zpslider-style-02>.zpslider-arrows-container>.zpslider-arrow-left{inset-inline-start:0}.zpslider-style-02>.zpslider-arrows-container>.zpslider-arrow-right{inset-inline-end:0}.zpslider-style-03>.zpslider-arrows-container>.zpslider-arrow-left,.zpslider-style-03>.zpslider-arrows-container>.zpslider-arrow-right{inset-block-start:auto;inset-block-end:0;inset-inline-start:auto;inset-inline-end:0;transform:none}.zpslider-style-03>.zpslider-arrows-container>.zpslider-arrow-left{inset-inline-end:calc(var(--zpslider-controls-size) + 5px)}.zpelem-slider.zpslider-controls-overlap>.zpslider-container.zpslider-style-03:has(>.zpslider-arrows-container)>.zpslider-content-container>.zpslider-content>.zp-bg-layer-wrapper>.zpslider-content-inner,.zpelem-slider.zpslider-controls-overlap>.zpslider-container.zpslider-style-03:has(>.zpslider-arrows-container)>.zpslider-content-container>.zpslider-content>.zpslider-content-inner{padding-inline-end:calc(var(--zpslider-controls-size)*2 + 6px)}.zpslider-style-04::after{content:"";display:block;min-height:var(--zpslider-controls-size);flex-shrink:0}.zpelem-slider:not(.zpslider-controls-overlap)>.zpslider-container.zpslider-style-04:not(:has(>.zpslider-controller-container))::after{display:none}.zpelem-slider:not(.zpslider-controls-overlap)>.zpslider-container.zpslider-style-04:not(:has(>.zpslider-controller-container))>.zpslider-arrows-container{position:relative;inset:auto;display:flex;justify-content:center;align-items:center;min-height:var(--zpslider-controls-size);gap:6px;flex-shrink:0;padding-inline:0;z-index:1}.zpslider-style-04>.zpslider-arrows-container,.zpslider-style-04>.zpslider-controller-container{position:absolute;inset-block-end:0;display:flex;align-items:center;gap:6px;min-height:var(--zpslider-controls-size)}.zpslider-style-04>.zpslider-arrows-container{justify-content:flex-end;inset-inline-start:0;inset-inline-end:50%;padding-inline-end:6px;z-index:3}.zpslider-style-04>.zpslider-arrows-container>.zpslider-arrow-left,.zpslider-style-04>.zpslider-arrows-container>.zpslider-arrow-right{position:relative;transform:none;flex-shrink:0}.zpslider-style-04>.zpslider-controller-container{inset-inline-start:50%;inset-inline-end:0;flex-direction:row;justify-content:flex-start;padding-inline-start:6px}.zpslider-style-04:not(:has(>.zpslider-controller-container))>.zpslider-arrows-container{inset-inline-start:0;inset-inline-end:0;justify-content:center;padding-inline-end:0}.zpslider-style-04:not(:has(>.zpslider-arrows-container))>.zpslider-controller-container{inset-inline-start:0;inset-inline-end:0;justify-content:center;padding-inline-start:0}@media all and (max-width:767.98px){.zpslider-style-04>.zpslider-controller-container{gap:6px;padding-inline:10px;min-height:40px}}.zpslider-container[class*=zpslider-style-]>.zpslider-arrows-container:is(.zpslider-arrow-type-02,.zpslider-arrow-type-03,.zpslider-arrow-type-04)>.zpslider-arrow-left,.zpslider-container[class*=zpslider-style-]>.zpslider-arrows-container:is(.zpslider-arrow-type-02,.zpslider-arrow-type-03,.zpslider-arrow-type-04)>.zpslider-arrow-right{background:var(--local-carousel-arrow-bg-color, var(--default-carousel-arrow-bg-color))}.zpslider-container[class*=zpslider-style-]>.zpslider-arrows-container:is(.zpslider-arrow-type-02,.zpslider-arrow-type-03,.zpslider-arrow-type-04)>.zpslider-arrow-left:hover,.zpslider-container[class*=zpslider-style-]>.zpslider-arrows-container:is(.zpslider-arrow-type-02,.zpslider-arrow-type-03,.zpslider-arrow-type-04)>.zpslider-arrow-right:hover{background:var(--local-carousel-arrow-hover-bg-color, var(--default-carousel-arrow-hover-bg-color))}.zpslider-container[class*=zpslider-style-]>.zpslider-arrows-container:is(.zpslider-arrow-type-02,.zpslider-arrow-type-03,.zpslider-arrow-type-04) svg{fill:var(--local-carousel-fill-arrow-color, var(--default-carousel-fill-arrow-color))}.zpslider-container[class*=zpslider-style-]>.zpslider-arrows-container.zpslider-arrow-type-01>.zpslider-arrow-left svg,.zpslider-container[class*=zpslider-style-]>.zpslider-arrows-container.zpslider-arrow-type-01>.zpslider-arrow-right svg{fill:var(--local-carousel-arrow-color, var(--default-carousel-arrow-color))}.zpslider-container>.zpslider-controller-container>.zpslider-pause-btn,.zpslider-container>.zpslider-controller-container>.zpslider-play-btn{fill:var(--local-carousel-indicator-active-bg-color, var(--default-carousel-indicator-active-bg-color))}.zpslider-container>.zpslider-controller-container[class*=zpslider-controller-type-]>.zpslider-controller{background:var(--local-carousel-indicator-bg-color, var(--default-carousel-indicator-bg-color));border-color:var(--local-carousel-indicator-border-color, var(--default-carousel-indicator-border-color))}.zpslider-container>.zpslider-controller-container[class*=zpslider-controller-type-]>.zpslider-controller.zpslider-controller-active,.zpslider-container>.zpslider-controller-container[class*=zpslider-controller-type-]>.zpslider-controller:hover{background:var(--local-carousel-indicator-active-bg-color, var(--default-carousel-indicator-active-bg-color));border-color:var(--local-carousel-indicator-active-bg-color, var(--default-carousel-indicator-active-bg-color))}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}@keyframes slideOutDown{0%{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@keyframes slideOutLeft{0%{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}@keyframes slideOutRight{0%{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}@keyframes slideOutUp{0%{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}@keyframes fadeOutLeft{0%{opacity:1;transform:none}to{opacity:0;transform:translate3d(-100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1;transform:none}to{opacity:0;transform:translate3d(100%,0,0)}}.slideInDown{animation-name:slideInDown}.slideInLeft{animation-name:slideInLeft}.slideInRight{animation-name:slideInRight}.slideInUp{animation-name:slideInUp}.slideOutDown{animation-name:slideOutDown}.slideOutLeft{animation-name:slideOutLeft}.slideOutRight{animation-name:slideOutRight}.slideOutUp{animation-name:slideOutUp}.fadeOut{animation-name:fadeOut}.fadeIn{animation-name:fadeIn}.fadeInLeft{animation-name:fadeInLeft}.fadeInRight{animation-name:fadeInRight}.fadeOutLeft{animation-name:fadeOutLeft}.fadeOutRight{animation-name:fadeOutRight}@keyframes zp-menu-slide-in{0%{translate:0-100%;opacity:.6}to{translate:0 0;opacity:1}}@keyframes zp-overlap-sticky-reveal{0%{translate:0-100%;opacity:0}to{translate:0 0;opacity:1}}.zpheader-container{width:100%;--local-bg-color:var(--default-bg-color);--local-border-color:var(--default-border-color);--zp-overlap-hide-duration:0.15s;--zp-overlap-reveal-duration:0.45s}.zpheader-container.highlight-container{--local-bg-color:var(--highlight-bg-color);--local-border-color:var(--highlight-border-color)}header .zpelement:not(.zpmm .zpelement),header.zpelement{margin-block-start:0}.zpcontainer-overlap{position:fixed;width:100%;top:0;z-index:50;min-height:var(--zp-overlap-measured-height, max-content)}.zppage-template>.zpcontainer-overlap[data-header-scroll-behavior=fixed],.zppage-template>.zpcontainer-overlap[data-header-scroll-behavior=sticky]:not([data-scrolled=true]){position:absolute;inset-block-start:0;inset-inline-start:0;inset-inline-end:0}.zppage-template>.zpcontainer-overlap[data-header-scroll-behavior=sticky][data-scrolled=true]{position:fixed;inset-block-start:0;inset-inline-start:0;inset-inline-end:0;background-color:transparent;z-index:50}.zppage-template:has(>.zpcontainer-overlap){--zp-overlap-offset:var(--zp-overlap-height, 0px);--zp-slider-content-offset:var(--zp-overlap-height, 0px)}.zppage-template>.zpcontainer-overlap+.zpelem-container>.zpcontainer-fluid>.zpelem-container:first-of-type,.zppage-template>.zpcontainer-overlap+.zpelem-container>.zpcontainer-fluid>.zpelement:first-of-type,.zppage-template>.zpcontainer-overlap+.zpelem-container>.zpcontainer-fluid>.zpsection:first-of-type,.zppage-template>.zpcontainer-overlap+.zpelem-container>.zpelem-container:first-of-type,.zppage-template>.zpcontainer-overlap+.zpelem-container>.zpelement:first-of-type,.zppage-template>.zpcontainer-overlap+.zpelem-container>.zpsection:first-of-type{--zp-overlap-bg-extend:var(--zp-overlap-offset, 0px);padding-block-start:var(--zp-overlap-offset, 0px);box-sizing:border-box}.zppage-template>.zpcontainer-overlap+.zpelem-container>.zpcontainer-fluid>.zpelem-slider:first-of-type .zpslider-content-inner,.zppage-template>.zpcontainer-overlap+.zpelem-container>.zpelem-slider:first-of-type .zpslider-content-inner,.zppage-template>.zpcontainer-overlap+.zpelem-container>[data-element-type=slider]:first-of-type .zpslider-content-inner{padding-block-start:var(--zp-slider-content-offset, 0px)}.zpheader-container[data-header-scroll-behavior=sticky]:not(.zpcontainer-overlap):not([data-sticky-header-content=menu-only]){position:sticky;inset-block-start:0;z-index:50}.zpheader-container[data-header-scroll-behavior=sticky]:not(.zpcontainer-overlap)[data-sticky-header-content=menu-only]{position:relative;z-index:50}.zpheader-container[data-header-scroll-behavior=sticky]:not(.zpcontainer-overlap)[data-sticky-header-content=menu-only]>:has(.zpelem-menu){position:static}.zpheader-container[data-header-scroll-behavior=sticky]:not(.zpcontainer-overlap)[data-sticky-header-content=menu-only][data-scrolled=true]>:has(.zpelem-menu){position:fixed;inset-block-start:0;inset-inline-start:0;inset-inline-end:0;z-index:50;animation:zp-menu-slide-in .3s ease-out both}.zpheader-container[data-header-scroll-behavior=sticky]{--zp-sticky-header-bg-color:color-mix(in srgb, var(--local-bg-color) 95%, transparent)}.zpheader-container[data-header-scroll-behavior=sticky]:not([data-sticky-header-content=menu-only]){transition:background-color .3s ease}.zpheader-container[data-header-scroll-behavior=sticky]:not([data-sticky-header-content=menu-only])[data-scrolled=true]{background-color:var(--zp-sticky-header-bg-color)}.zpheader-container[data-header-scroll-behavior=sticky][data-sticky-header-content=menu-only]>:has(.zpelem-menu){transition:background-color .3s ease-out}.zpheader-container[data-header-scroll-behavior=sticky][data-sticky-header-content=menu-only][data-scrolled=true]>:has(.zpelem-menu){background-color:var(--zp-sticky-header-bg-color)}.zpheader-container[data-sticky-header-content=menu-only]>:not(:has(.zpelem-menu)){overflow:hidden;max-height:300px;opacity:1;transition:max-height .35s ease-in-out,opacity .3s ease-in-out,padding-block .35s ease-in-out,margin-block .35s ease-in-out;will-change:max-height,opacity}.zpheader-container[data-sticky-header-content=menu-only][data-scrolled=true]>:not(:has(.zpelem-menu)){max-height:0;opacity:0;pointer-events:none;padding-block:0;margin-block:0}.zpheader-container.zpcontainer-overlap[data-header-scroll-behavior=sticky][data-sticky-phase=hiding]{opacity:0;pointer-events:none;transition:opacity var(--zp-overlap-hide-duration) ease-out}.zpheader-container.zpcontainer-overlap[data-header-scroll-behavior=sticky][data-sticky-phase=sticky]{opacity:1}.zpheader-container.zpcontainer-overlap[data-header-scroll-behavior=sticky]:not([data-sticky-header-content=menu-only])[data-sticky-phase=sticky][data-scrolled=true]{animation:zp-overlap-sticky-reveal var(--zp-overlap-reveal-duration) ease-out both}.zpheader-container.zpcontainer-overlap[data-sticky-header-content=menu-only][data-sticky-phase=sticky][data-scrolled=true]>:has(.zpelem-menu){position:fixed;inset-block-start:0;inset-inline-start:0;inset-inline-end:0;z-index:50;animation:zp-overlap-sticky-reveal var(--zp-overlap-reveal-duration) ease-out both}.zpheader-container.zpcontainer-overlap[data-sticky-header-content=menu-only][data-scrolled=true]{background-color:transparent!important;background-image:none!important}.zpheader-container.zpcontainer-overlap[data-sticky-header-content=menu-only]>:not(:has(.zpelem-menu)){transition:none}.zpheader-container[data-sticky-header-content=menu-only]>:has(.zpelem-menu){will-change:auto}:root{--default-heading-font-family:var(--default-font-family);--default-heading-text-color:var(--default-text-color);--default-heading-font-weight:400;--default-heading-text-transform:var(--default-text-transform);--default-heading-line-height:normal;--default-heading-letter-spacing:var(--default-letter-spacing);--highlight-heading-text-color:var(--highlight-text-color);--default-heading-h1-text-color:var(--default-heading-text-color);--default-heading-h2-text-color:var(--default-heading-text-color);--default-heading-h3-text-color:var(--default-heading-text-color);--default-heading-h4-text-color:var(--default-heading-text-color);--default-heading-h5-text-color:var(--default-heading-text-color);--default-heading-h6-text-color:var(--default-heading-text-color);--highlight-heading-h1-text-color:var(--highlight-heading-text-color);--highlight-heading-h2-text-color:var(--highlight-heading-text-color);--highlight-heading-h3-text-color:var(--highlight-heading-text-color);--highlight-heading-h4-text-color:var(--highlight-heading-text-color);--highlight-heading-h5-text-color:var(--highlight-heading-text-color);--highlight-heading-h6-text-color:var(--highlight-heading-text-color);--default-heading-h1-font-family:var(--default-heading-font-family);--default-heading-h2-font-family:var(--default-heading-font-family);--default-heading-h3-font-family:var(--default-heading-font-family);--default-heading-h4-font-family:var(--default-heading-font-family);--default-heading-h5-font-family:var(--default-heading-font-family);--default-heading-h6-font-family:var(--default-heading-font-family);--default-heading-h1-text-size:2.75rem;--default-heading-h2-text-size:2.25rem;--default-heading-h3-text-size:1.75rem;--default-heading-h4-text-size:1.25rem;--default-heading-h5-text-size:1.125rem;--default-heading-h6-text-size:1rem;--default-heading-h1-font-weight:var(--default-heading-font-weight);--default-heading-h2-font-weight:var(--default-heading-font-weight);--default-heading-h3-font-weight:var(--default-heading-font-weight);--default-heading-h4-font-weight:var(--default-heading-font-weight);--default-heading-h5-font-weight:var(--default-heading-font-weight);--default-heading-h6-font-weight:var(--default-heading-font-weight);--default-heading-h1-text-transform:var(--default-heading-text-transform);--default-heading-h2-text-transform:var(--default-heading-text-transform);--default-heading-h3-text-transform:var(--default-heading-text-transform);--default-heading-h4-text-transform:var(--default-heading-text-transform);--default-heading-h5-text-transform:var(--default-heading-text-transform);--default-heading-h6-text-transform:var(--default-heading-text-transform);--default-heading-h1-line-height:var(--default-heading-line-height);--default-heading-h2-line-height:var(--default-heading-line-height);--default-heading-h3-line-height:var(--default-heading-line-height);--default-heading-h4-line-height:var(--default-heading-line-height);--default-heading-h5-line-height:var(--default-heading-line-height);--default-heading-h6-line-height:var(--default-heading-line-height);--default-heading-h1-letter-spacing:var(--default-heading-letter-spacing);--default-heading-h2-letter-spacing:var(--default-heading-letter-spacing);--default-heading-h3-letter-spacing:var(--default-heading-letter-spacing);--default-heading-h4-letter-spacing:var(--default-heading-letter-spacing);--default-heading-h5-letter-spacing:var(--default-heading-letter-spacing);--default-heading-h6-letter-spacing:var(--default-heading-letter-spacing)}.default-container{--local-heading-bg-color:var(--default-bg-color);--local-heading-border-color:var(--default-border-color);--local-heading-box-shadow-color:#0f0f0f;--local-heading-text-color:var(--default-heading-text-color);--local-heading-h1-text-color:var(--default-heading-h1-text-color);--local-heading-h2-text-color:var(--default-heading-h2-text-color);--local-heading-h3-text-color:var(--default-heading-h3-text-color);--local-heading-h4-text-color:var(--default-heading-h4-text-color);--local-heading-h5-text-color:var(--default-heading-h5-text-color);--local-heading-h6-text-color:var(--default-heading-h6-text-color)}.highlight-container{--local-heading-bg-color:var(--highlight-bg-color);--local-heading-border-color:var(--highlight-border-color);--local-heading-box-shadow-color:#0f0f0f;--local-heading-text-color:var(--highlight-heading-text-color);--local-heading-h1-text-color:var(--highlight-heading-h1-text-color);--local-heading-h2-text-color:var(--highlight-heading-h2-text-color);--local-heading-h3-text-color:var(--highlight-heading-h3-text-color);--local-heading-h4-text-color:var(--highlight-heading-h4-text-color);--local-heading-h5-text-color:var(--highlight-heading-h5-text-color);--local-heading-h6-text-color:var(--highlight-heading-h6-text-color)}.zpelem-heading{width:100%;--local-bg-color:var(--local-heading-bg-color, var(--default-bg-color));--local-border-color:var(--local-heading-border-color, var(--default-border-color));--local-box-shadow-color:var(--local-heading-box-shadow-color, #0f0f0f)}.zpheading{--local-text-color:var(--local-heading-text-color, var(--default-heading-text-color));--local-text-shadow-color:#000000}.zpheading-align-left{text-align:start}.zpheading-align-right{text-align:end}.zpheading-align-center{text-align:center}@media all and (max-width:767px){.zpheading-align-mobile-left{text-align:start}.zpheading-align-mobile-right{text-align:end}.zpheading-align-mobile-center{text-align:center}}@media all and (min-width:768px) and (max-width:991px){.zpheading-align-tablet-left{text-align:start}.zpheading-align-tablet-right{text-align:end}.zpheading-align-tablet-center{text-align:center}}h1{font-family:var(--default-heading-h1-font-family);font-size:var(--default-heading-h1-text-size);font-weight:var(--default-heading-h1-font-weight);text-transform:var(--default-heading-h1-text-transform);color:var(--local-heading-h1-text-color, var(--default-heading-h1-text-color));line-height:var(--default-heading-h1-line-height);letter-spacing:var(--default-heading-h1-letter-spacing)}h2{font-family:var(--default-heading-h2-font-family);font-size:var(--default-heading-h2-text-size);font-weight:var(--default-heading-h2-font-weight);text-transform:var(--default-heading-h2-text-transform);color:var(--local-heading-h2-text-color, var(--default-heading-h2-text-color));line-height:var(--default-heading-h2-line-height);letter-spacing:var(--default-heading-h2-letter-spacing)}h3{font-family:var(--default-heading-h3-font-family);font-size:var(--default-heading-h3-text-size);font-weight:var(--default-heading-h3-font-weight);text-transform:var(--default-heading-h3-text-transform);color:var(--local-heading-h3-text-color, var(--default-heading-h3-text-color));line-height:var(--default-heading-h3-line-height);letter-spacing:var(--default-heading-h3-letter-spacing)}h4{font-family:var(--default-heading-h4-font-family);font-size:var(--default-heading-h4-text-size);font-weight:var(--default-heading-h4-font-weight);text-transform:var(--default-heading-h4-text-transform);color:var(--local-heading-h4-text-color, var(--default-heading-h4-text-color));line-height:var(--default-heading-h4-line-height);letter-spacing:var(--default-heading-h4-letter-spacing)}h5{font-family:var(--default-heading-h5-font-family);font-size:var(--default-heading-h5-text-size);font-weight:var(--default-heading-h5-font-weight);text-transform:var(--default-heading-h5-text-transform);color:var(--local-heading-h5-text-color, var(--default-heading-h5-text-color));line-height:var(--default-heading-h5-line-height);letter-spacing:var(--default-heading-h5-letter-spacing)}h6{font-family:var(--default-heading-h6-font-family);font-size:var(--default-heading-h6-text-size);font-weight:var(--default-heading-h6-font-weight);text-transform:var(--default-heading-h6-text-transform);color:var(--local-heading-h6-text-color, var(--default-heading-h6-text-color));line-height:var(--default-heading-h6-line-height);letter-spacing:var(--default-heading-h6-letter-spacing)}.zpheading-gradient :is(h1,h2,h3,h4,h5,h6){-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}[class*=zpheading-style-type]:after{background:currentColor}.default-container{--local-text-bg-color:var(--default-bg-color);--local-text-border-color:var(--default-border-color);--local-text-box-shadow-color:#0f0f0f;--local-text-text-color:var(--default-text-color)}.highlight-container{--local-text-bg-color:var(--highlight-bg-color);--local-text-border-color:var(--highlight-border-color);--local-text-box-shadow-color:#0f0f0f;--local-text-text-color:var(--highlight-text-color)}.zpelem-text{width:100%;--local-bg-color:var(--local-text-bg-color, var(--default-bg-color));--local-border-color:var(--local-text-border-color, var(--default-border-color));--local-box-shadow-color:var(--local-text-box-shadow-color, #0f0f0f)}.zptext{--local-text-color:var(--local-text-text-color, var(--default-text-color));--local-text-shadow-color:#000000;color:var(--local-text-color)}.zptext :is(p,li,span,div,blockquote,h1,h2,h3,h4,h5,h6){color:inherit}.zptext-align-left{text-align:start}.zptext-align-right{text-align:end}.zptext-align-center{text-align:center}.zptext-align-justify{text-align:justify}@media all and (max-width:767px){.zptext-align-mobile-left{text-align:start}.zptext-align-mobile-right{text-align:end}.zptext-align-mobile-center{text-align:center}.zptext-align-mobile-justify{text-align:justify}}@media all and (min-width:768px) and (max-width:991px){.zptext-align-tablet-left{text-align:start}.zptext-align-tablet-right{text-align:end}.zptext-align-tablet-center{text-align:center}.zptext-align-tablet-justify{text-align:justify}}.zpelem-text .zptext{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}@supports (counter-set:none){.zpelem-text .zptext :is(p,h1,h2,h3,h4,h5,h6){counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.zpelem-text .zptext :is(p,h1,h2,h3,h4,h5,h6){counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.zpelem-text ol,.zpelem-text ol li,.zpelem-text ul,.zpelem-text ul li{margin:var(--space-0);padding-block:var(--space-2) var(--space-0);padding-inline-start:1.5em;padding-inline-end:var(--space-0)}.zpelem-text ol li,.zpelem-text ul li{padding-block:var(--space-2);list-style-type:none;position:relative}.zpelem-text ol ol,.zpelem-text ul ol{padding-inline-start:var(--space-7)}.zpelem-text li>.ql-ui{position:absolute}.zpelem-text li>.ql-ui::before{display:inline-block;margin-inline-start:-1.5em;margin-inline-end:.3em;text-align:end;white-space:nowrap;width:1.2em}.zpelem-text li[data-list=bullet]>.ql-ui::before{content:"•"}.zpelem-text li[data-list=bullet].ql-indent-1>.ql-ui::before{content:"◦"}.zpelem-text li[data-list=bullet].ql-indent-2>.ql-ui::before,.zpelem-text li[data-list=bullet].ql-indent-3>.ql-ui::before,.zpelem-text li[data-list=bullet].ql-indent-4>.ql-ui::before,.zpelem-text li[data-list=bullet].ql-indent-5>.ql-ui::before,.zpelem-text li[data-list=bullet].ql-indent-6>.ql-ui::before,.zpelem-text li[data-list=bullet].ql-indent-7>.ql-ui::before,.zpelem-text li[data-list=bullet].ql-indent-8>.ql-ui::before,.zpelem-text li[data-list=bullet].ql-indent-9>.ql-ui::before{content:"▪"}.zpelem-text li[data-list=checked]>.ql-ui::before{content:"☑"}.zpelem-text li[data-list=unchecked]>.ql-ui::before{content:"☐"}@supports (counter-set:none){.zpelem-text li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.zpelem-text li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.zpelem-text li[data-list=ordered]{counter-increment:list-0}.zpelem-text li[data-list=ordered]>.ql-ui::before{content:counter(list-0,decimal)". "}.zpelem-text li[data-list=ordered].ql-indent-1{counter-increment:list-1}.zpelem-text li[data-list=ordered].ql-indent-1>.ql-ui::before{content:counter(list-1,lower-alpha)". "}@supports (counter-set:none){.zpelem-text li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.zpelem-text li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.zpelem-text li[data-list=ordered].ql-indent-2{counter-increment:list-2}.zpelem-text li[data-list=ordered].ql-indent-2>.ql-ui::before{content:counter(list-2,lower-roman)". "}@supports (counter-set:none){.zpelem-text li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.zpelem-text li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.zpelem-text li[data-list=ordered].ql-indent-3{counter-increment:list-3}.zpelem-text li[data-list=ordered].ql-indent-3>.ql-ui::before{content:counter(list-3,decimal)". "}@supports (counter-set:none){.zpelem-text li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.zpelem-text li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.zpelem-text li[data-list=ordered].ql-indent-4{counter-increment:list-4}.zpelem-text li[data-list=ordered].ql-indent-4>.ql-ui::before{content:counter(list-4,lower-alpha)". "}@supports (counter-set:none){.zpelem-text li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.zpelem-text li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.zpelem-text li[data-list=ordered].ql-indent-5{counter-increment:list-5}.zpelem-text li[data-list=ordered].ql-indent-5>.ql-ui::before{content:counter(list-5,lower-roman)". "}@supports (counter-set:none){.zpelem-text li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.zpelem-text li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.zpelem-text li[data-list=ordered].ql-indent-6{counter-increment:list-6}.zpelem-text li[data-list=ordered].ql-indent-6>.ql-ui::before{content:counter(list-6,decimal)". "}@supports (counter-set:none){.zpelem-text li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.zpelem-text li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.zpelem-text li[data-list=ordered].ql-indent-7{counter-increment:list-7}.zpelem-text li[data-list=ordered].ql-indent-7>.ql-ui::before{content:counter(list-7,lower-alpha)". "}@supports (counter-set:none){.zpelem-text li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.zpelem-text li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.zpelem-text li[data-list=ordered].ql-indent-8{counter-increment:list-8}.zpelem-text li[data-list=ordered].ql-indent-8>.ql-ui::before{content:counter(list-8,lower-roman)". "}@supports (counter-set:none){.zpelem-text li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.zpelem-text li[data-list].ql-indent-8{counter-reset:list-9}}.zpelem-text li[data-list=ordered].ql-indent-9{counter-increment:list-9}.zpelem-text li[data-list=ordered].ql-indent-9>.ql-ui::before{content:counter(list-9,decimal)". "}.zpelem-text .ql-indent-1{padding-inline-start:3em}.zpelem-text li.ql-indent-1{padding-inline-start:4.5em}.zpelem-text .ql-indent-2{padding-inline-start:6em}.zpelem-text li.ql-indent-2{padding-inline-start:7.5em}.zpelem-text .ql-indent-3{padding-inline-start:9em}.zpelem-text li.ql-indent-3{padding-inline-start:10.5em}.zpelem-text .ql-indent-4{padding-inline-start:12em}.zpelem-text li.ql-indent-4{padding-inline-start:13.5em}.zpelem-text .ql-indent-5{padding-inline-start:15em}.zpelem-text li.ql-indent-5{padding-inline-start:16.5em}.zpelem-text .ql-indent-6{padding-inline-start:18em}.zpelem-text li.ql-indent-6{padding-inline-start:19.5em}.zpelem-text .ql-indent-7{padding-inline-start:21em}.zpelem-text li.ql-indent-7{padding-inline-start:22.5em}.zpelem-text .ql-indent-8{padding-inline-start:24em}.zpelem-text li.ql-indent-8{padding-inline-start:25.5em}.zpelem-text .ql-indent-9{padding-inline-start:27em}.zpelem-text li.ql-indent-9{padding-inline-start:28.5em}