@import 'https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap';

:root {
    /* Color System */
    /* Misc */
    --kendo-color-app-surface: #fff;
    --kendo-color-surface: #F2F4F7;
    --kendo-color-surface-alt: #fff;
    --kendo-color-on-app-surface: #28323E;
    --kendo-color-subtle: #50647C;
    --kendo-color-border: rgba(23, 65, 99, .12);
    --kendo-color-border-alt: rgba(23, 65, 99, 0.24);
    /*  Base */
    --kendo-color-base-subtle: #E6EAEF;
    --kendo-color-base-subtle-hover: #DAE0E7;
    --kendo-color-base-subtle-active: #C1CBD7;
    --kendo-color-base: #ffffff;
    --kendo-color-base-hover: #E6EAEF;
    --kendo-color-base-active: #DAE0E7;
    --kendo-color-base-emphasis: #405063;
    --kendo-color-on-base: #202832;
    --kendo-color-base-on-surface: #28323E;
    --kendo-color-base-on-subtle: #181E25;
    /* Primary */
    --kendo-color-primary-subtle: #DAECFB;
    --kendo-color-primary-subtle-hover: #C7E3F9;
    --kendo-color-primary-subtle-active: #A2D0F6;
    --kendo-color-primary: #167ED4;
    --kendo-color-primary-hover: #136DB9;
    --kendo-color-primary-active: #1767AB;
    --kendo-color-primary-emphasis: #15588E;
    --kendo-color-on-primary: #ffffff;
    --kendo-color-primary-on-surface: #136DB9;
    --kendo-color-primary-on-subtle: #174163;
    /* Secondary */
    --kendo-color-secondary-subtle: #A8B6C7;
    --kendo-color-secondary-subtle-hover: #8FA1B7;
    --kendo-color-secondary-subtle-active: #768CA7;
    --kendo-color-secondary: #607895;
    --kendo-color-secondary-hover: #50647C;
    --kendo-color-secondary-active: #405063;
    --kendo-color-secondary-emphasis: #202832;
    --kendo-color-on-secondary: #FFFFFF;
    --kendo-color-secondary-on-surface: #50647C;
    --kendo-color-secondary-on-subtle: #101419;
    /* Tertiary */
    --kendo-color-tertiary-subtle: #DAFBF9;
    --kendo-color-tertiary-subtle-hover: #C7F9F7;
    --kendo-color-tertiary-subtle-active: #A2F6F1;
    --kendo-color-tertiary: #16D4CB;
    --kendo-color-tertiary-hover: #13B9B0;
    --kendo-color-tertiary-active: #16A29B;
    --kendo-color-tertiary-emphasis: #137C77;
    --kendo-color-on-tertiary: #000000;
    --kendo-color-tertiary-on-surface: #13B9B0;
    --kendo-color-tertiary-on-subtle: #104240;
    /* Error */
    --kendo-color-error-subtle: #FCDCD9;
    --kendo-color-error-subtle-hover: #FCC4C0;
    --kendo-color-error-subtle-active: #FAA9A3;
    --kendo-color-error: #E71B0D;
    --kendo-color-error-hover: #D41A0C;
    --kendo-color-error-active: #C1170B;
    --kendo-color-error-emphasis: #911108;
    --kendo-color-on-error: #FFFFFF;
    --kendo-color-error-on-surface: #D41A0C;
    --kendo-color-error-on-subtle: #4D0904;
    /* Success */
    --kendo-color-success-subtle: #D9FCE8;
    --kendo-color-success-subtle-hover: #C2FAD9;
    --kendo-color-success-subtle-active: #A6F7C8;
    --kendo-color-success: #32ED7F;
    --kendo-color-success-hover: #14E069;
    --kendo-color-success-active: #12CE60;
    --kendo-color-success-emphasis: #0C8D42;
    --kendo-color-on-success: #000;
    --kendo-color-success-on-surface: #14E069;
    --kendo-color-success-on-subtle: #074B23;
    /*  Warning */
    --kendo-color-warning-subtle: #FCF6D9;
    --kendo-color-warning-subtle-hover: #FAF0C2;
    --kendo-color-warning-subtle-active: #F7EAA6;
    --kendo-color-warning: #EDCD32;
    --kendo-color-warning-hover: #E0BE14;
    --kendo-color-warning-active: #CEAF12;
    --kendo-color-warning-emphasis: #8D770C;
    --kendo-color-on-warning: #000000;
    --kendo-color-warning-on-surface: #E0BE14;
    --kendo-color-warning-on-subtle: #4B4007;
    /*  Info */
    --kendo-color-info-subtle: #D9F6FC;
    --kendo-color-info-subtle-hover: #C2F0FA;
    --kendo-color-info-subtle-active: #A6EAF7;
    --kendo-color-info: #32CEED;
    --kendo-color-info-hover: #14BEE0;
    --kendo-color-info-active: #12AFCE;
    --kendo-color-info-emphasis: #0C778D;
    --kendo-color-on-info: #000000;
    --kendo-color-info-on-surface: #14BEE0;
    --kendo-color-info-on-subtle: #07404B;
    /*  Light */
    --kendo-color-light-subtle: #E6EAEF;
    --kendo-color-light-subtle-hover: #DAE0E7;
    --kendo-color-light-subtle-active: #C1CBD7;
    --kendo-color-light: #F2F4F7;
    --kendo-color-light-hover: #E6EAEF;
    --kendo-color-light-active: #DAE0E7;
    --kendo-color-light-emphasis: #A8B6C7;
    --kendo-color-on-light: #181E25;
    --kendo-color-light-on-surface: #E6EAEF;
    --kendo-color-light-on-subtle: #303C4A;
    /*  Dark */
    --kendo-color-dark-subtle: #202832;
    --kendo-color-dark-subtle-hover: #28323E;
    --kendo-color-dark-subtle-active: #303C4A;
    --kendo-color-dark: #101419;
    --kendo-color-dark-hover: #181E25;
    --kendo-color-dark-active: #202832;
    --kendo-color-dark-emphasis: #50647C;
    --kendo-color-on-dark: #FFFFFF;
    --kendo-color-dark-on-surface: #181E25;
    --kendo-color-dark-on-subtle: #F2F4F7;
    /*  Series A */
    --kendo-color-series-a-subtler: #E4B4C1;
    --kendo-color-series-a: #C35573;
    --kendo-color-series-a-bold: #A63A57;
    --kendo-color-series-a-subtle: #D5869B;
    --kendo-color-series-a-bolder: #792A3F;
    /*  Series B */
    --kendo-color-series-b-subtler: #ACCFEC;
    --kendo-color-series-b: #4493D5;
    --kendo-color-series-b-bold: #2975B3;
    --kendo-color-series-b-subtle: #7AB3E1;
    --kendo-color-series-b-bolder: #1D5481;
    /*  Series C */
    --kendo-color-series-c-subtler: #B1D2C2;
    --kendo-color-series-c: #62A583;
    --kendo-color-series-c-bold: #4A8266;
    --kendo-color-series-c-subtle: #8ABCA3;
    --kendo-color-series-c-bolder: #345B47;
    /*  Series D */
    --kendo-color-series-d-subtler: #69BED8;
    --kendo-color-series-d: #28829D;
    --kendo-color-series-d-bold: #1C5B6D;
    --kendo-color-series-d-subtle: #38A9CC;
    --kendo-color-series-d-bolder: #10323D;
    /*  Series E */
    --kendo-color-series-e-subtler: #EED57C;
    --kendo-color-series-e: #D6AD1C;
    --kendo-color-series-e-bold: #A28415;
    --kendo-color-series-e-subtle: #E7C446;
    --kendo-color-series-e-bolder: #6C580E;
    /*  SERIES F */
    --kendo-color-series-f-subtler: #C5C0D8;
    --kendo-color-series-f: #7F76A9;
    --kendo-color-series-f-bold: #60568A;
    --kendo-color-series-f-subtle: #A29BC0;
    --kendo-color-series-f-bolder: #463F64;
    /* Typography */
    --kendo-font-family: 'Fira Sans', sans-serif;
    --kendo-font-size: 14px;
    --kendo-font-size-sm: 12px;
    --kendo-font-size-md: var(--kendo-font-size);
    --kendo-font-size-lg: 16px;
    --kendo-font-size-xl: 20px;
    --kendo-h1-font-size: 56px;
    --kendo-h2-font-size: 42px;
    --kendo-h3-font-size: 35px;
    --kendo-h4-font-size: 28px;
    --kendo-h5-font-size: 21px;
    --kendo-h6-font-size: 14px;
    --kendo-line-height-xs: 1.2;
    --kendo-line-height-sm: 1.25;
    --kendo-line-height-md: 1.42;
    --kendo-line-height-lg: 1.5;
    --kendo-h1-line-height: calc((var(--kendo-font-size) * 4) * 1.25);
    --kendo-h2-line-height: calc((var(--kendo-font-size) * 3) * 1.2);
    --kendo-h3-line-height: calc((var(--kendo-font-size) * 2.5) * 1.2);
    --kendo-h4-line-height: calc((var(--kendo-font-size) * 2) * 1.2);
    --kendo-h5-line-height: calc((var(--kendo-font-size) * 1.5) * 1.25);
    --kendo-h6-line-height: calc((var(--kendo-font-size) * 1) * 1.25);
    --kendo-h1-font-weight: 400;
    --kendo-h2-font-weight: 400;
    --kendo-h3-font-weight: 400;
    --kendo-h4-font-weight: 500;
    --kendo-h5-font-weight: 500;
    --kendo-h6-font-weight: 500;
    /* Border radius */
    --k-border-radius-null: 0px;
    --kendo-border-radius-xs: 4px;
    --kendo-border-radius-sm: 6px;
    --kendo-border-radius-md: 12px;
    --kendo-border-radius-lg: 24px;
    --kendo-border-radius-xl: 36px;
    --kendo-border-radius-xxl: 48px;
    --kendo-border-radius-xxxl: 60px;
    --kendo-border-radius-full: 9999px;
    /* Panel Gradient */
    --panel-gradient: linear-gradient(to bottom, white 60%, #fafafa 0%);
}