/* Mekari Pixel design tokens, Color through Z-Index. Source: https://storybook.mekari.design/?path=/docs/guides-design-token--page */
@font-face{font-family:Inter;src:url("../fonts/inter/InterVariable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{
 --mk-colors-transparent: transparent;
 --mk-colors-current: currentColor;
 --mk-colors-overlay: rgba(22, 26, 32, 0.8);
 --mk-colors-overlayFill: #484D55;
 --mk-colors-background: #F1F5F9;
 --mk-colors-dark: #232933;
 --mk-colors-black: #000;
 --mk-colors-white: #FFF;
 --mk-colors-gradientGray: linear-gradient(90deg, #F0EFF1 0%, #F8F8F9 100%);
 --mk-colors-lightPurple: radial-gradient(108.28% 139.29% at 0% 0%, #E9F1FD 0%, #F4F0FF 100%);
 --mk-colors-palePurple: linear-gradient(90deg, #F3F0FD 0%, #DCCFFF 100%);
 --mk-colors-vibrantPurple: linear-gradient(98deg, #F8F9FB 0%, #B5A2EC 50.01%, #4B61DD 100%);
 --mk-colors-deepPurple: linear-gradient(96deg, #BD63F8 2.22%, #5F37E1 98.05%);
 --mk-colors-lightBlue: #F5F9FF;
 --mk-colors-whiteAlpha-50: rgba(255, 255, 255, 0.04);
 --mk-colors-whiteAlpha-100: rgba(255, 255, 255, 0.06);
 --mk-colors-whiteAlpha-200: rgba(255, 255, 255, 0.08);
 --mk-colors-whiteAlpha-300: rgba(255, 255, 255, 0.16);
 --mk-colors-whiteAlpha-400: rgba(255, 255, 255, 0.24);
 --mk-colors-whiteAlpha-500: rgba(255, 255, 255, 0.36);
 --mk-colors-whiteAlpha-600: rgba(255, 255, 255, 0.48);
 --mk-colors-whiteAlpha-700: rgba(255, 255, 255, 0.64);
 --mk-colors-whiteAlpha-800: rgba(255, 255, 255, 0.80);
 --mk-colors-whiteAlpha-900: rgba(255, 255, 255, 0.92);
 --mk-colors-blackAlpha-50: rgba(0, 0, 0, 0.04);
 --mk-colors-blackAlpha-100: rgba(0, 0, 0, 0.06);
 --mk-colors-blackAlpha-200: rgba(0, 0, 0, 0.08);
 --mk-colors-blackAlpha-300: rgba(0, 0, 0, 0.16);
 --mk-colors-blackAlpha-400: rgba(0, 0, 0, 0.24);
 --mk-colors-blackAlpha-500: rgba(0, 0, 0, 0.36);
 --mk-colors-blackAlpha-600: rgba(0, 0, 0, 0.48);
 --mk-colors-blackAlpha-700: rgba(0, 0, 0, 0.64);
 --mk-colors-blackAlpha-800: rgba(0, 0, 0, 0.80);
 --mk-colors-blackAlpha-900: rgba(0, 0, 0, 0.92);
 --mk-colors-gray-25: #F8F9FB;
 --mk-colors-gray-50: #EDF0F2;
 --mk-colors-gray-100: #D0D6DD;
 --mk-colors-gray-400: #8B95A5;
 --mk-colors-gray-600: #626B79;
 --mk-colors-blue-50: #EAECFB;
 --mk-colors-blue-100: #D6DFFF;
 --mk-colors-blue-400: #4B61DD;
 --mk-colors-blue-500: #1C44D5;
 --mk-colors-blue-700: #0031BE;
 --mk-colors-blue-800: #0031BE;
 --mk-colors-green-50: #E8F5EB;
 --mk-colors-green-400: #68BE79;
 --mk-colors-green-500: #4FB262;
 --mk-colors-green-700: #3C914D;
 --mk-colors-orange-50: #FBF3DD;
 --mk-colors-orange-400: #E0AB00;
 --mk-colors-orange-500: #DE9400;
 --mk-colors-orange-700: #DB8000;
 --mk-colors-red-50: #FDECEE;
 --mk-colors-red-400: #DA473F;
 --mk-colors-red-500: #C83E39;
 --mk-colors-red-700: #AB3129;
 --mk-colors-ice-50: #E0EEFF;
 --mk-colors-ice-100: #B4D3F2;
 --mk-colors-brand-mekari: #651FFF;
 --mk-colors-brand-jurnal: #40C3FF;
 --mk-colors-brand-talenta: #F22929;
 --mk-colors-brand-klikpajak: #FF9100;
 --mk-colors-brand-chat: #00B894;
 --mk-colors-brand-sign: #00C853;
 --mk-colors-brand-flex: #7C4DFF;
 --mk-colors-brand-capital: #2F5573;
 --mk-colors-brand-expense: #183883;
 --mk-colors-brand-qontak: #2979FF;
 --mk-colors-brand-university: #448AFF;
 --mk-colors-sky-100: #60A5FA;
 --mk-colors-sky-400: #3B82F6;
 --mk-colors-ash-100: #E7EDF5;
 --mk-colors-teal-100: #2DD4BF;
 --mk-colors-teal-400: #14B8A6;
 --mk-colors-violet-100: #A78BFA;
 --mk-colors-violet-400: #8B5CF6;
 --mk-colors-amber-100: #FBBF24;
 --mk-colors-amber-400: #F59E0B;
 --mk-colors-rose-100: #F87171;
 --mk-colors-rose-400: #EF4444;
 --mk-colors-stone-100: #A1A1AA;
 --mk-colors-stone-400: #71717A;
 --mk-colors-lime-100: #A3E635;
 --mk-colors-lime-400: #84CC16;
 --mk-colors-pink-100: #F472B6;
 --mk-colors-pink-400: #EC4899;
 --mk-colors-apricot-100: #FB923C;
 --mk-colors-apricot-400: #F97316;
 --mk-colors-aqua-100: #22D3EE;
 --mk-colors-aqua-400: #06B6D4;
 --mk-colors-leaf-100: #4ADE80;
 --mk-colors-leaf-400: #22C55E;
 --mk-colors-fuchsia-100: #E879F9;
 --mk-colors-fuchsia-400: #D946EF;
 --mk-space-0: 0;
 --mk-space-0-5: 0.125rem;
 --mk-space-1: 0.25rem;
 --mk-space-1-5: 0.375rem;
 --mk-space-2: 0.5rem;
 --mk-space-2-5: 0.625rem;
 --mk-space-3: 0.75rem;
 --mk-space-3-2: 0.875rem;
 --mk-space-3-5: 0.938rem;
 --mk-space-4: 1rem;
 --mk-space-5: 1.25rem;
 --mk-space-6: 1.5rem;
 --mk-space-6-5: 1.625rem;
 --mk-space-7: 1.75rem;
 --mk-space-7-5: 1.875rem;
 --mk-space-8: 2rem;
 --mk-space-9: 2.25rem;
 --mk-space-9-5: 2.375rem;
 --mk-space-10: 2.5rem;
 --mk-space-11: 2.75rem;
 --mk-space-12: 3rem;
 --mk-space-13: 3.625rem;
 --mk-space-16: 4rem;
 --mk-space-20: 5rem;
 --mk-space-22: 5.5rem;
 --mk-space-24: 6rem;
 --mk-space-32: 8rem;
 --mk-space-40: 10rem;
 --mk-space-48: 12rem;
 --mk-space-56: 14rem;
 --mk-space-64: 16rem;
 --mk-space-65: 17.5rem;
 --mk-space-66: 18.125rem;
 --mk-space-3xs: 14rem;
 --mk-space-2xs: 16rem;
 --mk-space-xs: 20rem;
 --mk-space-sm: 24rem;
 --mk-space-md: 28rem;
 --mk-space-lg: 32rem;
 --mk-space-xl: 36rem;
 --mk-space-2xl: 42rem;
 --mk-space-3xl: 48rem;
 --mk-space-4xl: 56rem;
 --mk-space-5xl: 64rem;
 --mk-space-6xl: 72rem;
 --mk-space-px: 1px;
 --mk-space-full: 100%;
 --mk-fonts-body: "Inter", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif, Segoe UI, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 --mk-fonts-mono: SFMono-Regular, Menlo, Monaco,Consolas, "Liberation Mono", "Courier New", monospace;
 --mk-fontSizes-xs: 0.625rem;
 --mk-fontSizes-sm: 0.75rem;
 --mk-fontSizes-md: 0.875rem;
 --mk-fontSizes-lg: 1rem;
 --mk-fontSizes-xl: 1.25rem;
 --mk-fontSizes-2xl: 1.5rem;
 --mk-fontWeights-regular: 400;
 --mk-fontWeights-semibold: 600;
 --mk-lineHeights-normal: normal;
 --mk-lineHeights-none: 0;
 --mk-lineHeights-2xs: 0.6;
 --mk-lineHeights-xs: 0.75;
 --mk-lineHeights-sm: 1;
 --mk-lineHeights-1sm: 1.2;
 --mk-lineHeights-md: 1.4;
 --mk-lineHeights-xxlg: 1.34;
 --mk-lineHeights-xlg: 1.3;
 --mk-lineHeights-1lg: 1.6;
 --mk-lineHeights-2lg: 1.7;
 --mk-lineHeights-lg: 1.5;
 --mk-lineHeights-3lg: 1.715;
 --mk-lineHeights-xl: 2;
 --mk-lineHeights-2xl: 2.25;
 --mk-letterSpacings-tighter: -0.05em;
 --mk-letterSpacings-tight: -0.025em;
 --mk-letterSpacings-normal: 0;
 --mk-letterSpacings-wide: 0.025em;
 --mk-letterSpacings-wider: 0.05em;
 --mk-letterSpacings-widest: 0.1em;
 --mk-borders-none: 0;
 --mk-borders-half: 0.75px;
 --mk-borders-1px: 1px;
 --mk-borders-1-5px: 1.5px;
 --mk-borders-2px: 2px;
 --mk-borders-4px: 4px;
 --mk-borderWidths-sm: 1px;
 --mk-borderWidths-md: 2px;
 --mk-borderWidths-lg: 4px;
 --mk-breakpoints-base: 0;
 --mk-breakpoints-sm: 22.5em;
 --mk-breakpoints-md: 48em;
 --mk-breakpoints-lg: 64em;
 --mk-breakpoints-xl: 80em;
 --mk-radii-none: 0;
 --mk-radii-xs: 0.125rem;
 --mk-radii-2xs: 0.188rem;
 --mk-radii-sm: 0.25rem;
 --mk-radii-md: 0.375rem;
 --mk-radii-lg: 0.5rem;
 --mk-radii-xl: 0.75rem;
 --mk-radii-full: 624.938rem;
 --mk-shadows-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
 --mk-shadows-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
 --mk-shadows-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 --mk-shadows-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
 --mk-shadows-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
 --mk-shadows-outline: 0 0 0 3px #E0EEFF;
 --mk-shadows-outline-tab: 0 0 0 2px #E0EEFF;
 --mk-shadows-outer: 0 0 0 3px rgba(224, 238, 255, 1);
 --mk-shadows-inner: inset 0 2px 4px 0 rgba( 0, 0, 0, 0.06);
 --mk-shadows-none: none;
 --mk-zIndices-hide: -1;
 --mk-zIndices-auto: auto;
 --mk-zIndices-base: 0;
 --mk-zIndices-docked: 10;
 --mk-zIndices-dropdown: 1000;
 --mk-zIndices-sticky: 1100;
 --mk-zIndices-banner: 1200;
 --mk-zIndices-popover: 1250;
 --mk-zIndices-overlay: 1300;
 --mk-zIndices-modal: 1400;
 --mk-zIndices-skipLink: 1600;
 --mk-zIndices-toast: 1700;
 --mk-zIndices-tooltip: 1800;
}