@layer pixel_tokens {
    :where(:root, :host) {
  --mp-borders-none: none;
  --mp-borders-sm: 1px;
  --mp-borders-md: 1.5px;
  --mp-borders-lg: 2px;
  --mp-colors-currentcolor: currentcolor;
  --mp-colors-dark: #232933;
  --mp-colors-white: #FFFFFF;
  --mp-colors-background: #F1F5F9;
  --mp-colors-overlay: rgba(22, 26, 32, 0.8);
  --mp-colors-brand-capital: #2F5573;
  --mp-colors-brand-esign: #00C853;
  --mp-colors-brand-expense: #183883;
  --mp-colors-brand-flex: #7C4DFF;
  --mp-colors-brand-jurnal: #40C3FF;
  --mp-colors-brand-klikpajak: #FF9100;
  --mp-colors-brand-mekari: #651FFF;
  --mp-colors-brand-qontak: #2979FF;
  --mp-colors-brand-talenta: #F22929;
  --mp-colors-brand-university: #448AFF;
  --mp-colors-gray-25: #F8F9FB;
  --mp-colors-gray-50: #EDF0F2;
  --mp-colors-gray-100: #D0D6DD;
  --mp-colors-gray-400: #8B95A5;
  --mp-colors-gray-600: #626B79;
  --mp-colors-blue-50: #EAECFB;
  --mp-colors-blue-100: #D5DEFF;
  --mp-colors-blue-400: #4B61DD;
  --mp-colors-blue-500: #1C44D5;
  --mp-colors-blue-700: #0031BE;
  --mp-colors-red-50: #FDECEE;
  --mp-colors-red-400: #DA473F;
  --mp-colors-red-500: #C83E39;
  --mp-colors-red-700: #AB3129;
  --mp-colors-green-50: #E8F5EB;
  --mp-colors-green-400: #68BE79;
  --mp-colors-green-500: #4FB262;
  --mp-colors-green-700: #3C914D;
  --mp-colors-orange-50: #FBF3DD;
  --mp-colors-orange-400: #E0AB00;
  --mp-colors-orange-500: #DE9400;
  --mp-colors-orange-700: #DB8000;
  --mp-colors-sky-100: #60A5FA;
  --mp-colors-sky-400: #3B82F6;
  --mp-colors-teal-100: #2DD4BF;
  --mp-colors-teal-400: #14B8A6;
  --mp-colors-violet-100: #A78BFA;
  --mp-colors-violet-400: #8B5CF6;
  --mp-colors-amber-100: #FBBF24;
  --mp-colors-amber-400: #F59E0B;
  --mp-colors-rose-100: #F87171;
  --mp-colors-rose-400: #EF4444;
  --mp-colors-stone-100: #A1A1AA;
  --mp-colors-stone-400: #71717A;
  --mp-colors-lime-100: #A3E635;
  --mp-colors-lime-400: #84CC16;
  --mp-colors-pink-100: #F472B6;
  --mp-colors-pink-400: #EC4899;
  --mp-colors-apricot-100: #FB923C;
  --mp-colors-apricot-400: #F97316;
  --mp-colors-aqua-100: #22D3EE;
  --mp-colors-aqua-400: #06B6D4;
  --mp-colors-leaf-100: #4ADE80;
  --mp-colors-leaf-400: #22C55E;
  --mp-colors-fuchsia-100: #E879F9;
  --mp-colors-fuchsia-400: #D946EF;
  --mp-colors-ice-50: #E0EEFF;
  --mp-colors-ice-100: #B4D3F2;
  --mp-colors-ash-100: #E7EDF5;
  --mp-durations-slow: 100ms;
  --mp-durations-normal: 250ms;
  --mp-durations-fast: 300ms;
  --mp-fonts-body: "inter", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif, Segoe UI, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --mp-fonts-mono: SFMono-Regular, Menlo, Monaco,Consolas, "Liberation Mono", "Courier New", monospace;
  --mp-font-sizes-xs: 0.625rem;
  --mp-font-sizes-sm: 0.75rem;
  --mp-font-sizes-md: 0.875rem;
  --mp-font-sizes-lg: 1rem;
  --mp-font-sizes-xl: 1.25rem;
  --mp-font-sizes-2xl: 1.5rem;
  --mp-font-weights-regular: 400;
  --mp-font-weights-semi-bold: 600;
  --mp-font-weights-bold: 800;
  --mp-line-heights-xs: 1.2;
  --mp-line-heights-sm: 1.34;
  --mp-line-heights-md: 1.4;
  --mp-line-heights-lg: 1.429;
  --mp-line-heights-xl: 1.5;
  --mp-line-heights-2xl: 1.67;
  --mp-line-heights-3xl: 1.71;
  --mp-letter-spacings-tighter: -0.05em;
  --mp-letter-spacings-tight: -0.025em;
  --mp-letter-spacings-normal: 0;
  --mp-letter-spacings-wide: 0.025em;
  --mp-letter-spacings-wider: 0.05em;
  --mp-letter-spacings-widest: 0.1em;
  --mp-opacity-0: 0;
  --mp-opacity-40: 0.4;
  --mp-opacity-60: 0.6;
  --mp-opacity-100: 1;
  --mp-radii-none: 0;
  --mp-radii-xs: 0.125rem;
  --mp-radii-sm: 0.25rem;
  --mp-radii-md: 0.375rem;
  --mp-radii-lg: 0.5rem;
  --mp-radii-xl: 0.75rem;
  --mp-radii-full: 50%;
  --mp-shadows-xs: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.14);
  --mp-shadows-sm: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.10);
  --mp-shadows-md: 0px 10px 10px -5px rgba(0, 0, 0, 0.04), 0px 20px 25px -5px rgba(0, 0, 0, 0.10);
  --mp-shadows-lg: 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
  --mp-shadows-focus: 0 0 0 3px rgba(224, 238, 255, 1);
  --mp-shadows-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --mp-shadows-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --mp-shadows-outline: 0 0 0 3px #E0EEFF;
  --mp-shadows-outline-tab: 0 0 0 2px #E0EEFF;
  --mp-shadows-outer: 0 0 0 3px rgba(224, 238, 255, 1);
  --mp-shadows-inner: inset 0 2px 4px 0 rgba( 0, 0, 0, 0.06);
  --mp-shadows-none: none;
  --mp-sizes-0: 0;
  --mp-sizes-1: 0.25rem;
  --mp-sizes-2: 0.5rem;
  --mp-sizes-3: 0.75rem;
  --mp-sizes-4: 1rem;
  --mp-sizes-5: 1.25rem;
  --mp-sizes-6: 1.5rem;
  --mp-sizes-7: 1.75rem;
  --mp-sizes-8: 2rem;
  --mp-sizes-9: 2.25rem;
  --mp-sizes-10: 2.5rem;
  --mp-sizes-11: 2.75rem;
  --mp-sizes-12: 3rem;
  --mp-sizes-16: 4rem;
  --mp-sizes-20: 5rem;
  --mp-sizes-22: 5.5rem;
  --mp-sizes-56: 14rem;
  --mp-sizes-65: 17.5rem;
  --mp-sizes-0\.25: 0.0625rem;
  --mp-sizes-0\.5: 0.125rem;
  --mp-sizes-2\.5: 0.625rem;
  --mp-sizes-7\.5: 1.875rem;
  --mp-sizes-9\.5: 2.375rem;
  --mp-sizes-full: 100%;
  --mp-sizes-3xs: 14rem;
  --mp-sizes-2xs: 16rem;
  --mp-sizes-xs: 20rem;
  --mp-sizes-2xl: 42rem;
  --mp-sizes-3xl: 48rem;
  --mp-sizes-4xl: 56rem;
  --mp-sizes-5xl: 64rem;
  --mp-sizes-6xl: 72rem;
  --mp-sizes-sm: 24rem;
  --mp-sizes-md: 28rem;
  --mp-sizes-lg: 32rem;
  --mp-sizes-xl: 36rem;
  --mp-sizes-containers-sm: 640px;
  --mp-sizes-containers-md: 768px;
  --mp-sizes-containers-lg: 1024px;
  --mp-sizes-containers-xl: 1280px;
  --mp-sizes-breakpoint-sm: 22.5em;
  --mp-sizes-breakpoint-md: 48em;
  --mp-sizes-breakpoint-lg: 64em;
  --mp-sizes-breakpoint-xl: 80em;
  --mp-spacing-0: 0;
  --mp-spacing-1: 0.25rem;
  --mp-spacing-2: 0.5rem;
  --mp-spacing-3: 0.75rem;
  --mp-spacing-4: 1rem;
  --mp-spacing-5: 1.3rem;
  --mp-spacing-6: 1.5rem;
  --mp-spacing-8: 2rem;
  --mp-spacing-12: 3rem;
  --mp-spacing-16: 4rem;
  --mp-spacing-20: 5rem;
  --mp-spacing-24: 6rem;
  --mp-spacing-32: 8rem;
  --mp-spacing-40: 10rem;
  --mp-spacing-64: 16rem;
  --mp-spacing-0\.5: 0.125rem;
  --mp-spacing-1\.5: 0.375rem;
  --mp-z-index-hide: -1;
  --mp-z-index-base: 0;
  --mp-z-index-docked: 10;
  --mp-z-index-sticky: 1100;
  --mp-z-index-overlay: 1300;
  --mp-z-index-modal: 1400;
  --mp-z-index-popover: 1500;
  --mp-z-index-tooltip: 1800;
  --mp-breakpoints-sm: 22.5em;
  --mp-breakpoints-md: 48em;
  --mp-breakpoints-lg: 64em;
  --mp-breakpoints-xl: 80em
}
  }