:root {
  --cpt1-border-radius: .25rem;
  --cpt1-border-radius-l: .5rem;
  --cpt1-border-radius-xl: 1rem;
  --cpt1-border-radius-xxl: 1.5rem;
  --cpt1-transition-duration-fast: .2s;
  --cpt1-transition-duration-default: .3s;
  --cpt1-transition-duration-slow: .5s;
  --cpt1-brand-primary: #51b13e;
  --cpt1-brand-secondary: #CEDC21;
  --cpt1-brand-tertiary: #1e7a44;
  --cpt1-brand-dark: #0F3B21;
  --cpt1-white: #ffffff;
  --cpt1-white-rgb: 255, 255, 255;
  --cpt1-black: #000000;
  --cpt1-black-rgb: 0, 0, 0;
  --cpt1-amber-100: #FEF3C7;
  --cpt1-amber-200: #FDE68A;
  --cpt1-amber-300: #FCD34D;
  --cpt1-amber-400: #FBBF24;
  --cpt1-amber-500: #F59E0B;
  --cpt1-amber-600: #D97706;
  --cpt1-amber-700: #B45309;
  --cpt1-amber-800: #92400E;
  --cpt1-amber-900: #78350F;
  --cpt1-amber-rgb: 245,158,11;
  --cpt1-amber-rgb-800: 146,64,14;
  --cpt1-emerald-100: #D1FAE5;
  --cpt1-emerald-200: #A7F3D0;
  --cpt1-emerald-300: #6EE7B7;
  --cpt1-emerald-400: #34D399;
  --cpt1-emerald-500: #10B981;
  --cpt1-emerald-600: #059669;
  --cpt1-emerald-700: #047857;
  --cpt1-emerald-800: #065F46;
  --cpt1-emerald-900: #064E3B;
  --cpt1-emerald-rgb: 16,185,129;
  --cpt1-emerald-rgb-800: 6,95,70;
  --cpt1-violet-100: #EDE9FE;
  --cpt1-violet-200: #DDD6FE;
  --cpt1-violet-300: #C4B5FD;
  --cpt1-violet-400: #A78BFA;
  --cpt1-violet-500: #8B5CF6;
  --cpt1-violet-600: #7C3AED;
  --cpt1-violet-700: #6D28D9;
  --cpt1-violet-800: #5B21B6;
  --cpt1-violet-900: #4C1D95;
  --cpt1-violet-rgb: 139,92,246;
  --cpt1-violet-rgb-800: 91,33,182;
  --cpt1-fuchsia-100: #FAE8FF;
  --cpt1-fuchsia-200: #F5D0FE;
  --cpt1-fuchsia-300: #F0ABFC;
  --cpt1-fuchsia-400: #E879F9;
  --cpt1-fuchsia-500: #D946EF;
  --cpt1-fuchsia-600: #C026D3;
  --cpt1-fuchsia-700: #A21CAF;
  --cpt1-fuchsia-800: #86198F;
  --cpt1-fuchsia-900: #701A75;
  --cpt1-fuchsia-rgb: 217,70,239;
  --cpt1-fuchsia-rgb-800: 134,25,143;
  --cpt1-slate-100: #F1F5F9;
  --cpt1-slate-200: #E2E8F0;
  --cpt1-slate-300: #CBD5E1;
  --cpt1-slate-400: #94A3B8;
  --cpt1-slate-500: #64748B;
  --cpt1-slate-600: #475569;
  --cpt1-slate-700: #334155;
  --cpt1-slate-800: #1E293B;
  --cpt1-slate-900: #0F172A;
  --cpt1-slate-rgb: 100,116,139;
  --cpt1-slate-rgb-800: 30,41,59;
  --cpt1-primary-100: #DBEAFE;
  --cpt1-primary-200: #BFDBFE;
  --cpt1-primary-300: #93C5FD;
  --cpt1-primary-400: #60A5FA;
  --cpt1-primary-500: #3B82F6;
  --cpt1-primary-600: #2563EB;
  --cpt1-primary-700: #1D4ED8;
  --cpt1-primary-800: #1E40AF;
  --cpt1-primary-900: #1E3A8A;
  --cpt1-primary-rgb: 59,130,246;
  --cpt1-primary-rgb-800: 30,64,175;
  --cpt1-blue-100: #DBEAFE;
  --cpt1-blue-200: #BFDBFE;
  --cpt1-blue-300: #93C5FD;
  --cpt1-blue-400: #60A5FA;
  --cpt1-blue-500: #3B82F6;
  --cpt1-blue-600: #2563EB;
  --cpt1-blue-700: #1D4ED8;
  --cpt1-blue-800: #1E40AF;
  --cpt1-blue-900: #1E3A8A;
  --cpt1-blue-rgb: 59,130,246;
  --cpt1-blue-rgb-800: 30,64,175;
  --cpt1-cyan-100: #CFFAFE;
  --cpt1-cyan-200: #A5F3FC;
  --cpt1-cyan-300: #67E8F9;
  --cpt1-cyan-400: #22D3EE;
  --cpt1-cyan-500: #06B6D4;
  --cpt1-cyan-600: #0891B2;
  --cpt1-cyan-700: #0E7490;
  --cpt1-cyan-800: #155E75;
  --cpt1-cyan-900: #164E63;
  --cpt1-cyan-rgb: 6,182,212;
  --cpt1-cyan-rgb-800: 21,94,117;
  --cpt1-green-100: #DCFCE7;
  --cpt1-green-200: #BBF7D0;
  --cpt1-green-300: #86EFAC;
  --cpt1-green-400: #4ADE80;
  --cpt1-green-500: #22C55E;
  --cpt1-green-600: #16A34A;
  --cpt1-green-700: #15803D;
  --cpt1-green-800: #166534;
  --cpt1-green-900: #14532D;
  --cpt1-green-rgb: 34,197,94;
  --cpt1-green-rgb-800: 22,101,52;
  --cpt1-indigo-100: #E0E7FF;
  --cpt1-indigo-200: #C7D2FE;
  --cpt1-indigo-300: #A5B4FC;
  --cpt1-indigo-400: #818CF8;
  --cpt1-indigo-500: #6366F1;
  --cpt1-indigo-600: #4F46E5;
  --cpt1-indigo-700: #4338CA;
  --cpt1-indigo-800: #3730A3;
  --cpt1-indigo-900: #312E81;
  --cpt1-indigo-rgb: 99,102,241;
  --cpt1-indigo-rgb-800: 55,48,163;
  --cpt1-lime-100: #ECFCCB;
  --cpt1-lime-200: #D9F99D;
  --cpt1-lime-300: #BEF264;
  --cpt1-lime-400: #A3E635;
  --cpt1-lime-500: #84CC16;
  --cpt1-lime-600: #65A30D;
  --cpt1-lime-700: #4D7C0F;
  --cpt1-lime-800: #3F6212;
  --cpt1-lime-900: #365314;
  --cpt1-lime-rgb: 132,204,22;
  --cpt1-lime-rgb-800: 63,98,18;
  --cpt1-neutral-dark-100: #F0F6FC;
  --cpt1-neutral-dark-200: #C9D1D9;
  --cpt1-neutral-dark-300: #B1BAC4;
  --cpt1-neutral-dark-400: #8B949E;
  --cpt1-neutral-dark-500: #6E7681;
  --cpt1-neutral-dark-600: #484F58;
  --cpt1-neutral-dark-700: #30363D;
  --cpt1-neutral-dark-800: #21262D;
  --cpt1-neutral-dark-900: #161B22;
  --cpt1-neutral-dark-rgb: 110,118,129;
  --cpt1-neutral-dark-rgb-800: 33,38,45;
  --cpt1-neutral-light-100: #f8f9fa;
  --cpt1-neutral-light-200: #e9ecef;
  --cpt1-neutral-light-300: #dee2e6;
  --cpt1-neutral-light-400: #ced4da;
  --cpt1-neutral-light-500: #8f979e;
  --cpt1-neutral-light-600: #6c757d;
  --cpt1-neutral-light-700: #495057;
  --cpt1-neutral-light-800: #343a40;
  --cpt1-neutral-light-900: #292929;
  --cpt1-neutral-light-rgb: 143,151,158;
  --cpt1-neutral-light-rgb-800: 52,58,64;
  --cpt1-orange-100: #FFEDD5;
  --cpt1-orange-200: #FED7AA;
  --cpt1-orange-300: #FDBA74;
  --cpt1-orange-400: #FB923C;
  --cpt1-orange-500: #F97316;
  --cpt1-orange-600: #EA580C;
  --cpt1-orange-700: #C2410C;
  --cpt1-orange-800: #9A3412;
  --cpt1-orange-900: #7C2D12;
  --cpt1-orange-rgb: 249,115,22;
  --cpt1-orange-rgb-800: 154,52,18;
  --cpt1-pink-100: #FCE7F3;
  --cpt1-pink-200: #FBCFE8;
  --cpt1-pink-300: #F9A8D4;
  --cpt1-pink-400: #F472B6;
  --cpt1-pink-500: #EC4899;
  --cpt1-pink-600: #DB2777;
  --cpt1-pink-700: #BE185D;
  --cpt1-pink-800: #9D174D;
  --cpt1-pink-900: #831843;
  --cpt1-pink-rgb: 236,72,153;
  --cpt1-pink-rgb-800: 157,23,77;
  --cpt1-purple-100: #F3E8FF;
  --cpt1-purple-200: #E9D5FF;
  --cpt1-purple-300: #D8B4FE;
  --cpt1-purple-400: #C084FC;
  --cpt1-purple-500: #A855F7;
  --cpt1-purple-600: #9333EA;
  --cpt1-purple-700: #7E22CE;
  --cpt1-purple-800: #6B21A8;
  --cpt1-purple-900: #581C87;
  --cpt1-purple-rgb: 168,85,247;
  --cpt1-purple-rgb-800: 107,33,168;
  --cpt1-red-100: #FEE2E2;
  --cpt1-red-200: #FECACA;
  --cpt1-red-300: #FCA5A5;
  --cpt1-red-400: #F87171;
  --cpt1-red-500: #EF4444;
  --cpt1-red-600: #DC2626;
  --cpt1-red-700: #B91C1C;
  --cpt1-red-800: #991B1B;
  --cpt1-red-900: #7F1D1D;
  --cpt1-red-rgb: 239,68,68;
  --cpt1-red-rgb-800: 153,27,27;
  --cpt1-rose-100: #FFE4E6;
  --cpt1-rose-200: #FECDD3;
  --cpt1-rose-300: #FDA4AF;
  --cpt1-rose-400: #FB7185;
  --cpt1-rose-500: #F43F5E;
  --cpt1-rose-600: #E11D48;
  --cpt1-rose-700: #BE123C;
  --cpt1-rose-800: #9F1239;
  --cpt1-rose-900: #881337;
  --cpt1-rose-rgb: 244,63,94;
  --cpt1-rose-rgb-800: 159,18,57;
  --cpt1-sky-100: #E0F2FE;
  --cpt1-sky-200: #BAE6FD;
  --cpt1-sky-300: #7DD3FC;
  --cpt1-sky-400: #38BDF8;
  --cpt1-sky-500: #0EA5E9;
  --cpt1-sky-600: #0284C7;
  --cpt1-sky-700: #0369A1;
  --cpt1-sky-800: #075985;
  --cpt1-sky-900: #0C4A6E;
  --cpt1-sky-rgb: 14,165,233;
  --cpt1-sky-rgb-800: 7,89,133;
  --cpt1-teal-100: #CCFBF1;
  --cpt1-teal-200: #99F6E4;
  --cpt1-teal-300: #5EEAD4;
  --cpt1-teal-400: #2DD4BF;
  --cpt1-teal-500: #14B8A6;
  --cpt1-teal-600: #0D9488;
  --cpt1-teal-700: #0F766E;
  --cpt1-teal-800: #115E59;
  --cpt1-teal-900: #134E4A;
  --cpt1-teal-rgb: 20,184,166;
  --cpt1-teal-rgb-800: 17,94,89;
  --cpt1-yellow-100: #FEF9C3;
  --cpt1-yellow-200: #FEF08A;
  --cpt1-yellow-300: #FDE047;
  --cpt1-yellow-400: #FACC15;
  --cpt1-yellow-500: #EAB308;
  --cpt1-yellow-600: #CA8A04;
  --cpt1-yellow-700: #A16207;
  --cpt1-yellow-800: #854D0E;
  --cpt1-yellow-900: #713F12;
  --cpt1-yellow-rgb: 234,179,8;
  --cpt1-yellow-rgb-800: 133,77,14;
  --cpt1-space-xs: 4px;
  --cpt1-space-s: 8px;
  --cpt1-space-m: 16px;
  --cpt1-space-l: 32px;
  --cpt1-space-xl: 64px;
  --cpt1-space-xxl: 80px;
  --cpt1-font-family-base: "Open Sans", "Helvetica Neue", Arial, sans-serif;
  --cpt1-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --cpt1-font-size-xs: 10px;
  --cpt1-font-size-s: 12px;
  --cpt1-font-size-m: 14px;
  --cpt1-font-size-l: 18px;
  --cpt1-font-size-xl: 36px;
  --cpt1-font-size-xxl: 45px;
  --cpt1-font-weight-normal: 400;
  --cpt1-font-weight-semibold: 600;
  --cpt1-font-weight-bold: 700;
  --cpt1-neutral-100: var(--cpt1-neutral-light-100);
  --cpt1-neutral-200: var(--cpt1-neutral-light-200);
  --cpt1-neutral-300: var(--cpt1-neutral-light-300);
  --cpt1-neutral-400: var(--cpt1-neutral-light-400);
  --cpt1-neutral-500: var(--cpt1-neutral-light-500);
  --cpt1-neutral-600: var(--cpt1-neutral-light-600);
  --cpt1-neutral-700: var(--cpt1-neutral-light-700);
  --cpt1-neutral-800: var(--cpt1-neutral-light-800);
  --cpt1-neutral-900: var(--cpt1-neutral-light-900);
  --cpt1-font-size-base: var(--cpt1-font-size-m);
  --cpt1-bg-tile: var(--cpt1-neutral-100);
  --cpt1-bg-dark: var(--cpt1-brand-dark);
  --cpt1-body-bg: var(--cpt1-white);
  --cpt1-body-bg-light: var(--cpt1-neutral-100);
  --cpt1-body-bg-medium: var(--cpt1-neutral-200);
  --cpt1-body-bg-striped: var(--cpt1-neutral-200);
  --cpt1-body-bg-hover: var(--cpt1-white);
  --cpt1-body-bg-active: var(--cpt1-primary);
  --cpt1-body-bg-rgb: 248, 249, 250;
  --cpt1-body-border-light: var(--cpt1-neutral-200);
  --cpt1-body-border-medium: var(--cpt1-neutral-300);
  --cpt1-body-text: var(--cpt1-neutral-900);
  --cpt1-body-text-striped: var(--cpt1-body-text);
  --cpt1-body-text-hover: var(--cpt1-body-text);
  --cpt1-body-text-active: var(--cpt1-white);
  --cpt1-body-text-muted: var(--cpt1-neutral-500);
  --cpt1-body-text-rgb: 41, 41, 41;
  --cpt1-body-link: var(--cpt1-primary);
  --cpt1-body-link-accent: var(--cpt1-primary);
  --cpt1-body-shadow: rgba(25, 135, 84, 0.33);
  --cpt1-wizard-bg: var(--cpt1-body-bg);
  --cpt1-wizard-text: var(--cpt1-body-text);
  --cpt1-header-bg: var(--cpt1-neutral-100);
  --cpt1-header-text: var(--cpt1-body-text);
  --cpt1-header-link: var(--cpt1-header-text);
  --cpt1-header-link-accent: var(--cpt1-primary);
  --cpt1-header-link-active: var(--cpt1-primary);
  --cpt1-nav-link: var(--cpt1-neutral-600);
  --cpt1-nav-link-accent: var(--cpt1-neutral-700);
  --cpt1-nav-link-active: var(--cpt1-neutral-900);
  --cpt1-nav-bg: transparent;
  --cpt1-nav-bg-hover: transparent;
  --cpt1-nav-bg-active: transparent;
  --cpt1-nav-border: transparent;
  --cpt1-nav-border-hover: transparent;
  --cpt1-nav-border-active: var(--cpt1-primary);
  --cpt1-form-bg: var(--cpt1-white);
  --cpt1-form-bg-hover: var(--cpt1-form-bg);
  --cpt1-form-bg-addon: var(--cpt1-neutral-300);
  --cpt1-form-bg-disabled: var(--cpt1-neutral-200);
  --cpt1-form-text: var(--cpt1-neutral-900);
  --cpt1-form-text-label: var(--cpt1-neutral-700);
  --cpt1-form-text-addon: var(--cpt1-neutral-700);
  --cpt1-form-border: var(--cpt1-neutral-300);
  --cpt1-form-border-focus: var(--cpt1-form-border);
  --cpt1-form-border-active: var(--cpt1-form-border);
  --cpt1-form-border-disabled: var(--cpt1-form-border);
  --cpt1-form-shadow-focus: var(--cpt1-primary-shadow);
  --cpt1-form-shadow-valid: var(--cpt1-success-shadow);
  --cpt1-form-shadow-invalid: var(--cpt1-danger-shadow);
  --cpt1-footer-bg: var(--cpt1-body-bg);
  --cpt1-footer-text: var(--cpt1-neutral-500);
  --cpt1-footer-link: var(--cpt1-neutral-500);
  --cpt1-footer-link-accent: var(--cpt1-neutral-600);
  --cpt1-code-text: var(--cpt1-body-text);
  --cpt1-code-bg: transparent;
  --cpt1-pre-text: var(--cpt1-white);
  --cpt1-pre-bg: var(--cpt1-neutral-900);
  --cpt1-primary: var(--cpt1-brand-primary);
  --cpt1-primary-accent: var(--cpt1-brand-tertiary);
  --cpt1-primary-text: var(--cpt1-white);
  --cpt1-primary-text-hover: var(--cpt1-white);
  --cpt1-primary-text-active: var(--cpt1-white);
  --cpt1-primary-bg-hover: var(--cpt1-primary-accent);
  --cpt1-primary-bg-active: var(--cpt1-primary-accent);
  --cpt1-primary-border: var(--cpt1-primary);
  --cpt1-primary-border-hover: var(--cpt1-primary-bg-hover);
  --cpt1-primary-border-active: var(--cpt1-primary-bg-active);
  --cpt1-primary-dim-bg: var(--cpt1-primary-500);
  --cpt1-primary-dim-bg-striped: var(--cpt1-primary-400);
  --cpt1-primary-dim-bg-hover: var(--cpt1-primary-600);
  --cpt1-primary-dim-bg-active: var(--cpt1-primary-700);
  --cpt1-primary-dim-border: var(--cpt1-primary-dim-bg);
  --cpt1-primary-dim-border-active: var(--cpt1-primary-dim-bg-active);
  --cpt1-primary-dim-text: var(--cpt1-white);
  --cpt1-primary-dim-text-striped: var(--cpt1-primary-dim-text);
  --cpt1-primary-dim-text-hover: var(--cpt1-primary-dim-text);
  --cpt1-primary-dim-text-active: var(--cpt1-primary-900);
  --cpt1-primary-shadow: rgba(25, 135, 84, 0.33);
  --cpt1-primary-rgb: 81, 177, 62;
  --cpt1-secondary: var(--cpt1-white);
  --cpt1-secondary-accent: var(--cpt1-secondary);
  --cpt1-secondary-text: var(--cpt1-primary);
  --cpt1-secondary-text-hover: var(--cpt1-brand-dark);
  --cpt1-secondary-text-active: var(--cpt1-brand-dark);
  --cpt1-secondary-bg-hover: var(--cpt1-secondary-accent);
  --cpt1-secondary-bg-active: var(--cpt1-secondary-accent);
  --cpt1-secondary-border: var(--cpt1-neutral-300);
  --cpt1-secondary-border-hover: var(--cpt1-neutral-400);
  --cpt1-secondary-border-active: var(--cpt1-neutral-500);
  --cpt1-secondary-dim-bg: var(--cpt1-neutral-200);
  --cpt1-secondary-dim-bg-striped: var(--cpt1-neutral-300);
  --cpt1-secondary-dim-bg-hover: var(--cpt1-neutral-300);
  --cpt1-secondary-dim-bg-active: var(--cpt1-neutral-400);
  --cpt1-secondary-dim-border: var(--cpt1-secondary-dim-bg);
  --cpt1-secondary-dim-border-active: var(--cpt1-secondary-dim-bg-active);
  --cpt1-secondary-dim-text: var(--cpt1-neutral-800);
  --cpt1-secondary-dim-text-striped: var(--cpt1-secondary-dim-text);
  --cpt1-secondary-dim-text-hover: var(--cpt1-secondary-dim-text);
  --cpt1-secondary-dim-text-active: var(--cpt1-neutral-900);
  --cpt1-secondary-shadow: rgba(130, 138, 145, 0.33);
  --cpt1-secondary-rgb: 255, 255, 255;
  --cpt1-success: var(--cpt1-green-500);
  --cpt1-success-accent: var(--cpt1-green-700);
  --cpt1-success-text: var(--cpt1-white);
  --cpt1-success-text-hover: var(--cpt1-white);
  --cpt1-success-text-active: var(--cpt1-white);
  --cpt1-success-bg-hover: var(--cpt1-success-accent);
  --cpt1-success-bg-active: var(--cpt1-success-accent);
  --cpt1-success-border: var(--cpt1-success);
  --cpt1-success-border-hover: var(--cpt1-success-bg-hover);
  --cpt1-success-border-active: var(--cpt1-success-bg-active);
  --cpt1-success-dim-bg: var(--cpt1-green-100);
  --cpt1-success-dim-bg-striped: var(--cpt1-green-200);
  --cpt1-success-dim-bg-hover: var(--cpt1-green-200);
  --cpt1-success-dim-bg-active: var(--cpt1-green-300);
  --cpt1-success-dim-border: var(--cpt1-success-dim-bg);
  --cpt1-success-dim-border-active: var(--cpt1-success-dim-bg-active);
  --cpt1-success-dim-text: var(--cpt1-green-800);
  --cpt1-success-dim-text-striped: var(--cpt1-success-dim-text);
  --cpt1-success-dim-text-hover: var(--cpt1-success-dim-text);
  --cpt1-success-dim-text-active: var(--cpt1-green-900);
  --cpt1-success-shadow: rgba(60, 153, 110, 0.33);
  --cpt1-success-rgb: var(--cpt1-green-rgb);
  --cpt1-info: var(--cpt1-blue-500);
  --cpt1-info-accent: var(--cpt1-blue-700);
  --cpt1-info-text: var(--cpt1-white);
  --cpt1-info-text-hover: var(--cpt1-white);
  --cpt1-info-text-active: var(--cpt1-white);
  --cpt1-info-bg-hover: var(--cpt1-info-accent);
  --cpt1-info-bg-active: var(--cpt1-info-accent);
  --cpt1-info-border: var(--cpt1-info);
  --cpt1-info-border-hover: var(--cpt1-info-bg-hover);
  --cpt1-info-border-active: var(--cpt1-info-bg-active);
  --cpt1-info-dim-bg: var(--cpt1-blue-100);
  --cpt1-info-dim-bg-striped: var(--cpt1-blue-200);
  --cpt1-info-dim-bg-hover: var(--cpt1-blue-200);
  --cpt1-info-dim-bg-active: var(--cpt1-blue-300);
  --cpt1-info-dim-border: var(--cpt1-info-dim-bg);
  --cpt1-info-dim-border-active: var(--cpt1-info-dim-bg-active);
  --cpt1-info-dim-text: var(--cpt1-blue-800);
  --cpt1-info-dim-text-striped: var(--cpt1-info-dim-text);
  --cpt1-info-dim-text-hover: var(--cpt1-info-dim-text);
  --cpt1-info-dim-text-active: var(--cpt1-blue-900);
  --cpt1-info-shadow: rgba(11, 172, 204, 0.33);
  --cpt1-info-rgb: var(--cpt1-blue-rgb);
  --cpt1-warning: var(--cpt1-yellow-500);
  --cpt1-warning-accent: var(--cpt1-yellow-700);
  --cpt1-warning-text: var(--cpt1-neutral-900);
  --cpt1-warning-text-hover: var(--cpt1-neutral-900);
  --cpt1-warning-text-active: var(--cpt1-neutral-900);
  --cpt1-warning-bg-hover: var(--cpt1-warning-accent);
  --cpt1-warning-bg-active: var(--cpt1-warning-accent);
  --cpt1-warning-border: var(--cpt1-warning);
  --cpt1-warning-border-hover: var(--cpt1-warning-bg-hover);
  --cpt1-warning-border-active: var(--cpt1-warning-bg-active);
  --cpt1-warning-dim-bg: var(--cpt1-yellow-100);
  --cpt1-warning-dim-bg-striped: var(--cpt1-yellow-200);
  --cpt1-warning-dim-bg-hover: var(--cpt1-yellow-200);
  --cpt1-warning-dim-bg-active: var(--cpt1-yellow-300);
  --cpt1-warning-dim-border: var(--cpt1-warning-dim-bg);
  --cpt1-warning-dim-border-active: var(--cpt1-warning-dim-bg-active);
  --cpt1-warning-dim-text: var(--cpt1-neutral-800);
  --cpt1-warning-dim-text-striped: var(--cpt1-warning-dim-text);
  --cpt1-warning-dim-text-hover: var(--cpt1-warning-dim-text);
  --cpt1-warning-dim-text-active: var(--cpt1-yellow-900);
  --cpt1-warning-shadow: rgba(217, 164, 6, 0.33);
  --cpt1-warning-rgb: var(--cpt1-yellow-rgb);
  --cpt1-danger: var(--cpt1-red-500);
  --cpt1-danger-accent: var(--cpt1-red-700);
  --cpt1-danger-text: var(--cpt1-white);
  --cpt1-danger-text-hover: var(--cpt1-white);
  --cpt1-danger-text-active: var(--cpt1-white);
  --cpt1-danger-bg-hover: var(--cpt1-danger-accent);
  --cpt1-danger-bg-active: var(--cpt1-danger-accent);
  --cpt1-danger-border: var(--cpt1-danger);
  --cpt1-danger-border-hover: var(--cpt1-danger-bg-hover);
  --cpt1-danger-border-active: var(--cpt1-danger-bg-active);
  --cpt1-danger-dim-bg: var(--cpt1-red-100);
  --cpt1-danger-dim-bg-striped: var(--cpt1-red-200);
  --cpt1-danger-dim-bg-hover: var(--cpt1-red-200);
  --cpt1-danger-dim-bg-active: var(--cpt1-red-300);
  --cpt1-danger-dim-border: var(--cpt1-danger-dim-bg);
  --cpt1-danger-dim-border-active: var(--cpt1-danger-dim-bg-active);
  --cpt1-danger-dim-text: var(--cpt1-red-800);
  --cpt1-danger-dim-text-striped: var(--cpt1-danger-dim-text);
  --cpt1-danger-dim-text-hover: var(--cpt1-danger-dim-text);
  --cpt1-danger-dim-text-active: var(--cpt1-red-900);
  --cpt1-danger-shadow: rgba(225, 83, 97, 0.33);
  --cpt1-danger-rgb: var(--cpt1-red-rgb);
  --cpt1-light: var(--cpt1-neutral-200);
  --cpt1-light-accent: var(--cpt1-neutral-400);
  --cpt1-light-text: var(--cpt1-neutral-800);
  --cpt1-light-text-hover: var(--cpt1-neutral-800);
  --cpt1-light-text-active: var(--cpt1-neutral-800);
  --cpt1-light-bg-hover: var(--cpt1-light-accent);
  --cpt1-light-bg-active: var(--cpt1-light-accent);
  --cpt1-light-border: var(--cpt1-light);
  --cpt1-light-border-hover: var(--cpt1-light-bg-hover);
  --cpt1-light-border-active: var(--cpt1-light-bg-active);
  --cpt1-light-dim-bg: var(--cpt1-white);
  --cpt1-light-dim-bg-striped: var(--cpt1-neutral-200);
  --cpt1-light-dim-bg-hover: var(--cpt1-neutral-200);
  --cpt1-light-dim-bg-active: var(--cpt1-neutral-300);
  --cpt1-light-dim-border: var(--cpt1-light-dim-bg);
  --cpt1-light-dim-border-active: var(--cpt1-light-dim-bg-active);
  --cpt1-light-dim-text: var(--cpt1-neutral-800);
  --cpt1-light-dim-text-striped: var(--cpt1-light-dim-text);
  --cpt1-light-dim-text-hover: var(--cpt1-light-dim-text);
  --cpt1-light-dim-text-active: var(--cpt1-neutral-900);
  --cpt1-light-shadow: rgba(211, 212, 213, 0.33);
  --cpt1-light-rgb: 233, 236, 239;
  --cpt1-dark: var(--cpt1-neutral-800);
  --cpt1-dark-accent: var(--cpt1-black);
  --cpt1-dark-text: var(--cpt1-neutral-200);
  --cpt1-dark-text-hover: var(--cpt1-neutral-200);
  --cpt1-dark-text-active: var(--cpt1-neutral-200);
  --cpt1-dark-bg-hover: var(--cpt1-dark-accent);
  --cpt1-dark-bg-active: var(--cpt1-dark-accent);
  --cpt1-dark-border: var(--cpt1-dark);
  --cpt1-dark-border-hover: var(--cpt1-dark-bg-hover);
  --cpt1-dark-border-active: var(--cpt1-dark-bg-active);
  --cpt1-dark-dim-bg: var(--cpt1-neutral-900);
  --cpt1-dark-dim-bg-striped: var(--cpt1-neutral-900);
  --cpt1-dark-dim-bg-hover: var(--cpt1-neutral-800);
  --cpt1-dark-dim-bg-active: var(--cpt1-neutral-700);
  --cpt1-dark-dim-border: var(--cpt1-dark-dim-bg);
  --cpt1-dark-dim-border-active: var(--cpt1-dark-dim-bg-active);
  --cpt1-dark-dim-text: var(--cpt1-neutral-200);
  --cpt1-dark-dim-text-striped: var(--cpt1-dark-dim-text);
  --cpt1-dark-dim-text-hover: var(--cpt1-dark-dim-text);
  --cpt1-dark-dim-text-active: var(--cpt1-neutral-100);
  --cpt1-dark-shadow: rgba(66, 70, 73, 0.33);
  --cpt1-dark-rgb: 33, 38, 45;
}

:root[data-theme="dark"],
:root[data-cpt1-theme="dark"] {
  --cpt1-neutral-100: var(--cpt1-neutral-dark-100);
  --cpt1-neutral-200: var(--cpt1-neutral-dark-200);
  --cpt1-neutral-300: var(--cpt1-neutral-dark-300);
  --cpt1-neutral-400: var(--cpt1-neutral-dark-400);
  --cpt1-neutral-500: var(--cpt1-neutral-dark-500);
  --cpt1-neutral-600: var(--cpt1-neutral-dark-600);
  --cpt1-neutral-700: var(--cpt1-neutral-dark-700);
  --cpt1-neutral-800: var(--cpt1-neutral-dark-800);
  --cpt1-neutral-900: var(--cpt1-neutral-dark-900);
  --cpt1-neutral-950: #0D1117;
  --cpt1-bg-dark: var(--cpt1-neutral-950);
  --cpt1-bg-tile: var(--cpt1-bg-dark);
  --cpt1-body-bg: var(--cpt1-neutral-900);
  --cpt1-body-bg-light: var(--cpt1-neutral-950);
  --cpt1-body-bg-medium: var(--cpt1-neutral-800);
  --cpt1-body-bg-striped: var(--cpt1-neutral-800);
  --cpt1-body-bg-hover: var(--cpt1-neutral-950);
  --cpt1-body-bg-active: var(--cpt1-neutral-700);
  --cpt1-body-bg-rgb: 41, 41, 41;
  --cpt1-body-border-light: var(--cpt1-neutral-800);
  --cpt1-body-border-medium: var(--cpt1-neutral-700);
  --cpt1-body-text: var(--cpt1-white);
  --cpt1-body-text-rgb: 255, 255, 255;
  --cpt1-form-text-label: var(--cpt1-neutral-300);
  --cpt1-header-bg: var(--cpt1-bg-dark);
  --cpt1-nav-link: var(--cpt1-neutral-500);
  --cpt1-nav-link-accent: var(--cpt1-neutral-300);
  --cpt1-nav-link-active: var(--cpt1-white);
  --cpt1-footer-text: var(--cpt1-neutral-400);
  --cpt1-footer-link: var(--cpt1-neutral-400);
  --cpt1-footer-link-accent: var(--cpt1-neutral-200);
  --cpt1-pre-bg: var(--cpt1-bg-dark);
  --cpt1-secondary: transparent;
  --cpt1-secondary-text-hover: var(--cpt1-primary);
  --cpt1-secondary-text-active: var(--cpt1-primary);
  --cpt1-secondary-border: var(--cpt1-neutral-700);
  --cpt1-secondary-border-hover: var(--cpt1-neutral-600);
  --cpt1-secondary-border-active: var(--cpt1-neutral-500);
  --cpt1-light: var(--cpt1-neutral-800);
  --cpt1-light-accent: var(--cpt1-black);
  --cpt1-light-text: var(--cpt1-neutral-200);
  --cpt1-light-text-hover: var(--cpt1-neutral-200);
  --cpt1-light-text-active: var(--cpt1-neutral-200);
  --cpt1-light-bg-hover: var(--cpt1-light-accent);
  --cpt1-light-bg-active: var(--cpt1-light-accent);
  --cpt1-light-border: var(--cpt1-light);
  --cpt1-light-border-hover: var(--cpt1-light-bg-hover);
  --cpt1-light-border-active: var(--cpt1-light-bg-active);
  --cpt1-light-dim-bg: var(--cpt1-neutral-950);
  --cpt1-light-dim-bg-striped: var(--cpt1-neutral-900);
  --cpt1-light-dim-bg-hover: var(--cpt1-neutral-800);
  --cpt1-light-dim-bg-active: var(--cpt1-neutral-700);
  --cpt1-light-dim-border: var(--cpt1-light-dim-bg);
  --cpt1-light-dim-border-active: var(--cpt1-light-dim-bg-active);
  --cpt1-light-dim-text: var(--cpt1-neutral-200);
  --cpt1-light-dim-text-striped: var(--cpt1-light-dim-text);
  --cpt1-light-dim-text-hover: var(--cpt1-light-dim-text);
  --cpt1-light-dim-text-active: var(--cpt1-neutral-100);
  --cpt1-light-shadow: rgba(66, 70, 73, 0.33);
  --cpt1-light-rgb: 33, 38, 45;
  --cpt1-dark: var(--cpt1-neutral-200);
  --cpt1-dark-accent: var(--cpt1-neutral-400);
  --cpt1-dark-text: var(--cpt1-neutral-800);
  --cpt1-dark-text-hover: var(--cpt1-neutral-800);
  --cpt1-dark-text-active: var(--cpt1-neutral-800);
  --cpt1-dark-bg-hover: var(--cpt1-dark-accent);
  --cpt1-dark-bg-active: var(--cpt1-dark-accent);
  --cpt1-dark-border: var(--cpt1-dark);
  --cpt1-dark-border-hover: var(--cpt1-dark-bg-hover);
  --cpt1-dark-border-active: var(--cpt1-dark-bg-active);
  --cpt1-dark-dim-bg: var(--cpt1-white);
  --cpt1-dark-dim-bg-striped: var(--cpt1-neutral-200);
  --cpt1-dark-dim-bg-hover: var(--cpt1-neutral-200);
  --cpt1-dark-dim-bg-active: var(--cpt1-neutral-300);
  --cpt1-dark-dim-border: var(--cpt1-dark-dim-bg);
  --cpt1-dark-dim-border-active: var(--cpt1-dark-dim-bg-active);
  --cpt1-dark-dim-text: var(--cpt1-neutral-800);
  --cpt1-dark-dim-text-striped: var(--cpt1-dark-dim-text);
  --cpt1-dark-dim-text-hover: var(--cpt1-dark-dim-text);
  --cpt1-dark-dim-text-active: var(--cpt1-neutral-900);
  --cpt1-dark-shadow: rgba(211, 212, 213, 0.33);
  --cpt1-dark-rgb: 201, 209, 217;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-cpt1-theme],
[data-theme]) {
    --cpt1-neutral-100: var(--cpt1-neutral-dark-100);
    --cpt1-neutral-200: var(--cpt1-neutral-dark-200);
    --cpt1-neutral-300: var(--cpt1-neutral-dark-300);
    --cpt1-neutral-400: var(--cpt1-neutral-dark-400);
    --cpt1-neutral-500: var(--cpt1-neutral-dark-500);
    --cpt1-neutral-600: var(--cpt1-neutral-dark-600);
    --cpt1-neutral-700: var(--cpt1-neutral-dark-700);
    --cpt1-neutral-800: var(--cpt1-neutral-dark-800);
    --cpt1-neutral-900: var(--cpt1-neutral-dark-900);
    --cpt1-neutral-950: #0D1117;
    --cpt1-bg-dark: var(--cpt1-neutral-950);
    --cpt1-bg-tile: var(--cpt1-bg-dark);
    --cpt1-body-bg: var(--cpt1-neutral-900);
    --cpt1-body-bg-light: var(--cpt1-neutral-950);
    --cpt1-body-bg-medium: var(--cpt1-neutral-800);
    --cpt1-body-bg-striped: var(--cpt1-neutral-800);
    --cpt1-body-bg-hover: var(--cpt1-neutral-950);
    --cpt1-body-bg-active: var(--cpt1-neutral-700);
    --cpt1-body-bg-rgb: 41, 41, 41;
    --cpt1-body-border-light: var(--cpt1-neutral-800);
    --cpt1-body-border-medium: var(--cpt1-neutral-700);
    --cpt1-body-text: var(--cpt1-white);
    --cpt1-body-text-rgb: 255, 255, 255;
    --cpt1-form-text-label: var(--cpt1-neutral-300);
    --cpt1-header-bg: var(--cpt1-bg-dark);
    --cpt1-nav-link: var(--cpt1-neutral-500);
    --cpt1-nav-link-accent: var(--cpt1-neutral-300);
    --cpt1-nav-link-active: var(--cpt1-white);
    --cpt1-footer-text: var(--cpt1-neutral-400);
    --cpt1-footer-link: var(--cpt1-neutral-400);
    --cpt1-footer-link-accent: var(--cpt1-neutral-200);
    --cpt1-pre-bg: var(--cpt1-bg-dark);
    --cpt1-secondary: transparent;
    --cpt1-secondary-text-hover: var(--cpt1-primary);
    --cpt1-secondary-text-active: var(--cpt1-primary);
    --cpt1-secondary-border: var(--cpt1-neutral-700);
    --cpt1-secondary-border-hover: var(--cpt1-neutral-600);
    --cpt1-secondary-border-active: var(--cpt1-neutral-500);
    --cpt1-light: var(--cpt1-neutral-800);
    --cpt1-light-accent: var(--cpt1-black);
    --cpt1-light-text: var(--cpt1-neutral-200);
    --cpt1-light-text-hover: var(--cpt1-neutral-200);
    --cpt1-light-text-active: var(--cpt1-neutral-200);
    --cpt1-light-bg-hover: var(--cpt1-light-accent);
    --cpt1-light-bg-active: var(--cpt1-light-accent);
    --cpt1-light-border: var(--cpt1-light);
    --cpt1-light-border-hover: var(--cpt1-light-bg-hover);
    --cpt1-light-border-active: var(--cpt1-light-bg-active);
    --cpt1-light-dim-bg: var(--cpt1-neutral-950);
    --cpt1-light-dim-bg-striped: var(--cpt1-neutral-900);
    --cpt1-light-dim-bg-hover: var(--cpt1-neutral-800);
    --cpt1-light-dim-bg-active: var(--cpt1-neutral-700);
    --cpt1-light-dim-border: var(--cpt1-light-dim-bg);
    --cpt1-light-dim-border-active: var(--cpt1-light-dim-bg-active);
    --cpt1-light-dim-text: var(--cpt1-neutral-200);
    --cpt1-light-dim-text-striped: var(--cpt1-light-dim-text);
    --cpt1-light-dim-text-hover: var(--cpt1-light-dim-text);
    --cpt1-light-dim-text-active: var(--cpt1-neutral-100);
    --cpt1-light-shadow: rgba(66, 70, 73, 0.33);
    --cpt1-light-rgb: 33, 38, 45;
    --cpt1-dark: var(--cpt1-neutral-200);
    --cpt1-dark-accent: var(--cpt1-neutral-400);
    --cpt1-dark-text: var(--cpt1-neutral-800);
    --cpt1-dark-text-hover: var(--cpt1-neutral-800);
    --cpt1-dark-text-active: var(--cpt1-neutral-800);
    --cpt1-dark-bg-hover: var(--cpt1-dark-accent);
    --cpt1-dark-bg-active: var(--cpt1-dark-accent);
    --cpt1-dark-border: var(--cpt1-dark);
    --cpt1-dark-border-hover: var(--cpt1-dark-bg-hover);
    --cpt1-dark-border-active: var(--cpt1-dark-bg-active);
    --cpt1-dark-dim-bg: var(--cpt1-white);
    --cpt1-dark-dim-bg-striped: var(--cpt1-neutral-200);
    --cpt1-dark-dim-bg-hover: var(--cpt1-neutral-200);
    --cpt1-dark-dim-bg-active: var(--cpt1-neutral-300);
    --cpt1-dark-dim-border: var(--cpt1-dark-dim-bg);
    --cpt1-dark-dim-border-active: var(--cpt1-dark-dim-bg-active);
    --cpt1-dark-dim-text: var(--cpt1-neutral-800);
    --cpt1-dark-dim-text-striped: var(--cpt1-dark-dim-text);
    --cpt1-dark-dim-text-hover: var(--cpt1-dark-dim-text);
    --cpt1-dark-dim-text-active: var(--cpt1-neutral-900);
    --cpt1-dark-shadow: rgba(211, 212, 213, 0.33);
    --cpt1-dark-rgb: 201, 209, 217;
  }
}