html.dark {
    scroll-behavior: smooth;
    --ln-gradient: linear-gradient(134deg, hsla(0, 0%, 100%, .08), hsla(0, 0%, 100%, .02), hsla(0, 0%, 100%, 0) 55%);
    --asciidoc-body-p: hsla(0, 0%, 100%, .6);
    --base-neutral-900-rgb: 231, 231, 233;
    --base-neutral-900-p3: color(display-p3 .9059 .9059 .9137);
    --base-neutral-900: rgb(var(--base-neutral-900-rgb));

    --base-neutral-800-rgb: 186, 188, 190;
    --base-neutral-800-p3: color(display-p3 .7294 .7373 .7451);
    --base-neutral-800: rgb(var(--base-neutral-800-rgb));

    --base-neutral-700-rgb: 163, 165, 168;
    --base-neutral-700-p3: color(display-p3 .6392 .6471 .6588);
    --base-neutral-700: rgb(var(--base-neutral-700-rgb));

    --base-neutral-600-rgb: 130, 133, 136;
    --base-neutral-600-p3: color(display-p3 .5098 .5216 .5333);
    --base-neutral-600: rgb(var(--base-neutral-600-rgb));

    --base-neutral-500-rgb: 95, 99, 102;
    --base-neutral-500-p3: color(display-p3 .3725 .3882 .4);
    --base-neutral-500: rgb(var(--base-neutral-500-rgb));

    --base-neutral-400-rgb: 67, 72, 75;
    --base-neutral-400-p3: color(display-p3 .2627 .2824 .2941);
    --base-neutral-400: rgb(var(--base-neutral-400-rgb));

    --base-neutral-300-rgb: 48, 53, 56;
    --base-neutral-300-p3: color(display-p3 .1882 .2078 .2196);
    --base-neutral-300: rgb(var(--base-neutral-300-rgb));

    --base-neutral-200-rgb: 30, 35, 39;
    --base-neutral-200-p3: color(display-p3 .1176 .1373 .1529);
    --base-neutral-200: rgb(var(--base-neutral-200-rgb));

    --base-neutral-100-rgb: 21, 28, 30;
    --base-neutral-100-p3: color(display-p3 .0824 .1098 .1176);
    --base-neutral-100: rgb(var(--base-neutral-100-rgb));

    --base-neutral-50-rgb: 17, 23, 26;
    --base-neutral-50-p3: color(display-p3 .0667 .0902 .102);
    --base-neutral-50: rgb(var(--base-neutral-50-rgb));

    --base-neutral-0-rgb: 9, 15, 18;
    --base-neutral-0-p3: color(display-p3 .0353 .0588 .0706);
    --base-neutral-0: rgb(var(--base-neutral-0-rgb));
    --elevation-1: 0px 1px 2px #00000099;

}

html {
    --ai-gradient: linear-gradient(97deg, #0096FF, #BB64FF 42%, #F2416B 74%, #EB7500);
    scroll-behavior: smooth;
    --asciidoc-body-p: var(--ceramic-slate-900);
    --base-neutral-950-rgb: 9, 9, 11;
    --base-neutral-950-p3: color(display-p3 .0353 .0353 .0431);
    --base-neutral-950: rgb(var(--base-neutral-950-rgb));

    --base-neutral-900-rgb: 24, 24, 27;
    --base-neutral-900-p3: color(display-p3 .0941 .0941 .1059);
    --base-neutral-900: rgb(var(--base-neutral-900-rgb));

    --base-neutral-800-rgb: 39, 39, 42;
    --base-neutral-800-p3: color(display-p3 .1529 .1529 .1647);
    --base-neutral-800: rgb(var(--base-neutral-800-rgb));

    --base-neutral-700-rgb: 63, 63, 70;
    --base-neutral-700-p3: color(display-p3 .2471 .2471 .2745);
    --base-neutral-700: rgb(var(--base-neutral-700-rgb));

    --base-neutral-600-rgb: 82, 82, 91;
    --base-neutral-600-p3: color(display-p3 .3216 .3216 .3569);
    --base-neutral-600: rgb(var(--base-neutral-600-rgb));

    --base-neutral-500-rgb: 113, 113, 122;
    --base-neutral-500-p3: color(display-p3 .4431 .4431 .4784);
    --base-neutral-500: rgb(var(--base-neutral-500-rgb));

    --base-neutral-400-rgb: 161, 161, 170;
    --base-neutral-400-p3: color(display-p3 .6314 .6314 .6667);
    --base-neutral-400: rgb(var(--base-neutral-400-rgb));

    --base-neutral-300-rgb: 212, 212, 216;
    --base-neutral-300-p3: color(display-p3 .8314 .8314 .8471);
    --base-neutral-300: rgb(var(--base-neutral-300-rgb));

    --base-neutral-200-rgb: 228, 228, 231;
    --base-neutral-200-p3: color(display-p3 .8941 .8941 .9059);
    --base-neutral-200: rgb(var(--base-neutral-200-rgb));

    --base-neutral-100-rgb: 244, 244, 245;
    --base-neutral-100-p3: color(display-p3 .9569 .9569 .9608);
    --base-neutral-100: rgb(var(--base-neutral-100-rgb));

    --base-neutral-50-rgb: 250, 250, 250;
    --base-neutral-50-p3: color(display-p3 .9804 .9804 .9804);
    --base-neutral-50: rgb(var(--base-neutral-50-rgb));

    --base-neutral-0-rgb: 255, 255, 255;
    --base-neutral-0-p3: color(display-p3 1 1 1);
    --base-neutral-0: rgb(var(--base-neutral-0-rgb));
    --base-blue-800-rgb: 31, 59, 173;
    --base-blue-800-p3: color(display-p3 .1216 .2314 .6784);
    --base-blue-800: rgb(var(--base-blue-800-rgb));

    --base-blue-700-rgb: 37, 71, 208;
    --base-blue-700-p3: color(display-p3 .1451 .2784 .8157);
    --base-blue-700: rgb(var(--base-blue-700-rgb));

    --base-blue-600-rgb: 53, 89, 233;
    --base-blue-600-p3: color(display-p3 .2078 .349 .9137);
    --base-blue-600: rgb(var(--base-blue-600-rgb));

    --base-blue-500-rgb: 51, 92, 255;
    --base-blue-500-p3: color(display-p3 .2 .3608 1);
    --base-blue-500: rgb(var(--base-blue-500-rgb));

    --base-blue-400-rgb: 104, 149, 255;
    --base-blue-400-p3: color(display-p3 .4078 .5843 1);
    --base-blue-400: rgb(var(--base-blue-400-rgb));

    --base-blue-300-rgb: 151, 186, 255;
    --base-blue-300-p3: color(display-p3 .5922 .7294 1);
    --base-blue-300: rgb(var(--base-blue-300-rgb));

    --base-blue-200-rgb: 192, 213, 255;
    --base-blue-200-p3: color(display-p3 .7529 .8353 1);
    --base-blue-200: rgb(var(--base-blue-200-rgb));

    --base-blue-100-rgb: 213, 226, 255;
    --base-blue-100-p3: color(display-p3 .8353 .8863 1);
    --base-blue-100: rgb(var(--base-blue-100-rgb));

    --base-blue-50-rgb: 235, 241, 255;
    --base-blue-50-p3: rgb(var(--base-blue-50-rgb));
    --base-blue-50: rgb(var(--base-blue-50-rgb));
    --base-purple-800-rgb: 190, 149, 235;
    --base-purple-800-p3: color(display-p3 .7451 .5843 .9216);
    --base-purple-800: rgb(var(--base-purple-800-rgb));
    --base-purple-700-rgb: 163, 128, 203;
    --base-purple-700-p3: color(display-p3 .6392 .502 .7961);
    --base-purple-700: rgb(var(--base-purple-700-rgb));
    --base-purple-600-rgb: 139, 109, 172;
    --base-purple-600-p3: color(display-p3 .5451 .4275 .6745);
    --base-purple-600: rgb(var(--base-purple-600-rgb));
    --base-purple-500-rgb: 108, 85, 132;
    --base-purple-500-p3: color(display-p3 .4235 .3333 .5176);
    --base-purple-500: rgb(var(--base-purple-500-rgb));
    --base-purple-400-rgb: 77, 62, 94;
    --base-purple-400-p3: color(display-p3 .302 .2431 .3686);
    --base-purple-400: rgb(var(--base-purple-400-rgb));
    --base-purple-300-rgb: 56, 45, 67;
    --base-purple-300-p3: color(display-p3 .2196 .1765 .2627);
    --base-purple-300: rgb(var(--base-purple-300-rgb));
    --base-purple-200-rgb: 37, 31, 43;
    --base-purple-200-p3: color(display-p3 .1451 .1216 .1686);
    --base-purple-200: rgb(var(--base-purple-200-rgb));
    --base-purple-100-rgb: 30, 24, 34;
    --base-purple-100-p3: color(display-p3 .1176 .0941 .1333);
    --base-purple-100: rgb(var(--base-purple-100-rgb));
    --base-red-800-rgb: 251, 110, 136;
    --base-red-800-p3: color(display-p3 .9843 .4314 .5333);
    --base-red-800: rgb(var(--base-red-800-rgb));
    --base-red-700-rgb: 218, 97, 119;
    --base-red-700-p3: color(display-p3 .8549 .3804 .4667);
    --base-red-700: rgb(var(--base-red-700-rgb));
    --base-red-600-rgb: 195, 87, 106;
    --base-red-600-p3: color(display-p3 .7647 .3412 .4157);
    --base-red-600: rgb(var(--base-red-600-rgb));
    --base-red-500-rgb: 149, 69, 83;
    --base-red-500-p3: color(display-p3 .5843 .2706 .3255);
    --base-red-500: rgb(var(--base-red-500-rgb));
    --base-red-400-rgb: 106, 52, 60;
    --base-red-400-p3: color(display-p3 .4157 .2039 .2353);
    --base-red-400: rgb(var(--base-red-400-rgb));
    --base-red-300-rgb: 48, 27, 29;
    --base-red-300-p3: color(display-p3 .1882 .1059 .1137);
    --base-red-300: rgb(var(--base-red-300-rgb));
    --base-red-200-rgb: 35, 21, 23;
    --base-red-200-p3: color(display-p3 .1373 .0824 .0902);
    --base-red-200: rgb(var(--base-red-200-rgb));
    --base-red-100-rgb: 30, 19, 20;
    --base-red-100-p3: color(display-p3 .1176 .0745 .0784);
    --base-red-100: rgb(var(--base-red-100-rgb));
    --base-yellow-800-rgb: 245, 185, 68;
    --base-yellow-800-p3: color(display-p3 .9608 .7255 .2667);
    --base-yellow-800: rgb(var(--base-yellow-800-rgb));
    --base-yellow-700-rgb: 202, 153, 59;
    --base-yellow-700-p3: color(display-p3 .7922 .6 .2314);
    --base-yellow-700: rgb(var(--base-yellow-700-rgb));
    --base-yellow-600-rgb: 153, 116, 48;
    --base-yellow-600-p3: color(display-p3 .6 .4549 .1882);
    --base-yellow-600: rgb(var(--base-yellow-600-rgb));
    --base-yellow-500-rgb: 118, 90, 39;
    --base-yellow-500-p3: color(display-p3 .4627 .3529 .1529);
    --base-yellow-500: rgb(var(--base-yellow-500-rgb));
    --base-yellow-400-rgb: 85, 66, 31;
    --base-yellow-400-p3: color(display-p3 .3333 .2588 .1216);
    --base-yellow-400: rgb(var(--base-yellow-400-rgb));
    --base-yellow-300-rgb: 61, 48, 25;
    --base-yellow-300-p3: color(display-p3 .2392 .1882 .098);
    --base-yellow-300: rgb(var(--base-yellow-300-rgb));
    --base-yellow-200-rgb: 41, 32, 19;
    --base-yellow-200-p3: color(display-p3 .1608 .1255 .0745);
    --base-yellow-200: rgb(var(--base-yellow-200-rgb));
    --base-yellow-100-rgb: 32, 25, 15;
    --base-yellow-100-p3: color(display-p3 .1255 .098 .0588);
    --base-yellow-100: rgb(var(--base-yellow-100-rgb));
    --base-orange-800-rgb: 245, 124, 47;
    --base-orange-800-p3: color(display-p3 .9608 .4863 .1843);
    --base-orange-800: rgb(var(--base-orange-800-rgb));
    --base-orange-700-rgb: 202, 103, 39;
    --base-orange-700-p3: color(display-p3 .7922 .4039 .1529);
    --base-orange-700: rgb(var(--base-orange-700-rgb));
    --base-orange-600-rgb: 153, 78, 30;
    --base-orange-600-p3: color(display-p3 .6 .3059 .1176);
    --base-orange-600: rgb(var(--base-orange-600-rgb));
    --base-orange-500-rgb: 118, 60, 24;
    --base-orange-500-p3: color(display-p3 .4627 .2353 .0941);
    --base-orange-500: rgb(var(--base-orange-500-rgb));
    --base-orange-400-rgb: 85, 43, 18;
    --base-orange-400-p3: color(display-p3 .3333 .1686 .0706);
    --base-orange-400: rgb(var(--base-orange-400-rgb));
    --base-orange-300-rgb: 61, 31, 13;
    --base-orange-300-p3: color(display-p3 .2392 .1216 .051);
    --base-orange-300: rgb(var(--base-orange-300-rgb));
    --base-orange-200-rgb: 41, 21, 9;
    --base-orange-200-p3: color(display-p3 .1608 .0824 .0353);
    --base-orange-200: rgb(var(--base-orange-200-rgb));
    --base-orange-100-rgb: 32, 16, 6;
    --base-orange-100-p3: color(display-p3 .1255 .0627 .0235);
    --base-orange-100: rgb(var(--base-orange-100-rgb));
    --base-green-900-rgb: 5, 46, 22;
    --base-green-900-p3: color(display-p3 0.02 0.18 0.09);
    --base-green-900: rgb(var(--base-green-900-rgb));
    --base-green-800-rgb: 72, 213, 151;
    --base-green-800-p3: color(display-p3 .2824 .8353 .5922);
    --base-green-800: rgb(var(--base-green-800-rgb));
    --base-green-700-rgb: 32, 163, 108;
    --base-green-700-p3: color(display-p3 .1255 .6392 .4235);
    --base-green-700: rgb(var(--base-green-700-rgb));
    --base-green-600-rgb: 35, 138, 94;
    --base-green-600-p3: color(display-p3 .1373 .5412 .3686);
    --base-green-600: rgb(var(--base-green-600-rgb));
    --base-green-500-rgb: 35, 106, 76;
    --base-green-500-p3: color(display-p3 .1373 .4157 .298);
    --base-green-500: rgb(var(--base-green-500-rgb));
    --base-green-400-rgb: 32, 77, 59;
    --base-green-400-p3: color(display-p3 .1255 .302 .2314);
    --base-green-400: rgb(var(--base-green-400-rgb));
    --base-green-300-rgb: 28, 55, 46;
    --base-green-300-p3: color(display-p3 .1098 .2157 .1804);
    --base-green-300: rgb(var(--base-green-300-rgb));
    --base-green-200-rgb: 22, 35, 34;
    --base-green-200-p3: color(display-p3 .0863 .1373 .1333);
    --base-green-200: rgb(var(--base-green-200-rgb));
    --base-green-100-rgb: 19, 26, 28;
    --base-green-100-p3: color(display-p3 .0745 .102 .1098);
    --base-green-100: rgb(var(--base-green-100-rgb));
    --base-sky-100-rgb: 224, 242, 254;
    --base-sky-100-p3: color(display-p3 0.878 0.949 0.996);
    --base-sky-100: rgb(var(--base-sky-100-rgb));

    --base-sky-200-rgb: 186, 230, 253;
    --base-sky-200-p3: color(display-p3 0.729 0.902 0.992);
    --base-sky-200: rgb(var(--base-sky-200-rgb));

    --base-sky-300-rgb: 125, 211, 252;
    --base-sky-300-p3: color(display-p3 0.49 0.827 0.988);
    --base-sky-300: rgb(var(--base-sky-300-rgb));

    --base-sky-400-rgb: 56, 189, 248;
    --base-sky-400-p3: color(display-p3 0.22 0.741 0.972);
    --base-sky-400: rgb(var(--base-sky-400-rgb));

    --base-sky-500-rgb: 14, 165, 233;
    --base-sky-500-p3: color(display-p3 0.055 0.647 0.914);
    --base-sky-500: rgb(var(--base-sky-500-rgb));

    --base-sky-600-rgb: 2, 132, 199;
    --base-sky-600-p3: color(display-p3 0.008 0.518 0.78);
    --base-sky-600: rgb(var(--base-sky-600-rgb));

    --base-sky-700-rgb: 3, 105, 161;
    --base-sky-700-p3: color(display-p3 0.012 0.412 0.631);
    --base-sky-700: rgb(var(--base-sky-700-rgb));

    --base-sky-800-rgb: 7, 89, 133;
    --base-sky-800-p3: color(display-p3 0.027 0.349 0.522);
    --base-sky-800: rgb(var(--base-sky-800-rgb));
    --surface-default-rgb: var(--base-neutral-0-rgb);
    --surface-default-p3: var(--base-neutral-0-p3);
    --surface-default: rgb(var(--surface-default-rgb));
    --surface-hover-rgb: var(--base-neutral-200-rgb);
    --surface-hover-p3: var(--base-neutral-200-p3);
    --surface-hover: rgb(var(--surface-hover-rgb));
    --surface-raise-rgb: var(--base-neutral-50-rgb);
    --surface-raise-p3: var(--base-neutral-50-p3);
    --surface-raise: rgb(var(--surface-raise-rgb));
    --surface-secondary-rgb: var(--base-neutral-100-rgb);
    --surface-secondary-p3: var(--base-neutral-100-p3);
    --surface-secondary: rgb(var(--surface-secondary-rgb));
    --surface-tertiary-rgb: var(--base-neutral-200-rgb);
    --surface-tertiary-p3: var(--base-neutral-200-p3);
    --surface-tertiary: rgb(var(--surface-tertiary-rgb));
    --surface-disabled-rgb: var(--base-neutral-100-rgb);
    --surface-disabled-p3: var(--base-neutral-100-p3);
    --surface-disabled: rgb(var(--surface-disabled-rgb));
    --surface-scrim: rgba(var(--base-neutral-0-rgb), .4);
    --surface-scrim-p3: color(display-p3 .0314 .0588 .0667/.4);
    --surface-accent-rgb: var(--theme-accent-800-rgb);
    --surface-accent-p3: var(--theme-accent-800-p3);
    --surface-accent: rgb(var(--surface-accent-rgb));
    --surface-accent-hover-rgb: var(--theme-accent-700-rgb);
    --surface-accent-hover-p3: var(--theme-accent-700-p3);
    --surface-accent-hover: rgb(var(--surface-accent-hover-rgb));
    --surface-accent-secondary-rgb: var(--theme-accent-200-rgb);
    --surface-accent-secondary-p3: var(--theme-accent-200-p3);
    --surface-accent-secondary: rgb(var(--surface-accent-secondary-rgb));
    --surface-accent-secondary-hover-rgb: var(--theme-accent-300-rgb);
    --surface-accent-secondary-hover-p3: var(--theme-accent-300-p3);
    --surface-accent-secondary-hover: rgb(var(--surface-accent-secondary-hover-rgb));
    --surface-destructive-rgb: var(--theme-destructive-800-rgb);
    --surface-destructive-p3: var(--theme-destructive-800-p3);
    --surface-destructive: rgb(var(--surface-destructive-rgb));
    --surface-destructive-hover-rgb: var(--theme-destructive-700-rgb);
    --surface-destructive-hover-p3: var(--theme-destructive-700-p3);
    --surface-destructive-hover: rgb(var(--surface-destructive-hover-rgb));
    --surface-destructive-secondary-rgb: var(--theme-destructive-200-rgb);
    --surface-destructive-secondary-p3: var(--theme-destructive-200-p3);
    --surface-destructive-secondary: rgb(var(--surface-destructive-secondary-rgb));
    --surface-destructive-secondary-hover-rgb: var(--theme-destructive-300-rgb);
    --surface-destructive-secondary-hover-p3: var(--theme-destructive-300-p3);
    --surface-destructive-secondary-hover: rgb(var(--surface-destructive-secondary-hover-rgb));
    --surface-notice-rgb: var(--theme-notice-800-rgb);
    --surface-notice-p3: var(--theme-notice-800-p3);
    --surface-notice: rgb(var(--surface-notice-rgb));
    --surface-notice-hover-rgb: var(--theme-notice-700-rgb);
    --surface-notice-hover-p3: var(--theme-notice-700-p3);
    --surface-notice-hover: rgb(var(--surface-notice-hover-rgb));
    --surface-notice-secondary-rgb: var(--theme-notice-200-rgb);
    --surface-notice-secondary-p3: var(--theme-notice-200-p3);
    --surface-notice-secondary: rgb(var(--surface-notice-secondary-rgb));
    --surface-notice-secondary-hover-rgb: var(--theme-notice-300-rgb);
    --surface-notice-secondary-hover-p3: var(--theme-notice-300-p3);
    --surface-notice-secondary-hover: rgb(var(--surface-notice-secondary-hover-rgb));
    --surface-success-rgb: var(--theme-success-800-rgb);
    --surface-success-p3: var(--theme-success-800-p3);
    --surface-success: rgb(var(--surface-success-rgb));
    --surface-success-secondary-rgb: var(--theme-success-200-rgb);
    --surface-success-secondary-p3: var(--theme-success-200-p3);
    --surface-success-secondary: rgb(var(--surface-success-secondary-rgb));
    --surface-error-rgb: var(--theme-error-800-rgb);
    --surface-error-p3: var(--theme-error-800-p3);
    --surface-error: rgb(var(--surface-error-rgb));
    --surface-error-secondary-rgb: var(--theme-error-200-rgb);
    --surface-error-secondary-p3: var(--theme-error-200-p3);
    --surface-error-secondary: rgb(var(--surface-error-secondary-rgb));
    --surface-inverse-rgb: var(--content-default-rgb);
    --surface-inverse-p3: var(--content-default-p3);
    --surface-inverse: rgb(var(--surface-inverse-rgb));
    --surface-inverse-secondary-rgb: var(--content-secondary-rgb);
    --surface-inverse-secondary-p3: var(--content-secondary-p3);
    --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb));
    --surface-inverse-tertiary-rgb: var(--content-tertiary-rgb);
    --surface-inverse-tertiary-p3: var(--content-tertiary-p3);
    --surface-inverse-tertiary: rgb(var(--surface-inverse-tertiary-rgb));
    --surface-info-rgb: var(--theme-info-800-rgb);
    --surface-info-p3: var(--theme-info-800-p3);
    --surface-info: rgb(var(--surface-info-rgb));
    --surface-info-hover-rgb: var(--theme-info-700-rgb);
    --surface-info-hover-p3: var(--theme-info-700-p3);
    --surface-info-hover: rgb(var(--surface-info-hover-rgb));
    --surface-info-secondary-rgb: var(--theme-info-200-rgb);
    --surface-info-secondary-p3: var(--theme-info-200-p3);
    --surface-info-secondary: rgb(var(--surface-info-secondary-rgb));
    --surface-info-secondary-hover-rgb: var(--theme-info-300-rgb);
    --surface-info-secondary-hover-p3: var(--theme-info-300-p3);
    --surface-info-secondary-hover: rgb(var(--surface-info-secondary-hover-rgb));
    --content-default-rgb: var(--base-neutral-900-rgb);
    --content-default-p3: var(--base-neutral-900-p3);
    --content-default: rgb(var(--content-default-rgb));
    --content-secondary-rgb: var(--base-neutral-800-rgb);
    --content-secondary-p3: var(--base-neutral-800-p3);
    --content-secondary: rgb(var(--content-secondary-rgb));
    --content-tertiary-rgb: var(--base-neutral-700-rgb);
    --content-tertiary-p3: var(--base-neutral-700-p3);
    --content-tertiary: rgb(var(--content-tertiary-rgb));
    --content-quaternary-rgb: var(--base-neutral-600-rgb);
    --content-quaternary-p3: var(--base-neutral-600-p3);
    --content-quaternary: rgb(var(--content-quaternary-rgb));
    --content-quinary-rgb: var(--base-neutral-500-rgb);
    --content-quinary-p3: var(--base-neutral-500-p3);
    --content-quinary: rgb(var(--content-quinary-rgb));
    --content-disabled-rgb: var(--base-neutral-500-rgb);
    --content-disabled-p3: var(--base-neutral-500-p3);
    --content-disabled: rgb(var(--content-disabled-rgb));
    --content-accent-rgb: var(--theme-accent-800-rgb);
    --content-accent-p3: var(--theme-accent-800-p3);
    --content-accent: rgb(var(--content-accent-rgb));
    --content-accent-secondary-rgb: var(--theme-accent-700-rgb);
    --content-accent-secondary-p3: var(--theme-accent-700-p3);
    --content-accent-secondary: rgb(var(--content-accent-secondary-rgb));
    --content-accent-tertiary-rgb: var(--theme-accent-600-rgb);
    --content-accent-tertiary-p3: var(--theme-accent-600-p3);
    --content-accent-tertiary: rgb(var(--content-accent-tertiary-rgb));
    --content-accent-disabled-rgb: var(--theme-accent-500-rgb);
    --content-accent-disabled-p3: var(--theme-accent-500-p3);
    --content-accent-disabled: rgb(var(--content-accent-disabled-rgb));
    --content-destructive-rgb: var(--theme-destructive-800-rgb);
    --content-destructive-p3: var(--theme-destructive-800-p3);
    --content-destructive: rgb(var(--content-destructive-rgb));
    --content-destructive-secondary-rgb: var(--theme-destructive-700-rgb);
    --content-destructive-secondary-p3: var(--theme-destructive-700-p3);
    --content-destructive-secondary: rgb(var(--content-destructive-secondary-rgb));
    --content-destructive-tertiary-rgb: var(--theme-destructive-600-rgb);
    --content-destructive-tertiary-p3: var(--theme-destructive-600-p3);
    --content-destructive-tertiary: rgb(var(--content-destructive-tertiary-rgb));
    --content-destructive-disabled-rgb: var(--theme-destructive-500-rgb);
    --content-destructive-disabled-p3: var(--theme-destructive-500-p3);
    --content-destructive-disabled: rgb(var(--content-destructive-disabled-rgb));
    --content-success-rgb: var(--theme-success-800-rgb);
    --content-success-p3: var(--theme-success-800-p3);
    --content-success: rgb(var(--content-success-rgb));
    --content-success-secondary-rgb: var(--theme-success-700-rgb);
    --content-success-secondary-p3: var(--theme-success-700-p3);
    --content-success-secondary: rgb(var(--content-success-secondary-rgb));
    --content-success-tertiary-rgb: var(--theme-success-600-rgb);
    --content-success-tertiary-p3: var(--theme-success-600-p3);
    --content-success-tertiary: rgb(var(--content-success-tertiary-rgb));
    --content-success-disabled-rgb: var(--theme-success-500-rgb);
    --content-success-disabled-p3: var(--theme-success-500-p3);
    --content-success-disabled: rgb(var(--content-success-disabled-rgb));
    --content-error-rgb: var(--theme-error-800-rgb);
    --content-error-p3: var(--theme-error-800-p3);
    --content-error: rgb(var(--content-error-rgb));
    --content-error-secondary-rgb: var(--theme-error-700-rgb);
    --content-error-secondary-p3: var(--theme-error-700-p3);
    --content-error-secondary: rgb(var(--content-error-secondary-rgb));
    --content-error-tertiary-rgb: var(--theme-error-600-rgb);
    --content-error-tertiary-p3: var(--theme-error-600-p3);
    --content-error-tertiary: rgb(var(--content-error-tertiary-rgb));
    --content-error-disabled-rgb: var(--theme-error-500-rgb);
    --content-error-disabled-p3: var(--theme-error-500-p3);
    --content-error-disabled: rgb(var(--content-error-disabled-rgb));
    --content-notice-rgb: var(--theme-notice-800-rgb);
    --content-notice-p3: var(--theme-notice-800-p3);
    --content-notice: rgb(var(--content-notice-rgb));
    --content-notice-secondary-rgb: var(--theme-notice-700-rgb);
    --content-notice-secondary-p3: var(--theme-notice-700-p3);
    --content-notice-secondary: rgb(var(--content-notice-secondary-rgb));
    --content-notice-tertiary-rgb: var(--theme-notice-600-rgb);
    --content-notice-tertiary-p3: var(--theme-notice-600-p3);
    --content-notice-tertiary: rgb(var(--content-notice-tertiary-rgb));
    --content-notice-disabled-rgb: var(--theme-notice-500-rgb);
    --content-notice-disabled-p3: var(--theme-notice-500-p3);
    --content-notice-disabled: rgb(var(--content-notice-disabled-rgb));
    --content-inverse-rgb: var(--surface-default-rgb);
    --content-inverse-p3: var(--surface-default-p3);
    --content-inverse: rgb(var(--content-inverse-rgb));
    --content-inverse-raise-rgb: var(--surface-raise-rgb);
    --content-inverse-raise-p3: var(--surface-raise-p3);
    --content-inverse-raise: rgb(var(--content-inverse-raise-rgb));
    --content-inverse-secondary-rgb: var(--surface-secondary-rgb);
    --content-inverse-secondary-p3: var(--surface-secondary-p3);
    --content-inverse-secondary: rgb(var(--content-inverse-secondary-rgb));
    --content-info-rgb: var(--theme-info-800-rgb);
    --content-info-p3: var(--theme-info-800-p3);
    --content-info: rgb(var(--content-info-rgb));
    --content-info-secondary-rgb: var(--theme-info-700-rgb);
    --content-info-secondary-p3: var(--theme-info-700-p3);
    --content-info-secondary: rgb(var(--content-info-secondary-rgb));
    --content-info-tertiary-rgb: var(--theme-info-600-rgb);
    --content-info-tertiary-p3: var(--theme-info-600-p3);
    --content-info-tertiary: rgb(var(--content-info-tertiary-rgb));
    --content-info-disabled-rgb: var(--theme-info-500-rgb);
    --content-info-disabled-p3: var(--theme-info-500-p3);
    --content-info-disabled: rgb(var(--content-info-disabled-rgb));
    --stroke-default-rgb: var(--base-neutral-300-rgb);
    --stroke-default-p3: var(--base-neutral-300-p3);
    --stroke-default: rgb(var(--stroke-default-rgb));
    --stroke-hover-rgb: var(--base-neutral-400-rgb);
    --stroke-hover-p3: var(--base-neutral-400-p3);
    --stroke-hover: rgb(var(--stroke-hover-rgb));
    --stroke-secondary-rgb: var(--base-neutral-200-rgb);
    --stroke-secondary-p3: var(--base-neutral-200-p3);
    --stroke-secondary: rgb(var(--stroke-secondary-rgb));
    --stroke-tertiary-rgb: var(--base-neutral-100-rgb);
    --stroke-tertiary-p3: var(--base-neutral-100-p3);
    --stroke-tertiary: rgb(var(--stroke-tertiary-rgb));
    --stroke-raise-rgb: var(--base-neutral-500-rgb);
    --stroke-raise-p3: var(--base-neutral-500-p3);
    --stroke-raise: rgb(var(--stroke-raise-rgb));
    --stroke-surface-rgb: var(--surface-default-rgb);
    --stroke-surface-p3: var(--surface-default-p3);
    --stroke-surface: rgb(var(--stroke-surface-rgb));
    --stroke-accent-rgb: var(--theme-accent-800-rgb);
    --stroke-accent-p3: var(--theme-accent-800-p3);
    --stroke-accent: rgb(var(--stroke-accent-rgb));
    --stroke-accent-secondary-rgb: var(--theme-accent-600-rgb);
    --stroke-accent-secondary-p3: var(--theme-accent-600-p3);
    --stroke-accent-secondary: rgb(var(--stroke-accent-secondary-rgb));
    --stroke-accent-tertiary-rgb: var(--theme-accent-400-rgb);
    --stroke-accent-tertiary-p3: var(--theme-accent-400-p3);
    --stroke-accent-tertiary: rgb(var(--stroke-accent-tertiary-rgb));
    --stroke-accent-quaternary-rgb: var(--theme-accent-300-rgb);
    --stroke-accent-quaternary-p3: var(--theme-accent-300-p3);
    --stroke-accent-quaternary: rgb(var(--stroke-accent-quaternary-rgb));
    --stroke-destructive-rgb: var(--theme-destructive-800-rgb);
    --stroke-destructive-p3: var(--theme-destructive-800-p3);
    --stroke-destructive: rgb(var(--stroke-destructive-rgb));
    --stroke-destructive-secondary-rgb: var(--theme-destructive-600-rgb);
    --stroke-destructive-secondary-p3: var(--theme-destructive-600-p3);
    --stroke-destructive-secondary: rgb(var(--stroke-destructive-secondary-rgb));
    --stroke-destructive-tertiary-rgb: var(--theme-destructive-400-rgb);
    --stroke-destructive-tertiary-p3: var(--theme-destructive-400-p3);
    --stroke-destructive-tertiary: rgb(var(--stroke-destructive-tertiary-rgb));
    --stroke-destructive-quaternary-rgb: var(--theme-destructive-300-rgb);
    --stroke-destructive-quaternary-p3: var(--theme-destructive-300-p3);
    --stroke-destructive-quaternary: rgb(var(--stroke-destructive-quaternary-rgb));
    --stroke-success-rgb: var(--theme-success-800-rgb);
    --stroke-success-p3: var(--theme-success-800-p3);
    --stroke-success: rgb(var(--stroke-success-rgb));
    --stroke-success-secondary-rgb: var(--theme-success-600-rgb);
    --stroke-success-secondary-p3: var(--theme-success-600-p3);
    --stroke-success-secondary: rgb(var(--stroke-success-secondary-rgb));
    --stroke-success-tertiary-rgb: var(--theme-success-400-rgb);
    --stroke-success-tertiary-p3: var(--theme-success-400-p3);
    --stroke-success-tertiary: rgb(var(--stroke-success-tertiary-rgb));
    --stroke-success-quaternary-rgb: var(--theme-success-300-rgb);
    --stroke-success-quaternary-p3: var(--theme-success-300-p3);
    --stroke-success-quaternary: rgb(var(--stroke-success-quaternary-rgb));
    --stroke-error-rgb: var(--theme-error-800-rgb);
    --stroke-error-p3: var(--theme-error-800-p3);
    --stroke-error: rgb(var(--stroke-error-rgb));
    --stroke-error-secondary-rgb: var(--theme-error-600-rgb);
    --stroke-error-secondary-p3: var(--theme-error-600-p3);
    --stroke-error-secondary: rgb(var(--stroke-error-secondary-rgb));
    --stroke-error-tertiary-rgb: var(--theme-error-400-rgb);
    --stroke-error-tertiary-p3: var(--theme-error-400-p3);
    --stroke-error-tertiary: rgb(var(--stroke-error-tertiary-rgb));
    --stroke-error-quaternary-rgb: var(--theme-error-300-rgb);
    --stroke-error-quaternary-p3: var(--theme-error-300-p3);
    --stroke-error-quaternary: rgb(var(--stroke-error-quaternary-rgb));
    --stroke-notice-rgb: var(--theme-notice-800-rgb);
    --stroke-notice-p3: var(--theme-notice-800-p3);
    --stroke-notice: rgb(var(--stroke-notice-rgb));
    --stroke-notice-secondary-rgb: var(--theme-notice-600-rgb);
    --stroke-notice-secondary-p3: var(--theme-notice-600-p3);
    --stroke-notice-secondary: rgb(var(--stroke-notice-secondary-rgb));
    --stroke-notice-tertiary-rgb: var(--theme-notice-400-rgb);
    --stroke-notice-tertiary-p3: var(--theme-notice-400-p3);
    --stroke-notice-tertiary: rgb(var(--stroke-notice-tertiary-rgb));
    --stroke-notice-quaternary-rgb: var(--theme-notice-300-rgb);
    --stroke-notice-quaternary-p3: var(--theme-notice-300-p3);
    --stroke-notice-quaternary: rgb(var(--stroke-notice-quaternary-rgb));
    --stroke-info-rgb: var(--theme-info-800-rgb);
    --stroke-info-p3: var(--theme-info-800-p3);
    --stroke-info: rgb(var(--stroke-info-rgb));
    --stroke-info-secondary-rgb: var(--theme-info-600-rgb);
    --stroke-info-secondary-p3: var(--theme-info-600-p3);
    --stroke-info-secondary: rgb(var(--stroke-info-secondary-rgb));
    --stroke-info-tertiary-rgb: var(--theme-info-400-rgb);
    --stroke-info-tertiary-p3: var(--theme-info-400-p3);
    --stroke-info-tertiary: rgb(var(--stroke-info-tertiary-rgb));
    --stroke-info-quaternary-rgb: var(--theme-info-300-rgb);
    --stroke-info-quaternary-p3: var(--theme-info-300-p3);
    --stroke-info-quaternary: rgb(var(--stroke-info-quaternary-rgb));
    --chart-fill-area-primary: rgba(var(--theme-accent-700-rgb), .7019607843137254);
    --chart-fill-area-primary-p3: color(display-p3 .1255 .6392 .4235/.7019607843137254);
    --chart-fill-area-secondary: rgba(var(--theme-accent-600-rgb), .7019607843137254);
    --chart-fill-area-secondary-p3: color(display-p3 .1373 .5412 .3686/.7019607843137254);
    --chart-fill-area-tertiary: rgba(var(--theme-accent-500-rgb), .7019607843137254);
    --chart-fill-area-tertiary-p3: color(display-p3 .1373 .4157 .298/.7019607843137254);
    --chart-fill-area-quaternary: rgba(var(--theme-accent-400-rgb), .2);
    --chart-fill-area-quaternary-p3: color(display-p3 .1255 .302 .2314/.2);
    --chart-fill-item-primary-rgb: var(--theme-accent-700-rgb);
    --chart-fill-item-primary-p3: var(--theme-accent-700-p3);
    --chart-fill-item-primary: rgb(var(--chart-fill-item-primary-rgb));
    --chart-fill-item-secondary-rgb: var(--theme-accent-600-rgb);
    --chart-fill-item-secondary-p3: var(--theme-accent-600-p3);
    --chart-fill-item-secondary: rgb(var(--chart-fill-item-secondary-rgb));
    --chart-fill-item-tertiary-rgb: var(--theme-accent-500-rgb);
    --chart-fill-item-tertiary-p3: var(--theme-accent-500-p3);
    --chart-fill-item-tertiary: rgb(var(--chart-fill-item-tertiary-rgb));
    --chart-fill-item-quaternary-rgb: var(--theme-accent-400-rgb);
    --chart-fill-item-quaternary-p3: var(--theme-accent-400-p3);
    --chart-fill-item-quaternary: rgb(var(--chart-fill-item-quaternary-rgb));
    --chart-fill-error-primary-rgb: var(--theme-destructive-700-rgb);
    --chart-fill-error-primary-p3: var(--theme-destructive-700-p3);
    --chart-fill-error-primary: rgb(var(--chart-fill-error-primary-rgb));
    --chart-fill-error-secondary-rgb: var(--theme-destructive-600-rgb);
    --chart-fill-error-secondary-p3: var(--theme-destructive-600-p3);
    --chart-fill-error-secondary: rgb(var(--chart-fill-error-secondary-rgb));
    --chart-fill-error-tertiary-rgb: var(--theme-destructive-500-rgb);
    --chart-fill-error-tertiary-p3: var(--theme-destructive-500-p3);
    --chart-fill-error-tertiary: rgb(var(--chart-fill-error-tertiary-rgb));
    --chart-fill-error-quaternary-rgb: var(--theme-destructive-400-rgb);
    --chart-fill-error-quaternary-p3: var(--theme-destructive-400-p3);
    --chart-fill-error-quaternary: rgb(var(--chart-fill-error-quaternary-rgb));
    --chart-fill-inactive-rgb: var(--base-neutral-50-rgb);
    --chart-fill-inactive-p3: var(--base-neutral-50-p3);
    --chart-fill-inactive: rgb(var(--chart-fill-inactive-rgb));
    --chart-stroke-line-rgb: var(--theme-accent-700-rgb);
    --chart-stroke-line-p3: var(--theme-accent-700-p3);
    --chart-stroke-line: rgb(var(--chart-stroke-line-rgb));
    --chart-stroke-line-secondary-rgb: var(--base-yellow-600-rgb);
    --chart-stroke-line-secondary-p3: var(--base-yellow-600-p3);
    --chart-stroke-line-secondary: rgb(var(--chart-stroke-line-secondary-rgb));
    --chart-stroke-line-tertiary-rgb: var(--base-red-600-rgb);
    --chart-stroke-line-tertiary-p3: var(--base-red-600-p3);
    --chart-stroke-line-tertiary: rgb(var(--chart-stroke-line-tertiary-rgb));
    --chart-stroke-line-quaternary-rgb: var(--base-blue-600-rgb);
    --chart-stroke-line-quaternary-p3: var(--base-blue-600-p3);
    --chart-stroke-line-quaternary: rgb(var(--chart-stroke-line-quaternary-rgb));
    --chart-stroke-y-axis: rgba(var(--stroke-default-rgb), .4);
    --chart-stroke-y-axis-p3: color(display-p3 .1765 .2 .2078/.4);
    --chart-stroke-item: rgba(var(--theme-accent-700-rgb), .4);
    --chart-stroke-item-p3: color(display-p3 .1255 .6392 .4235/.4);
    --chart-stroke-item-inactive-rgb: var(--base-neutral-200-rgb);
    --chart-stroke-item-inactive-p3: var(--base-neutral-200-p3);
    --chart-stroke-item-inactive: rgb(var(--chart-stroke-item-inactive-rgb));
    --chart-stroke-error: rgba(var(--theme-destructive-700-rgb), .4);
    --chart-stroke-error-p3: color(display-p3 .8549 .3804 .4667/.4);
    --theme-accent-100-rgb: var(--base-green-100-rgb);
    --theme-accent-100-p3: var(--base-green-100-p3);
    --theme-accent-100: rgb(var(--theme-accent-100-rgb));
    --theme-accent-200-rgb: var(--base-green-200-rgb);
    --theme-accent-200-p3: var(--base-green-200-p3);
    --theme-accent-200: rgb(var(--theme-accent-200-rgb));
    --theme-accent-300-rgb: var(--base-green-300-rgb);
    --theme-accent-300-p3: var(--base-green-300-p3);
    --theme-accent-300: rgb(var(--theme-accent-300-rgb));
    --theme-accent-400-rgb: var(--base-green-400-rgb);
    --theme-accent-400-p3: var(--base-green-400-p3);
    --theme-accent-400: rgb(var(--theme-accent-400-rgb));
    --theme-accent-500-rgb: var(--base-green-500-rgb);
    --theme-accent-500-p3: var(--base-green-500-p3);
    --theme-accent-500: rgb(var(--theme-accent-500-rgb));
    --theme-accent-600-rgb: var(--base-green-600-rgb);
    --theme-accent-600-p3: var(--base-green-600-p3);
    --theme-accent-600: rgb(var(--theme-accent-600-rgb));
    --theme-accent-700-rgb: var(--base-green-700-rgb);
    --theme-accent-700-p3: var(--base-green-700-p3);
    --theme-accent-700: rgb(var(--theme-accent-700-rgb));
    --theme-accent-800-rgb: var(--base-green-800-rgb);
    --theme-accent-800-p3: var(--base-green-800-p3);
    --theme-accent-800: rgb(var(--theme-accent-800-rgb));
    --theme-destructive-100-rgb: var(--base-red-100-rgb);
    --theme-destructive-100-p3: var(--base-red-100-p3);
    --theme-destructive-100: rgb(var(--theme-destructive-100-rgb));
    --theme-destructive-200-rgb: var(--base-red-200-rgb);
    --theme-destructive-200-p3: var(--base-red-200-p3);
    --theme-destructive-200: rgb(var(--theme-destructive-200-rgb));
    --theme-destructive-300-rgb: var(--base-red-300-rgb);
    --theme-destructive-300-p3: var(--base-red-300-p3);
    --theme-destructive-300: rgb(var(--theme-destructive-300-rgb));
    --theme-destructive-400-rgb: var(--base-red-400-rgb);
    --theme-destructive-400-p3: var(--base-red-400-p3);
    --theme-destructive-400: rgb(var(--theme-destructive-400-rgb));
    --theme-destructive-500-rgb: var(--base-red-500-rgb);
    --theme-destructive-500-p3: var(--base-red-500-p3);
    --theme-destructive-500: rgb(var(--theme-destructive-500-rgb));
    --theme-destructive-600-rgb: var(--base-red-600-rgb);
    --theme-destructive-600-p3: var(--base-red-600-p3);
    --theme-destructive-600: rgb(var(--theme-destructive-600-rgb));
    --theme-destructive-700-rgb: var(--base-red-700-rgb);
    --theme-destructive-700-p3: var(--base-red-700-p3);
    --theme-destructive-700: rgb(var(--theme-destructive-700-rgb));
    --theme-destructive-800-rgb: var(--base-red-800-rgb);
    --theme-destructive-800-p3: var(--base-red-800-p3);
    --theme-destructive-800: rgb(var(--theme-destructive-800-rgb));
    --theme-success-100-rgb: var(--base-green-100-rgb);
    --theme-success-100-p3: var(--base-green-100-p3);
    --theme-success-100: rgb(var(--theme-success-100-rgb));
    --theme-success-200-rgb: var(--base-green-200-rgb);
    --theme-success-200-p3: var(--base-green-200-p3);
    --theme-success-200: rgb(var(--theme-success-200-rgb));
    --theme-success-300-rgb: var(--base-green-300-rgb);
    --theme-success-300-p3: var(--base-green-300-p3);
    --theme-success-300: rgb(var(--theme-success-300-rgb));
    --theme-success-400-rgb: var(--base-green-400-rgb);
    --theme-success-400-p3: var(--base-green-400-p3);
    --theme-success-400: rgb(var(--theme-success-400-rgb));
    --theme-success-500-rgb: var(--base-green-500-rgb);
    --theme-success-500-p3: var(--base-green-500-p3);
    --theme-success-500: rgb(var(--theme-success-500-rgb));
    --theme-success-600-rgb: var(--base-green-600-rgb);
    --theme-success-600-p3: var(--base-green-600-p3);
    --theme-success-600: rgb(var(--theme-success-600-rgb));
    --theme-success-700-rgb: var(--base-green-700-rgb);
    --theme-success-700-p3: var(--base-green-700-p3);
    --theme-success-700: rgb(var(--theme-success-700-rgb));
    --theme-success-800-rgb: var(--base-green-800-rgb);
    --theme-success-800-p3: var(--base-green-800-p3);
    --theme-success-800: rgb(var(--theme-success-800-rgb));
    --theme-error-100-rgb: var(--base-red-100-rgb);
    --theme-error-100-p3: var(--base-red-100-p3);
    --theme-error-100: rgb(var(--theme-error-100-rgb));
    --theme-error-200-rgb: var(--base-red-200-rgb);
    --theme-error-200-p3: var(--base-red-200-p3);
    --theme-error-200: rgb(var(--theme-error-200-rgb));
    --theme-error-300-rgb: var(--base-red-300-rgb);
    --theme-error-300-p3: var(--base-red-300-p3);
    --theme-error-300: rgb(var(--theme-error-300-rgb));
    --theme-error-400-rgb: var(--base-red-400-rgb);
    --theme-error-400-p3: var(--base-red-400-p3);
    --theme-error-400: rgb(var(--theme-error-400-rgb));
    --theme-error-500-rgb: var(--base-red-500-rgb);
    --theme-error-500-p3: var(--base-red-500-p3);
    --theme-error-500: rgb(var(--theme-error-500-rgb));
    --theme-error-600-rgb: var(--base-red-600-rgb);
    --theme-error-600-p3: var(--base-red-600-p3);
    --theme-error-600: rgb(var(--theme-error-600-rgb));
    --theme-error-700-rgb: var(--base-red-700-rgb);
    --theme-error-700-p3: var(--base-red-700-p3);
    --theme-error-700: rgb(var(--theme-error-700-rgb));
    --theme-error-800-rgb: var(--base-red-800-rgb);
    --theme-error-800-p3: var(--base-red-800-p3);
    --theme-error-800: rgb(var(--theme-error-800-rgb));
    --theme-notice-100-rgb: var(--base-yellow-100-rgb);
    --theme-notice-100-p3: var(--base-yellow-100-p3);
    --theme-notice-100: rgb(var(--theme-notice-100-rgb));
    --theme-notice-200-rgb: var(--base-yellow-200-rgb);
    --theme-notice-200-p3: var(--base-yellow-200-p3);
    --theme-notice-200: rgb(var(--theme-notice-200-rgb));
    --theme-notice-300-rgb: var(--base-yellow-300-rgb);
    --theme-notice-300-p3: var(--base-yellow-300-p3);
    --theme-notice-300: rgb(var(--theme-notice-300-rgb));
    --theme-notice-400-rgb: var(--base-yellow-400-rgb);
    --theme-notice-400-p3: var(--base-yellow-400-p3);
    --theme-notice-400: rgb(var(--theme-notice-400-rgb));
    --theme-notice-500-rgb: var(--base-yellow-500-rgb);
    --theme-notice-500-p3: var(--base-yellow-500-p3);
    --theme-notice-500: rgb(var(--theme-notice-500-rgb));
    --theme-notice-600-rgb: var(--base-yellow-600-rgb);
    --theme-notice-600-p3: var(--base-yellow-600-p3);
    --theme-notice-600: rgb(var(--theme-notice-600-rgb));
    --theme-notice-700-rgb: var(--base-yellow-700-rgb);
    --theme-notice-700-p3: var(--base-yellow-700-p3);
    --theme-notice-700: rgb(var(--theme-notice-700-rgb));
    --theme-notice-800-rgb: var(--base-yellow-800-rgb);
    --theme-notice-800-p3: var(--base-yellow-800-p3);
    --theme-notice-800: rgb(var(--theme-notice-800-rgb));
    --theme-info-100-rgb: var(--base-blue-100-rgb);
    --theme-info-100-p3: var(--base-blue-100-p3);
    --theme-info-100: rgb(var(--theme-info-100-rgb));
    --theme-info-200-rgb: var(--base-blue-200-rgb);
    --theme-info-200-p3: var(--base-blue-200-p3);
    --theme-info-200: rgb(var(--theme-info-200-rgb));
    --theme-info-300-rgb: var(--base-blue-300-rgb);
    --theme-info-300-p3: var(--base-blue-300-p3);
    --theme-info-300: rgb(var(--theme-info-300-rgb));
    --theme-info-400-rgb: var(--base-blue-400-rgb);
    --theme-info-400-p3: var(--base-blue-400-p3);
    --theme-info-400: rgb(var(--theme-info-400-rgb));
    --theme-info-500-rgb: var(--base-blue-500-rgb);
    --theme-info-500-p3: var(--base-blue-500-p3);
    --theme-info-500: rgb(var(--theme-info-500-rgb));
    --theme-info-600-rgb: var(--base-blue-600-rgb);
    --theme-info-600-p3: var(--base-blue-600-p3);
    --theme-info-600: rgb(var(--theme-info-600-rgb));
    --theme-info-700-rgb: var(--base-blue-700-rgb);
    --theme-info-700-p3: var(--base-blue-700-p3);
    --theme-info-700: rgb(var(--theme-info-700-rgb));
    --theme-info-800-rgb: var(--base-blue-800-rgb);
    --theme-info-800-p3: var(--base-blue-800-p3);
    --theme-info-800: rgb(var(--theme-info-800-rgb));
    --border-radius-sm: .125rem;
    --border-radius: .1875rem;
    --border-radius-lg: .375rem;
    --border-radius-xl: .75rem;
    --border-radius-full: 624.9375rem;
    --elevation-0: none;
    --elevation-1: 0px 1px 2px #ffffff;
    --elevation-2: 0px 2.188px 4.625px #00000021, 0px 10px 13px #00000033, 0px 25.313px 34.875px #00000045, 0px 50px 80px #00000066;
    --elevation-3: 0px 4.375px 4.625px #00000021, 0px 20px 13px #00000033, 0px 50.625px 34.875px #00000045, 0px 100px 80px #00000066;

}

.orange {
    --surface-default-rgb: var(--base-neutral-0-rgb);
    --surface-default-p3: var(--base-neutral-0-p3);
    --surface-default: rgb(var(--surface-default-rgb));
    --surface-hover-rgb: var(--base-neutral-200-rgb);
    --surface-hover-p3: var(--base-neutral-200-p3);
    --surface-hover: rgb(var(--surface-hover-rgb));
    --surface-raise-rgb: var(--base-neutral-50-rgb);
    --surface-raise-p3: var(--base-neutral-50-p3);
    --surface-raise: rgb(var(--surface-raise-rgb));
    --surface-secondary-rgb: var(--base-neutral-100-rgb);
    --surface-secondary-p3: var(--base-neutral-100-p3);
    --surface-secondary: rgb(var(--surface-secondary-rgb));
    --surface-tertiary-rgb: var(--base-neutral-200-rgb);
    --surface-tertiary-p3: var(--base-neutral-200-p3);
    --surface-tertiary: rgb(var(--surface-tertiary-rgb));
    --surface-disabled-rgb: var(--base-neutral-100-rgb);
    --surface-disabled-p3: var(--base-neutral-100-p3);
    --surface-disabled: rgb(var(--surface-disabled-rgb));
    --surface-scrim: rgba(var(--base-neutral-0-rgb), .4);
    --surface-scrim-p3: color(display-p3 .0314 .0588 .0667/.4);
    --surface-accent-rgb: var(--theme-accent-800-rgb);
    --surface-accent-p3: var(--theme-accent-800-p3);
    --surface-accent: rgb(var(--surface-accent-rgb));
    --surface-accent-hover-rgb: var(--theme-accent-700-rgb);
    --surface-accent-hover-p3: var(--theme-accent-700-p3);
    --surface-accent-hover: rgb(var(--surface-accent-hover-rgb));
    --surface-accent-secondary-rgb: var(--theme-accent-200-rgb);
    --surface-accent-secondary-p3: var(--theme-accent-200-p3);
    --surface-accent-secondary: rgb(var(--surface-accent-secondary-rgb));
    --surface-accent-secondary-hover-rgb: var(--theme-accent-300-rgb);
    --surface-accent-secondary-hover-p3: var(--theme-accent-300-p3);
    --surface-accent-secondary-hover: rgb(var(--surface-accent-secondary-hover-rgb));
    --surface-destructive-rgb: var(--theme-destructive-800-rgb);
    --surface-destructive-p3: var(--theme-destructive-800-p3);
    --surface-destructive: rgb(var(--surface-destructive-rgb));
    --surface-destructive-hover-rgb: var(--theme-destructive-700-rgb);
    --surface-destructive-hover-p3: var(--theme-destructive-700-p3);
    --surface-destructive-hover: rgb(var(--surface-destructive-hover-rgb));
    --surface-destructive-secondary-rgb: var(--theme-destructive-200-rgb);
    --surface-destructive-secondary-p3: var(--theme-destructive-200-p3);
    --surface-destructive-secondary: rgb(var(--surface-destructive-secondary-rgb));
    --surface-destructive-secondary-hover-rgb: var(--theme-destructive-300-rgb);
    --surface-destructive-secondary-hover-p3: var(--theme-destructive-300-p3);
    --surface-destructive-secondary-hover: rgb(var(--surface-destructive-secondary-hover-rgb));
    --surface-notice-rgb: var(--theme-notice-800-rgb);
    --surface-notice-p3: var(--theme-notice-800-p3);
    --surface-notice: rgb(var(--surface-notice-rgb));
    --surface-notice-hover-rgb: var(--theme-notice-700-rgb);
    --surface-notice-hover-p3: var(--theme-notice-700-p3);
    --surface-notice-hover: rgb(var(--surface-notice-hover-rgb));
    --surface-notice-secondary-rgb: var(--theme-notice-200-rgb);
    --surface-notice-secondary-p3: var(--theme-notice-200-p3);
    --surface-notice-secondary: rgb(var(--surface-notice-secondary-rgb));
    --surface-notice-secondary-hover-rgb: var(--theme-notice-300-rgb);
    --surface-notice-secondary-hover-p3: var(--theme-notice-300-p3);
    --surface-notice-secondary-hover: rgb(var(--surface-notice-secondary-hover-rgb));
    --surface-success-rgb: var(--theme-success-800-rgb);
    --surface-success-p3: var(--theme-success-800-p3);
    --surface-success: rgb(var(--surface-success-rgb));
    --surface-success-secondary-rgb: var(--theme-success-200-rgb);
    --surface-success-secondary-p3: var(--theme-success-200-p3);
    --surface-success-secondary: rgb(var(--surface-success-secondary-rgb));
    --surface-error-rgb: var(--theme-error-800-rgb);
    --surface-error-p3: var(--theme-error-800-p3);
    --surface-error: rgb(var(--surface-error-rgb));
    --surface-error-secondary-rgb: var(--theme-error-200-rgb);
    --surface-error-secondary-p3: var(--theme-error-200-p3);
    --surface-error-secondary: rgb(var(--surface-error-secondary-rgb));
    --surface-inverse-rgb: var(--content-default-rgb);
    --surface-inverse-p3: var(--content-default-p3);
    --surface-inverse: rgb(var(--surface-inverse-rgb));
    --surface-inverse-secondary-rgb: var(--content-secondary-rgb);
    --surface-inverse-secondary-p3: var(--content-secondary-p3);
    --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb));
    --surface-inverse-tertiary-rgb: var(--content-tertiary-rgb);
    --surface-inverse-tertiary-p3: var(--content-tertiary-p3);
    --surface-inverse-tertiary: rgb(var(--surface-inverse-tertiary-rgb));
    --surface-info-rgb: var(--theme-info-800-rgb);
    --surface-info-p3: var(--theme-info-800-p3);
    --surface-info: rgb(var(--surface-info-rgb));
    --surface-info-hover-rgb: var(--theme-info-700-rgb);
    --surface-info-hover-p3: var(--theme-info-700-p3);
    --surface-info-hover: rgb(var(--surface-info-hover-rgb));
    --surface-info-secondary-rgb: var(--theme-info-200-rgb);
    --surface-info-secondary-p3: var(--theme-info-200-p3);
    --surface-info-secondary: rgb(var(--surface-info-secondary-rgb));
    --surface-info-secondary-hover-rgb: var(--theme-info-300-rgb);
    --surface-info-secondary-hover-p3: var(--theme-info-300-p3);
    --surface-info-secondary-hover: rgb(var(--surface-info-secondary-hover-rgb));
    --content-default-rgb: var(--base-neutral-900-rgb);
    --content-default-p3: var(--base-neutral-900-p3);
    --content-default: rgb(var(--content-default-rgb));
    --content-secondary-rgb: var(--base-neutral-800-rgb);
    --content-secondary-p3: var(--base-neutral-800-p3);
    --content-secondary: rgb(var(--content-secondary-rgb));
    --content-tertiary-rgb: var(--base-neutral-700-rgb);
    --content-tertiary-p3: var(--base-neutral-700-p3);
    --content-tertiary: rgb(var(--content-tertiary-rgb));
    --content-quaternary-rgb: var(--base-neutral-600-rgb);
    --content-quaternary-p3: var(--base-neutral-600-p3);
    --content-quaternary: rgb(var(--content-quaternary-rgb));
    --content-quinary-rgb: var(--base-neutral-500-rgb);
    --content-quinary-p3: var(--base-neutral-500-p3);
    --content-quinary: rgb(var(--content-quinary-rgb));
    --content-disabled-rgb: var(--base-neutral-500-rgb);
    --content-disabled-p3: var(--base-neutral-500-p3);
    --content-disabled: rgb(var(--content-disabled-rgb));
    --content-accent-rgb: var(--theme-accent-800-rgb);
    --content-accent-p3: var(--theme-accent-800-p3);
    --content-accent: rgb(var(--content-accent-rgb));
    --content-accent-secondary-rgb: var(--theme-accent-700-rgb);
    --content-accent-secondary-p3: var(--theme-accent-700-p3);
    --content-accent-secondary: rgb(var(--content-accent-secondary-rgb));
    --content-accent-tertiary-rgb: var(--theme-accent-600-rgb);
    --content-accent-tertiary-p3: var(--theme-accent-600-p3);
    --content-accent-tertiary: rgb(var(--content-accent-tertiary-rgb));
    --content-accent-disabled-rgb: var(--theme-accent-500-rgb);
    --content-accent-disabled-p3: var(--theme-accent-500-p3);
    --content-accent-disabled: rgb(var(--content-accent-disabled-rgb));
    --content-destructive-rgb: var(--theme-destructive-800-rgb);
    --content-destructive-p3: var(--theme-destructive-800-p3);
    --content-destructive: rgb(var(--content-destructive-rgb));
    --content-destructive-secondary-rgb: var(--theme-destructive-700-rgb);
    --content-destructive-secondary-p3: var(--theme-destructive-700-p3);
    --content-destructive-secondary: rgb(var(--content-destructive-secondary-rgb));
    --content-destructive-tertiary-rgb: var(--theme-destructive-600-rgb);
    --content-destructive-tertiary-p3: var(--theme-destructive-600-p3);
    --content-destructive-tertiary: rgb(var(--content-destructive-tertiary-rgb));
    --content-destructive-disabled-rgb: var(--theme-destructive-500-rgb);
    --content-destructive-disabled-p3: var(--theme-destructive-500-p3);
    --content-destructive-disabled: rgb(var(--content-destructive-disabled-rgb));
    --content-success-rgb: var(--theme-success-800-rgb);
    --content-success-p3: var(--theme-success-800-p3);
    --content-success: rgb(var(--content-success-rgb));
    --content-success-secondary-rgb: var(--theme-success-700-rgb);
    --content-success-secondary-p3: var(--theme-success-700-p3);
    --content-success-secondary: rgb(var(--content-success-secondary-rgb));
    --content-success-tertiary-rgb: var(--theme-success-600-rgb);
    --content-success-tertiary-p3: var(--theme-success-600-p3);
    --content-success-tertiary: rgb(var(--content-success-tertiary-rgb));
    --content-success-disabled-rgb: var(--theme-success-500-rgb);
    --content-success-disabled-p3: var(--theme-success-500-p3);
    --content-success-disabled: rgb(var(--content-success-disabled-rgb));
    --content-error-rgb: var(--theme-error-800-rgb);
    --content-error-p3: var(--theme-error-800-p3);
    --content-error: rgb(var(--content-error-rgb));
    --content-error-secondary-rgb: var(--theme-error-700-rgb);
    --content-error-secondary-p3: var(--theme-error-700-p3);
    --content-error-secondary: rgb(var(--content-error-secondary-rgb));
    --content-error-tertiary-rgb: var(--theme-error-600-rgb);
    --content-error-tertiary-p3: var(--theme-error-600-p3);
    --content-error-tertiary: rgb(var(--content-error-tertiary-rgb));
    --content-error-disabled-rgb: var(--theme-error-500-rgb);
    --content-error-disabled-p3: var(--theme-error-500-p3);
    --content-error-disabled: rgb(var(--content-error-disabled-rgb));
    --content-notice-rgb: var(--theme-notice-800-rgb);
    --content-notice-p3: var(--theme-notice-800-p3);
    --content-notice: rgb(var(--content-notice-rgb));
    --content-notice-secondary-rgb: var(--theme-notice-700-rgb);
    --content-notice-secondary-p3: var(--theme-notice-700-p3);
    --content-notice-secondary: rgb(var(--content-notice-secondary-rgb));
    --content-notice-tertiary-rgb: var(--theme-notice-600-rgb);
    --content-notice-tertiary-p3: var(--theme-notice-600-p3);
    --content-notice-tertiary: rgb(var(--content-notice-tertiary-rgb));
    --content-notice-disabled-rgb: var(--theme-notice-500-rgb);
    --content-notice-disabled-p3: var(--theme-notice-500-p3);
    --content-notice-disabled: rgb(var(--content-notice-disabled-rgb));
    --content-inverse-rgb: var(--surface-default-rgb);
    --content-inverse-p3: var(--surface-default-p3);
    --content-inverse: rgb(var(--content-inverse-rgb));
    --content-inverse-raise-rgb: var(--surface-raise-rgb);
    --content-inverse-raise-p3: var(--surface-raise-p3);
    --content-inverse-raise: rgb(var(--content-inverse-raise-rgb));
    --content-inverse-secondary-rgb: var(--surface-secondary-rgb);
    --content-inverse-secondary-p3: var(--surface-secondary-p3);
    --content-inverse-secondary: rgb(var(--content-inverse-secondary-rgb));
    --content-info-rgb: var(--theme-info-800-rgb);
    --content-info-p3: var(--theme-info-800-p3);
    --content-info: rgb(var(--content-info-rgb));
    --content-info-secondary-rgb: var(--theme-info-700-rgb);
    --content-info-secondary-p3: var(--theme-info-700-p3);
    --content-info-secondary: rgb(var(--content-info-secondary-rgb));
    --content-info-tertiary-rgb: var(--theme-info-600-rgb);
    --content-info-tertiary-p3: var(--theme-info-600-p3);
    --content-info-tertiary: rgb(var(--content-info-tertiary-rgb));
    --content-info-disabled-rgb: var(--theme-info-500-rgb);
    --content-info-disabled-p3: var(--theme-info-500-p3);
    --content-info-disabled: rgb(var(--content-info-disabled-rgb));
    --stroke-default-rgb: var(--base-neutral-300-rgb);
    --stroke-default-p3: var(--base-neutral-300-p3);
    --stroke-default: rgb(var(--stroke-default-rgb));
    --stroke-hover-rgb: var(--base-neutral-400-rgb);
    --stroke-hover-p3: var(--base-neutral-400-p3);
    --stroke-hover: rgb(var(--stroke-hover-rgb));
    --stroke-secondary-rgb: var(--base-neutral-200-rgb);
    --stroke-secondary-p3: var(--base-neutral-200-p3);
    --stroke-secondary: rgb(var(--stroke-secondary-rgb));
    --stroke-tertiary-rgb: var(--base-neutral-100-rgb);
    --stroke-tertiary-p3: var(--base-neutral-100-p3);
    --stroke-tertiary: rgb(var(--stroke-tertiary-rgb));
    --stroke-raise-rgb: var(--base-neutral-500-rgb);
    --stroke-raise-p3: var(--base-neutral-500-p3);
    --stroke-raise: rgb(var(--stroke-raise-rgb));
    --stroke-surface-rgb: var(--surface-default-rgb);
    --stroke-surface-p3: var(--surface-default-p3);
    --stroke-surface: rgb(var(--stroke-surface-rgb));
    --stroke-accent-rgb: var(--theme-accent-800-rgb);
    --stroke-accent-p3: var(--theme-accent-800-p3);
    --stroke-accent: rgb(var(--stroke-accent-rgb));
    --stroke-accent-secondary-rgb: var(--theme-accent-600-rgb);
    --stroke-accent-secondary-p3: var(--theme-accent-600-p3);
    --stroke-accent-secondary: rgb(var(--stroke-accent-secondary-rgb));
    --stroke-accent-tertiary-rgb: var(--theme-accent-400-rgb);
    --stroke-accent-tertiary-p3: var(--theme-accent-400-p3);
    --stroke-accent-tertiary: rgb(var(--stroke-accent-tertiary-rgb));
    --stroke-accent-quaternary-rgb: var(--theme-accent-300-rgb);
    --stroke-accent-quaternary-p3: var(--theme-accent-300-p3);
    --stroke-accent-quaternary: rgb(var(--stroke-accent-quaternary-rgb));
    --stroke-destructive-rgb: var(--theme-destructive-800-rgb);
    --stroke-destructive-p3: var(--theme-destructive-800-p3);
    --stroke-destructive: rgb(var(--stroke-destructive-rgb));
    --stroke-destructive-secondary-rgb: var(--theme-destructive-600-rgb);
    --stroke-destructive-secondary-p3: var(--theme-destructive-600-p3);
    --stroke-destructive-secondary: rgb(var(--stroke-destructive-secondary-rgb));
    --stroke-destructive-tertiary-rgb: var(--theme-destructive-400-rgb);
    --stroke-destructive-tertiary-p3: var(--theme-destructive-400-p3);
    --stroke-destructive-tertiary: rgb(var(--stroke-destructive-tertiary-rgb));
    --stroke-destructive-quaternary-rgb: var(--theme-destructive-300-rgb);
    --stroke-destructive-quaternary-p3: var(--theme-destructive-300-p3);
    --stroke-destructive-quaternary: rgb(var(--stroke-destructive-quaternary-rgb));
    --stroke-success-rgb: var(--theme-success-800-rgb);
    --stroke-success-p3: var(--theme-success-800-p3);
    --stroke-success: rgb(var(--stroke-success-rgb));
    --stroke-success-secondary-rgb: var(--theme-success-600-rgb);
    --stroke-success-secondary-p3: var(--theme-success-600-p3);
    --stroke-success-secondary: rgb(var(--stroke-success-secondary-rgb));
    --stroke-success-tertiary-rgb: var(--theme-success-400-rgb);
    --stroke-success-tertiary-p3: var(--theme-success-400-p3);
    --stroke-success-tertiary: rgb(var(--stroke-success-tertiary-rgb));
    --stroke-success-quaternary-rgb: var(--theme-success-300-rgb);
    --stroke-success-quaternary-p3: var(--theme-success-300-p3);
    --stroke-success-quaternary: rgb(var(--stroke-success-quaternary-rgb));
    --stroke-error-rgb: var(--theme-error-800-rgb);
    --stroke-error-p3: var(--theme-error-800-p3);
    --stroke-error: rgb(var(--stroke-error-rgb));
    --stroke-error-secondary-rgb: var(--theme-error-600-rgb);
    --stroke-error-secondary-p3: var(--theme-error-600-p3);
    --stroke-error-secondary: rgb(var(--stroke-error-secondary-rgb));
    --stroke-error-tertiary-rgb: var(--theme-error-400-rgb);
    --stroke-error-tertiary-p3: var(--theme-error-400-p3);
    --stroke-error-tertiary: rgb(var(--stroke-error-tertiary-rgb));
    --stroke-error-quaternary-rgb: var(--theme-error-300-rgb);
    --stroke-error-quaternary-p3: var(--theme-error-300-p3);
    --stroke-error-quaternary: rgb(var(--stroke-error-quaternary-rgb));
    --stroke-notice-rgb: var(--theme-notice-800-rgb);
    --stroke-notice-p3: var(--theme-notice-800-p3);
    --stroke-notice: rgb(var(--stroke-notice-rgb));
    --stroke-notice-secondary-rgb: var(--theme-notice-600-rgb);
    --stroke-notice-secondary-p3: var(--theme-notice-600-p3);
    --stroke-notice-secondary: rgb(var(--stroke-notice-secondary-rgb));
    --stroke-notice-tertiary-rgb: var(--theme-notice-400-rgb);
    --stroke-notice-tertiary-p3: var(--theme-notice-400-p3);
    --stroke-notice-tertiary: rgb(var(--stroke-notice-tertiary-rgb));
    --stroke-notice-quaternary-rgb: var(--theme-notice-300-rgb);
    --stroke-notice-quaternary-p3: var(--theme-notice-300-p3);
    --stroke-notice-quaternary: rgb(var(--stroke-notice-quaternary-rgb));
    --stroke-info-rgb: var(--theme-info-800-rgb);
    --stroke-info-p3: var(--theme-info-800-p3);
    --stroke-info: rgb(var(--stroke-info-rgb));
    --stroke-info-secondary-rgb: var(--theme-info-600-rgb);
    --stroke-info-secondary-p3: var(--theme-info-600-p3);
    --stroke-info-secondary: rgb(var(--stroke-info-secondary-rgb));
    --stroke-info-tertiary-rgb: var(--theme-info-400-rgb);
    --stroke-info-tertiary-p3: var(--theme-info-400-p3);
    --stroke-info-tertiary: rgb(var(--stroke-info-tertiary-rgb));
    --stroke-info-quaternary-rgb: var(--theme-info-300-rgb);
    --stroke-info-quaternary-p3: var(--theme-info-300-p3);
    --stroke-info-quaternary: rgb(var(--stroke-info-quaternary-rgb));
    --chart-fill-area-primary: rgba(var(--theme-accent-700-rgb), .7019607843137254);
    --chart-fill-area-primary-p3: color(display-p3 .7922 .6 .2314/.7019607843137254);
    --chart-fill-area-secondary: rgba(var(--theme-accent-600-rgb), .7019607843137254);
    --chart-fill-area-secondary-p3: color(display-p3 .6 .4549 .1882/.7019607843137254);
    --chart-fill-area-tertiary: rgba(var(--theme-accent-500-rgb), .7019607843137254);
    --chart-fill-area-tertiary-p3: color(display-p3 .4627 .3529 .1529/.7019607843137254);
    --chart-fill-area-quaternary: rgba(var(--theme-accent-400-rgb), .2);
    --chart-fill-area-quaternary-p3: color(display-p3 .3333 .2588 .1216/.2);
    --chart-fill-item-primary-rgb: var(--theme-accent-700-rgb);
    --chart-fill-item-primary-p3: var(--theme-accent-700-p3);
    --chart-fill-item-primary: rgb(var(--chart-fill-item-primary-rgb));
    --chart-fill-item-secondary-rgb: var(--theme-accent-600-rgb);
    --chart-fill-item-secondary-p3: var(--theme-accent-600-p3);
    --chart-fill-item-secondary: rgb(var(--chart-fill-item-secondary-rgb));
    --chart-fill-item-tertiary-rgb: var(--theme-accent-500-rgb);
    --chart-fill-item-tertiary-p3: var(--theme-accent-500-p3);
    --chart-fill-item-tertiary: rgb(var(--chart-fill-item-tertiary-rgb));
    --chart-fill-item-quaternary-rgb: var(--theme-accent-400-rgb);
    --chart-fill-item-quaternary-p3: var(--theme-accent-400-p3);
    --chart-fill-item-quaternary: rgb(var(--chart-fill-item-quaternary-rgb));
    --chart-fill-error-primary-rgb: var(--theme-destructive-700-rgb);
    --chart-fill-error-primary-p3: var(--theme-destructive-700-p3);
    --chart-fill-error-primary: rgb(var(--chart-fill-error-primary-rgb));
    --chart-fill-error-secondary-rgb: var(--theme-destructive-600-rgb);
    --chart-fill-error-secondary-p3: var(--theme-destructive-600-p3);
    --chart-fill-error-secondary: rgb(var(--chart-fill-error-secondary-rgb));
    --chart-fill-error-tertiary-rgb: var(--theme-destructive-500-rgb);
    --chart-fill-error-tertiary-p3: var(--theme-destructive-500-p3);
    --chart-fill-error-tertiary: rgb(var(--chart-fill-error-tertiary-rgb));
    --chart-fill-error-quaternary-rgb: var(--theme-destructive-400-rgb);
    --chart-fill-error-quaternary-p3: var(--theme-destructive-400-p3);
    --chart-fill-error-quaternary: rgb(var(--chart-fill-error-quaternary-rgb));
    --chart-fill-inactive-rgb: var(--base-neutral-50-rgb);
    --chart-fill-inactive-p3: var(--base-neutral-50-p3);
    --chart-fill-inactive: rgb(var(--chart-fill-inactive-rgb));
    --chart-stroke-line-rgb: var(--theme-accent-700-rgb);
    --chart-stroke-line-p3: var(--theme-accent-700-p3);
    --chart-stroke-line: rgb(var(--chart-stroke-line-rgb));
    --chart-stroke-line-secondary-rgb: var(--base-orange-600-rgb);
    --chart-stroke-line-secondary-p3: var(--base-orange-600-p3);
    --chart-stroke-line-secondary: rgb(var(--chart-stroke-line-secondary-rgb));
    --chart-stroke-line-tertiary-rgb: var(--base-red-600-rgb);
    --chart-stroke-line-tertiary-p3: var(--base-red-600-p3);
    --chart-stroke-line-tertiary: rgb(var(--chart-stroke-line-tertiary-rgb));
    --chart-stroke-line-quaternary-rgb: var(--base-blue-600-rgb);
    --chart-stroke-line-quaternary-p3: var(--base-blue-600-p3);
    --chart-stroke-line-quaternary: rgb(var(--chart-stroke-line-quaternary-rgb));
    --chart-stroke-y-axis: rgba(var(--stroke-default-rgb), .4);
    --chart-stroke-y-axis-p3: color(display-p3 .1765 .2 .2078/.4);
    --chart-stroke-item: rgba(var(--theme-accent-700-rgb), .4);
    --chart-stroke-item-p3: color(display-p3 .7922 .6 .2314/.4);
    --chart-stroke-item-inactive-rgb: var(--base-neutral-200-rgb);
    --chart-stroke-item-inactive-p3: var(--base-neutral-200-p3);
    --chart-stroke-item-inactive: rgb(var(--chart-stroke-item-inactive-rgb));
    --chart-stroke-error: rgba(var(--theme-destructive-700-rgb), .4);
    --chart-stroke-error-p3: color(display-p3 .8549 .3804 .4667/.4);
    --theme-accent-100-rgb: var(--base-orange-100-rgb);
    --theme-accent-100-p3: var(--base-orange-100-p3);
    --theme-accent-100: rgb(var(--theme-accent-100-rgb));
    --theme-accent-200-rgb: var(--base-orange-200-rgb);
    --theme-accent-200-p3: var(--base-orange-200-p3);
    --theme-accent-200: rgb(var(--theme-accent-200-rgb));
    --theme-accent-300-rgb: var(--base-orange-300-rgb);
    --theme-accent-300-p3: var(--base-orange-300-p3);
    --theme-accent-300: rgb(var(--theme-accent-300-rgb));
    --theme-accent-400-rgb: var(--base-orange-400-rgb);
    --theme-accent-400-p3: var(--base-orange-400-p3);
    --theme-accent-400: rgb(var(--theme-accent-400-rgb));
    --theme-accent-500-rgb: var(--base-orange-500-rgb);
    --theme-accent-500-p3: var(--base-orange-500-p3);
    --theme-accent-500: rgb(var(--theme-accent-500-rgb));
    --theme-accent-600-rgb: var(--base-orange-600-rgb);
    --theme-accent-600-p3: var(--base-orange-600-p3);
    --theme-accent-600: rgb(var(--theme-accent-600-rgb));
    --theme-accent-700-rgb: var(--base-orange-700-rgb);
    --theme-accent-700-p3: var(--base-orange-700-p3);
    --theme-accent-700: rgb(var(--theme-accent-700-rgb));
    --theme-accent-800-rgb: var(--base-orange-800-rgb);
    --theme-accent-800-p3: var(--base-orange-800-p3);
    --theme-accent-800: rgb(var(--theme-accent-800-rgb));
    --theme-destructive-100-rgb: var(--base-red-100-rgb);
    --theme-destructive-100-p3: var(--base-red-100-p3);
    --theme-destructive-100: rgb(var(--theme-destructive-100-rgb));
    --theme-destructive-200-rgb: var(--base-red-200-rgb);
    --theme-destructive-200-p3: var(--base-red-200-p3);
    --theme-destructive-200: rgb(var(--theme-destructive-200-rgb));
    --theme-destructive-300-rgb: var(--base-red-300-rgb);
    --theme-destructive-300-p3: var(--base-red-300-p3);
    --theme-destructive-300: rgb(var(--theme-destructive-300-rgb));
    --theme-destructive-400-rgb: var(--base-red-400-rgb);
    --theme-destructive-400-p3: var(--base-red-400-p3);
    --theme-destructive-400: rgb(var(--theme-destructive-400-rgb));
    --theme-destructive-500-rgb: var(--base-red-500-rgb);
    --theme-destructive-500-p3: var(--base-red-500-p3);
    --theme-destructive-500: rgb(var(--theme-destructive-500-rgb));
    --theme-destructive-600-rgb: var(--base-red-600-rgb);
    --theme-destructive-600-p3: var(--base-red-600-p3);
    --theme-destructive-600: rgb(var(--theme-destructive-600-rgb));
    --theme-destructive-700-rgb: var(--base-red-700-rgb);
    --theme-destructive-700-p3: var(--base-red-700-p3);
    --theme-destructive-700: rgb(var(--theme-destructive-700-rgb));
    --theme-destructive-800-rgb: var(--base-red-800-rgb);
    --theme-destructive-800-p3: var(--base-red-800-p3);
    --theme-destructive-800: rgb(var(--theme-destructive-800-rgb));
    --theme-success-100-rgb: var(--base-green-100-rgb);
    --theme-success-100-p3: var(--base-green-100-p3);
    --theme-success-100: rgb(var(--theme-success-100-rgb));
    --theme-success-200-rgb: var(--base-green-200-rgb);
    --theme-success-200-p3: var(--base-green-200-p3);
    --theme-success-200: rgb(var(--theme-success-200-rgb));
    --theme-success-300-rgb: var(--base-green-300-rgb);
    --theme-success-300-p3: var(--base-green-300-p3);
    --theme-success-300: rgb(var(--theme-success-300-rgb));
    --theme-success-400-rgb: var(--base-green-400-rgb);
    --theme-success-400-p3: var(--base-green-400-p3);
    --theme-success-400: rgb(var(--theme-success-400-rgb));
    --theme-success-500-rgb: var(--base-green-500-rgb);
    --theme-success-500-p3: var(--base-green-500-p3);
    --theme-success-500: rgb(var(--theme-success-500-rgb));
    --theme-success-600-rgb: var(--base-green-600-rgb);
    --theme-success-600-p3: var(--base-green-600-p3);
    --theme-success-600: rgb(var(--theme-success-600-rgb));
    --theme-success-700-rgb: var(--base-green-700-rgb);
    --theme-success-700-p3: var(--base-green-700-p3);
    --theme-success-700: rgb(var(--theme-success-700-rgb));
    --theme-success-800-rgb: var(--base-green-800-rgb);
    --theme-success-800-p3: var(--base-green-800-p3);
    --theme-success-800: rgb(var(--theme-success-800-rgb));
    --theme-error-100-rgb: var(--base-red-100-rgb);
    --theme-error-100-p3: var(--base-red-100-p3);
    --theme-error-100: rgb(var(--theme-error-100-rgb));
    --theme-error-200-rgb: var(--base-red-200-rgb);
    --theme-error-200-p3: var(--base-red-200-p3);
    --theme-error-200: rgb(var(--theme-error-200-rgb));
    --theme-error-300-rgb: var(--base-red-300-rgb);
    --theme-error-300-p3: var(--base-red-300-p3);
    --theme-error-300: rgb(var(--theme-error-300-rgb));
    --theme-error-400-rgb: var(--base-red-400-rgb);
    --theme-error-400-p3: var(--base-red-400-p3);
    --theme-error-400: rgb(var(--theme-error-400-rgb));
    --theme-error-500-rgb: var(--base-red-500-rgb);
    --theme-error-500-p3: var(--base-red-500-p3);
    --theme-error-500: rgb(var(--theme-error-500-rgb));
    --theme-error-600-rgb: var(--base-red-600-rgb);
    --theme-error-600-p3: var(--base-red-600-p3);
    --theme-error-600: rgb(var(--theme-error-600-rgb));
    --theme-error-700-rgb: var(--base-red-700-rgb);
    --theme-error-700-p3: var(--base-red-700-p3);
    --theme-error-700: rgb(var(--theme-error-700-rgb));
    --theme-error-800-rgb: var(--base-red-800-rgb);
    --theme-error-800-p3: var(--base-red-800-p3);
    --theme-error-800: rgb(var(--theme-error-800-rgb));
    --theme-notice-100-rgb: var(--base-orange-100-rgb);
    --theme-notice-100-p3: var(--base-orange-100-p3);
    --theme-notice-100: rgb(var(--theme-notice-100-rgb));
    --theme-notice-200-rgb: var(--base-orange-200-rgb);
    --theme-notice-200-p3: var(--base-orange-200-p3);
    --theme-notice-200: rgb(var(--theme-notice-200-rgb));
    --theme-notice-300-rgb: var(--base-orange-300-rgb);
    --theme-notice-300-p3: var(--base-orange-300-p3);
    --theme-notice-300: rgb(var(--theme-notice-300-rgb));
    --theme-notice-400-rgb: var(--base-orange-400-rgb);
    --theme-notice-400-p3: var(--base-orange-400-p3);
    --theme-notice-400: rgb(var(--theme-notice-400-rgb));
    --theme-notice-500-rgb: var(--base-orange-500-rgb);
    --theme-notice-500-p3: var(--base-orange-500-p3);
    --theme-notice-500: rgb(var(--theme-notice-500-rgb));
    --theme-notice-600-rgb: var(--base-orange-600-rgb);
    --theme-notice-600-p3: var(--base-orange-600-p3);
    --theme-notice-600: rgb(var(--theme-notice-600-rgb));
    --theme-notice-700-rgb: var(--base-orange-700-rgb);
    --theme-notice-700-p3: var(--base-orange-700-p3);
    --theme-notice-700: rgb(var(--theme-notice-700-rgb));
    --theme-notice-800-rgb: var(--base-orange-800-rgb);
    --theme-notice-800-p3: var(--base-orange-800-p3);
    --theme-notice-800: rgb(var(--theme-notice-800-rgb));
    --theme-info-100-rgb: var(--base-blue-100-rgb);
    --theme-info-100-p3: var(--base-blue-100-p3);
    --theme-info-100: rgb(var(--theme-info-100-rgb));
    --theme-info-200-rgb: var(--base-blue-200-rgb);
    --theme-info-200-p3: var(--base-blue-200-p3);
    --theme-info-200: rgb(var(--theme-info-200-rgb));
    --theme-info-300-rgb: var(--base-blue-300-rgb);
    --theme-info-300-p3: var(--base-blue-300-p3);
    --theme-info-300: rgb(var(--theme-info-300-rgb));
    --theme-info-400-rgb: var(--base-blue-400-rgb);
    --theme-info-400-p3: var(--base-blue-400-p3);
    --theme-info-400: rgb(var(--theme-info-400-rgb));
    --theme-info-500-rgb: var(--base-blue-500-rgb);
    --theme-info-500-p3: var(--base-blue-500-p3);
    --theme-info-500: rgb(var(--theme-info-500-rgb));
    --theme-info-600-rgb: var(--base-blue-600-rgb);
    --theme-info-600-p3: var(--base-blue-600-p3);
    --theme-info-600: rgb(var(--theme-info-600-rgb));
    --theme-info-700-rgb: var(--base-blue-700-rgb);
    --theme-info-700-p3: var(--base-blue-700-p3);
    --theme-info-700: rgb(var(--theme-info-700-rgb));
    --theme-info-800-rgb: var(--base-blue-800-rgb);
    --theme-info-800-p3: var(--base-blue-800-p3);
    --theme-info-800: rgb(var(--theme-info-800-rgb))
}

.yellow {
    --surface-default-rgb: var(--base-neutral-0-rgb);
    --surface-default-p3: var(--base-neutral-0-p3);
    --surface-default: rgb(var(--surface-default-rgb));
    --surface-hover-rgb: var(--base-neutral-200-rgb);
    --surface-hover-p3: var(--base-neutral-200-p3);
    --surface-hover: rgb(var(--surface-hover-rgb));
    --surface-raise-rgb: var(--base-neutral-50-rgb);
    --surface-raise-p3: var(--base-neutral-50-p3);
    --surface-raise: rgb(var(--surface-raise-rgb));
    --surface-secondary-rgb: var(--base-neutral-100-rgb);
    --surface-secondary-p3: var(--base-neutral-100-p3);
    --surface-secondary: rgb(var(--surface-secondary-rgb));
    --surface-tertiary-rgb: var(--base-neutral-200-rgb);
    --surface-tertiary-p3: var(--base-neutral-200-p3);
    --surface-tertiary: rgb(var(--surface-tertiary-rgb));
    --surface-disabled-rgb: var(--base-neutral-100-rgb);
    --surface-disabled-p3: var(--base-neutral-100-p3);
    --surface-disabled: rgb(var(--surface-disabled-rgb));
    --surface-scrim: rgba(var(--base-neutral-0-rgb), .4);
    --surface-scrim-p3: color(display-p3 .0314 .0588 .0667/.4);
    --surface-accent-rgb: var(--theme-accent-800-rgb);
    --surface-accent-p3: var(--theme-accent-800-p3);
    --surface-accent: rgb(var(--surface-accent-rgb));
    --surface-accent-hover-rgb: var(--theme-accent-700-rgb);
    --surface-accent-hover-p3: var(--theme-accent-700-p3);
    --surface-accent-hover: rgb(var(--surface-accent-hover-rgb));
    --surface-accent-secondary-rgb: var(--theme-accent-200-rgb);
    --surface-accent-secondary-p3: var(--theme-accent-200-p3);
    --surface-accent-secondary: rgb(var(--surface-accent-secondary-rgb));
    --surface-accent-secondary-hover-rgb: var(--theme-accent-300-rgb);
    --surface-accent-secondary-hover-p3: var(--theme-accent-300-p3);
    --surface-accent-secondary-hover: rgb(var(--surface-accent-secondary-hover-rgb));
    --surface-destructive-rgb: var(--theme-destructive-800-rgb);
    --surface-destructive-p3: var(--theme-destructive-800-p3);
    --surface-destructive: rgb(var(--surface-destructive-rgb));
    --surface-destructive-hover-rgb: var(--theme-destructive-700-rgb);
    --surface-destructive-hover-p3: var(--theme-destructive-700-p3);
    --surface-destructive-hover: rgb(var(--surface-destructive-hover-rgb));
    --surface-destructive-secondary-rgb: var(--theme-destructive-200-rgb);
    --surface-destructive-secondary-p3: var(--theme-destructive-200-p3);
    --surface-destructive-secondary: rgb(var(--surface-destructive-secondary-rgb));
    --surface-destructive-secondary-hover-rgb: var(--theme-destructive-300-rgb);
    --surface-destructive-secondary-hover-p3: var(--theme-destructive-300-p3);
    --surface-destructive-secondary-hover: rgb(var(--surface-destructive-secondary-hover-rgb));
    --surface-notice-rgb: var(--theme-notice-800-rgb);
    --surface-notice-p3: var(--theme-notice-800-p3);
    --surface-notice: rgb(var(--surface-notice-rgb));
    --surface-notice-hover-rgb: var(--theme-notice-700-rgb);
    --surface-notice-hover-p3: var(--theme-notice-700-p3);
    --surface-notice-hover: rgb(var(--surface-notice-hover-rgb));
    --surface-notice-secondary-rgb: var(--theme-notice-200-rgb);
    --surface-notice-secondary-p3: var(--theme-notice-200-p3);
    --surface-notice-secondary: rgb(var(--surface-notice-secondary-rgb));
    --surface-notice-secondary-hover-rgb: var(--theme-notice-300-rgb);
    --surface-notice-secondary-hover-p3: var(--theme-notice-300-p3);
    --surface-notice-secondary-hover: rgb(var(--surface-notice-secondary-hover-rgb));
    --surface-success-rgb: var(--theme-success-800-rgb);
    --surface-success-p3: var(--theme-success-800-p3);
    --surface-success: rgb(var(--surface-success-rgb));
    --surface-success-secondary-rgb: var(--theme-success-200-rgb);
    --surface-success-secondary-p3: var(--theme-success-200-p3);
    --surface-success-secondary: rgb(var(--surface-success-secondary-rgb));
    --surface-error-rgb: var(--theme-error-800-rgb);
    --surface-error-p3: var(--theme-error-800-p3);
    --surface-error: rgb(var(--surface-error-rgb));
    --surface-error-secondary-rgb: var(--theme-error-200-rgb);
    --surface-error-secondary-p3: var(--theme-error-200-p3);
    --surface-error-secondary: rgb(var(--surface-error-secondary-rgb));
    --surface-inverse-rgb: var(--content-default-rgb);
    --surface-inverse-p3: var(--content-default-p3);
    --surface-inverse: rgb(var(--surface-inverse-rgb));
    --surface-inverse-secondary-rgb: var(--content-secondary-rgb);
    --surface-inverse-secondary-p3: var(--content-secondary-p3);
    --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb));
    --surface-inverse-tertiary-rgb: var(--content-tertiary-rgb);
    --surface-inverse-tertiary-p3: var(--content-tertiary-p3);
    --surface-inverse-tertiary: rgb(var(--surface-inverse-tertiary-rgb));
    --surface-info-rgb: var(--theme-info-800-rgb);
    --surface-info-p3: var(--theme-info-800-p3);
    --surface-info: rgb(var(--surface-info-rgb));
    --surface-info-hover-rgb: var(--theme-info-700-rgb);
    --surface-info-hover-p3: var(--theme-info-700-p3);
    --surface-info-hover: rgb(var(--surface-info-hover-rgb));
    --surface-info-secondary-rgb: var(--theme-info-200-rgb);
    --surface-info-secondary-p3: var(--theme-info-200-p3);
    --surface-info-secondary: rgb(var(--surface-info-secondary-rgb));
    --surface-info-secondary-hover-rgb: var(--theme-info-300-rgb);
    --surface-info-secondary-hover-p3: var(--theme-info-300-p3);
    --surface-info-secondary-hover: rgb(var(--surface-info-secondary-hover-rgb));
    --content-default-rgb: var(--base-neutral-900-rgb);
    --content-default-p3: var(--base-neutral-900-p3);
    --content-default: rgb(var(--content-default-rgb));
    --content-secondary-rgb: var(--base-neutral-800-rgb);
    --content-secondary-p3: var(--base-neutral-800-p3);
    --content-secondary: rgb(var(--content-secondary-rgb));
    --content-tertiary-rgb: var(--base-neutral-700-rgb);
    --content-tertiary-p3: var(--base-neutral-700-p3);
    --content-tertiary: rgb(var(--content-tertiary-rgb));
    --content-quaternary-rgb: var(--base-neutral-600-rgb);
    --content-quaternary-p3: var(--base-neutral-600-p3);
    --content-quaternary: rgb(var(--content-quaternary-rgb));
    --content-quinary-rgb: var(--base-neutral-500-rgb);
    --content-quinary-p3: var(--base-neutral-500-p3);
    --content-quinary: rgb(var(--content-quinary-rgb));
    --content-disabled-rgb: var(--base-neutral-500-rgb);
    --content-disabled-p3: var(--base-neutral-500-p3);
    --content-disabled: rgb(var(--content-disabled-rgb));
    --content-accent-rgb: var(--theme-accent-800-rgb);
    --content-accent-p3: var(--theme-accent-800-p3);
    --content-accent: rgb(var(--content-accent-rgb));
    --content-accent-secondary-rgb: var(--theme-accent-700-rgb);
    --content-accent-secondary-p3: var(--theme-accent-700-p3);
    --content-accent-secondary: rgb(var(--content-accent-secondary-rgb));
    --content-accent-tertiary-rgb: var(--theme-accent-600-rgb);
    --content-accent-tertiary-p3: var(--theme-accent-600-p3);
    --content-accent-tertiary: rgb(var(--content-accent-tertiary-rgb));
    --content-accent-disabled-rgb: var(--theme-accent-500-rgb);
    --content-accent-disabled-p3: var(--theme-accent-500-p3);
    --content-accent-disabled: rgb(var(--content-accent-disabled-rgb));
    --content-destructive-rgb: var(--theme-destructive-800-rgb);
    --content-destructive-p3: var(--theme-destructive-800-p3);
    --content-destructive: rgb(var(--content-destructive-rgb));
    --content-destructive-secondary-rgb: var(--theme-destructive-700-rgb);
    --content-destructive-secondary-p3: var(--theme-destructive-700-p3);
    --content-destructive-secondary: rgb(var(--content-destructive-secondary-rgb));
    --content-destructive-tertiary-rgb: var(--theme-destructive-600-rgb);
    --content-destructive-tertiary-p3: var(--theme-destructive-600-p3);
    --content-destructive-tertiary: rgb(var(--content-destructive-tertiary-rgb));
    --content-destructive-disabled-rgb: var(--theme-destructive-500-rgb);
    --content-destructive-disabled-p3: var(--theme-destructive-500-p3);
    --content-destructive-disabled: rgb(var(--content-destructive-disabled-rgb));
    --content-success-rgb: var(--theme-success-800-rgb);
    --content-success-p3: var(--theme-success-800-p3);
    --content-success: rgb(var(--content-success-rgb));
    --content-success-secondary-rgb: var(--theme-success-700-rgb);
    --content-success-secondary-p3: var(--theme-success-700-p3);
    --content-success-secondary: rgb(var(--content-success-secondary-rgb));
    --content-success-tertiary-rgb: var(--theme-success-600-rgb);
    --content-success-tertiary-p3: var(--theme-success-600-p3);
    --content-success-tertiary: rgb(var(--content-success-tertiary-rgb));
    --content-success-disabled-rgb: var(--theme-success-500-rgb);
    --content-success-disabled-p3: var(--theme-success-500-p3);
    --content-success-disabled: rgb(var(--content-success-disabled-rgb));
    --content-error-rgb: var(--theme-error-800-rgb);
    --content-error-p3: var(--theme-error-800-p3);
    --content-error: rgb(var(--content-error-rgb));
    --content-error-secondary-rgb: var(--theme-error-700-rgb);
    --content-error-secondary-p3: var(--theme-error-700-p3);
    --content-error-secondary: rgb(var(--content-error-secondary-rgb));
    --content-error-tertiary-rgb: var(--theme-error-600-rgb);
    --content-error-tertiary-p3: var(--theme-error-600-p3);
    --content-error-tertiary: rgb(var(--content-error-tertiary-rgb));
    --content-error-disabled-rgb: var(--theme-error-500-rgb);
    --content-error-disabled-p3: var(--theme-error-500-p3);
    --content-error-disabled: rgb(var(--content-error-disabled-rgb));
    --content-notice-rgb: var(--theme-notice-800-rgb);
    --content-notice-p3: var(--theme-notice-800-p3);
    --content-notice: rgb(var(--content-notice-rgb));
    --content-notice-secondary-rgb: var(--theme-notice-700-rgb);
    --content-notice-secondary-p3: var(--theme-notice-700-p3);
    --content-notice-secondary: rgb(var(--content-notice-secondary-rgb));
    --content-notice-tertiary-rgb: var(--theme-notice-600-rgb);
    --content-notice-tertiary-p3: var(--theme-notice-600-p3);
    --content-notice-tertiary: rgb(var(--content-notice-tertiary-rgb));
    --content-notice-disabled-rgb: var(--theme-notice-500-rgb);
    --content-notice-disabled-p3: var(--theme-notice-500-p3);
    --content-notice-disabled: rgb(var(--content-notice-disabled-rgb));
    --content-inverse-rgb: var(--surface-default-rgb);
    --content-inverse-p3: var(--surface-default-p3);
    --content-inverse: rgb(var(--content-inverse-rgb));
    --content-inverse-raise-rgb: var(--surface-raise-rgb);
    --content-inverse-raise-p3: var(--surface-raise-p3);
    --content-inverse-raise: rgb(var(--content-inverse-raise-rgb));
    --content-inverse-secondary-rgb: var(--surface-secondary-rgb);
    --content-inverse-secondary-p3: var(--surface-secondary-p3);
    --content-inverse-secondary: rgb(var(--content-inverse-secondary-rgb));
    --content-info-rgb: var(--theme-info-800-rgb);
    --content-info-p3: var(--theme-info-800-p3);
    --content-info: rgb(var(--content-info-rgb));
    --content-info-secondary-rgb: var(--theme-info-700-rgb);
    --content-info-secondary-p3: var(--theme-info-700-p3);
    --content-info-secondary: rgb(var(--content-info-secondary-rgb));
    --content-info-tertiary-rgb: var(--theme-info-600-rgb);
    --content-info-tertiary-p3: var(--theme-info-600-p3);
    --content-info-tertiary: rgb(var(--content-info-tertiary-rgb));
    --content-info-disabled-rgb: var(--theme-info-500-rgb);
    --content-info-disabled-p3: var(--theme-info-500-p3);
    --content-info-disabled: rgb(var(--content-info-disabled-rgb));
    --stroke-default-rgb: var(--base-neutral-300-rgb);
    --stroke-default-p3: var(--base-neutral-300-p3);
    --stroke-default: rgb(var(--stroke-default-rgb));
    --stroke-hover-rgb: var(--base-neutral-400-rgb);
    --stroke-hover-p3: var(--base-neutral-400-p3);
    --stroke-hover: rgb(var(--stroke-hover-rgb));
    --stroke-secondary-rgb: var(--base-neutral-200-rgb);
    --stroke-secondary-p3: var(--base-neutral-200-p3);
    --stroke-secondary: rgb(var(--stroke-secondary-rgb));
    --stroke-tertiary-rgb: var(--base-neutral-100-rgb);
    --stroke-tertiary-p3: var(--base-neutral-100-p3);
    --stroke-tertiary: rgb(var(--stroke-tertiary-rgb));
    --stroke-raise-rgb: var(--base-neutral-500-rgb);
    --stroke-raise-p3: var(--base-neutral-500-p3);
    --stroke-raise: rgb(var(--stroke-raise-rgb));
    --stroke-surface-rgb: var(--surface-default-rgb);
    --stroke-surface-p3: var(--surface-default-p3);
    --stroke-surface: rgb(var(--stroke-surface-rgb));
    --stroke-accent-rgb: var(--theme-accent-800-rgb);
    --stroke-accent-p3: var(--theme-accent-800-p3);
    --stroke-accent: rgb(var(--stroke-accent-rgb));
    --stroke-accent-secondary-rgb: var(--theme-accent-600-rgb);
    --stroke-accent-secondary-p3: var(--theme-accent-600-p3);
    --stroke-accent-secondary: rgb(var(--stroke-accent-secondary-rgb));
    --stroke-accent-tertiary-rgb: var(--theme-accent-400-rgb);
    --stroke-accent-tertiary-p3: var(--theme-accent-400-p3);
    --stroke-accent-tertiary: rgb(var(--stroke-accent-tertiary-rgb));
    --stroke-accent-quaternary-rgb: var(--theme-accent-300-rgb);
    --stroke-accent-quaternary-p3: var(--theme-accent-300-p3);
    --stroke-accent-quaternary: rgb(var(--stroke-accent-quaternary-rgb));
    --stroke-destructive-rgb: var(--theme-destructive-800-rgb);
    --stroke-destructive-p3: var(--theme-destructive-800-p3);
    --stroke-destructive: rgb(var(--stroke-destructive-rgb));
    --stroke-destructive-secondary-rgb: var(--theme-destructive-600-rgb);
    --stroke-destructive-secondary-p3: var(--theme-destructive-600-p3);
    --stroke-destructive-secondary: rgb(var(--stroke-destructive-secondary-rgb));
    --stroke-destructive-tertiary-rgb: var(--theme-destructive-400-rgb);
    --stroke-destructive-tertiary-p3: var(--theme-destructive-400-p3);
    --stroke-destructive-tertiary: rgb(var(--stroke-destructive-tertiary-rgb));
    --stroke-destructive-quaternary-rgb: var(--theme-destructive-300-rgb);
    --stroke-destructive-quaternary-p3: var(--theme-destructive-300-p3);
    --stroke-destructive-quaternary: rgb(var(--stroke-destructive-quaternary-rgb));
    --stroke-success-rgb: var(--theme-success-800-rgb);
    --stroke-success-p3: var(--theme-success-800-p3);
    --stroke-success: rgb(var(--stroke-success-rgb));
    --stroke-success-secondary-rgb: var(--theme-success-600-rgb);
    --stroke-success-secondary-p3: var(--theme-success-600-p3);
    --stroke-success-secondary: rgb(var(--stroke-success-secondary-rgb));
    --stroke-success-tertiary-rgb: var(--theme-success-400-rgb);
    --stroke-success-tertiary-p3: var(--theme-success-400-p3);
    --stroke-success-tertiary: rgb(var(--stroke-success-tertiary-rgb));
    --stroke-success-quaternary-rgb: var(--theme-success-300-rgb);
    --stroke-success-quaternary-p3: var(--theme-success-300-p3);
    --stroke-success-quaternary: rgb(var(--stroke-success-quaternary-rgb));
    --stroke-error-rgb: var(--theme-error-800-rgb);
    --stroke-error-p3: var(--theme-error-800-p3);
    --stroke-error: rgb(var(--stroke-error-rgb));
    --stroke-error-secondary-rgb: var(--theme-error-600-rgb);
    --stroke-error-secondary-p3: var(--theme-error-600-p3);
    --stroke-error-secondary: rgb(var(--stroke-error-secondary-rgb));
    --stroke-error-tertiary-rgb: var(--theme-error-400-rgb);
    --stroke-error-tertiary-p3: var(--theme-error-400-p3);
    --stroke-error-tertiary: rgb(var(--stroke-error-tertiary-rgb));
    --stroke-error-quaternary-rgb: var(--theme-error-300-rgb);
    --stroke-error-quaternary-p3: var(--theme-error-300-p3);
    --stroke-error-quaternary: rgb(var(--stroke-error-quaternary-rgb));
    --stroke-notice-rgb: var(--theme-notice-800-rgb);
    --stroke-notice-p3: var(--theme-notice-800-p3);
    --stroke-notice: rgb(var(--stroke-notice-rgb));
    --stroke-notice-secondary-rgb: var(--theme-notice-600-rgb);
    --stroke-notice-secondary-p3: var(--theme-notice-600-p3);
    --stroke-notice-secondary: rgb(var(--stroke-notice-secondary-rgb));
    --stroke-notice-tertiary-rgb: var(--theme-notice-400-rgb);
    --stroke-notice-tertiary-p3: var(--theme-notice-400-p3);
    --stroke-notice-tertiary: rgb(var(--stroke-notice-tertiary-rgb));
    --stroke-notice-quaternary-rgb: var(--theme-notice-300-rgb);
    --stroke-notice-quaternary-p3: var(--theme-notice-300-p3);
    --stroke-notice-quaternary: rgb(var(--stroke-notice-quaternary-rgb));
    --stroke-info-rgb: var(--theme-info-800-rgb);
    --stroke-info-p3: var(--theme-info-800-p3);
    --stroke-info: rgb(var(--stroke-info-rgb));
    --stroke-info-secondary-rgb: var(--theme-info-600-rgb);
    --stroke-info-secondary-p3: var(--theme-info-600-p3);
    --stroke-info-secondary: rgb(var(--stroke-info-secondary-rgb));
    --stroke-info-tertiary-rgb: var(--theme-info-400-rgb);
    --stroke-info-tertiary-p3: var(--theme-info-400-p3);
    --stroke-info-tertiary: rgb(var(--stroke-info-tertiary-rgb));
    --stroke-info-quaternary-rgb: var(--theme-info-300-rgb);
    --stroke-info-quaternary-p3: var(--theme-info-300-p3);
    --stroke-info-quaternary: rgb(var(--stroke-info-quaternary-rgb));
    --chart-fill-area-primary: rgba(var(--theme-accent-700-rgb), .7019607843137254);
    --chart-fill-area-primary-p3: color(display-p3 .7922 .6 .2314/.7019607843137254);
    --chart-fill-area-secondary: rgba(var(--theme-accent-600-rgb), .7019607843137254);
    --chart-fill-area-secondary-p3: color(display-p3 .6 .4549 .1882/.7019607843137254);
    --chart-fill-area-tertiary: rgba(var(--theme-accent-500-rgb), .7019607843137254);
    --chart-fill-area-tertiary-p3: color(display-p3 .4627 .3529 .1529/.7019607843137254);
    --chart-fill-area-quaternary: rgba(var(--theme-accent-400-rgb), .2);
    --chart-fill-area-quaternary-p3: color(display-p3 .3333 .2588 .1216/.2);
    --chart-fill-item-primary-rgb: var(--theme-accent-700-rgb);
    --chart-fill-item-primary-p3: var(--theme-accent-700-p3);
    --chart-fill-item-primary: rgb(var(--chart-fill-item-primary-rgb));
    --chart-fill-item-secondary-rgb: var(--theme-accent-600-rgb);
    --chart-fill-item-secondary-p3: var(--theme-accent-600-p3);
    --chart-fill-item-secondary: rgb(var(--chart-fill-item-secondary-rgb));
    --chart-fill-item-tertiary-rgb: var(--theme-accent-500-rgb);
    --chart-fill-item-tertiary-p3: var(--theme-accent-500-p3);
    --chart-fill-item-tertiary: rgb(var(--chart-fill-item-tertiary-rgb));
    --chart-fill-item-quaternary-rgb: var(--theme-accent-400-rgb);
    --chart-fill-item-quaternary-p3: var(--theme-accent-400-p3);
    --chart-fill-item-quaternary: rgb(var(--chart-fill-item-quaternary-rgb));
    --chart-fill-error-primary-rgb: var(--theme-destructive-700-rgb);
    --chart-fill-error-primary-p3: var(--theme-destructive-700-p3);
    --chart-fill-error-primary: rgb(var(--chart-fill-error-primary-rgb));
    --chart-fill-error-secondary-rgb: var(--theme-destructive-600-rgb);
    --chart-fill-error-secondary-p3: var(--theme-destructive-600-p3);
    --chart-fill-error-secondary: rgb(var(--chart-fill-error-secondary-rgb));
    --chart-fill-error-tertiary-rgb: var(--theme-destructive-500-rgb);
    --chart-fill-error-tertiary-p3: var(--theme-destructive-500-p3);
    --chart-fill-error-tertiary: rgb(var(--chart-fill-error-tertiary-rgb));
    --chart-fill-error-quaternary-rgb: var(--theme-destructive-400-rgb);
    --chart-fill-error-quaternary-p3: var(--theme-destructive-400-p3);
    --chart-fill-error-quaternary: rgb(var(--chart-fill-error-quaternary-rgb));
    --chart-fill-inactive-rgb: var(--base-neutral-50-rgb);
    --chart-fill-inactive-p3: var(--base-neutral-50-p3);
    --chart-fill-inactive: rgb(var(--chart-fill-inactive-rgb));
    --chart-stroke-line-rgb: var(--theme-accent-700-rgb);
    --chart-stroke-line-p3: var(--theme-accent-700-p3);
    --chart-stroke-line: rgb(var(--chart-stroke-line-rgb));
    --chart-stroke-line-secondary-rgb: var(--base-yellow-600-rgb);
    --chart-stroke-line-secondary-p3: var(--base-yellow-600-p3);
    --chart-stroke-line-secondary: rgb(var(--chart-stroke-line-secondary-rgb));
    --chart-stroke-line-tertiary-rgb: var(--base-red-600-rgb);
    --chart-stroke-line-tertiary-p3: var(--base-red-600-p3);
    --chart-stroke-line-tertiary: rgb(var(--chart-stroke-line-tertiary-rgb));
    --chart-stroke-line-quaternary-rgb: var(--base-blue-600-rgb);
    --chart-stroke-line-quaternary-p3: var(--base-blue-600-p3);
    --chart-stroke-line-quaternary: rgb(var(--chart-stroke-line-quaternary-rgb));
    --chart-stroke-y-axis: rgba(var(--stroke-default-rgb), .4);
    --chart-stroke-y-axis-p3: color(display-p3 .1765 .2 .2078/.4);
    --chart-stroke-item: rgba(var(--theme-accent-700-rgb), .4);
    --chart-stroke-item-p3: color(display-p3 .7922 .6 .2314/.4);
    --chart-stroke-item-inactive-rgb: var(--base-neutral-200-rgb);
    --chart-stroke-item-inactive-p3: var(--base-neutral-200-p3);
    --chart-stroke-item-inactive: rgb(var(--chart-stroke-item-inactive-rgb));
    --chart-stroke-error: rgba(var(--theme-destructive-700-rgb), .4);
    --chart-stroke-error-p3: color(display-p3 .8549 .3804 .4667/.4);
    --theme-accent-100-rgb: var(--base-yellow-100-rgb);
    --theme-accent-100-p3: var(--base-yellow-100-p3);
    --theme-accent-100: rgb(var(--theme-accent-100-rgb));
    --theme-accent-200-rgb: var(--base-yellow-200-rgb);
    --theme-accent-200-p3: var(--base-yellow-200-p3);
    --theme-accent-200: rgb(var(--theme-accent-200-rgb));
    --theme-accent-300-rgb: var(--base-yellow-300-rgb);
    --theme-accent-300-p3: var(--base-yellow-300-p3);
    --theme-accent-300: rgb(var(--theme-accent-300-rgb));
    --theme-accent-400-rgb: var(--base-yellow-400-rgb);
    --theme-accent-400-p3: var(--base-yellow-400-p3);
    --theme-accent-400: rgb(var(--theme-accent-400-rgb));
    --theme-accent-500-rgb: var(--base-yellow-500-rgb);
    --theme-accent-500-p3: var(--base-yellow-500-p3);
    --theme-accent-500: rgb(var(--theme-accent-500-rgb));
    --theme-accent-600-rgb: var(--base-yellow-600-rgb);
    --theme-accent-600-p3: var(--base-yellow-600-p3);
    --theme-accent-600: rgb(var(--theme-accent-600-rgb));
    --theme-accent-700-rgb: var(--base-yellow-700-rgb);
    --theme-accent-700-p3: var(--base-yellow-700-p3);
    --theme-accent-700: rgb(var(--theme-accent-700-rgb));
    --theme-accent-800-rgb: var(--base-yellow-800-rgb);
    --theme-accent-800-p3: var(--base-yellow-800-p3);
    --theme-accent-800: rgb(var(--theme-accent-800-rgb));
    --theme-destructive-100-rgb: var(--base-red-100-rgb);
    --theme-destructive-100-p3: var(--base-red-100-p3);
    --theme-destructive-100: rgb(var(--theme-destructive-100-rgb));
    --theme-destructive-200-rgb: var(--base-red-200-rgb);
    --theme-destructive-200-p3: var(--base-red-200-p3);
    --theme-destructive-200: rgb(var(--theme-destructive-200-rgb));
    --theme-destructive-300-rgb: var(--base-red-300-rgb);
    --theme-destructive-300-p3: var(--base-red-300-p3);
    --theme-destructive-300: rgb(var(--theme-destructive-300-rgb));
    --theme-destructive-400-rgb: var(--base-red-400-rgb);
    --theme-destructive-400-p3: var(--base-red-400-p3);
    --theme-destructive-400: rgb(var(--theme-destructive-400-rgb));
    --theme-destructive-500-rgb: var(--base-red-500-rgb);
    --theme-destructive-500-p3: var(--base-red-500-p3);
    --theme-destructive-500: rgb(var(--theme-destructive-500-rgb));
    --theme-destructive-600-rgb: var(--base-red-600-rgb);
    --theme-destructive-600-p3: var(--base-red-600-p3);
    --theme-destructive-600: rgb(var(--theme-destructive-600-rgb));
    --theme-destructive-700-rgb: var(--base-red-700-rgb);
    --theme-destructive-700-p3: var(--base-red-700-p3);
    --theme-destructive-700: rgb(var(--theme-destructive-700-rgb));
    --theme-destructive-800-rgb: var(--base-red-800-rgb);
    --theme-destructive-800-p3: var(--base-red-800-p3);
    --theme-destructive-800: rgb(var(--theme-destructive-800-rgb));
    --theme-success-100-rgb: var(--base-green-100-rgb);
    --theme-success-100-p3: var(--base-green-100-p3);
    --theme-success-100: rgb(var(--theme-success-100-rgb));
    --theme-success-200-rgb: var(--base-green-200-rgb);
    --theme-success-200-p3: var(--base-green-200-p3);
    --theme-success-200: rgb(var(--theme-success-200-rgb));
    --theme-success-300-rgb: var(--base-green-300-rgb);
    --theme-success-300-p3: var(--base-green-300-p3);
    --theme-success-300: rgb(var(--theme-success-300-rgb));
    --theme-success-400-rgb: var(--base-green-400-rgb);
    --theme-success-400-p3: var(--base-green-400-p3);
    --theme-success-400: rgb(var(--theme-success-400-rgb));
    --theme-success-500-rgb: var(--base-green-500-rgb);
    --theme-success-500-p3: var(--base-green-500-p3);
    --theme-success-500: rgb(var(--theme-success-500-rgb));
    --theme-success-600-rgb: var(--base-green-600-rgb);
    --theme-success-600-p3: var(--base-green-600-p3);
    --theme-success-600: rgb(var(--theme-success-600-rgb));
    --theme-success-700-rgb: var(--base-green-700-rgb);
    --theme-success-700-p3: var(--base-green-700-p3);
    --theme-success-700: rgb(var(--theme-success-700-rgb));
    --theme-success-800-rgb: var(--base-green-800-rgb);
    --theme-success-800-p3: var(--base-green-800-p3);
    --theme-success-800: rgb(var(--theme-success-800-rgb));
    --theme-error-100-rgb: var(--base-red-100-rgb);
    --theme-error-100-p3: var(--base-red-100-p3);
    --theme-error-100: rgb(var(--theme-error-100-rgb));
    --theme-error-200-rgb: var(--base-red-200-rgb);
    --theme-error-200-p3: var(--base-red-200-p3);
    --theme-error-200: rgb(var(--theme-error-200-rgb));
    --theme-error-300-rgb: var(--base-red-300-rgb);
    --theme-error-300-p3: var(--base-red-300-p3);
    --theme-error-300: rgb(var(--theme-error-300-rgb));
    --theme-error-400-rgb: var(--base-red-400-rgb);
    --theme-error-400-p3: var(--base-red-400-p3);
    --theme-error-400: rgb(var(--theme-error-400-rgb));
    --theme-error-500-rgb: var(--base-red-500-rgb);
    --theme-error-500-p3: var(--base-red-500-p3);
    --theme-error-500: rgb(var(--theme-error-500-rgb));
    --theme-error-600-rgb: var(--base-red-600-rgb);
    --theme-error-600-p3: var(--base-red-600-p3);
    --theme-error-600: rgb(var(--theme-error-600-rgb));
    --theme-error-700-rgb: var(--base-red-700-rgb);
    --theme-error-700-p3: var(--base-red-700-p3);
    --theme-error-700: rgb(var(--theme-error-700-rgb));
    --theme-error-800-rgb: var(--base-red-800-rgb);
    --theme-error-800-p3: var(--base-red-800-p3);
    --theme-error-800: rgb(var(--theme-error-800-rgb));
    --theme-notice-100-rgb: var(--base-yellow-100-rgb);
    --theme-notice-100-p3: var(--base-yellow-100-p3);
    --theme-notice-100: rgb(var(--theme-notice-100-rgb));
    --theme-notice-200-rgb: var(--base-yellow-200-rgb);
    --theme-notice-200-p3: var(--base-yellow-200-p3);
    --theme-notice-200: rgb(var(--theme-notice-200-rgb));
    --theme-notice-300-rgb: var(--base-yellow-300-rgb);
    --theme-notice-300-p3: var(--base-yellow-300-p3);
    --theme-notice-300: rgb(var(--theme-notice-300-rgb));
    --theme-notice-400-rgb: var(--base-yellow-400-rgb);
    --theme-notice-400-p3: var(--base-yellow-400-p3);
    --theme-notice-400: rgb(var(--theme-notice-400-rgb));
    --theme-notice-500-rgb: var(--base-yellow-500-rgb);
    --theme-notice-500-p3: var(--base-yellow-500-p3);
    --theme-notice-500: rgb(var(--theme-notice-500-rgb));
    --theme-notice-600-rgb: var(--base-yellow-600-rgb);
    --theme-notice-600-p3: var(--base-yellow-600-p3);
    --theme-notice-600: rgb(var(--theme-notice-600-rgb));
    --theme-notice-700-rgb: var(--base-yellow-700-rgb);
    --theme-notice-700-p3: var(--base-yellow-700-p3);
    --theme-notice-700: rgb(var(--theme-notice-700-rgb));
    --theme-notice-800-rgb: var(--base-yellow-800-rgb);
    --theme-notice-800-p3: var(--base-yellow-800-p3);
    --theme-notice-800: rgb(var(--theme-notice-800-rgb));
    --theme-info-100-rgb: var(--base-blue-100-rgb);
    --theme-info-100-p3: var(--base-blue-100-p3);
    --theme-info-100: rgb(var(--theme-info-100-rgb));
    --theme-info-200-rgb: var(--base-blue-200-rgb);
    --theme-info-200-p3: var(--base-blue-200-p3);
    --theme-info-200: rgb(var(--theme-info-200-rgb));
    --theme-info-300-rgb: var(--base-blue-300-rgb);
    --theme-info-300-p3: var(--base-blue-300-p3);
    --theme-info-300: rgb(var(--theme-info-300-rgb));
    --theme-info-400-rgb: var(--base-blue-400-rgb);
    --theme-info-400-p3: var(--base-blue-400-p3);
    --theme-info-400: rgb(var(--theme-info-400-rgb));
    --theme-info-500-rgb: var(--base-blue-500-rgb);
    --theme-info-500-p3: var(--base-blue-500-p3);
    --theme-info-500: rgb(var(--theme-info-500-rgb));
    --theme-info-600-rgb: var(--base-blue-600-rgb);
    --theme-info-600-p3: var(--base-blue-600-p3);
    --theme-info-600: rgb(var(--theme-info-600-rgb));
    --theme-info-700-rgb: var(--base-blue-700-rgb);
    --theme-info-700-p3: var(--base-blue-700-p3);
    --theme-info-700: rgb(var(--theme-info-700-rgb));
    --theme-info-800-rgb: var(--base-blue-800-rgb);
    --theme-info-800-p3: var(--base-blue-800-p3);
    --theme-info-800: rgb(var(--theme-info-800-rgb))
}

.purple {
    --surface-default-rgb: var(--base-neutral-0-rgb);
    --surface-default-p3: var(--base-neutral-0-p3);
    --surface-default: rgb(var(--surface-default-rgb));
    --surface-hover-rgb: var(--base-neutral-200-rgb);
    --surface-hover-p3: var(--base-neutral-200-p3);
    --surface-hover: rgb(var(--surface-hover-rgb));
    --surface-raise-rgb: var(--base-neutral-50-rgb);
    --surface-raise-p3: var(--base-neutral-50-p3);
    --surface-raise: rgb(var(--surface-raise-rgb));
    --surface-secondary-rgb: var(--base-neutral-100-rgb);
    --surface-secondary-p3: var(--base-neutral-100-p3);
    --surface-secondary: rgb(var(--surface-secondary-rgb));
    --surface-tertiary-rgb: var(--base-neutral-200-rgb);
    --surface-tertiary-p3: var(--base-neutral-200-p3);
    --surface-tertiary: rgb(var(--surface-tertiary-rgb));
    --surface-disabled-rgb: var(--base-neutral-100-rgb);
    --surface-disabled-p3: var(--base-neutral-100-p3);
    --surface-disabled: rgb(var(--surface-disabled-rgb));
    --surface-scrim: rgba(var(--base-neutral-0-rgb), .4);
    --surface-scrim-p3: color(display-p3 .0314 .0588 .0667/.4);
    --surface-accent-rgb: var(--theme-accent-800-rgb);
    --surface-accent-p3: var(--theme-accent-800-p3);
    --surface-accent: rgb(var(--surface-accent-rgb));
    --surface-accent-hover-rgb: var(--theme-accent-700-rgb);
    --surface-accent-hover-p3: var(--theme-accent-700-p3);
    --surface-accent-hover: rgb(var(--surface-accent-hover-rgb));
    --surface-accent-secondary-rgb: var(--theme-accent-200-rgb);
    --surface-accent-secondary-p3: var(--theme-accent-200-p3);
    --surface-accent-secondary: rgb(var(--surface-accent-secondary-rgb));
    --surface-accent-secondary-hover-rgb: var(--theme-accent-300-rgb);
    --surface-accent-secondary-hover-p3: var(--theme-accent-300-p3);
    --surface-accent-secondary-hover: rgb(var(--surface-accent-secondary-hover-rgb));
    --surface-destructive-rgb: var(--theme-destructive-800-rgb);
    --surface-destructive-p3: var(--theme-destructive-800-p3);
    --surface-destructive: rgb(var(--surface-destructive-rgb));
    --surface-destructive-hover-rgb: var(--theme-destructive-700-rgb);
    --surface-destructive-hover-p3: var(--theme-destructive-700-p3);
    --surface-destructive-hover: rgb(var(--surface-destructive-hover-rgb));
    --surface-destructive-secondary-rgb: var(--theme-destructive-200-rgb);
    --surface-destructive-secondary-p3: var(--theme-destructive-200-p3);
    --surface-destructive-secondary: rgb(var(--surface-destructive-secondary-rgb));
    --surface-destructive-secondary-hover-rgb: var(--theme-destructive-300-rgb);
    --surface-destructive-secondary-hover-p3: var(--theme-destructive-300-p3);
    --surface-destructive-secondary-hover: rgb(var(--surface-destructive-secondary-hover-rgb));
    --surface-notice-rgb: var(--theme-notice-800-rgb);
    --surface-notice-p3: var(--theme-notice-800-p3);
    --surface-notice: rgb(var(--surface-notice-rgb));
    --surface-notice-hover-rgb: var(--theme-notice-700-rgb);
    --surface-notice-hover-p3: var(--theme-notice-700-p3);
    --surface-notice-hover: rgb(var(--surface-notice-hover-rgb));
    --surface-notice-secondary-rgb: var(--theme-notice-200-rgb);
    --surface-notice-secondary-p3: var(--theme-notice-200-p3);
    --surface-notice-secondary: rgb(var(--surface-notice-secondary-rgb));
    --surface-notice-secondary-hover-rgb: var(--theme-notice-300-rgb);
    --surface-notice-secondary-hover-p3: var(--theme-notice-300-p3);
    --surface-notice-secondary-hover: rgb(var(--surface-notice-secondary-hover-rgb));
    --surface-success-rgb: var(--theme-success-800-rgb);
    --surface-success-p3: var(--theme-success-800-p3);
    --surface-success: rgb(var(--surface-success-rgb));
    --surface-success-secondary-rgb: var(--theme-success-200-rgb);
    --surface-success-secondary-p3: var(--theme-success-200-p3);
    --surface-success-secondary: rgb(var(--surface-success-secondary-rgb));
    --surface-error-rgb: var(--theme-error-800-rgb);
    --surface-error-p3: var(--theme-error-800-p3);
    --surface-error: rgb(var(--surface-error-rgb));
    --surface-error-secondary-rgb: var(--theme-error-200-rgb);
    --surface-error-secondary-p3: var(--theme-error-200-p3);
    --surface-error-secondary: rgb(var(--surface-error-secondary-rgb));
    --surface-inverse-rgb: var(--content-default-rgb);
    --surface-inverse-p3: var(--content-default-p3);
    --surface-inverse: rgb(var(--surface-inverse-rgb));
    --surface-inverse-secondary-rgb: var(--content-secondary-rgb);
    --surface-inverse-secondary-p3: var(--content-secondary-p3);
    --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb));
    --surface-inverse-tertiary-rgb: var(--content-tertiary-rgb);
    --surface-inverse-tertiary-p3: var(--content-tertiary-p3);
    --surface-inverse-tertiary: rgb(var(--surface-inverse-tertiary-rgb));
    --surface-info-rgb: var(--theme-info-800-rgb);
    --surface-info-p3: var(--theme-info-800-p3);
    --surface-info: rgb(var(--surface-info-rgb));
    --surface-info-hover-rgb: var(--theme-info-700-rgb);
    --surface-info-hover-p3: var(--theme-info-700-p3);
    --surface-info-hover: rgb(var(--surface-info-hover-rgb));
    --surface-info-secondary-rgb: var(--theme-info-200-rgb);
    --surface-info-secondary-p3: var(--theme-info-200-p3);
    --surface-info-secondary: rgb(var(--surface-info-secondary-rgb));
    --surface-info-secondary-hover-rgb: var(--theme-info-300-rgb);
    --surface-info-secondary-hover-p3: var(--theme-info-300-p3);
    --surface-info-secondary-hover: rgb(var(--surface-info-secondary-hover-rgb));
    --content-default-rgb: var(--base-neutral-900-rgb);
    --content-default-p3: var(--base-neutral-900-p3);
    --content-default: rgb(var(--content-default-rgb));
    --content-secondary-rgb: var(--base-neutral-800-rgb);
    --content-secondary-p3: var(--base-neutral-800-p3);
    --content-secondary: rgb(var(--content-secondary-rgb));
    --content-tertiary-rgb: var(--base-neutral-700-rgb);
    --content-tertiary-p3: var(--base-neutral-700-p3);
    --content-tertiary: rgb(var(--content-tertiary-rgb));
    --content-quaternary-rgb: var(--base-neutral-600-rgb);
    --content-quaternary-p3: var(--base-neutral-600-p3);
    --content-quaternary: rgb(var(--content-quaternary-rgb));
    --content-quinary-rgb: var(--base-neutral-500-rgb);
    --content-quinary-p3: var(--base-neutral-500-p3);
    --content-quinary: rgb(var(--content-quinary-rgb));
    --content-disabled-rgb: var(--base-neutral-500-rgb);
    --content-disabled-p3: var(--base-neutral-500-p3);
    --content-disabled: rgb(var(--content-disabled-rgb));
    --content-accent-rgb: var(--theme-accent-800-rgb);
    --content-accent-p3: var(--theme-accent-800-p3);
    --content-accent: rgb(var(--content-accent-rgb));
    --content-accent-secondary-rgb: var(--theme-accent-700-rgb);
    --content-accent-secondary-p3: var(--theme-accent-700-p3);
    --content-accent-secondary: rgb(var(--content-accent-secondary-rgb));
    --content-accent-tertiary-rgb: var(--theme-accent-600-rgb);
    --content-accent-tertiary-p3: var(--theme-accent-600-p3);
    --content-accent-tertiary: rgb(var(--content-accent-tertiary-rgb));
    --content-accent-disabled-rgb: var(--theme-accent-500-rgb);
    --content-accent-disabled-p3: var(--theme-accent-500-p3);
    --content-accent-disabled: rgb(var(--content-accent-disabled-rgb));
    --content-destructive-rgb: var(--theme-destructive-800-rgb);
    --content-destructive-p3: var(--theme-destructive-800-p3);
    --content-destructive: rgb(var(--content-destructive-rgb));
    --content-destructive-secondary-rgb: var(--theme-destructive-700-rgb);
    --content-destructive-secondary-p3: var(--theme-destructive-700-p3);
    --content-destructive-secondary: rgb(var(--content-destructive-secondary-rgb));
    --content-destructive-tertiary-rgb: var(--theme-destructive-600-rgb);
    --content-destructive-tertiary-p3: var(--theme-destructive-600-p3);
    --content-destructive-tertiary: rgb(var(--content-destructive-tertiary-rgb));
    --content-destructive-disabled-rgb: var(--theme-destructive-500-rgb);
    --content-destructive-disabled-p3: var(--theme-destructive-500-p3);
    --content-destructive-disabled: rgb(var(--content-destructive-disabled-rgb));
    --content-success-rgb: var(--theme-success-800-rgb);
    --content-success-p3: var(--theme-success-800-p3);
    --content-success: rgb(var(--content-success-rgb));
    --content-success-secondary-rgb: var(--theme-success-700-rgb);
    --content-success-secondary-p3: var(--theme-success-700-p3);
    --content-success-secondary: rgb(var(--content-success-secondary-rgb));
    --content-success-tertiary-rgb: var(--theme-success-600-rgb);
    --content-success-tertiary-p3: var(--theme-success-600-p3);
    --content-success-tertiary: rgb(var(--content-success-tertiary-rgb));
    --content-success-disabled-rgb: var(--theme-success-500-rgb);
    --content-success-disabled-p3: var(--theme-success-500-p3);
    --content-success-disabled: rgb(var(--content-success-disabled-rgb));
    --content-error-rgb: var(--theme-error-800-rgb);
    --content-error-p3: var(--theme-error-800-p3);
    --content-error: rgb(var(--content-error-rgb));
    --content-error-secondary-rgb: var(--theme-error-700-rgb);
    --content-error-secondary-p3: var(--theme-error-700-p3);
    --content-error-secondary: rgb(var(--content-error-secondary-rgb));
    --content-error-tertiary-rgb: var(--theme-error-600-rgb);
    --content-error-tertiary-p3: var(--theme-error-600-p3);
    --content-error-tertiary: rgb(var(--content-error-tertiary-rgb));
    --content-error-disabled-rgb: var(--theme-error-500-rgb);
    --content-error-disabled-p3: var(--theme-error-500-p3);
    --content-error-disabled: rgb(var(--content-error-disabled-rgb));
    --content-notice-rgb: var(--theme-notice-800-rgb);
    --content-notice-p3: var(--theme-notice-800-p3);
    --content-notice: rgb(var(--content-notice-rgb));
    --content-notice-secondary-rgb: var(--theme-notice-700-rgb);
    --content-notice-secondary-p3: var(--theme-notice-700-p3);
    --content-notice-secondary: rgb(var(--content-notice-secondary-rgb));
    --content-notice-tertiary-rgb: var(--theme-notice-600-rgb);
    --content-notice-tertiary-p3: var(--theme-notice-600-p3);
    --content-notice-tertiary: rgb(var(--content-notice-tertiary-rgb));
    --content-notice-disabled-rgb: var(--theme-notice-500-rgb);
    --content-notice-disabled-p3: var(--theme-notice-500-p3);
    --content-notice-disabled: rgb(var(--content-notice-disabled-rgb));
    --content-inverse-rgb: var(--surface-default-rgb);
    --content-inverse-p3: var(--surface-default-p3);
    --content-inverse: rgb(var(--content-inverse-rgb));
    --content-inverse-raise-rgb: var(--surface-raise-rgb);
    --content-inverse-raise-p3: var(--surface-raise-p3);
    --content-inverse-raise: rgb(var(--content-inverse-raise-rgb));
    --content-inverse-secondary-rgb: var(--surface-secondary-rgb);
    --content-inverse-secondary-p3: var(--surface-secondary-p3);
    --content-inverse-secondary: rgb(var(--content-inverse-secondary-rgb));
    --content-info-rgb: var(--theme-info-800-rgb);
    --content-info-p3: var(--theme-info-800-p3);
    --content-info: rgb(var(--content-info-rgb));
    --content-info-secondary-rgb: var(--theme-info-700-rgb);
    --content-info-secondary-p3: var(--theme-info-700-p3);
    --content-info-secondary: rgb(var(--content-info-secondary-rgb));
    --content-info-tertiary-rgb: var(--theme-info-600-rgb);
    --content-info-tertiary-p3: var(--theme-info-600-p3);
    --content-info-tertiary: rgb(var(--content-info-tertiary-rgb));
    --content-info-disabled-rgb: var(--theme-info-500-rgb);
    --content-info-disabled-p3: var(--theme-info-500-p3);
    --content-info-disabled: rgb(var(--content-info-disabled-rgb));
    --stroke-default-rgb: var(--base-neutral-300-rgb);
    --stroke-default-p3: var(--base-neutral-300-p3);
    --stroke-default: rgb(var(--stroke-default-rgb));
    --stroke-hover-rgb: var(--base-neutral-400-rgb);
    --stroke-hover-p3: var(--base-neutral-400-p3);
    --stroke-hover: rgb(var(--stroke-hover-rgb));
    --stroke-secondary-rgb: var(--base-neutral-200-rgb);
    --stroke-secondary-p3: var(--base-neutral-200-p3);
    --stroke-secondary: rgb(var(--stroke-secondary-rgb));
    --stroke-tertiary-rgb: var(--base-neutral-100-rgb);
    --stroke-tertiary-p3: var(--base-neutral-100-p3);
    --stroke-tertiary: rgb(var(--stroke-tertiary-rgb));
    --stroke-raise-rgb: var(--base-neutral-500-rgb);
    --stroke-raise-p3: var(--base-neutral-500-p3);
    --stroke-raise: rgb(var(--stroke-raise-rgb));
    --stroke-surface-rgb: var(--surface-default-rgb);
    --stroke-surface-p3: var(--surface-default-p3);
    --stroke-surface: rgb(var(--stroke-surface-rgb));
    --stroke-accent-rgb: var(--theme-accent-800-rgb);
    --stroke-accent-p3: var(--theme-accent-800-p3);
    --stroke-accent: rgb(var(--stroke-accent-rgb));
    --stroke-accent-secondary-rgb: var(--theme-accent-600-rgb);
    --stroke-accent-secondary-p3: var(--theme-accent-600-p3);
    --stroke-accent-secondary: rgb(var(--stroke-accent-secondary-rgb));
    --stroke-accent-tertiary-rgb: var(--theme-accent-400-rgb);
    --stroke-accent-tertiary-p3: var(--theme-accent-400-p3);
    --stroke-accent-tertiary: rgb(var(--stroke-accent-tertiary-rgb));
    --stroke-accent-quaternary-rgb: var(--theme-accent-300-rgb);
    --stroke-accent-quaternary-p3: var(--theme-accent-300-p3);
    --stroke-accent-quaternary: rgb(var(--stroke-accent-quaternary-rgb));
    --stroke-destructive-rgb: var(--theme-destructive-800-rgb);
    --stroke-destructive-p3: var(--theme-destructive-800-p3);
    --stroke-destructive: rgb(var(--stroke-destructive-rgb));
    --stroke-destructive-secondary-rgb: var(--theme-destructive-600-rgb);
    --stroke-destructive-secondary-p3: var(--theme-destructive-600-p3);
    --stroke-destructive-secondary: rgb(var(--stroke-destructive-secondary-rgb));
    --stroke-destructive-tertiary-rgb: var(--theme-destructive-400-rgb);
    --stroke-destructive-tertiary-p3: var(--theme-destructive-400-p3);
    --stroke-destructive-tertiary: rgb(var(--stroke-destructive-tertiary-rgb));
    --stroke-destructive-quaternary-rgb: var(--theme-destructive-300-rgb);
    --stroke-destructive-quaternary-p3: var(--theme-destructive-300-p3);
    --stroke-destructive-quaternary: rgb(var(--stroke-destructive-quaternary-rgb));
    --stroke-success-rgb: var(--theme-success-800-rgb);
    --stroke-success-p3: var(--theme-success-800-p3);
    --stroke-success: rgb(var(--stroke-success-rgb));
    --stroke-success-secondary-rgb: var(--theme-success-600-rgb);
    --stroke-success-secondary-p3: var(--theme-success-600-p3);
    --stroke-success-secondary: rgb(var(--stroke-success-secondary-rgb));
    --stroke-success-tertiary-rgb: var(--theme-success-400-rgb);
    --stroke-success-tertiary-p3: var(--theme-success-400-p3);
    --stroke-success-tertiary: rgb(var(--stroke-success-tertiary-rgb));
    --stroke-success-quaternary-rgb: var(--theme-success-300-rgb);
    --stroke-success-quaternary-p3: var(--theme-success-300-p3);
    --stroke-success-quaternary: rgb(var(--stroke-success-quaternary-rgb));
    --stroke-error-rgb: var(--theme-error-800-rgb);
    --stroke-error-p3: var(--theme-error-800-p3);
    --stroke-error: rgb(var(--stroke-error-rgb));
    --stroke-error-secondary-rgb: var(--theme-error-600-rgb);
    --stroke-error-secondary-p3: var(--theme-error-600-p3);
    --stroke-error-secondary: rgb(var(--stroke-error-secondary-rgb));
    --stroke-error-tertiary-rgb: var(--theme-error-400-rgb);
    --stroke-error-tertiary-p3: var(--theme-error-400-p3);
    --stroke-error-tertiary: rgb(var(--stroke-error-tertiary-rgb));
    --stroke-error-quaternary-rgb: var(--theme-error-300-rgb);
    --stroke-error-quaternary-p3: var(--theme-error-300-p3);
    --stroke-error-quaternary: rgb(var(--stroke-error-quaternary-rgb));
    --stroke-notice-rgb: var(--theme-notice-800-rgb);
    --stroke-notice-p3: var(--theme-notice-800-p3);
    --stroke-notice: rgb(var(--stroke-notice-rgb));
    --stroke-notice-secondary-rgb: var(--theme-notice-600-rgb);
    --stroke-notice-secondary-p3: var(--theme-notice-600-p3);
    --stroke-notice-secondary: rgb(var(--stroke-notice-secondary-rgb));
    --stroke-notice-tertiary-rgb: var(--theme-notice-400-rgb);
    --stroke-notice-tertiary-p3: var(--theme-notice-400-p3);
    --stroke-notice-tertiary: rgb(var(--stroke-notice-tertiary-rgb));
    --stroke-notice-quaternary-rgb: var(--theme-notice-300-rgb);
    --stroke-notice-quaternary-p3: var(--theme-notice-300-p3);
    --stroke-notice-quaternary: rgb(var(--stroke-notice-quaternary-rgb));
    --stroke-info-rgb: var(--theme-info-800-rgb);
    --stroke-info-p3: var(--theme-info-800-p3);
    --stroke-info: rgb(var(--stroke-info-rgb));
    --stroke-info-secondary-rgb: var(--theme-info-600-rgb);
    --stroke-info-secondary-p3: var(--theme-info-600-p3);
    --stroke-info-secondary: rgb(var(--stroke-info-secondary-rgb));
    --stroke-info-tertiary-rgb: var(--theme-info-400-rgb);
    --stroke-info-tertiary-p3: var(--theme-info-400-p3);
    --stroke-info-tertiary: rgb(var(--stroke-info-tertiary-rgb));
    --stroke-info-quaternary-rgb: var(--theme-info-300-rgb);
    --stroke-info-quaternary-p3: var(--theme-info-300-p3);
    --stroke-info-quaternary: rgb(var(--stroke-info-quaternary-rgb));
    --chart-fill-area-primary: rgba(var(--theme-accent-700-rgb), .7019607843137254);
    --chart-fill-area-primary-p3: color(display-p3 .6392 .502 .7961/.7019607843137254);
    --chart-fill-area-secondary: rgba(var(--theme-accent-600-rgb), .7019607843137254);
    --chart-fill-area-secondary-p3: color(display-p3 .5451 .4275 .6745/.7019607843137254);
    --chart-fill-area-tertiary: rgba(var(--theme-accent-500-rgb), .7019607843137254);
    --chart-fill-area-tertiary-p3: color(display-p3 .4235 .3333 .5176/.7019607843137254);
    --chart-fill-area-quaternary: rgba(var(--theme-accent-400-rgb), .2);
    --chart-fill-area-quaternary-p3: color(display-p3 .302 .2431 .3686/.2);
    --chart-fill-item-primary-rgb: var(--theme-accent-700-rgb);
    --chart-fill-item-primary-p3: var(--theme-accent-700-p3);
    --chart-fill-item-primary: rgb(var(--chart-fill-item-primary-rgb));
    --chart-fill-item-secondary-rgb: var(--theme-accent-600-rgb);
    --chart-fill-item-secondary-p3: var(--theme-accent-600-p3);
    --chart-fill-item-secondary: rgb(var(--chart-fill-item-secondary-rgb));
    --chart-fill-item-tertiary-rgb: var(--theme-accent-500-rgb);
    --chart-fill-item-tertiary-p3: var(--theme-accent-500-p3);
    --chart-fill-item-tertiary: rgb(var(--chart-fill-item-tertiary-rgb));
    --chart-fill-item-quaternary-rgb: var(--theme-accent-400-rgb);
    --chart-fill-item-quaternary-p3: var(--theme-accent-400-p3);
    --chart-fill-item-quaternary: rgb(var(--chart-fill-item-quaternary-rgb));
    --chart-fill-error-primary-rgb: var(--theme-destructive-700-rgb);
    --chart-fill-error-primary-p3: var(--theme-destructive-700-p3);
    --chart-fill-error-primary: rgb(var(--chart-fill-error-primary-rgb));
    --chart-fill-error-secondary-rgb: var(--theme-destructive-600-rgb);
    --chart-fill-error-secondary-p3: var(--theme-destructive-600-p3);
    --chart-fill-error-secondary: rgb(var(--chart-fill-error-secondary-rgb));
    --chart-fill-error-tertiary-rgb: var(--theme-destructive-500-rgb);
    --chart-fill-error-tertiary-p3: var(--theme-destructive-500-p3);
    --chart-fill-error-tertiary: rgb(var(--chart-fill-error-tertiary-rgb));
    --chart-fill-error-quaternary-rgb: var(--theme-destructive-400-rgb);
    --chart-fill-error-quaternary-p3: var(--theme-destructive-400-p3);
    --chart-fill-error-quaternary: rgb(var(--chart-fill-error-quaternary-rgb));
    --chart-fill-inactive-rgb: var(--base-neutral-50-rgb);
    --chart-fill-inactive-p3: var(--base-neutral-50-p3);
    --chart-fill-inactive: rgb(var(--chart-fill-inactive-rgb));
    --chart-stroke-line-rgb: var(--theme-accent-700-rgb);
    --chart-stroke-line-p3: var(--theme-accent-700-p3);
    --chart-stroke-line: rgb(var(--chart-stroke-line-rgb));
    --chart-stroke-line-secondary-rgb: var(--base-yellow-600-rgb);
    --chart-stroke-line-secondary-p3: var(--base-yellow-600-p3);
    --chart-stroke-line-secondary: rgb(var(--chart-stroke-line-secondary-rgb));
    --chart-stroke-line-tertiary-rgb: var(--base-red-600-rgb);
    --chart-stroke-line-tertiary-p3: var(--base-red-600-p3);
    --chart-stroke-line-tertiary: rgb(var(--chart-stroke-line-tertiary-rgb));
    --chart-stroke-line-quaternary-rgb: var(--base-blue-600-rgb);
    --chart-stroke-line-quaternary-p3: var(--base-blue-600-p3);
    --chart-stroke-line-quaternary: rgb(var(--chart-stroke-line-quaternary-rgb));
    --chart-stroke-y-axis: rgba(var(--stroke-default-rgb), .4);
    --chart-stroke-y-axis-p3: color(display-p3 .1765 .2 .2078/.4);
    --chart-stroke-item: rgba(var(--theme-accent-700-rgb), .4);
    --chart-stroke-item-p3: color(display-p3 .6392 .502 .7961/.4);
    --chart-stroke-item-inactive-rgb: var(--base-neutral-200-rgb);
    --chart-stroke-item-inactive-p3: var(--base-neutral-200-p3);
    --chart-stroke-item-inactive: rgb(var(--chart-stroke-item-inactive-rgb));
    --chart-stroke-error: rgba(var(--theme-destructive-700-rgb), .4);
    --chart-stroke-error-p3: color(display-p3 .8549 .3804 .4667/.4);
    --theme-accent-100-rgb: var(--base-purple-100-rgb);
    --theme-accent-100-p3: var(--base-purple-100-p3);
    --theme-accent-100: rgb(var(--theme-accent-100-rgb));
    --theme-accent-200-rgb: var(--base-purple-200-rgb);
    --theme-accent-200-p3: var(--base-purple-200-p3);
    --theme-accent-200: rgb(var(--theme-accent-200-rgb));
    --theme-accent-300-rgb: var(--base-purple-300-rgb);
    --theme-accent-300-p3: var(--base-purple-300-p3);
    --theme-accent-300: rgb(var(--theme-accent-300-rgb));
    --theme-accent-400-rgb: var(--base-purple-400-rgb);
    --theme-accent-400-p3: var(--base-purple-400-p3);
    --theme-accent-400: rgb(var(--theme-accent-400-rgb));
    --theme-accent-500-rgb: var(--base-purple-500-rgb);
    --theme-accent-500-p3: var(--base-purple-500-p3);
    --theme-accent-500: rgb(var(--theme-accent-500-rgb));
    --theme-accent-600-rgb: var(--base-purple-600-rgb);
    --theme-accent-600-p3: var(--base-purple-600-p3);
    --theme-accent-600: rgb(var(--theme-accent-600-rgb));
    --theme-accent-700-rgb: var(--base-purple-700-rgb);
    --theme-accent-700-p3: var(--base-purple-700-p3);
    --theme-accent-700: rgb(var(--theme-accent-700-rgb));
    --theme-accent-800-rgb: var(--base-purple-800-rgb);
    --theme-accent-800-p3: var(--base-purple-800-p3);
    --theme-accent-800: rgb(var(--theme-accent-800-rgb));
    --theme-destructive-100-rgb: var(--base-red-100-rgb);
    --theme-destructive-100-p3: var(--base-red-100-p3);
    --theme-destructive-100: rgb(var(--theme-destructive-100-rgb));
    --theme-destructive-200-rgb: var(--base-red-200-rgb);
    --theme-destructive-200-p3: var(--base-red-200-p3);
    --theme-destructive-200: rgb(var(--theme-destructive-200-rgb));
    --theme-destructive-300-rgb: var(--base-red-300-rgb);
    --theme-destructive-300-p3: var(--base-red-300-p3);
    --theme-destructive-300: rgb(var(--theme-destructive-300-rgb));
    --theme-destructive-400-rgb: var(--base-red-400-rgb);
    --theme-destructive-400-p3: var(--base-red-400-p3);
    --theme-destructive-400: rgb(var(--theme-destructive-400-rgb));
    --theme-destructive-500-rgb: var(--base-red-500-rgb);
    --theme-destructive-500-p3: var(--base-red-500-p3);
    --theme-destructive-500: rgb(var(--theme-destructive-500-rgb));
    --theme-destructive-600-rgb: var(--base-red-600-rgb);
    --theme-destructive-600-p3: var(--base-red-600-p3);
    --theme-destructive-600: rgb(var(--theme-destructive-600-rgb));
    --theme-destructive-700-rgb: var(--base-red-700-rgb);
    --theme-destructive-700-p3: var(--base-red-700-p3);
    --theme-destructive-700: rgb(var(--theme-destructive-700-rgb));
    --theme-destructive-800-rgb: var(--base-red-800-rgb);
    --theme-destructive-800-p3: var(--base-red-800-p3);
    --theme-destructive-800: rgb(var(--theme-destructive-800-rgb));
    --theme-success-100-rgb: var(--base-green-100-rgb);
    --theme-success-100-p3: var(--base-green-100-p3);
    --theme-success-100: rgb(var(--theme-success-100-rgb));
    --theme-success-200-rgb: var(--base-green-200-rgb);
    --theme-success-200-p3: var(--base-green-200-p3);
    --theme-success-200: rgb(var(--theme-success-200-rgb));
    --theme-success-300-rgb: var(--base-green-300-rgb);
    --theme-success-300-p3: var(--base-green-300-p3);
    --theme-success-300: rgb(var(--theme-success-300-rgb));
    --theme-success-400-rgb: var(--base-green-400-rgb);
    --theme-success-400-p3: var(--base-green-400-p3);
    --theme-success-400: rgb(var(--theme-success-400-rgb));
    --theme-success-500-rgb: var(--base-green-500-rgb);
    --theme-success-500-p3: var(--base-green-500-p3);
    --theme-success-500: rgb(var(--theme-success-500-rgb));
    --theme-success-600-rgb: var(--base-green-600-rgb);
    --theme-success-600-p3: var(--base-green-600-p3);
    --theme-success-600: rgb(var(--theme-success-600-rgb));
    --theme-success-700-rgb: var(--base-green-700-rgb);
    --theme-success-700-p3: var(--base-green-700-p3);
    --theme-success-700: rgb(var(--theme-success-700-rgb));
    --theme-success-800-rgb: var(--base-green-800-rgb);
    --theme-success-800-p3: var(--base-green-800-p3);
    --theme-success-800: rgb(var(--theme-success-800-rgb));
    --theme-error-100-rgb: var(--base-red-100-rgb);
    --theme-error-100-p3: var(--base-red-100-p3);
    --theme-error-100: rgb(var(--theme-error-100-rgb));
    --theme-error-200-rgb: var(--base-red-200-rgb);
    --theme-error-200-p3: var(--base-red-200-p3);
    --theme-error-200: rgb(var(--theme-error-200-rgb));
    --theme-error-300-rgb: var(--base-red-300-rgb);
    --theme-error-300-p3: var(--base-red-300-p3);
    --theme-error-300: rgb(var(--theme-error-300-rgb));
    --theme-error-400-rgb: var(--base-red-400-rgb);
    --theme-error-400-p3: var(--base-red-400-p3);
    --theme-error-400: rgb(var(--theme-error-400-rgb));
    --theme-error-500-rgb: var(--base-red-500-rgb);
    --theme-error-500-p3: var(--base-red-500-p3);
    --theme-error-500: rgb(var(--theme-error-500-rgb));
    --theme-error-600-rgb: var(--base-red-600-rgb);
    --theme-error-600-p3: var(--base-red-600-p3);
    --theme-error-600: rgb(var(--theme-error-600-rgb));
    --theme-error-700-rgb: var(--base-red-700-rgb);
    --theme-error-700-p3: var(--base-red-700-p3);
    --theme-error-700: rgb(var(--theme-error-700-rgb));
    --theme-error-800-rgb: var(--base-red-800-rgb);
    --theme-error-800-p3: var(--base-red-800-p3);
    --theme-error-800: rgb(var(--theme-error-800-rgb));
    --theme-notice-100-rgb: var(--base-yellow-100-rgb);
    --theme-notice-100-p3: var(--base-yellow-100-p3);
    --theme-notice-100: rgb(var(--theme-notice-100-rgb));
    --theme-notice-200-rgb: var(--base-yellow-200-rgb);
    --theme-notice-200-p3: var(--base-yellow-200-p3);
    --theme-notice-200: rgb(var(--theme-notice-200-rgb));
    --theme-notice-300-rgb: var(--base-yellow-300-rgb);
    --theme-notice-300-p3: var(--base-yellow-300-p3);
    --theme-notice-300: rgb(var(--theme-notice-300-rgb));
    --theme-notice-400-rgb: var(--base-yellow-400-rgb);
    --theme-notice-400-p3: var(--base-yellow-400-p3);
    --theme-notice-400: rgb(var(--theme-notice-400-rgb));
    --theme-notice-500-rgb: var(--base-yellow-500-rgb);
    --theme-notice-500-p3: var(--base-yellow-500-p3);
    --theme-notice-500: rgb(var(--theme-notice-500-rgb));
    --theme-notice-600-rgb: var(--base-yellow-600-rgb);
    --theme-notice-600-p3: var(--base-yellow-600-p3);
    --theme-notice-600: rgb(var(--theme-notice-600-rgb));
    --theme-notice-700-rgb: var(--base-yellow-700-rgb);
    --theme-notice-700-p3: var(--base-yellow-700-p3);
    --theme-notice-700: rgb(var(--theme-notice-700-rgb));
    --theme-notice-800-rgb: var(--base-yellow-800-rgb);
    --theme-notice-800-p3: var(--base-yellow-800-p3);
    --theme-notice-800: rgb(var(--theme-notice-800-rgb));
    --theme-info-100-rgb: var(--base-blue-100-rgb);
    --theme-info-100-p3: var(--base-blue-100-p3);
    --theme-info-100: rgb(var(--theme-info-100-rgb));
    --theme-info-200-rgb: var(--base-blue-200-rgb);
    --theme-info-200-p3: var(--base-blue-200-p3);
    --theme-info-200: rgb(var(--theme-info-200-rgb));
    --theme-info-300-rgb: var(--base-blue-300-rgb);
    --theme-info-300-p3: var(--base-blue-300-p3);
    --theme-info-300: rgb(var(--theme-info-300-rgb));
    --theme-info-400-rgb: var(--base-blue-400-rgb);
    --theme-info-400-p3: var(--base-blue-400-p3);
    --theme-info-400: rgb(var(--theme-info-400-rgb));
    --theme-info-500-rgb: var(--base-blue-500-rgb);
    --theme-info-500-p3: var(--base-blue-500-p3);
    --theme-info-500: rgb(var(--theme-info-500-rgb));
    --theme-info-600-rgb: var(--base-blue-600-rgb);
    --theme-info-600-p3: var(--base-blue-600-p3);
    --theme-info-600: rgb(var(--theme-info-600-rgb));
    --theme-info-700-rgb: var(--base-blue-700-rgb);
    --theme-info-700-p3: var(--base-blue-700-p3);
    --theme-info-700: rgb(var(--theme-info-700-rgb));
    --theme-info-800-rgb: var(--base-blue-800-rgb);
    --theme-info-800-p3: var(--base-blue-800-p3);
    --theme-info-800: rgb(var(--theme-info-800-rgb))
}

.blue {
    --surface-default-rgb: var(--base-neutral-0-rgb);
    --surface-default-p3: var(--base-neutral-0-p3);
    --surface-default: rgb(var(--surface-default-rgb));
    --surface-hover-rgb: var(--base-neutral-200-rgb);
    --surface-hover-p3: var(--base-neutral-200-p3);
    --surface-hover: rgb(var(--surface-hover-rgb));
    --surface-raise-rgb: var(--base-neutral-50-rgb);
    --surface-raise-p3: var(--base-neutral-50-p3);
    --surface-raise: rgb(var(--surface-raise-rgb));
    --surface-secondary-rgb: var(--base-neutral-100-rgb);
    --surface-secondary-p3: var(--base-neutral-100-p3);
    --surface-secondary: rgb(var(--surface-secondary-rgb));
    --surface-tertiary-rgb: var(--base-neutral-200-rgb);
    --surface-tertiary-p3: var(--base-neutral-200-p3);
    --surface-tertiary: rgb(var(--surface-tertiary-rgb));
    --surface-disabled-rgb: var(--base-neutral-100-rgb);
    --surface-disabled-p3: var(--base-neutral-100-p3);
    --surface-disabled: rgb(var(--surface-disabled-rgb));
    --surface-scrim: rgba(var(--base-neutral-0-rgb), .4);
    --surface-scrim-p3: color(display-p3 .0314 .0588 .0667/.4);
    --surface-accent-rgb: var(--theme-accent-800-rgb);
    --surface-accent-p3: var(--theme-accent-800-p3);
    --surface-accent: rgb(var(--surface-accent-rgb));
    --surface-accent-hover-rgb: var(--theme-accent-700-rgb);
    --surface-accent-hover-p3: var(--theme-accent-700-p3);
    --surface-accent-hover: rgb(var(--surface-accent-hover-rgb));
    --surface-accent-secondary-rgb: var(--theme-accent-200-rgb);
    --surface-accent-secondary-p3: var(--theme-accent-200-p3);
    --surface-accent-secondary: rgb(var(--surface-accent-secondary-rgb));
    --surface-accent-secondary-hover-rgb: var(--theme-accent-300-rgb);
    --surface-accent-secondary-hover-p3: var(--theme-accent-300-p3);
    --surface-accent-secondary-hover: rgb(var(--surface-accent-secondary-hover-rgb));
    --surface-destructive-rgb: var(--theme-destructive-800-rgb);
    --surface-destructive-p3: var(--theme-destructive-800-p3);
    --surface-destructive: rgb(var(--surface-destructive-rgb));
    --surface-destructive-hover-rgb: var(--theme-destructive-700-rgb);
    --surface-destructive-hover-p3: var(--theme-destructive-700-p3);
    --surface-destructive-hover: rgb(var(--surface-destructive-hover-rgb));
    --surface-destructive-secondary-rgb: var(--theme-destructive-200-rgb);
    --surface-destructive-secondary-p3: var(--theme-destructive-200-p3);
    --surface-destructive-secondary: rgb(var(--surface-destructive-secondary-rgb));
    --surface-destructive-secondary-hover-rgb: var(--theme-destructive-300-rgb);
    --surface-destructive-secondary-hover-p3: var(--theme-destructive-300-p3);
    --surface-destructive-secondary-hover: rgb(var(--surface-destructive-secondary-hover-rgb));
    --surface-notice-rgb: var(--theme-notice-800-rgb);
    --surface-notice-p3: var(--theme-notice-800-p3);
    --surface-notice: rgb(var(--surface-notice-rgb));
    --surface-notice-hover-rgb: var(--theme-notice-700-rgb);
    --surface-notice-hover-p3: var(--theme-notice-700-p3);
    --surface-notice-hover: rgb(var(--surface-notice-hover-rgb));
    --surface-notice-secondary-rgb: var(--theme-notice-200-rgb);
    --surface-notice-secondary-p3: var(--theme-notice-200-p3);
    --surface-notice-secondary: rgb(var(--surface-notice-secondary-rgb));
    --surface-notice-secondary-hover-rgb: var(--theme-notice-300-rgb);
    --surface-notice-secondary-hover-p3: var(--theme-notice-300-p3);
    --surface-notice-secondary-hover: rgb(var(--surface-notice-secondary-hover-rgb));
    --surface-success-rgb: var(--theme-success-800-rgb);
    --surface-success-p3: var(--theme-success-800-p3);
    --surface-success: rgb(var(--surface-success-rgb));
    --surface-success-secondary-rgb: var(--theme-success-200-rgb);
    --surface-success-secondary-p3: var(--theme-success-200-p3);
    --surface-success-secondary: rgb(var(--surface-success-secondary-rgb));
    --surface-error-rgb: var(--theme-error-800-rgb);
    --surface-error-p3: var(--theme-error-800-p3);
    --surface-error: rgb(var(--surface-error-rgb));
    --surface-error-secondary-rgb: var(--theme-error-200-rgb);
    --surface-error-secondary-p3: var(--theme-error-200-p3);
    --surface-error-secondary: rgb(var(--surface-error-secondary-rgb));
    --surface-inverse-rgb: var(--content-default-rgb);
    --surface-inverse-p3: var(--content-default-p3);
    --surface-inverse: rgb(var(--surface-inverse-rgb));
    --surface-inverse-secondary-rgb: var(--content-secondary-rgb);
    --surface-inverse-secondary-p3: var(--content-secondary-p3);
    --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb));
    --surface-inverse-tertiary-rgb: var(--content-tertiary-rgb);
    --surface-inverse-tertiary-p3: var(--content-tertiary-p3);
    --surface-inverse-tertiary: rgb(var(--surface-inverse-tertiary-rgb));
    --surface-info-rgb: var(--theme-info-800-rgb);
    --surface-info-p3: var(--theme-info-800-p3);
    --surface-info: rgb(var(--surface-info-rgb));
    --surface-info-hover-rgb: var(--theme-info-700-rgb);
    --surface-info-hover-p3: var(--theme-info-700-p3);
    --surface-info-hover: rgb(var(--surface-info-hover-rgb));
    --surface-info-secondary-rgb: var(--theme-info-200-rgb);
    --surface-info-secondary-p3: var(--theme-info-200-p3);
    --surface-info-secondary: rgb(var(--surface-info-secondary-rgb));
    --surface-info-secondary-hover-rgb: var(--theme-info-300-rgb);
    --surface-info-secondary-hover-p3: var(--theme-info-300-p3);
    --surface-info-secondary-hover: rgb(var(--surface-info-secondary-hover-rgb));
    --content-default-rgb: var(--base-neutral-900-rgb);
    --content-default-p3: var(--base-neutral-900-p3);
    --content-default: rgb(var(--content-default-rgb));
    --content-secondary-rgb: var(--base-neutral-800-rgb);
    --content-secondary-p3: var(--base-neutral-800-p3);
    --content-secondary: rgb(var(--content-secondary-rgb));
    --content-tertiary-rgb: var(--base-neutral-700-rgb);
    --content-tertiary-p3: var(--base-neutral-700-p3);
    --content-tertiary: rgb(var(--content-tertiary-rgb));
    --content-quaternary-rgb: var(--base-neutral-600-rgb);
    --content-quaternary-p3: var(--base-neutral-600-p3);
    --content-quaternary: rgb(var(--content-quaternary-rgb));
    --content-quinary-rgb: var(--base-neutral-500-rgb);
    --content-quinary-p3: var(--base-neutral-500-p3);
    --content-quinary: rgb(var(--content-quinary-rgb));
    --content-disabled-rgb: var(--base-neutral-500-rgb);
    --content-disabled-p3: var(--base-neutral-500-p3);
    --content-disabled: rgb(var(--content-disabled-rgb));
    --content-accent-rgb: var(--theme-accent-800-rgb);
    --content-accent-p3: var(--theme-accent-800-p3);
    --content-accent: rgb(var(--content-accent-rgb));
    --content-accent-secondary-rgb: var(--theme-accent-700-rgb);
    --content-accent-secondary-p3: var(--theme-accent-700-p3);
    --content-accent-secondary: rgb(var(--content-accent-secondary-rgb));
    --content-accent-tertiary-rgb: var(--theme-accent-600-rgb);
    --content-accent-tertiary-p3: var(--theme-accent-600-p3);
    --content-accent-tertiary: rgb(var(--content-accent-tertiary-rgb));
    --content-accent-disabled-rgb: var(--theme-accent-500-rgb);
    --content-accent-disabled-p3: var(--theme-accent-500-p3);
    --content-accent-disabled: rgb(var(--content-accent-disabled-rgb));
    --content-destructive-rgb: var(--theme-destructive-800-rgb);
    --content-destructive-p3: var(--theme-destructive-800-p3);
    --content-destructive: rgb(var(--content-destructive-rgb));
    --content-destructive-secondary-rgb: var(--theme-destructive-700-rgb);
    --content-destructive-secondary-p3: var(--theme-destructive-700-p3);
    --content-destructive-secondary: rgb(var(--content-destructive-secondary-rgb));
    --content-destructive-tertiary-rgb: var(--theme-destructive-600-rgb);
    --content-destructive-tertiary-p3: var(--theme-destructive-600-p3);
    --content-destructive-tertiary: rgb(var(--content-destructive-tertiary-rgb));
    --content-destructive-disabled-rgb: var(--theme-destructive-500-rgb);
    --content-destructive-disabled-p3: var(--theme-destructive-500-p3);
    --content-destructive-disabled: rgb(var(--content-destructive-disabled-rgb));
    --content-success-rgb: var(--theme-success-800-rgb);
    --content-success-p3: var(--theme-success-800-p3);
    --content-success: rgb(var(--content-success-rgb));
    --content-success-secondary-rgb: var(--theme-success-700-rgb);
    --content-success-secondary-p3: var(--theme-success-700-p3);
    --content-success-secondary: rgb(var(--content-success-secondary-rgb));
    --content-success-tertiary-rgb: var(--theme-success-600-rgb);
    --content-success-tertiary-p3: var(--theme-success-600-p3);
    --content-success-tertiary: rgb(var(--content-success-tertiary-rgb));
    --content-success-disabled-rgb: var(--theme-success-500-rgb);
    --content-success-disabled-p3: var(--theme-success-500-p3);
    --content-success-disabled: rgb(var(--content-success-disabled-rgb));
    --content-error-rgb: var(--theme-error-800-rgb);
    --content-error-p3: var(--theme-error-800-p3);
    --content-error: rgb(var(--content-error-rgb));
    --content-error-secondary-rgb: var(--theme-error-700-rgb);
    --content-error-secondary-p3: var(--theme-error-700-p3);
    --content-error-secondary: rgb(var(--content-error-secondary-rgb));
    --content-error-tertiary-rgb: var(--theme-error-600-rgb);
    --content-error-tertiary-p3: var(--theme-error-600-p3);
    --content-error-tertiary: rgb(var(--content-error-tertiary-rgb));
    --content-error-disabled-rgb: var(--theme-error-500-rgb);
    --content-error-disabled-p3: var(--theme-error-500-p3);
    --content-error-disabled: rgb(var(--content-error-disabled-rgb));
    --content-notice-rgb: var(--theme-notice-800-rgb);
    --content-notice-p3: var(--theme-notice-800-p3);
    --content-notice: rgb(var(--content-notice-rgb));
    --content-notice-secondary-rgb: var(--theme-notice-700-rgb);
    --content-notice-secondary-p3: var(--theme-notice-700-p3);
    --content-notice-secondary: rgb(var(--content-notice-secondary-rgb));
    --content-notice-tertiary-rgb: var(--theme-notice-600-rgb);
    --content-notice-tertiary-p3: var(--theme-notice-600-p3);
    --content-notice-tertiary: rgb(var(--content-notice-tertiary-rgb));
    --content-notice-disabled-rgb: var(--theme-notice-500-rgb);
    --content-notice-disabled-p3: var(--theme-notice-500-p3);
    --content-notice-disabled: rgb(var(--content-notice-disabled-rgb));
    --content-inverse-rgb: var(--surface-default-rgb);
    --content-inverse-p3: var(--surface-default-p3);
    --content-inverse: rgb(var(--content-inverse-rgb));
    --content-inverse-raise-rgb: var(--surface-raise-rgb);
    --content-inverse-raise-p3: var(--surface-raise-p3);
    --content-inverse-raise: rgb(var(--content-inverse-raise-rgb));
    --content-inverse-secondary-rgb: var(--surface-secondary-rgb);
    --content-inverse-secondary-p3: var(--surface-secondary-p3);
    --content-inverse-secondary: rgb(var(--content-inverse-secondary-rgb));
    --content-info-rgb: var(--theme-info-800-rgb);
    --content-info-p3: var(--theme-info-800-p3);
    --content-info: rgb(var(--content-info-rgb));
    --content-info-secondary-rgb: var(--theme-info-700-rgb);
    --content-info-secondary-p3: var(--theme-info-700-p3);
    --content-info-secondary: rgb(var(--content-info-secondary-rgb));
    --content-info-tertiary-rgb: var(--theme-info-600-rgb);
    --content-info-tertiary-p3: var(--theme-info-600-p3);
    --content-info-tertiary: rgb(var(--content-info-tertiary-rgb));
    --content-info-disabled-rgb: var(--theme-info-500-rgb);
    --content-info-disabled-p3: var(--theme-info-500-p3);
    --content-info-disabled: rgb(var(--content-info-disabled-rgb));
    --stroke-default-rgb: var(--base-neutral-300-rgb);
    --stroke-default-p3: var(--base-neutral-300-p3);
    --stroke-default: rgb(var(--stroke-default-rgb));
    --stroke-hover-rgb: var(--base-neutral-400-rgb);
    --stroke-hover-p3: var(--base-neutral-400-p3);
    --stroke-hover: rgb(var(--stroke-hover-rgb));
    --stroke-secondary-rgb: var(--base-neutral-200-rgb);
    --stroke-secondary-p3: var(--base-neutral-200-p3);
    --stroke-secondary: rgb(var(--stroke-secondary-rgb));
    --stroke-tertiary-rgb: var(--base-neutral-100-rgb);
    --stroke-tertiary-p3: var(--base-neutral-100-p3);
    --stroke-tertiary: rgb(var(--stroke-tertiary-rgb));
    --stroke-raise-rgb: var(--base-neutral-500-rgb);
    --stroke-raise-p3: var(--base-neutral-500-p3);
    --stroke-raise: rgb(var(--stroke-raise-rgb));
    --stroke-surface-rgb: var(--surface-default-rgb);
    --stroke-surface-p3: var(--surface-default-p3);
    --stroke-surface: rgb(var(--stroke-surface-rgb));
    --stroke-accent-rgb: var(--theme-accent-800-rgb);
    --stroke-accent-p3: var(--theme-accent-800-p3);
    --stroke-accent: rgb(var(--stroke-accent-rgb));
    --stroke-accent-secondary-rgb: var(--theme-accent-600-rgb);
    --stroke-accent-secondary-p3: var(--theme-accent-600-p3);
    --stroke-accent-secondary: rgb(var(--stroke-accent-secondary-rgb));
    --stroke-accent-tertiary-rgb: var(--theme-accent-400-rgb);
    --stroke-accent-tertiary-p3: var(--theme-accent-400-p3);
    --stroke-accent-tertiary: rgb(var(--stroke-accent-tertiary-rgb));
    --stroke-accent-quaternary-rgb: var(--theme-accent-300-rgb);
    --stroke-accent-quaternary-p3: var(--theme-accent-300-p3);
    --stroke-accent-quaternary: rgb(var(--stroke-accent-quaternary-rgb));
    --stroke-destructive-rgb: var(--theme-destructive-800-rgb);
    --stroke-destructive-p3: var(--theme-destructive-800-p3);
    --stroke-destructive: rgb(var(--stroke-destructive-rgb));
    --stroke-destructive-secondary-rgb: var(--theme-destructive-600-rgb);
    --stroke-destructive-secondary-p3: var(--theme-destructive-600-p3);
    --stroke-destructive-secondary: rgb(var(--stroke-destructive-secondary-rgb));
    --stroke-destructive-tertiary-rgb: var(--theme-destructive-400-rgb);
    --stroke-destructive-tertiary-p3: var(--theme-destructive-400-p3);
    --stroke-destructive-tertiary: rgb(var(--stroke-destructive-tertiary-rgb));
    --stroke-destructive-quaternary-rgb: var(--theme-destructive-300-rgb);
    --stroke-destructive-quaternary-p3: var(--theme-destructive-300-p3);
    --stroke-destructive-quaternary: rgb(var(--stroke-destructive-quaternary-rgb));
    --stroke-success-rgb: var(--theme-success-800-rgb);
    --stroke-success-p3: var(--theme-success-800-p3);
    --stroke-success: rgb(var(--stroke-success-rgb));
    --stroke-success-secondary-rgb: var(--theme-success-600-rgb);
    --stroke-success-secondary-p3: var(--theme-success-600-p3);
    --stroke-success-secondary: rgb(var(--stroke-success-secondary-rgb));
    --stroke-success-tertiary-rgb: var(--theme-success-400-rgb);
    --stroke-success-tertiary-p3: var(--theme-success-400-p3);
    --stroke-success-tertiary: rgb(var(--stroke-success-tertiary-rgb));
    --stroke-success-quaternary-rgb: var(--theme-success-300-rgb);
    --stroke-success-quaternary-p3: var(--theme-success-300-p3);
    --stroke-success-quaternary: rgb(var(--stroke-success-quaternary-rgb));
    --stroke-error-rgb: var(--theme-error-800-rgb);
    --stroke-error-p3: var(--theme-error-800-p3);
    --stroke-error: rgb(var(--stroke-error-rgb));
    --stroke-error-secondary-rgb: var(--theme-error-600-rgb);
    --stroke-error-secondary-p3: var(--theme-error-600-p3);
    --stroke-error-secondary: rgb(var(--stroke-error-secondary-rgb));
    --stroke-error-tertiary-rgb: var(--theme-error-400-rgb);
    --stroke-error-tertiary-p3: var(--theme-error-400-p3);
    --stroke-error-tertiary: rgb(var(--stroke-error-tertiary-rgb));
    --stroke-error-quaternary-rgb: var(--theme-error-300-rgb);
    --stroke-error-quaternary-p3: var(--theme-error-300-p3);
    --stroke-error-quaternary: rgb(var(--stroke-error-quaternary-rgb));
    --stroke-notice-rgb: var(--theme-notice-800-rgb);
    --stroke-notice-p3: var(--theme-notice-800-p3);
    --stroke-notice: rgb(var(--stroke-notice-rgb));
    --stroke-notice-secondary-rgb: var(--theme-notice-600-rgb);
    --stroke-notice-secondary-p3: var(--theme-notice-600-p3);
    --stroke-notice-secondary: rgb(var(--stroke-notice-secondary-rgb));
    --stroke-notice-tertiary-rgb: var(--theme-notice-400-rgb);
    --stroke-notice-tertiary-p3: var(--theme-notice-400-p3);
    --stroke-notice-tertiary: rgb(var(--stroke-notice-tertiary-rgb));
    --stroke-notice-quaternary-rgb: var(--theme-notice-300-rgb);
    --stroke-notice-quaternary-p3: var(--theme-notice-300-p3);
    --stroke-notice-quaternary: rgb(var(--stroke-notice-quaternary-rgb));
    --stroke-info-rgb: var(--theme-info-800-rgb);
    --stroke-info-p3: var(--theme-info-800-p3);
    --stroke-info: rgb(var(--stroke-info-rgb));
    --stroke-info-secondary-rgb: var(--theme-info-600-rgb);
    --stroke-info-secondary-p3: var(--theme-info-600-p3);
    --stroke-info-secondary: rgb(var(--stroke-info-secondary-rgb));
    --stroke-info-tertiary-rgb: var(--theme-info-400-rgb);
    --stroke-info-tertiary-p3: var(--theme-info-400-p3);
    --stroke-info-tertiary: rgb(var(--stroke-info-tertiary-rgb));
    --stroke-info-quaternary-rgb: var(--theme-info-300-rgb);
    --stroke-info-quaternary-p3: var(--theme-info-300-p3);
    --stroke-info-quaternary: rgb(var(--stroke-info-quaternary-rgb));
    --chart-fill-area-primary: rgba(var(--theme-accent-700-rgb), .7019607843137254);
    --chart-fill-area-primary-p3: color(display-p3 .4706 .5412 .8667/.7019607843137254);
    --chart-fill-area-secondary: rgba(var(--theme-accent-600-rgb), .7019607843137254);
    --chart-fill-area-secondary-p3: color(display-p3 .4039 .4627 .7333/.7019607843137254);
    --chart-fill-area-tertiary: rgba(var(--theme-accent-500-rgb), .7019607843137254);
    --chart-fill-area-tertiary-p3: color(display-p3 .3176 .3569 .5608/.7019607843137254);
    --chart-fill-area-quaternary: rgba(var(--theme-accent-400-rgb), .2);
    --chart-fill-area-quaternary-p3: color(display-p3 .2353 .2627 .4/.2);
    --chart-fill-item-primary-rgb: var(--theme-accent-700-rgb);
    --chart-fill-item-primary-p3: var(--theme-accent-700-p3);
    --chart-fill-item-primary: rgb(var(--chart-fill-item-primary-rgb));
    --chart-fill-item-secondary-rgb: var(--theme-accent-600-rgb);
    --chart-fill-item-secondary-p3: var(--theme-accent-600-p3);
    --chart-fill-item-secondary: rgb(var(--chart-fill-item-secondary-rgb));
    --chart-fill-item-tertiary-rgb: var(--theme-accent-500-rgb);
    --chart-fill-item-tertiary-p3: var(--theme-accent-500-p3);
    --chart-fill-item-tertiary: rgb(var(--chart-fill-item-tertiary-rgb));
    --chart-fill-item-quaternary-rgb: var(--theme-accent-400-rgb);
    --chart-fill-item-quaternary-p3: var(--theme-accent-400-p3);
    --chart-fill-item-quaternary: rgb(var(--chart-fill-item-quaternary-rgb));
    --chart-fill-error-primary-rgb: var(--theme-destructive-700-rgb);
    --chart-fill-error-primary-p3: var(--theme-destructive-700-p3);
    --chart-fill-error-primary: rgb(var(--chart-fill-error-primary-rgb));
    --chart-fill-error-secondary-rgb: var(--theme-destructive-600-rgb);
    --chart-fill-error-secondary-p3: var(--theme-destructive-600-p3);
    --chart-fill-error-secondary: rgb(var(--chart-fill-error-secondary-rgb));
    --chart-fill-error-tertiary-rgb: var(--theme-destructive-500-rgb);
    --chart-fill-error-tertiary-p3: var(--theme-destructive-500-p3);
    --chart-fill-error-tertiary: rgb(var(--chart-fill-error-tertiary-rgb));
    --chart-fill-error-quaternary-rgb: var(--theme-destructive-400-rgb);
    --chart-fill-error-quaternary-p3: var(--theme-destructive-400-p3);
    --chart-fill-error-quaternary: rgb(var(--chart-fill-error-quaternary-rgb));
    --chart-fill-inactive-rgb: var(--base-neutral-50-rgb);
    --chart-fill-inactive-p3: var(--base-neutral-50-p3);
    --chart-fill-inactive: rgb(var(--chart-fill-inactive-rgb));
    --chart-stroke-line-rgb: var(--theme-accent-700-rgb);
    --chart-stroke-line-p3: var(--theme-accent-700-p3);
    --chart-stroke-line: rgb(var(--chart-stroke-line-rgb));
    --chart-stroke-line-secondary-rgb: var(--base-yellow-600-rgb);
    --chart-stroke-line-secondary-p3: var(--base-yellow-600-p3);
    --chart-stroke-line-secondary: rgb(var(--chart-stroke-line-secondary-rgb));
    --chart-stroke-line-tertiary-rgb: var(--base-red-600-rgb);
    --chart-stroke-line-tertiary-p3: var(--base-red-600-p3);
    --chart-stroke-line-tertiary: rgb(var(--chart-stroke-line-tertiary-rgb));
    --chart-stroke-line-quaternary-rgb: var(--base-blue-600-rgb);
    --chart-stroke-line-quaternary-p3: var(--base-blue-600-p3);
    --chart-stroke-line-quaternary: rgb(var(--chart-stroke-line-quaternary-rgb));
    --chart-stroke-y-axis: rgba(var(--stroke-default-rgb), .4);
    --chart-stroke-y-axis-p3: color(display-p3 .1765 .2 .2078/.4);
    --chart-stroke-item: rgba(var(--theme-accent-700-rgb), .4);
    --chart-stroke-item-p3: color(display-p3 .4706 .5412 .8667/.4);
    --chart-stroke-item-inactive-rgb: var(--base-neutral-200-rgb);
    --chart-stroke-item-inactive-p3: var(--base-neutral-200-p3);
    --chart-stroke-item-inactive: rgb(var(--chart-stroke-item-inactive-rgb));
    --chart-stroke-error: rgba(var(--theme-destructive-700-rgb), .4);
    --chart-stroke-error-p3: color(display-p3 .8549 .3804 .4667/.4);
    --theme-accent-100-rgb: var(--base-blue-100-rgb);
    --theme-accent-100-p3: var(--base-blue-100-p3);
    --theme-accent-100: rgb(var(--theme-accent-100-rgb));
    --theme-accent-200-rgb: var(--base-blue-200-rgb);
    --theme-accent-200-p3: var(--base-blue-200-p3);
    --theme-accent-200: rgb(var(--theme-accent-200-rgb));
    --theme-accent-300-rgb: var(--base-blue-300-rgb);
    --theme-accent-300-p3: var(--base-blue-300-p3);
    --theme-accent-300: rgb(var(--theme-accent-300-rgb));
    --theme-accent-400-rgb: var(--base-blue-400-rgb);
    --theme-accent-400-p3: var(--base-blue-400-p3);
    --theme-accent-400: rgb(var(--theme-accent-400-rgb));
    --theme-accent-500-rgb: var(--base-blue-500-rgb);
    --theme-accent-500-p3: var(--base-blue-500-p3);
    --theme-accent-500: rgb(var(--theme-accent-500-rgb));
    --theme-accent-600-rgb: var(--base-blue-600-rgb);
    --theme-accent-600-p3: var(--base-blue-600-p3);
    --theme-accent-600: rgb(var(--theme-accent-600-rgb));
    --theme-accent-700-rgb: var(--base-blue-600-rgb);
    --theme-accent-700-p3: var(--base-blue-600-p3);
    --theme-accent-700: rgb(var(--theme-accent-600-rgb));
    --theme-accent-800-rgb: var(--base-blue-800-rgb);
    --theme-accent-800-p3: var(--base-blue-800-p3);
    --theme-accent-800: rgb(var(--theme-accent-800-rgb));
    --theme-destructive-100-rgb: var(--base-red-100-rgb);
    --theme-destructive-100-p3: var(--base-red-100-p3);
    --theme-destructive-100: rgb(var(--theme-destructive-100-rgb));
    --theme-destructive-200-rgb: var(--base-red-200-rgb);
    --theme-destructive-200-p3: var(--base-red-200-p3);
    --theme-destructive-200: rgb(var(--theme-destructive-200-rgb));
    --theme-destructive-300-rgb: var(--base-red-300-rgb);
    --theme-destructive-300-p3: var(--base-red-300-p3);
    --theme-destructive-300: rgb(var(--theme-destructive-300-rgb));
    --theme-destructive-400-rgb: var(--base-red-400-rgb);
    --theme-destructive-400-p3: var(--base-red-400-p3);
    --theme-destructive-400: rgb(var(--theme-destructive-400-rgb));
    --theme-destructive-500-rgb: var(--base-red-500-rgb);
    --theme-destructive-500-p3: var(--base-red-500-p3);
    --theme-destructive-500: rgb(var(--theme-destructive-500-rgb));
    --theme-destructive-600-rgb: var(--base-red-600-rgb);
    --theme-destructive-600-p3: var(--base-red-600-p3);
    --theme-destructive-600: rgb(var(--theme-destructive-600-rgb));
    --theme-destructive-700-rgb: var(--base-red-700-rgb);
    --theme-destructive-700-p3: var(--base-red-700-p3);
    --theme-destructive-700: rgb(var(--theme-destructive-700-rgb));
    --theme-destructive-800-rgb: var(--base-red-800-rgb);
    --theme-destructive-800-p3: var(--base-red-800-p3);
    --theme-destructive-800: rgb(var(--theme-destructive-800-rgb));
    --theme-success-100-rgb: var(--base-green-100-rgb);
    --theme-success-100-p3: var(--base-green-100-p3);
    --theme-success-100: rgb(var(--theme-success-100-rgb));
    --theme-success-200-rgb: var(--base-green-200-rgb);
    --theme-success-200-p3: var(--base-green-200-p3);
    --theme-success-200: rgb(var(--theme-success-200-rgb));
    --theme-success-300-rgb: var(--base-green-300-rgb);
    --theme-success-300-p3: var(--base-green-300-p3);
    --theme-success-300: rgb(var(--theme-success-300-rgb));
    --theme-success-400-rgb: var(--base-green-400-rgb);
    --theme-success-400-p3: var(--base-green-400-p3);
    --theme-success-400: rgb(var(--theme-success-400-rgb));
    --theme-success-500-rgb: var(--base-green-500-rgb);
    --theme-success-500-p3: var(--base-green-500-p3);
    --theme-success-500: rgb(var(--theme-success-500-rgb));
    --theme-success-600-rgb: var(--base-green-600-rgb);
    --theme-success-600-p3: var(--base-green-600-p3);
    --theme-success-600: rgb(var(--theme-success-600-rgb));
    --theme-success-700-rgb: var(--base-green-700-rgb);
    --theme-success-700-p3: var(--base-green-700-p3);
    --theme-success-700: rgb(var(--theme-success-700-rgb));
    --theme-success-800-rgb: var(--base-green-800-rgb);
    --theme-success-800-p3: var(--base-green-800-p3);
    --theme-success-800: rgb(var(--theme-success-800-rgb));
    --theme-error-100-rgb: var(--base-red-100-rgb);
    --theme-error-100-p3: var(--base-red-100-p3);
    --theme-error-100: rgb(var(--theme-error-100-rgb));
    --theme-error-200-rgb: var(--base-red-200-rgb);
    --theme-error-200-p3: var(--base-red-200-p3);
    --theme-error-200: rgb(var(--theme-error-200-rgb));
    --theme-error-300-rgb: var(--base-red-300-rgb);
    --theme-error-300-p3: var(--base-red-300-p3);
    --theme-error-300: rgb(var(--theme-error-300-rgb));
    --theme-error-400-rgb: var(--base-red-400-rgb);
    --theme-error-400-p3: var(--base-red-400-p3);
    --theme-error-400: rgb(var(--theme-error-400-rgb));
    --theme-error-500-rgb: var(--base-red-500-rgb);
    --theme-error-500-p3: var(--base-red-500-p3);
    --theme-error-500: rgb(var(--theme-error-500-rgb));
    --theme-error-600-rgb: var(--base-red-600-rgb);
    --theme-error-600-p3: var(--base-red-600-p3);
    --theme-error-600: rgb(var(--theme-error-600-rgb));
    --theme-error-700-rgb: var(--base-red-700-rgb);
    --theme-error-700-p3: var(--base-red-700-p3);
    --theme-error-700: rgb(var(--theme-error-700-rgb));
    --theme-error-800-rgb: var(--base-red-800-rgb);
    --theme-error-800-p3: var(--base-red-800-p3);
    --theme-error-800: rgb(var(--theme-error-800-rgb));
    --theme-notice-100-rgb: var(--base-yellow-100-rgb);
    --theme-notice-100-p3: var(--base-yellow-100-p3);
    --theme-notice-100: rgb(var(--theme-notice-100-rgb));
    --theme-notice-200-rgb: var(--base-yellow-200-rgb);
    --theme-notice-200-p3: var(--base-yellow-200-p3);
    --theme-notice-200: rgb(var(--theme-notice-200-rgb));
    --theme-notice-300-rgb: var(--base-yellow-300-rgb);
    --theme-notice-300-p3: var(--base-yellow-300-p3);
    --theme-notice-300: rgb(var(--theme-notice-300-rgb));
    --theme-notice-400-rgb: var(--base-yellow-400-rgb);
    --theme-notice-400-p3: var(--base-yellow-400-p3);
    --theme-notice-400: rgb(var(--theme-notice-400-rgb));
    --theme-notice-500-rgb: var(--base-yellow-500-rgb);
    --theme-notice-500-p3: var(--base-yellow-500-p3);
    --theme-notice-500: rgb(var(--theme-notice-500-rgb));
    --theme-notice-600-rgb: var(--base-yellow-600-rgb);
    --theme-notice-600-p3: var(--base-yellow-600-p3);
    --theme-notice-600: rgb(var(--theme-notice-600-rgb));
    --theme-notice-700-rgb: var(--base-yellow-700-rgb);
    --theme-notice-700-p3: var(--base-yellow-700-p3);
    --theme-notice-700: rgb(var(--theme-notice-700-rgb));
    --theme-notice-800-rgb: var(--base-yellow-800-rgb);
    --theme-notice-800-p3: var(--base-yellow-800-p3);
    --theme-notice-800: rgb(var(--theme-notice-800-rgb));
    --theme-info-100-rgb: var(--base-blue-100-rgb);
    --theme-info-100-p3: var(--base-blue-100-p3);
    --theme-info-100: rgb(var(--theme-info-100-rgb));
    --theme-info-200-rgb: var(--base-blue-200-rgb);
    --theme-info-200-p3: var(--base-blue-200-p3);
    --theme-info-200: rgb(var(--theme-info-200-rgb));
    --theme-info-300-rgb: var(--base-blue-300-rgb);
    --theme-info-300-p3: var(--base-blue-300-p3);
    --theme-info-300: rgb(var(--theme-info-300-rgb));
    --theme-info-400-rgb: var(--base-blue-400-rgb);
    --theme-info-400-p3: var(--base-blue-400-p3);
    --theme-info-400: rgb(var(--theme-info-400-rgb));
    --theme-info-500-rgb: var(--base-blue-500-rgb);
    --theme-info-500-p3: var(--base-blue-500-p3);
    --theme-info-500: rgb(var(--theme-info-500-rgb));
    --theme-info-600-rgb: var(--base-blue-600-rgb);
    --theme-info-600-p3: var(--base-blue-600-p3);
    --theme-info-600: rgb(var(--theme-info-600-rgb));
    --theme-info-700-rgb: var(--base-blue-700-rgb);
    --theme-info-700-p3: var(--base-blue-700-p3);
    --theme-info-700: rgb(var(--theme-info-700-rgb));
    --theme-info-800-rgb: var(--base-blue-800-rgb);
    --theme-info-800-p3: var(--base-blue-800-p3);
    --theme-info-800: rgb(var(--theme-info-800-rgb))
}

.sky {
    --surface-default-rgb: var(--base-neutral-0-rgb);
    --surface-default-p3: var(--base-neutral-0-p3);
    --surface-default: rgb(var(--surface-default-rgb));
    --surface-hover-rgb: var(--base-neutral-200-rgb);
    --surface-hover-p3: var(--base-neutral-200-p3);
    --surface-hover: rgb(var(--surface-hover-rgb));
    --surface-raise-rgb: var(--base-neutral-50-rgb);
    --surface-raise-p3: var(--base-neutral-50-p3);
    --surface-raise: rgb(var(--surface-raise-rgb));
    --surface-secondary-rgb: var(--base-neutral-100-rgb);
    --surface-secondary-p3: var(--base-neutral-100-p3);
    --surface-secondary: rgb(var(--surface-secondary-rgb));
    --surface-tertiary-rgb: var(--base-neutral-200-rgb);
    --surface-tertiary-p3: var(--base-neutral-200-p3);
    --surface-tertiary: rgb(var(--surface-tertiary-rgb));
    --surface-disabled-rgb: var(--base-neutral-100-rgb);
    --surface-disabled-p3: var(--base-neutral-100-p3);
    --surface-disabled: rgb(var(--surface-disabled-rgb));
    --surface-scrim: rgba(var(--base-neutral-0-rgb), .4);
    --surface-scrim-p3: color(display-p3 .0314 .0588 .0667/.4);

    --theme-accent-100-rgb: var(--base-sky-100-rgb);
    --theme-accent-100-p3: var(--base-sky-100-p3);
    --theme-accent-100: rgb(var(--theme-accent-100-rgb));
    --theme-accent-200-rgb: var(--base-sky-200-rgb);
    --theme-accent-200-p3: var(--base-sky-200-p3);
    --theme-accent-200: rgb(var(--theme-accent-200-rgb));
    --theme-accent-300-rgb: var(--base-sky-300-rgb);
    --theme-accent-300-p3: var(--base-sky-300-p3);
    --theme-accent-300: rgb(var(--theme-accent-300-rgb));
    --theme-accent-400-rgb: var(--base-sky-400-rgb);
    --theme-accent-400-p3: var(--base-sky-400-p3);
    --theme-accent-400: rgb(var(--theme-accent-400-rgb));
    --theme-accent-500-rgb: var(--base-sky-500-rgb);
    --theme-accent-500-p3: var(--base-sky-500-p3);
    --theme-accent-500: rgb(var(--theme-accent-500-rgb));
    --theme-accent-600-rgb: var(--base-sky-600-rgb);
    --theme-accent-600-p3: var(--base-sky-600-p3);
    --theme-accent-600: rgb(var(--theme-accent-600-rgb));
    --theme-accent-700-rgb: var(--base-sky-700-rgb);
    --theme-accent-700-p3: var(--base-sky-700-p3);
    --theme-accent-700: rgb(var(--theme-accent-700-rgb));
    --theme-accent-800-rgb: var(--base-sky-800-rgb);
    --theme-accent-800-p3: var(--base-sky-800-p3);
    --theme-accent-800: rgb(var(--theme-accent-800-rgb));

    --surface-accent-rgb: var(--theme-accent-800-rgb);
    --surface-accent-p3: var(--theme-accent-800-p3);
    --surface-accent: rgb(var(--surface-accent-rgb));
    --surface-accent-hover-rgb: var(--theme-accent-700-rgb);
    --surface-accent-hover-p3: var(--theme-accent-700-p3);
    --surface-accent-hover: rgb(var(--surface-accent-hover-rgb));
    --surface-accent-secondary-rgb: var(--theme-accent-200-rgb);
    --surface-accent-secondary-p3: var(--theme-accent-200-p3);
    --surface-accent-secondary: rgb(var(--surface-accent-secondary-rgb));
    --surface-accent-secondary-hover-rgb: var(--theme-accent-300-rgb);
    --surface-accent-secondary-hover-p3: var(--theme-accent-300-p3);
    --surface-accent-secondary-hover: rgb(var(--surface-accent-secondary-hover-rgb));

    --content-accent-rgb: var(--theme-accent-800-rgb);
    --content-accent-p3: var(--theme-accent-800-p3);
    --content-accent: rgb(var(--content-accent-rgb));
    --content-accent-secondary-rgb: var(--theme-accent-700-rgb);
    --content-accent-secondary-p3: var(--theme-accent-700-p3);
    --content-accent-secondary: rgb(var(--content-accent-secondary-rgb));
    --content-accent-tertiary-rgb: var(--theme-accent-600-rgb);
    --content-accent-tertiary-p3: var(--theme-accent-600-p3);
    --content-accent-tertiary: rgb(var(--content-accent-tertiary-rgb));
    --content-accent-disabled-rgb: var(--theme-accent-500-rgb);
    --content-accent-disabled-p3: var(--theme-accent-500-p3);
    --content-accent-disabled: rgb(var(--content-accent-disabled-rgb));

    --stroke-accent-rgb: var(--theme-accent-800-rgb);
    --stroke-accent-p3: var(--theme-accent-800-p3);
    --stroke-accent: rgb(var(--stroke-accent-rgb));
    --stroke-accent-secondary-rgb: var(--theme-accent-600-rgb);
    --stroke-accent-secondary-p3: var(--theme-accent-600-p3);
    --stroke-accent-secondary: rgb(var(--stroke-accent-secondary-rgb));
    --stroke-accent-tertiary-rgb: var(--theme-accent-400-rgb);
    --stroke-accent-tertiary-p3: var(--theme-accent-400-p3);
    --stroke-accent-tertiary: rgb(var(--stroke-accent-tertiary-rgb));
    --stroke-accent-quaternary-rgb: var(--theme-accent-300-rgb);
    --stroke-accent-quaternary-p3: var(--theme-accent-300-p3);
    --stroke-accent-quaternary: rgb(var(--stroke-accent-quaternary-rgb));

    --chart-fill-area-primary: rgba(var(--theme-accent-700-rgb), .7019607843137254);
    --chart-fill-area-secondary: rgba(var(--theme-accent-600-rgb), .7019607843137254);
    --chart-fill-area-tertiary: rgba(var(--theme-accent-500-rgb), .7019607843137254);
    --chart-fill-area-quaternary: rgba(var(--theme-accent-400-rgb), .2);
    --chart-fill-item-primary-rgb: var(--theme-accent-700-rgb);
    --chart-fill-item-secondary-rgb: var(--theme-accent-600-rgb);
    --chart-fill-item-tertiary-rgb: var(--theme-accent-500-rgb);
    --chart-fill-item-quaternary-rgb: var(--theme-accent-400-rgb);
    --chart-stroke-line-rgb: var(--theme-accent-700-rgb);
    --chart-stroke-item: rgba(var(--theme-accent-700-rgb), .4);
}

.red {
    --surface-default-rgb: var(--base-neutral-0-rgb);
    --surface-default-p3: var(--base-neutral-0-p3);
    --surface-default: rgb(var(--surface-default-rgb));
    --surface-hover-rgb: var(--base-neutral-200-rgb);
    --surface-hover-p3: var(--base-neutral-200-p3);
    --surface-hover: rgb(var(--surface-hover-rgb));
    --surface-raise-rgb: var(--base-neutral-50-rgb);
    --surface-raise-p3: var(--base-neutral-50-p3);
    --surface-raise: rgb(var(--surface-raise-rgb));
    --surface-secondary-rgb: var(--base-neutral-100-rgb);
    --surface-secondary-p3: var(--base-neutral-100-p3);
    --surface-secondary: rgb(var(--surface-secondary-rgb));
    --surface-tertiary-rgb: var(--base-neutral-200-rgb);
    --surface-tertiary-p3: var(--base-neutral-200-p3);
    --surface-tertiary: rgb(var(--surface-tertiary-rgb));
    --surface-disabled-rgb: var(--base-neutral-100-rgb);
    --surface-disabled-p3: var(--base-neutral-100-p3);
    --surface-disabled: rgb(var(--surface-disabled-rgb));
    --surface-scrim: rgba(var(--base-neutral-0-rgb), .4);
    --surface-scrim-p3: color(display-p3 .0314 .0588 .0667/.4);
    --surface-accent-rgb: var(--theme-accent-800-rgb);
    --surface-accent-p3: var(--theme-accent-800-p3);
    --surface-accent: rgb(var(--surface-accent-rgb));
    --surface-accent-hover-rgb: var(--theme-accent-700-rgb);
    --surface-accent-hover-p3: var(--theme-accent-700-p3);
    --surface-accent-hover: rgb(var(--surface-accent-hover-rgb));
    --surface-accent-secondary-rgb: var(--theme-accent-200-rgb);
    --surface-accent-secondary-p3: var(--theme-accent-200-p3);
    --surface-accent-secondary: rgb(var(--surface-accent-secondary-rgb));
    --surface-accent-secondary-hover-rgb: var(--theme-accent-300-rgb);
    --surface-accent-secondary-hover-p3: var(--theme-accent-300-p3);
    --surface-accent-secondary-hover: rgb(var(--surface-accent-secondary-hover-rgb));
    --surface-destructive-rgb: var(--theme-destructive-800-rgb);
    --surface-destructive-p3: var(--theme-destructive-800-p3);
    --surface-destructive: rgb(var(--surface-destructive-rgb));
    --surface-destructive-hover-rgb: var(--theme-destructive-700-rgb);
    --surface-destructive-hover-p3: var(--theme-destructive-700-p3);
    --surface-destructive-hover: rgb(var(--surface-destructive-hover-rgb));
    --surface-destructive-secondary-rgb: var(--theme-destructive-200-rgb);
    --surface-destructive-secondary-p3: var(--theme-destructive-200-p3);
    --surface-destructive-secondary: rgb(var(--surface-destructive-secondary-rgb));
    --surface-destructive-secondary-hover-rgb: var(--theme-destructive-300-rgb);
    --surface-destructive-secondary-hover-p3: var(--theme-destructive-300-p3);
    --surface-destructive-secondary-hover: rgb(var(--surface-destructive-secondary-hover-rgb));
    --surface-notice-rgb: var(--theme-notice-800-rgb);
    --surface-notice-p3: var(--theme-notice-800-p3);
    --surface-notice: rgb(var(--surface-notice-rgb));
    --surface-notice-hover-rgb: var(--theme-notice-700-rgb);
    --surface-notice-hover-p3: var(--theme-notice-700-p3);
    --surface-notice-hover: rgb(var(--surface-notice-hover-rgb));
    --surface-notice-secondary-rgb: var(--theme-notice-200-rgb);
    --surface-notice-secondary-p3: var(--theme-notice-200-p3);
    --surface-notice-secondary: rgb(var(--surface-notice-secondary-rgb));
    --surface-notice-secondary-hover-rgb: var(--theme-notice-300-rgb);
    --surface-notice-secondary-hover-p3: var(--theme-notice-300-p3);
    --surface-notice-secondary-hover: rgb(var(--surface-notice-secondary-hover-rgb));
    --surface-success-rgb: var(--theme-success-800-rgb);
    --surface-success-p3: var(--theme-success-800-p3);
    --surface-success: rgb(var(--surface-success-rgb));
    --surface-success-secondary-rgb: var(--theme-success-200-rgb);
    --surface-success-secondary-p3: var(--theme-success-200-p3);
    --surface-success-secondary: rgb(var(--surface-success-secondary-rgb));
    --surface-error-rgb: var(--theme-error-800-rgb);
    --surface-error-p3: var(--theme-error-800-p3);
    --surface-error: rgb(var(--surface-error-rgb));
    --surface-error-secondary-rgb: var(--theme-error-200-rgb);
    --surface-error-secondary-p3: var(--theme-error-200-p3);
    --surface-error-secondary: rgb(var(--surface-error-secondary-rgb));
    --surface-inverse-rgb: var(--content-default-rgb);
    --surface-inverse-p3: var(--content-default-p3);
    --surface-inverse: rgb(var(--surface-inverse-rgb));
    --surface-inverse-secondary-rgb: var(--content-secondary-rgb);
    --surface-inverse-secondary-p3: var(--content-secondary-p3);
    --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb));
    --surface-inverse-tertiary-rgb: var(--content-tertiary-rgb);
    --surface-inverse-tertiary-p3: var(--content-tertiary-p3);
    --surface-inverse-tertiary: rgb(var(--surface-inverse-tertiary-rgb));
    --surface-info-rgb: var(--theme-info-800-rgb);
    --surface-info-p3: var(--theme-info-800-p3);
    --surface-info: rgb(var(--surface-info-rgb));
    --surface-info-hover-rgb: var(--theme-info-700-rgb);
    --surface-info-hover-p3: var(--theme-info-700-p3);
    --surface-info-hover: rgb(var(--surface-info-hover-rgb));
    --surface-info-secondary-rgb: var(--theme-info-200-rgb);
    --surface-info-secondary-p3: var(--theme-info-200-p3);
    --surface-info-secondary: rgb(var(--surface-info-secondary-rgb));
    --surface-info-secondary-hover-rgb: var(--theme-info-300-rgb);
    --surface-info-secondary-hover-p3: var(--theme-info-300-p3);
    --surface-info-secondary-hover: rgb(var(--surface-info-secondary-hover-rgb));
    --content-default-rgb: var(--base-neutral-900-rgb);
    --content-default-p3: var(--base-neutral-900-p3);
    --content-default: rgb(var(--content-default-rgb));
    --content-secondary-rgb: var(--base-neutral-800-rgb);
    --content-secondary-p3: var(--base-neutral-800-p3);
    --content-secondary: rgb(var(--content-secondary-rgb));
    --content-tertiary-rgb: var(--base-neutral-700-rgb);
    --content-tertiary-p3: var(--base-neutral-700-p3);
    --content-tertiary: rgb(var(--content-tertiary-rgb));
    --content-quaternary-rgb: var(--base-neutral-600-rgb);
    --content-quaternary-p3: var(--base-neutral-600-p3);
    --content-quaternary: rgb(var(--content-quaternary-rgb));
    --content-quinary-rgb: var(--base-neutral-500-rgb);
    --content-quinary-p3: var(--base-neutral-500-p3);
    --content-quinary: rgb(var(--content-quinary-rgb));
    --content-disabled-rgb: var(--base-neutral-500-rgb);
    --content-disabled-p3: var(--base-neutral-500-p3);
    --content-disabled: rgb(var(--content-disabled-rgb));
    --content-accent-rgb: var(--theme-accent-800-rgb);
    --content-accent-p3: var(--theme-accent-800-p3);
    --content-accent: rgb(var(--content-accent-rgb));
    --content-accent-secondary-rgb: var(--theme-accent-700-rgb);
    --content-accent-secondary-p3: var(--theme-accent-700-p3);
    --content-accent-secondary: rgb(var(--content-accent-secondary-rgb));
    --content-accent-tertiary-rgb: var(--theme-accent-600-rgb);
    --content-accent-tertiary-p3: var(--theme-accent-600-p3);
    --content-accent-tertiary: rgb(var(--content-accent-tertiary-rgb));
    --content-accent-disabled-rgb: var(--theme-accent-500-rgb);
    --content-accent-disabled-p3: var(--theme-accent-500-p3);
    --content-accent-disabled: rgb(var(--content-accent-disabled-rgb));
    --content-destructive-rgb: var(--theme-destructive-800-rgb);
    --content-destructive-p3: var(--theme-destructive-800-p3);
    --content-destructive: rgb(var(--content-destructive-rgb));
    --content-destructive-secondary-rgb: var(--theme-destructive-700-rgb);
    --content-destructive-secondary-p3: var(--theme-destructive-700-p3);
    --content-destructive-secondary: rgb(var(--content-destructive-secondary-rgb));
    --content-destructive-tertiary-rgb: var(--theme-destructive-600-rgb);
    --content-destructive-tertiary-p3: var(--theme-destructive-600-p3);
    --content-destructive-tertiary: rgb(var(--content-destructive-tertiary-rgb));
    --content-destructive-disabled-rgb: var(--theme-destructive-500-rgb);
    --content-destructive-disabled-p3: var(--theme-destructive-500-p3);
    --content-destructive-disabled: rgb(var(--content-destructive-disabled-rgb));
    --content-success-rgb: var(--theme-success-800-rgb);
    --content-success-p3: var(--theme-success-800-p3);
    --content-success: rgb(var(--content-success-rgb));
    --content-success-secondary-rgb: var(--theme-success-700-rgb);
    --content-success-secondary-p3: var(--theme-success-700-p3);
    --content-success-secondary: rgb(var(--content-success-secondary-rgb));
    --content-success-tertiary-rgb: var(--theme-success-600-rgb);
    --content-success-tertiary-p3: var(--theme-success-600-p3);
    --content-success-tertiary: rgb(var(--content-success-tertiary-rgb));
    --content-success-disabled-rgb: var(--theme-success-500-rgb);
    --content-success-disabled-p3: var(--theme-success-500-p3);
    --content-success-disabled: rgb(var(--content-success-disabled-rgb));
    --content-error-rgb: var(--theme-error-800-rgb);
    --content-error-p3: var(--theme-error-800-p3);
    --content-error: rgb(var(--content-error-rgb));
    --content-error-secondary-rgb: var(--theme-error-700-rgb);
    --content-error-secondary-p3: var(--theme-error-700-p3);
    --content-error-secondary: rgb(var(--content-error-secondary-rgb));
    --content-error-tertiary-rgb: var(--theme-error-600-rgb);
    --content-error-tertiary-p3: var(--theme-error-600-p3);
    --content-error-tertiary: rgb(var(--content-error-tertiary-rgb));
    --content-error-disabled-rgb: var(--theme-error-500-rgb);
    --content-error-disabled-p3: var(--theme-error-500-p3);
    --content-error-disabled: rgb(var(--content-error-disabled-rgb));
    --content-notice-rgb: var(--theme-notice-800-rgb);
    --content-notice-p3: var(--theme-notice-800-p3);
    --content-notice: rgb(var(--content-notice-rgb));
    --content-notice-secondary-rgb: var(--theme-notice-700-rgb);
    --content-notice-secondary-p3: var(--theme-notice-700-p3);
    --content-notice-secondary: rgb(var(--content-notice-secondary-rgb));
    --content-notice-tertiary-rgb: var(--theme-notice-600-rgb);
    --content-notice-tertiary-p3: var(--theme-notice-600-p3);
    --content-notice-tertiary: rgb(var(--content-notice-tertiary-rgb));
    --content-notice-disabled-rgb: var(--theme-notice-500-rgb);
    --content-notice-disabled-p3: var(--theme-notice-500-p3);
    --content-notice-disabled: rgb(var(--content-notice-disabled-rgb));
    --content-inverse-rgb: var(--surface-default-rgb);
    --content-inverse-p3: var(--surface-default-p3);
    --content-inverse: rgb(var(--content-inverse-rgb));
    --content-inverse-raise-rgb: var(--surface-raise-rgb);
    --content-inverse-raise-p3: var(--surface-raise-p3);
    --content-inverse-raise: rgb(var(--content-inverse-raise-rgb));
    --content-inverse-secondary-rgb: var(--surface-secondary-rgb);
    --content-inverse-secondary-p3: var(--surface-secondary-p3);
    --content-inverse-secondary: rgb(var(--content-inverse-secondary-rgb));
    --content-info-rgb: var(--theme-info-800-rgb);
    --content-info-p3: var(--theme-info-800-p3);
    --content-info: rgb(var(--content-info-rgb));
    --content-info-secondary-rgb: var(--theme-info-700-rgb);
    --content-info-secondary-p3: var(--theme-info-700-p3);
    --content-info-secondary: rgb(var(--content-info-secondary-rgb));
    --content-info-tertiary-rgb: var(--theme-info-600-rgb);
    --content-info-tertiary-p3: var(--theme-info-600-p3);
    --content-info-tertiary: rgb(var(--content-info-tertiary-rgb));
    --content-info-disabled-rgb: var(--theme-info-500-rgb);
    --content-info-disabled-p3: var(--theme-info-500-p3);
    --content-info-disabled: rgb(var(--content-info-disabled-rgb));
    --stroke-default-rgb: var(--base-neutral-300-rgb);
    --stroke-default-p3: var(--base-neutral-300-p3);
    --stroke-default: rgb(var(--stroke-default-rgb));
    --stroke-hover-rgb: var(--base-neutral-400-rgb);
    --stroke-hover-p3: var(--base-neutral-400-p3);
    --stroke-hover: rgb(var(--stroke-hover-rgb));
    --stroke-secondary-rgb: var(--base-neutral-200-rgb);
    --stroke-secondary-p3: var(--base-neutral-200-p3);
    --stroke-secondary: rgb(var(--stroke-secondary-rgb));
    --stroke-tertiary-rgb: var(--base-neutral-100-rgb);
    --stroke-tertiary-p3: var(--base-neutral-100-p3);
    --stroke-tertiary: rgb(var(--stroke-tertiary-rgb));
    --stroke-raise-rgb: var(--base-neutral-500-rgb);
    --stroke-raise-p3: var(--base-neutral-500-p3);
    --stroke-raise: rgb(var(--stroke-raise-rgb));
    --stroke-surface-rgb: var(--surface-default-rgb);
    --stroke-surface-p3: var(--surface-default-p3);
    --stroke-surface: rgb(var(--stroke-surface-rgb));
    --stroke-accent-rgb: var(--theme-accent-800-rgb);
    --stroke-accent-p3: var(--theme-accent-800-p3);
    --stroke-accent: rgb(var(--stroke-accent-rgb));
    --stroke-accent-secondary-rgb: var(--theme-accent-600-rgb);
    --stroke-accent-secondary-p3: var(--theme-accent-600-p3);
    --stroke-accent-secondary: rgb(var(--stroke-accent-secondary-rgb));
    --stroke-accent-tertiary-rgb: var(--theme-accent-400-rgb);
    --stroke-accent-tertiary-p3: var(--theme-accent-400-p3);
    --stroke-accent-tertiary: rgb(var(--stroke-accent-tertiary-rgb));
    --stroke-accent-quaternary-rgb: var(--theme-accent-300-rgb);
    --stroke-accent-quaternary-p3: var(--theme-accent-300-p3);
    --stroke-accent-quaternary: rgb(var(--stroke-accent-quaternary-rgb));
    --stroke-destructive-rgb: var(--theme-destructive-800-rgb);
    --stroke-destructive-p3: var(--theme-destructive-800-p3);
    --stroke-destructive: rgb(var(--stroke-destructive-rgb));
    --stroke-destructive-secondary-rgb: var(--theme-destructive-600-rgb);
    --stroke-destructive-secondary-p3: var(--theme-destructive-600-p3);
    --stroke-destructive-secondary: rgb(var(--stroke-destructive-secondary-rgb));
    --stroke-destructive-tertiary-rgb: var(--theme-destructive-400-rgb);
    --stroke-destructive-tertiary-p3: var(--theme-destructive-400-p3);
    --stroke-destructive-tertiary: rgb(var(--stroke-destructive-tertiary-rgb));
    --stroke-destructive-quaternary-rgb: var(--theme-destructive-300-rgb);
    --stroke-destructive-quaternary-p3: var(--theme-destructive-300-p3);
    --stroke-destructive-quaternary: rgb(var(--stroke-destructive-quaternary-rgb));
    --stroke-success-rgb: var(--theme-success-800-rgb);
    --stroke-success-p3: var(--theme-success-800-p3);
    --stroke-success: rgb(var(--stroke-success-rgb));
    --stroke-success-secondary-rgb: var(--theme-success-600-rgb);
    --stroke-success-secondary-p3: var(--theme-success-600-p3);
    --stroke-success-secondary: rgb(var(--stroke-success-secondary-rgb));
    --stroke-success-tertiary-rgb: var(--theme-success-400-rgb);
    --stroke-success-tertiary-p3: var(--theme-success-400-p3);
    --stroke-success-tertiary: rgb(var(--stroke-success-tertiary-rgb));
    --stroke-success-quaternary-rgb: var(--theme-success-300-rgb);
    --stroke-success-quaternary-p3: var(--theme-success-300-p3);
    --stroke-success-quaternary: rgb(var(--stroke-success-quaternary-rgb));
    --stroke-error-rgb: var(--theme-error-800-rgb);
    --stroke-error-p3: var(--theme-error-800-p3);
    --stroke-error: rgb(var(--stroke-error-rgb));
    --stroke-error-secondary-rgb: var(--theme-error-600-rgb);
    --stroke-error-secondary-p3: var(--theme-error-600-p3);
    --stroke-error-secondary: rgb(var(--stroke-error-secondary-rgb));
    --stroke-error-tertiary-rgb: var(--theme-error-400-rgb);
    --stroke-error-tertiary-p3: var(--theme-error-400-p3);
    --stroke-error-tertiary: rgb(var(--stroke-error-tertiary-rgb));
    --stroke-error-quaternary-rgb: var(--theme-error-300-rgb);
    --stroke-error-quaternary-p3: var(--theme-error-300-p3);
    --stroke-error-quaternary: rgb(var(--stroke-error-quaternary-rgb));
    --stroke-notice-rgb: var(--theme-notice-800-rgb);
    --stroke-notice-p3: var(--theme-notice-800-p3);
    --stroke-notice: rgb(var(--stroke-notice-rgb));
    --stroke-notice-secondary-rgb: var(--theme-notice-600-rgb);
    --stroke-notice-secondary-p3: var(--theme-notice-600-p3);
    --stroke-notice-secondary: rgb(var(--stroke-notice-secondary-rgb));
    --stroke-notice-tertiary-rgb: var(--theme-notice-400-rgb);
    --stroke-notice-tertiary-p3: var(--theme-notice-400-p3);
    --stroke-notice-tertiary: rgb(var(--stroke-notice-tertiary-rgb));
    --stroke-notice-quaternary-rgb: var(--theme-notice-300-rgb);
    --stroke-notice-quaternary-p3: var(--theme-notice-300-p3);
    --stroke-notice-quaternary: rgb(var(--stroke-notice-quaternary-rgb));
    --stroke-info-rgb: var(--theme-info-800-rgb);
    --stroke-info-p3: var(--theme-info-800-p3);
    --stroke-info: rgb(var(--stroke-info-rgb));
    --stroke-info-secondary-rgb: var(--theme-info-600-rgb);
    --stroke-info-secondary-p3: var(--theme-info-600-p3);
    --stroke-info-secondary: rgb(var(--stroke-info-secondary-rgb));
    --stroke-info-tertiary-rgb: var(--theme-info-400-rgb);
    --stroke-info-tertiary-p3: var(--theme-info-400-p3);
    --stroke-info-tertiary: rgb(var(--stroke-info-tertiary-rgb));
    --stroke-info-quaternary-rgb: var(--theme-info-300-rgb);
    --stroke-info-quaternary-p3: var(--theme-info-300-p3);
    --stroke-info-quaternary: rgb(var(--stroke-info-quaternary-rgb));
    --chart-fill-area-primary: rgba(var(--theme-accent-700-rgb), .7019607843137254);
    --chart-fill-area-primary-p3: color(display-p3 .8549 .3804 .4667/.7019607843137254);
    --chart-fill-area-secondary: rgba(var(--theme-accent-600-rgb), .7019607843137254);
    --chart-fill-area-secondary-p3: color(display-p3 .7647 .3412 .4157/.7019607843137254);
    --chart-fill-area-tertiary: rgba(var(--theme-accent-500-rgb), .7019607843137254);
    --chart-fill-area-tertiary-p3: color(display-p3 .5843 .2706 .3255/.7019607843137254);
    --chart-fill-area-quaternary: rgba(var(--theme-accent-400-rgb), .2);
    --chart-fill-area-quaternary-p3: color(display-p3 .4157 .2039 .2353/.2);
    --chart-fill-item-primary-rgb: var(--theme-accent-700-rgb);
    --chart-fill-item-primary-p3: var(--theme-accent-700-p3);
    --chart-fill-item-primary: rgb(var(--chart-fill-item-primary-rgb));
    --chart-fill-item-secondary-rgb: var(--theme-accent-600-rgb);
    --chart-fill-item-secondary-p3: var(--theme-accent-600-p3);
    --chart-fill-item-secondary: rgb(var(--chart-fill-item-secondary-rgb));
    --chart-fill-item-tertiary-rgb: var(--theme-accent-500-rgb);
    --chart-fill-item-tertiary-p3: var(--theme-accent-500-p3);
    --chart-fill-item-tertiary: rgb(var(--chart-fill-item-tertiary-rgb));
    --chart-fill-item-quaternary-rgb: var(--theme-accent-400-rgb);
    --chart-fill-item-quaternary-p3: var(--theme-accent-400-p3);
    --chart-fill-item-quaternary: rgb(var(--chart-fill-item-quaternary-rgb));
    --chart-fill-error-primary-rgb: var(--theme-destructive-700-rgb);
    --chart-fill-error-primary-p3: var(--theme-destructive-700-p3);
    --chart-fill-error-primary: rgb(var(--chart-fill-error-primary-rgb));
    --chart-fill-error-secondary-rgb: var(--theme-destructive-600-rgb);
    --chart-fill-error-secondary-p3: var(--theme-destructive-600-p3);
    --chart-fill-error-secondary: rgb(var(--chart-fill-error-secondary-rgb));
    --chart-fill-error-tertiary-rgb: var(--theme-destructive-500-rgb);
    --chart-fill-error-tertiary-p3: var(--theme-destructive-500-p3);
    --chart-fill-error-tertiary: rgb(var(--chart-fill-error-tertiary-rgb));
    --chart-fill-error-quaternary-rgb: var(--theme-destructive-400-rgb);
    --chart-fill-error-quaternary-p3: var(--theme-destructive-400-p3);
    --chart-fill-error-quaternary: rgb(var(--chart-fill-error-quaternary-rgb));
    --chart-fill-inactive-rgb: var(--base-neutral-50-rgb);
    --chart-fill-inactive-p3: var(--base-neutral-50-p3);
    --chart-fill-inactive: rgb(var(--chart-fill-inactive-rgb));
    --chart-stroke-line-rgb: var(--theme-accent-700-rgb);
    --chart-stroke-line-p3: var(--theme-accent-700-p3);
    --chart-stroke-line: rgb(var(--chart-stroke-line-rgb));
    --chart-stroke-line-secondary-rgb: var(--base-yellow-600-rgb);
    --chart-stroke-line-secondary-p3: var(--base-yellow-600-p3);
    --chart-stroke-line-secondary: rgb(var(--chart-stroke-line-secondary-rgb));
    --chart-stroke-line-tertiary-rgb: var(--base-red-600-rgb);
    --chart-stroke-line-tertiary-p3: var(--base-red-600-p3);
    --chart-stroke-line-tertiary: rgb(var(--chart-stroke-line-tertiary-rgb));
    --chart-stroke-line-quaternary-rgb: var(--base-blue-600-rgb);
    --chart-stroke-line-quaternary-p3: var(--base-blue-600-p3);
    --chart-stroke-line-quaternary: rgb(var(--chart-stroke-line-quaternary-rgb));
    --chart-stroke-y-axis: rgba(var(--stroke-default-rgb), .4);
    --chart-stroke-y-axis-p3: color(display-p3 .1765 .2 .2078/.4);
    --chart-stroke-item: rgba(var(--theme-accent-700-rgb), .4);
    --chart-stroke-item-p3: color(display-p3 .8549 .3804 .4667/.4);
    --chart-stroke-item-inactive-rgb: var(--base-neutral-200-rgb);
    --chart-stroke-item-inactive-p3: var(--base-neutral-200-p3);
    --chart-stroke-item-inactive: rgb(var(--chart-stroke-item-inactive-rgb));
    --chart-stroke-error: rgba(var(--theme-destructive-700-rgb), .4);
    --chart-stroke-error-p3: color(display-p3 .8549 .3804 .4667/.4);
    --theme-accent-100-rgb: var(--base-red-100-rgb);
    --theme-accent-100-p3: var(--base-red-100-p3);
    --theme-accent-100: rgb(var(--theme-accent-100-rgb));
    --theme-accent-200-rgb: var(--base-red-200-rgb);
    --theme-accent-200-p3: var(--base-red-200-p3);
    --theme-accent-200: rgb(var(--theme-accent-200-rgb));
    --theme-accent-300-rgb: var(--base-red-300-rgb);
    --theme-accent-300-p3: var(--base-red-300-p3);
    --theme-accent-300: rgb(var(--theme-accent-300-rgb));
    --theme-accent-400-rgb: var(--base-red-400-rgb);
    --theme-accent-400-p3: var(--base-red-400-p3);
    --theme-accent-400: rgb(var(--theme-accent-400-rgb));
    --theme-accent-500-rgb: var(--base-red-500-rgb);
    --theme-accent-500-p3: var(--base-red-500-p3);
    --theme-accent-500: rgb(var(--theme-accent-500-rgb));
    --theme-accent-600-rgb: var(--base-red-600-rgb);
    --theme-accent-600-p3: var(--base-red-600-p3);
    --theme-accent-600: rgb(var(--theme-accent-600-rgb));
    --theme-accent-700-rgb: var(--base-red-700-rgb);
    --theme-accent-700-p3: var(--base-red-700-p3);
    --theme-accent-700: rgb(var(--theme-accent-700-rgb));
    --theme-accent-800-rgb: var(--base-red-800-rgb);
    --theme-accent-800-p3: var(--base-red-800-p3);
    --theme-accent-800: rgb(var(--theme-accent-800-rgb));
    --theme-destructive-100-rgb: var(--base-red-100-rgb);
    --theme-destructive-100-p3: var(--base-red-100-p3);
    --theme-destructive-100: rgb(var(--theme-destructive-100-rgb));
    --theme-destructive-200-rgb: var(--base-red-200-rgb);
    --theme-destructive-200-p3: var(--base-red-200-p3);
    --theme-destructive-200: rgb(var(--theme-destructive-200-rgb));
    --theme-destructive-300-rgb: var(--base-red-300-rgb);
    --theme-destructive-300-p3: var(--base-red-300-p3);
    --theme-destructive-300: rgb(var(--theme-destructive-300-rgb));
    --theme-destructive-400-rgb: var(--base-red-400-rgb);
    --theme-destructive-400-p3: var(--base-red-400-p3);
    --theme-destructive-400: rgb(var(--theme-destructive-400-rgb));
    --theme-destructive-500-rgb: var(--base-red-500-rgb);
    --theme-destructive-500-p3: var(--base-red-500-p3);
    --theme-destructive-500: rgb(var(--theme-destructive-500-rgb));
    --theme-destructive-600-rgb: var(--base-red-600-rgb);
    --theme-destructive-600-p3: var(--base-red-600-p3);
    --theme-destructive-600: rgb(var(--theme-destructive-600-rgb));
    --theme-destructive-700-rgb: var(--base-red-700-rgb);
    --theme-destructive-700-p3: var(--base-red-700-p3);
    --theme-destructive-700: rgb(var(--theme-destructive-700-rgb));
    --theme-destructive-800-rgb: var(--base-red-800-rgb);
    --theme-destructive-800-p3: var(--base-red-800-p3);
    --theme-destructive-800: rgb(var(--theme-destructive-800-rgb));
    --theme-success-100-rgb: var(--base-green-100-rgb);
    --theme-success-100-p3: var(--base-green-100-p3);
    --theme-success-100: rgb(var(--theme-success-100-rgb));
    --theme-success-200-rgb: var(--base-green-200-rgb);
    --theme-success-200-p3: var(--base-green-200-p3);
    --theme-success-200: rgb(var(--theme-success-200-rgb));
    --theme-success-300-rgb: var(--base-green-300-rgb);
    --theme-success-300-p3: var(--base-green-300-p3);
    --theme-success-300: rgb(var(--theme-success-300-rgb));
    --theme-success-400-rgb: var(--base-green-400-rgb);
    --theme-success-400-p3: var(--base-green-400-p3);
    --theme-success-400: rgb(var(--theme-success-400-rgb));
    --theme-success-500-rgb: var(--base-green-500-rgb);
    --theme-success-500-p3: var(--base-green-500-p3);
    --theme-success-500: rgb(var(--theme-success-500-rgb));
    --theme-success-600-rgb: var(--base-green-600-rgb);
    --theme-success-600-p3: var(--base-green-600-p3);
    --theme-success-600: rgb(var(--theme-success-600-rgb));
    --theme-success-700-rgb: var(--base-green-700-rgb);
    --theme-success-700-p3: var(--base-green-700-p3);
    --theme-success-700: rgb(var(--theme-success-700-rgb));
    --theme-success-800-rgb: var(--base-green-800-rgb);
    --theme-success-800-p3: var(--base-green-800-p3);
    --theme-success-800: rgb(var(--theme-success-800-rgb));
    --theme-error-100-rgb: var(--base-red-100-rgb);
    --theme-error-100-p3: var(--base-red-100-p3);
    --theme-error-100: rgb(var(--theme-error-100-rgb));
    --theme-error-200-rgb: var(--base-red-200-rgb);
    --theme-error-200-p3: var(--base-red-200-p3);
    --theme-error-200: rgb(var(--theme-error-200-rgb));
    --theme-error-300-rgb: var(--base-red-300-rgb);
    --theme-error-300-p3: var(--base-red-300-p3);
    --theme-error-300: rgb(var(--theme-error-300-rgb));
    --theme-error-400-rgb: var(--base-red-400-rgb);
    --theme-error-400-p3: var(--base-red-400-p3);
    --theme-error-400: rgb(var(--theme-error-400-rgb));
    --theme-error-500-rgb: var(--base-red-500-rgb);
    --theme-error-500-p3: var(--base-red-500-p3);
    --theme-error-500: rgb(var(--theme-error-500-rgb));
    --theme-error-600-rgb: var(--base-red-600-rgb);
    --theme-error-600-p3: var(--base-red-600-p3);
    --theme-error-600: rgb(var(--theme-error-600-rgb));
    --theme-error-700-rgb: var(--base-red-700-rgb);
    --theme-error-700-p3: var(--base-red-700-p3);
    --theme-error-700: rgb(var(--theme-error-700-rgb));
    --theme-error-800-rgb: var(--base-red-800-rgb);
    --theme-error-800-p3: var(--base-red-800-p3);
    --theme-error-800: rgb(var(--theme-error-800-rgb));
    --theme-notice-100-rgb: var(--base-yellow-100-rgb);
    --theme-notice-100-p3: var(--base-yellow-100-p3);
    --theme-notice-100: rgb(var(--theme-notice-100-rgb));
    --theme-notice-200-rgb: var(--base-yellow-200-rgb);
    --theme-notice-200-p3: var(--base-yellow-200-p3);
    --theme-notice-200: rgb(var(--theme-notice-200-rgb));
    --theme-notice-300-rgb: var(--base-yellow-300-rgb);
    --theme-notice-300-p3: var(--base-yellow-300-p3);
    --theme-notice-300: rgb(var(--theme-notice-300-rgb));
    --theme-notice-400-rgb: var(--base-yellow-400-rgb);
    --theme-notice-400-p3: var(--base-yellow-400-p3);
    --theme-notice-400: rgb(var(--theme-notice-400-rgb));
    --theme-notice-500-rgb: var(--base-yellow-500-rgb);
    --theme-notice-500-p3: var(--base-yellow-500-p3);
    --theme-notice-500: rgb(var(--theme-notice-500-rgb));
    --theme-notice-600-rgb: var(--base-yellow-600-rgb);
    --theme-notice-600-p3: var(--base-yellow-600-p3);
    --theme-notice-600: rgb(var(--theme-notice-600-rgb));
    --theme-notice-700-rgb: var(--base-yellow-700-rgb);
    --theme-notice-700-p3: var(--base-yellow-700-p3);
    --theme-notice-700: rgb(var(--theme-notice-700-rgb));
    --theme-notice-800-rgb: var(--base-yellow-800-rgb);
    --theme-notice-800-p3: var(--base-yellow-800-p3);
    --theme-notice-800: rgb(var(--theme-notice-800-rgb));
    --theme-info-100-rgb: var(--base-blue-100-rgb);
    --theme-info-100-p3: var(--base-blue-100-p3);
    --theme-info-100: rgb(var(--theme-info-100-rgb));
    --theme-info-200-rgb: var(--base-blue-200-rgb);
    --theme-info-200-p3: var(--base-blue-200-p3);
    --theme-info-200: rgb(var(--theme-info-200-rgb));
    --theme-info-300-rgb: var(--base-blue-300-rgb);
    --theme-info-300-p3: var(--base-blue-300-p3);
    --theme-info-300: rgb(var(--theme-info-300-rgb));
    --theme-info-400-rgb: var(--base-blue-400-rgb);
    --theme-info-400-p3: var(--base-blue-400-p3);
    --theme-info-400: rgb(var(--theme-info-400-rgb));
    --theme-info-500-rgb: var(--base-blue-500-rgb);
    --theme-info-500-p3: var(--base-blue-500-p3);
    --theme-info-500: rgb(var(--theme-info-500-rgb));
    --theme-info-600-rgb: var(--base-blue-600-rgb);
    --theme-info-600-p3: var(--base-blue-600-p3);
    --theme-info-600: rgb(var(--theme-info-600-rgb));
    --theme-info-700-rgb: var(--base-blue-700-rgb);
    --theme-info-700-p3: var(--base-blue-700-p3);
    --theme-info-700: rgb(var(--theme-info-700-rgb));
    --theme-info-800-rgb: var(--base-blue-800-rgb);
    --theme-info-800-p3: var(--base-blue-800-p3);
    --theme-info-800: rgb(var(--theme-info-800-rgb))
}

.green {
    --surface-default-rgb: var(--base-neutral-0-rgb);
    --surface-default-p3: var(--base-neutral-0-p3);
    --surface-default: rgb(var(--surface-default-rgb));
    --surface-hover-rgb: var(--base-neutral-200-rgb);
    --surface-hover-p3: var(--base-neutral-200-p3);
    --surface-hover: rgb(var(--surface-hover-rgb));
    --surface-raise-rgb: var(--base-neutral-50-rgb);
    --surface-raise-p3: var(--base-neutral-50-p3);
    --surface-raise: rgb(var(--surface-raise-rgb));
    --surface-secondary-rgb: var(--base-neutral-100-rgb);
    --surface-secondary-p3: var(--base-neutral-100-p3);
    --surface-secondary: rgb(var(--surface-secondary-rgb));
    --surface-tertiary-rgb: var(--base-neutral-200-rgb);
    --surface-tertiary-p3: var(--base-neutral-200-p3);
    --surface-tertiary: rgb(var(--surface-tertiary-rgb));
    --surface-accent-rgb: var(--theme-green-800-rgb);
    --surface-accent-p3: var(--theme-green-800-p3);
    --surface-accent: rgb(var(--surface-accent-rgb));
    --surface-accent-hover-rgb: var(--theme-green-700-rgb);
    --surface-accent-hover-p3: var(--theme-green-700-p3);
    --surface-accent-hover: rgb(var(--surface-accent-hover-rgb));
    --surface-accent-secondary-rgb: var(--theme-green-200-rgb);
    --surface-accent-secondary-p3: var(--theme-green-200-p3);
    --surface-accent-secondary: rgb(var(--surface-accent-secondary-rgb));
    --surface-destructive-rgb: var(--theme-green-900-rgb);
    --surface-destructive-p3: var(--theme-green-900-p3);
    --surface-destructive: rgb(var(--surface-destructive-rgb));
    --surface-notice-rgb: var(--theme-green-800-rgb);
    --surface-notice-p3: var(--theme-green-800-p3);
    --surface-notice: rgb(var(--surface-notice-rgb));
    --surface-success-rgb: var(--theme-green-700-rgb);
    --surface-success-p3: var(--theme-green-700-p3);
    --surface-success: rgb(var(--surface-success-rgb));
    --surface-error-rgb: var(--theme-green-900-rgb);
    --surface-error-p3: var(--theme-green-900-p3);
    --surface-error: rgb(var(--surface-error-rgb));
    --content-default-rgb: var(--base-neutral-900-rgb);
    --content-default-p3: var(--base-neutral-900-p3);
    --content-default: rgb(var(--content-default-rgb));
    --content-secondary-rgb: var(--base-neutral-800-rgb);
    --content-secondary-p3: var(--base-neutral-800-p3);
    --content-secondary: rgb(var(--content-secondary-rgb));
    --content-tertiary-rgb: var(--base-neutral-700-rgb);
    --content-tertiary-p3: var(--base-neutral-700-p3);
    --content-tertiary: rgb(var(--content-tertiary-rgb));
    --content-accent-rgb: var(--theme-green-800-rgb);
    --content-accent-p3: var(--theme-green-800-p3);
    --content-accent: rgb(var(--content-accent-rgb));
    --content-success-rgb: var(--theme-green-700-rgb);
    --content-success-p3: var(--theme-green-700-p3);
    --content-success: rgb(var(--content-success-rgb));
    --content-error-rgb: var(--theme-green-900-rgb);
    --content-error-p3: var(--theme-green-900-p3);
    --content-error: rgb(var(--content-error-rgb));
    --stroke-default-rgb: var(--base-neutral-300-rgb);
    --stroke-default-p3: var(--base-neutral-300-p3);
    --stroke-default: rgb(var(--stroke-default-rgb));
    --stroke-hover-rgb: var(--base-neutral-400-rgb);
    --stroke-hover-p3: var(--base-neutral-400-p3);
    --stroke-hover: rgb(var(--stroke-hover-rgb));
    --stroke-accent-rgb: var(--theme-green-800-rgb);
    --stroke-accent-p3: var(--theme-green-800-p3);
    --stroke-accent: rgb(var(--stroke-accent-rgb));
    --stroke-success-rgb: var(--theme-green-700-rgb);
    --stroke-success-p3: var(--theme-green-700-p3);
    --stroke-success: rgb(var(--stroke-success-rgb));
    --stroke-error-rgb: var(--theme-green-900-rgb);
    --stroke-error-p3: var(--theme-green-900-p3);
    --stroke-error: rgb(var(--stroke-error-rgb));
    --theme-green-100-rgb: var(--base-green-100-rgb);
    --theme-green-100-p3: var(--base-green-100-p3);
    --theme-green-100: rgb(var(--theme-green-100-rgb));
    --theme-green-200-rgb: var(--base-green-200-rgb);
    --theme-green-200-p3: var(--base-green-200-p3);
    --theme-green-200: rgb(var(--theme-green-200-rgb));
    --theme-green-300-rgb: var(--base-green-300-rgb);
    --theme-green-300-p3: var(--base-green-300-p3);
    --theme-green-300: rgb(var(--theme-green-300-rgb));
    --theme-green-400-rgb: var(--base-green-400-rgb);
    --theme-green-400-p3: var(--base-green-400-p3);
    --theme-green-400: rgb(var(--theme-green-400-rgb));
    --theme-green-500-rgb: var(--base-green-500-rgb);
    --theme-green-500-p3: var(--base-green-500-p3);
    --theme-green-500: rgb(var(--theme-green-500-rgb));
    --theme-green-600-rgb: var(--base-green-600-rgb);
    --theme-green-600-p3: var(--base-green-600-p3);
    --theme-green-600: rgb(var(--theme-green-600-rgb));
    --theme-green-700-rgb: var(--base-green-700-rgb);
    --theme-green-700-p3: var(--base-green-700-p3);
    --theme-green-700: rgb(var(--theme-green-700-rgb));
    --theme-green-800-rgb: var(--base-green-800-rgb);
    --theme-green-800-p3: var(--base-green-800-p3);
    --theme-green-800: rgb(var(--theme-green-800-rgb));
    --theme-green-900-rgb: var(--base-green-900-rgb);
    --theme-green-900-p3: var(--base-green-900-p3);
    --theme-green-900: rgb(var(--theme-green-900-rgb));
}

.list-disc li::marker {
    color: rgb(var(--primary-base));

}

ol .list-num__item {
    counter-increment: blogBodyListCounter;
}

.list-num li::before {
    position: absolute;
    top: 4px;
    left: -10px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: rgb(var(--primary-base));
    opacity: .15;
    content: "";
}

.list-num li::after {
    position: absolute;
    top: 0;
    left: -10px;
    width: 23px;

    color: rgb(var(--primary-base));
    text-align: center;
    content: counter(blogBodyListCounter);
}

@media (min-width: 640px) {
    .list-num li::after {
        left: -25px;

    }

    .list-num li::before {

        left: -25px;


    }

}

blockquote {
    margin-bottom: 1.4rem !important;
    margin-top: 1.4rem !important;
}

.asciidoc-body .line-through {
    text-decoration: line-through
}

.asciidoc-body .quoteblock, blockquote {
    border-left-width: 2px;
    color: var(--content-tertiary);
    margin-bottom: 1.4rem;
    margin-top: 1.4rem;
    padding-left: 1.2rem
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .quoteblock, .asciidoc-body .blockquote {
        color: var(--content-tertiary-p3)
    }
}

.asciidoc-body .quoteblock, blockquote {
    border-color: var(--stroke-default)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .quoteblock, blockquote {
        border-color: var(--stroke-default-p3)
    }
}

.asciidoc-body .quoteblock p, blockquote p {
    color: var(--content-tertiary)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .quoteblock p, blockquote p {
        color: var(--content-tertiary-p3)
    }
}

.asciidoc-body .quoteblock .attribution {
    color: var(--content-default);
    margin-top: 2rem
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .quoteblock .attribution {
        color: var(--content-default-p3)
    }
}

.asciidoc-body .admonitionblock .quoteblock {
    border-color: var(--stroke-accent-secondary);
    margin-bottom: .5rem;
    margin-top: .5rem;
    padding-left: .75rem
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock .quoteblock {
        border-color: var(--stroke-accent-secondary-p3)
    }
}

.asciidoc-body .admonitionblock blockquote,
.asciidoc-body .admonitionblock p {
    color: var(--content-accent)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock blockquote,
    .asciidoc-body .admonitionblock p {
        color: var(--content-accent-p3)
    }
}

.asciidoc-body .admonition-content .paragraph {
    margin-bottom: .25rem
}

.asciidoc-body .admonition-content .paragraph:last-child {
    margin-bottom: 0
}

.asciidoc-body .admonition-content > div:first-of-type {
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .04rem;
    line-height: 1.125rem;
    text-transform: none
}

.asciidoc-body .imageblock img {
    border-color: var(--stroke-tertiary);
    border-radius: var(--border-radius-lg);
    border-width: 1px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: auto;
    width: 100%
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .imageblock img {
        border-color: var(--stroke-tertiary-p3)
    }
}

.asciidoc-body .imageblock img {
    max-height: max(500px, 75vh)
}

.asciidoc-body span img {
    display: inline
}

.asciidoc-body img.transparent-dark {
    background-color: var(--surface-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body img.transparent-dark {
        background-color: var(--surface-secondary-p3)
    }
}

.asciidoc-body p a {
    color: var(--content-accent-secondary);
    line-height: 1.6rem;
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body p a {
        color: var(--content-accent-secondary-p3)
    }
}

.asciidoc-body p a:hover {
    color: var(--content-accent)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body p a:hover {
        color: var(--content-accent-p3)
    }
}

.asciidoc-body p a {
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-decoration: underline;
    text-decoration-color: rgba(var(--content-accent-tertiary-rgb), .8)
}

.asciidoc-body strong {
    color: var(--content-default);
    font-weight: 500
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body strong {
        color: rgb(83, 83, 96)
    }
}

.asciidoc-body a strong {
    color: var(--content-accent-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body a strong {
        color: var(--content-accent-secondary-p3)
    }
}

.asciidoc-body h2,
.asciidoc-body h3,
.asciidoc-body h4,
.asciidoc-body h5 {
    color: var(--content-default);
    margin-bottom: .75rem;
    margin-top: 2.5rem;
    position: relative
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body h2,
    .asciidoc-body h3,
    .asciidoc-body h4,
    .asciidoc-body h5 {
        color: var(--content-default-p3)
    }
}

.asciidoc-body#content > .sect1:first-of-type > h1:first-child,
.asciidoc-body#content > .sect1:first-of-type > h2:first-child,
.asciidoc-body#content > .sect1:first-of-type > h3:first-child,
.asciidoc-body#content > .sect1:first-of-type > h4:first-child,
.asciidoc-body#content > .sect1:first-of-type > h5:first-child {
    margin-top: 0
}

.asciidoc-body h1 a,
.asciidoc-body h2 a,
.asciidoc-body h3 a,
.asciidoc-body h4 a,
.asciidoc-body h5 a {
    align-items: center;
    color: var(--content-default);
    display: inline-flex
}

.asciidoc-body h1[data-sectnum]::before, .asciidoc-body h2[data-sectnum]::before, .asciidoc-body h3[data-sectnum]::before, .asciidoc-body h4[data-sectnum]::before, .asciidoc-body h5[data-sectnum]::before {
    content: attr(data-sectnum);
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body h1 a,
    .asciidoc-body h2 a,
    .asciidoc-body h3 a,
    .asciidoc-body h4 a,
    .asciidoc-body h5 a {
        color: var(--content-default-p3)
    }
}

.asciidoc-body h1[data-sectnum]:before,
.asciidoc-body h2[data-sectnum]:before,
.asciidoc-body h3[data-sectnum]:before,
.asciidoc-body h4[data-sectnum]:before,
.asciidoc-body h5[data-sectnum]:before {
    pointer-events: none;
    top: 6px;
    margin-right: .5rem;
    display: inline-block;
    color: var(--content-tertiary)
}

.asciidoc-body h1[data-sectnum]:before,
.asciidoc-body h2[data-sectnum]:before,
.asciidoc-body h3[data-sectnum]:before,
.asciidoc-body h4[data-sectnum]:before,
.asciidoc-body h5[data-sectnum]:before {
    bottom: 0;
    color: var(--content-quaternary);
    display: inline-block;
    margin-right: .5rem
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body h1[data-sectnum]:before,
    .asciidoc-body h2[data-sectnum]:before,
    .asciidoc-body h3[data-sectnum]:before,
    .asciidoc-body h4[data-sectnum]:before,
    .asciidoc-body h5[data-sectnum]:before {
        color: var(--content-quaternary-p3)
    }
}

@media (min-width: 800px) {
    .asciidoc-body h1[data-sectnum]:before,
    .asciidoc-body h2[data-sectnum]:before,
    .asciidoc-body h3[data-sectnum]:before,
    .asciidoc-body h4[data-sectnum]:before,
    .asciidoc-body h5[data-sectnum]:before {
        font-size: 1rem;
        font-weight: 400;
        left: -72px;
        letter-spacing: .03rem;
        lline-height: 1.3rem;
        margin-right: 0;
        position: absolute;
        text-align: right;
        width: 60px
    }

    .asciidoc-body h1[data-sectnum]:before,
    .asciidoc-body h2[data-sectnum]:before,
    .asciidoc-body h3[data-sectnum]:before,
    .asciidoc-body h4[data-sectnum]:before,
    .asciidoc-body h5[data-sectnum]:before {
        content: attr(data-sectnum);
    }

    .asciidoc-body h2[data-sectnum]:before,
    .asciidoc-body h3[data-sectnum]:before {
        bottom: 2px
    }
}

.asciidoc-body .table-wrapper caption a:hover:after,
.asciidoc-body h1 a:hover:after,
.asciidoc-body h2 a:hover:after,
.asciidoc-body h3 a:hover:after,
.asciidoc-body h4 a:hover:after,
.asciidoc-body h5 a:hover:after {
    background: url(/themes/_include/svgs/link.svg) no-repeat 0 0;
    background-size: contain;
    content: " ";
    display: inline-block;
    height: 1rem;
    margin-left: .5rem;
    min-width: 16px;
    width: 1rem;

}

.blue .asciidoc-body .table-wrapper caption a:hover:after,
.blue .asciidoc-body h1 a:hover:after,
.blue .asciidoc-body h2 a:hover:after,
.blue .asciidoc-body h3 a:hover:after,
.blue .asciidoc-body h4 a:hover:after,
.blue .asciidoc-body h5 a:hover:after {
    background: url(/themes/_include/svgs/link-blue.svg) no-repeat 0 0
}

.purple .asciidoc-body .table-wrapper caption a:hover:after,
.purple .asciidoc-body h1 a:hover:after,
.purple .asciidoc-body h2 a:hover:after,
.purple .asciidoc-body h3 a:hover:after,
.purple .asciidoc-body h4 a:hover:after,
.purple .asciidoc-body h5 a:hover:after {
    background: url(/themes/_include/svgs/link-purple.svg) no-repeat 0 0
}

.yellow .asciidoc-body .table-wrapper caption a:hover:after,
.yellow .asciidoc-body h1 a:hover:after,
.yellow .asciidoc-body h2 a:hover:after,
.yellow .asciidoc-body h3 a:hover:after,
.yellow .asciidoc-body h4 a:hover:after,
.yellow .asciidoc-body h5 a:hover:after {
    background: url(/themes/_include/svgs/link-yellow.svg) no-repeat 0 0
}

.orange .asciidoc-body .table-wrapper caption a:hover:after,
.orange .asciidoc-body h1 a:hover:after,
.orange .asciidoc-body h2 a:hover:after,
.orange .asciidoc-body h3 a:hover:after,
.orange .asciidoc-body h4 a:hover:after,
.orange .asciidoc-body h5 a:hover:after {
    background: url(/themes/_include/svgs/link-orange.svg) no-repeat 0 0
}

.green .asciidoc-body .table-wrapper caption a:hover:after,
.green .asciidoc-body h1 a:hover:after,
.greene .asciidoc-body h2 a:hover:after,
.green .asciidoc-body h3 a:hover:after,
.green .asciidoc-body h4 a:hover:after,
.green .asciidoc-body h5 a:hover:after {
    background: url(/themes/_include/svgs/link-green.svg) no-repeat 0 0
}

.asciidoc-body h1 {
    font-size: 1.5625rem;
    letter-spacing: -0.015em;
    line-height: 2.3rem;
    position: relative;
    margin-bottom: .75rem;
    margin-top: 2.5rem;
}

.asciidoc-body h2 {
    position: relative;
    font-weight: 400;
    line-height: 2rem;
    font-size: 1.4rem;
    letter-spacing: .015rem
}

@media (min-width: 1024px) {
    .asciidoc-body h1 {
        font-size: 1.3625rem;
        letter-spacing: -0.015em;
        line-height: 2.1rem;
        position: relative;
        margin-bottom: .75rem;
        margin-top: 2.5rem;
    }

    .asciidoc-body h3 {
        position: relative;
        font-weight: 500;
        line-height: 1.375rem;
        font-size: 1.225rem;
        letter-spacing: .02rem
    }
}


.asciidoc-body h2,
.asciidoc-body h3 {
    font-weight: 500
}


.asciidoc-body h4,
.asciidoc-body h5 {
    position: relative;
    color: var(--content-default);
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: .03rem;
    lline-height: 1.3rem;
    margin-bottom: .5rem;
    margin-top: 2rem
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body h4,
    .asciidoc-body h5 {
        color: var(--content-default-p3)
    }
}

.asciidoc-body .anchor {
    margin-top: calc(var(--header-height) * -1 - 20px);
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    visibility: hidden
}

.asciidoc-body .dlist dt {
    color: var(--content-default);
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .03rem;
    lline-height: 1.3rem
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .dlist dt {
        color: var(--content-default-p3)
    }
}

.asciidoc-body .dlist dt:after {
    color: var(--content-quaternary);
    content: ":";
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .03rem;
    line-height: 1.3rem
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .dlist dt:after {
        color: var(--content-quaternary-p3)
    }
}

.asciidoc-body {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .03rem;
    line-height: 1.3rem
}

.asciidoc-body figure svg {
    line-height: 1 !important
}


.asciidoc-body ol li,
.asciidoc-body ul li {
    margin-top: .5rem
}


@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body ol,
    .asciidoc-body ul {
        color: var(--content-tertiary-p3)
    }
}

.og .og-meta .asciidoc-body ol,
.og .og-meta .asciidoc-body ul {
    border-radius: var(--border-radius);
    font-size: 16px;
    height: auto;
    padding: .5rem
}

.asciidoc-body ol p,
.asciidoc-body ul p {
    text-transform: none
}

.asciidoc-body ol ol,
.asciidoc-body ol ul,
.asciidoc-body ul ol,
.asciidoc-body ul ul {
    margin-bottom: 0
}

.asciidoc-body ul ul li {
    list-style-type: circle
}

.asciidoc-body ul ul ul li {
    list-style-type: square
}

.asciidoc-body ul ul ul ul li,
.asciidoc-body ul {
    list-style-type: disc
}

.asciidoc-body ol {
    list-style-type: decimal
}

.asciidoc-body ol,
.asciidoc-body ul {
    list-style-position: inside
}

.asciidoc-body ul {
    list-style-position: inside;

}

.asciidoc-body ol, .asciidoc-body ul {
    margin-bottom: 1rem;
}

@media (min-width: 800px) {


    .asciidoc-body ol {
        margin-left: 1.5rem
    }
}

.asciidoc-body .quoteblock ol,
.asciidoc-body .quoteblock ul,
.asciidoc-body .tableblock ol,
.asciidoc-body .tableblock ul {
    list-style-position: inside
}

.asciidoc-body .olist .olist,
.asciidoc-body .olist .ulist,
.asciidoc-body .ulist .olist,
.asciidoc-body .ulist .ulist {
    margin-left: 2rem
}

@media (min-width: 800px) {
    .asciidoc-body .olist .olist,
    .asciidoc-body .olist .ulist,
    .asciidoc-body .ulist .olist,
    .asciidoc-body .ulist .ulist {
        margin-left: .5rem
    }
}

.asciidoc-body .exampleblock ol,
.asciidoc-body .exampleblock ul {
    list-style-position: inside
}

.asciidoc-body ol p,
.asciidoc-body ul p {
    display: inline
}

.asciidoc-body p {
    color: var(--asciidoc-body-p);
    line-height: 1.7rem;
}


.asciidoc-body .arabic {
    list-style-type: decimal
}

.asciidoc-body .loweralpha {
    list-style-type: lower-alpha
}

.asciidoc-body .lowerroman {
    list-style-type: lower-roman
}

.asciidoc-body .upperalpha {
    list-style-type: upper-alpha
}

.asciidoc-body .upperroman {
    list-style-type: upper-roman
}

/*
.asciidoc-body ol p {
    color: var(--content-secondary);
    text-transform: none
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body ol p {
        color: var(--content-secondary-p3)
    }
}
*/
.list-decimal > li > p > b {
    color: var(--content-default-p3);
}

div.quoteblock div.paragraph p b
.asciidoc-body h1 code,
.asciidoc-body h2 code,
.asciidoc-body h3 code,
.asciidoc-body h4 code,
.asciidoc-body h5 code,
.asciidoc-body p code,
.asciidoc-body table code {
    color: var(--content-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body h1 code,
    .asciidoc-body h2 code,
    .asciidoc-body h3 code,
    .asciidoc-body h4 code,
    .asciidoc-body h5 code,
    .asciidoc-body p code,
    .asciidoc-body table code {
        color: var(--theme-accent-600-p3)
    }
}

.asciidoc-body h1 code,
.asciidoc-body h2 code,
.asciidoc-body h3 code,
.asciidoc-body h4 code,
.asciidoc-body h5 code,
.asciidoc-body p code,
.asciidoc-body table code {
    background-color: var(--surface-raise);
    border-radius: var(--border-radius);
    border-width: 1px;
    margin-left: 1px;
    margin-right: 1px;
    padding: 1px 4px;
    vertical-align: 1px
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body h1 code,
    .asciidoc-body h2 code,
    .asciidoc-body h3 code,
    .asciidoc-body h4 code,
    .asciidoc-body h5 code,
    .asciidoc-body p code,
    .asciidoc-body table code {
        background-color: rgb(var(--primary-alpha-16))
    }
}

.asciidoc-body h1 code,
.asciidoc-body h2 code,
.asciidoc-body h3 code,
.asciidoc-body h4 code,
.asciidoc-body h5 code,
.asciidoc-body p code,
.asciidoc-body table code {
    border-color: var(--stroke-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body h1 code,
    .asciidoc-body h2 code,
    .asciidoc-body h3 code,
    .asciidoc-body h4 code,
    .asciidoc-body h5 code,
    .asciidoc-body p code,
    .asciidoc-body table code {
        border-color: var(--stroke-secondary-p3)
    }
}

.asciidoc-body p a code {
    color: var(--content-accent-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body p a code {
        color: var(--content-accent-secondary-p3)
    }
}

.asciidoc-body table p code {
    overflow-wrap: normal;
    word-break: normal
}

.asciidoc-body .admonitionblock p code {
    border-style: none;
    color: var(--content-inverse)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock p code {
        color: var(--content-inverse-p3)
    }
}

.asciidoc-body .admonitionblock p code {
    background-color: var(--surface-accent)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock p code {
        background-color: var(--surface-accent-p3)
    }
}

.asciidoc-body pre {
    border-color: var(--stroke-secondary);
    border-radius: var(--border-radius-lg);
    border-width: 1px;
    padding: 1rem 1.25rem
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body pre {
        border-color: var(--stroke-secondary-p3)
    }
}

@media (min-width: 800px) {
    .asciidoc-body pre {
        padding: 1.5rem 1.75rem
    }
}

.asciidoc-body pre {
    font-feature-settings: "calt" 0;
    font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "calt" off;

    font-size: .825em !important;
    font-size: 13px !important;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1rem;
    overflow-x: auto;
    text-transform: none !important
}

.asciidoc-body h1 code,
.asciidoc-body h2 code,
.asciidoc-body h3 code,
.asciidoc-body h4 code,
.asciidoc-body h5 code {
    font-size: .825em
}

.asciidoc-body .paragraph > code,
.asciidoc-body p code {
    font-size: .825rem
}

.asciidoc-body code {
    font-feature-settings: "calt" 0
}

.asciidoc-body pre {
    align-items: center;
    display: flex
}

.asciidoc-body .listingblock .content {
    position: relative
}

.asciidoc-body .listingblock pre:not(.highlight) {
    color: var(--content-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .listingblock pre:not(.highlight) {
        color: var(--content-secondary-p3)
    }
}

.asciidoc-body .listingblock code[data-lang]:before {
    font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "calt" off;
    color: var(--content-tertiary);
    display: block;
    font-size: .6875rem;
    font-weight: 400;
    letter-spacing: .04rem;
    line-height: 1rem;
    position: absolute;
    right: .5rem;
    text-transform: uppercase;
    top: .5rem
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .listingblock code[data-lang]:before {
        color: var(--content-tertiary-p3)
    }
}

.asciidoc-body .listingblock code[data-lang]:before {
    content: attr(data-lang)
}

.asciidoc-body pre .conum[data-value] {
    font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "calt" off;
    border-radius: var(--border-radius-full);
    color: var(--content-tertiary);
    display: inline-block;
    font-size: .6875rem;
    font-style: normal;
    font-weight: 400;
    height: 1rem;
    letter-spacing: .04rem;
    line-height: 1rem;
    min-width: 1rem;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: -.125rem
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body pre .conum[data-value] {
        color: var(--content-tertiary-p3)
    }
}

.asciidoc-body pre .conum[data-value] {
    background-color: var(--surface-raise)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body pre .conum[data-value] {
        background-color: var(--surface-raise-p3)
    }
}

.asciidoc-body pre .conum[data-value]:after {
    content: attr(data-value);
    padding-left: 1px
}

.asciidoc-body pre .conum[data-value] + b {
    display: none
}

.asciidoc-body .exampleblock {
    background-color: var(--surface-raise);
    border-radius: var(--border-radius-lg);
    overflow-x: auto;
    padding: 1.25rem 1.5rem
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .exampleblock {
        background-color: var(--surface-raise-p3)
    }
}

.asciidoc-body .exampleblock p {
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .04rem;
    line-height: 1.125rem;
    margin-bottom: .5rem
}

.og .og-authors .asciidoc-body .exampleblock p {
    font-size: 18px;
    line-height: 1.4
}

.asciidoc-body .exampleblock .content,
.asciidoc-body .exampleblock .paragraph:last-of-type p {
    margin: 0
}

.exampleblock > .content {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.asciidoc-body .admonitionblock {
    border-radius: var(--border-radius-lg);
    border-width: 1px;
    color: var(--content-accent)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock {
        color: var(--content-accent-p3)
    }
}

.asciidoc-body .admonitionblock {
    background-color: var(--surface-accent-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock {
        background-color: rgb(var(--primary-alpha-16));
    }
}

.asciidoc-body .admonitionblock {
    border-color: var(--stroke-accent-tertiary)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock {
        border-color: var(--stroke-accent-tertiary-p3)
    }
}

.asciidoc-body .admonitionblock {
    display: flex;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    padding: .75rem
}

.asciidoc-body .admonitionblock strong {
    color: var(--content-accent)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock strong {
        color: var(--content-accent-p3)
    }
}

.asciidoc-body .admonitionblock.caution strong,
.asciidoc-body .admonitionblock.important strong {
    color: var(--content-notice)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock.caution strong,
    .asciidoc-body .admonitionblock.important strong {
        color: var(--content-notice-p3)
    }
}

.asciidoc-body .admonitionblock.\!important strong {
    color: var(--content-notice)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock.\!important strong {
        color: var(--content-notice-p3)
    }
}

.asciidoc-body .admonitionblock.caution .quoteblock {
    border-color: var(--stroke-notice-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock.caution .quoteblock {
        border-color: var(--stroke-notice-secondary-p3)
    }
}

.asciidoc-body .admonitionblock.warning .quoteblock {
    border-color: var(--stroke-destructive-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock.warning .quoteblock {
        border-color: var(--stroke-destructive-secondary-p3)
    }
}

.asciidoc-body .admonitionblock.tip .quoteblock {
    border-color: var(--base-purple-500)
}

.asciidoc-body .admonitionblock.warning strong {
    color: var(--content-destructive)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock.warning strong {
        color: var(--content-destructive-p3)
    }
}

.asciidoc-body .admonitionblock.tip strong {
    color: var(--base-purple-800)
}

.asciidoc-body .admonitionblock.tip,
.asciidoc-body .admonitionblock.tip blockquote {
    background-color: var(--base-purple-200);
    border-color: var(--base-purple-400);
    color: var(--base-purple-800)
}

.asciidoc-body .admonitionblock.caution,
.asciidoc-body .admonitionblock.caution blockquote,
.asciidoc-body .admonitionblock.important,
.asciidoc-body .admonitionblock.important blockquote {
    color: var(--content-notice)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock.caution,
    .asciidoc-body .admonitionblock.caution blockquote,
    .asciidoc-body .admonitionblock.important,
    .asciidoc-body .admonitionblock.important blockquote {
        color: var(--content-notice-p3)
    }
}

.asciidoc-body .admonitionblock.caution,
.asciidoc-body .admonitionblock.caution blockquote,
.asciidoc-body .admonitionblock.important,
.asciidoc-body .admonitionblock.important blockquote {
    background-color: var(--surface-notice-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock.caution,
    .asciidoc-body .admonitionblock.caution blockquote,
    .asciidoc-body .admonitionblock.important,
    .asciidoc-body .admonitionblock.important blockquote {
        background-color: var(--surface-notice-secondary-p3)
    }
}

.asciidoc-body .admonitionblock.caution,
.asciidoc-body .admonitionblock.caution blockquote,
.asciidoc-body .admonitionblock.important,
.asciidoc-body .admonitionblock.important blockquote {
    border-color: var(--stroke-notice-tertiary)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock.caution,
    .asciidoc-body .admonitionblock.caution blockquote,
    .asciidoc-body .admonitionblock.important,
    .asciidoc-body .admonitionblock.important blockquote {
        border-color: var(--stroke-notice-tertiary-p3)
    }
}

.asciidoc-body .admonitionblock.\!important,
.asciidoc-body .admonitionblock.\!important blockquote {
    color: var(--content-notice)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock.\!important,
    .asciidoc-body .admonitionblock.\!important blockquote {
        color: var(--content-notice-p3)
    }
}

.asciidoc-body .admonitionblock.\!important,
.asciidoc-body .admonitionblock.\!important blockquote {
    background-color: var(--surface-notice-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock.\!important,
    .asciidoc-body .admonitionblock.\!important blockquote {
        background-color: var(--surface-notice-secondary-p3)
    }
}

.asciidoc-body .admonitionblock.\!important,
.asciidoc-body .admonitionblock.\!important blockquote {
    border-color: var(--stroke-notice-tertiary)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock.\!important,
    .asciidoc-body .admonitionblock.\!important blockquote {
        border-color: var(--stroke-notice-tertiary-p3)
    }
}

.asciidoc-body .admonitionblock.warning,
.asciidoc-body .admonitionblock.warning blockquote {
    color: var(--content-destructive)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock.warning,
    .asciidoc-body .admonitionblock.warning blockquote {
        color: var(--content-destructive-p3)
    }
}

.asciidoc-body .admonitionblock.warning,
.asciidoc-body .admonitionblock.warning blockquote {
    background-color: var(--surface-destructive-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock.warning,
    .asciidoc-body .admonitionblock.warning blockquote {
        background-color: var(--surface-destructive-secondary-p3)
    }
}

.asciidoc-body .admonitionblock.warning,
.asciidoc-body .admonitionblock.warning blockquote {
    border-color: var(--stroke-destructive-tertiary)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock.warning,
    .asciidoc-body .admonitionblock.warning blockquote {
        border-color: var(--stroke-destructive-tertiary-p3)
    }
}

.asciidoc-body .admonitionblock.caution p,
.asciidoc-body .admonitionblock.important p {
    color: var(--content-notice)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock.caution p,
    .asciidoc-body .admonitionblock.important p {
        color: var(--content-notice-p3)
    }
}

.asciidoc-body .admonitionblock.\!important p {
    color: var(--content-notice)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock.\!important p {
        color: var(--content-notice-p3)
    }
}

.asciidoc-body .admonitionblock.warning p {
    color: var(--content-destructive)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock.warning p {
        color: var(--content-destructive-p3)
    }
}

.asciidoc-body .admonitionblock.tip p {
    color: var(--base-purple-800)
}

.asciidoc-body .admonitionblock.caution p code,
.asciidoc-body .admonitionblock.important p code {
    background-color: var(--surface-notice)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock.caution p code,
    .asciidoc-body .admonitionblock.important p code {
        background-color: var(--surface-notice-p3)
    }
}

.asciidoc-body .admonitionblock.\!important p code {
    background-color: var(--surface-notice)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock.\!important p code {
        background-color: var(--surface-notice-p3)
    }
}

.asciidoc-body .admonitionblock.warning p code {
    background-color: var(--surface-error)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock.warning p code {
        background-color: var(--surface-error-p3)
    }
}

.asciidoc-body .admonitionblock.tip p code {
    background-color: var(--base-purple-800)
}

.asciidoc-body .admonitionblock a {
    color: var(--content-accent);
    text-decoration-line: underline
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock a {
        color: var(--content-accent-p3)
    }
}

.asciidoc-body .admonitionblock.caution a,
.asciidoc-body .admonitionblock.important a {
    color: var(--content-notice)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock.caution a,
    .asciidoc-body .admonitionblock.important a {
        color: var(--content-notice-p3)
    }
}

.asciidoc-body .admonitionblock.\!important a {
    color: var(--content-notice)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock.\!important a {
        color: var(--content-notice-p3)
    }
}

.asciidoc-body .admonitionblock.warning a {
    color: var(--content-destructive)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .admonitionblock.warning a {
        color: var(--content-destructive-p3)
    }
}

.asciidoc-body .admonitionblock.tip a {
    color: var(--base-purple-800)
}

.asciidoc-body .admonition-icon svg {
    height: .75rem;
    margin-right: .5rem;
    margin-top: .125rem;
    width: .75rem
}

.asciidoc-body .admonition-content {
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .04rem;
    line-height: 1.125rem
}

.og .og-authors .asciidoc-body .admonition-content {
    font-size: 18px;
    line-height: 1.4
}

@media (min-width: 800px) {
    .asciidoc-body .admonition-content {
        margin-right: 1.25rem
    }
}

.asciidoc-body .admonition-content p {
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .04rem;
    line-height: 1.125rem;
    margin-bottom: 0
}

.og .og-authors .asciidoc-body .admonition-content p {
    font-size: 18px;
    line-height: 1.4
}

.asciidoc-body .imageblock,
.asciidoc-body table.tableblock {
    margin-bottom: 3rem;
    margin-top: 3rem
}

.asciidoc-body table.tableblock table.tableblock {
    margin-bottom: .5rem;
    margin-top: .5rem
}

.asciidoc-body table.tableblock .imageblock {
    margin-bottom: 0;
    margin-top: 0
}

.asciidoc-body .imageblock .title {
    font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "calt" off;
    color: var(--content-tertiary);
    font-size: .6875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .04rem;
    line-height: 1rem;
    margin-top: .75rem;
    max-width: 100%;
    text-align: center;
    text-transform: uppercase
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .imageblock .title {
        color: var(--content-tertiary-p3)
    }
}

.asciidoc-body img.wide {
    margin-left: -12.5%;
    max-width: none;
    width: 125%
}

.asciidoc-body sup.footnote {
    font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "calt" off;
    color: var(--content-tertiary);
    font-size: .6875rem;
    font-weight: 400;
    letter-spacing: .04rem;
    line-height: 1rem;
    text-transform: uppercase
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body sup.footnote {
        color: var(--content-tertiary-p3)
    }
}

.asciidoc-body sup.footnote a {
    margin-top: calc(var(--header-height) * -1 - 20px);
    padding-top: calc(var(--header-height) + 20px)
}

.asciidoc-body .exampleblock,
.asciidoc-body .imageblock,
.asciidoc-body .listingblock,
.asciidoc-body .literalblock,
.asciidoc-body .stemblock,
.asciidoc-body .videoblock {
    margin-bottom: 2rem;
    margin-top: 2rem
}

.asciidoc-body .title {
    color: var(--content-tertiary);
    font-size: 1rem;
    font-style: italic;
    font-weight: 400;
    letter-spacing: .03rem;
    lline-height: 1.3rem;
    margin-bottom: .5rem;
    max-width: 40rem;
    text-align: left
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .title {
        color: var(--content-tertiary-p3)
    }
}

.asciidoc-body summary.title {
    font-style: normal
}

.asciidoc-body .conum {
    display: inline-block
}

.asciidoc-body .table-wrapper {
    overflow-x: auto;
    position: relative
}

.asciidoc-body .table-wrapper caption {
    left: 0;
    position: sticky
}

.asciidoc-body table {
    border-collapse: separate;
    border-color: var(--stroke-secondary);
    border-radius: var(--border-radius-lg);
    border-width: 1px;
    overflow: hidden;
    padding: 0;
    width: 100%
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body table {
        border-color: var(--stroke-secondary-p3)
    }
}

.asciidoc-body table {
    border-spacing: 0
}

.asciidoc-body .valign-middle {
    vertical-align: middle
}

.asciidoc-body .halign-center {
    text-align: center
}

.asciidoc-body table p {
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .04rem;
    line-height: 1.125rem;
    text-align: left
}

.og .og-authors .asciidoc-body table p {
    font-size: 18px;
    line-height: 1.4
}

.asciidoc-body table td,
.asciidoc-body table th {
    border-bottom-width: 1px;
    border-color: var(--stroke-secondary);
    border-right-width: 1px;
    padding: .625rem .75rem;
    vertical-align: top
}


.asciidoc-body table tr th:last-child {
    border-right-width: 0
}

.asciidoc-body tbody tr:last-child td,
.asciidoc-body tbody tr:last-child th {
    border-bottom-width: 0
}

.asciidoc-body tbody tr td:last-child {
    border-right-width: 0
}

.asciidoc-body table th {
    font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "calt" off;
    color: var(--content-tertiary);
    font-size: .6875rem;
    font-weight: 400;
    letter-spacing: .04rem;
    line-height: 1rem;
    text-align: left;
    text-transform: uppercase
}


.asciidoc-body table th p {
    font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "calt" off;
    font-size: .6875rem;
    font-weight: 400;
    letter-spacing: .04rem;
    line-height: 1rem;
    text-transform: uppercase
}

.asciidoc-body table td {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.asciidoc-body table pre {
    border-width: 0;
    padding: 0
}

.asciidoc-body table p {
    margin: 0;
    padding: 0
}

.asciidoc-body .colist table {
    margin-top: 1.5rem
}

.asciidoc-body .colist table td {
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .04rem;
    line-height: 1.125rem
}

.og .og-authors .asciidoc-body .colist table td {
    font-size: 18px;
    line-height: 1.4
}

.asciidoc-body .colist table tr td:first-of-type {
    color: var(--content-quaternary);
    white-space: nowrap;
    width: 1%
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .colist table tr td:first-of-type {
        color: var(--content-quaternary-p3)
    }
}

.asciidoc-body .colist table b {
    font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "calt" off;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .04rem;
    line-height: 1rem;
    text-transform: uppercase
}

.og .og-meta .asciidoc-body .colist table b {
    border-radius: var(--border-radius);
    font-size: 16px;
    height: auto;
    padding: .5rem
}

.asciidoc-body div.bibliography ~ h2 {
    margin-top: 3rem
}

@media (min-width: 800px) {
    .asciidoc-body div.bibliography ~ h2 {
        margin-top: 4rem
    }
}

.asciidoc-body .bibliography ol > :not([hidden]) ~ :not([hidden]),
.asciidoc-body .bibliography ul > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
    margin-top: calc(.5rem * (1 - var(--tw-space-y-reverse)))
}

.asciidoc-body mark {
    border-radius: var(--border-radius);
    color: var(--content-notice);
    padding-left: 2px;
    padding-right: 2px
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body mark {
        color: var(--content-notice-p3)
    }
}

.asciidoc-body mark {
    background-color: var(--surface-notice-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body mark {
        background-color: var(--surface-notice-secondary-p3)
    }
}

.asciidoc-body .steminline svg {
    display: inline
}

.asciidoc-body hr {
    border-color: var(--stroke-default);
    margin-bottom: .75rem;
    margin-top: .75rem
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body hr {
        border-color: var(--stroke-default-p3)
    }
}

.asciidoc-body .sidebarblock {
    background-color: var(--surface-raise);
    border-radius: var(--border-radius-lg);
    margin-bottom: 2rem;
    margin-top: 2rem;
    padding: 1.25rem 1.5rem
}

@supports (color:color(display-p3 1 1 1)) {
    .asciidoc-body .sidebarblock {
        background-color: var(--surface-raise-p3)
    }
}

@media print {
    a {
        color: inherit !important;
        text-decoration: underline
    }

    a.bare,
    a[href^="#"],
    a[href^="mailto:"] {
        text-decoration: none
    }

    img,
    object,
    svg,
    tr {
        -moz-column-break-inside: avoid;
        break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    pre {
        -webkit-hyphens: none;
        hyphens: none;
        white-space: pre-wrap
    }

    h1 {
        font-size: 3rem !important;
        line-height: 1 !important
    }

    #content {
        max-width: 80vw
    }

    @page {
        margin-bottom: 2cm;
        margin-top: 2cm
    }

    :root {
        --content-default: #000;
        --content-secondary: rgba(0, 0, 0, .8)
    }
}


.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
}

.shadow,
.shadow-\[0_0_35px_0_rgba\(8\,15\,17\,1\)_inset\] {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_35px_0_rgba\(8\,15\,17\,1\)_inset\] {
    --tw-shadow: 0 0 35px 0 #080f11 inset;
    --tw-shadow-colored: inset 0 0 35px 0 var(--tw-shadow-color)
}

.\!outline-none {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring,
.ring-1 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-inset {
    --tw-ring-inset: inset
}

.ring-\[rgba\(var\(--base-blue-800-rgb\)\,0\.15\)\] {
    --tw-ring-color: rgba(var(--base-blue-800-rgb), .15)
}

.ring-\[rgba\(var\(--base-green-800-rgb\)\,0\.15\)\] {
    --tw-ring-color: rgba(var(--base-green-800-rgb), .15)
}

.ring-\[rgba\(var\(--base-neutral-700-rgb\)\,0\.15\)\] {
    --tw-ring-color: rgba(var(--base-neutral-700-rgb), .15)
}

.ring-\[rgba\(var\(--base-purple-800-rgb\)\,0\.15\)\] {
    --tw-ring-color: rgba(var(--base-purple-800-rgb), .15)
}

.ring-\[rgba\(var\(--base-red-800-rgb\)\,0\.15\)\] {
    --tw-ring-color: rgba(var(--base-red-800-rgb), .15)
}

.ring-\[rgba\(var\(--base-yellow-800-rgb\)\,0\.15\)\] {
    --tw-ring-color: rgba(var(--base-yellow-800-rgb), .15)
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.invert {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.invert {
    --tw-invert: invert(100%)
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur-md {
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-colors {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-none {
    transition-property: none
}

.transition-opacity {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-transform {
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.delay-300 {
    transition-delay: .3s
}

.duration-1000 {
    transition-duration: 1s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.text-mono-xs {
    font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "calt" off;
    font-size: .6875rem
}

.text-mono-sm,
.text-mono-xs {
    font-weight: 400;
    letter-spacing: .04rem;
    line-height: 1rem;
    text-transform: uppercase
}

.text-mono-sm {
    font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "calt" off;
    font-size: .75rem
}

.\!text-mono-md {
    font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "calt" off !important;
    font-size: .875rem !important;
    font-weight: 400 !important;
    letter-spacing: .04rem !important;
    line-height: 1.25rem !important;
    text-transform: uppercase !important
}

.text-sans-sm {
    font-size: .75rem;
    line-height: 1rem
}

.text-sans-md,
.text-sans-sm {
    font-weight: 400;
    letter-spacing: .04rem
}

.text-sans-md {
    font-size: .875rem;
    line-height: 1.125rem
}

.text-sans-lg {
    font-size: 1rem;
    letter-spacing: .03rem;
    lline-height: 1.3rem
}

.text-sans-lg,
.text-sans-xl {
    font-weight: 400
}

.text-sans-xl {
    font-size: 1.125rem;
    letter-spacing: .02rem;
    line-height: 1.625rem
}

.text-sans-2xl {
    font-size: 1.5625rem;
    letter-spacing: .015rem;
    line-height: 2rem
}

.text-sans-2xl,
.text-sans-3xl {
    font-weight: 400
}

.text-sans-3xl {
    font-size: 2.25rem;
    letter-spacing: .005rem;
    line-height: 2.625rem
}

.text-sans-semi-sm {
    font-size: .75rem;
    line-height: 1rem
}

.text-sans-semi-md,
.text-sans-semi-sm {
    font-weight: 500;
    letter-spacing: .04rem
}

.text-sans-semi-md {
    font-size: .875rem;
    line-height: 1.125rem
}

.text-sans-semi-lg {
    font-size: 1rem;
    letter-spacing: .03rem;
    lline-height: 1.3rem
}

.text-sans-semi-lg,
.text-sans-semi-xl {
    font-weight: 500
}

.text-sans-semi-xl {
    font-size: 1.125rem;
    letter-spacing: .02rem;
    line-height: 1.625rem
}

.text-default {
    color: var(--content-default)
}

@supports (color:color(display-p3 1 1 1)) {
    .text-default {
        color: var(--content-default-p3)
    }
}

.text-secondary {
    color: var(--content-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .text-secondary {
        color: var(--content-secondary-p3)
    }
}

.text-tertiary {
    color: var(--content-tertiary)
}

@supports (color:color(display-p3 1 1 1)) {
    .text-tertiary {
        color: var(--content-tertiary-p3)
    }
}

.text-quaternary {
    color: var(--content-quaternary)
}

@supports (color:color(display-p3 1 1 1)) {
    .text-quaternary {
        color: var(--content-quaternary-p3)
    }
}

.text-quinary {
    color: var(--content-quinary)
}

@supports (color:color(display-p3 1 1 1)) {
    .text-quinary {
        color: var(--content-quinary-p3)
    }
}

.text-disabled {
    color: var(--content-disabled)
}

@supports (color:color(display-p3 1 1 1)) {
    .text-disabled {
        color: var(--content-disabled-p3)
    }
}

.text-accent {
    color: var(--content-accent)
}

@supports (color:color(display-p3 1 1 1)) {
    .text-accent {
        color: var(--content-accent-p3)
    }
}

.text-accent-secondary {
    color: var(--content-accent-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .text-accent-secondary {
        color: var(--content-accent-secondary-p3)
    }
}

.text-accent-tertiary {
    color: var(--content-accent-tertiary)
}

@supports (color:color(display-p3 1 1 1)) {
    .text-accent-tertiary {
        color: var(--content-accent-tertiary-p3)
    }
}

.text-destructive {
    color: var(--content-destructive)
}

@supports (color:color(display-p3 1 1 1)) {
    .text-destructive {
        color: var(--content-destructive-p3)
    }
}

.text-destructive-secondary {
    color: var(--content-destructive-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .text-destructive-secondary {
        color: var(--content-destructive-secondary-p3)
    }
}

.text-error {
    color: var(--content-error)
}

@supports (color:color(display-p3 1 1 1)) {
    .text-error {
        color: var(--content-error-p3)
    }
}

.text-error-secondary {
    color: var(--content-error-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .text-error-secondary {
        color: var(--content-error-secondary-p3)
    }
}

.text-notice {
    color: var(--content-notice)
}

@supports (color:color(display-p3 1 1 1)) {
    .text-notice {
        color: var(--content-notice-p3)
    }
}

.text-notice-secondary {
    color: var(--content-notice-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .text-notice-secondary {
        color: var(--content-notice-secondary-p3)
    }
}

.text-inverse {
    color: var(--content-inverse)
}

@supports (color:color(display-p3 1 1 1)) {
    .text-inverse {
        color: var(--content-inverse-p3)
    }
}

.text-info {
    color: var(--content-info)
}

@supports (color:color(display-p3 1 1 1)) {
    .text-info {
        color: var(--content-info-p3)
    }
}

.bg-default {
    background-color: rgb(var(--bg-default))
}

@supports (color:color(display-p3 1 1 1)) {
    .bg-default {
        background-color: rgb(var(--bg-default))
    }
}

.bg-raise {
    background-color: var(--surface-raise)
}

@supports (color:color(display-p3 1 1 1)) {
    .bg-raise {
        background-color: var(--surface-raise-p3)
    }
}

.bg-secondary {
    background-color: var(--surface-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .bg-secondary {
        background-color: var(--surface-secondary-p3)
    }
}

.bg-tertiary {
    background-color: var(--surface-tertiary)
}

@supports (color:color(display-p3 1 1 1)) {
    .bg-tertiary {
        background-color: var(--surface-tertiary-p3)
    }
}

.bg-disabled {
    background-color: var(--surface-disabled)
}

@supports (color:color(display-p3 1 1 1)) {
    .bg-disabled {
        background-color: var(--surface-disabled-p3)
    }
}

.bg-accent {
    background-color: var(--surface-accent)
}

@supports (color:color(display-p3 1 1 1)) {
    .bg-accent {
        background-color: var(--surface-accent-p3)
    }
}

.bg-accent-secondary {
    background-color: var(--surface-accent-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .bg-accent-secondary {
        background-color: rgb(var(--primary-alpha-16));
    }
}

.bg-accent-secondary-hover {
    background-color: var(--surface-accent-secondary-hover)
}

@supports (color:color(display-p3 1 1 1)) {
    .bg-accent-secondary-hover {
        background-color: var(--surface-accent-secondary-hover-p3)
    }
}

.bg-destructive {
    background-color: var(--surface-destructive)
}

@supports (color:color(display-p3 1 1 1)) {
    .bg-destructive {
        background-color: var(--surface-destructive-p3)
    }
}

.bg-destructive-secondary {
    background-color: var(--surface-destructive-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .bg-destructive-secondary {
        background-color: var(--surface-destructive-secondary-p3)
    }
}

.bg-notice {
    background-color: var(--surface-notice)
}

@supports (color:color(display-p3 1 1 1)) {
    .bg-notice {
        background-color: var(--surface-notice-p3)
    }
}

.bg-notice-secondary {
    background-color: var(--surface-notice-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .bg-notice-secondary {
        background-color: var(--surface-notice-secondary-p3)
    }
}

.bg-inverse-tertiary {
    background-color: var(--surface-inverse-tertiary)
}

@supports (color:color(display-p3 1 1 1)) {
    .bg-inverse-tertiary {
        background-color: var(--surface-inverse-tertiary-p3)
    }
}

.bg-info {
    background-color: var(--surface-info)
}

@supports (color:color(display-p3 1 1 1)) {
    .bg-info {
        background-color: var(--surface-info-p3)
    }
}

.bg-info-secondary {
    background-color: var(--surface-info-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .bg-info-secondary {
        background-color: var(--surface-info-secondary-p3)
    }
}

.\!border-default {
    border-color: var(--stroke-default) !important
}

.border-default {
    border-color: var(--stroke-default)
}

@supports (color:color(display-p3 1 1 1)) {
    .\!border-default {
        border-color: var(--stroke-default-p3) !important
    }

    .border-default {
        border-color: var(--stroke-default-p3)
    }
}

.\!border-secondary {
    border-color: var(--stroke-secondary) !important
}

.border-secondary {
    border-color: var(--stroke-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .\!border-secondary {
        border-color: var(--stroke-secondary-p3) !important
    }

    .border-secondary {
        border-color: var(--stroke-secondary-p3)
    }
}

.border-accent-quaternary {
    border-color: var(--stroke-accent-quaternary)
}

@supports (color:color(display-p3 1 1 1)) {
    .border-accent-quaternary {
        border-color: var(--stroke-accent-quaternary-p3)
    }
}

.border-destructive {
    border-color: var(--stroke-destructive)
}

@supports (color:color(display-p3 1 1 1)) {
    .border-destructive {
        border-color: var(--stroke-destructive-p3)
    }
}

.\!border-error-secondary {
    border-color: var(--stroke-error-secondary) !important
}

.border-error-secondary {
    border-color: var(--stroke-error-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .\!border-error-secondary {
        border-color: var(--stroke-error-secondary-p3) !important
    }

    .border-error-secondary {
        border-color: var(--stroke-error-secondary-p3)
    }
}

.border-t-secondary {
    border-top-color: var(--stroke-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .border-t-secondary {
        border-top-color: var(--stroke-secondary-p3)
    }
}

.border-t-accent-secondary {
    border-top-color: var(--stroke-accent-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .border-t-accent-secondary {
        border-top-color: var(--stroke-accent-secondary-p3)
    }
}

.border-b-secondary {
    border-bottom-color: var(--stroke-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .border-b-secondary {
        border-bottom-color: var(--stroke-secondary-p3)
    }
}

.ring-accent-secondary {
    --tw-ring-color: var(--stroke-accent-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .ring-accent-secondary {
        --tw-ring-color: var(--stroke-accent-secondary-p3)
    }
}

.ring-error-secondary {
    --tw-ring-color: var(--stroke-error-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .ring-error-secondary {
        --tw-ring-color: var(--stroke-error-secondary-p3)
    }
}

.elevation-1 {
    box-shadow: var(--elevation-1)
}

.elevation-2 {
    box-shadow: var(--elevation-2)
}

.elevation-3 {
    box-shadow: var(--elevation-3)
}

.\[text-wrap\:balance\] {
    text-wrap: balance
}

.console-active td {
    background-color: var(--surface-accent-secondary);
    position: relative
}

@supports (color:color(display-p3 1 1 1)) {
    .console-active td {
        background-color: rgb(var(--primary-alpha-16));
    }
}

.console-active td {
    border-right-color: var(--stroke-accent-tertiary)
}

@supports (color:color(display-p3 1 1 1)) {
    .console-active td {
        border-right-color: var(--stroke-accent-tertiary-p3)
    }
}

.group:hover .console-active td {
    background-color: var(--surface-accent-secondary-hover) !important
}

@supports (color:color(display-p3 1 1 1)) {
    .group:hover .console-active td {
        background-color: var(--surface-accent-secondary-hover-p3) !important
    }
}

.console-active td:after {
    border-bottom-width: 1px;
    border-color: var(--stroke-accent);
    border-top-width: 1px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: calc(100% + 1px);
    z-index: 10
}

@supports (color:color(display-p3 1 1 1)) {
    .console-active td:after {
        border-color: var(--stroke-accent-p3)
    }
}

.console-active td:first-child:after {
    border-bottom-left-radius: var(--border-radius);
    border-left-width: 1px;
    border-top-left-radius: var(--border-radius)
}

.console-active td:last-child:after {
    border-bottom-right-radius: var(--border-radius);
    border-right-width: 1px;
    border-top-right-radius: var(--border-radius)
}

.console-active td:last-child {
    border-right: 1px solid #48d597
}

.console-code pre {
    font-size: .7rem;
    padding-left: 1.5rem
}

@media (min-width: 800px) {
    .console-code pre {
        font-size: .8125rem
    }
}

.console-api-diskname {
    border-radius: var(--border-radius);
    color: var(--content-inverse);
    padding: 1px 4px
}

@supports (color:color(display-p3 1 1 1)) {
    .console-api-diskname {
        color: var(--content-inverse-p3)
    }
}

.console-api-diskname {
    background-color: var(--surface-accent)
}

@supports (color:color(display-p3 1 1 1)) {
    .console-api-diskname {
        background-color: var(--surface-accent-p3)
    }
}

.console-code .hljs-built_in,
.console-code .hljs-keyword {
    color: #5b957e
}

.console-code .hljs-meta {
    color: var(--content-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .console-code .hljs-meta {
        color: var(--content-secondary-p3)
    }
}

.console-code .hljs-number {
    color: var(--content-accent)
}

@supports (color:color(display-p3 1 1 1)) {
    .console-code .hljs-number {
        color: var(--content-accent-p3)
    }
}

.console-code .hljs-strong,
.console-code .hljs-title {
    font-weight: 500
}

.ascii-animation-wrapper pre {
    font-size: 10px;
    letter-spacing: normal;
    line-height: normal
}

@media (min-width: 800px) {
    .ascii-animation-wrapper pre {
        font-size: 12px
    }
}

@media (min-width: 1000px) {
    .ascii-animation-wrapper pre {
        font-size: 13px
    }
}

.product-networking .ascii-animation-wrapper pre {
    font-size: 1.9vw;
    text-align: center
}

@media (min-width: 600px) {
    .product-networking .ascii-animation-wrapper pre {
        font-size: 1.1vw
    }
}

@media (min-width: 800px) {
    .product-networking .ascii-animation-wrapper pre {
        font-size: 1.3vw;
        text-align: right
    }
}

@media (min-width: 1000px) {
    .product-networking .ascii-animation-wrapper pre {
        font-size: 12px
    }
}

.mini-ascii .ascii-animation-wrapper {
    --tw-scale-x: initial;
    --tw-scale-y: initial;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width: 800px) {
    .mini-ascii .ascii-animation-wrapper {
        --tw-scale-x: .8;
        --tw-scale-y: .8;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

@media (min-width: 1000px) {
    .mini-ascii .ascii-animation-wrapper {
        --tw-scale-x: initial;
        --tw-scale-y: initial;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.mini-ascii .ascii-animation-wrapper pre {
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.page-not-found .ascii-animation-wrapper pre {
    font-size: 3.5vw
}

@media (min-width: 1000px) {
    .page-not-found .ascii-animation-wrapper pre {
        font-size: 24px
    }
}

@media (min-width: 1200px) {
    .page-not-found .ascii-animation-wrapper pre {
        font-size: 32px
    }
}

.hljs {
    color: #babcbd
}

.hljs::-moz-selection {
    background: #bf8fef;
    color: #1e1e22
}

.hljs::selection {
    background: #bf8fef;
    color: #1e1e22
}

.hljs-code,
.hljs-comment,
.hljs-quote {
    color: #888896
}

.hljs-deletion,
.hljs-literal,
.hljs-number {
    color: #e87e97
}

.hljs-doctag,
.hljs-meta,
.hljs-operator,
.hljs-punctuation,
.hljs-selector-attr,
.hljs-subst,
.hljs-template-variable {
    color: #f1d78f
}

.hljs-type {
    color: #efef8f
}

.hljs-addition,
.hljs-regexp,
.hljs-selector-class,
.hljs-selector-id,
.hljs-string,
.hljs-tag,
.hljs-title {
    color: #48d597
}

.hljs-class,
.hljs-property {
    color: #8fefbf
}

.hljs-name,
.hljs-selector-tag {
    color: #48d597
}

.hljs-built_in,
.hljs-keyword {
    color: #7996dd
}

.hljs-bullet,
.hljs-section {
    color: #8f8fef
}

.hljs-selector-pseudo {
    color: #2e8160
}

.hljs-attr,
.hljs-attribute,
.hljs-params,
.hljs-variable {
    color: #a2dfc5
}

.hljs-link,
.hljs-symbol {
    color: #7e89e8
}

.hljs-literal,
.hljs-strong,
.hljs-title {
    font-weight: 700
}

.hljs-emphasis {
    font-style: italic
}

.markdown.asciidoc-body p {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .01rem;
    lline-height: 1.3rem;
    margin-bottom: .5rem
}

.markdown.asciidoc-body a {
    color: var(--content-accent-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .markdown.asciidoc-body a {
        color: var(--content-accent-secondary-p3)
    }
}

.markdown.asciidoc-body a:hover {
    color: var(--content-accent)
}

@supports (color:color(display-p3 1 1 1)) {
    .markdown.asciidoc-body a:hover {
        color: var(--content-accent-p3)
    }
}

.markdown.asciidoc-body :last-child {
    margin-bottom: 0
}

.markdown.asciidoc-body ol,
.markdown.asciidoc-body ul {
    color: var(--content-secondary);
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .03rem;
    lline-height: 1.3rem;
    text-transform: none
}

@supports (color:color(display-p3 1 1 1)) {
    .markdown.asciidoc-body ol,
    .markdown.asciidoc-body ul {
        color: var(--content-secondary-p3)
    }
}

.markdown.asciidoc-body blockquote {
    border-color: var(--stroke-default);
    border-left-width: 1px;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding-left: 1rem
}

@supports (color:color(display-p3 1 1 1)) {
    .markdown.asciidoc-body blockquote {
        border-color: var(--stroke-default-p3)
    }
}

.markdown.asciidoc-body blockquote p {
    color: var(--content-tertiary)
}

@supports (color:color(display-p3 1 1 1)) {
    .markdown.asciidoc-body blockquote p {
        color: var(--content-tertiary-p3)
    }
}

.keen-slider:not([data-keen-slider-disabled]) {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    align-content: flex-start;
    display: flex;
    overflow: hidden;
    position: relative;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -khtml-user-select: none;
    width: 100%
}

.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide {
    min-height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse] {
    flex-direction: row-reverse
}

.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v] {
    flex-wrap: wrap
}

.Accordion button .arrow {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.Accordion button[data-state=open] .arrow {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.AccordionContent {
    overflow: hidden
}

.AccordionContent[data-state=open] {
    animation: accordionSlideDown .3s cubic-bezier(.87, 0, .13, 1)
}

.AccordionContent[data-state=closed] {
    animation: accordionSlideUp .3s cubic-bezier(.87, 0, .13, 1)
}

@media screen and (prefers-reduced-motion) {
    .AccordionContent[data-state=closed],
    .AccordionContent[data-state=open] {
        animation-name: none
    }
}

@keyframes accordionSlideDown {
    0% {
        height: 0
    }
    to {
        height: var(--radix-accordion-content-height)
    }
}

@keyframes accordionSlideUp {
    0% {
        height: var(--radix-accordion-content-height)
    }
    to {
        height: 0
    }
}

[data-dialog-overlay] {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    background: rgba(8, 15, 17, .85);
    overflow: auto;
    top: var(--header-height)
}

[data-dialog-overlay],
[data-dialog] {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 20
}

[data-dialog] {
    margin: 0;
    outline: none;
    overflow-y: auto;
    padding: 0
}

html {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .03rem;
    lline-height: 1.3rem
}

.keen-slider {
    overflow: visible !important
}

.waitlist-form[data-dialog-content] {
    height: auto;
    min-height: 100vh;
    padding-top: var(--header-height)
}

:root {
    --header-height: 3.75rem
}

@media only screen and (max-width: 1200px) {
    :root {
        --header-height: 3.75rem
    }
}

::-moz-selection {
    color: var(--content-accent)
}

@supports (color:color(display-p3 1 1 1)) {
    ::-moz-selection {
        color: var(--content-accent-p3)
    }
}

::-moz-selection {
    background-color: var(--surface-accent-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    ::-moz-selection {
        background-color: rgb(var(--primary-alpha-16));
    }
}

::-moz-selection {
    color: var(--content-inverse)
}

::selection {
    color: var(--content-inverse)
}

@supports (color:color(display-p3 1 1 1)) {
    ::-moz-selection {
        color: var(--content-inverse-p3)
    }

    ::selection {
        color: var(--content-inverse-p3)
    }
}

::-moz-selection {
    background-color: var(--surface-accent)
}

::selection {
    background-color: var(--surface-accent)
}

@supports (color:color(display-p3 1 1 1)) {
    ::-moz-selection {
        background-color: var(--surface-accent-p3)
    }

    ::selection {
        background-color: var(--surface-accent-p3)
    }
}

body,
html {
    -webkit-font-smoothing: antialiased;
    /* font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "case" on; */
    -webkit-text-stroke: 0;
    color: var(--content-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    body,
    html {
        color: var(--content-secondary-p3)
    }
}

.animate-bar span {
    animation-duration: 10s;
    animation-name: grow;
    animation-timing-function: linear
}

@keyframes grow {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

.Tooltip {
    z-index: 20
}

@media (min-width: 900px) {
    .home main {
        margin-top: calc(var(--header-height) * -1)
    }
}

.hero-gradient {
    background: radial-gradient(200% 100% at 50% 100%, #161b1d 0, var(--surface-default) 100%)
}

@media only screen and (max-width: 900px) {
    .hero-gradient {
        background: radial-gradient(200% 100% at 50% 100%, #161b1d 0, var(--surface-default) 100%)
    }
}

.og {
    background-color: var(--surface-raise)
}

@supports (color:color(display-p3 1 1 1)) {
    .og {
        background-color: var(--surface-raise-p3)
    }
}

.careers.careers-login footer,
.newsletter footer,
.newsletter.newsletter-opt-in .main-nav,
.og footer,
.og nav {
    display: none
}

.og .og-authors .w-10 {
    height: 3rem;
    width: 3rem
}

.og .og-authors .text-sans-md {
    font-size: 18px;
    line-height: 1.4
}

.og .og-meta .text-mono-sm {
    border-radius: var(--border-radius);
    font-size: 16px;
    height: auto;
    padding: .5rem
}

.highlight-i i {
    color: var(--content-accent-secondary);
    font-style: normal
}

@supports (color:color(display-p3 1 1 1)) {
    .highlight-i i {
        color: var(--content-accent-secondary-p3)
    }
}

p a {
    color: var(--content-accent-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    p a {
        color: var(--content-accent-secondary-p3)
    }
}

p a:hover {
    color: var(--content-accent)
}

@supports (color:color(display-p3 1 1 1)) {
    p a:hover {
        color: var(--content-accent-p3)
    }
}

.on-the-metal.asciidoc-body #header {
    display: none
}

blockquote.twitter-tweet {
    background-color: var(--surface-raise);
    border-radius: var(--border-radius-lg);
    border-width: 1px;
    margin-bottom: 1rem;
    padding: 1rem
}

@supports (color:color(display-p3 1 1 1)) {
    blockquote.twitter-tweet {
        background-color: var(--surface-raise-p3)
    }
}

blockquote.twitter-tweet {
    border-color: var(--stroke-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    blockquote.twitter-tweet {
        border-color: var(--stroke-secondary-p3)
    }
}

blockquote.twitter-tweet {
    box-shadow: var(--elevation-2)
}

blockquote.twitter-tweet a {
    color: var(--content-accent-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    blockquote.twitter-tweet a {
        color: var(--content-accent-secondary-p3)
    }
}

blockquote.twitter-tweet a:hover {
    color: var(--content-accent)
}

@supports (color:color(display-p3 1 1 1)) {
    blockquote.twitter-tweet a:hover {
        color: var(--content-accent-p3)
    }
}

.asciidoc-body .imageblock.noborder img {
    border-style: none
}

.ox-tabs-panel:focus-visible,
[role=button]:focus-visible,
[role=listbox]:focus-visible,
[role=option]:focus-visible,
a:focus-visible,
button:focus-visible,
input[type=checkbox]:focus-visible,
input[type=file]:focus-visible,
input[type=number]:focus-visible,
input[type=radio]:focus-visible,
input[type=text]:focus-visible,
input[type=textarea]:focus-visible,
textarea[type=text]:focus-visible {
    outline-color: var(--stroke-accent-secondary);
    outline-offset: 0;
    outline-style: solid;
    outline-width: 2px
}

@supports (color:color(display-p3 1 1 1)) {
    .ox-tabs-panel:focus-visible,
    [role=button]:focus-visible,
    [role=listbox]:focus-visible,
    [role=option]:focus-visible,
    a:focus-visible,
    button:focus-visible,
    input[type=checkbox]:focus-visible,
    input[type=file]:focus-visible,
    input[type=number]:focus-visible,
    input[type=radio]:focus-visible,
    input[type=text]:focus-visible,
    input[type=textarea]:focus-visible,
    textarea[type=text]:focus-visible {
        outline-color: var(--stroke-accent-secondary-p3)
    }
}

.focus-error:is(a:focus-visible,
button:focus-visible,
.ox-tabs-panel:focus-visible,
[role=listbox]:focus-visible,
[role=option]:focus-visible,
[role=button]:focus-visible,
input[type=text]:focus-visible,
input[type=textarea]:focus-visible,
textarea[type=text]:focus-visible,
input[type=file]:focus-visible,
input[type=radio]:focus-visible,
input[type=checkbox]:focus-visible,
input[type=number]:focus-visible) {
    outline-color: var(--stroke-error-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .focus-error:is(a:focus-visible,
  button:focus-visible,
  .ox-tabs-panel:focus-visible,
  [role=listbox]:focus-visible,
  [role=option]:focus-visible,
  [role=button]:focus-visible,
  input[type=text]:focus-visible,
  input[type=textarea]:focus-visible,
  textarea[type=text]:focus-visible,
  input[type=file]:focus-visible,
  input[type=radio]:focus-visible,
  input[type=checkbox]:focus-visible,
  input[type=number]:focus-visible) {
        outline-color: var(--stroke-error-secondary-p3)
    }
}

.ox-tabs-panel:focus,
[role=button]:focus,
[role=listbox]:focus,
[role=option]:focus,
a:focus,
button:focus,
input[type=checkbox]:focus,
input[type=file]:focus,
input[type=number]:focus,
input[type=radio]:focus,
input[type=text]:focus,
input[type=textarea]:focus,
textarea[type=text]:focus {
    outline-color: var(--stroke-accent-secondary);
    outline-offset: 0;
    outline-style: solid;
    outline-width: 2px
}

@supports (color:color(display-p3 1 1 1)) {
    .ox-tabs-panel:focus,
    [role=button]:focus,
    [role=listbox]:focus,
    [role=option]:focus,
    a:focus,
    button:focus,
    input[type=checkbox]:focus,
    input[type=file]:focus,
    input[type=number]:focus,
    input[type=radio]:focus,
    input[type=text]:focus,
    input[type=textarea]:focus,
    textarea[type=text]:focus {
        outline-color: var(--stroke-accent-secondary-p3)
    }
}

.focus-error:is(a:focus,
button:focus,
.ox-tabs-panel:focus,
[role=listbox]:focus,
[role=option]:focus,
[role=button]:focus,
input[type=text]:focus,
input[type=textarea]:focus,
textarea[type=text]:focus,
input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus,
input[type=number]:focus) {
    outline-color: var(--stroke-error-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .focus-error:is(a:focus,
  button:focus,
  .ox-tabs-panel:focus,
  [role=listbox]:focus,
  [role=option]:focus,
  [role=button]:focus,
  input[type=text]:focus,
  input[type=textarea]:focus,
  textarea[type=text]:focus,
  input[type=file]:focus,
  input[type=radio]:focus,
  input[type=checkbox]:focus,
  input[type=number]:focus) {
        outline-color: var(--stroke-error-secondary-p3)
    }
}

.ox-tabs-panel:focus:not(:focus-visible),
[role=button]:focus:not(:focus-visible),
[role=listbox]:focus:not(:focus-visible),
[role=option]:focus:not(:focus-visible),
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input[type=checkbox]:focus:not(:focus-visible),
input[type=radio]:focus:not(:focus-visible),
input[type=text]:focus:not(:focus-visible),
input[type=textarea]:focus:not(:focus-visible),
textarea[type=text]:focus:not(:focus-visible) {
    outline-color: transparent
}

.youtube-embed {
    --tw-aspect-h: 9;
    --tw-aspect-w: 16;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    position: relative
}

.youtube-embed > * {
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%
}

.youtube-embed {
    border-radius: var(--border-radius-lg);
    overflow: hidden;
    width: 100%
}

.blog-newsletter-form form {
    background-color: var(--surface-raise)
}

@supports (color:color(display-p3 1 1 1)) {
    .blog-newsletter-form form {
        background-color: var(--surface-raise-p3)
    }
}

body.sales {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

body.sales main {
    flex-grow: 1;
    position: relative
}

.bio footer {
    display: none
}

.bio main {
    margin-top: 2.5rem
}

.asciidoc-body .attribution cite {
    display: block
}

@media (min-width: 800px) {
    .\38 00\:aspect-h-10 {
        --tw-aspect-h: 10
    }
}

.first\:rounded-t-xl:first-child {
    border-top-left-radius: var(--border-radius-xl);
    border-top-right-radius: var(--border-radius-xl)
}

.last\:mb-0:last-child {
    margin-bottom: 0
}

.last\:rounded-b-xl:last-child {
    border-bottom-left-radius: var(--border-radius-xl);
    border-bottom-right-radius: var(--border-radius-xl)
}

.last\:border-0:last-child {
    border-width: 0
}

.last\:border-none:last-child {
    border-style: none
}

.last\:pb-0:last-child {
    padding-bottom: 0
}

.last\:border-secondary:last-child {
    border-color: var(--stroke-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .last\:border-secondary:last-child {
        border-color: var(--stroke-secondary-p3)
    }
}

.last\:border-b-default:last-child {
    border-bottom-color: var(--stroke-default)
}

@supports (color:color(display-p3 1 1 1)) {
    .last\:border-b-default:last-child {
        border-bottom-color: var(--stroke-default-p3)
    }
}

.checked\:bg-accent-secondary:checked {
    background-color: var(--surface-accent-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .checked\:bg-accent-secondary:checked {
        background-color: rgb(var(--primary-alpha-16));
    }
}

.checked\:border-accent-secondary:checked {
    border-color: var(--stroke-accent-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .checked\:border-accent-secondary:checked {
        border-color: var(--stroke-accent-secondary-p3)
    }
}

.indeterminate\:bg-accent-secondary:indeterminate {
    background-color: var(--surface-accent-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .indeterminate\:bg-accent-secondary:indeterminate {
        background-color: rgb(var(--primary-alpha-16));
    }
}

.indeterminate\:border-accent:indeterminate {
    border-color: var(--stroke-accent)
}

@supports (color:color(display-p3 1 1 1)) {
    .indeterminate\:border-accent:indeterminate {
        border-color: var(--stroke-accent-p3)
    }
}

.focus-within\:ring-2:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-within\:ring-accent-secondary:focus-within {
    --tw-ring-color: var(--stroke-accent-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .focus-within\:ring-accent-secondary:focus-within {
        --tw-ring-color: var(--stroke-accent-secondary-p3)
    }
}

.hover\:cursor-pointer:hover {
    cursor: pointer
}

.hover\:bg-\[rgba\(255\,255\,255\,0\.025\)\]:hover {
    background-color: #ffffff06
}

.hover\:opacity-100:hover {
    opacity: 1
}

.hover\:opacity-80:hover {
    opacity: .8
}

.hover\:text-default:hover {
    color: var(--content-default)
}

@supports (color:color(display-p3 1 1 1)) {
    .hover\:text-default:hover {
        color: var(--content-default-p3)
    }
}

.hover\:text-secondary:hover {
    color: var(--content-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .hover\:text-secondary:hover {
        color: var(--content-secondary-p3)
    }
}

.hover\:text-accent:hover {
    color: var(--content-accent)
}

@supports (color:color(display-p3 1 1 1)) {
    .hover\:text-accent:hover {
        color: var(--content-accent-p3)
    }
}

.hover\:text-destructive:hover {
    color: var(--content-destructive)
}

@supports (color:color(display-p3 1 1 1)) {
    .hover\:text-destructive:hover {
        color: var(--content-destructive-p3)
    }
}

.hover\:text-notice:hover {
    color: var(--content-notice)
}

@supports (color:color(display-p3 1 1 1)) {
    .hover\:text-notice:hover {
        color: var(--content-notice-p3)
    }
}

.hover\:bg-hover:hover {
    background-color: var(--surface-hover)
}

@supports (color:color(display-p3 1 1 1)) {
    .hover\:bg-hover:hover {
        background-color: var(--surface-hover-p3)
    }
}

.hover\:bg-raise:hover {
    background-color: var(--surface-raise)
}

@supports (color:color(display-p3 1 1 1)) {
    .hover\:bg-raise:hover {
        background-color: var(--surface-raise-p3)
    }
}

.hover\:bg-secondary:hover {
    background-color: var(--surface-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .hover\:bg-secondary:hover {
        background-color: var(--surface-secondary-p3)
    }
}

.hover\:border-hover:hover {
    border-color: var(--stroke-hover)
}

@supports (color:color(display-p3 1 1 1)) {
    .hover\:border-hover:hover {
        border-color: var(--stroke-hover-p3)
    }
}

.hover\:border-error:hover {
    border-color: var(--stroke-error)
}

@supports (color:color(display-p3 1 1 1)) {
    .hover\:border-error:hover {
        border-color: var(--stroke-error-p3)
    }
}

.checked\:hover\:border-accent:hover:checked {
    border-color: var(--stroke-accent)
}

@supports (color:color(display-p3 1 1 1)) {
    .checked\:hover\:border-accent:hover:checked {
        border-color: var(--stroke-accent-p3)
    }
}

.hover\:indeterminate\:bg-accent-secondary-hover:indeterminate:hover {
    background-color: var(--surface-accent-secondary-hover)
}

@supports (color:color(display-p3 1 1 1)) {
    .hover\:indeterminate\:bg-accent-secondary-hover:indeterminate:hover {
        background-color: var(--surface-accent-secondary-hover-p3)
    }
}

.focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-0:focus,
.focus\:ring-2:focus {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-accent-secondary:focus {
    --tw-ring-color: var(--stroke-accent-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .focus\:ring-accent-secondary:focus {
        --tw-ring-color: var(--stroke-accent-secondary-p3)
    }
}

.focus\:ring-error-secondary:focus {
    --tw-ring-color: var(--stroke-error-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .focus\:ring-error-secondary:focus {
        --tw-ring-color: var(--stroke-error-secondary-p3)
    }
}

.focus\:outline-accent-secondary:focus {
    outline-color: var(--stroke-accent-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .focus\:outline-accent-secondary:focus {
        outline-color: var(--stroke-accent-secondary-p3)
    }
}

.focus\:outline-destructive-secondary:focus {
    outline-color: var(--stroke-destructive-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .focus\:outline-destructive-secondary:focus {
        outline-color: var(--stroke-destructive-secondary-p3)
    }
}

.group:hover .group-hover\:inline-block {
    display: inline-block
}

.group\/link:hover .group-hover\/link\:-translate-x-1 {
    --tw-translate-x: -.25rem
}

.group\/link:hover .group-hover\/link\:-translate-x-1,
.group\/link:hover .group-hover\/link\:translate-x-1 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group\/link:hover .group-hover\/link\:translate-x-1 {
    --tw-translate-x: .25rem
}

.group:hover .group-hover\:-translate-x-1 {
    --tw-translate-x: -.25rem
}

.group:hover .group-hover\:-translate-x-1,
.group:hover .group-hover\:translate-x-1 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:translate-x-1 {
    --tw-translate-x: .25rem
}

.group:hover .group-hover\:\!opacity-100 {
    opacity: 1 !important
}

.group:hover .group-hover\:text-default {
    color: var(--content-default)
}

@supports (color:color(display-p3 1 1 1)) {
    .group:hover .group-hover\:text-default {
        color: var(--content-default-p3)
    }
}

.group:hover .group-hover\:text-secondary {
    color: var(--content-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .group:hover .group-hover\:text-secondary {
        color: var(--content-secondary-p3)
    }
}

.group:hover .group-hover\:text-accent {
    color: var(--content-accent)
}

@supports (color:color(display-p3 1 1 1)) {
    .group:hover .group-hover\:text-accent {
        color: var(--content-accent-p3)
    }
}

.group:hover .group-hover\:bg-hover {
    background-color: var(--surface-hover)
}

@supports (color:color(display-p3 1 1 1)) {
    .group:hover .group-hover\:bg-hover {
        background-color: var(--surface-hover-p3)
    }
}

.group:hover .group-hover\:bg-raise {
    background-color: var(--surface-raise)
}

@supports (color:color(display-p3 1 1 1)) {
    .group:hover .group-hover\:bg-raise {
        background-color: var(--surface-raise-p3)
    }
}

.group:hover .group-hover\:bg-secondary {
    background-color: var(--surface-secondary)
}

@supports (color:color(display-p3 1 1 1)) {
    .group:hover .group-hover\:bg-secondary {
        background-color: var(--surface-secondary-p3)
    }
}

.group:hover .group-hover\:bg-tertiary {
    background-color: var(--surface-tertiary)
}

@supports (color:color(display-p3 1 1 1)) {
    .group:hover .group-hover\:bg-tertiary {
        background-color: var(--surface-tertiary-p3)
    }
}

.group:hover .group-hover\:bg-accent-secondary-hover {
    background-color: var(--surface-accent-secondary-hover)
}

@supports (color:color(display-p3 1 1 1)) {
    .group:hover .group-hover\:bg-accent-secondary-hover {
        background-color: var(--surface-accent-secondary-hover-p3)
    }
}

.disabled\:cursor-default.visually-disabled {
    cursor: default
}

.disabled\:cursor-not-allowed.visually-disabled {
    cursor: not-allowed
}

.disabled\:opacity-40.visually-disabled {
    opacity: .4
}

.disabled\:text-disabled.visually-disabled {
    color: var(--content-disabled)
}

@supports (color:color(display-p3 1 1 1)) {
    .disabled\:text-disabled.visually-disabled {
        color: var(--content-disabled-p3)
    }
}

.disabled\:bg-disabled.visually-disabled {
    background-color: var(--surface-disabled)
}

@supports (color:color(display-p3 1 1 1)) {
    .disabled\:bg-disabled.visually-disabled {
        background-color: var(--surface-disabled-p3)
    }
}

:where(.children\:col-span-4) > :where(:not(.not-children)) {
    grid-column: span 4/span 4
}

:where(.children\:basis-1\/2) > :where(:not(.not-children)) {
    flex-basis: 50%
}

:where(.children\:\!items-center) > :where(:not(.not-children)) {
    align-items: center !important
}

:where(.children\:text-center) > :where(:not(.not-children)) {
    text-align: center
}

:where(.child\:\!absolute) > :where(:not(.not-child)) {
    position: absolute !important
}

:where(.child\:mr-3) > :where(:not(.not-child)) {
    margin-right: .75rem
}

:where(.child\:h-4) > :where(:not(.not-child)) {
    height: 1rem
}

:where(.child\:h-\[1rem\]) > :where(:not(.not-child)) {
    height: 1rem
}

:where(.child\:h-\[24px\]) > :where(:not(.not-child)) {
    height: 24px
}

:where(.child\:h-full) > :where(:not(.not-child)) {
    height: 100%
}

:where(.child\:w-4) > :where(:not(.not-child)) {
    width: 1rem
}

:where(.child\:w-\[1rem\]) > :where(:not(.not-child)) {
    width: 1rem
}

:where(.child\:w-\[24px\]) > :where(:not(.not-child)) {
    width: 24px
}

:where(.child\:w-full) > :where(:not(.not-child)) {
    width: 100%
}

:where(.child\:basis-1\/2) > :where(:not(.not-child)) {
    flex-basis: 50%
}

:where(.first\:child\:mt-2) > :where(:not(.not-child)):first-child {
    margin-top: .5rem
}

@media (prefers-reduced-motion: no-preference) {
    @keyframes ping {
        75%,
        to {
            opacity: 0;
            transform: scale(2)
        }
    }
    .motion-safe\:animate-\[ping_2s_cubic-bezier\(0\,0\,0\.2\,1\)_infinite\] {
        animation: ping 2s cubic-bezier(0, 0, .2, 1) infinite
    }
}

@media (prefers-reduced-motion: reduce) {
    .motion-reduce\:transition-none {
        transition-property: none
    }
}

button.ox-button,
a.ox-button,
label.ox-button {
    position: relative
}

button.ox-button:after,
a.ox-button:after,
label.ox-button:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    border-radius: var(--border-radius);
    border-width: 1px;
    border-color: currentColor;
    opacity: .05
}

button.btn-primary,
a.btn-primary,
label.btn-primary {
    color: var(--content-accent)
}

@supports (color: color(display-p3 1 1 1)) {
    button.btn-primary,
    a.btn-primary,
    label.btn-primary {
        color: var(--content-accent-p3)
    }
}

button.btn-primary,
a.btn-primary,
label.btn-primary {
    background-color: var(--surface-accent-secondary)
}

@supports (color: color(display-p3 1 1 1)) {
    button.btn-primary,
    a.btn-primary,
    label.btn-primary {
        background-color: rgb(var(--primary-alpha-16));
    }
}

button.btn-primary:hover,
a.btn-primary:hover,
label.btn-primary:hover {
    background-color: var(--surface-accent-secondary-hover)
}

@supports (color: color(display-p3 1 1 1)) {
    button.btn-primary:hover,
    a.btn-primary:hover,
    label.btn-primary:hover {
        background-color: rgb(var(--primary-alpha-24))
    }
}

button.btn-primary.visually-disabled,
a.btn-primary.visually-disabled,
label.btn-primary.visually-disabled {
    color: var(--content-accent-disabled)
}

@supports (color: color(display-p3 1 1 1)) {
    button.btn-primary.visually-disabled,
    a.btn-primary.visually-disabled,
    label.btn-primary.visually-disabled {
        color: var(--content-accent-disabled-p3)
    }
}

button.btn-primary.visually-disabled,
a.btn-primary.visually-disabled,
label.btn-primary.visually-disabled {
    background-color: var(--surface-accent-secondary)
}

@supports (color: color(display-p3 1 1 1)) {
    button.btn-primary.visually-disabled,
    a.btn-primary.visually-disabled,
    label.btn-primary.visually-disabled {
        background-color: rgb(var(--primary-alpha-16));
    }
}

button.btn-primary:disabled > .spinner,
button.btn-primary.visually-disabled > .spinner,
a.btn-primary:disabled > .spinner,
a.btn-primary.visually-disabled > .spinner,
label.btn-primary:disabled > .spinner,
label.btn-primary.visually-disabled > .spinner {
    color: var(--content-accent)
}

@supports (color: color(display-p3 1 1 1)) {
    button.btn-primary:disabled > .spinner,
    button.btn-primary.visually-disabled > .spinner,
    a.btn-primary:disabled > .spinner,
    a.btn-primary.visually-disabled > .spinner,
    label.btn-primary:disabled > .spinner,
    label.btn-primary.visually-disabled > .spinner {
        color: var(--content-accent-p3)
    }
}

button.btn-secondary,
a.btn-secondary,
label.btn-secondary {
    color: var(--content-secondary)
}

@supports (color: color(display-p3 1 1 1)) {
    button.btn-secondary,
    a.btn-secondary,
    label.btn-secondary {
        color: var(--content-secondary-p3)
    }
}

button.btn-secondary,
a.btn-secondary,
label.btn-secondary {
    background-color: var(--surface-secondary)
}

@supports (color: color(display-p3 1 1 1)) {
    button.btn-secondary,
    a.btn-secondary,
    label.btn-secondary {
        background-color: var(--surface-secondary-p3)
    }
}

button.btn-secondary:hover,
a.btn-secondary:hover,
label.btn-secondary:hover {
    background-color: var(--surface-hover)
}

@supports (color: color(display-p3 1 1 1)) {
    button.btn-secondary:hover,
    a.btn-secondary:hover,
    label.btn-secondary:hover {
        background-color: var(--surface-hover-p3)
    }
}

button.btn-secondary.visually-disabled,
a.btn-secondary.visually-disabled,
label.btn-secondary.visually-disabled {
    color: var(--content-quaternary)
}

@supports (color: color(display-p3 1 1 1)) {
    button.btn-secondary.visually-disabled,
    a.btn-secondary.visually-disabled,
    label.btn-secondary.visually-disabled {
        color: var(--content-quaternary-p3)
    }
}

button.btn-secondary.visually-disabled,
a.btn-secondary.visually-disabled,
label.btn-secondary.visually-disabled {
    background-color: var(--surface-secondary)
}

@supports (color: color(display-p3 1 1 1)) {
    button.btn-secondary.visually-disabled,
    a.btn-secondary.visually-disabled,
    label.btn-secondary.visually-disabled {
        background-color: var(--surface-secondary-p3)
    }
}

button.btn-secondary:disabled > .spinner,
button.btn-secondary.visually-disabled > .spinner,
a.btn-secondary:disabled > .spinner,
a.btn-secondary.visually-disabled > .spinner,
label.btn-secondary:disabled > .spinner,
label.btn-secondary.visually-disabled > .spinner {
    color: var(--content-secondary)
}

@supports (color: color(display-p3 1 1 1)) {
    button.btn-secondary:disabled > .spinner,
    button.btn-secondary.visually-disabled > .spinner,
    a.btn-secondary:disabled > .spinner,
    a.btn-secondary.visually-disabled > .spinner,
    label.btn-secondary:disabled > .spinner,
    label.btn-secondary.visually-disabled > .spinner {
        color: var(--content-secondary-p3)
    }
}

/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com*/
.bg-line-gradient {
    --gradientBorder-size: 1px;
    --gradientBorder-gradient: linear-gradient(to bottom right, hsla(0, 0%, 100%, .17), transparent);
    background: var(--ln-gradient);
}

._inner_border {
    height: 100%;
    padding: 22px 18px;
}

._inner_border::before {
    content: "";
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(to bottom right, hsla(0, 0%, 100%, .07), transparent);
    -webkit-mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);

    /*! mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000); */

    mask-composite: exclude;
}

@media (min-width: 1025px) {
    .wx-active:hover .cta-only-icon-v5 {
        transition: all .2s ease-in-out;
        transform: scale(1.5);
        position: absolute;
    }
}

.cta-container-v5 .cta-text-v5 {
    color: rgb(var(--primary-base));
    transition: all .3s ease-in-out, text-shadow 0s linear;

    font-family: Inter-SemiBold, UbuntuSemiBold, sans-serif;
    text-transform: uppercase;
    margin-right: 16px
}

.cta-container-v5 .cta-icon-v5 {
    background: rgb(var(--primary-base));
    color: #fff;
    transition: all .3s ease-in-out;

    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.wx-active:hover {
    transition: all .2s ease-in-out;

    transform: translateY(-2px) !important
}

.wx-active:hover .cta-container-v5 {
    display: inline-flex;
    border-radius: 32px;
    color: #fff !important;
    transition: all .3s ease-in-out;
    padding: 8px 24px;
    background: rgb(var(--primary-base))
}

.wx-active:hover .cta-container-v5 .cta-text-v5 {
    color: #fff !important
}

.cta-container-v5 .cta-icon-v5 {
    color: #fff;
    font-size: 12px;
}

.bg-linear-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-linear-to-r {
    --tw-gradient-position: to right;
}


.aspect-577\/310 {
    aspect-ratio: 577/310;
}


.w-144\.25 {
    width: 36.0625rem; /* если хочешь именно 144.25px, напиши так */
}

.ai-gradient-text {
    background: #f5f5f7;
    background-image: none;
    background-clip: border-box;
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-image: var(--ai-gradient);
}