/* Auto-generated file. Do not edit manually. */
/* Generated from generate-tokens-from-json.js */
/* Source: tokens.json -> ap/color-primitives/Mode 1 */
:root {
    /* Alpha Black tokens */
    --as-alpha-black-90: #000000E6;
    --as-alpha-black-80: #000000CC;
    --as-alpha-black-70: #000000B3;
    --as-alpha-black-60: #00000099;
    --as-alpha-black-50: #00000080;
    --as-alpha-black-40: #00000066;
    --as-alpha-black-30: #0000004D;
    --as-alpha-black-20: #00000033;
    --as-alpha-black-15: #00000026;
    --as-alpha-black-10: #0000001A;
    --as-alpha-black-7: #00000012;
    --as-alpha-black-5: #0000000D;
    --as-alpha-black-2: #00000005;

    /* Alpha White tokens */
    --as-alpha-white-90: #FFFFFFE6;
    --as-alpha-white-80: #FFFFFFCC;
    --as-alpha-white-70: #FFFFFFB3;
    --as-alpha-white-60: #FFFFFF99;
    --as-alpha-white-50: #FFFFFF80;
    --as-alpha-white-40: #FFFFFF66;
    --as-alpha-white-30: #FFFFFF4D;
    --as-alpha-white-20: #FFFFFF33;
    --as-alpha-white-15: #FFFFFF26;
    --as-alpha-white-10: #FFFFFF1A;
    --as-alpha-white-7: #FFFFFF12;
    --as-alpha-white-5: #FFFFFF0D;
    --as-alpha-white-2: #FFFFFF05;

    /* Gray tokens */
    --as-gray-50: #FAFAFA;
    --as-gray-100: #F4F4F5;
    --as-gray-200: #E4E4E7;
    --as-gray-300: #D4D4D8;
    --as-gray-400: #A1A1AA;
    --as-gray-500: #71717A;
    --as-gray-600: #52525B;
    --as-gray-700: #3F3F46;
    --as-gray-800: #27272A;
    --as-gray-900: #18181B;
    --as-gray-950: #09090B;
    --as-gray-white: #FFFFFF;
    --as-gray-black: #000000;
    --as-gray-850: #212124;
    --as-gray-150: #ECECEE;

    /* Alpha Primary tokens */
    --as-alpha-primary-90: #2581EBE6;
    --as-alpha-primary-80: #2581EBCC;
    --as-alpha-primary-70: #2581EBB3;
    --as-alpha-primary-60: #2581EB99;
    --as-alpha-primary-50: #2581EB80;
    --as-alpha-primary-40: #2581EB66;
    --as-alpha-primary-30: #2581EB4D;
    --as-alpha-primary-20: #2581EB33;
    --as-alpha-primary-15: #2581EB26;
    --as-alpha-primary-10: #2581EB1A;
    --as-alpha-primary-7: #2581EB12;
    --as-alpha-primary-5: #2581EB0D;
    --as-alpha-primary-2: #2581EB05;

    /* Alpha Secondary tokens */
    --as-alpha-accent-90: #95B04EE6;
    --as-alpha-accent-80: #95B04ECC;
    --as-alpha-accent-70: #95B04EB3;
    --as-alpha-accent-60: #95B04E99;
    --as-alpha-accent-50: #95B04E80;
    --as-alpha-accent-40: #95B04E66;
    --as-alpha-accent-30: #95B04E4D;
    --as-alpha-accent-20: #95B04E33;
    --as-alpha-accent-15: #95B04E26;
    --as-alpha-accent-10: #95B04E1A;
    --as-alpha-accent-7: #95B04E12;
    --as-alpha-accent-5: #95B04E0D;
    --as-alpha-accent-2: #95B04E05;

    /* Alpha Yellow tokens */
    --as-alpha-yellow-90: #CA8A04E6;
    --as-alpha-yellow-80: #CA8A04CC;
    --as-alpha-yellow-70: #CA8A04B3;
    --as-alpha-yellow-60: #CA8A0499;
    --as-alpha-yellow-50: #CA8A0480;
    --as-alpha-yellow-40: #CA8A0466;
    --as-alpha-yellow-30: #CA8A044D;
    --as-alpha-yellow-20: #CA8A0433;
    --as-alpha-yellow-15: #CA8A0426;
    --as-alpha-yellow-10: #CA8A041A;
    --as-alpha-yellow-7: #CA8A0412;
    --as-alpha-yellow-5: #CA8A040D;
    --as-alpha-yellow-2: #CA8A0405;

    /* Alpha Green tokens */
    --as-alpha-green-90: #16A34AE6;
    --as-alpha-green-80: #16A34ACC;
    --as-alpha-green-70: #16A34AB3;
    --as-alpha-green-60: #16A34A99;
    --as-alpha-green-50: #16A34A80;
    --as-alpha-green-40: #16A34A66;
    --as-alpha-green-30: #16A34A4D;
    --as-alpha-green-20: #16A34A33;
    --as-alpha-green-15: #16A34A26;
    --as-alpha-green-10: #16A34A1A;
    --as-alpha-green-7: #16A34A12;
    --as-alpha-green-5: #16A34A0D;
    --as-alpha-green-2: #16A34A05;

    /* Primary tokens */
    --as-primary-50: #EFF6FF;
    --as-primary-100: #DBEBFE;
    --as-primary-200: #BFDCFE;
    --as-primary-300: #93C5FD;
    --as-primary-400: #60A8FA;
    --as-primary-500: #3B92F6;
    --as-primary-600: #2581EB;
    --as-primary-700: #0B6BD8;
    --as-primary-800: #0956AF;
    --as-primary-900: #054083;
    --as-primary-950: #032954;

    /* Alpha Red tokens */
    --as-alpha-red-90: #DC2626E6;
    --as-alpha-red-80: #DC2626CC;
    --as-alpha-red-70: #DC2626B3;
    --as-alpha-red-60: #DC262699;
    --as-alpha-red-50: #DC262680;
    --as-alpha-red-40: #DC262666;
    --as-alpha-red-30: #DC26264D;
    --as-alpha-red-20: #DC262633;
    --as-alpha-red-15: #DC262626;
    --as-alpha-red-10: #DC26261A;
    --as-alpha-red-7: #DC262612;
    --as-alpha-red-5: #DC26260D;
    --as-alpha-red-2: #DC262605;

    /* Secondary tokens */
    --as-secondary-50: #F7FFDF;
    --as-secondary-100: #EEFFC0;
    --as-secondary-200: #E6FFA0;
    --as-secondary-300: #D2EE89;
    --as-secondary-400: #C2DF76;
    --as-secondary-500: #AFCC66;
    --as-secondary-600: #95B04E;
    --as-secondary-700: #88A242;
    --as-secondary-800: #697D35;
    --as-secondary-900: #4C5A24;
    --as-secondary-950: #313B16;

    /* Yellow tokens */
    --as-yellow-50: #FEFCE8;
    --as-yellow-100: #FEF9C3;
    --as-yellow-200: #FEF08A;
    --as-yellow-300: #FDE047;
    --as-yellow-400: #FACC15;
    --as-yellow-500: #EAB308;
    --as-yellow-600: #CA8A04;
    --as-yellow-700: #A16207;
    --as-yellow-800: #854D0E;
    --as-yellow-900: #713F12;
    --as-yellow-950: #422006;

    /* Green tokens */
    --as-green-50: #F0FDF4;
    --as-green-100: #DCFCE7;
    --as-green-200: #BBF7D0;
    --as-green-300: #86EFAC;
    --as-green-400: #4ADE80;
    --as-green-500: #22C55E;
    --as-green-600: #16A34A;
    --as-green-700: #15803D;
    --as-green-800: #166534;
    --as-green-900: #14532D;
    --as-green-950: #052E16;

    /* Red tokens */
    --as-red-50: #FEF2F2;
    --as-red-100: #FEE2E2;
    --as-red-200: #FECACA;
    --as-red-300: #FCA5A5;
    --as-red-400: #F87171;
    --as-red-500: #EF4444;
    --as-red-600: #DC2626;
    --as-red-700: #B91C1C;
    --as-red-800: #991B1B;
    --as-red-900: #7F1D1D;
    --as-red-950: #450A0A;

    /* Olive tokens */
    --as-olive-50: #F8FAF7;
    --as-olive-100: #F3F5F3;
    --as-olive-200: #E5E7E4;
    --as-olive-300: #D5D8D4;
    --as-olive-400: #A3AAA1;
    --as-olive-500: #737A71;
    --as-olive-600: #545B52;
    --as-olive-700: #41463F;
    --as-olive-800: #282A27;
    --as-olive-900: #191B18;
    --as-olive-950: #0A0B09;
}
/* Auto-generated file. Do not edit manually. */
/* Generated from generate-tokens-from-json.js */
/* Source: tokens.json -> ap/spacing/Mode 1 */
:root {    --as-spacing-0: 0px;
    --as-spacing-4: 4px;
    --as-spacing-8: 8px;
    --as-spacing-12: 12px;
    --as-spacing-16: 16px;
    --as-spacing-20: 20px;
    --as-spacing-24: 24px;
    --as-spacing-32: 32px;
    --as-spacing-40: 40px;
    --as-spacing-48: 48px;
    --as-spacing-64: 64px;
    --as-spacing-2: 2px;
    --as-spacing-3: 3px;
    --as-spacing-10: 10px;
    --as-spacing-6: 6px;
    --as-spacing-36: 36px;
    --as-spacing-negative-2: -2px;
    --as-spacing-negative-4: -4px;
    --as-spacing-negative-6: -6px;
    --as-spacing-negative-8: -8px;
    --as-spacing-negative-12: -12px;
}
/* Auto-generated file. Do not edit manually. */
/* Generated from generate-tokens-from-json.js */
/* Source: tokens.json -> ap/corner-radius/Mode 1 */
:root {    --as-radius-none: 0px;
    --as-radius-4: 4px;
    --as-radius-8: 8px;
    --as-radius-16: 16px;
    --as-radius-24: 24px;
    --as-radius-32: 32px;
    --as-radius-40: 40px;
    --as-radius-48: 48px;
    --as-radius-full: 9999px;
    --as-radius-12: 12px;
    --as-radius-6: 6px;
    --as-radius-20: 20px;
}
/* Auto-generated file. Do not edit manually. */
/* Generated from generate-tokens-from-json.js */
/* Source: tokens.json -> ap/stroke-width/Mode 1 */
:root {    --as-stroke-1: 1px;
    --as-stroke-0-5: 0.5px;
    --as-stroke-0-75: 0.75px;
    --as-stroke-1-5: 1.5px;
    --as-stroke-1-25: 1.25px;
    --as-stroke-1-75: 1.75px;
    --as-stroke-2: 2px;
    --as-stroke-2-25: 2.25px;
    --as-stroke-2-5: 2.5px;
    --as-stroke-2-75: 2.75px;
    --as-stroke-3: 3px;
}
:root {
    /* Shadow tokens */
    --as-shadow-color: rgba(7, 7, 8, 0.2);
    --as-shadow-xs: 0 4px 8px -2px var(--as-shadow-color);
    --as-shadow-sm: 0 8px 16px -4px var(--as-shadow-color);
    --as-shadow-md: 0 12px 24px -6px var(--as-shadow-color);
    --as-shadow-lg: 0 16px 32px -8px var(--as-shadow-color);
    --as-shadow-xl: 0 24px 48px -12px var(--as-shadow-color);
}
:root {
  --as-breakpoint-sm: 480px;
  --as-breakpoint-md: 768px;
  --as-breakpoint-lg: 1024px;
  --as-breakpoint-xl: 1280px;
  --as-breakpoint-2xl: 1440px;
  --as-breakpoint-3xl: 1920px;
}:root {
  --as-heading-font-family: 'Roboto Condensed';
  --as-text-font-family: 'Open Sans';
}

/* Open Sans - Regular */
@font-face {
  font-family: 'Open Sans';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans-Regular.BYL697sd.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Open Sans - Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans-Italic.qyXFvTRK.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Open Sans - Light */
@font-face {
  font-family: 'Open Sans';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans-Light.1n9Z4xxn.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Open Sans - Light Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans-LightItalic.DZg9nA8r.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Open Sans - Medium */
@font-face {
  font-family: 'Open Sans';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans-Medium.D58BJrPl.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Open Sans - Medium Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans-MediumItalic.C1hcSFhJ.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* Open Sans - SemiBold */
@font-face {
  font-family: 'Open Sans';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans-SemiBold.BEIULkAz.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Open Sans - SemiBold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans-SemiBoldItalic.DjYNhcMb.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* Open Sans - Bold */
@font-face {
  font-family: 'Open Sans';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans-Bold.xlJa4yU9.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Open Sans - Bold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans-BoldItalic.BhGQ6RK7.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Open Sans - ExtraBold */
@font-face {
  font-family: 'Open Sans';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans-ExtraBold.bWPio7kX.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Open Sans - ExtraBold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans-ExtraBoldItalic.EbISuR_A.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* Open Sans Condensed - Regular */
@font-face {
  font-family: 'Open Sans Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans_Condensed-Regular.BNLXI7Ol.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Open Sans Condensed - Italic */
@font-face {
  font-family: 'Open Sans Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans_Condensed-Italic.CylELm7V.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Open Sans Condensed - Light */
@font-face {
  font-family: 'Open Sans Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans_Condensed-Light.D12owSpa.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Open Sans Condensed - Light Italic */
@font-face {
  font-family: 'Open Sans Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans_Condensed-LightItalic.BEtDstWr.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Open Sans Condensed - Medium */
@font-face {
  font-family: 'Open Sans Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans_Condensed-Medium.CUa-iGtc.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Open Sans Condensed - Medium Italic */
@font-face {
  font-family: 'Open Sans Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans_Condensed-MediumItalic.DSUC7GFE.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* Open Sans Condensed - SemiBold */
@font-face {
  font-family: 'Open Sans Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans_Condensed-SemiBold.DczTBjU9.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Open Sans Condensed - SemiBold Italic */
@font-face {
  font-family: 'Open Sans Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans_Condensed-SemiBoldItalic.Cy_mrUft.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* Open Sans Condensed - Bold */
@font-face {
  font-family: 'Open Sans Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans_Condensed-Bold.8pOAjglR.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Open Sans Condensed - Bold Italic */
@font-face {
  font-family: 'Open Sans Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans_Condensed-BoldItalic.BC8vN_DW.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Open Sans Condensed - ExtraBold */
@font-face {
  font-family: 'Open Sans Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans_Condensed-ExtraBold.B9P2nfIN.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Open Sans Condensed - ExtraBold Italic */
@font-face {
  font-family: 'Open Sans Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans_Condensed-ExtraBoldItalic.CeEA9Hiy.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* Open Sans Semi Condensed - Regular */
@font-face {
  font-family: 'Open Sans Semi Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans_SemiCondensed-Regular.DeiQP9Ym.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Open Sans Semi Condensed - Italic */
@font-face {
  font-family: 'Open Sans Semi Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans_SemiCondensed-Italic.BOCqjydu.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Open Sans Semi Condensed - Light */
@font-face {
  font-family: 'Open Sans Semi Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans_SemiCondensed-Light.C7PuIqKB.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Open Sans Semi Condensed - Light Italic */
@font-face {
  font-family: 'Open Sans Semi Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans_SemiCondensed-LightItalic.1fIyYUEn.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Open Sans Semi Condensed - Medium */
@font-face {
  font-family: 'Open Sans Semi Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans_SemiCondensed-Medium.Cmu2B5pM.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Open Sans Semi Condensed - Medium Italic */
@font-face {
  font-family: 'Open Sans Semi Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans_SemiCondensed-MediumItalic.sk1LD3JO.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* Open Sans Semi Condensed - SemiBold */
@font-face {
  font-family: 'Open Sans Semi Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans_SemiCondensed-SemiBold.CPImmaG1.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Open Sans Semi Condensed - SemiBold Italic */
@font-face {
  font-family: 'Open Sans Semi Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans_SemiCondensed-SemiBoldItalic.B6pijmhH.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* Open Sans Semi Condensed - Bold */
@font-face {
  font-family: 'Open Sans Semi Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans_SemiCondensed-Bold.DnZz7PLm.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Open Sans Semi Condensed - Bold Italic */
@font-face {
  font-family: 'Open Sans Semi Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans_SemiCondensed-BoldItalic.DHoOKujL.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Open Sans Semi Condensed - ExtraBold */
@font-face {
  font-family: 'Open Sans Semi Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans_SemiCondensed-ExtraBold.dpqzXnZt.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Open Sans Semi Condensed - ExtraBold Italic */
@font-face {
  font-family: 'Open Sans Semi Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/OpenSans_SemiCondensed-ExtraBoldItalic.D-Y-mlOZ.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* Roboto Condensed - SemiBold */
@font-face {
  font-family: 'Roboto Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/RobotoCondensed-SemiBold.CrrBDKV9.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Roboto Condensed - Regular */
@font-face {
  font-family: 'Roboto Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/RobotoCondensed-Regular.DPKsyksb.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Roboto Condensed - Bold */
@font-face {
  font-family: 'Roboto Condensed';
  src: url('https://paybm.stg.cdn.bm.pl/web/fonts/RobotoCondensed-Bold.BAbms5Dn.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: var(--as-text-font-family), system-ui, -apple-system, sans-serif;
    --font-mono: 'Fira Code', ui-monospace, monospace;
    --color-red-50: var(--as-red-50);
    --color-red-100: var(--as-red-100);
    --color-red-200: var(--as-red-200);
    --color-red-300: var(--as-red-300);
    --color-red-400: var(--as-red-400);
    --color-red-500: var(--as-red-500);
    --color-red-600: var(--as-red-600);
    --color-red-700: var(--as-red-700);
    --color-red-800: var(--as-red-800);
    --color-red-900: var(--as-red-900);
    --color-red-950: var(--as-red-950);
    --color-yellow-50: var(--as-yellow-50);
    --color-yellow-100: var(--as-yellow-100);
    --color-yellow-200: var(--as-yellow-200);
    --color-yellow-300: var(--as-yellow-300);
    --color-yellow-400: var(--as-yellow-400);
    --color-yellow-500: var(--as-yellow-500);
    --color-yellow-600: var(--as-yellow-600);
    --color-yellow-700: var(--as-yellow-700);
    --color-yellow-800: var(--as-yellow-800);
    --color-yellow-900: var(--as-yellow-900);
    --color-yellow-950: var(--as-yellow-950);
    --color-green-50: var(--as-green-50);
    --color-green-100: var(--as-green-100);
    --color-green-200: var(--as-green-200);
    --color-green-300: var(--as-green-300);
    --color-green-400: var(--as-green-400);
    --color-green-500: var(--as-green-500);
    --color-green-600: var(--as-green-600);
    --color-green-700: var(--as-green-700);
    --color-green-800: var(--as-green-800);
    --color-green-900: var(--as-green-900);
    --color-green-950: var(--as-green-950);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-gray-50: var(--as-gray-50);
    --color-gray-100: var(--as-gray-100);
    --color-gray-200: var(--as-gray-200);
    --color-gray-300: var(--as-gray-300);
    --color-gray-400: var(--as-gray-400);
    --color-gray-500: var(--as-gray-500);
    --color-gray-600: var(--as-gray-600);
    --color-gray-700: var(--as-gray-700);
    --color-gray-800: var(--as-gray-800);
    --color-gray-900: var(--as-gray-900);
    --color-gray-950: var(--as-gray-950);
    --color-olive-50: var(--as-olive-50);
    --color-olive-100: var(--as-olive-100);
    --color-olive-200: var(--as-olive-200);
    --color-olive-300: var(--as-olive-300);
    --color-olive-400: var(--as-olive-400);
    --color-olive-500: var(--as-olive-500);
    --color-olive-600: var(--as-olive-600);
    --color-olive-700: var(--as-olive-700);
    --color-olive-800: var(--as-olive-800);
    --color-olive-900: var(--as-olive-900);
    --color-olive-950: var(--as-olive-950);
    --color-white: #fff;
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --radius-lg: 0.5rem;
    --shadow-xs: var(--as-shadow-xs);
    --shadow-sm: var(--as-shadow-sm);
    --shadow-md: var(--as-shadow-md);
    --shadow-lg: var(--as-shadow-lg);
    --shadow-xl: var(--as-shadow-xl);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --border-primary: var(--color-gray-800);
    --border-tertiary: var(--color-alpha-black-10);
    --border-focus: var(--color-gray-black);
    --border-secondary: var(--color-alpha-black-20);
    --border-brand: var(--color-primary-700);
    --border-success: var(--color-green-700);
    --border-error: var(--color-red-600);
    --border-disabled: var(--color-alpha-black-20);
    --border-brand-hover: var(--color-primary-800);
    --border-success-hover: var(--color-green-800);
    --border-error-hover: var(--color-red-700);
    --border-always-white: var(--color-gray-white);
    --border-warning: var(--color-yellow-700);
    --content-primary: var(--color-gray-900);
    --content-secondary: var(--color-alpha-black-50);
    --content-disabled: var(--color-alpha-black-30);
    --content-primary-inverse: var(--color-gray-white);
    --content-secondary-inverse: var(--color-alpha-white-50);
    --content-always-white: var(--color-gray-white);
    --content-always-dark: var(--color-gray-black);
    --content-accent: var(--color-secondary-700);
    --content-positive: var(--color-green-700);
    --content-negative: var(--color-red-600);
    --content-warning: var(--color-yellow-700);
    --content-brand: var(--color-primary-700);
    --content-negative-disabled: var(--color-alpha-red-30);
    --content-always-white-70: var(--color-alpha-white-70);
    --content-always-white-50: var(--color-alpha-white-50);
    --content-always-dark-70: var(--color-alpha-black-70);
    --content-always-dark-50: var(--color-alpha-black-50);
    --content-brand-hover: var(--color-primary-800);
    --content-negative-hover: var(--color-red-600);
    --content-warning-hover: var(--color-yellow-700);
    --bg-primary: var(--color-gray-200);
    --bg-secondary: var(--color-gray-white);
    --bg-tertiary: var(--color-gray-50);
    --bg-brand-emphasis: var(--color-primary-700);
    --bg-accent-emphasis: var(--color-secondary-500);
    --bg-disabled: var(--color-alpha-black-30);
    --bg-warning-emphasis: var(--color-yellow-600);
    --bg-destructive-emphasis: var(--color-red-700);
    --bg-backdrop: var(--color-alpha-black-50);
    --bg-brand-emphasis-hover: var(--color-primary-800);
    --bg-destructive-emphasis-hover: var(--color-red-800);
    --bg-warning-emphasis-hover: var(--color-yellow-700);
    --bg-accent-emphasis-hover: var(--color-secondary-600);
    --bg-brand-subtle: var(--color-alpha-primary-7);
    --bg-accent-subtle: var(--color-secondary-100);
    --bg-warning-subtle: var(--color-alpha-yellow-7);
    --bg-success-subtle: var(--color-alpha-green-7);
    --bg-success-emphasis: var(--color-green-700);
    --bg-success-emphasis-hover: var(--color-green-800);
    --bg-hover: var(--color-alpha-black-10);
    --bg-destructive-subtle: var(--color-alpha-red-7);
    --bg-disabled-subtle: var(--color-alpha-black-7);
    --bg-elevated: var(--color-alpha-white-90);
    --bg-recessed: var(--color-alpha-black-7);
    --bg-shadow-blur: var(--color-alpha-white-70);
    --bg-subtle: var(--color-alpha-black-7);
    --bg-quarternary: var(--color-gray-150);
    --bg-neutral-gray: var(--color-gray-500);
    --input-bg-disabled: var(--color-alpha-black-5);
    --color-primary-50: var(--as-primary-50);
    --color-primary-100: var(--as-primary-100);
    --color-primary-200: var(--as-primary-200);
    --color-primary-300: var(--as-primary-300);
    --color-primary-400: var(--as-primary-400);
    --color-primary-500: var(--as-primary-500);
    --color-primary-600: var(--as-primary-600);
    --color-primary-700: var(--as-primary-700);
    --color-primary-800: var(--as-primary-800);
    --color-primary-900: var(--as-primary-900);
    --color-primary-950: var(--as-primary-950);
    --color-secondary-50: var(--as-secondary-50);
    --color-secondary-100: var(--as-secondary-100);
    --color-secondary-200: var(--as-secondary-200);
    --color-secondary-300: var(--as-secondary-300);
    --color-secondary-400: var(--as-secondary-400);
    --color-secondary-500: var(--as-secondary-500);
    --color-secondary-600: var(--as-secondary-600);
    --color-secondary-700: var(--as-secondary-700);
    --color-secondary-800: var(--as-secondary-800);
    --color-secondary-900: var(--as-secondary-900);
    --color-secondary-950: var(--as-secondary-950);
    --color-gray-850: var(--as-gray-850);
    --color-gray-white: var(--as-gray-white);
    --color-gray-black: var(--as-gray-black);
    --color-alpha-primary-90: var(--as-alpha-primary-90);
    --color-alpha-primary-80: var(--as-alpha-primary-80);
    --color-alpha-primary-70: var(--as-alpha-primary-70);
    --color-alpha-primary-60: var(--as-alpha-primary-60);
    --color-alpha-primary-50: var(--as-alpha-primary-50);
    --color-alpha-primary-40: var(--as-alpha-primary-40);
    --color-alpha-primary-30: var(--as-alpha-primary-30);
    --color-alpha-primary-20: var(--as-alpha-primary-20);
    --color-alpha-primary-15: var(--as-alpha-primary-15);
    --color-alpha-primary-10: var(--as-alpha-primary-10);
    --color-alpha-primary-7: var(--as-alpha-primary-7);
    --color-alpha-primary-5: var(--as-alpha-primary-5);
    --color-alpha-primary-2: var(--as-alpha-primary-2);
    --color-alpha-accent-90: var(--as-alpha-accent-90);
    --color-alpha-accent-80: var(--as-alpha-accent-80);
    --color-alpha-accent-70: var(--as-alpha-accent-70);
    --color-alpha-accent-60: var(--as-alpha-accent-60);
    --color-alpha-accent-50: var(--as-alpha-accent-50);
    --color-alpha-accent-40: var(--as-alpha-accent-40);
    --color-alpha-accent-30: var(--as-alpha-accent-30);
    --color-alpha-accent-20: var(--as-alpha-accent-20);
    --color-alpha-accent-15: var(--as-alpha-accent-15);
    --color-alpha-accent-10: var(--as-alpha-accent-10);
    --color-alpha-accent-7: var(--as-alpha-accent-7);
    --color-alpha-accent-5: var(--as-alpha-accent-5);
    --color-alpha-accent-2: var(--as-alpha-accent-2);
    --color-alpha-red-90: var(--as-alpha-red-90);
    --color-alpha-red-80: var(--as-alpha-red-80);
    --color-alpha-red-70: var(--as-alpha-red-70);
    --color-alpha-red-60: var(--as-alpha-red-60);
    --color-alpha-red-50: var(--as-alpha-red-50);
    --color-alpha-red-40: var(--as-alpha-red-40);
    --color-alpha-red-30: var(--as-alpha-red-30);
    --color-alpha-red-20: var(--as-alpha-red-20);
    --color-alpha-red-15: var(--as-alpha-red-15);
    --color-alpha-red-10: var(--as-alpha-red-10);
    --color-alpha-red-7: var(--as-alpha-red-7);
    --color-alpha-red-5: var(--as-alpha-red-5);
    --color-alpha-red-2: var(--as-alpha-red-2);
    --color-alpha-yellow-90: var(--as-alpha-yellow-90);
    --color-alpha-yellow-80: var(--as-alpha-yellow-80);
    --color-alpha-yellow-70: var(--as-alpha-yellow-70);
    --color-alpha-yellow-60: var(--as-alpha-yellow-60);
    --color-alpha-yellow-50: var(--as-alpha-yellow-50);
    --color-alpha-yellow-40: var(--as-alpha-yellow-40);
    --color-alpha-yellow-30: var(--as-alpha-yellow-30);
    --color-alpha-yellow-20: var(--as-alpha-yellow-20);
    --color-alpha-yellow-15: var(--as-alpha-yellow-15);
    --color-alpha-yellow-10: var(--as-alpha-yellow-10);
    --color-alpha-yellow-7: var(--as-alpha-yellow-7);
    --color-alpha-yellow-5: var(--as-alpha-yellow-5);
    --color-alpha-yellow-2: var(--as-alpha-yellow-2);
    --color-alpha-green-90: var(--as-alpha-green-90);
    --color-alpha-green-80: var(--as-alpha-green-80);
    --color-alpha-green-70: var(--as-alpha-green-70);
    --color-alpha-green-60: var(--as-alpha-green-60);
    --color-alpha-green-50: var(--as-alpha-green-50);
    --color-alpha-green-40: var(--as-alpha-green-40);
    --color-alpha-green-30: var(--as-alpha-green-30);
    --color-alpha-green-20: var(--as-alpha-green-20);
    --color-alpha-green-15: var(--as-alpha-green-15);
    --color-alpha-green-10: var(--as-alpha-green-10);
    --color-alpha-green-7: var(--as-alpha-green-7);
    --color-alpha-green-5: var(--as-alpha-green-5);
    --color-alpha-green-2: var(--as-alpha-green-2);
    --color-alpha-black-90: var(--as-alpha-black-90);
    --color-alpha-black-80: var(--as-alpha-black-80);
    --color-alpha-black-70: var(--as-alpha-black-70);
    --color-alpha-black-60: var(--as-alpha-black-60);
    --color-alpha-black-50: var(--as-alpha-black-50);
    --color-alpha-black-40: var(--as-alpha-black-40);
    --color-alpha-black-30: var(--as-alpha-black-30);
    --color-alpha-black-20: var(--as-alpha-black-20);
    --color-alpha-black-15: var(--as-alpha-black-15);
    --color-alpha-black-10: var(--as-alpha-black-10);
    --color-alpha-black-7: var(--as-alpha-black-7);
    --color-alpha-black-5: var(--as-alpha-black-5);
    --color-alpha-black-2: var(--as-alpha-black-2);
    --color-alpha-white-90: var(--as-alpha-white-90);
    --color-alpha-white-80: var(--as-alpha-white-80);
    --color-alpha-white-70: var(--as-alpha-white-70);
    --color-alpha-white-60: var(--as-alpha-white-60);
    --color-alpha-white-50: var(--as-alpha-white-50);
    --color-alpha-white-40: var(--as-alpha-white-40);
    --color-alpha-white-30: var(--as-alpha-white-30);
    --color-alpha-white-20: var(--as-alpha-white-20);
    --color-alpha-white-15: var(--as-alpha-white-15);
    --color-alpha-white-10: var(--as-alpha-white-10);
    --color-alpha-white-7: var(--as-alpha-white-7);
    --color-alpha-white-5: var(--as-alpha-white-5);
    --color-alpha-white-2: var(--as-alpha-white-2);
    --font-heading: var(--as-heading-font-family), system-ui, -apple-system, sans-serif;
    --font-text: var(--font-sans);
    --spacing-0: var(--as-spacing-0);
    --spacing-2: var(--as-spacing-2);
    --spacing-3: var(--as-spacing-3);
    --spacing-4: var(--as-spacing-4);
    --spacing-8: var(--as-spacing-8);
    --spacing-12: var(--as-spacing-12);
    --spacing-16: var(--as-spacing-16);
    --spacing-20: var(--as-spacing-20);
    --spacing-24: var(--as-spacing-24);
    --spacing-32: var(--as-spacing-32);
    --spacing-40: var(--as-spacing-40);
    --spacing-48: var(--as-spacing-48);
    --spacing-64: var(--as-spacing-64);
    --radius-none: var(--as-radius-none);
    --radius-4: var(--as-radius-4);
    --radius-6: var(--as-radius-6);
    --radius-8: var(--as-radius-8);
    --radius-12: var(--as-radius-12);
    --radius-16: var(--as-radius-16);
    --radius-24: var(--as-radius-24);
    --radius-32: var(--as-radius-32);
    --radius-40: var(--as-radius-40);
    --radius-48: var(--as-radius-48);
    --radius-full: var(--as-radius-full);
    --stroke-0-5: var(--as-stroke-0-5);
    --stroke-0-75: var(--as-stroke-0-75);
    --stroke-1: var(--as-stroke-1);
    --stroke-1-25: var(--as-stroke-1-25);
    --stroke-1-5: var(--as-stroke-1-5);
    --stroke-1-75: var(--as-stroke-1-75);
    --stroke-2: var(--as-stroke-2);
    --stroke-2-25: var(--as-stroke-2-25);
    --stroke-2-5: var(--as-stroke-2-5);
    --stroke-2-75: var(--as-stroke-2-75);
    --stroke-3: var(--as-stroke-3);
    --button-text-size-sm: 10px;
    --button-text-line-height-sm: 10px;
    --button-text-size-md: 12px;
    --button-text-line-height-md: 12px;
    --button-text-size-lg: 14px;
    --button-text-line-height-lg: 14px;
    --button-text-size-xl: 16px;
    --button-text-line-height-xl: 16px;
    --button-primary-bg: var(--color-primary-700);
    --button-primary-bg-hover: var(--color-primary-800);
    --button-primary-border: var(--color-primary-700);
    --button-primary-border-hover: var(--color-primary-800);
    --button-primary-text: white;
    --button-secondary-bg: transparent;
    --button-secondary-bg-hover: transparent;
    --button-secondary-border: var(--color-primary-700);
    --button-secondary-border-hover: var(--color-primary-800);
    --button-secondary-text: var(--color-primary-700);
    --button-secondary-text-hover: var(--color-primary-800);
    --button-destructive-bg: var(--color-red-600);
    --button-destructive-bg-hover: var(--color-red-700);
    --button-destructive-border: var(--color-red-600);
    --button-destructive-border-hover: var(--color-red-700);
    --button-destructive-text: white;
    --button-success-bg: var(--color-green-600);
    --button-success-bg-hover: var(--color-green-700);
    --button-success-border: var(--color-green-600);
    --button-success-border-hover: var(--color-green-700);
    --button-success-text: white;
    --button-disabled-bg: var(--color-gray-400);
    --button-disabled-border: var(--color-gray-400);
    --button-disabled-text: white;
    --button-secondary-disabled-text: var(--color-gray-400);
    --button-secondary-disabled-border: var(--color-gray-400);
    --checkbox-size-md: 20px;
    --checkbox-size-lg: 24px;
    --checkbox-checkmark-size-md: 12px;
    --checkbox-checkmark-size-lg: 16px;
    --checkbox-default-bg: white;
    --checkbox-default-border: var(--color-gray-400);
    --checkbox-default-border-hover: var(--color-primary-600);
    --checkbox-checked-bg: var(--color-primary-700);
    --checkbox-checked-border: var(--color-primary-700);
    --checkbox-checked-bg-hover: var(--color-primary-800);
    --checkbox-checked-border-hover: var(--color-primary-800);
    --checkbox-disabled-bg: var(--color-gray-200);
    --checkbox-disabled-border: var(--color-gray-300);
    --error-message-color: var(--content-negative);
    --focus-color: var(--color-primary-700);
    --focus-width: 3px;
    --heading-font-size-xs: 12px;
    --heading-line-height-xs: 16px;
    --heading-font-size-sm: 14px;
    --heading-line-height-sm: 24px;
    --heading-font-size-md: 16px;
    --heading-line-height-md: 26px;
    --heading-font-size-lg: 18px;
    --heading-line-height-lg: 28px;
    --heading-font-size-xl: 20px;
    --heading-line-height-xl: 30px;
    --heading-font-size-2xl: 24px;
    --heading-line-height-2xl: 34px;
    --heading-font-size-3xl: 28px;
    --heading-line-height-3xl: 38px;
    --heading-font-size-4xl: 32px;
    --heading-line-height-4xl: 42px;
    --heading-font-size-5xl: 36px;
    --heading-line-height-5xl: 46px;
    --heading-color: var(--color-gray-900);
    --label-color: var(--content-primary);
    --radio-button-size-md: 20px;
    --radio-button-size-lg: 24px;
    --radio-button-indicator-size-md: 8px;
    --radio-button-indicator-size-lg: 10px;
    --text-font-size-xs: 12px;
    --text-line-height-xs: 16px;
    --text-font-size-sm: 14px;
    --text-line-height-sm: 20px;
    --text-font-size-md: 16px;
    --text-line-height-md: 26px;
    --text-font-size-lg: 18px;
    --text-line-height-lg: 28px;
    --text-font-size-xl: 20px;
    --text-line-height-xl: 30px;
    --text-font-size-2xl: 24px;
    --text-line-height-2xl: 34px;
    --text-font-size-3xl: 28px;
    --text-line-height-3xl: 38px;
    --text-font-size-4xl: 32px;
    --text-line-height-4xl: 42px;
    --text-font-size-5xl: 36px;
    --text-line-height-5xl: 46px;
    --text-color: var(--color-gray-600);
    --text-field-block-size-lg: 48px;
    --text-field-block-size-md: 32px;
    --text-field-padding-block-md: var(--spacing-4);
    --text-field-padding-block-lg: var(--spacing-12) var(--spacing-0);
    --text-field-padding-inline: var(--spacing-12);
    --text-field-border-width: var(--stroke-0-75);
    --text-field-border-radius: var(--radius-8);
    --text-field-border-color: var(--border-primary);
    --text-field-border-color-disabled: var(--border-disabled);
    --text-field-border-color-read-only: var(--border-disabled);
    --text-field-background-color-disabled: var(--input-bg-disabled);
    --text-field-color-disabled: var(--content-disabled);
    --toggle-switch-inline-size-md: 28px;
    --toggle-switch-inline-size-lg: 30px;
    --toggle-switch-block-size-md: 18px;
    --toggle-switch-block-size-lg: 20px;
    --toggle-switch-thumb-size-md: 12px;
    --toggle-switch-thumb-size-lg: 14px;
  }
}
@layer base {
  ::-webkit-file-upload-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  ::-webkit-file-upload-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    -webkit-padding-start: 20px;
            padding-inline-start: 20px;
  }
  ::-webkit-file-upload-button {
    -webkit-margin-end: 4px;
            margin-inline-end: 4px;
  }
  ::file-selector-button {
    -webkit-margin-end: 4px;
            margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
            appearance: button;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    -webkit-appearance: button;
            appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .button-variant-destructive-disabled {
    background-color: var(--button-disabled-bg);
    border-color: var(--button-disabled-border);
    color: var(--button-disabled-text);
    cursor: not-allowed;
    pointer-events: none;
  }
  .button-variant-primary-disabled {
    background-color: var(--button-disabled-bg);
    border-color: var(--button-disabled-border);
    color: var(--button-disabled-text);
    cursor: not-allowed;
    pointer-events: none;
  }
  .button-variant-secondary-disabled {
    background-color: transparent;
    border-color: var(--button-secondary-disabled-border);
    color: var(--button-secondary-disabled-text);
    cursor: not-allowed;
    pointer-events: none;
  }
  .button-variant-success-disabled {
    background-color: var(--button-disabled-bg);
    border-color: var(--button-disabled-border);
    color: var(--button-disabled-text);
    cursor: not-allowed;
    pointer-events: none;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .top-0 {
    top: var(--spacing-0);
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .right-12 {
    right: var(--spacing-12);
  }
  .-left-4 {
    left: calc(var(--spacing-4) * -1);
  }
  .left-12 {
    left: var(--spacing-12);
  }
  .m-0 {
    margin: var(--spacing-0);
  }
  .m-spacing-0 {
    margin: var(--spacing-0);
  }
  .m-spacing-2 {
    margin: var(--spacing-2);
  }
  .m-spacing-3 {
    margin: var(--spacing-3);
  }
  .m-spacing-4 {
    margin: var(--spacing-4);
  }
  .m-spacing-8 {
    margin: var(--spacing-8);
  }
  .m-spacing-12 {
    margin: var(--spacing-12);
  }
  .m-spacing-16 {
    margin: var(--spacing-16);
  }
  .m-spacing-20 {
    margin: var(--spacing-20);
  }
  .m-spacing-24 {
    margin: var(--spacing-24);
  }
  .m-spacing-32 {
    margin: var(--spacing-32);
  }
  .m-spacing-40 {
    margin: var(--spacing-40);
  }
  .m-spacing-48 {
    margin: var(--spacing-48);
  }
  .m-spacing-64 {
    margin: var(--spacing-64);
  }
  .mx-spacing-0 {
    margin-inline: var(--spacing-0);
  }
  .mx-spacing-2 {
    margin-inline: var(--spacing-2);
  }
  .mx-spacing-3 {
    margin-inline: var(--spacing-3);
  }
  .mx-spacing-4 {
    margin-inline: var(--spacing-4);
  }
  .mx-spacing-8 {
    margin-inline: var(--spacing-8);
  }
  .mx-spacing-12 {
    margin-inline: var(--spacing-12);
  }
  .mx-spacing-16 {
    margin-inline: var(--spacing-16);
  }
  .mx-spacing-20 {
    margin-inline: var(--spacing-20);
  }
  .mx-spacing-24 {
    margin-inline: var(--spacing-24);
  }
  .mx-spacing-32 {
    margin-inline: var(--spacing-32);
  }
  .mx-spacing-40 {
    margin-inline: var(--spacing-40);
  }
  .mx-spacing-48 {
    margin-inline: var(--spacing-48);
  }
  .mx-spacing-64 {
    margin-inline: var(--spacing-64);
  }
  .my-spacing-0 {
    margin-block: var(--spacing-0);
  }
  .my-spacing-2 {
    margin-block: var(--spacing-2);
  }
  .my-spacing-3 {
    margin-block: var(--spacing-3);
  }
  .my-spacing-4 {
    margin-block: var(--spacing-4);
  }
  .my-spacing-8 {
    margin-block: var(--spacing-8);
  }
  .my-spacing-12 {
    margin-block: var(--spacing-12);
  }
  .my-spacing-16 {
    margin-block: var(--spacing-16);
  }
  .my-spacing-20 {
    margin-block: var(--spacing-20);
  }
  .my-spacing-24 {
    margin-block: var(--spacing-24);
  }
  .my-spacing-32 {
    margin-block: var(--spacing-32);
  }
  .my-spacing-40 {
    margin-block: var(--spacing-40);
  }
  .my-spacing-48 {
    margin-block: var(--spacing-48);
  }
  .my-spacing-64 {
    margin-block: var(--spacing-64);
  }
  .ml-spacing-0 {
    -webkit-margin-start: var(--spacing-0);
            margin-inline-start: var(--spacing-0);
  }
  .ml-spacing-2 {
    -webkit-margin-start: var(--spacing-2);
            margin-inline-start: var(--spacing-2);
  }
  .ml-spacing-3 {
    -webkit-margin-start: var(--spacing-3);
            margin-inline-start: var(--spacing-3);
  }
  .ml-spacing-4 {
    -webkit-margin-start: var(--spacing-4);
            margin-inline-start: var(--spacing-4);
  }
  .ml-spacing-8 {
    -webkit-margin-start: var(--spacing-8);
            margin-inline-start: var(--spacing-8);
  }
  .ml-spacing-12 {
    -webkit-margin-start: var(--spacing-12);
            margin-inline-start: var(--spacing-12);
  }
  .ml-spacing-16 {
    -webkit-margin-start: var(--spacing-16);
            margin-inline-start: var(--spacing-16);
  }
  .ml-spacing-20 {
    -webkit-margin-start: var(--spacing-20);
            margin-inline-start: var(--spacing-20);
  }
  .ml-spacing-24 {
    -webkit-margin-start: var(--spacing-24);
            margin-inline-start: var(--spacing-24);
  }
  .ml-spacing-32 {
    -webkit-margin-start: var(--spacing-32);
            margin-inline-start: var(--spacing-32);
  }
  .ml-spacing-40 {
    -webkit-margin-start: var(--spacing-40);
            margin-inline-start: var(--spacing-40);
  }
  .ml-spacing-48 {
    -webkit-margin-start: var(--spacing-48);
            margin-inline-start: var(--spacing-48);
  }
  .ml-spacing-64 {
    -webkit-margin-start: var(--spacing-64);
            margin-inline-start: var(--spacing-64);
  }
  .mr-spacing-0 {
    -webkit-margin-end: var(--spacing-0);
            margin-inline-end: var(--spacing-0);
  }
  .mr-spacing-2 {
    -webkit-margin-end: var(--spacing-2);
            margin-inline-end: var(--spacing-2);
  }
  .mr-spacing-3 {
    -webkit-margin-end: var(--spacing-3);
            margin-inline-end: var(--spacing-3);
  }
  .mr-spacing-4 {
    -webkit-margin-end: var(--spacing-4);
            margin-inline-end: var(--spacing-4);
  }
  .mr-spacing-8 {
    -webkit-margin-end: var(--spacing-8);
            margin-inline-end: var(--spacing-8);
  }
  .mr-spacing-12 {
    -webkit-margin-end: var(--spacing-12);
            margin-inline-end: var(--spacing-12);
  }
  .mr-spacing-16 {
    -webkit-margin-end: var(--spacing-16);
            margin-inline-end: var(--spacing-16);
  }
  .mr-spacing-20 {
    -webkit-margin-end: var(--spacing-20);
            margin-inline-end: var(--spacing-20);
  }
  .mr-spacing-24 {
    -webkit-margin-end: var(--spacing-24);
            margin-inline-end: var(--spacing-24);
  }
  .mr-spacing-32 {
    -webkit-margin-end: var(--spacing-32);
            margin-inline-end: var(--spacing-32);
  }
  .mr-spacing-40 {
    -webkit-margin-end: var(--spacing-40);
            margin-inline-end: var(--spacing-40);
  }
  .mr-spacing-48 {
    -webkit-margin-end: var(--spacing-48);
            margin-inline-end: var(--spacing-48);
  }
  .mr-spacing-64 {
    -webkit-margin-end: var(--spacing-64);
            margin-inline-end: var(--spacing-64);
  }
  .mt-spacing-0 {
    -webkit-margin-before: var(--spacing-0);
            margin-block-start: var(--spacing-0);
  }
  .mt-spacing-2 {
    -webkit-margin-before: var(--spacing-2);
            margin-block-start: var(--spacing-2);
  }
  .mt-spacing-3 {
    -webkit-margin-before: var(--spacing-3);
            margin-block-start: var(--spacing-3);
  }
  .mt-spacing-4 {
    -webkit-margin-before: var(--spacing-4);
            margin-block-start: var(--spacing-4);
  }
  .mt-spacing-8 {
    -webkit-margin-before: var(--spacing-8);
            margin-block-start: var(--spacing-8);
  }
  .mt-spacing-12 {
    -webkit-margin-before: var(--spacing-12);
            margin-block-start: var(--spacing-12);
  }
  .mt-spacing-16 {
    -webkit-margin-before: var(--spacing-16);
            margin-block-start: var(--spacing-16);
  }
  .mt-spacing-20 {
    -webkit-margin-before: var(--spacing-20);
            margin-block-start: var(--spacing-20);
  }
  .mt-spacing-24 {
    -webkit-margin-before: var(--spacing-24);
            margin-block-start: var(--spacing-24);
  }
  .mt-spacing-32 {
    -webkit-margin-before: var(--spacing-32);
            margin-block-start: var(--spacing-32);
  }
  .mt-spacing-40 {
    -webkit-margin-before: var(--spacing-40);
            margin-block-start: var(--spacing-40);
  }
  .mt-spacing-48 {
    -webkit-margin-before: var(--spacing-48);
            margin-block-start: var(--spacing-48);
  }
  .mt-spacing-64 {
    -webkit-margin-before: var(--spacing-64);
            margin-block-start: var(--spacing-64);
  }
  .mb-spacing-0 {
    -webkit-margin-after: var(--spacing-0);
            margin-block-end: var(--spacing-0);
  }
  .mb-spacing-2 {
    -webkit-margin-after: var(--spacing-2);
            margin-block-end: var(--spacing-2);
  }
  .mb-spacing-3 {
    -webkit-margin-after: var(--spacing-3);
            margin-block-end: var(--spacing-3);
  }
  .mb-spacing-4 {
    -webkit-margin-after: var(--spacing-4);
            margin-block-end: var(--spacing-4);
  }
  .mb-spacing-8 {
    -webkit-margin-after: var(--spacing-8);
            margin-block-end: var(--spacing-8);
  }
  .mb-spacing-12 {
    -webkit-margin-after: var(--spacing-12);
            margin-block-end: var(--spacing-12);
  }
  .mb-spacing-16 {
    -webkit-margin-after: var(--spacing-16);
            margin-block-end: var(--spacing-16);
  }
  .mb-spacing-20 {
    -webkit-margin-after: var(--spacing-20);
            margin-block-end: var(--spacing-20);
  }
  .mb-spacing-24 {
    -webkit-margin-after: var(--spacing-24);
            margin-block-end: var(--spacing-24);
  }
  .mb-spacing-32 {
    -webkit-margin-after: var(--spacing-32);
            margin-block-end: var(--spacing-32);
  }
  .mb-spacing-40 {
    -webkit-margin-after: var(--spacing-40);
            margin-block-end: var(--spacing-40);
  }
  .mb-spacing-48 {
    -webkit-margin-after: var(--spacing-48);
            margin-block-end: var(--spacing-48);
  }
  .mb-spacing-64 {
    -webkit-margin-after: var(--spacing-64);
            margin-block-end: var(--spacing-64);
  }
  .flex {
    display: flex;
  }
  .hidden {
    display: none;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .h-\[14px\] {
    height: 14px;
  }
  .h-\[32px\] {
    height: 32px;
  }
  .h-\[40px\] {
    height: 40px;
  }
  .h-\[48px\] {
    height: 48px;
  }
  .h-\[56px\] {
    height: 56px;
  }
  .w-\[14px\] {
    width: 14px;
  }
  .w-full {
    width: 100%;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-0 {
    --tw-translate-x: var(--spacing-0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-20 {
    --tw-translate-y: calc(var(--spacing-20) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .toggle-switch-thumb-translate-lg {
    transform: translateX(calc(var(--toggle-switch-thumb-size-lg) - var(--spacing-3)));
  }
  .toggle-switch-thumb-translate-md {
    transform: translateX(calc(var(--toggle-switch-thumb-size-md) - var(--spacing-3)));
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .appearance-none {
    -webkit-appearance: none;
            appearance: none;
  }
  .flex-col {
    flex-direction: column;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-3 {
    gap: var(--spacing-3);
  }
  .gap-spacing-0 {
    gap: var(--spacing-0);
  }
  .gap-spacing-2 {
    gap: var(--spacing-2);
  }
  .gap-spacing-3 {
    gap: var(--spacing-3);
  }
  .gap-spacing-4 {
    gap: var(--spacing-4);
  }
  .gap-spacing-8 {
    gap: var(--spacing-8);
  }
  .gap-spacing-12 {
    gap: var(--spacing-12);
  }
  .gap-spacing-16 {
    gap: var(--spacing-16);
  }
  .gap-spacing-20 {
    gap: var(--spacing-20);
  }
  .gap-spacing-24 {
    gap: var(--spacing-24);
  }
  .gap-spacing-32 {
    gap: var(--spacing-32);
  }
  .gap-spacing-40 {
    gap: var(--spacing-40);
  }
  .gap-spacing-48 {
    gap: var(--spacing-48);
  }
  .gap-spacing-64 {
    gap: var(--spacing-64);
  }
  .text-field-border {
    border-radius: var(--text-field-border-radius);
    border-width: var(--text-field-border-width);
    border-color: var(--text-field-border-color);
  }
  .radius-4 {
    border-radius: var(--radius-4);
  }
  .radius-6 {
    border-radius: var(--radius-6);
  }
  .radius-8 {
    border-radius: var(--radius-8);
  }
  .radius-12 {
    border-radius: var(--radius-12);
  }
  .radius-16 {
    border-radius: var(--radius-16);
  }
  .radius-24 {
    border-radius: var(--radius-24);
  }
  .radius-32 {
    border-radius: var(--radius-32);
  }
  .radius-40 {
    border-radius: var(--radius-40);
  }
  .radius-48 {
    border-radius: var(--radius-48);
  }
  .radius-full {
    border-radius: var(--radius-full);
  }
  .radius-none {
    border-radius: var(--radius-none);
  }
  .rounded-full {
    border-radius: var(--radius-full);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .stroke-0-5 {
    border-width: var(--stroke-0-5);
  }
  .stroke-0-75 {
    border-width: var(--stroke-0-75);
  }
  .stroke-1 {
    border-width: var(--stroke-1);
  }
  .stroke-1-5 {
    border-width: var(--stroke-1-5);
  }
  .stroke-1-25 {
    border-width: var(--stroke-1-25);
  }
  .stroke-1-75 {
    border-width: var(--stroke-1-75);
  }
  .stroke-2 {
    border-width: var(--stroke-2);
  }
  .stroke-2-5 {
    border-width: var(--stroke-2-5);
  }
  .stroke-2-25 {
    border-width: var(--stroke-2-25);
  }
  .stroke-2-75 {
    border-width: var(--stroke-2-75);
  }
  .stroke-3 {
    border-width: var(--stroke-3);
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .button-variant-secondary {
    background-color: var(--button-secondary-bg);
    border-color: var(--button-secondary-border);
    color: var(--button-secondary-text);
    &:hover {
      background-color: var(--button-secondary-bg-hover);
      border-color: var(--button-secondary-border-hover);
      color: var(--button-secondary-text-hover);
    }
  }
  .button-variant-destructive {
    background-color: var(--button-destructive-bg);
    border-color: var(--button-destructive-border);
    color: var(--button-destructive-text);
    &:hover {
      background-color: var(--button-destructive-bg-hover);
      border-color: var(--button-destructive-border-hover);
    }
  }
  .button-variant-primary {
    background-color: var(--button-primary-bg);
    border-color: var(--button-primary-border);
    color: var(--button-primary-text);
    &:hover {
      background-color: var(--button-primary-bg-hover);
      border-color: var(--button-primary-border-hover);
    }
  }
  .button-variant-success {
    background-color: var(--button-success-bg);
    border-color: var(--button-success-border);
    color: var(--button-success-text);
    &:hover {
      background-color: var(--button-success-bg-hover);
      border-color: var(--button-success-border-hover);
    }
  }
  .text-field-disabled {
    background-color: var(--text-field-background-color-disabled);
    color: var(--text-field-color-disabled);
    border-color: var(--text-field-border-color-disabled);
    &:hover {
      border-color: var(--text-field-border-color-disabled);
    }
  }
  .checkbox-checked {
    background-color: var(--checkbox-checked-bg);
    border-color: var(--checkbox-checked-border);
    &:hover {
      background-color: var(--checkbox-checked-bg-hover);
      border-color: var(--checkbox-checked-border-hover);
    }
  }
  .checkbox-indeterminate {
    background-color: var(--checkbox-checked-bg);
    border-color: var(--checkbox-checked-border);
    &:hover {
      background-color: var(--checkbox-checked-bg-hover);
      border-color: var(--checkbox-checked-border-hover);
    }
  }
  .checkbox-default {
    background-color: var(--checkbox-default-bg);
    border-color: var(--checkbox-default-border);
    &:hover {
      border-color: var(--checkbox-default-border-hover);
    }
  }
  .text-field-readonly {
    background-color: var(--text-field-background-color-disabled);
    border-color: var(--text-field-border-color-read-only);
    &:hover {
      border-color: var(--text-field-border-color-read-only);
    }
  }
  .text-field-error {
    background-color: var(--bg-destructive-subtle);
    border-color: var(--border-error);
  }
  .text-field-success {
    background-color: var(--bg-success-subtle);
    border-color: var(--border-success);
  }
  .border-always-white {
    border-color: var(--border-always-white);
  }
  .border-blue-600 {
    border-color: var(--color-blue-600);
  }
  .border-brand {
    border-color: var(--border-brand);
  }
  .border-brand-hover {
    border-color: var(--border-brand-hover);
  }
  .border-color-alpha-accent-2 {
    border-color: var(--color-alpha-accent-2);
  }
  .border-color-alpha-accent-5 {
    border-color: var(--color-alpha-accent-5);
  }
  .border-color-alpha-accent-7 {
    border-color: var(--color-alpha-accent-7);
  }
  .border-color-alpha-accent-10 {
    border-color: var(--color-alpha-accent-10);
  }
  .border-color-alpha-accent-15 {
    border-color: var(--color-alpha-accent-15);
  }
  .border-color-alpha-accent-20 {
    border-color: var(--color-alpha-accent-20);
  }
  .border-color-alpha-accent-30 {
    border-color: var(--color-alpha-accent-30);
  }
  .border-color-alpha-accent-40 {
    border-color: var(--color-alpha-accent-40);
  }
  .border-color-alpha-accent-50 {
    border-color: var(--color-alpha-accent-50);
  }
  .border-color-alpha-accent-60 {
    border-color: var(--color-alpha-accent-60);
  }
  .border-color-alpha-accent-70 {
    border-color: var(--color-alpha-accent-70);
  }
  .border-color-alpha-accent-80 {
    border-color: var(--color-alpha-accent-80);
  }
  .border-color-alpha-accent-90 {
    border-color: var(--color-alpha-accent-90);
  }
  .border-color-alpha-black-2 {
    border-color: var(--color-alpha-black-2);
  }
  .border-color-alpha-black-5 {
    border-color: var(--color-alpha-black-5);
  }
  .border-color-alpha-black-7 {
    border-color: var(--color-alpha-black-7);
  }
  .border-color-alpha-black-10 {
    border-color: var(--color-alpha-black-10);
  }
  .border-color-alpha-black-15 {
    border-color: var(--color-alpha-black-15);
  }
  .border-color-alpha-black-20 {
    border-color: var(--color-alpha-black-20);
  }
  .border-color-alpha-black-30 {
    border-color: var(--color-alpha-black-30);
  }
  .border-color-alpha-black-40 {
    border-color: var(--color-alpha-black-40);
  }
  .border-color-alpha-black-50 {
    border-color: var(--color-alpha-black-50);
  }
  .border-color-alpha-black-60 {
    border-color: var(--color-alpha-black-60);
  }
  .border-color-alpha-black-70 {
    border-color: var(--color-alpha-black-70);
  }
  .border-color-alpha-black-80 {
    border-color: var(--color-alpha-black-80);
  }
  .border-color-alpha-black-90 {
    border-color: var(--color-alpha-black-90);
  }
  .border-color-alpha-green-2 {
    border-color: var(--color-alpha-green-2);
  }
  .border-color-alpha-green-5 {
    border-color: var(--color-alpha-green-5);
  }
  .border-color-alpha-green-7 {
    border-color: var(--color-alpha-green-7);
  }
  .border-color-alpha-green-10 {
    border-color: var(--color-alpha-green-10);
  }
  .border-color-alpha-green-15 {
    border-color: var(--color-alpha-green-15);
  }
  .border-color-alpha-green-20 {
    border-color: var(--color-alpha-green-20);
  }
  .border-color-alpha-green-30 {
    border-color: var(--color-alpha-green-30);
  }
  .border-color-alpha-green-40 {
    border-color: var(--color-alpha-green-40);
  }
  .border-color-alpha-green-50 {
    border-color: var(--color-alpha-green-50);
  }
  .border-color-alpha-green-60 {
    border-color: var(--color-alpha-green-60);
  }
  .border-color-alpha-green-70 {
    border-color: var(--color-alpha-green-70);
  }
  .border-color-alpha-green-80 {
    border-color: var(--color-alpha-green-80);
  }
  .border-color-alpha-green-90 {
    border-color: var(--color-alpha-green-90);
  }
  .border-color-alpha-primary-2 {
    border-color: var(--color-alpha-primary-2);
  }
  .border-color-alpha-primary-5 {
    border-color: var(--color-alpha-primary-5);
  }
  .border-color-alpha-primary-7 {
    border-color: var(--color-alpha-primary-7);
  }
  .border-color-alpha-primary-10 {
    border-color: var(--color-alpha-primary-10);
  }
  .border-color-alpha-primary-15 {
    border-color: var(--color-alpha-primary-15);
  }
  .border-color-alpha-primary-20 {
    border-color: var(--color-alpha-primary-20);
  }
  .border-color-alpha-primary-30 {
    border-color: var(--color-alpha-primary-30);
  }
  .border-color-alpha-primary-40 {
    border-color: var(--color-alpha-primary-40);
  }
  .border-color-alpha-primary-50 {
    border-color: var(--color-alpha-primary-50);
  }
  .border-color-alpha-primary-60 {
    border-color: var(--color-alpha-primary-60);
  }
  .border-color-alpha-primary-70 {
    border-color: var(--color-alpha-primary-70);
  }
  .border-color-alpha-primary-80 {
    border-color: var(--color-alpha-primary-80);
  }
  .border-color-alpha-primary-90 {
    border-color: var(--color-alpha-primary-90);
  }
  .border-color-alpha-red-2 {
    border-color: var(--color-alpha-red-2);
  }
  .border-color-alpha-red-5 {
    border-color: var(--color-alpha-red-5);
  }
  .border-color-alpha-red-7 {
    border-color: var(--color-alpha-red-7);
  }
  .border-color-alpha-red-10 {
    border-color: var(--color-alpha-red-10);
  }
  .border-color-alpha-red-15 {
    border-color: var(--color-alpha-red-15);
  }
  .border-color-alpha-red-20 {
    border-color: var(--color-alpha-red-20);
  }
  .border-color-alpha-red-30 {
    border-color: var(--color-alpha-red-30);
  }
  .border-color-alpha-red-40 {
    border-color: var(--color-alpha-red-40);
  }
  .border-color-alpha-red-50 {
    border-color: var(--color-alpha-red-50);
  }
  .border-color-alpha-red-60 {
    border-color: var(--color-alpha-red-60);
  }
  .border-color-alpha-red-70 {
    border-color: var(--color-alpha-red-70);
  }
  .border-color-alpha-red-80 {
    border-color: var(--color-alpha-red-80);
  }
  .border-color-alpha-red-90 {
    border-color: var(--color-alpha-red-90);
  }
  .border-color-alpha-white-2 {
    border-color: var(--color-alpha-white-2);
  }
  .border-color-alpha-white-5 {
    border-color: var(--color-alpha-white-5);
  }
  .border-color-alpha-white-7 {
    border-color: var(--color-alpha-white-7);
  }
  .border-color-alpha-white-10 {
    border-color: var(--color-alpha-white-10);
  }
  .border-color-alpha-white-15 {
    border-color: var(--color-alpha-white-15);
  }
  .border-color-alpha-white-20 {
    border-color: var(--color-alpha-white-20);
  }
  .border-color-alpha-white-30 {
    border-color: var(--color-alpha-white-30);
  }
  .border-color-alpha-white-40 {
    border-color: var(--color-alpha-white-40);
  }
  .border-color-alpha-white-50 {
    border-color: var(--color-alpha-white-50);
  }
  .border-color-alpha-white-60 {
    border-color: var(--color-alpha-white-60);
  }
  .border-color-alpha-white-70 {
    border-color: var(--color-alpha-white-70);
  }
  .border-color-alpha-white-80 {
    border-color: var(--color-alpha-white-80);
  }
  .border-color-alpha-white-90 {
    border-color: var(--color-alpha-white-90);
  }
  .border-color-alpha-yellow-2 {
    border-color: var(--color-alpha-yellow-2);
  }
  .border-color-alpha-yellow-5 {
    border-color: var(--color-alpha-yellow-5);
  }
  .border-color-alpha-yellow-7 {
    border-color: var(--color-alpha-yellow-7);
  }
  .border-color-alpha-yellow-10 {
    border-color: var(--color-alpha-yellow-10);
  }
  .border-color-alpha-yellow-15 {
    border-color: var(--color-alpha-yellow-15);
  }
  .border-color-alpha-yellow-20 {
    border-color: var(--color-alpha-yellow-20);
  }
  .border-color-alpha-yellow-30 {
    border-color: var(--color-alpha-yellow-30);
  }
  .border-color-alpha-yellow-40 {
    border-color: var(--color-alpha-yellow-40);
  }
  .border-color-alpha-yellow-50 {
    border-color: var(--color-alpha-yellow-50);
  }
  .border-color-alpha-yellow-60 {
    border-color: var(--color-alpha-yellow-60);
  }
  .border-color-alpha-yellow-70 {
    border-color: var(--color-alpha-yellow-70);
  }
  .border-color-alpha-yellow-80 {
    border-color: var(--color-alpha-yellow-80);
  }
  .border-color-alpha-yellow-90 {
    border-color: var(--color-alpha-yellow-90);
  }
  .border-color-gray-50 {
    border-color: var(--color-gray-50);
  }
  .border-color-gray-100 {
    border-color: var(--color-gray-100);
  }
  .border-color-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-color-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-color-gray-400 {
    border-color: var(--color-gray-400);
  }
  .border-color-gray-500 {
    border-color: var(--color-gray-500);
  }
  .border-color-gray-600 {
    border-color: var(--color-gray-600);
  }
  .border-color-gray-700 {
    border-color: var(--color-gray-700);
  }
  .border-color-gray-800 {
    border-color: var(--color-gray-800);
  }
  .border-color-gray-850 {
    border-color: var(--color-gray-850);
  }
  .border-color-gray-900 {
    border-color: var(--color-gray-900);
  }
  .border-color-gray-950 {
    border-color: var(--color-gray-950);
  }
  .border-color-gray-black {
    border-color: var(--color-gray-black);
  }
  .border-color-gray-white {
    border-color: var(--color-gray-white);
  }
  .border-color-green-50 {
    border-color: var(--color-green-50);
  }
  .border-color-green-100 {
    border-color: var(--color-green-100);
  }
  .border-color-green-200 {
    border-color: var(--color-green-200);
  }
  .border-color-green-300 {
    border-color: var(--color-green-300);
  }
  .border-color-green-400 {
    border-color: var(--color-green-400);
  }
  .border-color-green-500 {
    border-color: var(--color-green-500);
  }
  .border-color-green-600 {
    border-color: var(--color-green-600);
  }
  .border-color-green-700 {
    border-color: var(--color-green-700);
  }
  .border-color-green-800 {
    border-color: var(--color-green-800);
  }
  .border-color-green-900 {
    border-color: var(--color-green-900);
  }
  .border-color-green-950 {
    border-color: var(--color-green-950);
  }
  .border-color-olive-50 {
    border-color: var(--color-olive-50);
  }
  .border-color-olive-100 {
    border-color: var(--color-olive-100);
  }
  .border-color-olive-200 {
    border-color: var(--color-olive-200);
  }
  .border-color-olive-300 {
    border-color: var(--color-olive-300);
  }
  .border-color-olive-400 {
    border-color: var(--color-olive-400);
  }
  .border-color-olive-500 {
    border-color: var(--color-olive-500);
  }
  .border-color-olive-600 {
    border-color: var(--color-olive-600);
  }
  .border-color-olive-700 {
    border-color: var(--color-olive-700);
  }
  .border-color-olive-800 {
    border-color: var(--color-olive-800);
  }
  .border-color-olive-900 {
    border-color: var(--color-olive-900);
  }
  .border-color-olive-950 {
    border-color: var(--color-olive-950);
  }
  .border-color-primary-50 {
    border-color: var(--color-primary-50);
  }
  .border-color-primary-100 {
    border-color: var(--color-primary-100);
  }
  .border-color-primary-200 {
    border-color: var(--color-primary-200);
  }
  .border-color-primary-300 {
    border-color: var(--color-primary-300);
  }
  .border-color-primary-400 {
    border-color: var(--color-primary-400);
  }
  .border-color-primary-500 {
    border-color: var(--color-primary-500);
  }
  .border-color-primary-600 {
    border-color: var(--color-primary-600);
  }
  .border-color-primary-700 {
    border-color: var(--color-primary-700);
  }
  .border-color-primary-800 {
    border-color: var(--color-primary-800);
  }
  .border-color-primary-900 {
    border-color: var(--color-primary-900);
  }
  .border-color-primary-950 {
    border-color: var(--color-primary-950);
  }
  .border-color-red-50 {
    border-color: var(--color-red-50);
  }
  .border-color-red-100 {
    border-color: var(--color-red-100);
  }
  .border-color-red-200 {
    border-color: var(--color-red-200);
  }
  .border-color-red-300 {
    border-color: var(--color-red-300);
  }
  .border-color-red-400 {
    border-color: var(--color-red-400);
  }
  .border-color-red-500 {
    border-color: var(--color-red-500);
  }
  .border-color-red-600 {
    border-color: var(--color-red-600);
  }
  .border-color-red-700 {
    border-color: var(--color-red-700);
  }
  .border-color-red-800 {
    border-color: var(--color-red-800);
  }
  .border-color-red-900 {
    border-color: var(--color-red-900);
  }
  .border-color-red-950 {
    border-color: var(--color-red-950);
  }
  .border-color-secondary-50 {
    border-color: var(--color-secondary-50);
  }
  .border-color-secondary-100 {
    border-color: var(--color-secondary-100);
  }
  .border-color-secondary-200 {
    border-color: var(--color-secondary-200);
  }
  .border-color-secondary-300 {
    border-color: var(--color-secondary-300);
  }
  .border-color-secondary-400 {
    border-color: var(--color-secondary-400);
  }
  .border-color-secondary-500 {
    border-color: var(--color-secondary-500);
  }
  .border-color-secondary-600 {
    border-color: var(--color-secondary-600);
  }
  .border-color-secondary-700 {
    border-color: var(--color-secondary-700);
  }
  .border-color-secondary-800 {
    border-color: var(--color-secondary-800);
  }
  .border-color-secondary-900 {
    border-color: var(--color-secondary-900);
  }
  .border-color-secondary-950 {
    border-color: var(--color-secondary-950);
  }
  .border-color-yellow-50 {
    border-color: var(--color-yellow-50);
  }
  .border-color-yellow-100 {
    border-color: var(--color-yellow-100);
  }
  .border-color-yellow-200 {
    border-color: var(--color-yellow-200);
  }
  .border-color-yellow-300 {
    border-color: var(--color-yellow-300);
  }
  .border-color-yellow-400 {
    border-color: var(--color-yellow-400);
  }
  .border-color-yellow-500 {
    border-color: var(--color-yellow-500);
  }
  .border-color-yellow-600 {
    border-color: var(--color-yellow-600);
  }
  .border-color-yellow-700 {
    border-color: var(--color-yellow-700);
  }
  .border-color-yellow-800 {
    border-color: var(--color-yellow-800);
  }
  .border-color-yellow-900 {
    border-color: var(--color-yellow-900);
  }
  .border-color-yellow-950 {
    border-color: var(--color-yellow-950);
  }
  .border-disabled {
    border-color: var(--border-disabled);
  }
  .border-error {
    border-color: var(--border-error);
  }
  .border-error-hover {
    border-color: var(--border-error-hover);
  }
  .border-focus {
    border-color: var(--border-focus);
  }
  .border-primary {
    border-color: var(--border-primary);
  }
  .border-secondary {
    border-color: var(--border-secondary);
  }
  .border-success {
    border-color: var(--border-success);
  }
  .border-success-hover {
    border-color: var(--border-success-hover);
  }
  .border-tertiary {
    border-color: var(--border-tertiary);
  }
  .border-warning {
    border-color: var(--border-warning);
  }
  .bg-accent-emphasis {
    background-color: var(--bg-accent-emphasis);
  }
  .bg-accent-emphasis-hover {
    background-color: var(--bg-accent-emphasis-hover);
  }
  .bg-accent-subtle {
    background-color: var(--bg-accent-subtle);
  }
  .bg-backdrop {
    background-color: var(--bg-backdrop);
  }
  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }
  .bg-brand-emphasis {
    background-color: var(--bg-brand-emphasis);
  }
  .bg-brand-emphasis-hover {
    background-color: var(--bg-brand-emphasis-hover);
  }
  .bg-brand-subtle {
    background-color: var(--bg-brand-subtle);
  }
  .bg-color-alpha-accent-2 {
    background-color: var(--color-alpha-accent-2);
  }
  .bg-color-alpha-accent-5 {
    background-color: var(--color-alpha-accent-5);
  }
  .bg-color-alpha-accent-7 {
    background-color: var(--color-alpha-accent-7);
  }
  .bg-color-alpha-accent-10 {
    background-color: var(--color-alpha-accent-10);
  }
  .bg-color-alpha-accent-15 {
    background-color: var(--color-alpha-accent-15);
  }
  .bg-color-alpha-accent-20 {
    background-color: var(--color-alpha-accent-20);
  }
  .bg-color-alpha-accent-30 {
    background-color: var(--color-alpha-accent-30);
  }
  .bg-color-alpha-accent-40 {
    background-color: var(--color-alpha-accent-40);
  }
  .bg-color-alpha-accent-50 {
    background-color: var(--color-alpha-accent-50);
  }
  .bg-color-alpha-accent-60 {
    background-color: var(--color-alpha-accent-60);
  }
  .bg-color-alpha-accent-70 {
    background-color: var(--color-alpha-accent-70);
  }
  .bg-color-alpha-accent-80 {
    background-color: var(--color-alpha-accent-80);
  }
  .bg-color-alpha-accent-90 {
    background-color: var(--color-alpha-accent-90);
  }
  .bg-color-alpha-black-2 {
    background-color: var(--color-alpha-black-2);
  }
  .bg-color-alpha-black-5 {
    background-color: var(--color-alpha-black-5);
  }
  .bg-color-alpha-black-7 {
    background-color: var(--color-alpha-black-7);
  }
  .bg-color-alpha-black-10 {
    background-color: var(--color-alpha-black-10);
  }
  .bg-color-alpha-black-15 {
    background-color: var(--color-alpha-black-15);
  }
  .bg-color-alpha-black-20 {
    background-color: var(--color-alpha-black-20);
  }
  .bg-color-alpha-black-30 {
    background-color: var(--color-alpha-black-30);
  }
  .bg-color-alpha-black-40 {
    background-color: var(--color-alpha-black-40);
  }
  .bg-color-alpha-black-50 {
    background-color: var(--color-alpha-black-50);
  }
  .bg-color-alpha-black-60 {
    background-color: var(--color-alpha-black-60);
  }
  .bg-color-alpha-black-70 {
    background-color: var(--color-alpha-black-70);
  }
  .bg-color-alpha-black-80 {
    background-color: var(--color-alpha-black-80);
  }
  .bg-color-alpha-black-90 {
    background-color: var(--color-alpha-black-90);
  }
  .bg-color-alpha-green-2 {
    background-color: var(--color-alpha-green-2);
  }
  .bg-color-alpha-green-5 {
    background-color: var(--color-alpha-green-5);
  }
  .bg-color-alpha-green-7 {
    background-color: var(--color-alpha-green-7);
  }
  .bg-color-alpha-green-10 {
    background-color: var(--color-alpha-green-10);
  }
  .bg-color-alpha-green-15 {
    background-color: var(--color-alpha-green-15);
  }
  .bg-color-alpha-green-20 {
    background-color: var(--color-alpha-green-20);
  }
  .bg-color-alpha-green-30 {
    background-color: var(--color-alpha-green-30);
  }
  .bg-color-alpha-green-40 {
    background-color: var(--color-alpha-green-40);
  }
  .bg-color-alpha-green-50 {
    background-color: var(--color-alpha-green-50);
  }
  .bg-color-alpha-green-60 {
    background-color: var(--color-alpha-green-60);
  }
  .bg-color-alpha-green-70 {
    background-color: var(--color-alpha-green-70);
  }
  .bg-color-alpha-green-80 {
    background-color: var(--color-alpha-green-80);
  }
  .bg-color-alpha-green-90 {
    background-color: var(--color-alpha-green-90);
  }
  .bg-color-alpha-primary-2 {
    background-color: var(--color-alpha-primary-2);
  }
  .bg-color-alpha-primary-5 {
    background-color: var(--color-alpha-primary-5);
  }
  .bg-color-alpha-primary-7 {
    background-color: var(--color-alpha-primary-7);
  }
  .bg-color-alpha-primary-10 {
    background-color: var(--color-alpha-primary-10);
  }
  .bg-color-alpha-primary-15 {
    background-color: var(--color-alpha-primary-15);
  }
  .bg-color-alpha-primary-20 {
    background-color: var(--color-alpha-primary-20);
  }
  .bg-color-alpha-primary-30 {
    background-color: var(--color-alpha-primary-30);
  }
  .bg-color-alpha-primary-40 {
    background-color: var(--color-alpha-primary-40);
  }
  .bg-color-alpha-primary-50 {
    background-color: var(--color-alpha-primary-50);
  }
  .bg-color-alpha-primary-60 {
    background-color: var(--color-alpha-primary-60);
  }
  .bg-color-alpha-primary-70 {
    background-color: var(--color-alpha-primary-70);
  }
  .bg-color-alpha-primary-80 {
    background-color: var(--color-alpha-primary-80);
  }
  .bg-color-alpha-primary-90 {
    background-color: var(--color-alpha-primary-90);
  }
  .bg-color-alpha-red-2 {
    background-color: var(--color-alpha-red-2);
  }
  .bg-color-alpha-red-5 {
    background-color: var(--color-alpha-red-5);
  }
  .bg-color-alpha-red-7 {
    background-color: var(--color-alpha-red-7);
  }
  .bg-color-alpha-red-10 {
    background-color: var(--color-alpha-red-10);
  }
  .bg-color-alpha-red-15 {
    background-color: var(--color-alpha-red-15);
  }
  .bg-color-alpha-red-20 {
    background-color: var(--color-alpha-red-20);
  }
  .bg-color-alpha-red-30 {
    background-color: var(--color-alpha-red-30);
  }
  .bg-color-alpha-red-40 {
    background-color: var(--color-alpha-red-40);
  }
  .bg-color-alpha-red-50 {
    background-color: var(--color-alpha-red-50);
  }
  .bg-color-alpha-red-60 {
    background-color: var(--color-alpha-red-60);
  }
  .bg-color-alpha-red-70 {
    background-color: var(--color-alpha-red-70);
  }
  .bg-color-alpha-red-80 {
    background-color: var(--color-alpha-red-80);
  }
  .bg-color-alpha-red-90 {
    background-color: var(--color-alpha-red-90);
  }
  .bg-color-alpha-white-2 {
    background-color: var(--color-alpha-white-2);
  }
  .bg-color-alpha-white-5 {
    background-color: var(--color-alpha-white-5);
  }
  .bg-color-alpha-white-7 {
    background-color: var(--color-alpha-white-7);
  }
  .bg-color-alpha-white-10 {
    background-color: var(--color-alpha-white-10);
  }
  .bg-color-alpha-white-15 {
    background-color: var(--color-alpha-white-15);
  }
  .bg-color-alpha-white-20 {
    background-color: var(--color-alpha-white-20);
  }
  .bg-color-alpha-white-30 {
    background-color: var(--color-alpha-white-30);
  }
  .bg-color-alpha-white-40 {
    background-color: var(--color-alpha-white-40);
  }
  .bg-color-alpha-white-50 {
    background-color: var(--color-alpha-white-50);
  }
  .bg-color-alpha-white-60 {
    background-color: var(--color-alpha-white-60);
  }
  .bg-color-alpha-white-70 {
    background-color: var(--color-alpha-white-70);
  }
  .bg-color-alpha-white-80 {
    background-color: var(--color-alpha-white-80);
  }
  .bg-color-alpha-white-90 {
    background-color: var(--color-alpha-white-90);
  }
  .bg-color-alpha-yellow-2 {
    background-color: var(--color-alpha-yellow-2);
  }
  .bg-color-alpha-yellow-5 {
    background-color: var(--color-alpha-yellow-5);
  }
  .bg-color-alpha-yellow-7 {
    background-color: var(--color-alpha-yellow-7);
  }
  .bg-color-alpha-yellow-10 {
    background-color: var(--color-alpha-yellow-10);
  }
  .bg-color-alpha-yellow-15 {
    background-color: var(--color-alpha-yellow-15);
  }
  .bg-color-alpha-yellow-20 {
    background-color: var(--color-alpha-yellow-20);
  }
  .bg-color-alpha-yellow-30 {
    background-color: var(--color-alpha-yellow-30);
  }
  .bg-color-alpha-yellow-40 {
    background-color: var(--color-alpha-yellow-40);
  }
  .bg-color-alpha-yellow-50 {
    background-color: var(--color-alpha-yellow-50);
  }
  .bg-color-alpha-yellow-60 {
    background-color: var(--color-alpha-yellow-60);
  }
  .bg-color-alpha-yellow-70 {
    background-color: var(--color-alpha-yellow-70);
  }
  .bg-color-alpha-yellow-80 {
    background-color: var(--color-alpha-yellow-80);
  }
  .bg-color-alpha-yellow-90 {
    background-color: var(--color-alpha-yellow-90);
  }
  .bg-color-gray-50 {
    background-color: var(--color-gray-50);
  }
  .bg-color-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-color-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-color-gray-300 {
    background-color: var(--color-gray-300);
  }
  .bg-color-gray-400 {
    background-color: var(--color-gray-400);
  }
  .bg-color-gray-500 {
    background-color: var(--color-gray-500);
  }
  .bg-color-gray-600 {
    background-color: var(--color-gray-600);
  }
  .bg-color-gray-700 {
    background-color: var(--color-gray-700);
  }
  .bg-color-gray-800 {
    background-color: var(--color-gray-800);
  }
  .bg-color-gray-850 {
    background-color: var(--color-gray-850);
  }
  .bg-color-gray-900 {
    background-color: var(--color-gray-900);
  }
  .bg-color-gray-950 {
    background-color: var(--color-gray-950);
  }
  .bg-color-gray-black {
    background-color: var(--color-gray-black);
  }
  .bg-color-gray-white {
    background-color: var(--color-gray-white);
  }
  .bg-color-green-50 {
    background-color: var(--color-green-50);
  }
  .bg-color-green-100 {
    background-color: var(--color-green-100);
  }
  .bg-color-green-200 {
    background-color: var(--color-green-200);
  }
  .bg-color-green-300 {
    background-color: var(--color-green-300);
  }
  .bg-color-green-400 {
    background-color: var(--color-green-400);
  }
  .bg-color-green-500 {
    background-color: var(--color-green-500);
  }
  .bg-color-green-600 {
    background-color: var(--color-green-600);
  }
  .bg-color-green-700 {
    background-color: var(--color-green-700);
  }
  .bg-color-green-800 {
    background-color: var(--color-green-800);
  }
  .bg-color-green-900 {
    background-color: var(--color-green-900);
  }
  .bg-color-green-950 {
    background-color: var(--color-green-950);
  }
  .bg-color-olive-50 {
    background-color: var(--color-olive-50);
  }
  .bg-color-olive-100 {
    background-color: var(--color-olive-100);
  }
  .bg-color-olive-200 {
    background-color: var(--color-olive-200);
  }
  .bg-color-olive-300 {
    background-color: var(--color-olive-300);
  }
  .bg-color-olive-400 {
    background-color: var(--color-olive-400);
  }
  .bg-color-olive-500 {
    background-color: var(--color-olive-500);
  }
  .bg-color-olive-600 {
    background-color: var(--color-olive-600);
  }
  .bg-color-olive-700 {
    background-color: var(--color-olive-700);
  }
  .bg-color-olive-800 {
    background-color: var(--color-olive-800);
  }
  .bg-color-olive-900 {
    background-color: var(--color-olive-900);
  }
  .bg-color-olive-950 {
    background-color: var(--color-olive-950);
  }
  .bg-color-primary-50 {
    background-color: var(--color-primary-50);
  }
  .bg-color-primary-100 {
    background-color: var(--color-primary-100);
  }
  .bg-color-primary-200 {
    background-color: var(--color-primary-200);
  }
  .bg-color-primary-300 {
    background-color: var(--color-primary-300);
  }
  .bg-color-primary-400 {
    background-color: var(--color-primary-400);
  }
  .bg-color-primary-500 {
    background-color: var(--color-primary-500);
  }
  .bg-color-primary-600 {
    background-color: var(--color-primary-600);
  }
  .bg-color-primary-700 {
    background-color: var(--color-primary-700);
  }
  .bg-color-primary-800 {
    background-color: var(--color-primary-800);
  }
  .bg-color-primary-900 {
    background-color: var(--color-primary-900);
  }
  .bg-color-primary-950 {
    background-color: var(--color-primary-950);
  }
  .bg-color-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-color-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-color-red-200 {
    background-color: var(--color-red-200);
  }
  .bg-color-red-300 {
    background-color: var(--color-red-300);
  }
  .bg-color-red-400 {
    background-color: var(--color-red-400);
  }
  .bg-color-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-color-red-600 {
    background-color: var(--color-red-600);
  }
  .bg-color-red-700 {
    background-color: var(--color-red-700);
  }
  .bg-color-red-800 {
    background-color: var(--color-red-800);
  }
  .bg-color-red-900 {
    background-color: var(--color-red-900);
  }
  .bg-color-red-950 {
    background-color: var(--color-red-950);
  }
  .bg-color-secondary-50 {
    background-color: var(--color-secondary-50);
  }
  .bg-color-secondary-100 {
    background-color: var(--color-secondary-100);
  }
  .bg-color-secondary-200 {
    background-color: var(--color-secondary-200);
  }
  .bg-color-secondary-300 {
    background-color: var(--color-secondary-300);
  }
  .bg-color-secondary-400 {
    background-color: var(--color-secondary-400);
  }
  .bg-color-secondary-500 {
    background-color: var(--color-secondary-500);
  }
  .bg-color-secondary-600 {
    background-color: var(--color-secondary-600);
  }
  .bg-color-secondary-700 {
    background-color: var(--color-secondary-700);
  }
  .bg-color-secondary-800 {
    background-color: var(--color-secondary-800);
  }
  .bg-color-secondary-900 {
    background-color: var(--color-secondary-900);
  }
  .bg-color-secondary-950 {
    background-color: var(--color-secondary-950);
  }
  .bg-color-yellow-50 {
    background-color: var(--color-yellow-50);
  }
  .bg-color-yellow-100 {
    background-color: var(--color-yellow-100);
  }
  .bg-color-yellow-200 {
    background-color: var(--color-yellow-200);
  }
  .bg-color-yellow-300 {
    background-color: var(--color-yellow-300);
  }
  .bg-color-yellow-400 {
    background-color: var(--color-yellow-400);
  }
  .bg-color-yellow-500 {
    background-color: var(--color-yellow-500);
  }
  .bg-color-yellow-600 {
    background-color: var(--color-yellow-600);
  }
  .bg-color-yellow-700 {
    background-color: var(--color-yellow-700);
  }
  .bg-color-yellow-800 {
    background-color: var(--color-yellow-800);
  }
  .bg-color-yellow-900 {
    background-color: var(--color-yellow-900);
  }
  .bg-color-yellow-950 {
    background-color: var(--color-yellow-950);
  }
  .bg-content-accent {
    background-color: var(--content-accent);
  }
  .bg-content-always-dark {
    background-color: var(--content-always-dark);
  }
  .bg-content-always-dark-50 {
    background-color: var(--content-always-dark-50);
  }
  .bg-content-always-dark-70 {
    background-color: var(--content-always-dark-70);
  }
  .bg-content-always-white {
    background-color: var(--content-always-white);
  }
  .bg-content-always-white-50 {
    background-color: var(--content-always-white-50);
  }
  .bg-content-always-white-70 {
    background-color: var(--content-always-white-70);
  }
  .bg-content-brand {
    background-color: var(--content-brand);
  }
  .bg-content-brand-hover {
    background-color: var(--content-brand-hover);
  }
  .bg-content-disabled {
    background-color: var(--content-disabled);
  }
  .bg-content-negative {
    background-color: var(--content-negative);
  }
  .bg-content-negative-disabled {
    background-color: var(--content-negative-disabled);
  }
  .bg-content-negative-hover {
    background-color: var(--content-negative-hover);
  }
  .bg-content-positive {
    background-color: var(--content-positive);
  }
  .bg-content-primary {
    background-color: var(--content-primary);
  }
  .bg-content-primary-inverse {
    background-color: var(--content-primary-inverse);
  }
  .bg-content-secondary {
    background-color: var(--content-secondary);
  }
  .bg-content-secondary-inverse {
    background-color: var(--content-secondary-inverse);
  }
  .bg-content-warning {
    background-color: var(--content-warning);
  }
  .bg-content-warning-hover {
    background-color: var(--content-warning-hover);
  }
  .bg-destructive-emphasis {
    background-color: var(--bg-destructive-emphasis);
  }
  .bg-destructive-emphasis-hover {
    background-color: var(--bg-destructive-emphasis-hover);
  }
  .bg-destructive-subtle {
    background-color: var(--bg-destructive-subtle);
  }
  .bg-disabled {
    background-color: var(--bg-disabled);
  }
  .bg-disabled-subtle {
    background-color: var(--bg-disabled-subtle);
  }
  .bg-elevated {
    background-color: var(--bg-elevated);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-hover {
    background-color: var(--bg-hover);
  }
  .bg-neutral-gray {
    background-color: var(--bg-neutral-gray);
  }
  .bg-primary {
    background-color: var(--bg-primary);
  }
  .bg-quarternary {
    background-color: var(--bg-quarternary);
  }
  .bg-recessed {
    background-color: var(--bg-recessed);
  }
  .bg-secondary {
    background-color: var(--bg-secondary);
  }
  .bg-shadow-blur {
    background-color: var(--bg-shadow-blur);
  }
  .bg-subtle {
    background-color: var(--bg-subtle);
  }
  .bg-success-emphasis {
    background-color: var(--bg-success-emphasis);
  }
  .bg-success-emphasis-hover {
    background-color: var(--bg-success-emphasis-hover);
  }
  .bg-success-subtle {
    background-color: var(--bg-success-subtle);
  }
  .bg-tertiary {
    background-color: var(--bg-tertiary);
  }
  .bg-warning-emphasis {
    background-color: var(--bg-warning-emphasis);
  }
  .bg-warning-emphasis-hover {
    background-color: var(--bg-warning-emphasis-hover);
  }
  .bg-warning-subtle {
    background-color: var(--bg-warning-subtle);
  }
  .input-bg-disabled {
    background-color: var(--input-bg-disabled);
  }
  .stroke-0-5 {
    stroke: var(--stroke-0-5);
  }
  .stroke-0-75 {
    stroke: var(--stroke-0-75);
  }
  .stroke-1 {
    stroke: var(--stroke-1);
  }
  .stroke-1-5 {
    stroke: var(--stroke-1-5);
  }
  .stroke-1-25 {
    stroke: var(--stroke-1-25);
  }
  .stroke-1-75 {
    stroke: var(--stroke-1-75);
  }
  .stroke-2 {
    stroke: var(--stroke-2);
  }
  .stroke-2-5 {
    stroke: var(--stroke-2-5);
  }
  .stroke-2-25 {
    stroke: var(--stroke-2-25);
  }
  .stroke-2-75 {
    stroke: var(--stroke-2-75);
  }
  .stroke-3 {
    stroke: var(--stroke-3);
  }
  .p-0 {
    padding: var(--spacing-0);
  }
  .p-spacing-0 {
    padding: var(--spacing-0);
  }
  .p-spacing-2 {
    padding: var(--spacing-2);
  }
  .p-spacing-3 {
    padding: var(--spacing-3);
  }
  .p-spacing-4 {
    padding: var(--spacing-4);
  }
  .p-spacing-8 {
    padding: var(--spacing-8);
  }
  .p-spacing-12 {
    padding: var(--spacing-12);
  }
  .p-spacing-16 {
    padding: var(--spacing-16);
  }
  .p-spacing-20 {
    padding: var(--spacing-20);
  }
  .p-spacing-24 {
    padding: var(--spacing-24);
  }
  .p-spacing-32 {
    padding: var(--spacing-32);
  }
  .p-spacing-40 {
    padding: var(--spacing-40);
  }
  .p-spacing-48 {
    padding: var(--spacing-48);
  }
  .p-spacing-64 {
    padding: var(--spacing-64);
  }
  .px-spacing-0 {
    padding-inline: var(--spacing-0);
  }
  .px-spacing-2 {
    padding-inline: var(--spacing-2);
  }
  .px-spacing-3 {
    padding-inline: var(--spacing-3);
  }
  .px-spacing-4 {
    padding-inline: var(--spacing-4);
  }
  .px-spacing-8 {
    padding-inline: var(--spacing-8);
  }
  .px-spacing-12 {
    padding-inline: var(--spacing-12);
  }
  .px-spacing-16 {
    padding-inline: var(--spacing-16);
  }
  .px-spacing-20 {
    padding-inline: var(--spacing-20);
  }
  .px-spacing-24 {
    padding-inline: var(--spacing-24);
  }
  .px-spacing-32 {
    padding-inline: var(--spacing-32);
  }
  .px-spacing-40 {
    padding-inline: var(--spacing-40);
  }
  .px-spacing-48 {
    padding-inline: var(--spacing-48);
  }
  .px-spacing-64 {
    padding-inline: var(--spacing-64);
  }
  .text-field-spacing {
    padding-inline: var(--text-field-padding-inline);
  }
  .text-field-size-lg {
    block-size: var(--text-field-block-size-lg);
    padding-block: var(--text-field-padding-block-lg);
  }
  .text-field-size-md {
    block-size: var(--text-field-block-size-md);
    padding-block: var(--text-field-padding-block-md);
  }
  .py-spacing-0 {
    padding-block: var(--spacing-0);
  }
  .py-spacing-2 {
    padding-block: var(--spacing-2);
  }
  .py-spacing-3 {
    padding-block: var(--spacing-3);
  }
  .py-spacing-4 {
    padding-block: var(--spacing-4);
  }
  .py-spacing-8 {
    padding-block: var(--spacing-8);
  }
  .py-spacing-12 {
    padding-block: var(--spacing-12);
  }
  .py-spacing-16 {
    padding-block: var(--spacing-16);
  }
  .py-spacing-20 {
    padding-block: var(--spacing-20);
  }
  .py-spacing-24 {
    padding-block: var(--spacing-24);
  }
  .py-spacing-32 {
    padding-block: var(--spacing-32);
  }
  .py-spacing-40 {
    padding-block: var(--spacing-40);
  }
  .py-spacing-48 {
    padding-block: var(--spacing-48);
  }
  .py-spacing-64 {
    padding-block: var(--spacing-64);
  }
  .pl-spacing-0 {
    -webkit-padding-start: var(--spacing-0);
            padding-inline-start: var(--spacing-0);
  }
  .pl-spacing-2 {
    -webkit-padding-start: var(--spacing-2);
            padding-inline-start: var(--spacing-2);
  }
  .pl-spacing-3 {
    -webkit-padding-start: var(--spacing-3);
            padding-inline-start: var(--spacing-3);
  }
  .pl-spacing-4 {
    -webkit-padding-start: var(--spacing-4);
            padding-inline-start: var(--spacing-4);
  }
  .pl-spacing-8 {
    -webkit-padding-start: var(--spacing-8);
            padding-inline-start: var(--spacing-8);
  }
  .pl-spacing-12 {
    -webkit-padding-start: var(--spacing-12);
            padding-inline-start: var(--spacing-12);
  }
  .pl-spacing-16 {
    -webkit-padding-start: var(--spacing-16);
            padding-inline-start: var(--spacing-16);
  }
  .pl-spacing-20 {
    -webkit-padding-start: var(--spacing-20);
            padding-inline-start: var(--spacing-20);
  }
  .pl-spacing-24 {
    -webkit-padding-start: var(--spacing-24);
            padding-inline-start: var(--spacing-24);
  }
  .pl-spacing-32 {
    -webkit-padding-start: var(--spacing-32);
            padding-inline-start: var(--spacing-32);
  }
  .pl-spacing-40 {
    -webkit-padding-start: var(--spacing-40);
            padding-inline-start: var(--spacing-40);
  }
  .pl-spacing-48 {
    -webkit-padding-start: var(--spacing-48);
            padding-inline-start: var(--spacing-48);
  }
  .pl-spacing-64 {
    -webkit-padding-start: var(--spacing-64);
            padding-inline-start: var(--spacing-64);
  }
  .pr-spacing-0 {
    -webkit-padding-end: var(--spacing-0);
            padding-inline-end: var(--spacing-0);
  }
  .pr-spacing-2 {
    -webkit-padding-end: var(--spacing-2);
            padding-inline-end: var(--spacing-2);
  }
  .pr-spacing-3 {
    -webkit-padding-end: var(--spacing-3);
            padding-inline-end: var(--spacing-3);
  }
  .pr-spacing-4 {
    -webkit-padding-end: var(--spacing-4);
            padding-inline-end: var(--spacing-4);
  }
  .pr-spacing-8 {
    -webkit-padding-end: var(--spacing-8);
            padding-inline-end: var(--spacing-8);
  }
  .pr-spacing-12 {
    -webkit-padding-end: var(--spacing-12);
            padding-inline-end: var(--spacing-12);
  }
  .pr-spacing-16 {
    -webkit-padding-end: var(--spacing-16);
            padding-inline-end: var(--spacing-16);
  }
  .pr-spacing-20 {
    -webkit-padding-end: var(--spacing-20);
            padding-inline-end: var(--spacing-20);
  }
  .pr-spacing-24 {
    -webkit-padding-end: var(--spacing-24);
            padding-inline-end: var(--spacing-24);
  }
  .pr-spacing-32 {
    -webkit-padding-end: var(--spacing-32);
            padding-inline-end: var(--spacing-32);
  }
  .pr-spacing-40 {
    -webkit-padding-end: var(--spacing-40);
            padding-inline-end: var(--spacing-40);
  }
  .pr-spacing-48 {
    -webkit-padding-end: var(--spacing-48);
            padding-inline-end: var(--spacing-48);
  }
  .pr-spacing-64 {
    -webkit-padding-end: var(--spacing-64);
            padding-inline-end: var(--spacing-64);
  }
  .pt-spacing-0 {
    -webkit-padding-before: var(--spacing-0);
            padding-block-start: var(--spacing-0);
  }
  .pt-spacing-2 {
    -webkit-padding-before: var(--spacing-2);
            padding-block-start: var(--spacing-2);
  }
  .pt-spacing-3 {
    -webkit-padding-before: var(--spacing-3);
            padding-block-start: var(--spacing-3);
  }
  .pt-spacing-4 {
    -webkit-padding-before: var(--spacing-4);
            padding-block-start: var(--spacing-4);
  }
  .pt-spacing-8 {
    -webkit-padding-before: var(--spacing-8);
            padding-block-start: var(--spacing-8);
  }
  .pt-spacing-12 {
    -webkit-padding-before: var(--spacing-12);
            padding-block-start: var(--spacing-12);
  }
  .pt-spacing-16 {
    -webkit-padding-before: var(--spacing-16);
            padding-block-start: var(--spacing-16);
  }
  .pt-spacing-20 {
    -webkit-padding-before: var(--spacing-20);
            padding-block-start: var(--spacing-20);
  }
  .pt-spacing-24 {
    -webkit-padding-before: var(--spacing-24);
            padding-block-start: var(--spacing-24);
  }
  .pt-spacing-32 {
    -webkit-padding-before: var(--spacing-32);
            padding-block-start: var(--spacing-32);
  }
  .pt-spacing-40 {
    -webkit-padding-before: var(--spacing-40);
            padding-block-start: var(--spacing-40);
  }
  .pt-spacing-48 {
    -webkit-padding-before: var(--spacing-48);
            padding-block-start: var(--spacing-48);
  }
  .pt-spacing-64 {
    -webkit-padding-before: var(--spacing-64);
            padding-block-start: var(--spacing-64);
  }
  .pb-spacing-0 {
    -webkit-padding-after: var(--spacing-0);
            padding-block-end: var(--spacing-0);
  }
  .pb-spacing-2 {
    -webkit-padding-after: var(--spacing-2);
            padding-block-end: var(--spacing-2);
  }
  .pb-spacing-3 {
    -webkit-padding-after: var(--spacing-3);
            padding-block-end: var(--spacing-3);
  }
  .pb-spacing-4 {
    -webkit-padding-after: var(--spacing-4);
            padding-block-end: var(--spacing-4);
  }
  .pb-spacing-8 {
    -webkit-padding-after: var(--spacing-8);
            padding-block-end: var(--spacing-8);
  }
  .pb-spacing-12 {
    -webkit-padding-after: var(--spacing-12);
            padding-block-end: var(--spacing-12);
  }
  .pb-spacing-16 {
    -webkit-padding-after: var(--spacing-16);
            padding-block-end: var(--spacing-16);
  }
  .pb-spacing-20 {
    -webkit-padding-after: var(--spacing-20);
            padding-block-end: var(--spacing-20);
  }
  .pb-spacing-24 {
    -webkit-padding-after: var(--spacing-24);
            padding-block-end: var(--spacing-24);
  }
  .pb-spacing-32 {
    -webkit-padding-after: var(--spacing-32);
            padding-block-end: var(--spacing-32);
  }
  .pb-spacing-40 {
    -webkit-padding-after: var(--spacing-40);
            padding-block-end: var(--spacing-40);
  }
  .pb-spacing-48 {
    -webkit-padding-after: var(--spacing-48);
            padding-block-end: var(--spacing-48);
  }
  .pb-spacing-64 {
    -webkit-padding-after: var(--spacing-64);
            padding-block-end: var(--spacing-64);
  }
  .heading-font-family {
    font-family: var(--font-heading);
  }
  .text-font-family {
    font-family: var(--font-text);
  }
  .heading-size-2xl {
    font-size: var(--heading-font-size-2xl);
    line-height: var(--heading-line-height-2xl);
  }
  .heading-size-3xl {
    font-size: var(--heading-font-size-3xl);
    line-height: var(--heading-line-height-3xl);
  }
  .heading-size-4xl {
    font-size: var(--heading-font-size-4xl);
    line-height: var(--heading-line-height-4xl);
  }
  .heading-size-5xl {
    font-size: var(--heading-font-size-5xl);
    line-height: var(--heading-line-height-5xl);
  }
  .heading-size-lg {
    font-size: var(--heading-font-size-lg);
    line-height: var(--heading-line-height-lg);
  }
  .heading-size-md {
    font-size: var(--heading-font-size-md);
    line-height: var(--heading-line-height-md);
  }
  .heading-size-sm {
    font-size: var(--heading-font-size-sm);
    line-height: var(--heading-line-height-sm);
  }
  .heading-size-xl {
    font-size: var(--heading-font-size-xl);
    line-height: var(--heading-line-height-xl);
  }
  .heading-size-xs {
    font-size: var(--heading-font-size-xs);
    line-height: var(--heading-line-height-xs);
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-size-2xl {
    font-size: var(--text-font-size-2xl);
    line-height: var(--text-line-height-2xl);
  }
  .text-size-3xl {
    font-size: var(--text-font-size-3xl);
    line-height: var(--text-line-height-3xl);
  }
  .text-size-4xl {
    font-size: var(--text-font-size-4xl);
    line-height: var(--text-line-height-4xl);
  }
  .text-size-5xl {
    font-size: var(--text-font-size-5xl);
    line-height: var(--text-line-height-5xl);
  }
  .text-size-lg {
    font-size: var(--text-font-size-lg);
    line-height: var(--text-line-height-lg);
  }
  .text-size-md {
    font-size: var(--text-font-size-md);
    line-height: var(--text-line-height-md);
  }
  .text-size-sm {
    font-size: var(--text-font-size-sm);
    line-height: var(--text-line-height-sm);
  }
  .text-size-xl {
    font-size: var(--text-font-size-xl);
    line-height: var(--text-line-height-xl);
  }
  .text-size-xs {
    font-size: var(--text-font-size-xs);
    line-height: var(--text-line-height-xs);
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .content-accent {
    color: var(--content-accent);
  }
  .content-always-dark {
    color: var(--content-always-dark);
  }
  .content-always-dark-50 {
    color: var(--content-always-dark-50);
  }
  .content-always-dark-70 {
    color: var(--content-always-dark-70);
  }
  .content-always-white {
    color: var(--content-always-white);
  }
  .content-always-white-50 {
    color: var(--content-always-white-50);
  }
  .content-always-white-70 {
    color: var(--content-always-white-70);
  }
  .content-brand {
    color: var(--content-brand);
  }
  .content-brand-hover {
    color: var(--content-brand-hover);
  }
  .content-disabled {
    color: var(--content-disabled);
  }
  .content-negative {
    color: var(--content-negative);
  }
  .content-negative-disabled {
    color: var(--content-negative-disabled);
  }
  .content-negative-hover {
    color: var(--content-negative-hover);
  }
  .content-positive {
    color: var(--content-positive);
  }
  .content-primary {
    color: var(--content-primary);
  }
  .content-primary-inverse {
    color: var(--content-primary-inverse);
  }
  .content-secondary {
    color: var(--content-secondary);
  }
  .content-secondary-inverse {
    color: var(--content-secondary-inverse);
  }
  .content-warning {
    color: var(--content-warning);
  }
  .content-warning-hover {
    color: var(--content-warning-hover);
  }
  .error-message-color {
    color: var(--error-message-color);
  }
  .heading-color {
    color: var(--heading-color);
  }
  .label-color {
    color: var(--label-color);
  }
  .text-color {
    color: var(--text-color);
  }
  .text-color-alpha-accent-2 {
    color: var(--color-alpha-accent-2);
  }
  .text-color-alpha-accent-5 {
    color: var(--color-alpha-accent-5);
  }
  .text-color-alpha-accent-7 {
    color: var(--color-alpha-accent-7);
  }
  .text-color-alpha-accent-10 {
    color: var(--color-alpha-accent-10);
  }
  .text-color-alpha-accent-15 {
    color: var(--color-alpha-accent-15);
  }
  .text-color-alpha-accent-20 {
    color: var(--color-alpha-accent-20);
  }
  .text-color-alpha-accent-30 {
    color: var(--color-alpha-accent-30);
  }
  .text-color-alpha-accent-40 {
    color: var(--color-alpha-accent-40);
  }
  .text-color-alpha-accent-50 {
    color: var(--color-alpha-accent-50);
  }
  .text-color-alpha-accent-60 {
    color: var(--color-alpha-accent-60);
  }
  .text-color-alpha-accent-70 {
    color: var(--color-alpha-accent-70);
  }
  .text-color-alpha-accent-80 {
    color: var(--color-alpha-accent-80);
  }
  .text-color-alpha-accent-90 {
    color: var(--color-alpha-accent-90);
  }
  .text-color-alpha-black-2 {
    color: var(--color-alpha-black-2);
  }
  .text-color-alpha-black-5 {
    color: var(--color-alpha-black-5);
  }
  .text-color-alpha-black-7 {
    color: var(--color-alpha-black-7);
  }
  .text-color-alpha-black-10 {
    color: var(--color-alpha-black-10);
  }
  .text-color-alpha-black-15 {
    color: var(--color-alpha-black-15);
  }
  .text-color-alpha-black-20 {
    color: var(--color-alpha-black-20);
  }
  .text-color-alpha-black-30 {
    color: var(--color-alpha-black-30);
  }
  .text-color-alpha-black-40 {
    color: var(--color-alpha-black-40);
  }
  .text-color-alpha-black-50 {
    color: var(--color-alpha-black-50);
  }
  .text-color-alpha-black-60 {
    color: var(--color-alpha-black-60);
  }
  .text-color-alpha-black-70 {
    color: var(--color-alpha-black-70);
  }
  .text-color-alpha-black-80 {
    color: var(--color-alpha-black-80);
  }
  .text-color-alpha-black-90 {
    color: var(--color-alpha-black-90);
  }
  .text-color-alpha-green-2 {
    color: var(--color-alpha-green-2);
  }
  .text-color-alpha-green-5 {
    color: var(--color-alpha-green-5);
  }
  .text-color-alpha-green-7 {
    color: var(--color-alpha-green-7);
  }
  .text-color-alpha-green-10 {
    color: var(--color-alpha-green-10);
  }
  .text-color-alpha-green-15 {
    color: var(--color-alpha-green-15);
  }
  .text-color-alpha-green-20 {
    color: var(--color-alpha-green-20);
  }
  .text-color-alpha-green-30 {
    color: var(--color-alpha-green-30);
  }
  .text-color-alpha-green-40 {
    color: var(--color-alpha-green-40);
  }
  .text-color-alpha-green-50 {
    color: var(--color-alpha-green-50);
  }
  .text-color-alpha-green-60 {
    color: var(--color-alpha-green-60);
  }
  .text-color-alpha-green-70 {
    color: var(--color-alpha-green-70);
  }
  .text-color-alpha-green-80 {
    color: var(--color-alpha-green-80);
  }
  .text-color-alpha-green-90 {
    color: var(--color-alpha-green-90);
  }
  .text-color-alpha-primary-2 {
    color: var(--color-alpha-primary-2);
  }
  .text-color-alpha-primary-5 {
    color: var(--color-alpha-primary-5);
  }
  .text-color-alpha-primary-7 {
    color: var(--color-alpha-primary-7);
  }
  .text-color-alpha-primary-10 {
    color: var(--color-alpha-primary-10);
  }
  .text-color-alpha-primary-15 {
    color: var(--color-alpha-primary-15);
  }
  .text-color-alpha-primary-20 {
    color: var(--color-alpha-primary-20);
  }
  .text-color-alpha-primary-30 {
    color: var(--color-alpha-primary-30);
  }
  .text-color-alpha-primary-40 {
    color: var(--color-alpha-primary-40);
  }
  .text-color-alpha-primary-50 {
    color: var(--color-alpha-primary-50);
  }
  .text-color-alpha-primary-60 {
    color: var(--color-alpha-primary-60);
  }
  .text-color-alpha-primary-70 {
    color: var(--color-alpha-primary-70);
  }
  .text-color-alpha-primary-80 {
    color: var(--color-alpha-primary-80);
  }
  .text-color-alpha-primary-90 {
    color: var(--color-alpha-primary-90);
  }
  .text-color-alpha-red-2 {
    color: var(--color-alpha-red-2);
  }
  .text-color-alpha-red-5 {
    color: var(--color-alpha-red-5);
  }
  .text-color-alpha-red-7 {
    color: var(--color-alpha-red-7);
  }
  .text-color-alpha-red-10 {
    color: var(--color-alpha-red-10);
  }
  .text-color-alpha-red-15 {
    color: var(--color-alpha-red-15);
  }
  .text-color-alpha-red-20 {
    color: var(--color-alpha-red-20);
  }
  .text-color-alpha-red-30 {
    color: var(--color-alpha-red-30);
  }
  .text-color-alpha-red-40 {
    color: var(--color-alpha-red-40);
  }
  .text-color-alpha-red-50 {
    color: var(--color-alpha-red-50);
  }
  .text-color-alpha-red-60 {
    color: var(--color-alpha-red-60);
  }
  .text-color-alpha-red-70 {
    color: var(--color-alpha-red-70);
  }
  .text-color-alpha-red-80 {
    color: var(--color-alpha-red-80);
  }
  .text-color-alpha-red-90 {
    color: var(--color-alpha-red-90);
  }
  .text-color-alpha-white-2 {
    color: var(--color-alpha-white-2);
  }
  .text-color-alpha-white-5 {
    color: var(--color-alpha-white-5);
  }
  .text-color-alpha-white-7 {
    color: var(--color-alpha-white-7);
  }
  .text-color-alpha-white-10 {
    color: var(--color-alpha-white-10);
  }
  .text-color-alpha-white-15 {
    color: var(--color-alpha-white-15);
  }
  .text-color-alpha-white-20 {
    color: var(--color-alpha-white-20);
  }
  .text-color-alpha-white-30 {
    color: var(--color-alpha-white-30);
  }
  .text-color-alpha-white-40 {
    color: var(--color-alpha-white-40);
  }
  .text-color-alpha-white-50 {
    color: var(--color-alpha-white-50);
  }
  .text-color-alpha-white-60 {
    color: var(--color-alpha-white-60);
  }
  .text-color-alpha-white-70 {
    color: var(--color-alpha-white-70);
  }
  .text-color-alpha-white-80 {
    color: var(--color-alpha-white-80);
  }
  .text-color-alpha-white-90 {
    color: var(--color-alpha-white-90);
  }
  .text-color-alpha-yellow-2 {
    color: var(--color-alpha-yellow-2);
  }
  .text-color-alpha-yellow-5 {
    color: var(--color-alpha-yellow-5);
  }
  .text-color-alpha-yellow-7 {
    color: var(--color-alpha-yellow-7);
  }
  .text-color-alpha-yellow-10 {
    color: var(--color-alpha-yellow-10);
  }
  .text-color-alpha-yellow-15 {
    color: var(--color-alpha-yellow-15);
  }
  .text-color-alpha-yellow-20 {
    color: var(--color-alpha-yellow-20);
  }
  .text-color-alpha-yellow-30 {
    color: var(--color-alpha-yellow-30);
  }
  .text-color-alpha-yellow-40 {
    color: var(--color-alpha-yellow-40);
  }
  .text-color-alpha-yellow-50 {
    color: var(--color-alpha-yellow-50);
  }
  .text-color-alpha-yellow-60 {
    color: var(--color-alpha-yellow-60);
  }
  .text-color-alpha-yellow-70 {
    color: var(--color-alpha-yellow-70);
  }
  .text-color-alpha-yellow-80 {
    color: var(--color-alpha-yellow-80);
  }
  .text-color-alpha-yellow-90 {
    color: var(--color-alpha-yellow-90);
  }
  .text-color-gray-50 {
    color: var(--color-gray-50);
  }
  .text-color-gray-100 {
    color: var(--color-gray-100);
  }
  .text-color-gray-200 {
    color: var(--color-gray-200);
  }
  .text-color-gray-300 {
    color: var(--color-gray-300);
  }
  .text-color-gray-400 {
    color: var(--color-gray-400);
  }
  .text-color-gray-500 {
    color: var(--color-gray-500);
  }
  .text-color-gray-600 {
    color: var(--color-gray-600);
  }
  .text-color-gray-700 {
    color: var(--color-gray-700);
  }
  .text-color-gray-800 {
    color: var(--color-gray-800);
  }
  .text-color-gray-850 {
    color: var(--color-gray-850);
  }
  .text-color-gray-900 {
    color: var(--color-gray-900);
  }
  .text-color-gray-950 {
    color: var(--color-gray-950);
  }
  .text-color-gray-black {
    color: var(--color-gray-black);
  }
  .text-color-gray-white {
    color: var(--color-gray-white);
  }
  .text-color-green-50 {
    color: var(--color-green-50);
  }
  .text-color-green-100 {
    color: var(--color-green-100);
  }
  .text-color-green-200 {
    color: var(--color-green-200);
  }
  .text-color-green-300 {
    color: var(--color-green-300);
  }
  .text-color-green-400 {
    color: var(--color-green-400);
  }
  .text-color-green-500 {
    color: var(--color-green-500);
  }
  .text-color-green-600 {
    color: var(--color-green-600);
  }
  .text-color-green-700 {
    color: var(--color-green-700);
  }
  .text-color-green-800 {
    color: var(--color-green-800);
  }
  .text-color-green-900 {
    color: var(--color-green-900);
  }
  .text-color-green-950 {
    color: var(--color-green-950);
  }
  .text-color-olive-50 {
    color: var(--color-olive-50);
  }
  .text-color-olive-100 {
    color: var(--color-olive-100);
  }
  .text-color-olive-200 {
    color: var(--color-olive-200);
  }
  .text-color-olive-300 {
    color: var(--color-olive-300);
  }
  .text-color-olive-400 {
    color: var(--color-olive-400);
  }
  .text-color-olive-500 {
    color: var(--color-olive-500);
  }
  .text-color-olive-600 {
    color: var(--color-olive-600);
  }
  .text-color-olive-700 {
    color: var(--color-olive-700);
  }
  .text-color-olive-800 {
    color: var(--color-olive-800);
  }
  .text-color-olive-900 {
    color: var(--color-olive-900);
  }
  .text-color-olive-950 {
    color: var(--color-olive-950);
  }
  .text-color-primary-50 {
    color: var(--color-primary-50);
  }
  .text-color-primary-100 {
    color: var(--color-primary-100);
  }
  .text-color-primary-200 {
    color: var(--color-primary-200);
  }
  .text-color-primary-300 {
    color: var(--color-primary-300);
  }
  .text-color-primary-400 {
    color: var(--color-primary-400);
  }
  .text-color-primary-500 {
    color: var(--color-primary-500);
  }
  .text-color-primary-600 {
    color: var(--color-primary-600);
  }
  .text-color-primary-700 {
    color: var(--color-primary-700);
  }
  .text-color-primary-800 {
    color: var(--color-primary-800);
  }
  .text-color-primary-900 {
    color: var(--color-primary-900);
  }
  .text-color-primary-950 {
    color: var(--color-primary-950);
  }
  .text-color-red-50 {
    color: var(--color-red-50);
  }
  .text-color-red-100 {
    color: var(--color-red-100);
  }
  .text-color-red-200 {
    color: var(--color-red-200);
  }
  .text-color-red-300 {
    color: var(--color-red-300);
  }
  .text-color-red-400 {
    color: var(--color-red-400);
  }
  .text-color-red-500 {
    color: var(--color-red-500);
  }
  .text-color-red-600 {
    color: var(--color-red-600);
  }
  .text-color-red-700 {
    color: var(--color-red-700);
  }
  .text-color-red-800 {
    color: var(--color-red-800);
  }
  .text-color-red-900 {
    color: var(--color-red-900);
  }
  .text-color-red-950 {
    color: var(--color-red-950);
  }
  .text-color-secondary-50 {
    color: var(--color-secondary-50);
  }
  .text-color-secondary-100 {
    color: var(--color-secondary-100);
  }
  .text-color-secondary-200 {
    color: var(--color-secondary-200);
  }
  .text-color-secondary-300 {
    color: var(--color-secondary-300);
  }
  .text-color-secondary-400 {
    color: var(--color-secondary-400);
  }
  .text-color-secondary-500 {
    color: var(--color-secondary-500);
  }
  .text-color-secondary-600 {
    color: var(--color-secondary-600);
  }
  .text-color-secondary-700 {
    color: var(--color-secondary-700);
  }
  .text-color-secondary-800 {
    color: var(--color-secondary-800);
  }
  .text-color-secondary-900 {
    color: var(--color-secondary-900);
  }
  .text-color-secondary-950 {
    color: var(--color-secondary-950);
  }
  .text-color-yellow-50 {
    color: var(--color-yellow-50);
  }
  .text-color-yellow-100 {
    color: var(--color-yellow-100);
  }
  .text-color-yellow-200 {
    color: var(--color-yellow-200);
  }
  .text-color-yellow-300 {
    color: var(--color-yellow-300);
  }
  .text-color-yellow-400 {
    color: var(--color-yellow-400);
  }
  .text-color-yellow-500 {
    color: var(--color-yellow-500);
  }
  .text-color-yellow-600 {
    color: var(--color-yellow-600);
  }
  .text-color-yellow-700 {
    color: var(--color-yellow-700);
  }
  .text-color-yellow-800 {
    color: var(--color-yellow-800);
  }
  .text-color-yellow-900 {
    color: var(--color-yellow-900);
  }
  .text-color-yellow-950 {
    color: var(--color-yellow-950);
  }
  .text-gray-800 {
    color: var(--color-gray-800);
  }
  .text-white {
    color: var(--color-white);
  }
  .shadow-lg {
    --tw-shadow: var(--as-shadow-lg);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: var(--as-shadow-md);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: var(--as-shadow-sm);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow: var(--as-shadow-xl);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xs {
    --tw-shadow: var(--as-shadow-xs);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    box-shadow: var(--shadow-lg);
  }
  .shadow-md {
    box-shadow: var(--shadow-md);
  }
  .shadow-sm {
    box-shadow: var(--shadow-sm);
  }
  .shadow-xl {
    box-shadow: var(--shadow-xl);
  }
  .shadow-xs {
    box-shadow: var(--shadow-xs);
  }
  .focus-visible {
    &:focus-visible {
      outline: var(--focus-width) solid var(--focus-color);
      outline-offset: var(--focus-width);
    }
  }
  .focus-within {
    &:focus-within {
      outline: var(--focus-width) solid var(--focus-color);
      outline-offset: var(--focus-width);
    }
  }
  .focus {
    outline: none;
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .content-accent {
    --tw-content: var(--content-accent);
    content: var(--tw-content);
  }
  .content-always-dark {
    --tw-content: var(--content-always-dark);
    content: var(--tw-content);
  }
  .content-always-dark-50 {
    --tw-content: var(--content-always-dark-50);
    content: var(--tw-content);
  }
  .content-always-dark-70 {
    --tw-content: var(--content-always-dark-70);
    content: var(--tw-content);
  }
  .content-always-white {
    --tw-content: var(--content-always-white);
    content: var(--tw-content);
  }
  .content-always-white-50 {
    --tw-content: var(--content-always-white-50);
    content: var(--tw-content);
  }
  .content-always-white-70 {
    --tw-content: var(--content-always-white-70);
    content: var(--tw-content);
  }
  .content-brand {
    --tw-content: var(--content-brand);
    content: var(--tw-content);
  }
  .content-brand-hover {
    --tw-content: var(--content-brand-hover);
    content: var(--tw-content);
  }
  .content-disabled {
    --tw-content: var(--content-disabled);
    content: var(--tw-content);
  }
  .content-negative {
    --tw-content: var(--content-negative);
    content: var(--tw-content);
  }
  .content-negative-disabled {
    --tw-content: var(--content-negative-disabled);
    content: var(--tw-content);
  }
  .content-negative-hover {
    --tw-content: var(--content-negative-hover);
    content: var(--tw-content);
  }
  .content-positive {
    --tw-content: var(--content-positive);
    content: var(--tw-content);
  }
  .content-primary {
    --tw-content: var(--content-primary);
    content: var(--tw-content);
  }
  .content-primary-inverse {
    --tw-content: var(--content-primary-inverse);
    content: var(--tw-content);
  }
  .content-secondary {
    --tw-content: var(--content-secondary);
    content: var(--tw-content);
  }
  .content-secondary-inverse {
    --tw-content: var(--content-secondary-inverse);
    content: var(--tw-content);
  }
  .content-warning {
    --tw-content: var(--content-warning);
    content: var(--tw-content);
  }
  .content-warning-hover {
    --tw-content: var(--content-warning-hover);
    content: var(--tw-content);
  }
  .checkbox-checkmark-size-lg {
    inline-size: var(--checkbox-checkmark-size-lg);
    block-size: var(--checkbox-checkmark-size-lg);
  }
  .checkbox-checkmark-size-md {
    inline-size: var(--checkbox-checkmark-size-md);
    block-size: var(--checkbox-checkmark-size-md);
  }
  .checkbox-size-lg {
    inline-size: var(--checkbox-size-lg);
    block-size: var(--checkbox-size-lg);
  }
  .checkbox-size-md {
    inline-size: var(--checkbox-size-md);
    block-size: var(--checkbox-size-md);
  }
  .radio-button-indicator-size-lg {
    inline-size: var(--radio-button-indicator-size-lg);
    block-size: var(--radio-button-indicator-size-lg);
  }
  .radio-button-indicator-size-lg {
    inline-size: var(--radio-button-indicator-size-lg);
    block-size: var(--radio-button-indicator-size-lg);
  }
  .radio-button-indicator-size-md {
    inline-size: var(--radio-button-indicator-size-md);
    block-size: var(--radio-button-indicator-size-md);
  }
  .radio-button-indicator-size-md {
    inline-size: var(--radio-button-indicator-size-md);
    block-size: var(--radio-button-indicator-size-md);
  }
  .radio-button-size-lg {
    inline-size: var(--radio-button-size-lg);
    block-size: var(--radio-button-size-lg);
  }
  .radio-button-size-lg {
    inline-size: var(--radio-button-size-lg);
    block-size: var(--radio-button-size-lg);
  }
  .radio-button-size-md {
    inline-size: var(--radio-button-size-md);
    block-size: var(--radio-button-size-md);
  }
  .radio-button-size-md {
    inline-size: var(--radio-button-size-md);
    block-size: var(--radio-button-size-md);
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .toggle-switch-size-lg {
    inline-size: var(--toggle-switch-inline-size-lg);
    block-size: var(--toggle-switch-block-size-lg);
  }
  .toggle-switch-size-md {
    inline-size: var(--toggle-switch-inline-size-md);
    block-size: var(--toggle-switch-block-size-md);
  }
  .toggle-switch-thumb-size-lg {
    inline-size: var(--toggle-switch-thumb-size-lg);
    block-size: var(--toggle-switch-thumb-size-lg);
  }
  .toggle-switch-thumb-size-md {
    inline-size: var(--toggle-switch-thumb-size-md);
    block-size: var(--toggle-switch-thumb-size-md);
  }
  .hover\:border-brand {
    &:hover {
      @media (hover: hover) {
        border-color: var(--border-brand);
      }
    }
  }
}
[data-theme="dark"] {
  --border-primary: var(--color-gray-400);
  --border-tertiary: var(--color-alpha-white-10);
  --border-focus: var(--color-gray-white);
  --border-secondary: var(--color-alpha-white-20);
  --border-brand: var(--color-primary-600);
  --border-success: var(--color-green-600);
  --border-error: var(--color-red-600);
  --border-disabled: var(--color-alpha-white-20);
  --border-brand-hover: var(--color-primary-500);
  --border-success-hover: var(--color-green-500);
  --border-error-hover: var(--color-red-500);
  --border-always-white: var(--color-gray-white);
  --border-warning: var(--color-yellow-400);
  --content-primary: var(--color-gray-50);
  --content-secondary: var(--color-alpha-white-50);
  --content-disabled: var(--color-alpha-white-30);
  --content-primary-inverse: var(--color-gray-black);
  --content-secondary-inverse: var(--color-alpha-black-50);
  --content-always-white: var(--color-gray-white);
  --content-always-dark: var(--color-gray-black);
  --content-accent: var(--color-secondary-400);
  --content-positive: var(--color-green-500);
  --content-negative: var(--color-red-600);
  --content-warning: var(--color-yellow-400);
  --content-brand: var(--color-primary-500);
  --content-negative-disabled: var(--color-alpha-red-60);
  --content-always-white-70: var(--color-alpha-white-70);
  --content-always-white-50: var(--color-alpha-white-50);
  --content-always-dark-70: var(--color-alpha-black-70);
  --content-always-dark-50: var(--color-alpha-black-50);
  --content-brand-hover: var(--color-primary-600);
  --content-negative-hover: var(--color-red-600);
  --content-warning-hover: var(--color-yellow-400);
  --bg-primary: var(--color-gray-900);
  --bg-secondary: var(--color-gray-850);
  --bg-tertiary: var(--color-gray-800);
  --bg-brand-emphasis: var(--color-primary-700);
  --bg-accent-emphasis: var(--color-secondary-500);
  --bg-disabled: var(--color-alpha-white-10);
  --bg-warning-emphasis: var(--color-yellow-600);
  --bg-destructive-emphasis: var(--color-red-700);
  --bg-backdrop: var(--color-alpha-white-50);
  --bg-brand-emphasis-hover: var(--color-primary-800);
  --bg-destructive-emphasis-hover: var(--color-red-800);
  --bg-warning-emphasis-hover: var(--color-yellow-700);
  --bg-accent-emphasis-hover: var(--color-secondary-600);
  --bg-brand-subtle: var(--color-alpha-primary-15);
  --bg-accent-subtle: var(--color-secondary-800);
  --bg-warning-subtle: var(--color-alpha-yellow-15);
  --bg-success-subtle: var(--color-alpha-green-15);
  --bg-success-emphasis: var(--color-green-700);
  --bg-success-emphasis-hover: var(--color-green-800);
  --bg-hover: var(--color-alpha-white-10);
  --bg-destructive-subtle: var(--color-alpha-red-15);
  --bg-disabled-subtle: var(--color-alpha-white-7);
  --bg-elevated: var(--color-alpha-white-7);
  --bg-recessed: var(--color-alpha-black-30);
  --bg-shadow-blur: var(--color-alpha-black-80);
  --bg-subtle: var(--color-alpha-white-7);
  --bg-quarternary: var(--color-gray-800);
  --bg-neutral-gray: var(--color-gray-600);
  --input-bg-disabled: var(--color-alpha-white-5);
  --avatar-bg-default: var(--color-alpha-black-7);
  --avatar-bg-light-blue: var(--color-primary-500);
  --shadow-color: var(--color-alpha-black-50);
  --logo-color-primary: #199bfa;
  --logo-color-secondary: var(--color-gray-100);
  --scrollbar-bg: var(--color-gray-600);
  --tabs-bg-default: var(--color-alpha-white-10);
  --textarea-bg-primary: var(--color-gray-black);
  --textarea-bg-disabled: var(--color-gray-800);
  --textarea-str-default: var(--color-gray-white);
  --textarea-str-hover: var(--color-primary-600);
  --textarea-str-focus: var(--color-gray-white);
  --textarea-str-error: var(--color-red-600);
  --textarea-str-success: var(--color-green-600);
  --textarea-str-disabled: var(--color-alpha-white-20);
  --textarea-scroll: var(--color-gray-700);
  --textarea-separator-primary: var(--color-gray-600);
  --upload-bg-default: var(--color-alpha-black-5);
  --upload-bg-hover: var(--color-alpha-black-10);
  --upload-bg-dragging: var(--color-alpha-black-15);
  --upload-bg-focus: var(--color-alpha-black-10);
  --upload-bg-disabled: var(--color-alpha-black-7);
  --upload-bg-error: var(--color-alpha-red-7);
}
[data-theme="accent"] {
  --color-primary: #d31058;
}
[data-theme="dark"] {
  --button-primary-bg: var(--color-primary-700);
  --button-primary-bg-hover: var(--color-primary-800);
  --button-primary-border: var(--color-primary-700);
  --button-primary-border-hover: var(--color-primary-800);
  --button-primary-text: white;
  --button-secondary-bg: transparent;
  --button-secondary-bg-hover: transparent;
  --button-secondary-border: var(--color-primary-500);
  --button-secondary-border-hover: var(--color-primary-400);
  --button-secondary-text: var(--color-primary-500);
  --button-secondary-text-hover: var(--color-primary-400);
  --button-destructive-bg: var(--color-red-600);
  --button-destructive-bg-hover: var(--color-red-700);
  --button-destructive-border: var(--color-red-600);
  --button-destructive-border-hover: var(--color-red-700);
  --button-destructive-text: white;
  --button-success-bg: var(--color-green-700);
  --button-success-bg-hover: var(--color-green-800);
  --button-success-border: var(--color-green-700);
  --button-success-border-hover: var(--color-green-800);
  --button-success-text: white;
  --button-disabled-bg: var(--color-alpha-white-10);
  --button-disabled-border: var(--color-alpha-white-10);
  --button-disabled-text: white;
  --button-secondary-disabled-text: var(--color-alpha-white-30);
  --button-secondary-disabled-border: var(--color-alpha-white-30);
}
@layer components {
  .ap-btn {
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    &:focus-visible {
      outline: var(--focus-width) solid var(--focus-color);
      outline-offset: var(--focus-width);
    }
    outline: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .ap-btn-size-sm {
    height: 32px;
    gap: var(--spacing-4);
    padding-inline: var(--spacing-16);
  }
  .ap-btn-size-md {
    height: 40px;
    gap: var(--spacing-8);
    padding-inline: var(--spacing-20);
  }
  .ap-btn-size-lg {
    height: 48px;
    gap: var(--spacing-12);
    padding-inline: var(--spacing-24);
  }
  .ap-btn-size-xl {
    height: 56px;
    gap: var(--spacing-12);
    padding-inline: var(--spacing-24);
  }
  .ap-btn-text-sm {
    font-size: var(--button-text-size-sm);
    line-height: var(--button-text-line-height-sm);
  }
  .ap-btn-text-md {
    font-size: var(--button-text-size-md);
    line-height: var(--button-text-line-height-md);
  }
  .ap-btn-text-lg {
    font-size: var(--button-text-size-lg);
    line-height: var(--button-text-line-height-lg);
  }
  .ap-btn-text-xl {
    font-size: var(--button-text-size-xl);
    line-height: var(--button-text-line-height-xl);
  }
  .ap-btn-variant-primary-base {
    background-color: var(--button-primary-bg);
    border-color: var(--button-primary-border);
    color: var(--button-primary-text);
    &:hover {
      background-color: var(--button-primary-bg-hover);
      border-color: var(--button-primary-border-hover);
    }
  }
  .ap-btn-variant-primary-disabled {
    background-color: var(--button-disabled-bg);
    border-color: var(--button-disabled-border);
    color: var(--button-disabled-text);
    cursor: not-allowed;
    pointer-events: none;
  }
  .ap-btn-variant-secondary-base {
    background-color: var(--button-secondary-bg);
    border-color: var(--button-secondary-border);
    color: var(--button-secondary-text);
    &:hover {
      background-color: var(--button-secondary-bg-hover);
      border-color: var(--button-secondary-border-hover);
      color: var(--button-secondary-text-hover);
    }
  }
  .ap-btn-variant-secondary-disabled {
    background-color: transparent;
    border-color: var(--button-secondary-disabled-border);
    color: var(--button-secondary-disabled-text);
    cursor: not-allowed;
    pointer-events: none;
  }
  .ap-btn-variant-destructive-base {
    background-color: var(--button-destructive-bg);
    border-color: var(--button-destructive-border);
    color: var(--button-destructive-text);
    &:hover {
      background-color: var(--button-destructive-bg-hover);
      border-color: var(--button-destructive-border-hover);
    }
  }
  .ap-btn-variant-destructive-disabled {
    background-color: var(--button-disabled-bg);
    border-color: var(--button-disabled-border);
    color: var(--button-disabled-text);
    cursor: not-allowed;
    pointer-events: none;
  }
  .ap-btn-variant-success-base {
    background-color: var(--button-success-bg);
    border-color: var(--button-success-border);
    color: var(--button-success-text);
    &:hover {
      background-color: var(--button-success-bg-hover);
      border-color: var(--button-success-border-hover);
    }
  }
  .ap-btn-variant-success-disabled {
    background-color: var(--button-disabled-bg);
    border-color: var(--button-disabled-border);
    color: var(--button-disabled-text);
    cursor: not-allowed;
    pointer-events: none;
  }
  .ap-btn-width-full {
    width: 100%;
  }
}
[data-theme="dark"] {
  --checkbox-default-bg: var(--color-gray-800);
  --checkbox-default-border: var(--color-gray-600);
  --checkbox-default-border-hover: var(--color-primary-500);
  --checkbox-checked-bg: var(--color-primary-700);
  --checkbox-checked-border: var(--color-primary-700);
  --checkbox-checked-bg-hover: var(--color-primary-600);
  --checkbox-checked-border-hover: var(--color-primary-600);
  --checkbox-checked-checkmark: white;
  --checkbox-disabled-bg: var(--color-alpha-white-10);
  --checkbox-disabled-border: var(--color-alpha-white-20);
  --checkbox-disabled-checkmark: var(--color-alpha-white-30);
  --checkbox-label-color: var(--color-gray-100);
  --checkbox-label-disabled-color: var(--color-alpha-white-30);
}
@layer components {
  .ap-checkbox {
    cursor: pointer;
    -webkit-appearance: none;
            appearance: none;
    border-radius: var(--radius-6);
    border-width: var(--stroke-0-75);
    stroke: var(--stroke-0-75);
    padding: var(--spacing-3);
    &:focus-visible {
      outline: var(--focus-width) solid var(--focus-color);
      outline-offset: var(--focus-width);
    }
    outline: none;
  }
  .ap-checkbox-wrapper {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-12);
  }
  .ap-checkbox-size-md {
    inline-size: var(--checkbox-size-md);
    block-size: var(--checkbox-size-md);
  }
  .ap-checkbox-size-lg {
    inline-size: var(--checkbox-size-lg);
    block-size: var(--checkbox-size-lg);
  }
  .ap-checkbox-checkmark-wrapper {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: var(--spacing-3);
  }
  .ap-checkbox-checkmark-size-md {
    pointer-events: none;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--content-always-white);
    --tw-content: var(--content-always-white);
    content: var(--tw-content);
    inline-size: var(--checkbox-checkmark-size-md);
    block-size: var(--checkbox-checkmark-size-md);
  }
  .ap-checkbox-checkmark-size-lg {
    pointer-events: none;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--content-always-white);
    --tw-content: var(--content-always-white);
    content: var(--tw-content);
    inline-size: var(--checkbox-checkmark-size-lg);
    block-size: var(--checkbox-checkmark-size-lg);
  }
  .ap-checkbox-state-default {
    background-color: var(--checkbox-default-bg);
    border-color: var(--checkbox-default-border);
    &:hover {
      border-color: var(--checkbox-default-border-hover);
    }
  }
  .ap-checkbox-state-checked {
    background-color: var(--checkbox-checked-bg);
    border-color: var(--checkbox-checked-border);
    &:hover {
      background-color: var(--checkbox-checked-bg-hover);
      border-color: var(--checkbox-checked-border-hover);
    }
  }
  .ap-checkbox-state-indeterminate {
    background-color: var(--checkbox-checked-bg);
    border-color: var(--checkbox-checked-border);
    &:hover {
      background-color: var(--checkbox-checked-bg-hover);
      border-color: var(--checkbox-checked-border-hover);
    }
  }
  .ap-checkbox-state-disabled {
    pointer-events: none;
    cursor: not-allowed;
    border-color: var(--border-disabled);
    background-color: var(--bg-disabled);
  }
  .ap-checkbox-required {
    position: absolute;
    top: var(--spacing-0);
    left: calc(var(--spacing-4) * -1);
    display: flex;
    height: 14px;
    width: 14px;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    align-items: center;
    justify-content: center;
    color: var(--content-negative);
    --tw-content: var(--content-negative);
    content: var(--tw-content);
  }
}
[data-theme="dark"] {
  --error-message-color: var(--content-negative);
}
@layer components {
  .ap-error-message {
    font-size: var(--text-font-size-xs);
    line-height: var(--text-line-height-xs);
    color: var(--error-message-color);
  }
}
[data-theme="dark"] {
  --focus-color: var(--color-gray-white);
}
@layer components {
  .ap-focus {
    outline: none;
  }
  .ap-focus-visible {
    &:focus-visible {
      outline: var(--focus-width) solid var(--focus-color);
      outline-offset: var(--focus-width);
    }
  }
  .ap-focus-within {
    &:focus-within {
      outline: var(--focus-width) solid var(--focus-color);
      outline-offset: var(--focus-width);
    }
  }
}
[data-theme="dark"] {
  --heading-color: var(--color-gray-white);
}
@layer components {
  .ap-heading {
    font-family: var(--font-heading);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--heading-color);
  }
  .ap-heading-size-xs {
    font-size: var(--heading-font-size-xs);
    line-height: var(--heading-line-height-xs);
  }
  .ap-heading-size-sm {
    font-size: var(--heading-font-size-sm);
    line-height: var(--heading-line-height-sm);
  }
  .ap-heading-size-md {
    font-size: var(--heading-font-size-md);
    line-height: var(--heading-line-height-md);
  }
  .ap-heading-size-lg {
    font-size: var(--heading-font-size-lg);
    line-height: var(--heading-line-height-lg);
  }
  .ap-heading-size-xl {
    font-size: var(--heading-font-size-xl);
    line-height: var(--heading-line-height-xl);
  }
  .ap-heading-size-2xl {
    font-size: var(--heading-font-size-2xl);
    line-height: var(--heading-line-height-2xl);
  }
  .ap-heading-size-3xl {
    font-size: var(--heading-font-size-3xl);
    line-height: var(--heading-line-height-3xl);
  }
  .ap-heading-size-4xl {
    font-size: var(--heading-font-size-4xl);
    line-height: var(--heading-line-height-4xl);
  }
  .ap-heading-size-5xl {
    font-size: var(--heading-font-size-5xl);
    line-height: var(--heading-line-height-5xl);
  }
}
[data-theme="dark"] {
  --label-color: var(--color-gray-100);
}
@layer components {
  .ap-label {
    font-family: var(--font-text);
    color: var(--label-color);
  }
  .ap-label-size-md {
    font-size: var(--text-font-size-sm);
    line-height: var(--text-line-height-sm);
  }
  .ap-label-size-lg {
    font-size: var(--text-font-size-md);
    line-height: var(--text-line-height-md);
  }
  .ap-label-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
}
[data-theme="dark"] {
  --radio-button-default-bg: var(--color-gray-800);
  --radio-button-default-border: var(--color-gray-600);
  --radio-button-default-border-hover: var(--color-primary-500);
  --radio-button-checked-bg: var(--color-gray-800);
  --radio-button-checked-border: var(--color-primary-700);
  --radio-button-checked-bg-hover: var(--color-gray-800);
  --radio-button-checked-border-hover: var(--color-primary-600);
  --radio-button-checked-indicator: var(--color-primary-700);
  --radio-button-checked-indicator-hover: var(--color-primary-600);
  --radio-button-disabled-bg: var(--color-alpha-white-10);
  --radio-button-disabled-border: var(--color-alpha-white-20);
  --radio-button-label-color: var(--color-gray-100);
  --radio-button-label-disabled-color: var(--color-alpha-white-30);
}
@layer components {
  .ap-radio-button {
    cursor: pointer;
    -webkit-appearance: none;
            appearance: none;
    border-radius: var(--radius-full);
    border-width: var(--stroke-0-75);
    border-color: var(--border-primary);
    stroke: var(--stroke-0-75);
    &:focus-visible {
      outline: var(--focus-width) solid var(--focus-color);
      outline-offset: var(--focus-width);
    }
    outline: none;
  }
  .ap-radio-button-wrapper {
    display: inline-flex;
    align-items: center;
    align-items: flex-start;
    gap: var(--spacing-12);
  }
  .ap-radio-button-size-md {
    inline-size: var(--radio-button-size-md);
    block-size: var(--radio-button-size-md);
  }
  .ap-radio-button-size-lg {
    inline-size: var(--radio-button-size-lg);
    block-size: var(--radio-button-size-lg);
  }
  .ap-radio-button-indicator-base {
    pointer-events: none;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-full);
    background-color: var(--content-always-white);
  }
  .ap-radio-button-indicator-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ap-radio-button-indicator-size-md {
    inline-size: var(--radio-button-indicator-size-md);
    block-size: var(--radio-button-indicator-size-md);
  }
  .ap-radio-button-indicator-size-lg {
    inline-size: var(--radio-button-indicator-size-lg);
    block-size: var(--radio-button-indicator-size-lg);
  }
  .ap-radio-button-disabled {
    pointer-events: none;
    cursor: not-allowed;
    border-color: var(--border-disabled);
    background-color: var(--bg-disabled);
  }
  .ap-radio-button-checked {
    border-color: var(--border-brand);
    background-color: var(--bg-brand-emphasis);
  }
  .ap-radio-button-text-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4);
  }
}
[data-theme="dark"] {
  --radio-button-default-bg: var(--color-gray-800);
  --radio-button-default-border: var(--color-gray-600);
  --radio-button-default-border-hover: var(--color-primary-500);
  --radio-button-checked-bg: var(--color-gray-800);
  --radio-button-checked-border: var(--color-primary-700);
  --radio-button-checked-bg-hover: var(--color-gray-800);
  --radio-button-checked-border-hover: var(--color-primary-600);
  --radio-button-checked-indicator: var(--color-primary-700);
  --radio-button-checked-indicator-hover: var(--color-primary-600);
  --radio-button-disabled-bg: var(--color-alpha-white-10);
  --radio-button-disabled-border: var(--color-alpha-white-20);
  --radio-button-label-color: var(--color-gray-100);
  --radio-button-label-disabled-color: var(--color-alpha-white-30);
}
@layer components {
  .ap-radio-group {
    margin: var(--spacing-0);
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding: var(--spacing-0);
  }
  .ap-radio-group-legend {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .ap-radio-group-items {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-24);
  }
}
[data-theme="dark"] {
  --text-color: var(--color-gray-white);
}
@layer components {
  .ap-text {
    font-family: var(--font-text);
    color: var(--text-color);
  }
  .ap-text-size-xs {
    font-size: var(--text-font-size-xs);
    line-height: var(--text-line-height-xs);
  }
  .ap-text-size-sm {
    font-size: var(--text-font-size-sm);
    line-height: var(--text-line-height-sm);
  }
  .ap-text-size-md {
    font-size: var(--text-font-size-md);
    line-height: var(--text-line-height-md);
  }
  .ap-text-size-lg {
    font-size: var(--text-font-size-lg);
    line-height: var(--text-line-height-lg);
  }
  .ap-text-size-xl {
    font-size: var(--text-font-size-xl);
    line-height: var(--text-line-height-xl);
  }
  .ap-text-size-2xl {
    font-size: var(--text-font-size-2xl);
    line-height: var(--text-line-height-2xl);
  }
  .ap-text-size-3xl {
    font-size: var(--text-font-size-3xl);
    line-height: var(--text-line-height-3xl);
  }
  .ap-text-size-4xl {
    font-size: var(--text-font-size-4xl);
    line-height: var(--text-line-height-4xl);
  }
  .ap-text-size-5xl {
    font-size: var(--text-font-size-5xl);
    line-height: var(--text-line-height-5xl);
  }
}
@layer components {
  .ap-text-field {
    width: 100%;
    border-radius: var(--text-field-border-radius);
    border-width: var(--text-field-border-width);
    border-color: var(--text-field-border-color);
    padding-inline: var(--text-field-padding-inline);
    color: var(--content-primary);
    &:focus-visible {
      outline: var(--focus-width) solid var(--focus-color);
      outline-offset: var(--focus-width);
    }
    outline: none;
    --tw-content: var(--content-primary);
    content: var(--tw-content);
    &:hover {
      @media (hover: hover) {
        border-color: var(--border-brand);
      }
    }
  }
  .ap-text-field-size-md {
    block-size: var(--text-field-block-size-md);
    padding-block: var(--text-field-padding-block-md);
    font-size: var(--text-font-size-sm);
    line-height: var(--text-line-height-sm);
  }
  .ap-text-field-size-lg {
    block-size: var(--text-field-block-size-lg);
    padding-block: var(--text-field-padding-block-lg);
    font-size: var(--text-font-size-md);
    line-height: var(--text-line-height-md);
  }
  .ap-text-field-label-base {
    pointer-events: none;
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: var(--spacing-12);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    color: var(--content-primary);
    --tw-content: var(--content-primary);
    content: var(--tw-content);
  }
  .ap-text-field-label-size-md {
    font-size: var(--text-font-size-sm);
    line-height: var(--text-line-height-sm);
  }
  .ap-text-field-label-size-lg {
    font-size: var(--text-font-size-md);
    line-height: var(--text-line-height-md);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .ap-text-field-label-active {
    --tw-translate-y: calc(var(--spacing-20) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    font-size: var(--text-font-size-xs);
    line-height: var(--text-line-height-xs);
    color: var(--content-secondary);
    --tw-content: var(--content-secondary);
    content: var(--tw-content);
  }
  .ap-text-field-label-disabled {
    color: var(--content-disabled);
    --tw-content: var(--content-disabled);
    content: var(--tw-content);
  }
  .ap-text-field-error {
    background-color: var(--bg-destructive-subtle);
    border-color: var(--border-error);
  }
  .ap-text-field-success {
    background-color: var(--bg-success-subtle);
    border-color: var(--border-success);
  }
  .ap-text-field-disabled {
    background-color: var(--text-field-background-color-disabled);
    color: var(--text-field-color-disabled);
    border-color: var(--text-field-border-color-disabled);
    &:hover {
      border-color: var(--text-field-border-color-disabled);
    }
  }
  .ap-text-field-readonly {
    background-color: var(--text-field-background-color-disabled);
    border-color: var(--text-field-border-color-read-only);
    &:hover {
      border-color: var(--text-field-border-color-read-only);
    }
  }
  .ap-text-field-active {
    border-color: var(--border-brand);
  }
  .ap-text-field-icons-start {
    pointer-events: none;
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: var(--spacing-12);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .ap-text-field-icons-end {
    pointer-events: none;
    position: absolute;
    top: calc(1 / 2 * 100%);
    right: var(--spacing-12);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
[data-theme="dark"] {
  --button-primary-bg: var(--color-primary-700);
  --button-primary-bg-hover: var(--color-primary-800);
  --button-primary-border: var(--color-primary-700);
  --button-primary-border-hover: var(--color-primary-800);
  --button-primary-text: white;
  --button-secondary-bg: transparent;
  --button-secondary-bg-hover: transparent;
  --button-secondary-border: var(--color-primary-500);
  --button-secondary-border-hover: var(--color-primary-400);
  --button-secondary-text: var(--color-primary-500);
  --button-secondary-text-hover: var(--color-primary-400);
  --button-destructive-bg: var(--color-red-600);
  --button-destructive-bg-hover: var(--color-red-700);
  --button-destructive-border: var(--color-red-600);
  --button-destructive-border-hover: var(--color-red-700);
  --button-destructive-text: white;
  --button-success-bg: var(--color-green-700);
  --button-success-bg-hover: var(--color-green-800);
  --button-success-border: var(--color-green-700);
  --button-success-border-hover: var(--color-green-800);
  --button-success-text: white;
  --button-disabled-bg: var(--color-alpha-white-10);
  --button-disabled-border: var(--color-alpha-white-10);
  --button-disabled-text: white;
  --button-secondary-disabled-text: var(--color-alpha-white-30);
  --button-secondary-disabled-border: var(--color-alpha-white-30);
}
@layer components {
  .ap-toggle-switch-wrapper {
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    gap: var(--spacing-12);
  }
  .ap-toggle-switch-input-base {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .ap-toggle-switch-track-base {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    border-radius: var(--radius-full);
    border-width: var(--stroke-0-75);
    --tw-border-style: solid;
    border-style: solid;
    stroke: var(--stroke-0-75);
    padding: var(--spacing-3);
    &:focus-within {
      outline: var(--focus-width) solid var(--focus-color);
      outline-offset: var(--focus-width);
    }
    outline: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ap-toggle-switch-track-size-md {
    inline-size: var(--toggle-switch-inline-size-md);
    block-size: var(--toggle-switch-block-size-md);
  }
  .ap-toggle-switch-track-size-lg {
    inline-size: var(--toggle-switch-inline-size-lg);
    block-size: var(--toggle-switch-block-size-lg);
  }
  .ap-toggle-switch-track-checked {
    border-color: var(--color-blue-600);
    background-color: var(--bg-brand-emphasis);
  }
  .ap-toggle-switch-track-unchecked {
    border-color: var(--border-primary);
    background-color: var(--bg-primary);
  }
  .ap-toggle-switch-track-disabled {
    border-color: var(--border-disabled);
    background-color: var(--bg-disabled);
  }
  .ap-toggle-switch-thumb-base {
    display: inline-block;
    border-radius: var(--radius-full);
    background-color: var(--content-always-white);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ap-toggle-switch-thumb-size-md {
    inline-size: var(--toggle-switch-thumb-size-md);
    block-size: var(--toggle-switch-thumb-size-md);
  }
  .ap-toggle-switch-thumb-size-lg {
    inline-size: var(--toggle-switch-thumb-size-lg);
    block-size: var(--toggle-switch-thumb-size-lg);
  }
  .ap-toggle-switch-thumb-translate-md {
    transform: translateX(calc(var(--toggle-switch-thumb-size-md) - var(--spacing-3)));
  }
  .ap-toggle-switch-thumb-translate-lg {
    transform: translateX(calc(var(--toggle-switch-thumb-size-lg) - var(--spacing-3)));
  }
  .ap-toggle-switch-thumb-unchecked {
    --tw-translate-x: var(--spacing-0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .ap-toggle-switch-thumb-disabled {
    background-color: var(--bg-disabled);
  }
  .ap-toggle-switch-text-md {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    -webkit-user-select: none;
    user-select: none;
  }
  .ap-toggle-switch-text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    -webkit-user-select: none;
    user-select: none;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}