/* Inter font - loaded locally */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('fonts/inter-latin.woff2') format('woff2');
}

@font-face {
    font-family: InterVariable;
    font-style: normal;
    font-weight: 500 700;
    src: url(fonts/InterVariable.woff2) format("woff2");
    font-display: swap;
    font-feature-settings: "liga" 1,"calt" 1,"ss02" 1;
    font-variation-settings: "slnt" 0;
    font-optical-sizing: auto;
}

:root {
    font-family: Inter, sans-serif;
    font-feature-settings: "liga" 1, "calt" 1, "ss02" 1;
    font-size: 16px;
    --dds-transparent-white-none: hsla(0, 0%, 100%, 0);
    --dds-transparent-black-none: transparent;
    --dds-border-neutral-transparent-interactive: hsla(0, 0%, 100%, 0);
    --dds-border-neutral-transparent-disabled: hsla(0, 0%, 100%, 0);
    --dds-border-neutral-transparent: hsla(0, 0%, 100%, 0);
    --dds-fields-background-disabled-none: rgba(209, 215, 223, 0);
    --dds-fields-background-read-only-none: rgba(245, 247, 250, 0);
    --dds-fields-background-default-none: hsla(0, 0%, 100%, 0);
    --dds-icon-large: 32px;
    --dds-icon-medium: 24px;
    --dds-icon-base: 20px;
    --dds-icon-small: 16px;
    --dds-icon-xsmall: 12px;
    --dds-containers-2xlarge: 1320px;
    --dds-containers-xlarge: 1140px;
    --dds-containers-large: 960px;
    --dds-containers-medium: 720px;
    --dds-containers-small: 540px;
    --dds-containers-xsmall: 460px;
    --dds-breakpoints-2xlarge: 1536px;
    --dds-breakpoints-xlarge: 1280px;
    --dds-breakpoints-large: 1024px;
    --dds-breakpoints-medium: 768px;
    --dds-breakpoints-small: 640px;
    --dds-breakpoints-xsmall: 320px;
    --dds-radius-rounded: 1000px;
    --dds-radius-xlarge: 24px;
    --dds-radius-large: 16px;
    --dds-radius-base: 8px;
    --dds-radius-small: 4px;
    --dds-radius-none: 0;
    --dds-border-width-2xlarge: 4px;
    --dds-border-width-xlarge: 3px;
    --dds-border-width-large: 2px;
    --dds-border-width-base: 1px;
    --dds-border-width-none: 0;
    --dds-z-index-n20: -20;
    --dds-z-index-n10: -10;
    --dds-z-index-n1: -1;
    --dds-z-index-modal: 10;
    --dds-z-index-100: 100;
    --dds-z-index-90: 90;
    --dds-z-index-80: 80;
    --dds-z-index-70: 70;
    --dds-z-index-60: 60;
    --dds-z-index-50: 50;
    --dds-z-index-40: 40;
    --dds-z-index-30: 30;
    --dds-z-index-20: 20;
    --dds-z-index-10: 10;
    --dds-z-index-0: 0;
    --dds-avatar-size-lg: 80px;
    --dds-avatar-size-md: 64px;
    --dds-avatar-size-sm: 48px;
    --dds-avatar-size-xs: 32px;
    --dds-avatar-size-xxs: 24px;
    --dds-spacing-6000: 240px;
    --dds-spacing-5000: 200px;
    --dds-spacing-4000: 160px;
    --dds-spacing-3000: 120px;
    --dds-spacing-2400: 96px;
    --dds-spacing-2000: 80px;
    --dds-spacing-1800: 72px;
    --dds-spacing-1600: 64px;
    --dds-spacing-1400: 56px;
    --dds-spacing-1200: 48px;
    --dds-spacing-1000: 40px;
    --dds-spacing-800: 32px;
    --dds-spacing-700: 28px;
    --dds-spacing-600: 24px;
    --dds-spacing-500: 20px;
    --dds-spacing-400: 16px;
    --dds-spacing-300: 12px;
    --dds-spacing-200: 8px;
    --dds-spacing-150: 6px;
    --dds-spacing-100: 4px;
    --dds-spacing-50: 2px;
    --dds-spacing-0: 0;
    --dds-tray-min-height: 300px;
    --dds-tray-min-width: 400px;
    --dds-tray-width: 250px;
    --dds-tooltip-popup-shadow: 0 8px 12px -2px rgb(0 0 0 / 8%), 0 2px 6px -2px rgb(0 0 0 / 6%);
    --dds-tooltip-arrow-size: 8px;
    --dds-tooltip-offset: 8;
    --dds-font-weight-bold: 700;
    --dds-font-weight-medium: 500;
    --dds-font-line-height-xlarge: 1.5;
    --dds-font-line-height-large: 1.25;
    --dds-font-line-height-base: 1;
    --dds-font-type: inter, sans-serif;
    --dds-font-12xl: 4.625rem;
    --dds-font-11xl: 4.125rem;
    --dds-font-10xl: 3.625rem;
    --dds-font-9xl: 3.25rem;
    --dds-font-8xl: 2.875rem;
    --dds-font-7xl: 2.5rem;
    --dds-font-6xl: 2.25rem;
    --dds-font-5xl: 2rem;
    --dds-font-4xl: 1.75rem;
    --dds-font-3xl: 1.5rem;
    --dds-font-2xl: 1.375rem;
    --dds-font-xl: 1.25rem;
    --dds-font-lg: 1.125rem;
    --dds-font-base: 1rem;
    --dds-font-sm: 0.875rem;
    --dds-font-xs: 0.750rem;
    --dds-font-2xs: 0.625rem;
    --dds-font-3xs: 0.5rem;
    --dds-easing-linear: linear;
    --dds-easing-ease-out: cubic-bezier(0, 0, 0.58, 1);
    --dds-easing-ease-in: cubic-bezier(0.42, 0, 1, 1);
    --dds-easing-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
    --dds-transition-x-fast: 100ms;
    --dds-transition-fast: 150ms;
    --dds-transition-medium: 200ms;
    --dds-transition-slow: 500ms;
    --dds-transition-x-slow: 1000ms;
    --dds-transition-xx-slow: 2000ms;
    --dds-black-100: #000;
    --dds-black-90: rgba(0, 0, 0, .9);
    --dds-black-80: rgba(0, 0, 0, .8);
    --dds-black-70: rgba(0, 0, 0, .7);
    --dds-black-60: rgba(0, 0, 0, .6);
    --dds-black-50: rgba(0, 0, 0, .5);
    --dds-black-40: rgba(0, 0, 0, .4);
    --dds-black-30: rgba(0, 0, 0, .3);
    --dds-black-20: rgba(0, 0, 0, .2);
    --dds-black-10: rgba(0, 0, 0, .1);
    --dds-black-5: rgb(0 0 0 / 5%);
    --dds-white-100: #fff;
    --dds-white-90: hsla(0, 0%, 100%, .9);
    --dds-white-80: hsla(0, 0%, 100%, .8);
    --dds-white-70: hsla(0, 0%, 100%, .7);
    --dds-white-60: hsla(0, 0%, 100%, .6);
    --dds-white-50: hsla(0, 0%, 100%, .5);
    --dds-white-40: hsla(0, 0%, 100%, .4);
    --dds-white-30: hsla(0, 0%, 100%, .3);
    --dds-white-20: hsla(0, 0%, 100%, .2);
    --dds-white-10: hsla(0, 0%, 100%, .1);
    --dds-white-5: hsla(0, 0%, 100%, .05);
    --dds-violet-alpha-90: rgba(132, 69, 219, .9);
    --dds-violet-alpha-80: rgba(132, 69, 219, .8);
    --dds-violet-alpha-70: rgba(132, 69, 219, .7);
    --dds-violet-alpha-60: rgba(132, 69, 219, .6);
    --dds-violet-alpha-50: rgba(132, 69, 219, .5);
    --dds-violet-alpha-40: rgba(132, 69, 219, .4);
    --dds-violet-alpha-30: rgba(132, 69, 219, .3);
    --dds-violet-alpha-20: rgba(132, 69, 219, .2);
    --dds-violet-alpha-10: rgba(132, 69, 219, .1);
    --dds-violet-alpha-5: rgb(132 69 219 / 5%);
    --dds-violet-2000: #1f063c;
    --dds-violet-1900: #260949;
    --dds-violet-1800: #290a4d;
    --dds-violet-1700: #2f0d57;
    --dds-violet-1600: #34105f;
    --dds-violet-1500: #371163;
    --dds-violet-1400: #3c136c;
    --dds-violet-1300: #411674;
    --dds-violet-1200: #4c1c86;
    --dds-violet-1100: #59249b;
    --dds-violet-1000: #8445db;
    --dds-violet-900: #8f50e8;
    --dds-violet-800: #a065fb;
    --dds-violet-700: #bc90ff;
    --dds-violet-600: #c9a5ff;
    --dds-violet-500: #d0b3ff;
    --dds-violet-400: #decaff;
    --dds-violet-300: #efe7ff;
    --dds-violet-200: #f4efff;
    --dds-violet-100: #f8f5ff;
    --dds-eg-szs-gablak-alpha-90: rgba(0, 75, 132, .9);
    --dds-eg-szs-gablak-alpha-80: rgba(0, 75, 132, .8);
    --dds-eg-szs-gablak-alpha-70: rgba(0, 75, 132, .7);
    --dds-eg-szs-gablak-alpha-60: rgba(0, 75, 132, .6);
    --dds-eg-szs-gablak-alpha-50: rgba(0, 75, 132, .5);
    --dds-eg-szs-gablak-alpha-40: rgba(0, 75, 132, .4);
    --dds-eg-szs-gablak-alpha-30: rgba(0, 75, 132, .3);
    --dds-eg-szs-gablak-alpha-20: rgba(0, 75, 132, .2);
    --dds-eg-szs-gablak-alpha-10: rgba(0, 75, 132, .1);
    --dds-eg-szs-gablak-alpha-5: rgb(0 75 132 / 5%);
    --dds-eg-szs-gablak-2000: #001628;
    --dds-eg-szs-gablak-1900: #001c32;
    --dds-eg-szs-gablak-1800: #001e36;
    --dds-eg-szs-gablak-1700: #00233e;
    --dds-eg-szs-gablak-1600: #002745;
    --dds-eg-szs-gablak-1500: #002a49;
    --dds-eg-szs-gablak-1400: #002d50;
    --dds-eg-szs-gablak-1300: #003157;
    --dds-eg-szs-gablak-1200: #003a67;
    --dds-eg-szs-gablak-1100: #004b84;
    --dds-eg-szs-gablak-1000: #326f9c;
    --dds-eg-szs-gablak-900: #4179a4;
    --dds-eg-szs-gablak-800: #5b8bb0;
    --dds-eg-szs-gablak-700: #86aac5;
    --dds-eg-szs-gablak-600: #9dbad0;
    --dds-eg-szs-gablak-500: #abc4d6;
    --dds-eg-szs-gablak-400: #c4d6e3;
    --dds-eg-szs-gablak-300: #e6edf3;
    --dds-eg-szs-gablak-200: #edf2f6;
    --dds-eg-szs-gablak-100: #f5f8fa;
    --dds-indigo-alpha-90: rgba(66, 88, 237, .9);
    --dds-indigo-alpha-80: rgba(66, 88, 237, .8);
    --dds-indigo-alpha-70: rgba(66, 88, 237, .7);
    --dds-indigo-alpha-60: rgba(66, 88, 237, .6);
    --dds-indigo-alpha-50: rgba(66, 88, 237, .5);
    --dds-indigo-alpha-40: rgba(66, 88, 237, .4);
    --dds-indigo-alpha-30: rgba(66, 88, 237, .3);
    --dds-indigo-alpha-20: rgba(66, 88, 237, .2);
    --dds-indigo-alpha-10: rgba(66, 88, 237, .1);
    --dds-indigo-alpha-5: rgb(66 88 237 / 5%);
    --dds-indigo-2000: #110749;
    --dds-indigo-1900: #160b56;
    --dds-indigo-1800: #180c5b;
    --dds-indigo-1700: #1c1066;
    --dds-indigo-1600: #1f146f;
    --dds-indigo-1500: #201673;
    --dds-indigo-1400: #23197b;
    --dds-indigo-1300: #261d84;
    --dds-indigo-1200: #2b2695;
    --dds-indigo-1100: #3130ab;
    --dds-indigo-1000: #4258ed;
    --dds-indigo-900: #4964fb;
    --dds-indigo-800: #647aff;
    --dds-indigo-700: #929eff;
    --dds-indigo-600: #a2b1ff;
    --dds-indigo-500: #aebfff;
    --dds-indigo-400: #c4d3ff;
    --dds-indigo-300: #e3ecff;
    --dds-indigo-200: #ecf3ff;
    --dds-indigo-100: #f4f8ff;
    --dds-azure-alpha-90: rgba(1, 113, 157, .9);
    --dds-azure-alpha-80: rgba(1, 113, 157, .8);
    --dds-azure-alpha-70: rgba(1, 113, 157, .7);
    --dds-azure-alpha-60: rgba(1, 113, 157, .6);
    --dds-azure-alpha-50: rgba(1, 113, 157, .5);
    --dds-azure-alpha-40: rgba(1, 113, 157, .4);
    --dds-azure-alpha-30: rgba(1, 113, 157, .3);
    --dds-azure-alpha-20: rgba(1, 113, 157, .2);
    --dds-azure-alpha-10: rgba(1, 113, 157, .1);
    --dds-azure-alpha-5: rgb(1 113 157 / 5%);
    --dds-azure-2000: #001721;
    --dds-azure-1900: #001e2a;
    --dds-azure-1800: #00202d;
    --dds-azure-1700: #002534;
    --dds-azure-1600: #00293a;
    --dds-azure-1500: #002b3c;
    --dds-azure-1400: #003043;
    --dds-azure-1300: #003449;
    --dds-azure-1200: #013d55;
    --dds-azure-1100: #014966;
    --dds-azure-1000: #01719d;
    --dds-azure-900: #047da7;
    --dds-azure-800: #0892b7;
    --dds-azure-700: #10b5d3;
    --dds-azure-600: #14c8e1;
    --dds-azure-500: #17d4eb;
    --dds-azure-400: #63e5f4;
    --dds-azure-300: #def9fd;
    --dds-azure-200: #e7fbfd;
    --dds-azure-100: #f1fdfe;
    --dds-teal-alpha-90: rgba(2, 118, 113, .9);
    --dds-teal-alpha-80: rgba(2, 118, 113, .8);
    --dds-teal-alpha-70: rgba(2, 118, 113, .7);
    --dds-teal-alpha-60: rgba(2, 118, 113, .6);
    --dds-teal-alpha-50: rgba(2, 118, 113, .5);
    --dds-teal-alpha-40: rgba(2, 118, 113, .4);
    --dds-teal-alpha-30: rgba(2, 118, 113, .3);
    --dds-teal-alpha-20: rgba(2, 118, 113, .2);
    --dds-teal-alpha-10: rgba(2, 118, 113, .1);
    --dds-teal-alpha-5: rgb(2 118 113 / 5%);
    --dds-teal-2000: #031814;
    --dds-teal-1900: #041f19;
    --dds-teal-1800: #04211b;
    --dds-teal-1700: #052720;
    --dds-teal-1600: #052b23;
    --dds-teal-1500: #052e25;
    --dds-teal-1400: #063229;
    --dds-teal-1300: #07372c;
    --dds-teal-1200: #084135;
    --dds-teal-1100: #094d3f;
    --dds-teal-1000: #027671;
    --dds-teal-900: #078279;
    --dds-teal-800: #0f9786;
    --dds-teal-700: #1cba9d;
    --dds-teal-600: #23cca9;
    --dds-teal-500: #47d7b9;
    --dds-teal-400: #86e5d1;
    --dds-teal-300: #e2f8f4;
    --dds-teal-200: #eafbf7;
    --dds-teal-100: #f2fcfa;
    --dds-cold-grey-alpha-90: rgba(96, 107, 122, .9);
    --dds-cold-grey-alpha-80: rgba(96, 107, 122, .8);
    --dds-cold-grey-alpha-70: rgba(96, 107, 122, .7);
    --dds-cold-grey-alpha-60: rgba(96, 107, 122, .6);
    --dds-cold-grey-alpha-50: rgba(96, 107, 122, .5);
    --dds-cold-grey-alpha-40: rgba(96, 107, 122, .4);
    --dds-cold-grey-alpha-30: rgba(96, 107, 122, .3);
    --dds-cold-grey-alpha-20: rgba(96, 107, 122, .2);
    --dds-cold-grey-alpha-10: rgba(96, 107, 122, .1);
    --dds-cold-grey-alpha-5: rgb(96 107 122 / 5%);
    --dds-cold-grey-2000: #0f1115;
    --dds-cold-grey-1900: #15181f;
    --dds-cold-grey-1800: #181b22;
    --dds-cold-grey-1700: #1c1f26;
    --dds-cold-grey-1600: #20242c;
    --dds-cold-grey-1500: #242830;
    --dds-cold-grey-1400: #282c35;
    --dds-cold-grey-1300: #2b3039;
    --dds-cold-grey-1200: #353b46;
    --dds-cold-grey-1100: #404753;
    --dds-cold-grey-1000: #606b7a;
    --dds-cold-grey-900: #707a8a;
    --dds-cold-grey-800: #7e8797;
    --dds-cold-grey-700: #a3abba;
    --dds-cold-grey-600: #b2b9c6;
    --dds-cold-grey-500: #bfc6d1;
    --dds-cold-grey-400: #d1d7df;
    --dds-cold-grey-300: #e9edf2;
    --dds-cold-grey-200: #eef2f6;
    --dds-cold-grey-100: #f5f7fa;
    --dds-semantic-red-alpha-90: rgba(212, 13, 0, .9);
    --dds-semantic-red-alpha-80: rgba(212, 13, 0, .8);
    --dds-semantic-red-alpha-70: rgba(212, 13, 0, .7);
    --dds-semantic-red-alpha-60: rgba(212, 13, 0, .6);
    --dds-semantic-red-alpha-50: rgba(212, 13, 0, .5);
    --dds-semantic-red-alpha-40: rgba(212, 13, 0, .4);
    --dds-semantic-red-alpha-30: rgba(212, 13, 0, .3);
    --dds-semantic-red-alpha-20: rgba(212, 13, 0, .2);
    --dds-semantic-red-alpha-10: rgba(212, 13, 0, .1);
    --dds-semantic-red-alpha-5: rgb(212 13 0 / 5%);
    --dds-semantic-red-2000: #340000;
    --dds-semantic-red-1900: #400000;
    --dds-semantic-red-1800: #400;
    --dds-semantic-red-1700: #4d0000;
    --dds-semantic-red-1600: #500;
    --dds-semantic-red-1500: #590000;
    --dds-semantic-red-1400: #600000;
    --dds-semantic-red-1300: #680000;
    --dds-semantic-red-1200: #790000;
    --dds-semantic-red-1100: #8e0000;
    --dds-semantic-red-1000: #d40d00;
    --dds-semantic-red-900: #e32100;
    --dds-semantic-red-800: #f84227;
    --dds-semantic-red-700: #ff8169;
    --dds-semantic-red-600: #ff9c86;
    --dds-semantic-red-500: #ffad99;
    --dds-semantic-red-400: #ffc6b8;
    --dds-semantic-red-300: #ffe6df;
    --dds-semantic-red-200: #ffede9;
    --dds-semantic-red-100: #fff5f2;
    --dds-semantic-orange-alpha-90: rgba(166, 82, 0, .9);
    --dds-semantic-orange-alpha-80: rgba(166, 82, 0, .8);
    --dds-semantic-orange-alpha-70: rgba(166, 82, 0, .7);
    --dds-semantic-orange-alpha-60: rgba(166, 82, 0, .6);
    --dds-semantic-orange-alpha-50: rgba(166, 82, 0, .5);
    --dds-semantic-orange-alpha-40: rgba(166, 82, 0, .4);
    --dds-semantic-orange-alpha-30: rgba(166, 82, 0, .3);
    --dds-semantic-orange-alpha-20: rgba(166, 82, 0, .2);
    --dds-semantic-orange-alpha-10: rgba(166, 82, 0, .1);
    --dds-semantic-orange-alpha-5: rgb(166 82 0 / 5%);
    --dds-semantic-orange-2000: #270e00;
    --dds-semantic-orange-1900: #301300;
    --dds-semantic-orange-1800: #341400;
    --dds-semantic-orange-1700: #3b1800;
    --dds-semantic-orange-1600: #411b00;
    --dds-semantic-orange-1500: #441d00;
    --dds-semantic-orange-1400: #4a2000;
    --dds-semantic-orange-1300: #512300;
    --dds-semantic-orange-1200: #5e2a00;
    --dds-semantic-orange-1100: #6f3300;
    --dds-semantic-orange-1000: #a65200;
    --dds-semantic-orange-900: #b65b00;
    --dds-semantic-orange-800: #d06b00;
    --dds-semantic-orange-700: #f98900;
    --dds-semantic-orange-600: #ffa034;
    --dds-semantic-orange-500: #ffb156;
    --dds-semantic-orange-400: #ffca89;
    --dds-semantic-orange-300: #ffefdb;
    --dds-semantic-orange-200: #fff4e5;
    --dds-semantic-orange-100: #fff6ec;
    --dds-semantic-blue-alpha-90: rgba(0, 111, 170, .9);
    --dds-semantic-blue-alpha-80: rgba(0, 111, 170, .8);
    --dds-semantic-blue-alpha-70: rgba(0, 111, 170, .7);
    --dds-semantic-blue-alpha-60: rgba(0, 111, 170, .6);
    --dds-semantic-blue-alpha-50: rgba(0, 111, 170, .5);
    --dds-semantic-blue-alpha-40: rgba(0, 111, 170, .4);
    --dds-semantic-blue-alpha-30: rgba(0, 111, 170, .3);
    --dds-semantic-blue-alpha-20: rgba(0, 111, 170, .2);
    --dds-semantic-blue-alpha-10: rgba(0, 111, 170, .1);
    --dds-semantic-blue-alpha-5: rgb(0 111 170 / 5%);
    --dds-semantic-blue-2000: #00162a;
    --dds-semantic-blue-1900: #001c33;
    --dds-semantic-blue-1800: #001e36;
    --dds-semantic-blue-1700: #00233e;
    --dds-semantic-blue-1600: #002844;
    --dds-semantic-blue-1500: #002a48;
    --dds-semantic-blue-1400: #002e4e;
    --dds-semantic-blue-1300: #003255;
    --dds-semantic-blue-1200: #003b62;
    --dds-semantic-blue-1100: #004773;
    --dds-semantic-blue-1000: #006faa;
    --dds-semantic-blue-900: #007ab9;
    --dds-semantic-blue-800: #068ed0;
    --dds-semantic-blue-700: #51aeeb;
    --dds-semantic-blue-600: #70bef3;
    --dds-semantic-blue-500: #86c9f7;
    --dds-semantic-blue-400: #acdafc;
    --dds-semantic-blue-300: #dceffd;
    --dds-semantic-blue-200: #e8f4fd;
    --dds-semantic-blue-100: #f0f8fe;
    --dds-semantic-green-alpha-90: rgba(0, 123, 36, .9);
    --dds-semantic-green-alpha-80: rgba(0, 123, 36, .8);
    --dds-semantic-green-alpha-70: rgba(0, 123, 36, .7);
    --dds-semantic-green-alpha-60: rgba(0, 123, 36, .6);
    --dds-semantic-green-alpha-50: rgba(0, 123, 36, .5);
    --dds-semantic-green-alpha-40: rgba(0, 123, 36, .4);
    --dds-semantic-green-alpha-30: rgba(0, 123, 36, .3);
    --dds-semantic-green-alpha-20: rgba(0, 123, 36, .2);
    --dds-semantic-green-alpha-10: rgba(0, 123, 36, .1);
    --dds-semantic-green-alpha-5: rgb(0 123 36 / 5%);
    --dds-semantic-green-2000: #001a02;
    --dds-semantic-green-1900: #002103;
    --dds-semantic-green-1800: #002304;
    --dds-semantic-green-1700: #002905;
    --dds-semantic-green-1600: #002d06;
    --dds-semantic-green-1500: #002f07;
    --dds-semantic-green-1400: #003408;
    --dds-semantic-green-1300: #00390a;
    --dds-semantic-green-1200: #00430d;
    --dds-semantic-green-1100: #005012;
    --dds-semantic-green-1000: #007b24;
    --dds-semantic-green-900: #00872a;
    --dds-semantic-green-800: #009b37;
    --dds-semantic-green-700: #00bf53;
    --dds-semantic-green-600: #00d164;
    --dds-semantic-green-500: #00dd72;
    --dds-semantic-green-400: #22f18f;
    --dds-semantic-green-300: #dbffef;
    --dds-semantic-green-200: #e5fff3;
    --dds-semantic-green-100: #f0fff8;
    --dds-high-contrast-background: #0d0d0d;
    --dds-high-contrast-disabled: #a3abba;
    --dds-high-contrast-link: #00c2ff;
    --dds-high-contrast-non-interactive: #f2f2f2;
    --dds-high-contrast-interactive: #fff500;
    --dds-transparent-white-strong-static: var(--dds-white-100);
    --dds-transparent-white-medium-static: var(--dds-white-20);
    --dds-transparent-white-base-static: var(--dds-white-10);
    --dds-transparent-white-subtle-static: var(--dds-white-5);
    --dds-transparent-white-strong: var(--dds-white-100);
    --dds-transparent-white-medium: var(--dds-white-20);
    --dds-transparent-white-base: var(--dds-white-10);
    --dds-transparent-white-subtle: var(--dds-white-5);
    --dds-transparent-black-strong-static: var(--dds-black-100);
    --dds-transparent-black-medium-static: var(--dds-black-20);
    --dds-transparent-black-base-static: var(--dds-black-10);
    --dds-transparent-black-subtle-static: var(--dds-black-5);
    --dds-transparent-black-strong: var(--dds-black-100);
    --dds-transparent-black-medium: var(--dds-black-20);
    --dds-transparent-black-base: var(--dds-black-10);
    --dds-transparent-black-subtle: var(--dds-black-5);
    --dds-border-neutral-inverted: var(--dds-white-100);
    --dds-border-neutral-divider-inverted: var(--dds-white-10);
    --dds-border-neutral-divider: var(--dds-black-10);
    --dds-text-neutral-inverted: var(--dds-white-100);
    --dds-text-neutral-on-inverted: var(--dds-white-100);
    --dds-background-negative-subtle: var(--dds-white-100);
    --dds-background-warning-subtle: var(--dds-white-100);
    --dds-background-informative-subtle: var(--dds-white-100);
    --dds-background-positive-subtle: var(--dds-white-100);
    --dds-background-brand-subtle: var(--dds-white-100);
    --dds-background-neutral-subtle: var(--dds-white-100);
    --dds-dap-logo-inverted: var(--dds-white-100);
    --dds-focus-inner-ring: var(--dds-white-100);
    --dds-link-inverted-enabled: var(--dds-white-100);
    --dds-fields-background-default: var(--dds-white-100);
    --dds-banner-action-enabled: var(--dds-white-100);
    --dds-banner-text-negative: var(--dds-white-100);
    --dds-banner-text-informative: var(--dds-white-100);
    --dds-banner-text-positive: var(--dds-white-100);
    --dds-banner-text-brand: var(--dds-white-100);
    --dds-banner-icon-negative: var(--dds-white-100);
    --dds-banner-icon-informative: var(--dds-white-100);
    --dds-banner-icon-positive: var(--dds-white-100);
    --dds-banner-icon-brand: var(--dds-white-100);
    --dds-button-toggle-content-selected-pressed: var(--dds-white-100);
    --dds-button-toggle-content-selected-hover: var(--dds-white-100);
    --dds-button-toggle-content-selected-enabled: var(--dds-white-100);
    --dds-button-subtle-text-inverted: var(--dds-white-100);
    --dds-button-subtle-icon-inverted: var(--dds-white-100);
    --dds-button-primary-text-enabled: var(--dds-white-100);
    --dds-button-primary-icon-enabled: var(--dds-white-100);
    --dds-icon-neutral-inverted: var(--dds-white-100);
    --dds-icon-neutral-on-inverted: var(--dds-white-100);
    --dds-negative-alpha-20: var(--dds-semantic-red-alpha-20);
    --dds-negative-alpha-10: var(--dds-semantic-red-alpha-10);
    --dds-negative-alpha-5: var(--dds-semantic-red-alpha-5);
    --dds-negative-2000: var(--dds-semantic-red-2000);
    --dds-negative-1900: var(--dds-semantic-red-1900);
    --dds-negative-1800: var(--dds-semantic-red-1800);
    --dds-negative-1700: var(--dds-semantic-red-1700);
    --dds-negative-1600: var(--dds-semantic-red-1600);
    --dds-negative-1500: var(--dds-semantic-red-1500);
    --dds-negative-1400: var(--dds-semantic-red-1400);
    --dds-negative-1300: var(--dds-semantic-red-1300);
    --dds-negative-1200: var(--dds-semantic-red-1200);
    --dds-negative-1100: var(--dds-semantic-red-1100);
    --dds-negative-1000: var(--dds-semantic-red-1000);
    --dds-negative-900: var(--dds-semantic-red-900);
    --dds-negative-800: var(--dds-semantic-red-800);
    --dds-negative-700: var(--dds-semantic-red-700);
    --dds-negative-600: var(--dds-semantic-red-600);
    --dds-negative-500: var(--dds-semantic-red-500);
    --dds-negative-400: var(--dds-semantic-red-400);
    --dds-negative-300: var(--dds-semantic-red-300);
    --dds-negative-200: var(--dds-semantic-red-200);
    --dds-negative-100: var(--dds-semantic-red-100);
    --dds-warning-alpha-20: var(--dds-semantic-orange-alpha-20);
    --dds-warning-alpha-10: var(--dds-semantic-orange-alpha-10);
    --dds-warning-alpha-5: var(--dds-semantic-orange-alpha-5);
    --dds-warning-2000: var(--dds-semantic-orange-2000);
    --dds-warning-1900: var(--dds-semantic-orange-1900);
    --dds-warning-1800: var(--dds-semantic-orange-1800);
    --dds-warning-1700: var(--dds-semantic-orange-1700);
    --dds-warning-1600: var(--dds-semantic-orange-1600);
    --dds-warning-1500: var(--dds-semantic-orange-1500);
    --dds-warning-1400: var(--dds-semantic-orange-1400);
    --dds-warning-1300: var(--dds-semantic-orange-1300);
    --dds-warning-1200: var(--dds-semantic-orange-1200);
    --dds-warning-1100: var(--dds-semantic-orange-1100);
    --dds-warning-1000: var(--dds-semantic-orange-1000);
    --dds-warning-900: var(--dds-semantic-orange-900);
    --dds-warning-800: var(--dds-semantic-orange-800);
    --dds-warning-700: var(--dds-semantic-orange-700);
    --dds-warning-600: var(--dds-semantic-orange-600);
    --dds-warning-500: var(--dds-semantic-orange-500);
    --dds-warning-400: var(--dds-semantic-orange-400);
    --dds-warning-300: var(--dds-semantic-orange-300);
    --dds-warning-200: var(--dds-semantic-orange-200);
    --dds-warning-100: var(--dds-semantic-orange-100);
    --dds-positive-alpha-20: var(--dds-semantic-green-alpha-20);
    --dds-positive-alpha-10: var(--dds-semantic-green-alpha-10);
    --dds-positive-alpha-5: var(--dds-semantic-green-alpha-5);
    --dds-positive-2000: var(--dds-semantic-green-2000);
    --dds-positive-1900: var(--dds-semantic-green-1900);
    --dds-positive-1800: var(--dds-semantic-green-1800);
    --dds-positive-1700: var(--dds-semantic-green-1700);
    --dds-positive-1600: var(--dds-semantic-green-1600);
    --dds-positive-1500: var(--dds-semantic-green-1500);
    --dds-positive-1400: var(--dds-semantic-green-1400);
    --dds-positive-1300: var(--dds-semantic-green-1300);
    --dds-positive-1200: var(--dds-semantic-green-1200);
    --dds-positive-1100: var(--dds-semantic-green-1100);
    --dds-positive-1000: var(--dds-semantic-green-1000);
    --dds-positive-900: var(--dds-semantic-green-900);
    --dds-positive-800: var(--dds-semantic-green-800);
    --dds-positive-700: var(--dds-semantic-green-700);
    --dds-positive-600: var(--dds-semantic-green-600);
    --dds-positive-500: var(--dds-semantic-green-500);
    --dds-positive-400: var(--dds-semantic-green-400);
    --dds-positive-300: var(--dds-semantic-green-300);
    --dds-positive-200: var(--dds-semantic-green-200);
    --dds-positive-100: var(--dds-semantic-green-100);
    --dds-informative-alpha-20: var(--dds-semantic-blue-alpha-20);
    --dds-informative-alpha-10: var(--dds-semantic-blue-alpha-10);
    --dds-informative-alpha-5: var(--dds-semantic-blue-alpha-5);
    --dds-informative-2000: var(--dds-semantic-blue-2000);
    --dds-informative-1900: var(--dds-semantic-blue-1900);
    --dds-informative-1800: var(--dds-semantic-blue-1800);
    --dds-informative-1700: var(--dds-semantic-blue-1700);
    --dds-informative-1600: var(--dds-semantic-blue-1600);
    --dds-informative-1500: var(--dds-semantic-blue-1500);
    --dds-informative-1400: var(--dds-semantic-blue-1400);
    --dds-informative-1300: var(--dds-semantic-blue-1300);
    --dds-informative-1200: var(--dds-semantic-blue-1200);
    --dds-informative-1100: var(--dds-semantic-blue-1100);
    --dds-informative-1000: var(--dds-semantic-blue-1000);
    --dds-informative-900: var(--dds-semantic-blue-900);
    --dds-informative-800: var(--dds-semantic-blue-800);
    --dds-informative-700: var(--dds-semantic-blue-700);
    --dds-informative-600: var(--dds-semantic-blue-600);
    --dds-informative-500: var(--dds-semantic-blue-500);
    --dds-informative-400: var(--dds-semantic-blue-400);
    --dds-informative-300: var(--dds-semantic-blue-300);
    --dds-informative-200: var(--dds-semantic-blue-200);
    --dds-informative-100: var(--dds-semantic-blue-100);
    --dds-neutral-alpha-20: var(--dds-cold-grey-alpha-20);
    --dds-neutral-alpha-10: var(--dds-cold-grey-alpha-10);
    --dds-neutral-alpha-5: var(--dds-cold-grey-alpha-5);
    --dds-neutral-2000: var(--dds-cold-grey-2000);
    --dds-neutral-1900: var(--dds-cold-grey-1900);
    --dds-neutral-1800: var(--dds-cold-grey-1800);
    --dds-neutral-1700: var(--dds-cold-grey-1700);
    --dds-neutral-1600: var(--dds-cold-grey-1600);
    --dds-neutral-1500: var(--dds-cold-grey-1500);
    --dds-neutral-1400: var(--dds-cold-grey-1400);
    --dds-neutral-1300: var(--dds-cold-grey-1300);
    --dds-neutral-1200: var(--dds-cold-grey-1200);
    --dds-neutral-1100: var(--dds-cold-grey-1100);
    --dds-neutral-1000: var(--dds-cold-grey-1000);
    --dds-neutral-900: var(--dds-cold-grey-900);
    --dds-neutral-800: var(--dds-cold-grey-800);
    --dds-neutral-700: var(--dds-cold-grey-700);
    --dds-neutral-600: var(--dds-cold-grey-600);
    --dds-neutral-500: var(--dds-cold-grey-500);
    --dds-neutral-400: var(--dds-cold-grey-400);
    --dds-neutral-300: var(--dds-cold-grey-300);
    --dds-neutral-200: var(--dds-cold-grey-200);
    --dds-neutral-100: var(--dds-cold-grey-100);
    --dds-brand-alpha-20: var(--dds-indigo-alpha-20);
    --dds-brand-alpha-10: var(--dds-indigo-alpha-10);
    --dds-brand-alpha-5: var(--dds-indigo-alpha-5);
    --dds-brand-2000: var(--dds-indigo-2000);
    --dds-brand-1900: var(--dds-indigo-1900);
    --dds-brand-1800: var(--dds-indigo-1800);
    --dds-brand-1700: var(--dds-indigo-1700);
    --dds-brand-1600: var(--dds-indigo-1600);
    --dds-brand-1500: var(--dds-indigo-1500);
    --dds-brand-1400: var(--dds-indigo-1400);
    --dds-brand-1300: var(--dds-indigo-1300);
    --dds-brand-1200: var(--dds-indigo-1200);
    --dds-brand-1100: var(--dds-indigo-1100);
    --dds-brand-1000: var(--dds-indigo-1000);
    --dds-brand-900: var(--dds-indigo-900);
    --dds-brand-800: var(--dds-indigo-800);
    --dds-brand-700: var(--dds-indigo-700);
    --dds-brand-600: var(--dds-indigo-600);
    --dds-brand-500: var(--dds-indigo-500);
    --dds-brand-400: var(--dds-indigo-400);
    --dds-brand-300: var(--dds-indigo-300);
    --dds-brand-200: var(--dds-indigo-200);
    --dds-brand-100: var(--dds-indigo-100);
    --dds-violet-alpha-100: var(--dds-violet-1000);
    --dds-eg-szs-gablak-alpha-100: var(--dds-eg-szs-gablak-1100);
    --dds-indigo-alpha-100: var(--dds-indigo-1000);
    --dds-azure-alpha-100: var(--dds-azure-1000);
    --dds-teal-alpha-100: var(--dds-teal-1000);
    --dds-cold-grey-alpha-100: var(--dds-cold-grey-1000);
    --dds-semantic-red-alpha-100: var(--dds-semantic-red-1000);
    --dds-semantic-orange-alpha-100: var(--dds-semantic-orange-1000);
    --dds-semantic-blue-alpha-100: var(--dds-semantic-blue-1000);
    --dds-semantic-green-alpha-100: var(--dds-semantic-green-1000);
    --dds-border-negative-strong: var(--dds-negative-1600);
    --dds-border-negative-medium: var(--dds-negative-1100);
    --dds-border-negative-base: var(--dds-negative-1000);
    --dds-border-negative-subtle: var(--dds-negative-700);
    --dds-border-warning-strong: var(--dds-warning-1600);
    --dds-border-warning-medium: var(--dds-warning-1100);
    --dds-border-warning-base: var(--dds-warning-1000);
    --dds-border-warning-subtle: var(--dds-warning-700);
    --dds-border-informative-strong: var(--dds-informative-1600);
    --dds-border-informative-medium: var(--dds-informative-1100);
    --dds-border-informative-base: var(--dds-informative-1000);
    --dds-border-informative-subtle: var(--dds-informative-700);
    --dds-border-positive-strong: var(--dds-positive-1600);
    --dds-border-positive-medium: var(--dds-positive-1100);
    --dds-border-positive-base: var(--dds-positive-1000);
    --dds-border-positive-subtle: var(--dds-positive-700);
    --dds-border-brand-strong: var(--dds-brand-1600);
    --dds-border-brand-medium: var(--dds-brand-1100);
    --dds-border-brand-base: var(--dds-brand-1000);
    --dds-border-brand-subtle: var(--dds-brand-700);
    --dds-border-neutral-disabled: var(--dds-neutral-900);
    --dds-border-neutral-strong: var(--dds-neutral-1600);
    --dds-border-neutral-medium: var(--dds-neutral-1100);
    --dds-border-neutral-base: var(--dds-neutral-1000);
    --dds-border-neutral-subtle: var(--dds-neutral-700);
    --dds-text-negative-strong: var(--dds-negative-1200);
    --dds-text-negative-base: var(--dds-negative-1100);
    --dds-text-negative-subtle: var(--dds-negative-1000);
    --dds-text-warning-strong: var(--dds-warning-1200);
    --dds-text-warning-base: var(--dds-warning-1100);
    --dds-text-warning-subtle: var(--dds-warning-1000);
    --dds-text-informative-strong: var(--dds-informative-1200);
    --dds-text-informative-base: var(--dds-informative-1100);
    --dds-text-informative-subtle: var(--dds-informative-1000);
    --dds-text-positive-strong: var(--dds-positive-1200);
    --dds-text-positive-base: var(--dds-positive-1100);
    --dds-text-positive-subtle: var(--dds-positive-1000);
    --dds-text-brand-strong: var(--dds-brand-1200);
    --dds-text-brand-base: var(--dds-brand-1100);
    --dds-text-brand-subtle: var(--dds-brand-1000);
    --dds-text-neutral-placeholder: var(--dds-neutral-700);
    --dds-text-neutral-disabled: var(--dds-neutral-900);
    --dds-text-neutral-strong: var(--dds-neutral-1700);
    --dds-text-neutral-base: var(--dds-neutral-1100);
    --dds-text-neutral-subtle: var(--dds-neutral-1000);
    --dds-background-negative-strong-inverted: var(--dds-negative-1200);
    --dds-background-negative-medium-inverted: var(--dds-negative-1100);
    --dds-background-negative-base-inverted: var(--dds-negative-1000);
    --dds-background-negative-strong: var(--dds-negative-300);
    --dds-background-negative-medium: var(--dds-negative-200);
    --dds-background-negative-base: var(--dds-negative-100);
    --dds-background-warning-strong-inverted: var(--dds-warning-800);
    --dds-background-warning-medium-inverted: var(--dds-warning-700);
    --dds-background-warning-base-inverted: var(--dds-warning-600);
    --dds-background-warning-strong: var(--dds-warning-300);
    --dds-background-warning-medium: var(--dds-warning-200);
    --dds-background-warning-base: var(--dds-warning-100);
    --dds-background-informative-strong-inverted: var(--dds-informative-1200);
    --dds-background-informative-medium-inverted: var(--dds-informative-1100);
    --dds-background-informative-base-inverted: var(--dds-informative-1000);
    --dds-background-informative-strong: var(--dds-informative-300);
    --dds-background-informative-medium: var(--dds-informative-200);
    --dds-background-informative-base: var(--dds-informative-100);
    --dds-background-positive-strong-inverted: var(--dds-positive-1200);
    --dds-background-positive-medium-inverted: var(--dds-positive-1100);
    --dds-background-positive-base-inverted: var(--dds-positive-1000);
    --dds-background-positive-strong: var(--dds-positive-300);
    --dds-background-positive-medium: var(--dds-positive-200);
    --dds-background-positive-base: var(--dds-positive-100);
    --dds-background-brand-strong-inverted: var(--dds-brand-1200);
    --dds-background-brand-medium-inverted: var(--dds-brand-1100);
    --dds-background-brand-base-inverted: var(--dds-brand-1000);
    --dds-background-brand-strong: var(--dds-brand-300);
    --dds-background-brand-medium: var(--dds-brand-200);
    --dds-background-brand-base: var(--dds-brand-100);
    --dds-background-neutral-read-only: var(--dds-neutral-100);
    --dds-background-neutral-disabled-inverted: var(--dds-neutral-200);
    --dds-background-neutral-strong-inverted: var(--dds-neutral-1200);
    --dds-background-neutral-medium-inverted: var(--dds-neutral-1100);
    --dds-background-neutral-base-inverted: var(--dds-neutral-1000);
    --dds-background-neutral-disabled: var(--dds-neutral-600);
    --dds-background-neutral-stronger: var(--dds-neutral-400);
    --dds-background-neutral-strong: var(--dds-neutral-300);
    --dds-background-neutral-medium: var(--dds-neutral-200);
    --dds-background-neutral-base: var(--dds-neutral-100);
    --dds-dap-logo: var(--dds-brand-1000);
    --dds-focus-outer-ring: var(--dds-brand-800);
    --dds-link-inverted-visited: var(--dds-brand-500);
    --dds-link-inverted-pressed: var(--dds-brand-400);
    --dds-link-inverted-hover: var(--dds-brand-300);
    --dds-link-neutral-visited: var(--dds-neutral-900);
    --dds-link-neutral-pressed: var(--dds-neutral-1700);
    --dds-link-neutral-hover: var(--dds-neutral-1100);
    --dds-link-neutral-enabled: var(--dds-neutral-1000);
    --dds-link-visited: var(--dds-brand-1500);
    --dds-link-pressed: var(--dds-brand-1200);
    --dds-link-hover: var(--dds-brand-1100);
    --dds-link-enabled: var(--dds-brand-1000);
    --dds-fields-background-disabled: var(--dds-neutral-400);
    --dds-fields-background-read-only: var(--dds-neutral-100);
    --dds-banner-action-inverted-focused: var(--dds-neutral-1500);
    --dds-banner-action-inverted-pressed: var(--dds-neutral-1300);
    --dds-banner-action-inverted-hover: var(--dds-neutral-1500);
    --dds-banner-action-inverted-enabled: var(--dds-neutral-1700);
    --dds-banner-action-focused: var(--dds-neutral-300);
    --dds-banner-action-pressed: var(--dds-neutral-400);
    --dds-banner-action-hover: var(--dds-neutral-300);
    --dds-banner-text-warning: var(--dds-neutral-1700);
    --dds-banner-icon-warning: var(--dds-neutral-1700);
    --dds-banner-background-negative: var(--dds-negative-1000);
    --dds-banner-background-warning: var(--dds-warning-500);
    --dds-banner-background-informative: var(--dds-informative-1000);
    --dds-banner-background-positive: var(--dds-positive-1000);
    --dds-banner-background-brand: var(--dds-brand-1000);
    --dds-button-toggle-border-disabled: var(--dds-neutral-alpha-20);
    --dds-button-toggle-border-pressed: var(--dds-neutral-alpha-20);
    --dds-button-toggle-border-hover: var(--dds-neutral-alpha-20);
    --dds-button-toggle-border-enabled: var(--dds-neutral-alpha-20);
    --dds-button-toggle-content-disabled: var(--dds-neutral-100);
    --dds-button-toggle-content-pressed: var(--dds-neutral-1600);
    --dds-button-toggle-content-hover: var(--dds-neutral-1500);
    --dds-button-toggle-content-enabled: var(--dds-neutral-1400);
    --dds-button-toggle-background-disabled: var(--dds-neutral-700);
    --dds-button-toggle-background-selected-pressed: var(--dds-brand-1200);
    --dds-button-toggle-background-selected-hover: var(--dds-brand-1100);
    --dds-button-toggle-background-selected-enabled: var(--dds-brand-1000);
    --dds-button-toggle-background-pressed: var(--dds-neutral-alpha-20);
    --dds-button-toggle-background-hover: var(--dds-neutral-alpha-10);
    --dds-button-toggle-background-enabled: var(--dds-neutral-alpha-5);
    --dds-button-subtle-border-inverted-pressed: var(--dds-transparent-white-medium);
    --dds-button-subtle-border-inverted-hover: var(--dds-transparent-white-medium);
    --dds-button-subtle-border-inverted-enabled: var(--dds-transparent-white-medium);
    --dds-button-subtle-border-destructive-pressed: var(--dds-negative-alpha-20);
    --dds-button-subtle-border-destructive-hover: var(--dds-negative-alpha-20);
    --dds-button-subtle-border-destructive-enabled: var(--dds-negative-alpha-20);
    --dds-button-subtle-border-neutral-pressed: var(--dds-neutral-alpha-20);
    --dds-button-subtle-border-neutral-hover: var(--dds-neutral-alpha-20);
    --dds-button-subtle-border-neutral-enabled: var(--dds-neutral-alpha-20);
    --dds-button-subtle-border-disabled: var(--dds-neutral-alpha-20);
    --dds-button-subtle-border-pressed: var(--dds-brand-alpha-20);
    --dds-button-subtle-border-hover: var(--dds-brand-alpha-20);
    --dds-button-subtle-border-enabled: var(--dds-brand-alpha-20);
    --dds-button-subtle-text-destructive-pressed: var(--dds-negative-1200);
    --dds-button-subtle-text-destructive-hover: var(--dds-negative-1100);
    --dds-button-subtle-text-destructive-enabled: var(--dds-negative-1000);
    --dds-button-subtle-text-neutral-pressed: var(--dds-neutral-1600);
    --dds-button-subtle-text-neutral-hover: var(--dds-neutral-1500);
    --dds-button-subtle-text-neutral-enabled: var(--dds-neutral-1400);
    --dds-button-subtle-text-disabled: var(--dds-neutral-900);
    --dds-button-subtle-text-pressed: var(--dds-brand-1200);
    --dds-button-subtle-text-hover: var(--dds-brand-1100);
    --dds-button-subtle-text-enabled: var(--dds-brand-1000);
    --dds-button-subtle-icon-destructive-pressed: var(--dds-negative-1200);
    --dds-button-subtle-icon-destructive-hover: var(--dds-negative-1100);
    --dds-button-subtle-icon-destructive-enabled: var(--dds-negative-1000);
    --dds-button-subtle-icon-neutral-pressed: var(--dds-neutral-1600);
    --dds-button-subtle-icon-neutral-hover: var(--dds-neutral-1500);
    --dds-button-subtle-icon-neutral-enabled: var(--dds-neutral-1400);
    --dds-button-subtle-icon-disabled: var(--dds-neutral-900);
    --dds-button-subtle-icon-pressed: var(--dds-brand-1200);
    --dds-button-subtle-icon-hover: var(--dds-brand-1100);
    --dds-button-subtle-icon-enabled: var(--dds-brand-1000);
    --dds-button-subtle-background-inverted-pressed: var(--dds-transparent-white-medium);
    --dds-button-subtle-background-inverted-hover: var(--dds-transparent-white-base);
    --dds-button-subtle-background-inverted-enabled: var(--dds-transparent-white-subtle);
    --dds-button-subtle-background-destructive-pressed: var(--dds-negative-alpha-20);
    --dds-button-subtle-background-destructive-hover: var(--dds-negative-alpha-10);
    --dds-button-subtle-background-destructive-enabled: var(--dds-negative-alpha-5);
    --dds-button-subtle-background-neutral-pressed: var(--dds-neutral-alpha-20);
    --dds-button-subtle-background-neutral-hover: var(--dds-neutral-alpha-10);
    --dds-button-subtle-background-neutral-enabled: var(--dds-neutral-alpha-5);
    --dds-button-subtle-background-disabled: var(--dds-neutral-alpha-20);
    --dds-button-subtle-background-pressed: var(--dds-brand-alpha-20);
    --dds-button-subtle-background-hover: var(--dds-brand-alpha-10);
    --dds-button-subtle-background-enabled: var(--dds-brand-alpha-5);
    --dds-button-outline-text-inverted-pressed: var(--dds-brand-400);
    --dds-button-outline-text-inverted-hover: var(--dds-brand-300);
    --dds-button-outline-text-inverted-enabled: var(--dds-brand-100);
    --dds-button-outline-text-destructive-pressed: var(--dds-negative-1200);
    --dds-button-outline-text-destructive-hover: var(--dds-negative-1100);
    --dds-button-outline-text-destructive-enabled: var(--dds-negative-1000);
    --dds-button-outline-text-disabled: var(--dds-neutral-900);
    --dds-button-outline-text-pressed: var(--dds-brand-1200);
    --dds-button-outline-text-hover: var(--dds-brand-1100);
    --dds-button-outline-text-enabled: var(--dds-brand-1000);
    --dds-button-outline-icon-inverted-pressed: var(--dds-brand-400);
    --dds-button-outline-icon-inverted-hover: var(--dds-brand-300);
    --dds-button-outline-icon-inverted-enabled: var(--dds-brand-100);
    --dds-button-outline-icon-destructive-pressed: var(--dds-negative-1200);
    --dds-button-outline-icon-destructive-hover: var(--dds-negative-1100);
    --dds-button-outline-icon-destructive-enabled: var(--dds-negative-1000);
    --dds-button-outline-icon-disabled: var(--dds-neutral-900);
    --dds-button-outline-icon-pressed: var(--dds-brand-1200);
    --dds-button-outline-icon-hover: var(--dds-brand-1100);
    --dds-button-outline-icon-enabled: var(--dds-brand-1000);
    --dds-button-outline-border-inverted-pressed: var(--dds-brand-400);
    --dds-button-outline-border-inverted-hover: var(--dds-brand-300);
    --dds-button-outline-border-inverted-enabled: var(--dds-brand-100);
    --dds-button-outline-border-destructive-pressed: var(--dds-negative-1200);
    --dds-button-outline-border-destructive-hover: var(--dds-negative-1100);
    --dds-button-outline-border-destructive-enabled: var(--dds-negative-1000);
    --dds-button-outline-border-disabled: var(--dds-neutral-900);
    --dds-button-outline-border-pressed: var(--dds-brand-1200);
    --dds-button-outline-border-hover: var(--dds-brand-1100);
    --dds-button-outline-border-enabled: var(--dds-brand-1000);
    --dds-button-primary-text-disabled: var(--dds-neutral-100);
    --dds-button-primary-text-inverted: var(--dds-brand-1000);
    --dds-button-primary-icon-disabled: var(--dds-neutral-100);
    --dds-button-primary-icon-inverted: var(--dds-brand-1000);
    --dds-button-primary-background-destructive-pressed: var(--dds-negative-1200);
    --dds-button-primary-background-destructive-hover: var(--dds-negative-1100);
    --dds-button-primary-background-destructive-enabled: var(--dds-negative-1000);
    --dds-button-primary-background-inverted-pressed: var(--dds-brand-400);
    --dds-button-primary-background-inverted-hover: var(--dds-brand-300);
    --dds-button-primary-background-inverted-enabled: var(--dds-brand-100);
    --dds-button-primary-background-disabled: var(--dds-neutral-700);
    --dds-button-primary-background-pressed: var(--dds-brand-1200);
    --dds-button-primary-background-hover: var(--dds-brand-1100);
    --dds-button-primary-background-enabled: var(--dds-brand-1000);
    --dds-icon-negative-strong: var(--dds-negative-1200);
    --dds-icon-negative-base: var(--dds-negative-1100);
    --dds-icon-negative-subtle: var(--dds-negative-1000);
    --dds-icon-warning-strong: var(--dds-warning-900);
    --dds-icon-warning-base: var(--dds-warning-800);
    --dds-icon-warning-subtle: var(--dds-warning-700);
    --dds-icon-informative-strong: var(--dds-informative-1200);
    --dds-icon-informative-base: var(--dds-informative-1100);
    --dds-icon-informative-subtle: var(--dds-informative-1000);
    --dds-icon-positive-strong: var(--dds-positive-1200);
    --dds-icon-positive-base: var(--dds-positive-1100);
    --dds-icon-positive-subtle: var(--dds-positive-1000);
    --dds-icon-brand-strong: var(--dds-brand-1200);
    --dds-icon-brand-base: var(--dds-brand-1100);
    --dds-icon-brand-subtle: var(--dds-brand-1000);
    --dds-icon-neutral-disabled: var(--dds-neutral-900);
    --dds-icon-neutral-strong: var(--dds-neutral-1700);
    --dds-icon-neutral-base: var(--dds-neutral-1100);
    --dds-icon-neutral-subtle: var(--dds-neutral-1000);
    --dds-negative-alpha-100: var(--dds-semantic-red-alpha-100);
    --dds-warning-alpha-100: var(--dds-semantic-orange-alpha-100);
    --dds-positive-alpha-100: var(--dds-semantic-green-alpha-100);
    --dds-informative-alpha-100: var(--dds-semantic-blue-alpha-100);
    --dds-neutral-alpha-100: var(--dds-cold-grey-alpha-100);
    --dds-brand-alpha-100: var(--dds-indigo-alpha-100);
}

html, body {
    font-family: InterVariable, var(--dds-font-type);
    font-feature-settings: "liga" 1,"calt" 1,"ss02" 1;
    background-color: var(--dds-background-neutral-base);
}

h1:focus, h2:focus, h1:focus-visible, h2:focus-visible {
    outline: none;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    right: 0;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.spinner .path {
    stroke: #2563eb;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

.card {
    border: none;
    border-radius: var(--dds-radius-base);
    transition: transform var(--dds-transition-medium) var(--dds-easing-ease-in-out), box-shadow var(--dds-transition-medium) var(--dds-easing-ease-in-out);
}

.card:hover {
    transform: none;
    box-shadow: none;
}

.btn-primary {
    background-color: var(--dds-brand-1000);
    border-color: var(--dds-brand-1000);
    border-radius: var(--dds-radius-xlarge);
    padding: var(--dds-spacing-200) var(--dds-spacing-600);
    font-weight: var(--dds-font-weight-medium);
    border: none;
    display: inline-block;
    width: auto;
}

.btn-primary:hover {
    background-color: var(--dds-brand-1100);
    border-color: var(--dds-brand-1100);
}

.btn-primary.w-100 {
    width: 100%;
}

.form-control:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.25);
}

.form-control {
    border: var(--dds-border-width-large) solid var(--dds-neutral-500);
    border-radius: var(--dds-radius-base);
    padding: var(--dds-spacing-300) var(--dds-spacing-400);
    font-family: var(--dds-font-type);
    font-size: var(--dds-font-base);
    line-height: var(--dds-font-line-height-base);
    transition: all var(--dds-transition-medium) var(--dds-easing-ease-in-out);
}

.form-control:focus {
    border-color: var(--dds-brand-1000);
    border-width: var(--dds-border-width-large);
    box-shadow: 0 0 0 3px rgba(66, 88, 237, 0.1);
    outline: none;
}

.password-strength {
    height: 4px;
    background-color: #e5e7eb;
    border-radius: 2px;
    overflow: hidden;
}

.progress-bar {
    transition: width 0.3s ease;
}

/* Input group styling for password toggle */
.input-group {
    position: relative;
    display: flex;
    align-items: center;
}

.input-group .form-control {
    flex: 1;
    padding-right: calc(var(--dds-spacing-400) + var(--dds-icon-small));
}

.input-group .btn {
    position: absolute;
    right: var(--dds-spacing-300);
    background: transparent;
    border: none;
    padding: 0;
    width: var(--dds-icon-small);
    height: var(--dds-icon-small);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: var(--dds-font-base);
    line-height: 1;
    color: var(--dds-neutral-700);
    transition: color var(--dds-transition-medium) var(--dds-easing-ease-in-out);
}

.input-group .btn:hover {
    color: var(--dds-brand-1000);
}

.input-group .btn:focus {
    outline: var(--dds-border-width-large) solid var(--dds-focus-outer-ring);
    outline-offset: var(--dds-spacing-50);
}

.input-group .btn-outline-secondary {
    border: none;
    background: transparent;
    color: var(--dds-neutral-700);
}

.input-group .btn-outline-secondary:hover {
    background: transparent;
    border: none;
    color: var(--dds-brand-1000);
}

.input-group .btn-outline-secondary:focus {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: var(--dds-border-width-large) solid var(--dds-focus-outer-ring);
    outline-offset: var(--dds-spacing-50);
}

/* Password eye icon styling */
.password-eye-icon {
    width: var(--dds-icon-small);
    height: var(--dds-icon-small);
    color: var(--dds-neutral-700);
    stroke: var(--dds-neutral-700);
}

.input-container label {
    color: var(--dds-text-neutral-base);
    font-weight: var(--dds-font-weight-bold);
    line-height: var(--dds-font-line-height-xlarge);
    margin-bottom: .0rem;
}

/* Login layout - two-column panel */
.login-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 1rem;
    position: relative;
}

.login-lang-selector {
    position: absolute;
    top: 1rem;
    right: 1.5rem;
    z-index: 10;
}

.login-panel {
    display: flex;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    max-width: 820px;
    width: 100%;
}

.login-form-side {
    flex: 1;
    padding: 2.5rem;
    min-width: 0;
}

.login-logo-side {
    width: 370px;
    padding: 0;
    overflow: hidden;
}

.login-logo {
    padding: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 18px;
}

/* Responsive: stack vertically on small screens */
@media (max-width: 680px) {
    .login-panel {
        flex-direction: column-reverse;
    }
    .login-logo-side {
        width: 100%;
        height: 180px;
    }
    .login-logo {
        border-radius: 12px 12px 0 0;
    }
}

.fw-900
{
    font-weight: 900;
}

/* DÁP Design System - Label stílus */
.form-label {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1d2939;
    margin-bottom: 0.25rem;
    line-height: 1.4;
    display: block;
}

/* Kötelező mező jelölés */
.form-label.required::after {
    content: " *";
    color: #d92d20;
    font-weight: 600;
}

/* DÁP Design System - DapLabel komponens */
.dap-label {
    width:100%;
    margin-bottom: 0.25rem;
}

.dap-label__label {
    display: flex;
    gap: 5px;
    align-items: center;
}

.dap-label__row {
    display: flex;
    align-items: center;
    justify-content: space-between;    
    margin-bottom: var(--dds-spacing-100);
}

.dap-label__text {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--dds-text-neutral-strong, #1d2939);
    line-height: 1.4;
    margin-bottom: 0;
}

.dap-label__required {
    color: var(--dds-negative-1000, #d40d00);
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1;
}

.dap-label__toggletip {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    margin-left: 0.25rem;
}

.dap-label__toggletip:focus {
    outline: 2px solid var(--dds-focus-outer-ring, #647aff);
    outline-offset: 2px;
    border-radius: 50%;
}

.dap-label__toggletip-content {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    color: var(--dds-text-neutral-strong, #1d2939);
    font-size: 0.875rem;
    font-weight: 400;
    padding: 0.75rem 1rem;
    border-radius: var(--dds-radius-base, 8px);
    border: 1px solid var(--dds-neutral-400, #d1d7df);
    white-space: normal;
    min-width: 220px;
    max-width: 300px;
    line-height: 1.5;
    box-shadow: 0 4px 12px rgb(0 0 0 / 8%);
    z-index: 10;
    display: none;
}

.dap-label__toggletip-content::before {
    content: "";
    position: absolute;
    top: -7px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 12px;
    height: 12px;
    background: #fff;
    border-left: 1px solid var(--dds-neutral-400, #d1d7df);
    border-top: 1px solid var(--dds-neutral-400, #d1d7df);
}

.dap-label__toggletip:hover .dap-label__toggletip-content,
.dap-label__toggletip:focus .dap-label__toggletip-content {
    display: block;
}

.dap-label__helper {
    font-size: 0.75rem;
    color: var(--dds-text-neutral-subtle, #606b7a);
    margin: 0.125rem 0 0 0;
    line-height: 1.4;
    margin-bottom: var(--dds-spacing-100);
}

.dap-label > :not(.dap-label__row):not(.dap-label__helper) {
    width: 100%;
}

/* Field validation errors */
.field-validation-error {
    color: #d32f2f;
    font-size: 0.85rem;
    font-weight: 500;
    margin-top: 4px;
    display: flex;
    align-items: flex-start;
    gap: 4px;
    line-height: 1.4;
}

.field-validation-icon {
    color: #d32f2f;
    font-weight: 700;
    flex-shrink: 0;
}

span.k-textbox.k-invalid,
span.k-input.k-invalid {
    border-color: #d32f2f !important;
    box-shadow: 0 0 0 1px #d32f2f !important;
}

/* ==========================================================================
   Grid action buttons — responsive icon-only mode
   Használat: <div class="action-buttons"> + <span class="btn-label"> a szövegre
   Ha az oszlop szűk, a szöveg eltűnik és a gombok kör alakú ikonokká válnak.
   ========================================================================== */

.action-buttons {
    display: flex;
    gap: 4px;
    container-type: inline-size;
}

/* Törlés / destructive gomb — piros háttér, fehér szöveg/ikon */
.btn-delete.k-button {
    background-color: var(--dds-negative-1000) !important;
    border-color: var(--dds-negative-1000) !important;
    color: var(--dds-white-100) !important;
}

.btn-delete.k-button:hover {
    background-color: var(--dds-negative-1100) !important;
    border-color: var(--dds-negative-1100) !important;
}

.btn-delete.k-button:active {
    background-color: var(--dds-negative-1200) !important;
    border-color: var(--dds-negative-1200) !important;
}

.btn-delete.k-button:focus {
    background-color: var(--dds-negative-1000) !important;
    border-color: var(--dds-negative-1000) !important;
    outline: var(--dds-border-width-large) solid var(--dds-negative-1000) !important;
    outline-offset: var(--dds-spacing-50) !important;
}

.btn-delete .k-svg-icon,
.btn-delete:hover .k-svg-icon {
    color: var(--dds-white-100) !important;
}

/* Outlined / border-only gomb — átlátszó háttér, brand szín keret és szöveg */
.btn-outlined.k-button {
    background-color: transparent !important;
    border: 2px solid var(--dds-brand-1000) !important;
    color: var(--dds-brand-1000) !important;
}

.btn-outlined.k-button:hover {
    background-color: var(--dds-brand-100) !important;
    border-color: var(--dds-brand-1200) !important;
    color: var(--dds-brand-1200) !important;
}

.btn-outlined.k-button:active {
    background-color: var(--dds-brand-200) !important;
    border-color: var(--dds-brand-1300) !important;
    color: var(--dds-brand-1300) !important;
}

.btn-outlined.k-button:focus {
    outline: var(--dds-border-width-large) solid var(--dds-brand-1100) !important;
    outline-offset: var(--dds-spacing-50) !important;
}

.btn-outlined .k-svg-icon,
.btn-outlined:hover .k-svg-icon {
    color: inherit !important;
}

/* Fix alsó gombsáv — képernyő aljára rögzített fehér sáv */
.bottom-action-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 1px solid var(--dds-neutral-300, #dee2e6);
    padding: 12px 24px;
    z-index: 100;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
}

/* Ha a container szűk, elrejtjük a szöveget — csak ikon marad */
@container (max-width: 320px) {
    .action-buttons .btn-label {
        display: none;
    }

    .action-buttons .k-button {
        min-width: 36px;
        width: 36px;
        height: 36px;
        padding: 0 !important;
        border-radius: 50% !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        overflow: visible;
        /*padding: var(--dds-spacing-200) var(--dds-spacing-300) !important;*/
    }

    .action-buttons .k-button .k-button-icon {
        margin: 0;
    }

    .action-buttons .k-button .k-svg-icon {
        width: 18px;
        height: 18px;
        margin-left: 4px!important;
    }
}