/* Plasma One design tokens, extracted from the Android 1.26.0 bundle. */
:root {
  --p1-white-0: #ffffff00;
  --p1-white-3: #ffffff08;
  --p1-white-5: #ffffff0d;
  --p1-white-10: #ffffff1a;
  --p1-white-20: #ffffff33;
  --p1-white-30: #ffffff4d;
  --p1-white-40: #ffffff66;
  --p1-white-50: #ffffff80;
  --p1-white-60: #ffffff99;
  --p1-white-70: #ffffffb2;
  --p1-white-80: #ffffffcc;
  --p1-white-90: #ffffffe6;
  --p1-white-100: #ffffff;
  --p1-black-0: #00000000;
  --p1-black-3: #00000008;
  --p1-black-5: #0000000d;
  --p1-black-10: #0000001a;
  --p1-black-20: #00000033;
  --p1-black-30: #0000004d;
  --p1-black-40: #00000066;
  --p1-black-50: #00000080;
  --p1-black-60: #00000099;
  --p1-black-70: #000000b2;
  --p1-black-80: #000000cc;
  --p1-black-90: #000000e6;
  --p1-black-100: #000000;
  --p1-gray-3: #fafafa;
  --p1-gray-5: #f2f2f2;
  --p1-gray-10: #dcdcdc;
  --p1-gray-20: #bfbfbf;
  --p1-gray-30: #9f9f9f;
  --p1-gray-40: #777777;
  --p1-gray-50: #5c5c5c;
  --p1-gray-60: #363636;
  --p1-gray-70: #262626;
  --p1-gray-80: #171717;
  --p1-gray-90: #0a0a0a;
  --p1-gray-100: #030303;
  --p1-blue-50: #eff6ff;
  --p1-blue-100: #dcecff;
  --p1-blue-200: #bfdeff;
  --p1-blue-300: #92c9ff;
  --p1-blue-400: #49aaff;
  --p1-blue-500: #0088ff;
  --p1-blue-600: #005aac;
  --p1-blue-700: #004485;
  --p1-blue-800: #003060;
  --p1-blue-900: #001a3a;
  --p1-blue-950: #000717;
  --p1-red-50: #fff1ee;
  --p1-red-100: #ffdbd6;
  --p1-red-200: #ffbcb2;
  --p1-red-300: #ff8a78;
  --p1-red-400: #ff5136;
  --p1-red-500: #ff2200;
  --p1-red-600: #ad1700;
  --p1-red-700: #851200;
  --p1-red-800: #610d00;
  --p1-red-900: #3a0800;
  --p1-red-950: #170300;
  --p1-green-50: #e2fee4;
  --p1-green-100: #c7f6cc;
  --p1-green-200: #95eca0;
  --p1-green-300: #7fe390;
  --p1-green-400: #4acf69;
  --p1-green-500: #34c759;
  --p1-green-600: #006e27;
  --p1-green-700: #00541c;
  --p1-green-800: #003c11;
  --p1-green-900: #002207;
  --p1-green-950: #000b01;
  --p1-yellow-50: #fffaf0;
  --p1-yellow-100: #fff3dc;
  --p1-yellow-200: #ffe8bd;
  --p1-yellow-300: #ffd78c;
  --p1-yellow-400: #ffc65c;
  --p1-yellow-500: #ffa600;
  --p1-yellow-600: #ad7000;
  --p1-yellow-700: #865700;
  --p1-yellow-800: #613f00;
  --p1-yellow-900: #322611;
  --p1-yellow-950: #170f00;
  --p1-indigo-50: #f0efff;
  --p1-indigo-100: #dcd9ff;
  --p1-indigo-200: #bcb7ff;
  --p1-indigo-300: #8b83ff;
  --p1-indigo-400: #6155f5;
  --p1-indigo-500: #3d2fff;
  --p1-indigo-600: #0b00ac;
  --p1-indigo-700: #090085;
  --p1-indigo-800: #060060;
  --p1-indigo-900: #04003a;
  --p1-indigo-950: #020017;
  --p1-radius-xs: 4px;
  --p1-radius-sm: 8px;
  --p1-radius-md: 12px;
  --p1-radius-lg: 16px;
  --p1-radius-xl: 24px;
  --p1-radius-full: 9999px;
  --p1-font-display: 600 56px/72px "Inter", system-ui, sans-serif; --p1-tracking-display: -2.24px;
  --p1-font-large-title: 600 44px/52px "Inter", system-ui, sans-serif; --p1-tracking-large-title: -1.76px;
  --p1-font-title-1: 500 32px/40px "Inter", system-ui, sans-serif; --p1-tracking-title-1: -1.28px;
  --p1-font-title-2: 500 28px/36px "Inter", system-ui, sans-serif; --p1-tracking-title-2: -1.12px;
  --p1-font-title-3: 500 24px/32px "Inter", system-ui, sans-serif; --p1-tracking-title-3: -0.96px;
  --p1-font-headline: 500 20px/24px "Inter", system-ui, sans-serif; --p1-tracking-headline: -0.8px;
  --p1-font-body: 500 17px/22px "Inter", system-ui, sans-serif; --p1-tracking-body: -0.68px;
  --p1-font-footnote: 500 15px/20px "Inter", system-ui, sans-serif; --p1-tracking-footnote: -0.6px;
  --p1-font-caption: 500 13px/18px "Inter", system-ui, sans-serif; --p1-tracking-caption: -0.52px;
  --p1-font-caption-2: 500 11px/14px "Inter", system-ui, sans-serif; --p1-tracking-caption-2: -0.44px;
  --p1-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
:root, [data-theme="light"] {
  --p1-background-neutral: #f2f2f2;
  --p1-background-topBar: linear-gradient(180deg, #f2f2f2, #f2f2f200);
  --p1-background-bottomBar: linear-gradient(180deg, #f2f2f200, #f2f2f2);
  --p1-surface-default: #fafafa;
  --p1-surface-ghost: #00000008;
  --p1-surface-skeleton: #dcdcdc;
  --p1-surface-inverse: #00000008;
  --p1-surface-inverseStrong: #0000001a;
  --p1-surface-destructive: #ff2200;
  --p1-surface-destructiveSubdued: #fff1ee;
  --p1-surface-success: #34c759;
  --p1-surface-successSubdued: #e2fee4;
  --p1-surface-warning: #ffa600;
  --p1-surface-warningSubdued: #fff3dc;
  --p1-surface-accent: #0088ff;
  --p1-surface-accentSubdued: #eff6ff;
  --p1-surface-scrim: #00000033;
  --p1-glass-default: linear-gradient(180deg, #ffffffcc, #ffffff);
  --p1-glass-emphasis: linear-gradient(180deg, #fafafa, #ffffff);
  --p1-glass-inverse: linear-gradient(180deg, #171717, #363636);
  --p1-glass-accent: linear-gradient(180deg, #0088ff, #49aaff);
  --p1-glass-success: linear-gradient(180deg, #34c759, #95eca0);
  --p1-glass-destructive: linear-gradient(180deg, #ff2200, #ff5136);
  --p1-shadow-default: #0000001a;
  --p1-label-primary: #0a0a0a;
  --p1-label-secondary: #00000099;
  --p1-label-tertiary: #00000066;
  --p1-label-disabled: #5c5c5c;
  --p1-label-inverse: #fafafa;
  --p1-label-alwaysWhite: #ffffff;
  --p1-label-alwaysWhiteSubdued: #ffffff99;
  --p1-label-alwaysBlack: #0a0a0a;
  --p1-label-alwaysBlackSubdued: #00000099;
  --p1-label-accent: #0088ff;
  --p1-label-success: #34c759;
  --p1-label-warning: #ad7000;
  --p1-label-destructive: #ff2200;
  --p1-label-rewards: #3d2fff;
  --p1-border-neutral: #0000001a;
  --p1-border-destructive: #ff2200;
  --p1-border-accent: #0088ff;
  --p1-border-glass: linear-gradient(180deg, #ffffff, #ffffff00);
  --p1-border-photo: #0000004d;
  --p1-border-highlight: #ffffff80;
  --p1-elevation-1: 0px 1px 2px #0000000d;
  --p1-elevation-2: 0px 2px 4px #0000001a;
  --p1-elevation-3: 0px 3px 8px #0000001a;
  --p1-elevation-4: 0px 4px 16px #0000001a;
  --p1-elevation-5: 0px 5px 24px #00000033;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --p1-background-neutral: #171717;
    --p1-background-topBar: linear-gradient(180deg, #171717, #17171700);
    --p1-background-bottomBar: linear-gradient(180deg, #17171700, #171717);
    --p1-surface-default: #262626;
    --p1-surface-ghost: #ffffff08;
    --p1-surface-skeleton: #363636;
    --p1-surface-inverse: #0000004d;
    --p1-surface-inverseStrong: #00000080;
    --p1-surface-destructive: #ad1700;
    --p1-surface-destructiveSubdued: #3a0800;
    --p1-surface-success: #006e27;
    --p1-surface-successSubdued: #002207;
    --p1-surface-warning: #ad7000;
    --p1-surface-warningSubdued: #322611;
    --p1-surface-accent: #005aac;
    --p1-surface-accentSubdued: #001a3a;
    --p1-surface-scrim: #00000066;
    --p1-glass-default: linear-gradient(180deg, #171717, #262626);
    --p1-glass-emphasis: linear-gradient(180deg, #363636, #0a0a0a);
    --p1-glass-inverse: linear-gradient(180deg, #f2f2f2, #fafafa);
    --p1-glass-accent: linear-gradient(180deg, #0088ff, #49aaff);
    --p1-glass-success: linear-gradient(180deg, #34c759, #00541c);
    --p1-glass-destructive: linear-gradient(180deg, #ff2200, #ff5136);
    --p1-shadow-default: #00000066;
    --p1-label-primary: #fafafa;
    --p1-label-secondary: #ffffff99;
    --p1-label-tertiary: #ffffff66;
    --p1-label-disabled: #777777;
    --p1-label-inverse: #0a0a0a;
    --p1-label-alwaysWhite: #ffffff;
    --p1-label-alwaysWhiteSubdued: #ffffff99;
    --p1-label-alwaysBlack: #000000e6;
    --p1-label-alwaysBlackSubdued: #00000099;
    --p1-label-accent: #92c9ff;
    --p1-label-success: #4acf69;
    --p1-label-warning: #ffc65c;
    --p1-label-destructive: #ff5136;
    --p1-label-rewards: #8b83ff;
    --p1-border-neutral: #ffffff1a;
    --p1-border-destructive: #ff5136;
    --p1-border-accent: #49aaff;
    --p1-border-glass: linear-gradient(180deg, #363636, #36363600);
    --p1-border-photo: #ffffff4d;
    --p1-border-highlight: #ffffff1a;
    --p1-elevation-1: 0px 1px 2px #0000004d;
    --p1-elevation-2: 0px 2px 4px #00000066;
    --p1-elevation-3: 0px 3px 8px #00000066;
    --p1-elevation-4: 0px 4px 16px #00000080;
    --p1-elevation-5: 0px 5px 24px #00000080;
  }
}
[data-theme="dark"] {
  --p1-background-neutral: #171717;
  --p1-background-topBar: linear-gradient(180deg, #171717, #17171700);
  --p1-background-bottomBar: linear-gradient(180deg, #17171700, #171717);
  --p1-surface-default: #262626;
  --p1-surface-ghost: #ffffff08;
  --p1-surface-skeleton: #363636;
  --p1-surface-inverse: #0000004d;
  --p1-surface-inverseStrong: #00000080;
  --p1-surface-destructive: #ad1700;
  --p1-surface-destructiveSubdued: #3a0800;
  --p1-surface-success: #006e27;
  --p1-surface-successSubdued: #002207;
  --p1-surface-warning: #ad7000;
  --p1-surface-warningSubdued: #322611;
  --p1-surface-accent: #005aac;
  --p1-surface-accentSubdued: #001a3a;
  --p1-surface-scrim: #00000066;
  --p1-glass-default: linear-gradient(180deg, #171717, #262626);
  --p1-glass-emphasis: linear-gradient(180deg, #363636, #0a0a0a);
  --p1-glass-inverse: linear-gradient(180deg, #f2f2f2, #fafafa);
  --p1-glass-accent: linear-gradient(180deg, #0088ff, #49aaff);
  --p1-glass-success: linear-gradient(180deg, #34c759, #00541c);
  --p1-glass-destructive: linear-gradient(180deg, #ff2200, #ff5136);
  --p1-shadow-default: #00000066;
  --p1-label-primary: #fafafa;
  --p1-label-secondary: #ffffff99;
  --p1-label-tertiary: #ffffff66;
  --p1-label-disabled: #777777;
  --p1-label-inverse: #0a0a0a;
  --p1-label-alwaysWhite: #ffffff;
  --p1-label-alwaysWhiteSubdued: #ffffff99;
  --p1-label-alwaysBlack: #000000e6;
  --p1-label-alwaysBlackSubdued: #00000099;
  --p1-label-accent: #92c9ff;
  --p1-label-success: #4acf69;
  --p1-label-warning: #ffc65c;
  --p1-label-destructive: #ff5136;
  --p1-label-rewards: #8b83ff;
  --p1-border-neutral: #ffffff1a;
  --p1-border-destructive: #ff5136;
  --p1-border-accent: #49aaff;
  --p1-border-glass: linear-gradient(180deg, #363636, #36363600);
  --p1-border-photo: #ffffff4d;
  --p1-border-highlight: #ffffff1a;
  --p1-elevation-1: 0px 1px 2px #0000004d;
  --p1-elevation-2: 0px 2px 4px #00000066;
  --p1-elevation-3: 0px 3px 8px #00000066;
  --p1-elevation-4: 0px 4px 16px #00000080;
  --p1-elevation-5: 0px 5px 24px #00000080;
}