:root {
    color-scheme: light;

    --dui-components-forms-background-default: #ffffff;
    --dui-colors-background-secondary: #f5f5f5;
    --dui-colors-background-tertiary-figma: #ebebeb;
    --dui-colors-action-foreground-text-functional-default: #000000;
    --color-dhl-red-100: #f5c4c7;
    --color-dhl-red-150: #f0a6aa;
    --color-dhl-red-200: #ea878d;
    --color-dhl-red-300: #e67077;
    --color-dhl-red-400: #e35b63;
    --color-dhl-red-500: #dc353f;
    --color-dhl-red-600: #d40511;
    --color-dhl-red-650: #c30510;
    --color-dhl-red-700: #ad040e;
    --color-dhl-red-750: #95040c;
    --color-dhl-red-800: #8b030b;
    --color-dhl-red-850: #6e0309;
    --color-dhl-red-900: #4a0206;
    --color-dhl-red-950: #340104;
    --color-dhl-red-025: #fefafa;
    --color-dhl-red-050: #fdf2f2;
    --color-dhl-red-075: #fae0e2;
    --color-post-yellow-100: #ffcc00;
    --color-post-yellow-150: #ddb100;
    --color-post-yellow-200: #d1a700;
    --color-post-yellow-300: #c69e00;
    --color-post-yellow-400: #a68500;
    --color-post-yellow-500: #8e7100;
    --color-post-yellow-600: #7f6500;
    --color-post-yellow-650: #765e00;
    --color-post-yellow-700: #675300;
    --color-post-yellow-750: #594700;
    --color-post-yellow-800: #514000;
    --color-post-yellow-850: #403300;
    --color-post-yellow-900: #271f00;
    --color-post-yellow-950: #1b1500;
    --color-post-yellow-025: #fffae6;
    --color-post-yellow-050: #ffeda9;
    --color-post-yellow-075: #ffe37b;
    --color-negative-100: #f4c3c7;
    --color-negative-150: #eea3a9;
    --color-negative-200: #e98890;
    --color-negative-300: #e46f79;
    --color-negative-400: #e15b66;
    --color-negative-500: #da3845;
    --color-negative-600: #d41625;
    --color-negative-650: #c30b1a;
    --color-negative-700: #ac0a17;
    --color-negative-750: #940814;
    --color-negative-800: #890812;
    --color-negative-850: #6d060f;
    --color-negative-900: #470409;
    --color-negative-950: #300306;
    --color-negative-025: #fefafa;
    --color-negative-050: #fdf2f3;
    --color-negative-075: #f9e1e3;
    --color-positive-100: #bcdf93;
    --color-positive-150: #8fc94a;
    --color-positive-200: #76bd22;
    --color-positive-300: #66a41e;
    --color-positive-400: #5d951b;
    --color-positive-500: #518217;
    --color-positive-600: #4b7816;
    --color-positive-650: #436b13;
    --color-positive-700: #3b5f11;
    --color-positive-750: #33510f;
    --color-positive-800: #2e4a0d;
    --color-positive-850: #243a0a;
    --color-positive-900: #172507;
    --color-positive-950: #0f1804;
    --color-positive-025: #f9fcf5;
    --color-positive-050: #eff8e6;
    --color-positive-075: #e2f1d0;
    --color-neutral-100: #d1d1d1;
    --color-neutral-150: #b5b5b5;
    --color-neutral-200: #a3a3a3;
    --color-neutral-300: #949494;
    --color-neutral-400: #878787;
    --color-neutral-500: #757575;
    --color-neutral-600: #6b6b6b;
    --color-neutral-650: #616161;
    --color-neutral-700: #545454;
    --color-neutral-750: #474747;
    --color-neutral-800: #424242;
    --color-neutral-850: #333333;
    --color-neutral-900: #212121;
    --color-neutral-950: #141414;
    --color-neutral-white: #ffffff;
    --color-neutral-025: #fafafa;
    --color-neutral-050: #f5f5f5;
    --color-neutral-075: #ebebeb;
    --color-neutral-black: #000000;
    --color-information-100: #b1d6ef;
    --color-information-150: #82bee6;
    --color-information-200: #5dabdf;
    --color-information-300: #449dda;
    --color-information-400: #278ed4;
    --color-information-500: #007acc;
    --color-information-600: #006fb9;
    --color-information-650: #0064a7;
    --color-information-700: #005893;
    --color-information-750: #004b7d;
    --color-information-800: #004573;
    --color-information-850: #00365a;
    --color-information-900: #002843;
    --color-information-950: #001726;
    --color-information-025: #f9fcfe;
    --color-information-050: #ecf5fb;
    --color-information-075: #d5e9f7;
    --color-warning-100: #f4ccae;
    --color-warning-150: #eda673;
    --color-warning-200: #e88d4c;
    --color-warning-300: #e37729;
    --color-warning-400: #d06d26;
    --color-warning-500: #b55f21;
    --color-warning-600: #a5571e;
    --color-warning-650: #954e1b;
    --color-warning-700: #824418;
    --color-warning-750: #6f3a14;
    --color-warning-800: #663612;
    --color-warning-850: #4f290e;
    --color-warning-900: #341b09;
    --color-warning-950: #211206;
    --color-warning-025: #fefaf8;
    --color-warning-050: #fcf2eb;
    --color-warning-075: #fae9dc;
    --color-go-green-100: #bbd6cd;
    --color-go-green-150: #96bfb2;
    --color-go-green-200: #7db09f;
    --color-go-green-300: #62a08b;
    --color-go-green-400: #50947e;
    --color-go-green-500: #338369;
    --color-go-green-600: #1f775a;
    --color-go-green-650: #106e4f;
    --color-go-green-700: #006443;
    --color-go-green-750: #005439;
    --color-go-green-800: #004d34;
    --color-go-green-850: #003c28;
    --color-go-green-900: #002619;
    --color-go-green-950: #001911;
    --color-go-green-025: #fafcfb;
    --color-go-green-050: #eff5f3;
    --color-go-green-075: #ddeae6;
    --color-white-alpha-100: rgba(255, 255, 255, 0.18000000715255737);
    --color-white-alpha-150: rgba(255, 255, 255, 0.25);
    --color-white-alpha-200: rgba(255, 255, 255, 0.30000001192092896);
    --color-white-alpha-300: rgba(255, 255, 255, 0.3499999940395355);
    --color-white-alpha-400: rgba(255, 255, 255, 0.38999998569488525);
    --color-white-alpha-500: rgba(255, 255, 255, 0.46000000834465027);
    --color-white-alpha-600: rgba(255, 255, 255, 0.5);
    --color-white-alpha-650: rgba(255, 255, 255, 0.550000011920929);
    --color-white-alpha-700: rgba(255, 255, 255, 0.6000000238418579);
    --color-white-alpha-750: rgba(255, 255, 255, 0.6700000166893005);
    --color-white-alpha-800: rgba(255, 255, 255, 0.699999988079071);
    --color-white-alpha-850: rgba(255, 255, 255, 0.7799999713897705);
    --color-white-alpha-900: rgba(255, 255, 255, 0.8899999856948853);
    --color-white-alpha-950: rgba(255, 255, 255, 0.9399999976158142);
    --color-white-alpha-025: rgba(255, 255, 255, 0.019999999552965164);
    --color-white-alpha-050: rgba(255, 255, 255, 0.05999999865889549);
    --color-white-alpha-075: rgba(255, 255, 255, 0.10000000149011612);
    --color-black-alpha-100: rgba(0, 0, 0, 0.18000000715255737);
    --color-black-alpha-150: rgba(0, 0, 0, 0.28999999165534973);
    --color-black-alpha-200: rgba(0, 0, 0, 0.36000001430511475);
    --color-black-alpha-300: rgba(0, 0, 0, 0.41999998688697815);
    --color-black-alpha-400: rgba(0, 0, 0, 0.4699999988079071);
    --color-black-alpha-500: rgba(0, 0, 0, 0.5400000214576721);
    --color-black-alpha-600: rgba(0, 0, 0, 0.5799999833106995);
    --color-black-alpha-650: rgba(0, 0, 0, 0.6200000047683716);
    --color-black-alpha-700: rgba(0, 0, 0, 0.6700000166893005);
    --color-black-alpha-750: rgba(0, 0, 0, 0.7200000286102295);
    --color-black-alpha-800: rgba(0, 0, 0, 0.7400000095367432);
    --color-black-alpha-850: rgba(0, 0, 0, 0.800000011920929);
    --color-black-alpha-900: rgba(0, 0, 0, 0.8700000047683716);
    --color-black-alpha-950: rgba(0, 0, 0, 0.9200000166893005);
    --color-black-alpha-025: rgba(0, 0, 0, 0.019999999552965164);
    --color-black-alpha-050: rgba(0, 0, 0, 0.03999999910593033);
    --color-black-alpha-075: rgba(0, 0, 0, 0.07999999821186066);
    --color-color-categorical-01: #4d73fe;
    --color-color-categorical-01-light: #e4eaff;
    --color-color-categorical-02: #f06f3b;
    --color-color-categorical-02-light: #fceaee;
    --color-color-categorical-03: #4fc4c5;
    --color-color-categorical-03-light: #e4f6f6;
    --color-color-categorical-04: #ee6fca;
    --color-color-categorical-04-light: #fceafa;
    --color-color-categorical-05: #60dc6c;
    --color-color-categorical-05-light: #e7f9e9;
    --color-color-categorical-06: #b359f8;
    --color-color-categorical-06-light: #f3e6fe;
    --color-color-categorical-07: #fb9a99;
    --color-color-categorical-07-light: #fff0f0;
    --color-foreground-primary: #000000;
    --color-foreground-secondary: #6b6b6b;
    --color-foreground-tertiary: #b5b5b5;
    --color-foreground-highlight: #d40511;
    --color-foreground-inverted: #ffffff;
    --color-foreground-disabled: #878787;
    --color-foreground-information: #00365a;
    --color-foreground-positive: #243a0a;
    --color-foreground-negative: #6d060f;
    --color-foreground-warning: #6f3a14;
    --color-foreground-neutral: #424242;
    --color-foreground-functional-sustainability: #006443;
    --color-foreground-functional-notification: #ffcc00;
    --color-foreground-functional-important: #d40511;
    --color-foreground-functional-neutral: #d1d1d1;
    --color-foreground-functional-error: #d41625;
    --color-foreground-functional-overlay: rgba(0, 0, 0, 0.7200000286102295);
    --color-action-foreground-primary-default: #ffffff;
    --color-action-foreground-primary-inverted-default: #000000;
    --color-action-foreground-primary-inverted-disabled: #ffffff;
    --color-action-foreground-primary-disabled: #878787;
    --color-action-foreground-secondary-default: #d40511;
    --color-action-foreground-secondary-hover: #95040c;
    --color-action-foreground-secondary-disabled: rgba(0, 0, 0, 0.4699999988079071);
    --color-action-foreground-secondary-inverted-default: #ffffff;
    --color-action-foreground-secondary-inverted-hover: rgba(255, 255, 255, 0.6000000238418579);
    --color-action-foreground-secondary-inverted-disabled: rgba(255, 255, 255, 0.46000000834465027);
    --color-action-foreground-secondary-functional-default: #000000;
    --color-action-foreground-secondary-functional-hover: rgba(0, 0, 0, 0.5799999833106995);
    --color-action-foreground-secondary-functional-disabled: rgba(0, 0, 0, 0.4699999988079071);
    --color-action-foreground-ghost-default: #d40511;
    --color-action-foreground-ghost-hover: #95040c;
    --color-action-foreground-ghost-visited: #95040c;
    --color-action-foreground-ghost-muted: #6b6b6b;
    --color-action-foreground-ghost-disabled: #878787;
    --color-action-foreground-ghost-inverted-default: #ffffff;
    --color-action-foreground-ghost-inverted-hover: rgba(255, 255, 255, 0.6000000238418579);
    --color-action-foreground-ghost-inverted-disabled: rgba(255, 255, 255, 0.46000000834465027);
    --color-action-foreground-ghost-functional-default: #000000;
    --color-action-foreground-ghost-default-2: #ffffff;
    --color-action-foreground-ghost-functional-hover: #6b6b6b;
    --color-action-foreground-ghost-functional-disabled: #474747;
    --color-action-background-primary-default: #d40511;
    --color-action-background-primary-hover: #95040c;
    --color-action-background-primary-success-hover: #5d951b;
    --color-action-background-primary-disabled: #d1d1d1;
    --color-action-background-primary-inverted-default: #ffffff;
    --color-action-background-primary-inverted-hover: rgba(255, 255, 255, 0.7799999713897705);
    --color-action-background-primary-inverted-disabled: rgba(255, 255, 255, 0.46000000834465027);
    --color-action-background-secondary-default: #ffffff;
    --color-action-background-secondary-functional-disabled: rgba(0, 0, 0, 0.18000000715255737);
    --color-background-primary: #ffffff;
    --color-background-secondary: #f5f5f5;
    --color-background-tertiary: #d1d1d1;
    --color-background-inverted: #000000;
    --color-background-highlight: #d40511;
    --color-background-sustainability: #006443;
    --color-background-base: #ffffff;
    --color-text-base: #121212;
    --color-background-positive: #eff8e6;
    --color-background-negative: #f9e1e3;
    --color-background-information: #d5e9f7;
    --color-background-warning: #fae9dc;
    --color-background-neutral: #ffffff;
    --color-background-functional-notification: #ffcc00;
    --color-background-functional-sustainability: #006443;
    --color-icons-primary: #d40511;
    --color-icons-secondary: #000000;
    --color-icons-inverted: #ffffff;
    --color-icons-disabled: rgba(0, 0, 0, 0.4699999988079071);
    --color-icons-information: #004b7d;
    --color-icons-positive: #4b7816;
    --color-icons-negative: #890812;
    --color-icons-warning: #954e1b;
    --color-icons-neutral: #6b6b6b;
    --color-icons-functional-sustainability: #006443;
    --color-stroke-primary: #000000;
    --color-stroke-secondary: rgba(0, 0, 0, 0.4699999988079071);
    --color-stroke-tertiary: rgba(0, 0, 0, 0.28999999165534973);
    --color-stroke-muted: rgba(0, 0, 0, 0.07999999821186066);
    --color-stroke-inverted: #ffffff;
    --color-stroke-disabled: rgba(0, 0, 0, 0.4699999988079071);
    --color-stroke-highlight: #d40511;
    --color-stroke-information: #0064a7;
    --color-stroke-positive: #5d951b;
    --color-stroke-negative: #ac0a17;
    --color-stroke-warning: #d06d26;
    --color-stroke-neutral: #212121;
    --color-stroke-functional-sustainability: #006443;
    --color-stroke-functional-notification: #ffcc00;
    --color-stroke-functional-error: #d41625;
    --color-stroke-functional-focus: #007acc;
}

/* @media (prefers-color-scheme: dark) { */
:root[dark-theme='dark'] {
    --color-foreground-primary: #ebebeb;
    --color-foreground-secondary: #b5b5b5;
    --color-foreground-tertiary: #b5b5b5;
    --color-foreground-highlight: #f5f5f5;
    --color-foreground-inverted: #141414;
    --color-foreground-disabled: #6b6b6b;
    --color-foreground-information: #d5e9f7;
    --color-foreground-positive: #eff8e6;
    --color-foreground-negative: #f9e1e3;
    --color-foreground-warning: #fae9dc;
    --color-foreground-neutral: #ffffff;
    --color-foreground-functional-sustainability: #006443;
    --color-foreground-functional-notification: #ffcc00;
    --color-foreground-functional-important: #d40511;
    --color-foreground-functional-neutral: #d1d1d1;
    --color-foreground-functional-error: #d41625;
    --color-foreground-functional-overlay: rgba(0, 0, 0, 0.7200000286102295);
    --color-action-foreground-primary-default: #f5f5f5;
    --color-action-foreground-primary-inverted-default: #ffffff;
    --color-action-foreground-primary-inverted-disabled: #212121;
    --color-action-foreground-primary-disabled: #878787;
    --color-action-foreground-secondary-default: #ffffff;
    --color-action-foreground-secondary-hover: #878787;
    --color-action-foreground-secondary-disabled: #878787;
    --color-action-foreground-secondary-inverted-default: #000000;
    --color-action-foreground-secondary-inverted-hover: rgba(0, 0, 0, 0.4699999988079071);
    --color-action-foreground-secondary-inverted-disabled: rgba(0, 0, 0, 0.5799999833106995);
    --color-action-foreground-secondary-functional-default: #ebebeb;
    --color-action-foreground-secondary-functional-hover: rgba(255, 255, 255, 0.46000000834465027);
    --color-action-foreground-secondary-functional-disabled: rgba(255, 255, 255, 0.5);
    --color-action-foreground-ghost-default: #ffffff;
    --color-action-foreground-ghost-hover: #d1d1d1;
    --color-action-foreground-ghost-visited: #ffffff;
    --color-action-foreground-ghost-muted: #ffffff;
    --color-action-foreground-ghost-disabled: #878787;
    --color-action-foreground-ghost-inverted-default: #000000;
    --color-action-foreground-ghost-inverted-hover: rgba(0, 0, 0, 0.5799999833106995);
    --color-action-foreground-ghost-inverted-disabled: rgba(0, 0, 0, 0.5799999833106995);
    --color-action-foreground-ghost-functional-default: #f5f5f5;
    --color-action-foreground-ghost-default-2: #f5f5f5;
    --color-action-foreground-ghost-functional-hover: #b5b5b5;
    --color-action-foreground-ghost-functional-disabled: #878787;
    --color-action-background-primary-default: #d40511;
    --color-action-background-primary-hover: #95040c;
    --color-action-background-primary-success-hover: #5d951b;
    --color-action-background-primary-disabled: #6b6b6b;
    --color-action-background-primary-inverted-default: #ffffff;
    --color-action-background-primary-inverted-hover: #ffffff;
    --color-action-background-primary-inverted-disabled: #ffffff;
    --color-action-background-secondary-default: #141414;
    --color-action-background-secondary-functional-disabled: #f5f5f5;
    --color-background-primary: #474747;
    --color-background-secondary: #333333;
    --color-background-tertiary: #212121;
    --color-background-inverted: #ffffff;
    --color-background-highlight: #d40511;
    --color-background-sustainability: #006443;
    --color-background-base: #141414;
    --color-background-positive: #243a0a;
    --color-background-negative: #470409;
    --color-background-information: #002843;
    --color-background-warning: #4f290e;
    --color-background-neutral: #212121;
    --color-background-functional-notification: #ffcc00;
    --color-background-functional-sustainability: #006443;
    --color-icons-primary: #d40511;
    --color-icons-secondary: #ebebeb;
    --color-icons-inverted: #474747;
    --color-icons-disabled: rgba(0, 0, 0, 0.4699999988079071);
    --color-icons-information: #d5e9f7;
    --color-icons-positive: #eff8e6;
    --color-icons-negative: #f9e1e3;
    --color-icons-warning: #fae9dc;
    --color-icons-neutral: #ffffff;
    --color-icons-functional-sustainability: #006443;
    --color-stroke-primary: #f5f5f5;
    --color-stroke-secondary: #212121;
    --color-stroke-tertiary: #333333;
    --color-stroke-muted: #474747;
    --color-stroke-inverted: #141414;
    --color-stroke-disabled: rgba(0, 0, 0, 0.4699999988079071);
    --color-stroke-highlight: #d40511;
    --color-stroke-information: #278ed4;
    --color-stroke-positive: #8fc94a;
    --color-stroke-negative: #da3845;
    --color-stroke-warning: #e88d4c;
    --color-stroke-neutral: #949494;
    --color-stroke-functional-sustainability: #006443;
    --color-stroke-functional-notification: #ffcc00;
    --color-stroke-functional-error: #d41625;
    --color-stroke-functional-focus: #278ed4;
    --dui-components-forms-background-default: #141414;
    --dui-colors-background-secondary: #333333;
    --dui-colors-background-tertiary-figma: #212121;
    --dui-colors-action-foreground-text-functional-default: #ffffff;
}
/* } */
*, ::before, ::after {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x:  ;
        --tw-pan-y:  ;
        --tw-pinch-zoom:  ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position:  ;
        --tw-gradient-via-position:  ;
        --tw-gradient-to-position:  ;
        --tw-ordinal:  ;
        --tw-slashed-zero:  ;
        --tw-numeric-figure:  ;
        --tw-numeric-spacing:  ;
        --tw-numeric-fraction:  ;
        --tw-ring-inset:  ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgb(59 130 246 / 0.5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur:  ;
        --tw-brightness:  ;
        --tw-contrast:  ;
        --tw-grayscale:  ;
        --tw-hue-rotate:  ;
        --tw-invert:  ;
        --tw-saturate:  ;
        --tw-sepia:  ;
        --tw-drop-shadow:  ;
        --tw-backdrop-blur:  ;
        --tw-backdrop-brightness:  ;
        --tw-backdrop-contrast:  ;
        --tw-backdrop-grayscale:  ;
        --tw-backdrop-hue-rotate:  ;
        --tw-backdrop-invert:  ;
        --tw-backdrop-opacity:  ;
        --tw-backdrop-saturate:  ;
        --tw-backdrop-sepia:  ;
        --tw-contain-size:  ;
        --tw-contain-layout:  ;
        --tw-contain-paint:  ;
        --tw-contain-style:  ;
}
::backdrop {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x:  ;
        --tw-pan-y:  ;
        --tw-pinch-zoom:  ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position:  ;
        --tw-gradient-via-position:  ;
        --tw-gradient-to-position:  ;
        --tw-ordinal:  ;
        --tw-slashed-zero:  ;
        --tw-numeric-figure:  ;
        --tw-numeric-spacing:  ;
        --tw-numeric-fraction:  ;
        --tw-ring-inset:  ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgb(59 130 246 / 0.5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur:  ;
        --tw-brightness:  ;
        --tw-contrast:  ;
        --tw-grayscale:  ;
        --tw-hue-rotate:  ;
        --tw-invert:  ;
        --tw-saturate:  ;
        --tw-sepia:  ;
        --tw-drop-shadow:  ;
        --tw-backdrop-blur:  ;
        --tw-backdrop-brightness:  ;
        --tw-backdrop-contrast:  ;
        --tw-backdrop-grayscale:  ;
        --tw-backdrop-hue-rotate:  ;
        --tw-backdrop-invert:  ;
        --tw-backdrop-opacity:  ;
        --tw-backdrop-saturate:  ;
        --tw-backdrop-sepia:  ;
        --tw-contain-size:  ;
        --tw-contain-layout:  ;
        --tw-contain-paint:  ;
        --tw-contain-style:  ;
}
    /* Chrome, Edge, and Safari */
    ::-webkit-scrollbar {
        width: 6px; /* Slim vertical width */
        height: 6px; /* Slim horizontal height */
    }

    ::-webkit-scrollbar-track {
        background: transparent; /* Invisible track background */
    }

    ::-webkit-scrollbar-thumb {
        background-color: #94a3b8; /* Always the darker grey */
        border-radius: 9999px; /* Fully rounded corners */
    }

    /* Firefox support */
    * {
        scrollbar-width: thin;
        scrollbar-color: #94a3b8 transparent;
    }
.tw-pointer-events-none {
        pointer-events: none;
}
.tw-invisible {
        visibility: hidden;
}
.tw-fixed {
        position: fixed;
}
.tw-absolute {
        position: absolute;
}
.tw-relative {
        position: relative;
}
.tw-sticky {
        position: sticky;
}
.tw-inset-0 {
        inset: 0px;
}
.tw-inset-x-0 {
        left: 0px;
        right: 0px;
}
.tw-bottom-0 {
        bottom: 0px;
}
.tw-bottom-\[18px\] {
        bottom: 18px;
}
.tw-right-3 {
        right: 0.75rem;
}
.tw-right-4 {
        right: 1rem;
}
.tw-right-6 {
        right: 1.5rem;
}
.tw-right-\[-20px\] {
        right: -20px;
}
.tw-right-\[18px\] {
        right: 18px;
}
.tw-right-\[30px\] {
        right: 30px;
}
.tw-right-\[35px\] {
        right: 35px;
}
.tw-top-1\/2 {
        top: 50%;
}
.tw-top-2 {
        top: 0.5rem;
}
.tw-top-6 {
        top: 1.5rem;
}
.tw-top-\[-5px\] {
        top: -5px;
}
.tw-top-\[48px\] {
        top: 48px;
}
.tw-top-\[88px\] {
        top: 88px;
}
.\!tw-z-10 {
        z-index: 10 !important;
}
.tw-z-0 {
        z-index: 0;
}
.tw-z-10 {
        z-index: 10;
}
.tw-z-20 {
        z-index: 20;
}
.tw-z-50 {
        z-index: 50;
}
.tw-z-\[0\] {
        z-index: 0;
}
.tw-z-\[99999\] {
        z-index: 99999;
}
.tw-order-1 {
        order: 1;
}
.tw-order-2 {
        order: 2;
}
.tw-col-span-3 {
        grid-column: span 3 / span 3;
}
.tw-col-span-4 {
        grid-column: span 4 / span 4;
}
.tw-col-span-8 {
        grid-column: span 8 / span 8;
}
.tw-m-0 {
        margin: 0px;
}
.tw-m-2 {
        margin: 0.5rem;
}
.tw-m-4 {
        margin: 1rem;
}
.\!tw-my-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
}
.\!tw-my-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
}
.tw-mx-1 {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
}
.tw-mx-4 {
        margin-left: 1rem;
        margin-right: 1rem;
}
.tw-mx-auto {
        margin-left: auto;
        margin-right: auto;
}
.tw-my-0 {
        margin-top: 0px;
        margin-bottom: 0px;
}
.tw-my-1 {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
}
.tw-my-2 {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
}
.tw-my-3 {
        margin-top: 0.75rem;
        margin-bottom: 0.75rem;
}
.tw-my-4 {
        margin-top: 1rem;
        margin-bottom: 1rem;
}
.tw-my-5 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
}
.tw-my-6 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
}
.-tw-mb-2 {
        margin-bottom: -0.5rem;
}
.-tw-mt-1 {
        margin-top: -0.25rem;
}
.-tw-mt-4 {
        margin-top: -1rem;
}
.tw-mb-1 {
        margin-bottom: 0.25rem;
}
.tw-mb-2 {
        margin-bottom: 0.5rem;
}
.tw-mb-2\.5 {
        margin-bottom: 0.625rem;
}
.tw-mb-3 {
        margin-bottom: 0.75rem;
}
.tw-mb-4 {
        margin-bottom: 1rem;
}
.tw-mb-5 {
        margin-bottom: 1.25rem;
}
.tw-mb-6 {
        margin-bottom: 1.5rem;
}
.tw-mb-\[var\(--dui-size-space-6x\)\] {
        margin-bottom: var(--dui-size-space-6x);
}
.tw-ml-1 {
        margin-left: 0.25rem;
}
.tw-ml-10 {
        margin-left: 2.5rem;
}
.tw-ml-2 {
        margin-left: 0.5rem;
}
.tw-ml-3 {
        margin-left: 0.75rem;
}
.tw-ml-\[2\.7rem\] {
        margin-left: 2.7rem;
}
.tw-ml-auto {
        margin-left: auto;
}
.tw-mr-0 {
        margin-right: 0px;
}
.tw-mr-1 {
        margin-right: 0.25rem;
}
.tw-mr-1\.5 {
        margin-right: 0.375rem;
}
.tw-mr-2 {
        margin-right: 0.5rem;
}
.tw-mt-0\.5 {
        margin-top: 0.125rem;
}
.tw-mt-1 {
        margin-top: 0.25rem;
}
.tw-mt-10 {
        margin-top: 2.5rem;
}
.tw-mt-2 {
        margin-top: 0.5rem;
}
.tw-mt-24 {
        margin-top: 6rem;
}
.tw-mt-3 {
        margin-top: 0.75rem;
}
.tw-mt-4 {
        margin-top: 1rem;
}
.tw-mt-5 {
        margin-top: 1.25rem;
}
.tw-mt-6 {
        margin-top: 1.5rem;
}
.tw-mt-8 {
        margin-top: 2rem;
}
.tw-mt-\[1\.5rem\] {
        margin-top: 1.5rem;
}
.tw-mt-px {
        margin-top: 1px;
}
.tw-box-border {
        box-sizing: border-box;
}
.tw-line-clamp-1 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
}
.tw-line-clamp-2 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
}
.tw-line-clamp-3 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
}
.tw-block {
        display: block;
}
.tw-inline-block {
        display: inline-block;
}
.tw-inline {
        display: inline;
}
.tw-flex {
        display: flex;
}
.tw-inline-flex {
        display: inline-flex;
}
.tw-grid {
        display: grid;
}
.tw-contents {
        display: contents;
}
.tw-hidden {
        display: none;
}
.tw-aspect-video {
        aspect-ratio: 16 / 9;
}
.\!tw-h-10 {
        height: 2.5rem !important;
}
.\!tw-h-\[16px\] {
        height: 16px !important;
}
.\!tw-h-\[24px\] {
        height: 24px !important;
}
.\!tw-h-\[38px\] {
        height: 38px !important;
}
.tw-h-10 {
        height: 2.5rem;
}
.tw-h-12 {
        height: 3rem;
}
.tw-h-3 {
        height: 0.75rem;
}
.tw-h-4 {
        height: 1rem;
}
.tw-h-5 {
        height: 1.25rem;
}
.tw-h-6 {
        height: 1.5rem;
}
.tw-h-7 {
        height: 1.75rem;
}
.tw-h-72 {
        height: 18rem;
}
.tw-h-8 {
        height: 2rem;
}
.tw-h-\[0\.5rem\] {
        height: 0.5rem;
}
.tw-h-\[1\.5rem\] {
        height: 1.5rem;
}
.tw-h-\[1\.875rem\] {
        height: 1.875rem;
}
.tw-h-\[10\.25rem\] {
        height: 10.25rem;
}
.tw-h-\[174px\] {
        height: 174px;
}
.tw-h-\[1px\] {
        height: 1px;
}
.tw-h-\[28px\] {
        height: 28px;
}
.tw-h-\[30px\] {
        height: 30px;
}
.tw-h-\[44px\] {
        height: 44px;
}
.tw-h-\[4rem\] {
        height: 4rem;
}
.tw-h-\[90\%\] {
        height: 90%;
}
.tw-h-fit {
        height: -moz-fit-content;
        height: fit-content;
}
.tw-h-full {
        height: 100%;
}
.tw-h-px {
        height: 1px;
}
.tw-h-screen {
        height: 100vh;
}
.tw-max-h-0 {
        max-height: 0px;
}
.tw-max-h-\[2000px\] {
        max-height: 2000px;
}
.tw-max-h-\[50vh\] {
        max-height: 50vh;
}
.tw-max-h-\[70vh\] {
        max-height: 70vh;
}
.tw-max-h-\[80vh\] {
        max-height: 80vh;
}
.tw-max-h-\[min\(40dvh\,20rem\)\] {
        max-height: min(40dvh, 20rem);
}
.tw-min-h-0 {
        min-height: 0px;
}
.tw-min-h-10 {
        min-height: 2.5rem;
}
.tw-min-h-\[10px\] {
        min-height: 10px;
}
.tw-min-h-\[260px\] {
        min-height: 260px;
}
.tw-min-h-\[300px\] {
        min-height: 300px;
}
.tw-min-h-\[320px\] {
        min-height: 320px;
}
.tw-min-h-\[59px\] {
        min-height: 59px;
}
.tw-min-h-\[60vh\] {
        min-height: 60vh;
}
.tw-min-h-\[75px\] {
        min-height: 75px;
}
.tw-min-h-full {
        min-height: 100%;
}
.tw-min-h-screen {
        min-height: 100vh;
}
.\!tw-w-\[24px\] {
        width: 24px !important;
}
.\!tw-w-\[520px\] {
        width: 520px !important;
}
.\!tw-w-\[60vw\] {
        width: 60vw !important;
}
.\!tw-w-full {
        width: 100% !important;
}
.tw-w-10 {
        width: 2.5rem;
}
.tw-w-12 {
        width: 3rem;
}
.tw-w-16 {
        width: 4rem;
}
.tw-w-20 {
        width: 5rem;
}
.tw-w-3 {
        width: 0.75rem;
}
.tw-w-3\/12 {
        width: 25%;
}
.tw-w-3\/4 {
        width: 75%;
}
.tw-w-4 {
        width: 1rem;
}
.tw-w-40 {
        width: 10rem;
}
.tw-w-5 {
        width: 1.25rem;
}
.tw-w-6 {
        width: 1.5rem;
}
.tw-w-6\/12 {
        width: 50%;
}
.tw-w-60 {
        width: 15rem;
}
.tw-w-72 {
        width: 18rem;
}
.tw-w-9\/12 {
        width: 75%;
}
.tw-w-96 {
        width: 24rem;
}
.tw-w-\[0\.5rem\] {
        width: 0.5rem;
}
.tw-w-\[1\.5rem\] {
        width: 1.5rem;
}
.tw-w-\[110px\] {
        width: 110px;
}
.tw-w-\[120px\] {
        width: 120px;
}
.tw-w-\[13\.5rem\] {
        width: 13.5rem;
}
.tw-w-\[160px\] {
        width: 160px;
}
.tw-w-\[1px\] {
        width: 1px;
}
.tw-w-\[2\.85819rem\] {
        width: 2.85819rem;
}
.tw-w-\[200px\] {
        width: 200px;
}
.tw-w-\[280px\] {
        width: 280px;
}
.tw-w-\[28px\] {
        width: 28px;
}
.tw-w-\[50vw\] {
        width: 50vw;
}
.tw-w-auto {
        width: auto;
}
.tw-w-fit {
        width: -moz-fit-content;
        width: fit-content;
}
.tw-w-full {
        width: 100%;
}
.tw-w-px {
        width: 1px;
}
.tw-w-screen {
        width: 100vw;
}
.tw-min-w-0 {
        min-width: 0px;
}
.tw-min-w-36 {
        min-width: 9rem;
}
.tw-min-w-\[400px\] {
        min-width: 400px;
}
.tw-min-w-\[5rem\] {
        min-width: 5rem;
}
.tw-min-w-\[65\%\] {
        min-width: 65%;
}
.\!tw-max-w-\[95vw\] {
        max-width: 95vw !important;
}
.\!tw-max-w-none {
        max-width: none !important;
}
.tw-max-w-\[10rem\] {
        max-width: 10rem;
}
.tw-max-w-\[38rem\] {
        max-width: 38rem;
}
.tw-max-w-\[60px\] {
        max-width: 60px;
}
.tw-max-w-full {
        max-width: 100%;
}
.tw-max-w-max {
        max-width: -moz-max-content;
        max-width: max-content;
}
.tw-max-w-md {
        max-width: 28rem;
}
.tw-max-w-xs {
        max-width: 20rem;
}
.tw-flex-1 {
        flex: 1 1 0%;
}
.tw-flex-\[1_0_0\] {
        flex: 1 0 0;
}
.tw-flex-\[2\] {
        flex: 2;
}
.tw-flex-none {
        flex: none;
}
.tw-flex-shrink-0 {
        flex-shrink: 0;
}
.tw-shrink-0 {
        flex-shrink: 0;
}
.tw-flex-grow {
        flex-grow: 1;
}
.tw-grow-\[2\] {
        flex-grow: 2;
}
.tw-basis-full {
        flex-basis: 100%;
}
.tw--translate-y-1\/2 {
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-rotate-180 {
        --tw-rotate: 180deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-rotate-45 {
        --tw-rotate: 45deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-cursor-default {
        cursor: default;
}
.tw-cursor-pointer {
        cursor: pointer;
}
.tw-select-none {
        -webkit-user-select: none;
           -moz-user-select: none;
                user-select: none;
}
.tw-grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
}
.tw-grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
}
.tw-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tw-grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
}
.tw-grid-cols-\[8rem_minmax\(0\,1fr\)\] {
        grid-template-columns: 8rem minmax(0,1fr);
}
.tw-grid-cols-\[auto_auto_minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
        grid-template-columns: auto auto minmax(0,1fr) minmax(0,1fr);
}
.tw-flex-row {
        flex-direction: row;
}
.tw-flex-col {
        flex-direction: column;
}
.tw-flex-wrap {
        flex-wrap: wrap;
}
.tw-items-start {
        align-items: flex-start;
}
.tw-items-end {
        align-items: flex-end;
}
.tw-items-center {
        align-items: center;
}
.tw-items-baseline {
        align-items: baseline;
}
.tw-justify-start {
        justify-content: flex-start;
}
.tw-justify-end {
        justify-content: flex-end;
}
.tw-justify-center {
        justify-content: center;
}
.tw-justify-between {
        justify-content: space-between;
}
.\!tw-gap-2 {
        gap: 0.5rem !important;
}
.tw-gap-0\.5 {
        gap: 0.125rem;
}
.tw-gap-1 {
        gap: 0.25rem;
}
.tw-gap-1\.5 {
        gap: 0.375rem;
}
.tw-gap-2 {
        gap: 0.5rem;
}
.tw-gap-2\.5 {
        gap: 0.625rem;
}
.tw-gap-3 {
        gap: 0.75rem;
}
.tw-gap-4 {
        gap: 1rem;
}
.tw-gap-5 {
        gap: 1.25rem;
}
.tw-gap-6 {
        gap: 1.5rem;
}
.tw-gap-8 {
        gap: 2rem;
}
.tw-gap-\[--dui-size-space-12x\] {
        gap: var(--dui-size-space-12x);
}
.tw-gap-\[0\.125rem\] {
        gap: 0.125rem;
}
.tw-gap-\[0\.357rem\] {
        gap: 0.357rem;
}
.tw-gap-\[0\.625rem\] {
        gap: 0.625rem;
}
.tw-gap-\[0\.75rem\] {
        gap: 0.75rem;
}
.tw-gap-\[1\.25rem\] {
        gap: 1.25rem;
}
.tw-gap-\[12px\] {
        gap: 12px;
}
.tw-gap-\[1rem\] {
        gap: 1rem;
}
.tw-gap-\[var\(--dui-size-space-2x\)\] {
        gap: var(--dui-size-space-2x);
}
.tw-gap-\[var\(--dui-size-space-3x\)\] {
        gap: var(--dui-size-space-3x);
}
.tw-gap-\[var\(--dui-size-space-6x\)\] {
        gap: var(--dui-size-space-6x);
}
.tw-gap-\[var\(--dui-size-space-8x\)\] {
        gap: var(--dui-size-space-8x);
}
.tw-gap-\[var\(--dui-size-space-9x\)\] {
        gap: var(--dui-size-space-9x);
}
.tw-gap-dui-4x {
        gap: var(--dui-size-4x);
}
.tw-gap-dui-8x {
        gap: var(--dui-size-8x);
}
.tw-gap-x-3 {
        -moz-column-gap: 0.75rem;
             column-gap: 0.75rem;
}
.tw-gap-x-4 {
        -moz-column-gap: 1rem;
             column-gap: 1rem;
}
.tw-gap-x-6 {
        -moz-column-gap: 1.5rem;
             column-gap: 1.5rem;
}
.tw-gap-y-3 {
        row-gap: 0.75rem;
}
.tw-gap-y-4 {
        row-gap: 1rem;
}
.tw-space-x-2 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0.5rem * var(--tw-space-x-reverse));
        margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.tw-space-x-4 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1rem * var(--tw-space-x-reverse));
        margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.tw-space-y-1 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.tw-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.tw-space-y-4 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.tw-space-y-6 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.tw-place-self-center {
        place-self: center;
}
.tw-self-start {
        align-self: flex-start;
}
.tw-self-center {
        align-self: center;
}
.tw-self-stretch {
        align-self: stretch;
}
.tw-self-baseline {
        align-self: baseline;
}
.tw-overflow-hidden {
        overflow: hidden;
}
.tw-overflow-visible {
        overflow: visible;
}
.tw-overflow-y-auto {
        overflow-y: auto;
}
.tw-overflow-x-hidden {
        overflow-x: hidden;
}
.tw-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.tw-text-ellipsis {
        text-overflow: ellipsis;
}
.tw-whitespace-nowrap {
        white-space: nowrap;
}
.tw-whitespace-pre-line {
        white-space: pre-line;
}
.tw-whitespace-pre-wrap {
        white-space: pre-wrap;
}
.tw-break-words {
        overflow-wrap: break-word;
}
.tw-break-all {
        word-break: break-all;
}
.\!tw-rounded-2xl {
        border-radius: 1rem !important;
}
.tw-rounded {
        border-radius: 0.25rem;
}
.tw-rounded-2xl {
        border-radius: 1rem;
}
.tw-rounded-\[0\.5rem\] {
        border-radius: 0.5rem;
}
.tw-rounded-\[12px\] {
        border-radius: 12px;
}
.tw-rounded-\[2\.0625rem\] {
        border-radius: 2.0625rem;
}
.tw-rounded-full {
        border-radius: 9999px;
}
.tw-rounded-lg {
        border-radius: 0.5rem;
}
.tw-rounded-md {
        border-radius: 0.375rem;
}
.tw-rounded-xl {
        border-radius: 0.75rem;
}
.tw-rounded-l-xl {
        border-top-left-radius: 0.75rem;
        border-bottom-left-radius: 0.75rem;
}
.tw-border {
        border-width: 1px;
}
.tw-border-0 {
        border-width: 0px;
}
.tw-border-2 {
        border-width: 2px;
}
.tw-border-x-0 {
        border-left-width: 0px;
        border-right-width: 0px;
}
.tw-border-b {
        border-bottom-width: 1px;
}
.tw-border-b-\[1px\] {
        border-bottom-width: 1px;
}
.tw-border-l {
        border-left-width: 1px;
}
.tw-border-t {
        border-top-width: 1px;
}
.tw-border-t-0 {
        border-top-width: 0px;
}
.tw-border-solid {
        border-style: solid;
}
.tw-border-dashed {
        border-style: dashed;
}
.tw-border-none {
        border-style: none;
}
.tw-border-\[var\(--color-stroke-divider\)\] {
        border-color: var(--color-stroke-divider);
}
.tw-border-\[var\(--color-stroke-muted\)\] {
        border-color: var(--color-stroke-muted);
}
.tw-border-\[var\(--dui-borders-default-border\)\] {
        border-color: var(--dui-borders-default-border);
}
.tw-border-foreground-functional-neutral {
        border-color: var(--color-foreground-functional-neutral);
}
.tw-border-gray-100 {
        --tw-border-opacity: 1;
        border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}
.tw-border-gray-200 {
        --tw-border-opacity: 1;
        border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.tw-border-gray-300 {
        --tw-border-opacity: 1;
        border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.tw-border-neutral-100 {
        border-color: var(--color-neutral-100);
}
.tw-border-neutral-200 {
        border-color: var(--color-neutral-200);
}
.tw-border-slate-100 {
        --tw-border-opacity: 1;
        border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
}
.tw-border-stroke-muted {
        border-color: var(--color-stroke-muted);
}
.tw-border-stroke-negative {
        border-color: var(--color-stroke-negative);
}
.tw-border-stroke-secondary {
        border-color: var(--color-stroke-secondary);
}
.\!tw-bg-transparent {
        background-color: transparent !important;
}
.tw-bg-\[\#D40511\] {
        --tw-bg-opacity: 1;
        background-color: rgb(212 5 17 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#FFE5E5\] {
        --tw-bg-opacity: 1;
        background-color: rgb(255 229 229 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#FFFAE6\] {
        --tw-bg-opacity: 1;
        background-color: rgb(255 250 230 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#a7a7a7a7\] {
        background-color: #a7a7a7a7;
}
.tw-bg-\[--dui-components-forms-background-default\] {
        background-color: var(--dui-components-forms-background-default);
}
.tw-bg-\[var\(--color-background-base\)\] {
        background-color: var(--color-background-base);
}
.tw-bg-\[var\(--color-background-tertiary\)\] {
        background-color: var(--color-background-tertiary);
}
.tw-bg-\[var\(--color-dhl-red-600\)\] {
        background-color: var(--color-dhl-red-600);
}
.tw-bg-\[var\(--dui-colors-background-base\)\] {
        background-color: var(--dui-colors-background-base);
}
.tw-bg-\[var\(--dui-colors-background-secondary\)\] {
        background-color: var(--dui-colors-background-secondary);
}
.tw-bg-\[var\(--dui-colors-stroke-divider\)\] {
        background-color: var(--dui-colors-stroke-divider);
}
.tw-bg-\[var\(--dui-colors-stroke-secondary\)\] {
        background-color: var(--dui-colors-stroke-secondary);
}
.tw-bg-\[var\(--dui-components-navigation-background-sidenav-hover\)\] {
        background-color: var(--dui-components-navigation-background-sidenav-hover);
}
.tw-bg-amber-900 {
        --tw-bg-opacity: 1;
        background-color: rgb(120 53 15 / var(--tw-bg-opacity, 1));
}
.tw-bg-background-base {
        background-color: var(--color-background-base);
}
.tw-bg-background-negative {
        background-color: var(--color-background-negative);
}
.tw-bg-background-primary {
        background-color: var(--color-background-primary);
}
.tw-bg-background-secondary {
        background-color: var(--color-background-secondary);
}
.tw-bg-black-alpha-150 {
        background-color: var(--color-black-alpha-150);
}
.tw-bg-blue-900 {
        --tw-bg-opacity: 1;
        background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
}
.tw-bg-dhl-bg-tertiary {
        background-color: var(--dui-colors-background-tertiary-figma);
}
.tw-bg-dhl-default {
        background-color: var(--dui-components-forms-background-default);
}
.tw-bg-foreground-functional-notification {
        background-color: var(--color-foreground-functional-notification);
}
.tw-bg-foreground-highlight {
        background-color: var(--color-foreground-highlight);
}
.tw-bg-foreground-inverted {
        background-color: var(--color-foreground-inverted);
}
.tw-bg-foreground-tertiary {
        background-color: var(--color-foreground-tertiary);
}
.tw-bg-gray-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.tw-bg-gray-300 {
        --tw-bg-opacity: 1;
        background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.tw-bg-green-900 {
        --tw-bg-opacity: 1;
        background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
}
.tw-bg-neutral-025 {
        background-color: var(--color-neutral-025);
}
.tw-bg-neutral-075 {
        background-color: var(--color-neutral-075);
}
.tw-bg-post-yellow-025 {
        background-color: var(--color-post-yellow-025);
}
.tw-bg-post-yellow-100 {
        background-color: var(--color-post-yellow-100);
}
.tw-bg-red-700 {
        --tw-bg-opacity: 1;
        background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.tw-bg-stroke-muted {
        background-color: var(--color-stroke-muted);
}
.tw-bg-stroke-secondary {
        background-color: var(--color-stroke-secondary);
}
.tw-bg-stroke-tertiary {
        background-color: var(--color-stroke-tertiary);
}
.tw-bg-transparent {
        background-color: transparent;
}
.tw-bg-cover {
        background-size: cover;
}
.tw-bg-center {
        background-position: center;
}
.tw-bg-no-repeat {
        background-repeat: no-repeat;
}
.tw-fill-\[var\(--dui-colors-action-foreground-text-highlight-default\)\] {
        fill: var(--dui-colors-action-foreground-text-highlight-default);
}
.\!tw-p-0 {
        padding: 0px !important;
}
.\!tw-p-4 {
        padding: 1rem !important;
}
.tw-p-0 {
        padding: 0px;
}
.tw-p-1 {
        padding: 0.25rem;
}
.tw-p-2 {
        padding: 0.5rem;
}
.tw-p-3 {
        padding: 0.75rem;
}
.tw-p-4 {
        padding: 1rem;
}
.tw-p-6 {
        padding: 1.5rem;
}
.tw-p-\[0\.250rem\] {
        padding: 0.250rem;
}
.tw-p-\[0\.75rem\] {
        padding: 0.75rem;
}
.tw-p-\[1\.5rem\] {
        padding: 1.5rem;
}
.\!tw-px-10 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
}
.\!tw-px-3 {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
}
.\!tw-px-8 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
}
.\!tw-py-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
}
.\!tw-py-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
}
.\!tw-py-2\.5 {
        padding-top: 0.625rem !important;
        padding-bottom: 0.625rem !important;
}
.\!tw-py-3 {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
}
.\!tw-py-4 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
}
.tw-px-0 {
        padding-left: 0px;
        padding-right: 0px;
}
.tw-px-1 {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
}
.tw-px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
}
.tw-px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
}
.tw-px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
}
.tw-px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
}
.tw-px-\[1\.25rem\] {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
}
.tw-px-\[12px\] {
        padding-left: 12px;
        padding-right: 12px;
}
.tw-px-\[4rem\] {
        padding-left: 4rem;
        padding-right: 4rem;
}
.tw-px-\[var\(--dui-size-space-8x\)\] {
        padding-left: var(--dui-size-space-8x);
        padding-right: var(--dui-size-space-8x);
}
.tw-px-dui-8x {
        padding-left: var(--dui-size-8x);
        padding-right: var(--dui-size-8x);
}
.tw-py-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
}
.tw-py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem;
}
.tw-py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
}
.tw-py-3 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
}
.tw-py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem;
}
.tw-py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
}
.tw-py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
}
.tw-py-\[0\.75rem\] {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
}
.tw-py-\[14px\] {
        padding-top: 14px;
        padding-bottom: 14px;
}
.tw-py-\[16px\] {
        padding-top: 16px;
        padding-bottom: 16px;
}
.tw-py-\[1rem\] {
        padding-top: 1rem;
        padding-bottom: 1rem;
}
.tw-py-\[var\(--dui-size-space-1x\)\] {
        padding-top: var(--dui-size-space-1x);
        padding-bottom: var(--dui-size-space-1x);
}
.tw-py-\[var\(--dui-size-space-4x\)\] {
        padding-top: var(--dui-size-space-4x);
        padding-bottom: var(--dui-size-space-4x);
}
.tw-py-\[var\(--dui-size-space-6x\)\] {
        padding-top: var(--dui-size-space-6x);
        padding-bottom: var(--dui-size-space-6x);
}
.tw-py-dui-16x {
        padding-top: var(--dui-size-16x);
        padding-bottom: var(--dui-size-16x);
}
.tw-pb-2 {
        padding-bottom: 0.5rem;
}
.tw-pb-4 {
        padding-bottom: 1rem;
}
.tw-pb-6 {
        padding-bottom: 1.5rem;
}
.tw-pb-\[1\.25rem\] {
        padding-bottom: 1.25rem;
}
.tw-pl-10 {
        padding-left: 2.5rem;
}
.tw-pl-4 {
        padding-left: 1rem;
}
.tw-pl-6 {
        padding-left: 1.5rem;
}
.tw-pl-\[0\.75rem\] {
        padding-left: 0.75rem;
}
.tw-pr-16 {
        padding-right: 4rem;
}
.tw-pr-2 {
        padding-right: 0.5rem;
}
.tw-pr-3 {
        padding-right: 0.75rem;
}
.tw-pr-4 {
        padding-right: 1rem;
}
.tw-pr-6 {
        padding-right: 1.5rem;
}
.tw-pr-8 {
        padding-right: 2rem;
}
.tw-pr-\[0\.75rem\] {
        padding-right: 0.75rem;
}
.tw-pt-1 {
        padding-top: 0.25rem;
}
.tw-pt-2 {
        padding-top: 0.5rem;
}
.tw-pt-4 {
        padding-top: 1rem;
}
.tw-pt-\[0\.9375rem\] {
        padding-top: 0.9375rem;
}
.tw-pt-\[var\(--dui-size-space-6x\)\] {
        padding-top: var(--dui-size-space-6x);
}
.tw-text-left {
        text-align: left;
}
.tw-text-center {
        text-align: center;
}
.tw-text-right {
        text-align: right;
}
.tw-text-start {
        text-align: start;
}
.tw-text-end {
        text-align: end;
}
.tw-align-top {
        vertical-align: top;
}
.tw-align-middle {
        vertical-align: middle;
}
.tw-font-\[\'Delivery\'\] {
        font-family: 'Delivery';
}
.tw-font-sans {
        font-family: Delivery, Verdana, sans-serif;
}
.\!tw-text-sm {
        font-size: 0.875rem !important;
        line-height: 1.25rem !important;
}
.tw-text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
}
.tw-text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
}
.tw-text-6xl {
        font-size: 3.75rem;
        line-height: 1;
}
.tw-text-base {
        font-size: 1rem;
        line-height: 1.5rem;
}
.tw-text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
}
.tw-text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
}
.tw-text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
}
.tw-text-xs {
        font-size: 0.75rem;
        line-height: 1rem;
}
.\!tw-font-bold {
        font-weight: 700 !important;
}
.\!tw-font-normal {
        font-weight: 400 !important;
}
.tw-font-\[700\] {
        font-weight: 700;
}
.tw-font-bold {
        font-weight: 700;
}
.tw-font-extrabold {
        font-weight: 800;
}
.tw-font-medium {
        font-weight: 500;
}
.tw-font-normal {
        font-weight: 400;
}
.tw-font-semibold {
        font-weight: 600;
}
.tw-italic {
        font-style: italic;
}
.tw-leading-5 {
        line-height: 1.25rem;
}
.tw-leading-6 {
        line-height: 1.5rem;
}
.tw-leading-\[1\] {
        line-height: 1;
}
.tw-leading-\[60px\] {
        line-height: 60px;
}
.tw-leading-none {
        line-height: 1;
}
.tw-leading-relaxed {
        line-height: 1.625;
}
.tw-leading-snug {
        line-height: 1.375;
}
.tw-leading-tight {
        line-height: 1.25;
}
.tw-tracking-tight {
        letter-spacing: -0.025em;
}
.tw-tracking-wide {
        letter-spacing: 0.025em;
}
.\!tw-text-color-text-base {
        color: var(--color-text-base) !important;
}
.\!tw-text-foreground-primary {
        color: var(--color-foreground-primary) !important;
}
.tw-text-\[\#000000\] {
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#000\] {
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#004B7D\] {
        --tw-text-opacity: 1;
        color: rgb(0 75 125 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#121212\] {
        --tw-text-opacity: 1;
        color: rgb(18 18 18 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#2563EB\] {
        --tw-text-opacity: 1;
        color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#4B7816\] {
        --tw-text-opacity: 1;
        color: rgb(75 120 22 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#666666\] {
        --tw-text-opacity: 1;
        color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#666\] {
        --tw-text-opacity: 1;
        color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#6B6B6B\] {
        --tw-text-opacity: 1;
        color: rgb(107 107 107 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#856404\] {
        --tw-text-opacity: 1;
        color: rgb(133 100 4 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#8B5A2B\] {
        --tw-text-opacity: 1;
        color: rgb(139 90 43 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#954E1B\] {
        --tw-text-opacity: 1;
        color: rgb(149 78 27 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#AC0A17\] {
        --tw-text-opacity: 1;
        color: rgb(172 10 23 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#D40511\] {
        --tw-text-opacity: 1;
        color: rgb(212 5 17 / var(--tw-text-opacity, 1));
}
.tw-text-\[var\(--color-foreground-primary\)\] {
        color: var(--color-foreground-primary);
}
.tw-text-\[var\(--color-foreground-secondary\)\] {
        color: var(--color-foreground-secondary);
}
.tw-text-\[var\(--dui-colors-text-secondary\)\] {
        color: var(--dui-colors-text-secondary);
}
.tw-text-current {
        color: currentColor;
}
.tw-text-dhl-red-600 {
        color: var(--color-dhl-red-600);
}
.tw-text-dhl-text-default {
        color: var(--dui-colors-action-foreground-text-functional-default);
}
.tw-text-foreground-disabled {
        color: var(--color-foreground-disabled);
}
.tw-text-foreground-highlight {
        color: var(--color-foreground-highlight);
}
.tw-text-foreground-inverted {
        color: var(--color-foreground-inverted);
}
.tw-text-foreground-primary {
        color: var(--color-foreground-primary);
}
.tw-text-foreground-secondary {
        color: var(--color-foreground-secondary);
}
.tw-text-gray-400 {
        --tw-text-opacity: 1;
        color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.tw-text-gray-500 {
        --tw-text-opacity: 1;
        color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.tw-text-gray-600 {
        --tw-text-opacity: 1;
        color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.tw-text-gray-700 {
        --tw-text-opacity: 1;
        color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.tw-text-gray-800 {
        --tw-text-opacity: 1;
        color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.tw-text-icons-information {
        color: var(--color-icons-information);
}
.tw-text-icons-positive {
        color: var(--color-icons-positive);
}
.tw-text-icons-primary {
        color: var(--color-icons-primary);
}
.tw-text-icons-secondary {
        color: var(--color-icons-secondary);
}
.tw-text-negative-600 {
        color: var(--color-negative-600);
}
.tw-text-negative-700 {
        color: var(--color-negative-700);
}
.tw-text-neutral-500 {
        color: var(--color-neutral-500);
}
.tw-text-neutral-600 {
        color: var(--color-neutral-600);
}
.tw-text-neutral-700 {
        color: var(--color-neutral-700);
}
.tw-text-neutral-800 {
        color: var(--color-neutral-800);
}
.tw-text-neutral-900 {
        color: var(--color-neutral-900);
}
.tw-text-red-600 {
        --tw-text-opacity: 1;
        color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.tw-text-stroke-highlight {
        color: var(--color-stroke-highlight);
}
.tw-underline {
        text-decoration-line: underline;
}
.\!tw-no-underline {
        text-decoration-line: none !important;
}
.tw-no-underline {
        text-decoration-line: none;
}
.tw-opacity-0 {
        opacity: 0;
}
.tw-opacity-100 {
        opacity: 1;
}
.tw-opacity-60 {
        opacity: 0.6;
}
.\!tw-shadow-none {
        --tw-shadow: 0 0 #0000 !important;
        --tw-shadow-colored: 0 0 #0000 !important;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.tw-shadow-\[0_0_1px_0_rgba\(0\,0\,0\,0\.10\)\,0_2px_12px_0_rgba\(0\,0\,0\,0\.10\)\,0_1px_2px_0_rgba\(0\,0\,0\,0\.10\)\] {
        --tw-shadow: 0 0 1px 0 rgba(0,0,0,0.10),0 2px 12px 0 rgba(0,0,0,0.10),0 1px 2px 0 rgba(0,0,0,0.10);
        --tw-shadow-colored: 0 0 1px 0 var(--tw-shadow-color), 0 2px 12px 0 var(--tw-shadow-color), 0 1px 2px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-shadow-\[0_4px_24px_var\(--color-black-alpha-150\)\] {
        --tw-shadow: 0 4px 24px var(--color-black-alpha-150);
        --tw-shadow-colored: 0 4px 24px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-shadow-md {
        --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
        --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-shadow-sm {
        --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-transition-all {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
}
.tw-transition-colors {
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
}
.tw-transition-transform {
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
}
.tw-duration-150 {
        transition-duration: 150ms;
}
.tw-duration-300 {
        transition-duration: 300ms;
}
.tw-ease-in-out {
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.\[scrollbar-gutter\:stable\] {
        scrollbar-gutter: stable;
}

:root {
    font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
    line-height: 1.5;
    font-weight: 400;

    color-scheme: light dark;
    color: var(--dui-colors-foreground-primary);
    /* Match login page background so browser shows no white flash during SSO redirect */
    background-color: #f5f5f5;

    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    --dui-size-space-full: 100%;
    --dui-size-space-0: 0;
    --dui-size-space-1: 0.063rem;
    --dui-size-space-1x: 0.125rem;
    --dui-size-space-2x: 0.25rem;
    --dui-size-space-3x: 0.375rem;
    --dui-size-space-4x: 1.5rem;
    --dui-size-space-5x: 0.625rem;
    --dui-size-space-6x: 0.75rem;
    --dui-size-space-7x: 0.875rem;
    --dui-size-space-8x: 1rem;
    --dui-size-space-9x: 1.125rem;
    --dui-size-space-10x: 1.25rem;
    --dui-size-space-11x: 1.375rem;
    --dui-size-space-12x: 1.5rem;
    --dui-size-space-16x: 2rem;
    --dui-size-space-20x: 2.5rem;
    --dui-size-space-24x: 3rem;
    --dui-size-space-32x: 4rem;
    --dui-size-space-40x: 5rem;
    --dui-size-space-48x: 6rem;
    --dui-size-space-50x: 6.25rem;
    --dui-size-space-56x: 7rem;
    --dui-size-space-64x: 8rem;
    --dui-size-space-72x: 9rem;
    --dui-size-space-80x: 10rem;

    --dui-size-icons-xs: 0.75rem;
    --dui-size-icons-sm: 1.125rem;
    --dui-size-icons-md: 1.5rem;
    --dui-size-icons-lg: 3rem;
    --dui-size-icons-xl: 4rem;

    --dui-colors-action-foreground-text-highlight-default: #d40511;
    --dui-components-navigation-background-sidenav-hover: #fffae6;
    --dui-colors-background-base: #f5f5f5;
    --dui-borders-default-border: #cccccc;
}

dhl-sidenav .container:not(.is-collapsed) {
    width: 19rem !important;
    min-width: 19rem !important;
    max-width: 19rem !important;
}

body {
    margin: 0;
    min-width: 320px;
    height: 100%;
    /*overflow: hidden;*/
    /* Match login page background so browser shows no white flash during SSO redirect */
    background-color: #f5f5f5;
    color: var(--dui-colors-foreground-primary);
}

@media (prefers-color-scheme: light) {
    :root {
        color: var(--dui-colors-foreground-primary);
        background-color: var(--dui-colors-background-base);
    }
}

/* Third-party component overrides */
dhl-popover .tooltip-container {
    display: block !important;
}

.clear-button-right-icon-wrap {
    z-index: 0 !important;
}

@media (max-width: 768px) {
    .dui-topbar .dui-topbar-right-section {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        flex-shrink: 0 !important;
        padding-right: var(--dui-topbar-right-padding-xs, 20px) !important;
    }

    :root {
        --dui-topbar-right-gap-xs: 12px !important;
    }

    .dui-topbar .dui-topbar-location {
        display: flex !important;
        flex-shrink: 0 !important;
        min-width: auto !important;
        padding: 8px !important;
        justify-content: center !important;
        align-items: center !important;
        background-color: transparent !important;
        border-radius: 0 !important;
        margin: 0 !important;
    }

    .dui-topbar .dui-topbar-location-dropdown {
        display: none !important;
    }

    .dui-topbar .dui-topbar-location-dropdown-menu {
        position: absolute !important;
        top: 100% !important;
        right: 0 !important;
        left: auto !important;
        margin-top: 8px !important;
        background: white !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 8px !important;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
        z-index: 1000 !important;
        min-width: 200px !important;
        max-width: 280px !important;
        width: auto !important;
    }

    .dui-topbar .dui-topbar-location-content {
        display: none !important;
    }

    .dui-topbar .dui-topbar-location-icon {
        display: block !important;
    }

    .dui-topbar .dui-topbar-user-section {
        display: flex !important;
        flex-shrink: 0 !important;
        padding: 8px !important;
        align-items: center !important;
        gap: 4px !important;
        margin: 0 !important;
    }

    .dui-topbar .dui-topbar-user-text {
        font-size: 0.75rem !important;
        white-space: nowrap !important;
    }

    .dui-topbar .dui-topbar-alert-section {
        display: flex !important;
        flex-shrink: 0 !important;
        padding: 8px !important;
        position: relative !important;
        margin: 0 !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .dui-topbar .dui-topbar-alert-button {
        padding: 6px !important;
        min-width: auto !important;
        background: none !important;
        border: none !important;
        margin: 0 !important;
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .dui-topbar .dui-topbar-badge {
        position: absolute !important;
        top: -2px !important;
        right: -2px !important;
        transform: none !important;
        z-index: 10 !important;
        background-color: #d40511 !important;
        color: white !important;
        border-radius: 50% !important;
        width: 18px !important;
        height: 18px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 10px !important;
        font-weight: bold !important;
        border: 2px solid white !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
    }
}

@media (max-width: 480px) {
    .dui-topbar-user-text {
        max-width: 60px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dui-topbar-right-section {
        gap: 4px !important;
    }

    .dui-topbar .dui-topbar-alert-section {
        position: relative !important;
    }

    .dui-topbar .dui-topbar-alert-button {
        position: relative !important;
        padding: 4px !important;
    }

    .dui-topbar .dui-topbar-badge {
        position: absolute !important;
        top: -2px !important;
        right: -2px !important;
        width: 16px !important;
        height: 16px !important;
        transform: none !important;
        z-index: 10 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        background-color: #d40511 !important;
        color: white !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 9px !important;
        font-weight: bold !important;
        border: 1px solid white !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
    }
}

.clear-button-right-icon-wrap {
    z-index: 0 !important;
}

dhl-modal .dialog-container > dhl-card {
    width: auto !important;
    min-width: 0;
    max-width: 100%;
}

.card-container.payment-authorization-modal:has(.options-container.show) {
    overflow: visible !important;
}

.dialog-container:has(.card-container.payment-authorization-modal) > dhl-card {
    margin-top: var(--dui-size-space-8x, 2rem);
    margin-bottom: auto;
}

.counter-input-center input {
    text-align: center !important;
}

.time-picker-wrapper {
    position: relative;
    width: 100%;
}

.floating-label {
    position: absolute;
    left: 12px;
    z-index: 1;
    font-size: 0.75rem;
    font-weight: 700;
    color: #666666ff;
    line-height: 1;
    pointer-events: none;
    padding-top: 0.25rem;
}

.time-picker-wrapper .ant-picker {
    height: 44px;
    padding: 16px 12px 4px 12px;
    border-radius: 8px;
    border: 1px solid #9d9d9d;
    background: #fff;
}

.time-picker-wrapper .ant-picker-input input {
    font-size: 18px;
    color: #000;
    padding: 0;
    font-family: 'Delivery', 'Verdana', sans-serif;
    font-size: 1rem;
}

.time-picker-wrapper .ant-picker-input input::-moz-placeholder {
    color: #333333;
    opacity: 1;
}

.time-picker-wrapper .ant-picker-input input::placeholder {
    color: #333333;
    opacity: 1;
}

.time-picker-wrapper .ant-picker-suffix {
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.time-picker-wrapper .ant-picker-suffix svg {
    background: #fff;
    color: #000;
    width: 18px;
    height: 18px;
}

.ant-timepicker-error-message {
    display: flex;
    align-items: center;
    gap: 4px;

    margin-top: 6px;

    color: #000;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.ant-timepicker-error-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 14px;
    height: 14px;

    min-width: 14px;

    border-radius: 50%;
    background: #c00018;
    color: #ffffff;

    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

.ant-picker-status-error,
.ant-picker-status-error:hover,
.ant-picker-status-error.ant-picker-focused {
    border-color: #c00018 !important;
    box-shadow: none !important;
}
.dropdown-with-tooltip {
    position: relative;
}

.dropdown-with-tooltip dhl-popover {
    position: absolute;
    left: 20%; /* adjust based on label width */
    z-index: 1;
}

.dhl-timepicker-disabled.ant-picker,
.dhl-timepicker-disabled.ant-picker:hover,
.dhl-timepicker-disabled.ant-picker.ant-picker-focused {
    background: #f3f3f3;
    border-color: transparent;
    box-shadow: none;
}

.dhl-timepicker-disabled .ant-picker-input input {
    color: #a6a6a6;
    cursor: not-allowed;
}

.dhl-timepicker-disabled .ant-picker-suffix {
    color: #8c8c8c;
}

.required-asterisk {
    color: var(--dui-colors-icons-negative, #d40511);
}

/* adjust based on actual exposed parts from DhlAlert */
.snackbar-alert::part(title) {
    margin-bottom: 0px !important;
}

.snackbar-alert::part(body) {
    margin-top: 0 !important;
}

.visited\:tw-text-dhl-text-default:visited {
        color: var(--dui-colors-action-foreground-text-functional-default);
}

.hover\:tw-border-gray-400:hover {
        --tw-border-opacity: 1;
        border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}

.hover\:tw-border-icons-secondary:hover {
        border-color: var(--color-icons-secondary);
}

.hover\:tw-bg-\[\#fbfbfb\]:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
}

.hover\:tw-bg-neutral-050:hover {
        background-color: var(--color-neutral-050);
}

.hover\:tw-text-gray-900:hover {
        --tw-text-opacity: 1;
        color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.hover\:tw-underline:hover {
        text-decoration-line: underline;
}

.hover\:\!tw-no-underline:hover {
        text-decoration-line: none !important;
}

.hover\:tw-no-underline:hover {
        text-decoration-line: none;
}

.hover\:tw-opacity-60:hover {
        opacity: 0.6;
}

.focus\:tw-border-\[\#007acc\]:focus {
        --tw-border-opacity: 1;
        border-color: rgb(0 122 204 / var(--tw-border-opacity, 1));
}

.active\:tw-bg-neutral-100:active {
        background-color: var(--color-neutral-100);
}

@media not all and (min-width: 768px) {
        .max-md\:tw-max-h-\[80vh\] {
                max-height: 80vh;
        }
        .max-md\:\!tw-w-\[calc\(100vw-32px\)\] {
                width: calc(100vw - 32px) !important;
        }
        .max-md\:tw-w-full {
                width: 100%;
        }
        .max-md\:tw-overflow-y-auto {
                overflow-y: auto;
        }
        .max-tablet\:tw-flex-col {
                flex-direction: column;
        }
        .max-tablet\:tw-items-stretch {
                align-items: stretch;
        }
}

@media (min-width: 640px) {
        .sm\:tw-w-\[20rem\] {
                width: 20rem;
        }
        .sm\:tw-w-\[22rem\] {
                width: 22rem;
        }
}

@media (min-width: 768px) {
        .md\:tw-m-4 {
                margin: 1rem;
        }
        .md\:tw-mx-0 {
                margin-left: 0px;
                margin-right: 0px;
        }
        .md\:tw-mt-6 {
                margin-top: 1.5rem;
        }
        .md\:tw-w-\[22rem\] {
                width: 22rem;
        }
        .md\:tw-grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr));
        }
        .md\:tw-flex-row {
                flex-direction: row;
        }
        .md\:tw-flex-row-reverse {
                flex-direction: row-reverse;
        }
        .md\:tw-items-start {
                align-items: flex-start;
        }
        .md\:tw-rounded-lg {
                border-radius: 0.5rem;
        }
        .md\:tw-px-0 {
                padding-left: 0px;
                padding-right: 0px;
        }
        .md\:tw-pr-\[45px\] {
                padding-right: 45px;
        }
        .md\:tw-text-3xl {
                font-size: 1.875rem;
                line-height: 2.25rem;
        }
        .md\:tw-text-lg {
                font-size: 1.125rem;
                line-height: 1.75rem;
        }
        .md\:tw-text-sm {
                font-size: 0.875rem;
                line-height: 1.25rem;
        }
        .tablet\:tw-absolute {
                position: absolute;
        }
        .tablet\:tw-relative {
                position: relative;
        }
        .tablet\:tw-inset-0 {
                inset: 0px;
        }
        .tablet\:tw-bottom-10 {
                bottom: 2.5rem;
        }
        .tablet\:tw-top-auto {
                top: auto;
        }
        .tablet\:tw-order-1 {
                order: 1;
        }
        .tablet\:tw-order-2 {
                order: 2;
        }
        .tablet\:tw-m-4 {
                margin: 1rem;
        }
        .tablet\:tw-m-6 {
                margin: 1.5rem;
        }
        @media (min-width: 768px) {
                .tablet\:tablet\:tw-mx-0 {
                        margin-left: 0px;
                        margin-right: 0px;
                }
        }
        .tablet\:tw-mx-0 {
                margin-left: 0px;
                margin-right: 0px;
        }
        .tablet\:tw-mx-4 {
                margin-left: 1rem;
                margin-right: 1rem;
        }
        .tablet\:tw-mx-8 {
                margin-left: 2rem;
                margin-right: 2rem;
        }
        .tablet\:tw-mx-auto {
                margin-left: auto;
                margin-right: auto;
        }
        .tablet\:tw-my-0 {
                margin-top: 0px;
                margin-bottom: 0px;
        }
        .tablet\:tw-ml-0 {
                margin-left: 0px;
        }
        .tablet\:tw-mt-0 {
                margin-top: 0px;
        }
        .tablet\:tw-mt-2 {
                margin-top: 0.5rem;
        }
        .tablet\:tw-mt-6 {
                margin-top: 1.5rem;
        }
        .tablet\:tw-block {
                display: block;
        }
        .tablet\:tw-flex {
                display: flex;
        }
        .tablet\:tw-hidden {
                display: none;
        }
        .tablet\:tw-h-10 {
                height: 2.5rem;
        }
        .tablet\:tw-h-14 {
                height: 3.5rem;
        }
        .tablet\:tw-h-auto {
                height: auto;
        }
        .tablet\:tw-max-h-\[60vh\] {
                max-height: 60vh;
        }
        .tablet\:tw-max-h-\[min\(46dvh\2c 24rem\)\] {
                max-height: min(46dvh, 24rem);
        }
        .tablet\:tw-min-h-screen {
                min-height: 100vh;
        }
        .tablet\:tw-w-1\/2 {
                width: 50%;
        }
        .tablet\:tw-w-14 {
                width: 3.5rem;
        }
        .tablet\:tw-w-80 {
                width: 20rem;
        }
        .tablet\:tw-w-\[1px\] {
                width: 1px;
        }
        .tablet\:tw-w-\[38rem\] {
                width: 38rem;
        }
        .tablet\:tw-w-\[40rem\] {
                width: 40rem;
        }
        .tablet\:tw-w-\[50rem\] {
                width: 50rem;
        }
        .tablet\:tw-w-auto {
                width: auto;
        }
        .tablet\:tw-w-px {
                width: 1px;
        }
        .tablet\:tw-min-w-\[50rem\] {
                min-width: 50rem;
        }
        .tablet\:tw-max-w-\[42rem\] {
                max-width: 42rem;
        }
        .tablet\:tw-max-w-\[48rem\] {
                max-width: 48rem;
        }
        .tablet\:tw-max-w-md {
                max-width: 28rem;
        }
        .tablet\:tw-flex-1 {
                flex: 1 1 0%;
        }
        .tablet\:tw-basis-4\/12 {
                flex-basis: 33.333333%;
        }
        .tablet\:tw-basis-8\/12 {
                flex-basis: 66.666667%;
        }
        .tablet\:tw-basis-auto {
                flex-basis: auto;
        }
        .tablet\:tw-translate-y-0 {
                --tw-translate-y: 0px;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        .tablet\:tw-grid-cols-1 {
                grid-template-columns: repeat(1, minmax(0, 1fr));
        }
        .tablet\:tw-grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .tablet\:tw-grid-cols-\[10fr_1\.5fr\] {
                grid-template-columns: 10fr 1.5fr;
        }
        .tablet\:tw-grid-cols-\[11fr_1fr\] {
                grid-template-columns: 11fr 1fr;
        }
        .tablet\:tw-grid-cols-\[12rem_minmax\(0\2c 1fr\)\] {
                grid-template-columns: 12rem minmax(0,1fr);
        }
        .tablet\:tw-grid-cols-\[1fr_1fr_auto\] {
                grid-template-columns: 1fr 1fr auto;
        }
        .tablet\:tw-grid-cols-\[3fr_10fr\] {
                grid-template-columns: 3fr 10fr;
        }
        .tablet\:tw-grid-cols-\[3fr_10fr_auto\] {
                grid-template-columns: 3fr 10fr auto;
        }
        .tablet\:tw-flex-row {
                flex-direction: row;
        }
        .tablet\:tw-flex-row-reverse {
                flex-direction: row-reverse;
        }
        .tablet\:tw-flex-col {
                flex-direction: column;
        }
        .tablet\:tw-items-start {
                align-items: flex-start;
        }
        .tablet\:tw-items-end {
                align-items: flex-end;
        }
        .tablet\:tw-items-center {
                align-items: center;
        }
        .tablet\:tw-items-stretch {
                align-items: stretch;
        }
        .tablet\:tw-justify-end {
                justify-content: flex-end;
        }
        .tablet\:tw-justify-center {
                justify-content: center;
        }
        .tablet\:tw-justify-between {
                justify-content: space-between;
        }
        .tablet\:tw-gap-0 {
                gap: 0px;
        }
        .tablet\:tw-gap-1 {
                gap: 0.25rem;
        }
        .tablet\:tw-gap-2 {
                gap: 0.5rem;
        }
        .tablet\:tw-gap-20 {
                gap: 5rem;
        }
        .tablet\:tw-gap-3 {
                gap: 0.75rem;
        }
        .tablet\:tw-gap-4 {
                gap: 1rem;
        }
        .tablet\:tw-gap-6 {
                gap: 1.5rem;
        }
        .tablet\:tw-gap-dui-10x {
                gap: var(--dui-size-10x);
        }
        .tablet\:tw-divide-x > :not([hidden]) ~ :not([hidden]) {
                --tw-divide-x-reverse: 0;
                border-right-width: calc(1px * var(--tw-divide-x-reverse));
                border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
        }
        .tablet\:tw-divide-stroke-secondary > :not([hidden]) ~ :not([hidden]) {
                border-color: var(--color-stroke-secondary);
        }
        .tablet\:tw-self-center {
                align-self: center;
        }
        .tablet\:tw-whitespace-nowrap {
                white-space: nowrap;
        }
        .tablet\:tw-rounded-2xl {
                border-radius: 1rem;
        }
        .tablet\:tw-rounded-lg {
                border-radius: 0.5rem;
        }
        .tablet\:tw-border-l {
                border-left-width: 1px;
        }
        .tablet\:tw-border-t-0 {
                border-top-width: 0px;
        }
        .tablet\:tw-bg-\[var\(--color-background-inverted\)\] {
                background-color: var(--color-background-inverted);
        }
        .tablet\:tw-bg-gray-300 {
                --tw-bg-opacity: 1;
                background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
        }
        .tablet\:tw-bg-top {
                background-position: top;
        }
        .tablet\:tw-p-0 {
                padding: 0px;
        }
        .tablet\:tw-p-1 {
                padding: 0.25rem;
        }
        .tablet\:tw-p-3 {
                padding: 0.75rem;
        }
        .tablet\:tw-p-6 {
                padding: 1.5rem;
        }
        .tablet\:\!tw-py-5 {
                padding-top: 1.25rem !important;
                padding-bottom: 1.25rem !important;
        }
        .tablet\:tw-px-0 {
                padding-left: 0px;
                padding-right: 0px;
        }
        .tablet\:tw-px-5 {
                padding-left: 1.25rem;
                padding-right: 1.25rem;
        }
        .tablet\:tw-px-6 {
                padding-left: 1.5rem;
                padding-right: 1.5rem;
        }
        .tablet\:tw-px-dui-12x {
                padding-left: var(--dui-size-12x);
                padding-right: var(--dui-size-12x);
        }
        .tablet\:tw-px-dui-16x {
                padding-left: var(--dui-size-16x);
                padding-right: var(--dui-size-16x);
        }
        .tablet\:tw-py-3 {
                padding-top: 0.75rem;
                padding-bottom: 0.75rem;
        }
        .tablet\:tw-py-4 {
                padding-top: 1rem;
                padding-bottom: 1rem;
        }
        .tablet\:tw-py-dui-12x {
                padding-top: var(--dui-size-12x);
                padding-bottom: var(--dui-size-12x);
        }
        .tablet\:tw-pl-6 {
                padding-left: 1.5rem;
        }
        .tablet\:tw-pr-4 {
                padding-right: 1rem;
        }
        .tablet\:tw-pr-6 {
                padding-right: 1.5rem;
        }
        .tablet\:tw-pr-\[5\.6rem\] {
                padding-right: 5.6rem;
        }
        .tablet\:tw-pt-0 {
                padding-top: 0px;
        }
        .tablet\:tw-text-start {
                text-align: start;
        }
        .tablet\:tw-text-base {
                font-size: 1rem;
                line-height: 1.5rem;
        }
        .tablet\:tw-text-xl {
                font-size: 1.25rem;
                line-height: 1.75rem;
        }
}

@media (min-width: 1024px) {
        .lg\:tw-ml-0 {
                margin-left: 0px;
        }
        .lg\:tw-block {
                display: block;
        }
        .lg\:tw-flex {
                display: flex;
        }
        .lg\:tw-inline-flex {
                display: inline-flex;
        }
        .lg\:tw-h-\[59px\] {
                height: 59px;
        }
        .lg\:tw-w-\[22rem\] {
                width: 22rem;
        }
        .lg\:tw-w-\[24rem\] {
                width: 24rem;
        }
        .lg\:tw-w-auto {
                width: auto;
        }
        .lg\:tw-flex-row {
                flex-direction: row;
        }
        .lg\:tw-flex-wrap {
                flex-wrap: wrap;
        }
        .lg\:tw-items-center {
                align-items: center;
        }
        .lg\:tw-justify-between {
                justify-content: space-between;
        }
        .lg\:tw-gap-4 {
                gap: 1rem;
        }
        .lg\:tw-gap-8 {
                gap: 2rem;
        }
        .lg\:tw-py-0 {
                padding-top: 0px;
                padding-bottom: 0px;
        }
        .lg\:tw-text-center {
                text-align: center;
        }
}

@media (min-width: 1280px) {
        .desktop\:tw-absolute {
                position: absolute;
        }
        .desktop\:tw-relative {
                position: relative;
        }
        .desktop\:tw-inset-0 {
                inset: 0px;
        }
        .desktop\:tw-inset-x-0 {
                left: 0px;
                right: 0px;
        }
        .desktop\:tw-top-0 {
                top: 0px;
        }
        .desktop\:tw-top-6 {
                top: 1.5rem;
        }
        .desktop\:tw-order-1 {
                order: 1;
        }
        .desktop\:tw-order-2 {
                order: 2;
        }
        .desktop\:tw-col-span-1 {
                grid-column: span 1 / span 1;
        }
        .desktop\:tw-col-span-2 {
                grid-column: span 2 / span 2;
        }
        .desktop\:tw-m-0 {
                margin: 0px;
        }
        .desktop\:tw-mx-0 {
                margin-left: 0px;
                margin-right: 0px;
        }
        .desktop\:tw-mx-16 {
                margin-left: 4rem;
                margin-right: 4rem;
        }
        .desktop\:tw-mx-auto {
                margin-left: auto;
                margin-right: auto;
        }
        .desktop\:tw-mt-0 {
                margin-top: 0px;
        }
        .desktop\:tw-mt-6 {
                margin-top: 1.5rem;
        }
        .desktop\:tw-block {
                display: block;
        }
        .desktop\:tw-inline {
                display: inline;
        }
        .desktop\:tw-flex {
                display: flex;
        }
        .desktop\:tw-hidden {
                display: none;
        }
        .desktop\:tw-h-\[100dvh\] {
                height: 100dvh;
        }
        .desktop\:tw-h-auto {
                height: auto;
        }
        .desktop\:tw-min-h-0 {
                min-height: 0px;
        }
        .desktop\:tw-min-h-\[300px\] {
                min-height: 300px;
        }
        .desktop\:tw-w-\[48rem\] {
                width: 48rem;
        }
        .desktop\:tw-w-auto {
                width: auto;
        }
        .desktop\:tw-w-fit {
                width: -moz-fit-content;
                width: fit-content;
        }
        .desktop\:tw-w-full {
                width: 100%;
        }
        .desktop\:tw-min-w-\[30rem\] {
                min-width: 30rem;
        }
        .desktop\:tw-min-w-\[50rem\] {
                min-width: 50rem;
        }
        .desktop\:tw-min-w-\[min\(90vw\2c 55rem\)\] {
                min-width: min(90vw, 55rem);
        }
        .desktop\:tw-max-w-\[56rem\] {
                max-width: 56rem;
        }
        .desktop\:tw-max-w-none {
                max-width: none;
        }
        .desktop\:tw-basis-4\/12 {
                flex-basis: 33.333333%;
        }
        .desktop\:tw-basis-8\/12 {
                flex-basis: 66.666667%;
        }
        .desktop\:tw-grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .desktop\:tw-grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .desktop\:tw-grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr));
        }
        .desktop\:tw-flex-row {
                flex-direction: row;
        }
        .desktop\:tw-items-center {
                align-items: center;
        }
        .desktop\:tw-items-stretch {
                align-items: stretch;
        }
        .desktop\:tw-justify-start {
                justify-content: flex-start;
        }
        .desktop\:tw-justify-center {
                justify-content: center;
        }
        .desktop\:tw-gap-3 {
                gap: 0.75rem;
        }
        .desktop\:tw-overflow-visible {
                overflow: visible;
        }
        .desktop\:tw-overflow-x-hidden {
                overflow-x: hidden;
        }
        .desktop\:tw-bg-top {
                background-position: top;
        }
        .desktop\:tw-p-0 {
                padding: 0px;
        }
        .desktop\:tw-p-1 {
                padding: 0.25rem;
        }
        .desktop\:tw-p-6 {
                padding: 1.5rem;
        }
        .desktop\:tw-px-0 {
                padding-left: 0px;
                padding-right: 0px;
        }
        .desktop\:tw-px-8 {
                padding-left: 2rem;
                padding-right: 2rem;
        }
        .desktop\:tw-px-dui-12x {
                padding-left: var(--dui-size-12x);
                padding-right: var(--dui-size-12x);
        }
        .desktop\:tw-px-dui-16x {
                padding-left: var(--dui-size-16x);
                padding-right: var(--dui-size-16x);
        }
        .desktop\:tw-py-0 {
                padding-top: 0px;
                padding-bottom: 0px;
        }
        .desktop\:tw-py-dui-12x {
                padding-top: var(--dui-size-12x);
                padding-bottom: var(--dui-size-12x);
        }
        .desktop\:tw-pl-\[7\.75rem\] {
                padding-left: 7.75rem;
        }
}

.\[\&\>\.box\]\:\!tw-p-0>.box {
        padding: 0px !important;
}

.\[\&\>dhl-button\]\:tw-flex>dhl-button {
        display: flex;
}

.\[\&\>dhl-button\]\:tw-w-full>dhl-button {
        width: 100%;
}

@media (min-width: 768px) {
        .tablet\:\[\&\>dhl-button\]\:tw-w-auto>dhl-button {
                width: auto;
        }
}

.\[\&_\.ant-dropdown-menu\]\:tw-p-1 .ant-dropdown-menu {
        padding: 0.25rem;
}

@media not all and (min-width: 768px) {
        .max-md\:\[\&_\.ant-picker-content\]\:tw-w-full .ant-picker-content {
                width: 100%;
        }
        .max-md\:\[\&_\.ant-picker-panel\]\:tw-w-full .ant-picker-panel {
                width: 100%;
        }
        .max-md\:\[\&_\.ant-picker-panels\]\:tw-flex-col .ant-picker-panels {
                flex-direction: column;
        }
}

.\[\&_\.ant-select-arrow\]\:\!tw-cursor-pointer .ant-select-arrow {
        cursor: pointer !important;
}

.\[\&_\.ant-select-item-option-selected\]\:tw-bg-neutral-100 .ant-select-item-option-selected {
        background-color: var(--color-neutral-100);
}

.\[\&_\.ant-select-item-option-selected\]\:tw-font-bold .ant-select-item-option-selected {
        font-weight: 700;
}

.\[\&_\.ant-select-selection-item\]\:\!tw-cursor-pointer .ant-select-selection-item {
        cursor: pointer !important;
}

.\[\&_\.ant-select-selection-item\]\:\!tw-pr-5 .ant-select-selection-item {
        padding-right: 1.25rem !important;
}

.\[\&_\.ant-select-selection-item\]\:\!tw-text-base .ant-select-selection-item {
        font-size: 1rem !important;
        line-height: 1.5rem !important;
}

.\[\&_\.ant-select-selection-item\]\:\!tw-font-normal .ant-select-selection-item {
        font-weight: 400 !important;
}

.\[\&_\.ant-select-selection-item\]\:\!tw-leading-\[22px\] .ant-select-selection-item {
        line-height: 22px !important;
}

.\[\&_\.ant-select-selector\]\:\!tw-cursor-pointer .ant-select-selector {
        cursor: pointer !important;
}

.\[\&_\.ant-select-selector\]\:\!tw-bg-transparent .ant-select-selector {
        background-color: transparent !important;
}

.\[\&_\.ant-select-selector\]\:\!tw-p-0 .ant-select-selector {
        padding: 0px !important;
}

.\[\&_\.ant-select-selector\]\:\!tw-px-0 .ant-select-selector {
        padding-left: 0px !important;
        padding-right: 0px !important;
}

.\[\&_\.ant-select-selector\]\:\!tw-shadow-none .ant-select-selector {
        --tw-shadow: 0 0 #0000 !important;
        --tw-shadow-colored: 0 0 #0000 !important;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\[\&_button\]\:\!tw-w-full button {
        width: 100% !important;
}

.\[\&_div\:first-child\]\:tw-h-5 div:first-child {
        height: 1.25rem;
}

.\[\&_input\]\:tw-pointer-events-none input {
        pointer-events: none;
}

.\[\&_input\]\:tw-cursor-not-allowed input {
        cursor: not-allowed;
}

.\[\&_input\]\:tw-select-none input {
        -webkit-user-select: none;
           -moz-user-select: none;
                user-select: none;
}

.\[\&_input\]\:tw-bg-gray-100 input {
        --tw-bg-opacity: 1;
        background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.\[\&_input\]\:tw-opacity-60 input {
        opacity: 0.6;
}

  /* 9fbef606107a605d69c0edbcd8029e5d */

  /* 9fbef606107a605d69c0edbcd8029e5d */ 
/**
 * Do not edit directly
 * Generated on Mon, 27 Jul 2026 11:41:28 GMT
 */



:root {
  --dui-color-duil-alias-color-categorical-07: #fb9a99ff;
  --dui-color-duil-alias-color-categorical-06: #b359f8ff;
  --dui-color-duil-alias-color-categorical-05: #60dc6cff;
  --dui-color-duil-alias-color-categorical-04: #ee6fcaff;
  --dui-color-duil-alias-color-categorical-03: #4fc4c5ff;
  --dui-color-duil-alias-color-categorical-02: #f06f3bff;
  --dui-color-duil-alias-color-categorical-01: #4d73feff;
  --dui-color-duil-alias-post-yellow-050: #ffeda9ff;
  --dui-color-duil-alias-post-yellow-025: #fffae6ff;
  --dui-color-duil-alias-post-yellow-075: #ffe37bff;
  --dui-color-duil-alias-post-yellow-950: #1b1500ff;
  --dui-color-duil-alias-post-yellow-900: #271f00ff;
  --dui-color-duil-alias-post-yellow-850: #403300ff;
  --dui-color-duil-alias-post-yellow-800: #514000ff;
  --dui-color-duil-alias-post-yellow-750: #594700ff;
  --dui-color-duil-alias-post-yellow-700: #675300ff;
  --dui-color-duil-alias-post-yellow-650: #765e00ff;
  --dui-color-duil-alias-post-yellow-600: #7f6500ff;
  --dui-color-duil-alias-post-yellow-500: #8e7100ff;
  --dui-color-duil-alias-post-yellow-400: #a68500ff;
  --dui-color-duil-alias-post-yellow-300: #c69e00ff;
  --dui-color-duil-alias-post-yellow-200: #d1a700ff;
  --dui-color-duil-alias-post-yellow-150: #ddb100ff;
  --dui-color-duil-alias-post-yellow-100: #ffcc00ff;
  --dui-color-duil-alias-black-alpha-075: #00000014;
  --dui-color-duil-alias-black-alpha-050: #0000000a;
  --dui-color-duil-alias-black-alpha-025: #00000005;
  --dui-color-duil-alias-black-alpha-950: #000000eb;
  --dui-color-duil-alias-black-alpha-900: #000000de;
  --dui-color-duil-alias-black-alpha-850: #000000cc;
  --dui-color-duil-alias-black-alpha-800: #000000bd;
  --dui-color-duil-alias-black-alpha-750: #000000b8;
  --dui-color-duil-alias-black-alpha-700: #000000ab;
  --dui-color-duil-alias-black-alpha-650: #0000009e;
  --dui-color-duil-alias-black-alpha-600: #00000094;
  --dui-color-duil-alias-black-alpha-500: #0000008a;
  --dui-color-duil-alias-black-alpha-400: #00000078;
  --dui-color-duil-alias-black-alpha-300: #0000006b;
  --dui-color-duil-alias-black-alpha-200: #0000005c;
  --dui-color-duil-alias-black-alpha-150: #0000004a;
  --dui-color-duil-alias-black-alpha-100: #0000002e;
  --dui-color-duil-alias-white-alpha-075: #ffffff1a;
  --dui-color-duil-alias-white-alpha-050: #ffffff0f;
  --dui-color-duil-alias-white-alpha-025: #ffffff05;
  --dui-color-duil-alias-white-alpha-950: #fffffff0;
  --dui-color-duil-alias-white-alpha-900: #ffffffe3;
  --dui-color-duil-alias-white-alpha-850: #ffffffc7;
  --dui-color-duil-alias-white-alpha-800: #ffffffb3;
  --dui-color-duil-alias-white-alpha-750: #ffffffab;
  --dui-color-duil-alias-white-alpha-700: #ffffff99;
  --dui-color-duil-alias-white-alpha-650: #ffffff8c;
  --dui-color-duil-alias-white-alpha-600: #ffffff80;
  --dui-color-duil-alias-white-alpha-500: #ffffff75;
  --dui-color-duil-alias-white-alpha-400: #ffffff63;
  --dui-color-duil-alias-white-alpha-300: #ffffff59;
  --dui-color-duil-alias-white-alpha-200: #ffffff4d;
  --dui-color-duil-alias-white-alpha-150: #ffffff40;
  --dui-color-duil-alias-white-alpha-100: #ffffff2e;
  --dui-color-duil-alias-dhl-red-025: #fefafaff;
  --dui-color-duil-alias-dhl-red-075: #fae0e2ff;
  --dui-color-duil-alias-dhl-red-050: #fdf2f2ff;
  --dui-color-duil-alias-dhl-red-950: #340104ff;
  --dui-color-duil-alias-dhl-red-900: #4a0206ff;
  --dui-color-duil-alias-dhl-red-850: #6e0309ff;
  --dui-color-duil-alias-dhl-red-800: #8b030bff;
  --dui-color-duil-alias-dhl-red-750: #95040cff;
  --dui-color-duil-alias-dhl-red-700: #ad040eff;
  --dui-color-duil-alias-dhl-red-650: #c30510ff;
  --dui-color-duil-alias-dhl-red-600: #d40511ff;
  --dui-color-duil-alias-dhl-red-500: #dc353fff;
  --dui-color-duil-alias-dhl-red-400: #e35b63ff;
  --dui-color-duil-alias-dhl-red-300: #e67077ff;
  --dui-color-duil-alias-dhl-red-200: #ea878dff;
  --dui-color-duil-alias-dhl-red-150: #f0a6aaff;
  --dui-color-duil-alias-dhl-red-100: #f5c4c7ff;
  --dui-color-duil-alias-go-green-050: #eff5f3ff;
  --dui-color-duil-alias-go-green-025: #fafcfbff;
  --dui-color-duil-alias-go-green-075: #ddeae6ff;
  --dui-color-duil-alias-go-green-950: #001911ff;
  --dui-color-duil-alias-go-green-900: #002619ff;
  --dui-color-duil-alias-go-green-850: #003c28ff;
  --dui-color-duil-alias-go-green-800: #004d34ff;
  --dui-color-duil-alias-go-green-750: #005439ff;
  --dui-color-duil-alias-go-green-700: #006443ff;
  --dui-color-duil-alias-go-green-650: #106e4fff;
  --dui-color-duil-alias-go-green-600: #1f775aff;
  --dui-color-duil-alias-go-green-500: #338369ff;
  --dui-color-duil-alias-go-green-400: #50947eff;
  --dui-color-duil-alias-go-green-300: #62a08bff;
  --dui-color-duil-alias-go-green-200: #7db09fff;
  --dui-color-duil-alias-go-green-150: #96bfb2ff;
  --dui-color-duil-alias-go-green-100: #bbd6cdff;
  --dui-color-duil-alias-warning-050: #fcf2ebff;
  --dui-color-duil-alias-warning-025: #fefaf8ff;
  --dui-color-duil-alias-warning-075: #fae9dcff;
  --dui-color-duil-alias-warning-950: #211206ff;
  --dui-color-duil-alias-warning-900: #341b09ff;
  --dui-color-duil-alias-warning-850: #4f290eff;
  --dui-color-duil-alias-warning-800: #663612ff;
  --dui-color-duil-alias-warning-750: #6f3a14ff;
  --dui-color-duil-alias-warning-700: #824418ff;
  --dui-color-duil-alias-warning-650: #954e1bff;
  --dui-color-duil-alias-warning-600: #a5571eff;
  --dui-color-duil-alias-warning-500: #b55f21ff;
  --dui-color-duil-alias-warning-400: #d06d26ff;
  --dui-color-duil-alias-warning-300: #e37729ff;
  --dui-color-duil-alias-warning-200: #e88d4cff;
  --dui-color-duil-alias-warning-150: #eda673ff;
  --dui-color-duil-alias-warning-100: #f4ccaeff;
  --dui-color-duil-alias-information-050: #ecf5fbff;
  --dui-color-duil-alias-information-025: #f9fcfeff;
  --dui-color-duil-alias-information-075: #d5e9f7ff;
  --dui-color-duil-alias-information-950: #001726ff;
  --dui-color-duil-alias-information-900: #002843ff;
  --dui-color-duil-alias-information-850: #00365aff;
  --dui-color-duil-alias-information-800: #004573ff;
  --dui-color-duil-alias-information-750: #004b7dff;
  --dui-color-duil-alias-information-700: #005893ff;
  --dui-color-duil-alias-information-650: #0064a7ff;
  --dui-color-duil-alias-information-600: #006fb9ff;
  --dui-color-duil-alias-information-500: #007accff;
  --dui-color-duil-alias-information-400: #278ed4ff;
  --dui-color-duil-alias-information-300: #449ddaff;
  --dui-color-duil-alias-information-200: #5dabdfff;
  --dui-color-duil-alias-information-150: #82bee6ff;
  --dui-color-duil-alias-information-100: #b1d6efff;
  --dui-color-duil-alias-neutral-white: #ffffffff;
  --dui-color-duil-alias-neutral-black: #000000ff;
  --dui-color-duil-alias-neutral-050: #f5f5f5ff;
  --dui-color-duil-alias-neutral-075: #ebebebff;
  --dui-color-duil-alias-neutral-025: #fafafaff;
  --dui-color-duil-alias-neutral-950: #141414ff;
  --dui-color-duil-alias-neutral-900: #212121ff;
  --dui-color-duil-alias-neutral-850: #333333ff;
  --dui-color-duil-alias-neutral-800: #424242ff;
  --dui-color-duil-alias-neutral-750: #474747ff;
  --dui-color-duil-alias-neutral-700: #545454ff;
  --dui-color-duil-alias-neutral-650: #616161ff;
  --dui-color-duil-alias-neutral-600: #6b6b6bff;
  --dui-color-duil-alias-neutral-500: #757575ff;
  --dui-color-duil-alias-neutral-400: #878787ff;
  --dui-color-duil-alias-neutral-300: #949494ff;
  --dui-color-duil-alias-neutral-200: #a3a3a3ff;
  --dui-color-duil-alias-neutral-150: #b5b5b5ff;
  --dui-color-duil-alias-neutral-100: #d1d1d1ff;
  --dui-color-duil-alias-positive-025: #f9fcf5ff;
  --dui-color-duil-alias-positive-075: #e2f1d0ff;
  --dui-color-duil-alias-positive-050: #eff8e6ff;
  --dui-color-duil-alias-positive-950: #0f1804ff;
  --dui-color-duil-alias-positive-900: #172507ff;
  --dui-color-duil-alias-positive-850: #243a0aff;
  --dui-color-duil-alias-positive-800: #2e4a0dff;
  --dui-color-duil-alias-positive-750: #33510fff;
  --dui-color-duil-alias-positive-700: #3b5f11ff;
  --dui-color-duil-alias-positive-650: #436b13ff;
  --dui-color-duil-alias-positive-600: #4b7816ff;
  --dui-color-duil-alias-positive-500: #518217ff;
  --dui-color-duil-alias-positive-400: #5d951bff;
  --dui-color-duil-alias-positive-300: #66a41eff;
  --dui-color-duil-alias-positive-200: #76bd22ff;
  --dui-color-duil-alias-positive-150: #8fc94aff;
  --dui-color-duil-alias-positive-100: #bcdf93ff;
  --dui-color-duil-alias-negative-050: #fdf2f3ff;
  --dui-color-duil-alias-negative-025: #fefafaff;
  --dui-color-duil-alias-negative-075: #f9e1e3ff;
  --dui-color-duil-alias-negative-950: #300306ff;
  --dui-color-duil-alias-negative-900: #470409ff;
  --dui-color-duil-alias-negative-850: #6d060fff;
  --dui-color-duil-alias-negative-800: #890812ff;
  --dui-color-duil-alias-negative-750: #940814ff;
  --dui-color-duil-alias-negative-700: #ac0a17ff;
  --dui-color-duil-alias-negative-650: #c30b1aff;
  --dui-color-duil-alias-negative-600: #d41625ff;
  --dui-color-duil-alias-negative-500: #da3845ff;
  --dui-color-duil-alias-negative-400: #e15b66ff;
  --dui-color-duil-alias-negative-300: #e46f79ff;
  --dui-color-duil-alias-negative-200: #e98890ff;
  --dui-color-duil-alias-negative-150: #eea3a9ff;
  --dui-color-duil-alias-negative-100: #f4c3c7ff;
} 
/**
 * Do not edit directly
 * Generated on Mon, 27 Jul 2026 11:41:28 GMT
 */



:root {
  --dui-opacity-05: 5%;
  --dui-opacity-08: 8%;
  --dui-opacity-80: 80%;
  --dui-opacity-70: 70%;
  --dui-opacity-60: 60%;
  --dui-opacity-45: 45%;
  --dui-opacity-30: 30%;
  --dui-opacity-20: 20%;
  --dui-opacity-10: 10%;
} 
/**
 * Do not edit directly
 * Generated on Mon, 27 Jul 2026 11:41:28 GMT
 */



:root {
  --dui-size-full: 100%;
  --dui-size-56x: calc(var(--dui-size-theme) * 7rem); /* 112/baseFontSize (16) */
  --dui-size-200x: calc(var(--dui-size-theme) * 25rem); /* 400/baseFontSize (16) */
  --dui-size-150x: calc(var(--dui-size-theme) * 18.75rem); /* 300/baseFontSize (16) */
  --dui-size-100x: calc(var(--dui-size-theme) * 12.5rem); /* 200/baseFontSize (16) */
  --dui-size-90x: calc(var(--dui-size-theme) * 11.25rem); /* 180/baseFontSize (16) */
  --dui-size-80x: calc(var(--dui-size-theme) * 10rem); /* 160/baseFontSize (16) */
  --dui-size-72x: calc(var(--dui-size-theme) * 9rem); /* 144/baseFontSize (16) */
  --dui-size-64x: calc(var(--dui-size-theme) * 8rem); /* 128/baseFontSize (16) */
  --dui-size-50x: calc(var(--dui-size-theme) * 6.25rem); /* 100/baseFontSize (16) */
  --dui-size-48x: calc(var(--dui-size-theme) * 6rem); /* 96/baseFontSize (16) */
  --dui-size-40x: calc(var(--dui-size-theme) * 5rem); /* 80/baseFontSize (16) */
  --dui-size-32x: calc(var(--dui-size-theme) * 4rem); /* 64/baseFontSize (16) */
  --dui-size-24x: calc(var(--dui-size-theme) * 3rem); /* 48/baseFontSize (16) */
  --dui-size-20x: calc(var(--dui-size-theme) * 2.5rem); /* 40/baseFontSize (16) */
  --dui-size-16x: calc(var(--dui-size-theme) * 2rem); /* 32/baseFontSize (16) */
  --dui-size-12x: calc(var(--dui-size-theme) * 1.5rem); /* 24/baseFontSize (16) */
  --dui-size-11x: calc(var(--dui-size-theme) * 1.375rem); /* 22/baseFontSize (16) */
  --dui-size-10x: calc(var(--dui-size-theme) * 1.25rem); /* 20/baseFontSize (16) */
  --dui-size-9x: calc(var(--dui-size-theme) * 1.125rem); /* 18/baseFontSize (16) */
  --dui-size-8x: calc(var(--dui-size-theme) * 1rem); /* 16/baseFontSize (16) */
  --dui-size-7x: calc(var(--dui-size-theme) * 0.875rem); /* 14/baseFontSize (16) */
  --dui-size-6x: calc(var(--dui-size-theme) * 0.75rem); /* 12/baseFontSize (16) */
  --dui-size-5x: calc(var(--dui-size-theme) * 0.625rem); /* 10/baseFontSize (16) */
  --dui-size-4x: calc(var(--dui-size-theme) * 0.5rem); /* 8/baseFontSize (16) */
  --dui-size-3x: calc(var(--dui-size-theme) * 0.375rem); /* 6/baseFontSize (16) */
  --dui-size-2x: calc(var(--dui-size-theme) * 0.25rem); /* 4/baseFontSize (16) */
  --dui-size-1x: calc(var(--dui-size-theme) * 0.125rem); /* 2/baseFontSize (16) */
  --dui-size-1: calc(var(--dui-size-theme) * 0.0625rem); /* 1/baseFontSize (16) */
  --dui-size-0: 0;
} 
/* 9fbef606107a605d69c0edbcd8029e5d */ 
/**
 * Do not edit directly
 * Generated on Mon, 27 Jul 2026 11:41:28 GMT
 */



:root {
  --dui-box-radius-tight: var(--dui-size-4x);
  --dui-box-radius-compact: var(--dui-size-6x);
  --dui-box-radius-standard: var(--dui-size-8x);
  --dui-box-radius-hero: var(--dui-size-12x);
  --dui-box-radius-display: var(--dui-size-16x);
  --dui-box-padding-none: var(--dui-size-0);
  --dui-box-padding-extra-tight: var(--dui-size-2x);
  --dui-box-padding-tight: var(--dui-size-4x);
  --dui-box-padding-compact: var(--dui-size-6x);
  --dui-box-padding-standard: var(--dui-size-8x);
  --dui-box-padding-relaxed: var(--dui-size-12x);
  --dui-box-padding-roomy: var(--dui-size-16x);
  --dui-box-padding-extra-roomy: var(--dui-size-20x);
} 
/**
 * Do not edit directly
 * Generated on Mon, 27 Jul 2026 11:41:28 GMT
 */



:root {
  --dui-breakpoint-xs: 0; /* Starting point (0px) */
  --dui-breakpoint-xl: calc(var(--dui-size-theme) * 85.3125rem); /* Standard Desktop size (1365px) */
  --dui-breakpoint-sm: calc(var(--dui-size-theme) * 20rem); /* Average Mobile size (320px) */
  --dui-breakpoint-md: calc(var(--dui-size-theme) * 48rem); /* Portrait Tablet (768px) */
  --dui-breakpoint-lg: calc(var(--dui-size-theme) * 64rem); /* Landscape Tablet, or a Small Desktop (1024px) */
  --dui-breakpoint-3xl: calc(var(--dui-size-theme) * 160rem); /* Very Large desktop (2560px) */
  --dui-breakpoint-2xl: calc(var(--dui-size-theme) * 120rem); /* Large desktop (1920px) */
} 
/**
 * Do not edit directly
 * Generated on Mon, 27 Jul 2026 11:41:28 GMT
 */





@media (prefers-color-scheme: light) {
  :root {
    --dui-colors-data-viz-divergent-fill-divergent-positive-high: var(--dui-color-duil-alias-positive-800);
    --dui-colors-data-viz-divergent-fill-divergent-positive-mid: var(--dui-color-duil-alias-positive-600);
    --dui-colors-data-viz-divergent-fill-divergent-positive-low: var(--dui-color-duil-alias-positive-400);
    --dui-colors-data-viz-divergent-fill-divergent-neutral: var(--dui-color-duil-alias-neutral-200);
    --dui-colors-data-viz-divergent-fill-divergent-negative-low: var(--dui-color-duil-alias-negative-400);
    --dui-colors-data-viz-divergent-fill-divergent-negative-mid: var(--dui-color-duil-alias-negative-600);
    --dui-colors-data-viz-divergent-fill-divergent-negative-high: var(--dui-color-duil-alias-negative-800);
    --dui-colors-data-viz-feedback-fill-feedback-info-subtle: var(--dui-color-duil-alias-information-200);
    --dui-colors-data-viz-feedback-fill-feedback-info: var(--dui-color-duil-alias-information-500);
    --dui-colors-data-viz-feedback-fill-feedback-success-subtle: var(--dui-color-duil-alias-positive-200);
    --dui-colors-data-viz-feedback-fill-feedback-success: var(--dui-color-duil-alias-positive-500);
    --dui-colors-data-viz-feedback-fill-feedback-warning-subtle: var(--dui-color-duil-alias-warning-200);
    --dui-colors-data-viz-feedback-fill-feedback-warning: var(--dui-color-duil-alias-warning-500);
    --dui-colors-data-viz-feedback-fill-feedback-error-subtle: var(--dui-color-duil-alias-negative-200);
    --dui-colors-data-viz-feedback-fill-feedback-error: var(--dui-color-duil-alias-negative-600);
    --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-07: var(--dui-color-duil-alias-warning-900);
    --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-06: var(--dui-color-duil-alias-warning-750);
    --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-05: var(--dui-color-duil-alias-warning-600);
    --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-04: var(--dui-color-duil-alias-warning-400);
    --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-03: var(--dui-color-duil-alias-warning-300);
    --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-02: var(--dui-color-duil-alias-warning-200);
    --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-01: var(--dui-color-duil-alias-warning-100);
    --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-07: var(--dui-color-duil-alias-positive-900);
    --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-06: var(--dui-color-duil-alias-positive-750);
    --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-05: var(--dui-color-duil-alias-positive-600);
    --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-04: var(--dui-color-duil-alias-positive-400);
    --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-03: var(--dui-color-duil-alias-positive-300);
    --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-02: var(--dui-color-duil-alias-positive-200);
    --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-01: var(--dui-color-duil-alias-positive-100);
    --dui-colors-data-viz-sequential-primary-fill-sequential-primary-07: var(--dui-color-duil-alias-information-900);
    --dui-colors-data-viz-sequential-primary-fill-sequential-primary-06: var(--dui-color-duil-alias-information-750);
    --dui-colors-data-viz-sequential-primary-fill-sequential-primary-05: var(--dui-color-duil-alias-information-600);
    --dui-colors-data-viz-sequential-primary-fill-sequential-primary-04: var(--dui-color-duil-alias-information-400);
    --dui-colors-data-viz-sequential-primary-fill-sequential-primary-03: var(--dui-color-duil-alias-information-300);
    --dui-colors-data-viz-sequential-primary-fill-sequential-primary-02: var(--dui-color-duil-alias-information-200);
    --dui-colors-data-viz-sequential-primary-fill-sequential-primary-01: var(--dui-color-duil-alias-information-100);
    --dui-colors-data-viz-categorical-fill-categorical-07: var(--dui-color-duil-alias-color-categorical-07);
    --dui-colors-data-viz-categorical-fill-categorical-06: var(--dui-color-duil-alias-color-categorical-06);
    --dui-colors-data-viz-categorical-fill-categorical-05: var(--dui-color-duil-alias-color-categorical-05);
    --dui-colors-data-viz-categorical-fill-categorical-04: var(--dui-color-duil-alias-color-categorical-04);
    --dui-colors-data-viz-categorical-fill-categorical-03: var(--dui-color-duil-alias-color-categorical-03);
    --dui-colors-data-viz-categorical-fill-categorical-02: var(--dui-color-duil-alias-color-categorical-02);
    --dui-colors-data-viz-categorical-fill-categorical-01: var(--dui-color-duil-alias-color-categorical-01);
    --dui-colors-action-foreground-ghost-functional-disabled: var(--dui-color-duil-alias-black-alpha-150);
    --dui-colors-action-foreground-ghost-functional-default: var(--dui-color-duil-alias-neutral-black);
    --dui-colors-action-foreground-ghost-highlight-disabled: var(--dui-color-duil-alias-black-alpha-150);
    --dui-colors-action-foreground-ghost-highlight-default: var(--dui-color-duil-alias-dhl-red-600);
    --dui-colors-action-foreground-tonal-disabled: var(--dui-color-duil-alias-black-alpha-150);
    --dui-colors-action-foreground-tonal-default: var(--dui-color-duil-alias-neutral-black);
    --dui-colors-action-foreground-secondary-inverted-disabled: var(--dui-color-duil-alias-white-alpha-500);
    --dui-colors-action-foreground-secondary-inverted-hover: var(--dui-color-duil-alias-white-alpha-700);
    --dui-colors-action-foreground-secondary-inverted-default: var(--dui-color-duil-alias-neutral-white);
    --dui-colors-action-foreground-secondary-pressed: var(--dui-color-duil-alias-black-alpha-400);
    --dui-colors-action-foreground-secondary-highlight-pressed: var(--dui-color-duil-alias-dhl-red-850);
    --dui-colors-action-foreground-secondary-disabled: var(--dui-color-duil-alias-black-alpha-150);
    --dui-colors-action-foreground-secondary-hover: var(--dui-color-duil-alias-black-alpha-600);
    --dui-colors-action-foreground-secondary-default: var(--dui-color-duil-alias-neutral-black);
    --dui-colors-action-foreground-secondary-highlight-hover: var(--dui-color-duil-alias-dhl-red-750);
    --dui-colors-action-foreground-secondary-highlight-default: var(--dui-color-duil-alias-dhl-red-600);
    --dui-colors-action-foreground-secondary-highlight-disabled: var(--dui-color-duil-alias-black-alpha-150);
    --dui-colors-action-foreground-primary-disabled: var(--dui-color-duil-alias-white-alpha-800);
    --dui-colors-action-foreground-primary-inverted-disabled: var(--dui-color-duil-alias-neutral-white);
    --dui-colors-action-foreground-primary-inverted-default: var(--dui-color-duil-alias-neutral-black);
    --dui-colors-action-foreground-primary-default: var(--dui-color-duil-alias-neutral-white);
    --dui-colors-action-foreground-text-functional-pressed: var(--dui-color-duil-alias-black-alpha-400);
    --dui-colors-action-foreground-text-highlight-pressed: var(--dui-color-duil-alias-dhl-red-850);
    --dui-colors-action-foreground-text-default-2: var(--dui-color-duil-alias-neutral-white);
    --dui-colors-action-foreground-text-functional-disabled: var(--dui-color-duil-alias-black-alpha-150);
    --dui-colors-action-foreground-text-functional-hover: var(--dui-color-duil-alias-black-alpha-600);
    --dui-colors-action-foreground-text-functional-default: var(--dui-color-duil-alias-neutral-black);
    --dui-colors-action-foreground-text-inverted-disabled: var(--dui-color-duil-alias-white-alpha-500);
    --dui-colors-action-foreground-text-inverted-hover: var(--dui-color-duil-alias-white-alpha-700);
    --dui-colors-action-foreground-text-inverted-default: var(--dui-color-duil-alias-neutral-white);
    --dui-colors-action-foreground-text-highlight-disabled: var(--dui-color-duil-alias-black-alpha-150);
    --dui-colors-action-foreground-text-highlight-hover: var(--dui-color-duil-alias-dhl-red-750);
    --dui-colors-action-foreground-text-highlight-default: var(--dui-color-duil-alias-dhl-red-600);
    --dui-colors-action-foreground-text-highlight-muted: var(--dui-color-duil-alias-neutral-600);
    --dui-colors-action-foreground-text-highlight-visited: var(--dui-color-duil-alias-dhl-red-750);
    --dui-colors-action-background-ghost-highlight-pressed: var(--dui-color-duil-alias-dhl-red-075);
    --dui-colors-action-background-ghost-highlight-hover: var(--dui-color-duil-alias-dhl-red-050);
    --dui-colors-action-background-ghost-pressed: var(--dui-color-duil-alias-black-alpha-150);
    --dui-colors-action-background-ghost-hover: var(--dui-color-duil-alias-black-alpha-100);
    --dui-colors-action-background-tonal-disabled: var(--dui-color-duil-alias-black-alpha-025);
    --dui-colors-action-background-tonal-pressed: var(--dui-color-duil-alias-black-alpha-150);
    --dui-colors-action-background-tonal-hover: var(--dui-color-duil-alias-black-alpha-100);
    --dui-colors-action-background-tonal-default: var(--dui-color-duil-alias-black-alpha-075);
    --dui-colors-action-background-secondary-disabled: var(--dui-color-duil-alias-black-alpha-150);
    --dui-colors-action-background-secondary-highlight-default: var(--dui-color-duil-alias-white-alpha-025);
    --dui-colors-action-background-primary-pressed: var(--dui-color-duil-alias-dhl-red-850);
    --dui-colors-action-background-primary-positive-hover: var(--dui-color-duil-alias-positive-400);
    --dui-colors-action-background-primary-inverted-disabled: var(--dui-color-duil-alias-white-alpha-500);
    --dui-colors-action-background-primary-inverted-hover: var(--dui-color-duil-alias-white-alpha-850);
    --dui-colors-action-background-primary-inverted-default: var(--dui-color-duil-alias-neutral-white);
    --dui-colors-action-background-primary-default: var(--dui-color-duil-alias-dhl-red-600);
    --dui-colors-action-background-primary-hover: var(--dui-color-duil-alias-dhl-red-750);
    --dui-colors-action-background-primary-disabled: var(--dui-color-duil-alias-black-alpha-150);
    --dui-colors-stroke-divider: var(--dui-color-duil-alias-neutral-100);
    --dui-colors-stroke-neutral: var(--dui-color-duil-alias-neutral-900);
    --dui-colors-stroke-information: var(--dui-color-duil-alias-information-650);
    --dui-colors-stroke-positive: var(--dui-color-duil-alias-positive-600);
    --dui-colors-stroke-negative: var(--dui-color-duil-alias-negative-700);
    --dui-colors-stroke-warning: var(--dui-color-duil-alias-warning-600);
    --dui-colors-stroke-highlight: var(--dui-color-duil-alias-dhl-red-600);
    --dui-colors-stroke-primary: var(--dui-color-duil-alias-neutral-black);
    --dui-colors-stroke-secondary: var(--dui-color-duil-alias-black-alpha-400);
    --dui-colors-stroke-tertiary: var(--dui-color-duil-alias-black-alpha-150);
    --dui-colors-stroke-muted: var(--dui-color-duil-alias-black-alpha-075);
    --dui-colors-stroke-inverted: var(--dui-color-duil-alias-neutral-white);
    --dui-colors-stroke-functional-scroll-bar: var(--dui-color-duil-alias-neutral-100);
    --dui-colors-stroke-functional-focus: var(--dui-color-duil-alias-information-500);
    --dui-colors-stroke-functional-sustainability: var(--dui-color-duil-alias-go-green-700);
    --dui-colors-stroke-functional-post-yellow: var(--dui-color-duil-alias-post-yellow-100);
    --dui-colors-stroke-disabled: var(--dui-color-duil-alias-black-alpha-400);
    --dui-colors-background-neutral: var(--dui-color-duil-alias-neutral-050);
    --dui-colors-background-positive: var(--dui-color-duil-alias-positive-050);
    --dui-colors-background-negative: var(--dui-color-duil-alias-negative-075);
    --dui-colors-background-information: var(--dui-color-duil-alias-information-075);
    --dui-colors-background-warning: var(--dui-color-duil-alias-warning-075);
    --dui-colors-background-base: var(--dui-color-duil-alias-neutral-050);
    --dui-colors-background-sustainability: var(--dui-color-duil-alias-go-green-700);
    --dui-colors-background-highlight: var(--dui-color-duil-alias-dhl-red-600);
    --dui-colors-background-primary: var(--dui-color-duil-alias-neutral-white);
    --dui-colors-background-secondary: var(--dui-color-duil-alias-neutral-025);
    --dui-colors-background-tertiary: var(--dui-color-duil-alias-neutral-075);
    --dui-colors-background-inverted: var(--dui-color-duil-alias-neutral-black);
    --dui-colors-background-functional-overlay: var(--dui-color-duil-alias-black-alpha-750);
    --dui-colors-background-functional-sustainability: var(--dui-color-duil-alias-go-green-700);
    --dui-colors-background-functional-post-yellow: var(--dui-color-duil-alias-post-yellow-100);
    --dui-colors-foreground-neutral: var(--dui-color-duil-alias-neutral-800);
    --dui-colors-foreground-information: var(--dui-color-duil-alias-information-850);
    --dui-colors-foreground-positive: var(--dui-color-duil-alias-positive-850);
    --dui-colors-foreground-negative: var(--dui-color-duil-alias-negative-700);
    --dui-colors-foreground-warning: var(--dui-color-duil-alias-warning-750);
    --dui-colors-foreground-primary: var(--dui-color-duil-alias-neutral-black);
    --dui-colors-foreground-secondary: var(--dui-color-duil-alias-neutral-600);
    --dui-colors-foreground-tertiary: var(--dui-color-duil-alias-neutral-150);
    --dui-colors-foreground-highlight: var(--dui-color-duil-alias-dhl-red-600);
    --dui-colors-foreground-inverted: var(--dui-color-duil-alias-neutral-white);
    --dui-colors-foreground-functional-dhl-red: var(--dui-color-duil-alias-dhl-red-600);
    --dui-colors-foreground-functional-brand: var(--dui-color-duil-alias-neutral-900);
    --dui-colors-foreground-functional-overlay: var(--dui-color-duil-alias-black-alpha-750);
    --dui-colors-foreground-functional-neutral: var(--dui-color-duil-alias-neutral-100);
    --dui-colors-foreground-functional-error: var(--dui-color-duil-alias-negative-600);
    --dui-colors-foreground-functional-sustainability: var(--dui-color-duil-alias-go-green-700);
    --dui-colors-foreground-functional-post-yellow: var(--dui-color-duil-alias-post-yellow-100);
    --dui-colors-foreground-functional-important: var(--dui-color-duil-alias-dhl-red-600);
    --dui-colors-foreground-disabled: var(--dui-color-duil-alias-neutral-400);
    --dui-colors-icons-neutral: var(--dui-color-duil-alias-neutral-600);
    --dui-colors-icons-information: var(--dui-color-duil-alias-information-750);
    --dui-colors-icons-warning: var(--dui-color-duil-alias-warning-650);
    --dui-colors-icons-positive: var(--dui-color-duil-alias-positive-600);
    --dui-colors-icons-negative: var(--dui-color-duil-alias-negative-700);
    --dui-colors-icons-primary: var(--dui-color-duil-alias-dhl-red-600);
    --dui-colors-icons-secondary: var(--dui-color-duil-alias-neutral-black);
    --dui-colors-icons-inverted: var(--dui-color-duil-alias-neutral-white);
    --dui-colors-icons-functional-sustainability: var(--dui-color-duil-alias-go-green-700);
    --dui-colors-icons-disabled: var(--dui-color-duil-alias-black-alpha-400);
  }
}

html[data-dui-theme="theme-light"]:root {
    --dui-colors-data-viz-divergent-fill-divergent-positive-high: var(--dui-color-duil-alias-positive-800);
  --dui-colors-data-viz-divergent-fill-divergent-positive-mid: var(--dui-color-duil-alias-positive-600);
  --dui-colors-data-viz-divergent-fill-divergent-positive-low: var(--dui-color-duil-alias-positive-400);
  --dui-colors-data-viz-divergent-fill-divergent-neutral: var(--dui-color-duil-alias-neutral-200);
  --dui-colors-data-viz-divergent-fill-divergent-negative-low: var(--dui-color-duil-alias-negative-400);
  --dui-colors-data-viz-divergent-fill-divergent-negative-mid: var(--dui-color-duil-alias-negative-600);
  --dui-colors-data-viz-divergent-fill-divergent-negative-high: var(--dui-color-duil-alias-negative-800);
  --dui-colors-data-viz-feedback-fill-feedback-info-subtle: var(--dui-color-duil-alias-information-200);
  --dui-colors-data-viz-feedback-fill-feedback-info: var(--dui-color-duil-alias-information-500);
  --dui-colors-data-viz-feedback-fill-feedback-success-subtle: var(--dui-color-duil-alias-positive-200);
  --dui-colors-data-viz-feedback-fill-feedback-success: var(--dui-color-duil-alias-positive-500);
  --dui-colors-data-viz-feedback-fill-feedback-warning-subtle: var(--dui-color-duil-alias-warning-200);
  --dui-colors-data-viz-feedback-fill-feedback-warning: var(--dui-color-duil-alias-warning-500);
  --dui-colors-data-viz-feedback-fill-feedback-error-subtle: var(--dui-color-duil-alias-negative-200);
  --dui-colors-data-viz-feedback-fill-feedback-error: var(--dui-color-duil-alias-negative-600);
  --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-07: var(--dui-color-duil-alias-warning-900);
  --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-06: var(--dui-color-duil-alias-warning-750);
  --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-05: var(--dui-color-duil-alias-warning-600);
  --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-04: var(--dui-color-duil-alias-warning-400);
  --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-03: var(--dui-color-duil-alias-warning-300);
  --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-02: var(--dui-color-duil-alias-warning-200);
  --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-01: var(--dui-color-duil-alias-warning-100);
  --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-07: var(--dui-color-duil-alias-positive-900);
  --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-06: var(--dui-color-duil-alias-positive-750);
  --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-05: var(--dui-color-duil-alias-positive-600);
  --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-04: var(--dui-color-duil-alias-positive-400);
  --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-03: var(--dui-color-duil-alias-positive-300);
  --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-02: var(--dui-color-duil-alias-positive-200);
  --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-01: var(--dui-color-duil-alias-positive-100);
  --dui-colors-data-viz-sequential-primary-fill-sequential-primary-07: var(--dui-color-duil-alias-information-900);
  --dui-colors-data-viz-sequential-primary-fill-sequential-primary-06: var(--dui-color-duil-alias-information-750);
  --dui-colors-data-viz-sequential-primary-fill-sequential-primary-05: var(--dui-color-duil-alias-information-600);
  --dui-colors-data-viz-sequential-primary-fill-sequential-primary-04: var(--dui-color-duil-alias-information-400);
  --dui-colors-data-viz-sequential-primary-fill-sequential-primary-03: var(--dui-color-duil-alias-information-300);
  --dui-colors-data-viz-sequential-primary-fill-sequential-primary-02: var(--dui-color-duil-alias-information-200);
  --dui-colors-data-viz-sequential-primary-fill-sequential-primary-01: var(--dui-color-duil-alias-information-100);
  --dui-colors-data-viz-categorical-fill-categorical-07: var(--dui-color-duil-alias-color-categorical-07);
  --dui-colors-data-viz-categorical-fill-categorical-06: var(--dui-color-duil-alias-color-categorical-06);
  --dui-colors-data-viz-categorical-fill-categorical-05: var(--dui-color-duil-alias-color-categorical-05);
  --dui-colors-data-viz-categorical-fill-categorical-04: var(--dui-color-duil-alias-color-categorical-04);
  --dui-colors-data-viz-categorical-fill-categorical-03: var(--dui-color-duil-alias-color-categorical-03);
  --dui-colors-data-viz-categorical-fill-categorical-02: var(--dui-color-duil-alias-color-categorical-02);
  --dui-colors-data-viz-categorical-fill-categorical-01: var(--dui-color-duil-alias-color-categorical-01);
  --dui-colors-action-foreground-ghost-functional-disabled: var(--dui-color-duil-alias-black-alpha-150);
  --dui-colors-action-foreground-ghost-functional-default: var(--dui-color-duil-alias-neutral-black);
  --dui-colors-action-foreground-ghost-highlight-disabled: var(--dui-color-duil-alias-black-alpha-150);
  --dui-colors-action-foreground-ghost-highlight-default: var(--dui-color-duil-alias-dhl-red-600);
  --dui-colors-action-foreground-tonal-disabled: var(--dui-color-duil-alias-black-alpha-150);
  --dui-colors-action-foreground-tonal-default: var(--dui-color-duil-alias-neutral-black);
  --dui-colors-action-foreground-secondary-inverted-disabled: var(--dui-color-duil-alias-white-alpha-500);
  --dui-colors-action-foreground-secondary-inverted-hover: var(--dui-color-duil-alias-white-alpha-700);
  --dui-colors-action-foreground-secondary-inverted-default: var(--dui-color-duil-alias-neutral-white);
  --dui-colors-action-foreground-secondary-pressed: var(--dui-color-duil-alias-black-alpha-400);
  --dui-colors-action-foreground-secondary-highlight-pressed: var(--dui-color-duil-alias-dhl-red-850);
  --dui-colors-action-foreground-secondary-disabled: var(--dui-color-duil-alias-black-alpha-150);
  --dui-colors-action-foreground-secondary-hover: var(--dui-color-duil-alias-black-alpha-600);
  --dui-colors-action-foreground-secondary-default: var(--dui-color-duil-alias-neutral-black);
  --dui-colors-action-foreground-secondary-highlight-hover: var(--dui-color-duil-alias-dhl-red-750);
  --dui-colors-action-foreground-secondary-highlight-default: var(--dui-color-duil-alias-dhl-red-600);
  --dui-colors-action-foreground-secondary-highlight-disabled: var(--dui-color-duil-alias-black-alpha-150);
  --dui-colors-action-foreground-primary-disabled: var(--dui-color-duil-alias-white-alpha-800);
  --dui-colors-action-foreground-primary-inverted-disabled: var(--dui-color-duil-alias-neutral-white);
  --dui-colors-action-foreground-primary-inverted-default: var(--dui-color-duil-alias-neutral-black);
  --dui-colors-action-foreground-primary-default: var(--dui-color-duil-alias-neutral-white);
  --dui-colors-action-foreground-text-functional-pressed: var(--dui-color-duil-alias-black-alpha-400);
  --dui-colors-action-foreground-text-highlight-pressed: var(--dui-color-duil-alias-dhl-red-850);
  --dui-colors-action-foreground-text-default-2: var(--dui-color-duil-alias-neutral-white);
  --dui-colors-action-foreground-text-functional-disabled: var(--dui-color-duil-alias-black-alpha-150);
  --dui-colors-action-foreground-text-functional-hover: var(--dui-color-duil-alias-black-alpha-600);
  --dui-colors-action-foreground-text-functional-default: var(--dui-color-duil-alias-neutral-black);
  --dui-colors-action-foreground-text-inverted-disabled: var(--dui-color-duil-alias-white-alpha-500);
  --dui-colors-action-foreground-text-inverted-hover: var(--dui-color-duil-alias-white-alpha-700);
  --dui-colors-action-foreground-text-inverted-default: var(--dui-color-duil-alias-neutral-white);
  --dui-colors-action-foreground-text-highlight-disabled: var(--dui-color-duil-alias-black-alpha-150);
  --dui-colors-action-foreground-text-highlight-hover: var(--dui-color-duil-alias-dhl-red-750);
  --dui-colors-action-foreground-text-highlight-default: var(--dui-color-duil-alias-dhl-red-600);
  --dui-colors-action-foreground-text-highlight-muted: var(--dui-color-duil-alias-neutral-600);
  --dui-colors-action-foreground-text-highlight-visited: var(--dui-color-duil-alias-dhl-red-750);
  --dui-colors-action-background-ghost-highlight-pressed: var(--dui-color-duil-alias-dhl-red-075);
  --dui-colors-action-background-ghost-highlight-hover: var(--dui-color-duil-alias-dhl-red-050);
  --dui-colors-action-background-ghost-pressed: var(--dui-color-duil-alias-black-alpha-150);
  --dui-colors-action-background-ghost-hover: var(--dui-color-duil-alias-black-alpha-100);
  --dui-colors-action-background-tonal-disabled: var(--dui-color-duil-alias-black-alpha-025);
  --dui-colors-action-background-tonal-pressed: var(--dui-color-duil-alias-black-alpha-150);
  --dui-colors-action-background-tonal-hover: var(--dui-color-duil-alias-black-alpha-100);
  --dui-colors-action-background-tonal-default: var(--dui-color-duil-alias-black-alpha-075);
  --dui-colors-action-background-secondary-disabled: var(--dui-color-duil-alias-black-alpha-150);
  --dui-colors-action-background-secondary-highlight-default: var(--dui-color-duil-alias-white-alpha-025);
  --dui-colors-action-background-primary-pressed: var(--dui-color-duil-alias-dhl-red-850);
  --dui-colors-action-background-primary-positive-hover: var(--dui-color-duil-alias-positive-400);
  --dui-colors-action-background-primary-inverted-disabled: var(--dui-color-duil-alias-white-alpha-500);
  --dui-colors-action-background-primary-inverted-hover: var(--dui-color-duil-alias-white-alpha-850);
  --dui-colors-action-background-primary-inverted-default: var(--dui-color-duil-alias-neutral-white);
  --dui-colors-action-background-primary-default: var(--dui-color-duil-alias-dhl-red-600);
  --dui-colors-action-background-primary-hover: var(--dui-color-duil-alias-dhl-red-750);
  --dui-colors-action-background-primary-disabled: var(--dui-color-duil-alias-black-alpha-150);
  --dui-colors-stroke-divider: var(--dui-color-duil-alias-neutral-100);
  --dui-colors-stroke-neutral: var(--dui-color-duil-alias-neutral-900);
  --dui-colors-stroke-information: var(--dui-color-duil-alias-information-650);
  --dui-colors-stroke-positive: var(--dui-color-duil-alias-positive-600);
  --dui-colors-stroke-negative: var(--dui-color-duil-alias-negative-700);
  --dui-colors-stroke-warning: var(--dui-color-duil-alias-warning-600);
  --dui-colors-stroke-highlight: var(--dui-color-duil-alias-dhl-red-600);
  --dui-colors-stroke-primary: var(--dui-color-duil-alias-neutral-black);
  --dui-colors-stroke-secondary: var(--dui-color-duil-alias-black-alpha-400);
  --dui-colors-stroke-tertiary: var(--dui-color-duil-alias-black-alpha-150);
  --dui-colors-stroke-muted: var(--dui-color-duil-alias-black-alpha-075);
  --dui-colors-stroke-inverted: var(--dui-color-duil-alias-neutral-white);
  --dui-colors-stroke-functional-scroll-bar: var(--dui-color-duil-alias-neutral-100);
  --dui-colors-stroke-functional-focus: var(--dui-color-duil-alias-information-500);
  --dui-colors-stroke-functional-sustainability: var(--dui-color-duil-alias-go-green-700);
  --dui-colors-stroke-functional-post-yellow: var(--dui-color-duil-alias-post-yellow-100);
  --dui-colors-stroke-disabled: var(--dui-color-duil-alias-black-alpha-400);
  --dui-colors-background-neutral: var(--dui-color-duil-alias-neutral-050);
  --dui-colors-background-positive: var(--dui-color-duil-alias-positive-050);
  --dui-colors-background-negative: var(--dui-color-duil-alias-negative-075);
  --dui-colors-background-information: var(--dui-color-duil-alias-information-075);
  --dui-colors-background-warning: var(--dui-color-duil-alias-warning-075);
  --dui-colors-background-base: var(--dui-color-duil-alias-neutral-050);
  --dui-colors-background-sustainability: var(--dui-color-duil-alias-go-green-700);
  --dui-colors-background-highlight: var(--dui-color-duil-alias-dhl-red-600);
  --dui-colors-background-primary: var(--dui-color-duil-alias-neutral-white);
  --dui-colors-background-secondary: var(--dui-color-duil-alias-neutral-025);
  --dui-colors-background-tertiary: var(--dui-color-duil-alias-neutral-075);
  --dui-colors-background-inverted: var(--dui-color-duil-alias-neutral-black);
  --dui-colors-background-functional-overlay: var(--dui-color-duil-alias-black-alpha-750);
  --dui-colors-background-functional-sustainability: var(--dui-color-duil-alias-go-green-700);
  --dui-colors-background-functional-post-yellow: var(--dui-color-duil-alias-post-yellow-100);
  --dui-colors-foreground-neutral: var(--dui-color-duil-alias-neutral-800);
  --dui-colors-foreground-information: var(--dui-color-duil-alias-information-850);
  --dui-colors-foreground-positive: var(--dui-color-duil-alias-positive-850);
  --dui-colors-foreground-negative: var(--dui-color-duil-alias-negative-700);
  --dui-colors-foreground-warning: var(--dui-color-duil-alias-warning-750);
  --dui-colors-foreground-primary: var(--dui-color-duil-alias-neutral-black);
  --dui-colors-foreground-secondary: var(--dui-color-duil-alias-neutral-600);
  --dui-colors-foreground-tertiary: var(--dui-color-duil-alias-neutral-150);
  --dui-colors-foreground-highlight: var(--dui-color-duil-alias-dhl-red-600);
  --dui-colors-foreground-inverted: var(--dui-color-duil-alias-neutral-white);
  --dui-colors-foreground-functional-dhl-red: var(--dui-color-duil-alias-dhl-red-600);
  --dui-colors-foreground-functional-brand: var(--dui-color-duil-alias-neutral-900);
  --dui-colors-foreground-functional-overlay: var(--dui-color-duil-alias-black-alpha-750);
  --dui-colors-foreground-functional-neutral: var(--dui-color-duil-alias-neutral-100);
  --dui-colors-foreground-functional-error: var(--dui-color-duil-alias-negative-600);
  --dui-colors-foreground-functional-sustainability: var(--dui-color-duil-alias-go-green-700);
  --dui-colors-foreground-functional-post-yellow: var(--dui-color-duil-alias-post-yellow-100);
  --dui-colors-foreground-functional-important: var(--dui-color-duil-alias-dhl-red-600);
  --dui-colors-foreground-disabled: var(--dui-color-duil-alias-neutral-400);
  --dui-colors-icons-neutral: var(--dui-color-duil-alias-neutral-600);
  --dui-colors-icons-information: var(--dui-color-duil-alias-information-750);
  --dui-colors-icons-warning: var(--dui-color-duil-alias-warning-650);
  --dui-colors-icons-positive: var(--dui-color-duil-alias-positive-600);
  --dui-colors-icons-negative: var(--dui-color-duil-alias-negative-700);
  --dui-colors-icons-primary: var(--dui-color-duil-alias-dhl-red-600);
  --dui-colors-icons-secondary: var(--dui-color-duil-alias-neutral-black);
  --dui-colors-icons-inverted: var(--dui-color-duil-alias-neutral-white);
  --dui-colors-icons-functional-sustainability: var(--dui-color-duil-alias-go-green-700);
  --dui-colors-icons-disabled: var(--dui-color-duil-alias-black-alpha-400);
  }@media (prefers-color-scheme: dark) {
  :root {
    --dui-colors-data-viz-divergent-fill-divergent-positive-high: var(--dui-color-duil-alias-positive-800);
    --dui-colors-data-viz-divergent-fill-divergent-positive-mid: var(--dui-color-duil-alias-positive-600);
    --dui-colors-data-viz-divergent-fill-divergent-positive-low: var(--dui-color-duil-alias-positive-400);
    --dui-colors-data-viz-divergent-fill-divergent-neutral: var(--dui-color-duil-alias-neutral-200);
    --dui-colors-data-viz-divergent-fill-divergent-negative-low: var(--dui-color-duil-alias-negative-400);
    --dui-colors-data-viz-divergent-fill-divergent-negative-mid: var(--dui-color-duil-alias-negative-600);
    --dui-colors-data-viz-divergent-fill-divergent-negative-high: var(--dui-color-duil-alias-negative-800);
    --dui-colors-data-viz-feedback-fill-feedback-info-subtle: var(--dui-color-duil-alias-information-200);
    --dui-colors-data-viz-feedback-fill-feedback-info: var(--dui-color-duil-alias-information-500);
    --dui-colors-data-viz-feedback-fill-feedback-success-subtle: var(--dui-color-duil-alias-positive-200);
    --dui-colors-data-viz-feedback-fill-feedback-success: var(--dui-color-duil-alias-positive-500);
    --dui-colors-data-viz-feedback-fill-feedback-warning-subtle: var(--dui-color-duil-alias-warning-200);
    --dui-colors-data-viz-feedback-fill-feedback-warning: var(--dui-color-duil-alias-warning-500);
    --dui-colors-data-viz-feedback-fill-feedback-error-subtle: var(--dui-color-duil-alias-negative-200);
    --dui-colors-data-viz-feedback-fill-feedback-error: var(--dui-color-duil-alias-negative-600);
    --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-07: var(--dui-color-duil-alias-warning-900);
    --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-06: var(--dui-color-duil-alias-warning-750);
    --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-05: var(--dui-color-duil-alias-warning-600);
    --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-04: var(--dui-color-duil-alias-warning-400);
    --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-03: var(--dui-color-duil-alias-warning-300);
    --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-02: var(--dui-color-duil-alias-warning-200);
    --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-01: var(--dui-color-duil-alias-warning-100);
    --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-07: var(--dui-color-duil-alias-positive-900);
    --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-06: var(--dui-color-duil-alias-positive-750);
    --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-05: var(--dui-color-duil-alias-positive-600);
    --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-04: var(--dui-color-duil-alias-positive-400);
    --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-03: var(--dui-color-duil-alias-positive-300);
    --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-02: var(--dui-color-duil-alias-positive-200);
    --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-01: var(--dui-color-duil-alias-positive-100);
    --dui-colors-data-viz-sequential-primary-fill-sequential-primary-07: var(--dui-color-duil-alias-information-900);
    --dui-colors-data-viz-sequential-primary-fill-sequential-primary-06: var(--dui-color-duil-alias-information-750);
    --dui-colors-data-viz-sequential-primary-fill-sequential-primary-05: var(--dui-color-duil-alias-information-600);
    --dui-colors-data-viz-sequential-primary-fill-sequential-primary-04: var(--dui-color-duil-alias-information-400);
    --dui-colors-data-viz-sequential-primary-fill-sequential-primary-03: var(--dui-color-duil-alias-information-300);
    --dui-colors-data-viz-sequential-primary-fill-sequential-primary-02: var(--dui-color-duil-alias-information-200);
    --dui-colors-data-viz-sequential-primary-fill-sequential-primary-01: var(--dui-color-duil-alias-information-100);
    --dui-colors-data-viz-categorical-fill-categorical-07: var(--dui-color-duil-alias-color-categorical-07);
    --dui-colors-data-viz-categorical-fill-categorical-06: var(--dui-color-duil-alias-color-categorical-06);
    --dui-colors-data-viz-categorical-fill-categorical-05: var(--dui-color-duil-alias-color-categorical-05);
    --dui-colors-data-viz-categorical-fill-categorical-04: var(--dui-color-duil-alias-color-categorical-04);
    --dui-colors-data-viz-categorical-fill-categorical-03: var(--dui-color-duil-alias-color-categorical-03);
    --dui-colors-data-viz-categorical-fill-categorical-02: var(--dui-color-duil-alias-color-categorical-02);
    --dui-colors-data-viz-categorical-fill-categorical-01: var(--dui-color-duil-alias-color-categorical-01);
    --dui-colors-action-foreground-ghost-functional-disabled: var(--dui-color-duil-alias-white-alpha-650);
    --dui-colors-action-foreground-ghost-functional-default: var(--dui-color-duil-alias-neutral-white);
    --dui-colors-action-foreground-ghost-highlight-disabled: var(--dui-color-duil-alias-white-alpha-650);
    --dui-colors-action-foreground-ghost-highlight-default: var(--dui-color-duil-alias-neutral-white);
    --dui-colors-action-foreground-tonal-disabled: var(--dui-color-duil-alias-white-alpha-600);
    --dui-colors-action-foreground-tonal-default: var(--dui-color-duil-alias-neutral-white);
    --dui-colors-action-foreground-secondary-inverted-disabled: var(--dui-color-duil-alias-black-alpha-600);
    --dui-colors-action-foreground-secondary-inverted-hover: var(--dui-color-duil-alias-black-alpha-400);
    --dui-colors-action-foreground-secondary-inverted-default: var(--dui-color-duil-alias-neutral-black);
    --dui-colors-action-foreground-secondary-pressed: var(--dui-color-duil-alias-white-alpha-800);
    --dui-colors-action-foreground-secondary-highlight-pressed: var(--dui-color-duil-alias-white-alpha-800);
    --dui-colors-action-foreground-secondary-disabled: var(--dui-color-duil-alias-white-alpha-650);
    --dui-colors-action-foreground-secondary-hover: var(--dui-color-duil-alias-white-alpha-850);
    --dui-colors-action-foreground-secondary-default: var(--dui-color-duil-alias-neutral-white);
    --dui-colors-action-foreground-secondary-highlight-hover: var(--dui-color-duil-alias-dhl-red-750);
    --dui-colors-action-foreground-secondary-highlight-default: var(--dui-color-duil-alias-dhl-red-600);
    --dui-colors-action-foreground-secondary-highlight-disabled: var(--dui-color-duil-alias-white-alpha-650);
    --dui-colors-action-foreground-primary-disabled: var(--dui-color-duil-alias-white-alpha-750);
    --dui-colors-action-foreground-primary-inverted-disabled: var(--dui-color-duil-alias-neutral-900);
    --dui-colors-action-foreground-primary-inverted-default: var(--dui-color-duil-alias-neutral-white);
    --dui-colors-action-foreground-primary-default: var(--dui-color-duil-alias-neutral-white);
    --dui-colors-action-foreground-text-functional-pressed: var(--dui-color-duil-alias-white-alpha-800);
    --dui-colors-action-foreground-text-highlight-pressed: var(--dui-color-duil-alias-white-alpha-800);
    --dui-colors-action-foreground-text-default-2: var(--dui-color-duil-alias-neutral-050);
    --dui-colors-action-foreground-text-functional-disabled: var(--dui-color-duil-alias-white-alpha-650);
    --dui-colors-action-foreground-text-functional-hover: var(--dui-color-duil-alias-white-alpha-850);
    --dui-colors-action-foreground-text-functional-default: var(--dui-color-duil-alias-neutral-white);
    --dui-colors-action-foreground-text-inverted-disabled: var(--dui-color-duil-alias-black-alpha-600);
    --dui-colors-action-foreground-text-inverted-hover: var(--dui-color-duil-alias-black-alpha-600);
    --dui-colors-action-foreground-text-inverted-default: var(--dui-color-duil-alias-neutral-black);
    --dui-colors-action-foreground-text-highlight-disabled: var(--dui-color-duil-alias-white-alpha-650);
    --dui-colors-action-foreground-text-highlight-hover: var(--dui-color-duil-alias-white-alpha-850);
    --dui-colors-action-foreground-text-highlight-default: var(--dui-color-duil-alias-neutral-white);
    --dui-colors-action-foreground-text-highlight-muted: var(--dui-color-duil-alias-neutral-white);
    --dui-colors-action-foreground-text-highlight-visited: var(--dui-color-duil-alias-white-alpha-850);
    --dui-colors-action-background-ghost-highlight-pressed: var(--dui-color-duil-alias-white-alpha-300);
    --dui-colors-action-background-ghost-highlight-hover: var(--dui-color-duil-alias-white-alpha-200);
    --dui-colors-action-background-ghost-pressed: var(--dui-color-duil-alias-white-alpha-300);
    --dui-colors-action-background-ghost-hover: var(--dui-color-duil-alias-white-alpha-200);
    --dui-colors-action-background-tonal-disabled: var(--dui-color-duil-alias-white-alpha-075);
    --dui-colors-action-background-tonal-pressed: var(--dui-color-duil-alias-white-alpha-300);
    --dui-colors-action-background-tonal-hover: var(--dui-color-duil-alias-white-alpha-200);
    --dui-colors-action-background-tonal-default: var(--dui-color-duil-alias-white-alpha-100);
    --dui-colors-action-background-secondary-disabled: var(--dui-color-duil-alias-white-alpha-650);
    --dui-colors-action-background-secondary-highlight-default: var(--dui-color-duil-alias-black-alpha-025);
    --dui-colors-action-background-primary-pressed: var(--dui-color-duil-alias-dhl-red-850);
    --dui-colors-action-background-primary-positive-hover: var(--dui-color-duil-alias-positive-400);
    --dui-colors-action-background-primary-inverted-disabled: var(--dui-color-duil-alias-neutral-white);
    --dui-colors-action-background-primary-inverted-hover: var(--dui-color-duil-alias-neutral-white);
    --dui-colors-action-background-primary-inverted-default: var(--dui-color-duil-alias-neutral-white);
    --dui-colors-action-background-primary-default: var(--dui-color-duil-alias-dhl-red-600);
    --dui-colors-action-background-primary-hover: var(--dui-color-duil-alias-dhl-red-750);
    --dui-colors-action-background-primary-disabled: var(--dui-color-duil-alias-white-alpha-100);
    --dui-colors-stroke-divider: var(--dui-color-duil-alias-neutral-300);
    --dui-colors-stroke-neutral: var(--dui-color-duil-alias-neutral-300);
    --dui-colors-stroke-information: var(--dui-color-duil-alias-information-400);
    --dui-colors-stroke-positive: var(--dui-color-duil-alias-positive-150);
    --dui-colors-stroke-negative: var(--dui-color-duil-alias-negative-500);
    --dui-colors-stroke-warning: var(--dui-color-duil-alias-warning-200);
    --dui-colors-stroke-highlight: var(--dui-color-duil-alias-dhl-red-600);
    --dui-colors-stroke-primary: var(--dui-color-duil-alias-neutral-050);
    --dui-colors-stroke-secondary: var(--dui-color-duil-alias-neutral-900);
    --dui-colors-stroke-tertiary: var(--dui-color-duil-alias-neutral-850);
    --dui-colors-stroke-muted: var(--dui-color-duil-alias-neutral-750);
    --dui-colors-stroke-inverted: var(--dui-color-duil-alias-neutral-950);
    --dui-colors-stroke-functional-scroll-bar: var(--dui-color-duil-alias-neutral-400);
    --dui-colors-stroke-functional-focus: var(--dui-color-duil-alias-information-400);
    --dui-colors-stroke-functional-sustainability: var(--dui-color-duil-alias-go-green-700);
    --dui-colors-stroke-functional-post-yellow: var(--dui-color-duil-alias-post-yellow-100);
    --dui-colors-stroke-disabled: var(--dui-color-duil-alias-black-alpha-400);
    --dui-colors-background-neutral: var(--dui-color-duil-alias-neutral-900);
    --dui-colors-background-positive: var(--dui-color-duil-alias-positive-850);
    --dui-colors-background-negative: var(--dui-color-duil-alias-negative-900);
    --dui-colors-background-information: var(--dui-color-duil-alias-information-900);
    --dui-colors-background-warning: var(--dui-color-duil-alias-warning-850);
    --dui-colors-background-base: var(--dui-color-duil-alias-neutral-950);
    --dui-colors-background-sustainability: var(--dui-color-duil-alias-go-green-700);
    --dui-colors-background-highlight: var(--dui-color-duil-alias-dhl-red-600);
    --dui-colors-background-primary: var(--dui-color-duil-alias-neutral-750);
    --dui-colors-background-secondary: var(--dui-color-duil-alias-neutral-850);
    --dui-colors-background-tertiary: var(--dui-color-duil-alias-neutral-900);
    --dui-colors-background-inverted: var(--dui-color-duil-alias-neutral-white);
    --dui-colors-background-functional-overlay: var(--dui-color-duil-alias-black-alpha-750);
    --dui-colors-background-functional-sustainability: var(--dui-color-duil-alias-go-green-700);
    --dui-colors-background-functional-post-yellow: var(--dui-color-duil-alias-post-yellow-100);
    --dui-colors-foreground-neutral: var(--dui-color-duil-alias-neutral-050);
    --dui-colors-foreground-information: var(--dui-color-duil-alias-information-075);
    --dui-colors-foreground-positive: var(--dui-color-duil-alias-positive-100);
    --dui-colors-foreground-negative: var(--dui-color-duil-alias-negative-100);
    --dui-colors-foreground-warning: var(--dui-color-duil-alias-warning-075);
    --dui-colors-foreground-primary: var(--dui-color-duil-alias-neutral-075);
    --dui-colors-foreground-secondary: var(--dui-color-duil-alias-neutral-150);
    --dui-colors-foreground-tertiary: var(--dui-color-duil-alias-neutral-150);
    --dui-colors-foreground-highlight: var(--dui-color-duil-alias-neutral-050);
    --dui-colors-foreground-inverted: var(--dui-color-duil-alias-neutral-950);
    --dui-colors-foreground-functional-dhl-red: var(--dui-color-duil-alias-dhl-red-600);
    --dui-colors-foreground-functional-brand: var(--dui-color-duil-alias-neutral-900);
    --dui-colors-foreground-functional-overlay: var(--dui-color-duil-alias-black-alpha-750);
    --dui-colors-foreground-functional-neutral: var(--dui-color-duil-alias-neutral-100);
    --dui-colors-foreground-functional-error: var(--dui-color-duil-alias-dhl-red-400);
    --dui-colors-foreground-functional-sustainability: var(--dui-color-duil-alias-go-green-700);
    --dui-colors-foreground-functional-post-yellow: var(--dui-color-duil-alias-post-yellow-100);
    --dui-colors-foreground-functional-important: var(--dui-color-duil-alias-dhl-red-600);
    --dui-colors-foreground-disabled: var(--dui-color-duil-alias-neutral-400);
    --dui-colors-icons-neutral: var(--dui-color-duil-alias-neutral-050);
    --dui-colors-icons-information: var(--dui-color-duil-alias-information-075);
    --dui-colors-icons-warning: var(--dui-color-duil-alias-warning-075);
    --dui-colors-icons-positive: var(--dui-color-duil-alias-positive-050);
    --dui-colors-icons-negative: var(--dui-color-duil-alias-negative-100);
    --dui-colors-icons-primary: var(--dui-color-duil-alias-dhl-red-600);
    --dui-colors-icons-secondary: var(--dui-color-duil-alias-neutral-075);
    --dui-colors-icons-inverted: var(--dui-color-duil-alias-neutral-750);
    --dui-colors-icons-functional-sustainability: var(--dui-color-duil-alias-go-green-700);
    --dui-colors-icons-disabled: var(--dui-color-duil-alias-black-alpha-400);
  }
}

html[data-dui-theme="theme-dark"]:root {
    --dui-colors-data-viz-divergent-fill-divergent-positive-high: var(--dui-color-duil-alias-positive-800);
  --dui-colors-data-viz-divergent-fill-divergent-positive-mid: var(--dui-color-duil-alias-positive-600);
  --dui-colors-data-viz-divergent-fill-divergent-positive-low: var(--dui-color-duil-alias-positive-400);
  --dui-colors-data-viz-divergent-fill-divergent-neutral: var(--dui-color-duil-alias-neutral-200);
  --dui-colors-data-viz-divergent-fill-divergent-negative-low: var(--dui-color-duil-alias-negative-400);
  --dui-colors-data-viz-divergent-fill-divergent-negative-mid: var(--dui-color-duil-alias-negative-600);
  --dui-colors-data-viz-divergent-fill-divergent-negative-high: var(--dui-color-duil-alias-negative-800);
  --dui-colors-data-viz-feedback-fill-feedback-info-subtle: var(--dui-color-duil-alias-information-200);
  --dui-colors-data-viz-feedback-fill-feedback-info: var(--dui-color-duil-alias-information-500);
  --dui-colors-data-viz-feedback-fill-feedback-success-subtle: var(--dui-color-duil-alias-positive-200);
  --dui-colors-data-viz-feedback-fill-feedback-success: var(--dui-color-duil-alias-positive-500);
  --dui-colors-data-viz-feedback-fill-feedback-warning-subtle: var(--dui-color-duil-alias-warning-200);
  --dui-colors-data-viz-feedback-fill-feedback-warning: var(--dui-color-duil-alias-warning-500);
  --dui-colors-data-viz-feedback-fill-feedback-error-subtle: var(--dui-color-duil-alias-negative-200);
  --dui-colors-data-viz-feedback-fill-feedback-error: var(--dui-color-duil-alias-negative-600);
  --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-07: var(--dui-color-duil-alias-warning-900);
  --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-06: var(--dui-color-duil-alias-warning-750);
  --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-05: var(--dui-color-duil-alias-warning-600);
  --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-04: var(--dui-color-duil-alias-warning-400);
  --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-03: var(--dui-color-duil-alias-warning-300);
  --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-02: var(--dui-color-duil-alias-warning-200);
  --dui-colors-data-viz-sequential-tertiary-fill-sequential-primary-01: var(--dui-color-duil-alias-warning-100);
  --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-07: var(--dui-color-duil-alias-positive-900);
  --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-06: var(--dui-color-duil-alias-positive-750);
  --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-05: var(--dui-color-duil-alias-positive-600);
  --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-04: var(--dui-color-duil-alias-positive-400);
  --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-03: var(--dui-color-duil-alias-positive-300);
  --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-02: var(--dui-color-duil-alias-positive-200);
  --dui-colors-data-viz-sequential-secondary-fill-sequential-primary-01: var(--dui-color-duil-alias-positive-100);
  --dui-colors-data-viz-sequential-primary-fill-sequential-primary-07: var(--dui-color-duil-alias-information-900);
  --dui-colors-data-viz-sequential-primary-fill-sequential-primary-06: var(--dui-color-duil-alias-information-750);
  --dui-colors-data-viz-sequential-primary-fill-sequential-primary-05: var(--dui-color-duil-alias-information-600);
  --dui-colors-data-viz-sequential-primary-fill-sequential-primary-04: var(--dui-color-duil-alias-information-400);
  --dui-colors-data-viz-sequential-primary-fill-sequential-primary-03: var(--dui-color-duil-alias-information-300);
  --dui-colors-data-viz-sequential-primary-fill-sequential-primary-02: var(--dui-color-duil-alias-information-200);
  --dui-colors-data-viz-sequential-primary-fill-sequential-primary-01: var(--dui-color-duil-alias-information-100);
  --dui-colors-data-viz-categorical-fill-categorical-07: var(--dui-color-duil-alias-color-categorical-07);
  --dui-colors-data-viz-categorical-fill-categorical-06: var(--dui-color-duil-alias-color-categorical-06);
  --dui-colors-data-viz-categorical-fill-categorical-05: var(--dui-color-duil-alias-color-categorical-05);
  --dui-colors-data-viz-categorical-fill-categorical-04: var(--dui-color-duil-alias-color-categorical-04);
  --dui-colors-data-viz-categorical-fill-categorical-03: var(--dui-color-duil-alias-color-categorical-03);
  --dui-colors-data-viz-categorical-fill-categorical-02: var(--dui-color-duil-alias-color-categorical-02);
  --dui-colors-data-viz-categorical-fill-categorical-01: var(--dui-color-duil-alias-color-categorical-01);
  --dui-colors-action-foreground-ghost-functional-disabled: var(--dui-color-duil-alias-white-alpha-650);
  --dui-colors-action-foreground-ghost-functional-default: var(--dui-color-duil-alias-neutral-white);
  --dui-colors-action-foreground-ghost-highlight-disabled: var(--dui-color-duil-alias-white-alpha-650);
  --dui-colors-action-foreground-ghost-highlight-default: var(--dui-color-duil-alias-neutral-white);
  --dui-colors-action-foreground-tonal-disabled: var(--dui-color-duil-alias-white-alpha-600);
  --dui-colors-action-foreground-tonal-default: var(--dui-color-duil-alias-neutral-white);
  --dui-colors-action-foreground-secondary-inverted-disabled: var(--dui-color-duil-alias-black-alpha-600);
  --dui-colors-action-foreground-secondary-inverted-hover: var(--dui-color-duil-alias-black-alpha-400);
  --dui-colors-action-foreground-secondary-inverted-default: var(--dui-color-duil-alias-neutral-black);
  --dui-colors-action-foreground-secondary-pressed: var(--dui-color-duil-alias-white-alpha-800);
  --dui-colors-action-foreground-secondary-highlight-pressed: var(--dui-color-duil-alias-white-alpha-800);
  --dui-colors-action-foreground-secondary-disabled: var(--dui-color-duil-alias-white-alpha-650);
  --dui-colors-action-foreground-secondary-hover: var(--dui-color-duil-alias-white-alpha-850);
  --dui-colors-action-foreground-secondary-default: var(--dui-color-duil-alias-neutral-white);
  --dui-colors-action-foreground-secondary-highlight-hover: var(--dui-color-duil-alias-dhl-red-750);
  --dui-colors-action-foreground-secondary-highlight-default: var(--dui-color-duil-alias-dhl-red-600);
  --dui-colors-action-foreground-secondary-highlight-disabled: var(--dui-color-duil-alias-white-alpha-650);
  --dui-colors-action-foreground-primary-disabled: var(--dui-color-duil-alias-white-alpha-750);
  --dui-colors-action-foreground-primary-inverted-disabled: var(--dui-color-duil-alias-neutral-900);
  --dui-colors-action-foreground-primary-inverted-default: var(--dui-color-duil-alias-neutral-white);
  --dui-colors-action-foreground-primary-default: var(--dui-color-duil-alias-neutral-white);
  --dui-colors-action-foreground-text-functional-pressed: var(--dui-color-duil-alias-white-alpha-800);
  --dui-colors-action-foreground-text-highlight-pressed: var(--dui-color-duil-alias-white-alpha-800);
  --dui-colors-action-foreground-text-default-2: var(--dui-color-duil-alias-neutral-050);
  --dui-colors-action-foreground-text-functional-disabled: var(--dui-color-duil-alias-white-alpha-650);
  --dui-colors-action-foreground-text-functional-hover: var(--dui-color-duil-alias-white-alpha-850);
  --dui-colors-action-foreground-text-functional-default: var(--dui-color-duil-alias-neutral-white);
  --dui-colors-action-foreground-text-inverted-disabled: var(--dui-color-duil-alias-black-alpha-600);
  --dui-colors-action-foreground-text-inverted-hover: var(--dui-color-duil-alias-black-alpha-600);
  --dui-colors-action-foreground-text-inverted-default: var(--dui-color-duil-alias-neutral-black);
  --dui-colors-action-foreground-text-highlight-disabled: var(--dui-color-duil-alias-white-alpha-650);
  --dui-colors-action-foreground-text-highlight-hover: var(--dui-color-duil-alias-white-alpha-850);
  --dui-colors-action-foreground-text-highlight-default: var(--dui-color-duil-alias-neutral-white);
  --dui-colors-action-foreground-text-highlight-muted: var(--dui-color-duil-alias-neutral-white);
  --dui-colors-action-foreground-text-highlight-visited: var(--dui-color-duil-alias-white-alpha-850);
  --dui-colors-action-background-ghost-highlight-pressed: var(--dui-color-duil-alias-white-alpha-300);
  --dui-colors-action-background-ghost-highlight-hover: var(--dui-color-duil-alias-white-alpha-200);
  --dui-colors-action-background-ghost-pressed: var(--dui-color-duil-alias-white-alpha-300);
  --dui-colors-action-background-ghost-hover: var(--dui-color-duil-alias-white-alpha-200);
  --dui-colors-action-background-tonal-disabled: var(--dui-color-duil-alias-white-alpha-075);
  --dui-colors-action-background-tonal-pressed: var(--dui-color-duil-alias-white-alpha-300);
  --dui-colors-action-background-tonal-hover: var(--dui-color-duil-alias-white-alpha-200);
  --dui-colors-action-background-tonal-default: var(--dui-color-duil-alias-white-alpha-100);
  --dui-colors-action-background-secondary-disabled: var(--dui-color-duil-alias-white-alpha-650);
  --dui-colors-action-background-secondary-highlight-default: var(--dui-color-duil-alias-black-alpha-025);
  --dui-colors-action-background-primary-pressed: var(--dui-color-duil-alias-dhl-red-850);
  --dui-colors-action-background-primary-positive-hover: var(--dui-color-duil-alias-positive-400);
  --dui-colors-action-background-primary-inverted-disabled: var(--dui-color-duil-alias-neutral-white);
  --dui-colors-action-background-primary-inverted-hover: var(--dui-color-duil-alias-neutral-white);
  --dui-colors-action-background-primary-inverted-default: var(--dui-color-duil-alias-neutral-white);
  --dui-colors-action-background-primary-default: var(--dui-color-duil-alias-dhl-red-600);
  --dui-colors-action-background-primary-hover: var(--dui-color-duil-alias-dhl-red-750);
  --dui-colors-action-background-primary-disabled: var(--dui-color-duil-alias-white-alpha-100);
  --dui-colors-stroke-divider: var(--dui-color-duil-alias-neutral-300);
  --dui-colors-stroke-neutral: var(--dui-color-duil-alias-neutral-300);
  --dui-colors-stroke-information: var(--dui-color-duil-alias-information-400);
  --dui-colors-stroke-positive: var(--dui-color-duil-alias-positive-150);
  --dui-colors-stroke-negative: var(--dui-color-duil-alias-negative-500);
  --dui-colors-stroke-warning: var(--dui-color-duil-alias-warning-200);
  --dui-colors-stroke-highlight: var(--dui-color-duil-alias-dhl-red-600);
  --dui-colors-stroke-primary: var(--dui-color-duil-alias-neutral-050);
  --dui-colors-stroke-secondary: var(--dui-color-duil-alias-neutral-900);
  --dui-colors-stroke-tertiary: var(--dui-color-duil-alias-neutral-850);
  --dui-colors-stroke-muted: var(--dui-color-duil-alias-neutral-750);
  --dui-colors-stroke-inverted: var(--dui-color-duil-alias-neutral-950);
  --dui-colors-stroke-functional-scroll-bar: var(--dui-color-duil-alias-neutral-400);
  --dui-colors-stroke-functional-focus: var(--dui-color-duil-alias-information-400);
  --dui-colors-stroke-functional-sustainability: var(--dui-color-duil-alias-go-green-700);
  --dui-colors-stroke-functional-post-yellow: var(--dui-color-duil-alias-post-yellow-100);
  --dui-colors-stroke-disabled: var(--dui-color-duil-alias-black-alpha-400);
  --dui-colors-background-neutral: var(--dui-color-duil-alias-neutral-900);
  --dui-colors-background-positive: var(--dui-color-duil-alias-positive-850);
  --dui-colors-background-negative: var(--dui-color-duil-alias-negative-900);
  --dui-colors-background-information: var(--dui-color-duil-alias-information-900);
  --dui-colors-background-warning: var(--dui-color-duil-alias-warning-850);
  --dui-colors-background-base: var(--dui-color-duil-alias-neutral-950);
  --dui-colors-background-sustainability: var(--dui-color-duil-alias-go-green-700);
  --dui-colors-background-highlight: var(--dui-color-duil-alias-dhl-red-600);
  --dui-colors-background-primary: var(--dui-color-duil-alias-neutral-750);
  --dui-colors-background-secondary: var(--dui-color-duil-alias-neutral-850);
  --dui-colors-background-tertiary: var(--dui-color-duil-alias-neutral-900);
  --dui-colors-background-inverted: var(--dui-color-duil-alias-neutral-white);
  --dui-colors-background-functional-overlay: var(--dui-color-duil-alias-black-alpha-750);
  --dui-colors-background-functional-sustainability: var(--dui-color-duil-alias-go-green-700);
  --dui-colors-background-functional-post-yellow: var(--dui-color-duil-alias-post-yellow-100);
  --dui-colors-foreground-neutral: var(--dui-color-duil-alias-neutral-050);
  --dui-colors-foreground-information: var(--dui-color-duil-alias-information-075);
  --dui-colors-foreground-positive: var(--dui-color-duil-alias-positive-100);
  --dui-colors-foreground-negative: var(--dui-color-duil-alias-negative-100);
  --dui-colors-foreground-warning: var(--dui-color-duil-alias-warning-075);
  --dui-colors-foreground-primary: var(--dui-color-duil-alias-neutral-075);
  --dui-colors-foreground-secondary: var(--dui-color-duil-alias-neutral-150);
  --dui-colors-foreground-tertiary: var(--dui-color-duil-alias-neutral-150);
  --dui-colors-foreground-highlight: var(--dui-color-duil-alias-neutral-050);
  --dui-colors-foreground-inverted: var(--dui-color-duil-alias-neutral-950);
  --dui-colors-foreground-functional-dhl-red: var(--dui-color-duil-alias-dhl-red-600);
  --dui-colors-foreground-functional-brand: var(--dui-color-duil-alias-neutral-900);
  --dui-colors-foreground-functional-overlay: var(--dui-color-duil-alias-black-alpha-750);
  --dui-colors-foreground-functional-neutral: var(--dui-color-duil-alias-neutral-100);
  --dui-colors-foreground-functional-error: var(--dui-color-duil-alias-dhl-red-400);
  --dui-colors-foreground-functional-sustainability: var(--dui-color-duil-alias-go-green-700);
  --dui-colors-foreground-functional-post-yellow: var(--dui-color-duil-alias-post-yellow-100);
  --dui-colors-foreground-functional-important: var(--dui-color-duil-alias-dhl-red-600);
  --dui-colors-foreground-disabled: var(--dui-color-duil-alias-neutral-400);
  --dui-colors-icons-neutral: var(--dui-color-duil-alias-neutral-050);
  --dui-colors-icons-information: var(--dui-color-duil-alias-information-075);
  --dui-colors-icons-warning: var(--dui-color-duil-alias-warning-075);
  --dui-colors-icons-positive: var(--dui-color-duil-alias-positive-050);
  --dui-colors-icons-negative: var(--dui-color-duil-alias-negative-100);
  --dui-colors-icons-primary: var(--dui-color-duil-alias-dhl-red-600);
  --dui-colors-icons-secondary: var(--dui-color-duil-alias-neutral-075);
  --dui-colors-icons-inverted: var(--dui-color-duil-alias-neutral-750);
  --dui-colors-icons-functional-sustainability: var(--dui-color-duil-alias-go-green-700);
  --dui-colors-icons-disabled: var(--dui-color-duil-alias-black-alpha-400);
  } 
/**
 * Do not edit directly
 * Generated on Mon, 27 Jul 2026 11:41:28 GMT
 */





@media (prefers-color-scheme: light) {
  :root {
    --dui-components-navigation-background-sidenav-hover: var(--dui-color-duil-alias-post-yellow-025);
    --dui-components-navigation-background-sidenav-primary: var(--dui-color-duil-alias-neutral-white);
    --dui-components-navigation-background-secondary: var(--dui-color-duil-alias-neutral-white);
    --dui-components-navigation-stroke-primary: var(--dui-color-duil-alias-neutral-black);
    --dui-components-navigation-stroke-highlight: var(--dui-color-duil-alias-dhl-red-600);
    --dui-components-navigation-stroke-secondary: var(--dui-color-duil-alias-neutral-400);
    --dui-components-navigation-foreground-hover: var(--dui-color-duil-alias-dhl-red-750);
    --dui-components-navigation-foreground-default: var(--dui-color-duil-alias-dhl-red-600);
    --dui-components-navigation-foreground-secondary: var(--dui-color-duil-alias-neutral-black);
    --dui-components-navigation-foreground-disabled: var(--dui-color-duil-alias-neutral-400);
    --dui-components-navigation-foreground-primary: var(--dui-color-duil-alias-neutral-black);
    --dui-components-content-toggle-control-foreground-inverted: var(--dui-color-duil-alias-neutral-white);
    --dui-components-content-toggle-control-foreground-default: var(--dui-color-duil-alias-neutral-black);
    --dui-components-content-toggle-control-background-shadow: var(--dui-color-duil-alias-black-alpha-075);
    --dui-components-content-toggle-control-background-active-inverted: var(--dui-color-duil-alias-neutral-black);
    --dui-components-content-toggle-control-background-active: var(--dui-color-duil-alias-neutral-white);
    --dui-components-content-toggle-control-background-inactive: var(--dui-color-duil-alias-black-alpha-075);
    --dui-components-content-table-cell-selected: var(--dui-color-duil-alias-post-yellow-025);
    --dui-components-content-table-stroke-secondary: var(--dui-color-duil-alias-neutral-100);
    --dui-components-content-table-stroke-primary: var(--dui-color-duil-alias-neutral-400);
    --dui-components-content-draggable-stroke-dropzone: var(--dui-color-duil-alias-neutral-600);
    --dui-components-content-draggable-background-dropzone: var(--dui-color-duil-alias-neutral-075);
    --dui-components-content-draggable-foreground-handle-hover: var(--dui-color-duil-alias-dhl-red-750);
    --dui-components-content-draggable-foreground-handle-default: var(--dui-color-duil-alias-neutral-400);
    --dui-components-content-bar-background-default: var(--dui-color-duil-alias-neutral-075);
    --dui-components-forms-switch-stroke-error-hover: var(--dui-color-duil-alias-negative-700);
    --dui-components-forms-switch-stroke-active-hover: var(--dui-color-duil-alias-positive-700);
    --dui-components-forms-switch-background-error-hover: var(--dui-color-duil-alias-negative-100);
    --dui-components-forms-switch-background-active-hover: var(--dui-color-duil-alias-positive-100);
    --dui-components-forms-stroke-disabled: var(--dui-color-duil-alias-neutral-075);
    --dui-components-forms-stroke-tertiary: var(--dui-color-duil-alias-neutral-100);
    --dui-components-forms-stroke-secondary: var(--dui-color-duil-alias-neutral-black);
    --dui-components-forms-stroke-primary: var(--dui-color-duil-alias-neutral-400);
    --dui-components-forms-stroke-hover: var(--dui-color-duil-alias-neutral-650);
    --dui-components-forms-stroke-default: var(--dui-color-duil-alias-neutral-200);
    --dui-components-forms-background-disabled: var(--dui-color-duil-alias-neutral-075);
    --dui-components-forms-background-tertiary: var(--dui-color-duil-alias-neutral-075);
    --dui-components-forms-background-secondary: var(--dui-color-duil-alias-neutral-075);
    --dui-components-forms-background-hover: var(--dui-color-duil-alias-neutral-075);
    --dui-components-forms-background-dropdown-hover: var(--dui-color-duil-alias-neutral-075);
    --dui-components-forms-background-dropdown-focus: var(--dui-color-duil-alias-black-alpha-075);
    --dui-components-forms-background-default: var(--dui-color-duil-alias-neutral-white);
  }
}

html[data-dui-theme="theme-light"]:root {
    --dui-components-navigation-background-sidenav-hover: var(--dui-color-duil-alias-post-yellow-025);
  --dui-components-navigation-background-sidenav-primary: var(--dui-color-duil-alias-neutral-white);
  --dui-components-navigation-background-secondary: var(--dui-color-duil-alias-neutral-white);
  --dui-components-navigation-stroke-primary: var(--dui-color-duil-alias-neutral-black);
  --dui-components-navigation-stroke-highlight: var(--dui-color-duil-alias-dhl-red-600);
  --dui-components-navigation-stroke-secondary: var(--dui-color-duil-alias-neutral-400);
  --dui-components-navigation-foreground-hover: var(--dui-color-duil-alias-dhl-red-750);
  --dui-components-navigation-foreground-default: var(--dui-color-duil-alias-dhl-red-600);
  --dui-components-navigation-foreground-secondary: var(--dui-color-duil-alias-neutral-black);
  --dui-components-navigation-foreground-disabled: var(--dui-color-duil-alias-neutral-400);
  --dui-components-navigation-foreground-primary: var(--dui-color-duil-alias-neutral-black);
  --dui-components-content-toggle-control-foreground-inverted: var(--dui-color-duil-alias-neutral-white);
  --dui-components-content-toggle-control-foreground-default: var(--dui-color-duil-alias-neutral-black);
  --dui-components-content-toggle-control-background-shadow: var(--dui-color-duil-alias-black-alpha-075);
  --dui-components-content-toggle-control-background-active-inverted: var(--dui-color-duil-alias-neutral-black);
  --dui-components-content-toggle-control-background-active: var(--dui-color-duil-alias-neutral-white);
  --dui-components-content-toggle-control-background-inactive: var(--dui-color-duil-alias-black-alpha-075);
  --dui-components-content-table-cell-selected: var(--dui-color-duil-alias-post-yellow-025);
  --dui-components-content-table-stroke-secondary: var(--dui-color-duil-alias-neutral-100);
  --dui-components-content-table-stroke-primary: var(--dui-color-duil-alias-neutral-400);
  --dui-components-content-draggable-stroke-dropzone: var(--dui-color-duil-alias-neutral-600);
  --dui-components-content-draggable-background-dropzone: var(--dui-color-duil-alias-neutral-075);
  --dui-components-content-draggable-foreground-handle-hover: var(--dui-color-duil-alias-dhl-red-750);
  --dui-components-content-draggable-foreground-handle-default: var(--dui-color-duil-alias-neutral-400);
  --dui-components-content-bar-background-default: var(--dui-color-duil-alias-neutral-075);
  --dui-components-forms-switch-stroke-error-hover: var(--dui-color-duil-alias-negative-700);
  --dui-components-forms-switch-stroke-active-hover: var(--dui-color-duil-alias-positive-700);
  --dui-components-forms-switch-background-error-hover: var(--dui-color-duil-alias-negative-100);
  --dui-components-forms-switch-background-active-hover: var(--dui-color-duil-alias-positive-100);
  --dui-components-forms-stroke-disabled: var(--dui-color-duil-alias-neutral-075);
  --dui-components-forms-stroke-tertiary: var(--dui-color-duil-alias-neutral-100);
  --dui-components-forms-stroke-secondary: var(--dui-color-duil-alias-neutral-black);
  --dui-components-forms-stroke-primary: var(--dui-color-duil-alias-neutral-400);
  --dui-components-forms-stroke-hover: var(--dui-color-duil-alias-neutral-650);
  --dui-components-forms-stroke-default: var(--dui-color-duil-alias-neutral-200);
  --dui-components-forms-background-disabled: var(--dui-color-duil-alias-neutral-075);
  --dui-components-forms-background-tertiary: var(--dui-color-duil-alias-neutral-075);
  --dui-components-forms-background-secondary: var(--dui-color-duil-alias-neutral-075);
  --dui-components-forms-background-hover: var(--dui-color-duil-alias-neutral-075);
  --dui-components-forms-background-dropdown-hover: var(--dui-color-duil-alias-neutral-075);
  --dui-components-forms-background-dropdown-focus: var(--dui-color-duil-alias-black-alpha-075);
  --dui-components-forms-background-default: var(--dui-color-duil-alias-neutral-white);
  }@media (prefers-color-scheme: dark) {
  :root {
    --dui-components-navigation-background-sidenav-hover: var(--dui-color-duil-alias-neutral-850);
    --dui-components-navigation-background-sidenav-primary: var(--dui-color-duil-alias-neutral-white);
    --dui-components-navigation-background-secondary: var(--dui-color-duil-alias-neutral-075);
    --dui-components-navigation-stroke-primary: var(--dui-color-duil-alias-neutral-white);
    --dui-components-navigation-stroke-highlight: var(--dui-color-duil-alias-dhl-red-600);
    --dui-components-navigation-stroke-secondary: var(--dui-color-duil-alias-neutral-400);
    --dui-components-navigation-foreground-hover: var(--dui-color-duil-alias-dhl-red-750);
    --dui-components-navigation-foreground-default: var(--dui-color-duil-alias-dhl-red-600);
    --dui-components-navigation-foreground-secondary: var(--dui-color-duil-alias-neutral-white);
    --dui-components-navigation-foreground-disabled: var(--dui-color-duil-alias-neutral-400);
    --dui-components-navigation-foreground-primary: var(--dui-color-duil-alias-neutral-black);
    --dui-components-content-toggle-control-foreground-inverted: var(--dui-color-duil-alias-neutral-black);
    --dui-components-content-toggle-control-foreground-default: var(--dui-color-duil-alias-neutral-white);
    --dui-components-content-toggle-control-background-shadow: var(--dui-color-duil-alias-black-alpha-025);
    --dui-components-content-toggle-control-background-active-inverted: var(--dui-color-duil-alias-neutral-white);
    --dui-components-content-toggle-control-background-active: var(--dui-color-duil-alias-neutral-black);
    --dui-components-content-toggle-control-background-inactive: var(--dui-color-duil-alias-white-alpha-200);
    --dui-components-content-table-cell-selected: var(--dui-color-duil-alias-neutral-850);
    --dui-components-content-table-stroke-secondary: var(--dui-color-duil-alias-neutral-100);
    --dui-components-content-table-stroke-primary: var(--dui-color-duil-alias-neutral-400);
    --dui-components-content-draggable-stroke-dropzone: var(--dui-color-duil-alias-neutral-600);
    --dui-components-content-draggable-background-dropzone: var(--dui-color-duil-alias-neutral-750);
    --dui-components-content-draggable-foreground-handle-hover: var(--dui-color-duil-alias-neutral-075);
    --dui-components-content-draggable-foreground-handle-default: var(--dui-color-duil-alias-neutral-075);
    --dui-components-content-bar-background-default: var(--dui-color-duil-alias-neutral-075);
    --dui-components-forms-switch-stroke-error-hover: var(--dui-color-duil-alias-negative-100);
    --dui-components-forms-switch-stroke-active-hover: var(--dui-color-duil-alias-positive-100);
    --dui-components-forms-switch-background-error-hover: var(--dui-color-duil-alias-negative-750);
    --dui-components-forms-switch-background-active-hover: var(--dui-color-duil-alias-positive-750);
    --dui-components-forms-stroke-disabled: var(--dui-color-duil-alias-neutral-850);
    --dui-components-forms-stroke-tertiary: var(--dui-color-duil-alias-neutral-600);
    --dui-components-forms-stroke-secondary: var(--dui-color-duil-alias-neutral-400);
    --dui-components-forms-stroke-primary: var(--dui-color-duil-alias-neutral-050);
    --dui-components-forms-stroke-hover: var(--dui-color-duil-alias-neutral-200);
    --dui-components-forms-stroke-default: var(--dui-color-duil-alias-neutral-600);
    --dui-components-forms-background-disabled: var(--dui-color-duil-alias-neutral-900);
    --dui-components-forms-background-tertiary: var(--dui-color-duil-alias-neutral-850);
    --dui-components-forms-background-secondary: var(--dui-color-duil-alias-neutral-150);
    --dui-components-forms-background-hover: var(--dui-color-duil-alias-neutral-150);
    --dui-components-forms-background-dropdown-hover: var(--dui-color-duil-alias-neutral-900);
    --dui-components-forms-background-dropdown-focus: var(--dui-color-duil-alias-neutral-900);
    --dui-components-forms-background-default: var(--dui-color-duil-alias-neutral-950);
  }
}

html[data-dui-theme="theme-dark"]:root {
    --dui-components-navigation-background-sidenav-hover: var(--dui-color-duil-alias-neutral-850);
  --dui-components-navigation-background-sidenav-primary: var(--dui-color-duil-alias-neutral-white);
  --dui-components-navigation-background-secondary: var(--dui-color-duil-alias-neutral-075);
  --dui-components-navigation-stroke-primary: var(--dui-color-duil-alias-neutral-white);
  --dui-components-navigation-stroke-highlight: var(--dui-color-duil-alias-dhl-red-600);
  --dui-components-navigation-stroke-secondary: var(--dui-color-duil-alias-neutral-400);
  --dui-components-navigation-foreground-hover: var(--dui-color-duil-alias-dhl-red-750);
  --dui-components-navigation-foreground-default: var(--dui-color-duil-alias-dhl-red-600);
  --dui-components-navigation-foreground-secondary: var(--dui-color-duil-alias-neutral-white);
  --dui-components-navigation-foreground-disabled: var(--dui-color-duil-alias-neutral-400);
  --dui-components-navigation-foreground-primary: var(--dui-color-duil-alias-neutral-black);
  --dui-components-content-toggle-control-foreground-inverted: var(--dui-color-duil-alias-neutral-black);
  --dui-components-content-toggle-control-foreground-default: var(--dui-color-duil-alias-neutral-white);
  --dui-components-content-toggle-control-background-shadow: var(--dui-color-duil-alias-black-alpha-025);
  --dui-components-content-toggle-control-background-active-inverted: var(--dui-color-duil-alias-neutral-white);
  --dui-components-content-toggle-control-background-active: var(--dui-color-duil-alias-neutral-black);
  --dui-components-content-toggle-control-background-inactive: var(--dui-color-duil-alias-white-alpha-200);
  --dui-components-content-table-cell-selected: var(--dui-color-duil-alias-neutral-850);
  --dui-components-content-table-stroke-secondary: var(--dui-color-duil-alias-neutral-100);
  --dui-components-content-table-stroke-primary: var(--dui-color-duil-alias-neutral-400);
  --dui-components-content-draggable-stroke-dropzone: var(--dui-color-duil-alias-neutral-600);
  --dui-components-content-draggable-background-dropzone: var(--dui-color-duil-alias-neutral-750);
  --dui-components-content-draggable-foreground-handle-hover: var(--dui-color-duil-alias-neutral-075);
  --dui-components-content-draggable-foreground-handle-default: var(--dui-color-duil-alias-neutral-075);
  --dui-components-content-bar-background-default: var(--dui-color-duil-alias-neutral-075);
  --dui-components-forms-switch-stroke-error-hover: var(--dui-color-duil-alias-negative-100);
  --dui-components-forms-switch-stroke-active-hover: var(--dui-color-duil-alias-positive-100);
  --dui-components-forms-switch-background-error-hover: var(--dui-color-duil-alias-negative-750);
  --dui-components-forms-switch-background-active-hover: var(--dui-color-duil-alias-positive-750);
  --dui-components-forms-stroke-disabled: var(--dui-color-duil-alias-neutral-850);
  --dui-components-forms-stroke-tertiary: var(--dui-color-duil-alias-neutral-600);
  --dui-components-forms-stroke-secondary: var(--dui-color-duil-alias-neutral-400);
  --dui-components-forms-stroke-primary: var(--dui-color-duil-alias-neutral-050);
  --dui-components-forms-stroke-hover: var(--dui-color-duil-alias-neutral-200);
  --dui-components-forms-stroke-default: var(--dui-color-duil-alias-neutral-600);
  --dui-components-forms-background-disabled: var(--dui-color-duil-alias-neutral-900);
  --dui-components-forms-background-tertiary: var(--dui-color-duil-alias-neutral-850);
  --dui-components-forms-background-secondary: var(--dui-color-duil-alias-neutral-150);
  --dui-components-forms-background-hover: var(--dui-color-duil-alias-neutral-150);
  --dui-components-forms-background-dropdown-hover: var(--dui-color-duil-alias-neutral-900);
  --dui-components-forms-background-dropdown-focus: var(--dui-color-duil-alias-neutral-900);
  --dui-components-forms-background-default: var(--dui-color-duil-alias-neutral-950);
  } 
/**
 * Do not edit directly
 * Generated on Wed, 20 Mar 2024 11:09:37 GMT
 */

body[data-theme="dui-dhl"] {
  --dui-brand-color-headline: #d40511;
  --dui-brand-color-icon: currentColor;
} 
/**
 * Do not edit directly
 * Generated on Wed, 20 Mar 2024 11:09:37 GMT
 */

body[data-theme="dui-dpdhl"] {
  --dui-brand-color-headline: #000000;
  --dui-brand-color-icon: #000000;
} 
/**
 * Do not edit directly
 * Generated on Mon, 27 Jul 2026 11:41:28 GMT
 */



:root {
  --dui-duration-infinite: 1.5s linear infinite; /* Infinite duration */
  --dui-duration-5x: 3.2s; /* 3.2 seconds, 192 frames */
  --dui-duration-4x: 0.4s; /* 0.4 seconds, 24 frames */
  --dui-duration-3x: 0.2s; /* 0.2 seconds, 12 frames */
  --dui-duration-2x: 0.1s; /* 0.1 seconds, 6 frames */
  --dui-duration-1x: 0.05s; /* 0.05 seconds, 3 frames */
  --dui-duration-0x: 0s; /* 0 seconds, 0 frames */
  --dui-duration-default: var(--dui-duration-3x);
} 
/**
 * Do not edit directly
 * Generated on Mon, 27 Jul 2026 11:41:28 GMT
 */



:root {
  --dui-font-family: Delivery, Verdana, sans-serif;
} 
/**
 * Do not edit directly
 * Generated on Mon, 27 Jul 2026 11:41:28 GMT
 */



:root {
  --dui-font-weight-normal: 400;
  --dui-font-weight-medium: 500;
  --dui-font-weight-light: 300;
  --dui-font-weight-bold: 700;
  --dui-font-weight-black: 900;
} 
/**
 * Do not edit directly
 * Generated on Mon, 27 Jul 2026 11:41:28 GMT
 */



:root {
  --dui-gradient-right: linear-gradient(270deg, #ffcc00ff 0%, #ffcc00ff 30%, #ffde59ff 79%, #fff0b2ff 100%);
  --dui-gradient-left: linear-gradient(90deg, #ffcc00ff 0%, #ffcc00ff 30%, #ffde59ff 73%, #fff0b2ff 100%);
  --dui-gradient-bottom: linear-gradient(-7.671815945056267deg, #ffcc00ff 0%, #ffcc00ff 27%, #ffde59ff 79%, #fff0b2ff 100%, #fff0b2ff 100%);
  --dui-gradient-top: linear-gradient(180deg, #ffcc00ff 0%, #ffcc00ff 30%, #ffde59ff 79%, #fff0b2ff 100%);
} 
/**
 * Do not edit directly
 * Generated on Mon, 27 Jul 2026 11:41:28 GMT
 */



:root {
  --dui-highlight-right: linear-gradient(90deg, #45ff0000 0%, #ffcc0000 5%, #ffcc0080 30%, #ffcc00ff 90%, #ffcc00ff 100%);
  --dui-highlight-left: linear-gradient(90deg, #ffcc00ff 0%, #ffcc00ff 10%, #ffcc0080 70%, #ffcc0000 95%, #ffcc0000 100%);
  --dui-highlight-bottom: linear-gradient(-3.49987772096938e-8deg, #ffcc0000 0%, #ffcc0000 5%, #ffcc0080 30%, #ffcc00ff 90%, #ffcc00ff 100%);
  --dui-highlight-top: linear-gradient(180deg, #ffcc0000 0%, #ffcc0000 5%, #ffcc0080 30%, #ffcc00ff 90%, #ffcc00ff 100%);
} 
/**
 * Do not edit directly
 * Generated on Mon, 27 Jul 2026 11:41:28 GMT
 */



:root {
  --dui-size-icons-xs: var(--dui-size-6x);
  --dui-size-icons-sm: var(--dui-size-9x);
  --dui-size-icons-md: var(--dui-size-12x);
  --dui-size-icons-lg: var(--dui-size-24x);
  --dui-size-icons-xl: var(--dui-size-32x);
} 
/**
 * Do not edit directly
 * Generated on Mon, 27 Jul 2026 11:41:28 GMT
 */



:root {
  --dui-size-letter-spacing-xs: 0.2px;
  --dui-size-letter-spacing-xl: 1px;
  --dui-size-letter-spacing-sm: 0.4px;
  --dui-size-letter-spacing-md: 0.6px;
  --dui-size-letter-spacing-lg: 0.8px;
  --dui-size-letter-spacing-0: 0;
} 
/**
 * Do not edit directly
 * Generated on Mon, 27 Jul 2026 11:41:28 GMT
 */



:root {
  --dui-size-line-height-xs: 1;
  --dui-size-line-height-xl: 1.3;
  --dui-size-line-height-sm: 1.15;
  --dui-size-line-height-normal: 1;
  --dui-size-line-height-md: 1.2;
  --dui-size-line-height-lg: 1.25;
  --dui-size-line-height-9xl: 1.7;
  --dui-size-line-height-8xl: 1.65;
  --dui-size-line-height-7xl: 1.6;
  --dui-size-line-height-6xl: 1.55;
  --dui-size-line-height-5xl: 1.5;
  --dui-size-line-height-3xl: 1.4;
  --dui-size-line-height-2xl: 1.35;
  --dui-size-line-height-10xl: 1.75;
} 
/**
 * Do not edit directly
 * Generated on Mon, 27 Jul 2026 11:41:28 GMT
 */



:root {
  --dui-size-radius-3xl: var(--dui-size-7x);
  --dui-size-radius-xl: var(--dui-size-5x);
  --dui-size-radius-2xl: var(--dui-size-6x);
  --dui-size-radius-full: var(--dui-size-full);
  --dui-size-radius-xs: var(--dui-size-1x);
  --dui-size-radius-md: var(--dui-size-2x);
  --dui-size-radius-lg: var(--dui-size-4x);
  --dui-size-radius-0: var(--dui-size-0);
} 
/**
 * Do not edit directly
 * Generated on Mon, 27 Jul 2026 11:41:28 GMT
 */



:root {
  --dui-shadow-lg-2: 0px 3px 8px -1px rgba(0, 0, 0, 0.1);
  --dui-shadow-lg-1: 0px 10px 24px 0px rgba(0, 0, 0, 0.1);
  --dui-shadow-lg-0: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  --dui-shadow-md-2: 0px 1px 4px -1px rgba(0, 0, 0, 0.1);
  --dui-shadow-md-1: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
  --dui-shadow-md-0: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  --dui-shadow-sm-2: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
  --dui-shadow-sm-1: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  --dui-shadow-sm-0: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
} 
/**
 * Do not edit directly
 * Generated on Mon, 27 Jul 2026 11:41:28 GMT
 */



:root {
  --dui-size-font-xs:  calc(var(--dui-size-theme) * 0.75rem); /* 12px */
  --dui-size-font-xl:  calc(var(--dui-size-theme) * 1.25rem); /* 20px */
  --dui-size-font-sm:  calc(var(--dui-size-theme) * 0.875rem); /* 14px */
  --dui-size-font-md:  calc(var(--dui-size-theme) * 1rem); /* 16px */
  --dui-size-font-lg:  calc(var(--dui-size-theme) * 1.125rem); /* 18px */
  --dui-size-font-9xl:  calc(var(--dui-size-theme) * 2.375rem); /* 38px */
  --dui-size-font-8xl:  calc(var(--dui-size-theme) * 2.25rem); /* 36px */
  --dui-size-font-7xl:  calc(var(--dui-size-theme) * 2.125rem); /* 34px */
  --dui-size-font-6xl:  calc(var(--dui-size-theme) * 2rem); /* 32px */
  --dui-size-font-5xl:  calc(var(--dui-size-theme) * 1.875rem); /* 30px */
  --dui-size-font-4xl:  calc(var(--dui-size-theme) * 1.75rem); /* 28px */
  --dui-size-font-3xl:  calc(var(--dui-size-theme) * 1.5rem); /* 24px */
  --dui-size-font-2xs:  calc(var(--dui-size-theme) * 0.625rem); /* 10px */
  --dui-size-font-2xl:  calc(var(--dui-size-theme) * 1.375rem); /* 22px */
  --dui-size-font-11xl:  calc(var(--dui-size-theme) * 3rem); /* 48px */
  --dui-size-font-10xl:  calc(var(--dui-size-theme) * 2.625rem); /* 42px */
} 
/**
 * Do not edit directly
 * Generated on Mon, 27 Jul 2026 11:41:28 GMT
 */



:root {
  --dui-size-space-full: var(--dui-size-full);
  --dui-size-space-1x: var(--dui-size-1x);
  --dui-size-space-2x: var(--dui-size-2x);
  --dui-size-space-3x: var(--dui-size-3x);
  --dui-size-space-4x: var(--dui-size-4x);
  --dui-size-space-5x: var(--dui-size-5x);
  --dui-size-space-6x: var(--dui-size-6x);
  --dui-size-space-7x: var(--dui-size-7x);
  --dui-size-space-8x: var(--dui-size-8x);
  --dui-size-space-9x: var(--dui-size-9x);
  --dui-size-space-10x: var(--dui-size-10x);
  --dui-size-space-11x: var(--dui-size-11x);
  --dui-size-space-12x: var(--dui-size-12x);
  --dui-size-space-16x: var(--dui-size-16x);
  --dui-size-space-20x: var(--dui-size-20x);
  --dui-size-space-24x: var(--dui-size-24x);
  --dui-size-space-32x: var(--dui-size-32x);
  --dui-size-space-40x: var(--dui-size-40x);
  --dui-size-space-48x: var(--dui-size-48x);
  --dui-size-space-50x: var(--dui-size-50x);
  --dui-size-space-56x: var(--dui-size-56x);
  --dui-size-space-64x: var(--dui-size-64x);
  --dui-size-space-72x: var(--dui-size-72x);
  --dui-size-space-80x: var(--dui-size-80x);
  --dui-size-space-1: var(--dui-size-1);
  --dui-size-space-0: var(--dui-size-0);
} 
/**
 * Do not edit directly
 * Generated on Mon, 27 Jul 2026 11:41:28 GMT
 */



:root {
  --dui-size-theme: 1;
} 
/**
 * Do not edit directly
 * Generated on Mon, 27 Jul 2026 11:41:28 GMT
 */



:root {
  --dui-size-width-border-xs: var(--dui-size-1);
  --dui-size-width-border-sm: var(--dui-size-1x);
  --dui-size-width-border-md: var(--dui-size-2x);
} 
/**
 * Do not edit directly
 * Generated on Mon, 27 Jul 2026 11:41:28 GMT
 */



:root {
  --dui-z-index-back-to-top: 1000;
  --dui-z-index-loader: 1000;
  --dui-z-index-navbar: 1100;
  --dui-z-index-drawers: 1400;
  --dui-z-index-modal: 1500;
  --dui-z-index-popover: 1800;
  --dui-z-index-alert: 2000;
}
  @keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes appearFromSide {
  from {
    transform: translateX(20px) rotateZ(0.5turn);
    opacity: 0;
  }

  to {
    transform: translateY(0) rotateZ(0);
    opacity: 1;
  }
}
@keyframes appearFromTop {
  from {
    transform: scale(0.5) translateY(-20px);
    opacity: 0;
  }

  to {
    width: auto;
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}
@keyframes disappearFromBottom {
  to {
    transform: scale(0.5) translateY(-20px);
    opacity: 0;
  }

  from {
    width: auto;
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}
  @font-face {
  font-family: "Delivery";
  font-display: block;
  src: url("/assets/Delivery_W_Bd-Ceg8DYGh.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Delivery";
  font-display: block;
  src: url("/assets/Delivery_W_BdIt-CpkwsMsq.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Delivery";
  font-display: block;
  src: url("/assets/Delivery_W_CdBlk-C-XUscZ4.woff2") format("woff2");
  font-weight: 800;
  font-stretch: condensed;
  font-style: normal;
}

@font-face {
  font-family: "Delivery";
  font-display: block;
  src: url("/assets/Delivery_W_CdLt-L8mKlxAv.woff2") format("woff2");
  font-weight: 200;
  font-stretch: condensed;
  font-style: normal;
}

@font-face {
  font-family: "Delivery";
  font-display: block;
  src: url("/assets/Delivery_W_It-BlWRA1Dh.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Delivery";
  font-display: block;
  src: url("/assets/Delivery_W_Lt-CR84mkfb.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Delivery";
  font-display: block;
  src: url("/assets/Delivery_W_LtIt-bhU_d3AS.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "Delivery";
  font-display: block;
  src: url("/assets/Delivery_W_Rg-SzEWzMhW.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  html,
  body {
    font-family: var(--dui-font-family);
  }
.currency-flag {
  display: inline-block;
  width: 24px;
  height: 16px;
  background-size: cover;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle_fallback.png");
}

.np-theme-personal .currency-flag {
  height: 24px;
  background-image: url("https://wise.com/web-art/assets/flags/wise.svg");
}

.currency-flag-sm {
  width: 16px;
  height: 10px;
}

.np-theme-personal .currency-flag-sm {
  height: 16px;
}

.currency-flag-lg {
  width: 36px;
  height: 24px;
}

.np-theme-personal .currency-flag-lg {
  height: 36px;
}

.currency-flag-xl {
  width: 48px;
  height: 32px;
}

.np-theme-personal .currency-flag-xl {
  height: 48px;
}

.currency-flag.currency-flag-aed {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/aed.png");
}
.currency-flag.currency-flag-afn {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/afn.png");
}
.currency-flag.currency-flag-all {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/all.png");
}
.currency-flag.currency-flag-amd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/amd.png");
}
.currency-flag.currency-flag-ang {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/ang.png");
}
.currency-flag.currency-flag-aoa {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/aoa.png");
}
.currency-flag.currency-flag-ars {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/ars.png");
}
.currency-flag.currency-flag-aud {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/aud.png");
}
.currency-flag.currency-flag-awg {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/awg.png");
}
.currency-flag.currency-flag-azn {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/azn.png");
}
.currency-flag.currency-flag-bam {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/bam.png");
}
.currency-flag.currency-flag-bbd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/bbd.png");
}
.currency-flag.currency-flag-bdt {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/bdt.png");
}
.currency-flag.currency-flag-bgn {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/bgn.png");
}
.currency-flag.currency-flag-bhd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/bhd.png");
}
.currency-flag.currency-flag-bif {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/bif.png");
}
.currency-flag.currency-flag-bmd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/bmd.png");
}
.currency-flag.currency-flag-bnd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/bnd.png");
}
.currency-flag.currency-flag-bob {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/bob.png");
}
.currency-flag.currency-flag-brl {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/brl.png");
}
.currency-flag.currency-flag-bsd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/bsd.png");
}
.currency-flag.currency-flag-btn {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/btn.png");
}
.currency-flag.currency-flag-bwp {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/bwp.png");
}
.currency-flag.currency-flag-byn {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/byn.png");
}
.currency-flag.currency-flag-bzd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/bzd.png");
}
.currency-flag.currency-flag-cad {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/cad.png");
}
.currency-flag.currency-flag-cdf {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/cdf.png");
}
.currency-flag.currency-flag-chf {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/chf.png");
}
.currency-flag.currency-flag-clp {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/clp.png");
}
.currency-flag.currency-flag-cny {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/cny.png");
}
.currency-flag.currency-flag-cop {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/cop.png");
}
.currency-flag.currency-flag-crc {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/crc.png");
}
.currency-flag.currency-flag-cup {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/cup.png");
}
.currency-flag.currency-flag-cve {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/cve.png");
}
.currency-flag.currency-flag-czk {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/czk.png");
}
.currency-flag.currency-flag-djf {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/djf.png");
}
.currency-flag.currency-flag-dkk {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/dkk.png");
}
.currency-flag.currency-flag-dop {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/dop.png");
}
.currency-flag.currency-flag-dzd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/dzd.png");
}
.currency-flag.currency-flag-egp {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/egp.png");
}
.currency-flag.currency-flag-ern {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/ern.png");
}
.currency-flag.currency-flag-etb {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/etb.png");
}
.currency-flag.currency-flag-eur {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/eur.png");
}
.currency-flag.currency-flag-fjd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/fjd.png");
}
.currency-flag.currency-flag-fkp {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/fkp.png");
}
.currency-flag.currency-flag-gbp {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/gbp.png");
}
.currency-flag.currency-flag-gel {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/gel.png");
}
.currency-flag.currency-flag-ggp {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/ggp.png");
}
.currency-flag.currency-flag-ghs {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/ghs.png");
}
.currency-flag.currency-flag-gip {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/gip.png");
}
.currency-flag.currency-flag-gmd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/gmd.png");
}
.currency-flag.currency-flag-gnf {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/gnf.png");
}
.currency-flag.currency-flag-gtq {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/gtq.png");
}
.currency-flag.currency-flag-gyd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/gyd.png");
}
.currency-flag.currency-flag-hkd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/hkd.png");
}
.currency-flag.currency-flag-hnl {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/hnl.png");
}
.currency-flag.currency-flag-hrk {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/hrk.png");
}
.currency-flag.currency-flag-htg {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/htg.png");
}
.currency-flag.currency-flag-huf {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/huf.png");
}
.currency-flag.currency-flag-idr {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/idr.png");
}
.currency-flag.currency-flag-ils {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/ils.png");
}
.currency-flag.currency-flag-imp {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/imp.png");
}
.currency-flag.currency-flag-inr {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/inr.png");
}
.currency-flag.currency-flag-iqd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/iqd.png");
}
.currency-flag.currency-flag-irr {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/irr.png");
}
.currency-flag.currency-flag-isk {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/isk.png");
}
.currency-flag.currency-flag-jep {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/jep.png");
}
.currency-flag.currency-flag-jmd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/jmd.png");
}
.currency-flag.currency-flag-jod {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/jod.png");
}
.currency-flag.currency-flag-jpy {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/jpy.png");
}
.currency-flag.currency-flag-kes {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/kes.png");
}
.currency-flag.currency-flag-kgs {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/kgs.png");
}
.currency-flag.currency-flag-khr {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/khr.png");
}
.currency-flag.currency-flag-kmf {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/kmf.png");
}
.currency-flag.currency-flag-kpw {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/kpw.png");
}
.currency-flag.currency-flag-krw {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/krw.png");
}
.currency-flag.currency-flag-kwd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/kwd.png");
}
.currency-flag.currency-flag-kyd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/kyd.png");
}
.currency-flag.currency-flag-kzt {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/kzt.png");
}
.currency-flag.currency-flag-lak {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/lak.png");
}
.currency-flag.currency-flag-lbp {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/lbp.png");
}
.currency-flag.currency-flag-lkr {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/lkr.png");
}
.currency-flag.currency-flag-lrd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/lrd.png");
}
.currency-flag.currency-flag-lsl {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/lsl.png");
}
.currency-flag.currency-flag-ltl {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/ltl.png");
}
.currency-flag.currency-flag-lyd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/lyd.png");
}
.currency-flag.currency-flag-mad {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/mad.png");
}
.currency-flag.currency-flag-mdl {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/mdl.png");
}
.currency-flag.currency-flag-mga {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/mga.png");
}
.currency-flag.currency-flag-mkd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/mkd.png");
}
.currency-flag.currency-flag-mmk {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/mmk.png");
}
.currency-flag.currency-flag-mnt {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/mnt.png");
}
.currency-flag.currency-flag-mop {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/mop.png");
}
.currency-flag.currency-flag-mro {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/mro.png");
}
.currency-flag.currency-flag-mur {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/mur.png");
}
.currency-flag.currency-flag-mvr {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/mvr.png");
}
.currency-flag.currency-flag-mwk {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/mwk.png");
}
.currency-flag.currency-flag-mxn {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/mxn.png");
}
.currency-flag.currency-flag-myr {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/myr.png");
}
.currency-flag.currency-flag-mzn {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/mzn.png");
}
.currency-flag.currency-flag-nad {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/nad.png");
}
.currency-flag.currency-flag-ngn {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/ngn.png");
}
.currency-flag.currency-flag-nio {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/nio.png");
}
.currency-flag.currency-flag-nok {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/nok.png");
}
.currency-flag.currency-flag-npr {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/npr.png");
}
.currency-flag.currency-flag-nzd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/nzd.png");
}
.currency-flag.currency-flag-omr {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/omr.png");
}
.currency-flag.currency-flag-pab {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/pab.png");
}
.currency-flag.currency-flag-pen {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/pen.png");
}
.currency-flag.currency-flag-pgk {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/pgk.png");
}
.currency-flag.currency-flag-php {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/php.png");
}
.currency-flag.currency-flag-pkr {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/pkr.png");
}
.currency-flag.currency-flag-pln {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/pln.png");
}
.currency-flag.currency-flag-pyg {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/pyg.png");
}
.currency-flag.currency-flag-qar {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/qar.png");
}
.currency-flag.currency-flag-ron {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/ron.png");
}
.currency-flag.currency-flag-rsd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/rsd.png");
}
.currency-flag.currency-flag-rub {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/rub.png");
}
.currency-flag.currency-flag-rwf {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/rwf.png");
}
.currency-flag.currency-flag-sar {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/sar.png");
}
.currency-flag.currency-flag-sbd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/sbd.png");
}
.currency-flag.currency-flag-scr {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/scr.png");
}
.currency-flag.currency-flag-sek {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/sek.png");
}
.currency-flag.currency-flag-sgd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/sgd.png");
}
.currency-flag.currency-flag-shp {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/shp.png");
}
.currency-flag.currency-flag-sll {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/sll.png");
}
.currency-flag.currency-flag-sle {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/sll.png");
}
.currency-flag.currency-flag-sos {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/sos.png");
}
.currency-flag.currency-flag-srd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/srd.png");
}
.currency-flag.currency-flag-std {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/std.png");
}
.currency-flag.currency-flag-svc {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/svc.png");
}
.currency-flag.currency-flag-syp {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/syp.png");
}
.currency-flag.currency-flag-szl {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/szl.png");
}
.currency-flag.currency-flag-thb {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/thb.png");
}
.currency-flag.currency-flag-tjs {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/tjs.png");
}
.currency-flag.currency-flag-tmt {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/tmt.png");
}
.currency-flag.currency-flag-tnd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/tnd.png");
}
.currency-flag.currency-flag-top {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/top.png");
}
.currency-flag.currency-flag-try {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/try.png");
}
.currency-flag.currency-flag-ttd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/ttd.png");
}
.currency-flag.currency-flag-twd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/twd.png");
}
.currency-flag.currency-flag-tzs {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/tzs.png");
}
.currency-flag.currency-flag-uah {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/uah.png");
}
.currency-flag.currency-flag-ugx {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/ugx.png");
}
.currency-flag.currency-flag-usd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/usd.png");
}
.currency-flag.currency-flag-uyu {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/uyu.png");
}
.currency-flag.currency-flag-uzs {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/uzs.png");
}
.currency-flag.currency-flag-vef {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/vef.png");
}
.currency-flag.currency-flag-vnd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/vnd.png");
}
.currency-flag.currency-flag-vuv {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/vuv.png");
}
.currency-flag.currency-flag-wst {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/wst.png");
}
.currency-flag.currency-flag-xaf {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/xaf.png");
}
.currency-flag.currency-flag-xcd {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/xcd.png");
}
.currency-flag.currency-flag-xof {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/xof.png");
}
.currency-flag.currency-flag-xpf {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/xpf.png");
}
.currency-flag.currency-flag-yer {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/yer.png");
}
.currency-flag.currency-flag-zar {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/zar.png");
}
.currency-flag.currency-flag-zmw {
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/zmw.png");
}

.np-theme-personal .currency-flag.currency-flag-aed {
  background-image: url("https://wise.com/web-art/assets/flags/aed.svg");
}
.np-theme-personal .currency-flag.currency-flag-afn {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/afn.png");
}
.np-theme-personal .currency-flag.currency-flag-all {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/all.png");
}
.np-theme-personal .currency-flag.currency-flag-amd {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/amd.png");
}
.np-theme-personal .currency-flag.currency-flag-ang {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/ang.png");
}
.np-theme-personal .currency-flag.currency-flag-aoa {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/aoa.png");
}
.np-theme-personal .currency-flag.currency-flag-ars {
  background-image: url("https://wise.com/web-art/assets/flags/ars.svg");
}
.np-theme-personal .currency-flag.currency-flag-aud {
  background-image: url("https://wise.com/web-art/assets/flags/aud.svg");
}
.np-theme-personal .currency-flag.currency-flag-awg {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/awg.png");
}
.np-theme-personal .currency-flag.currency-flag-azn {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/azn.png");
}
.np-theme-personal .currency-flag.currency-flag-bam {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/bam.png");
}
.np-theme-personal .currency-flag.currency-flag-bbd {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/bbd.png");
}
.np-theme-personal .currency-flag.currency-flag-bdt {
  background-image: url("https://wise.com/web-art/assets/flags/bdt.svg");
}
.np-theme-personal .currency-flag.currency-flag-bgn {
  background-image: url("https://wise.com/web-art/assets/flags/bgn.svg");
}
.np-theme-personal .currency-flag.currency-flag-bhd {
  background-image: url("https://wise.com/web-art/assets/flags/bhd.svg");
}
.np-theme-personal .currency-flag.currency-flag-bif {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/bif.png");
}
.np-theme-personal .currency-flag.currency-flag-bmd {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/bmd.png");
}
.np-theme-personal .currency-flag.currency-flag-bnd {
  background-image: url("https://wise.com/web-art/assets/flags/bnd.svg");
}
.np-theme-personal .currency-flag.currency-flag-bob {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/bob.png");
}
.np-theme-personal .currency-flag.currency-flag-brl {
  background-image: url("https://wise.com/web-art/assets/flags/brl.svg");
}
.np-theme-personal .currency-flag.currency-flag-bsd {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/bsd.png");
}
.np-theme-personal .currency-flag.currency-flag-btn {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/btn.png");
}
.np-theme-personal .currency-flag.currency-flag-bwp {
  background-image: url("https://wise.com/web-art/assets/flags/bwp.svg");
}
.np-theme-personal .currency-flag.currency-flag-byn {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/byn.png");
}
.np-theme-personal .currency-flag.currency-flag-bzd {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/bzd.png");
}
.np-theme-personal .currency-flag.currency-flag-cad {
  background-image: url("https://wise.com/web-art/assets/flags/cad.svg");
}
.np-theme-personal .currency-flag.currency-flag-cdf {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/cdf.png");
}
.np-theme-personal .currency-flag.currency-flag-chf {
  background-image: url("https://wise.com/web-art/assets/flags/chf.svg");
}
.np-theme-personal .currency-flag.currency-flag-clp {
  background-image: url("https://wise.com/web-art/assets/flags/clp.svg");
}
.np-theme-personal .currency-flag.currency-flag-cny {
  background-image: url("https://wise.com/web-art/assets/flags/cny.svg");
}
.np-theme-personal .currency-flag.currency-flag-cop {
  background-image: url("https://wise.com/web-art/assets/flags/cop.svg");
}
.np-theme-personal .currency-flag.currency-flag-crc {
  background-image: url("https://wise.com/web-art/assets/flags/crc.svg");
}
.np-theme-personal .currency-flag.currency-flag-cup {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/cup.png");
}
.np-theme-personal .currency-flag.currency-flag-cve {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/cve.png");
}
.np-theme-personal .currency-flag.currency-flag-czk {
  background-image: url("https://wise.com/web-art/assets/flags/czk.svg");
}
.np-theme-personal .currency-flag.currency-flag-djf {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/djf.png");
}
.np-theme-personal .currency-flag.currency-flag-dkk {
  background-image: url("https://wise.com/web-art/assets/flags/dkk.svg");
}
.np-theme-personal .currency-flag.currency-flag-dop {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/dop.png");
}
.np-theme-personal .currency-flag.currency-flag-dzd {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/dzd.png");
}
.np-theme-personal .currency-flag.currency-flag-egp {
  background-image: url("https://wise.com/web-art/assets/flags/egp.svg");
}
.np-theme-personal .currency-flag.currency-flag-ern {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/ern.png");
}
.np-theme-personal .currency-flag.currency-flag-etb {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/etb.png");
}
.np-theme-personal .currency-flag.currency-flag-eur {
  background-image: url("https://wise.com/web-art/assets/flags/eur.svg");
}
.np-theme-personal .currency-flag.currency-flag-fjd {
  background-image: url("https://wise.com/web-art/assets/flags/fjd.svg");
}
.np-theme-personal .currency-flag.currency-flag-fkp {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/fkp.png");
}
.np-theme-personal .currency-flag.currency-flag-gbp {
  background-image: url("https://wise.com/web-art/assets/flags/gbp.svg");
}
.np-theme-personal .currency-flag.currency-flag-gel {
  background-image: url("https://wise.com/web-art/assets/flags/gel.svg");
}
.np-theme-personal .currency-flag.currency-flag-ggp {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/ggp.png");
}
.np-theme-personal .currency-flag.currency-flag-ghs {
  background-image: url("https://wise.com/web-art/assets/flags/ghs.svg");
}
.np-theme-personal .currency-flag.currency-flag-gip {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/gip.png");
}
.np-theme-personal .currency-flag.currency-flag-gmd {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/gmd.png");
}
.np-theme-personal .currency-flag.currency-flag-gnf {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/gnf.png");
}
.np-theme-personal .currency-flag.currency-flag-gtq {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/gtq.png");
}
.np-theme-personal .currency-flag.currency-flag-gyd {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/gyd.png");
}
.np-theme-personal .currency-flag.currency-flag-hkd {
  background-image: url("https://wise.com/web-art/assets/flags/hkd.svg");
}
.np-theme-personal .currency-flag.currency-flag-hnl {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/hnl.png");
}
.np-theme-personal .currency-flag.currency-flag-hrk {
  background-image: url("https://wise.com/web-art/assets/flags/hrk.svg");
}
.np-theme-personal .currency-flag.currency-flag-htg {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/htg.png");
}
.np-theme-personal .currency-flag.currency-flag-huf {
  background-image: url("https://wise.com/web-art/assets/flags/huf.svg");
}
.np-theme-personal .currency-flag.currency-flag-idr {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/idr.png");
}
.np-theme-personal .currency-flag.currency-flag-ils {
  background-image: url("https://wise.com/web-art/assets/flags/ils.svg");
}
.np-theme-personal .currency-flag.currency-flag-imp {
  background-image: url("https://wise.com/web-art/assets/flags/imp.svg");
}
.np-theme-personal .currency-flag.currency-flag-inr {
  background-image: url("https://wise.com/web-art/assets/flags/inr.svg");
}
.np-theme-personal .currency-flag.currency-flag-iqd {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/iqd.png");
}
.np-theme-personal .currency-flag.currency-flag-irr {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/irr.png");
}
.np-theme-personal .currency-flag.currency-flag-isk {
  background-image: url("https://wise.com/web-art/assets/flags/isk.svg");
}
.np-theme-personal .currency-flag.currency-flag-jep {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/jep.png");
}
.np-theme-personal .currency-flag.currency-flag-jmd {
  background-image: url("https://wise.com/web-art/assets/flags/jmd.svg");
}
.np-theme-personal .currency-flag.currency-flag-jod {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/jod.png");
}
.np-theme-personal .currency-flag.currency-flag-jpy {
  background-image: url("https://wise.com/web-art/assets/flags/jpy.svg");
}
.np-theme-personal .currency-flag.currency-flag-kes {
  background-image: url("https://wise.com/web-art/assets/flags/kes.svg");
}
.np-theme-personal .currency-flag.currency-flag-kgs {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/kgs.png");
}
.np-theme-personal .currency-flag.currency-flag-khr {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/khr.png");
}
.np-theme-personal .currency-flag.currency-flag-kmf {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/kmf.png");
}
.np-theme-personal .currency-flag.currency-flag-kpw {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/kpw.png");
}
.np-theme-personal .currency-flag.currency-flag-krw {
  background-image: url("https://wise.com/web-art/assets/flags/krw.svg");
}
.np-theme-personal .currency-flag.currency-flag-kwd {
  background-image: url("https://wise.com/web-art/assets/flags/kwd.svg");
}
.np-theme-personal .currency-flag.currency-flag-kyd {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/kyd.png");
}
.np-theme-personal .currency-flag.currency-flag-kzt {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/kzt.png");
}
.np-theme-personal .currency-flag.currency-flag-lak {
  background-image: url("https://wise.com/web-art/assets/flags/lak.svg");
}
.np-theme-personal .currency-flag.currency-flag-lbp {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/lbp.png");
}
.np-theme-personal .currency-flag.currency-flag-lkr {
  background-image: url("https://wise.com/web-art/assets/flags/lkr.svg");
}
.np-theme-personal .currency-flag.currency-flag-lrd {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/lrd.png");
}
.np-theme-personal .currency-flag.currency-flag-lsl {
  background-image: url("https://wise.com/web-art/assets/flags/lsl.svg");
}
.np-theme-personal .currency-flag.currency-flag-ltl {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/ltl.png");
}
.np-theme-personal .currency-flag.currency-flag-lyd {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/lyd.png");
}
.np-theme-personal .currency-flag.currency-flag-mad {
  background-image: url("https://wise.com/web-art/assets/flags/mad.svg");
}
.np-theme-personal .currency-flag.currency-flag-mdl {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/mdl.png");
}
.np-theme-personal .currency-flag.currency-flag-mga {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/mga.png");
}
.np-theme-personal .currency-flag.currency-flag-mkd {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/mkd.png");
}
.np-theme-personal .currency-flag.currency-flag-mmk {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/mmk.png");
}
.np-theme-personal .currency-flag.currency-flag-mnt {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/mnt.png");
}
.np-theme-personal .currency-flag.currency-flag-mop {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/mop.png");
}
.np-theme-personal .currency-flag.currency-flag-mro {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/mro.png");
}
.np-theme-personal .currency-flag.currency-flag-mur {
  background-image: url("https://wise.com/web-art/assets/flags/mur.svg");
}
.np-theme-personal .currency-flag.currency-flag-mvr {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/mvr.png");
}
.np-theme-personal .currency-flag.currency-flag-mwk {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/mwk.png");
}
.np-theme-personal .currency-flag.currency-flag-mxn {
  background-image: url("https://wise.com/web-art/assets/flags/mxn.svg");
}
.np-theme-personal .currency-flag.currency-flag-myr {
  background-image: url("https://wise.com/web-art/assets/flags/myr.svg");
}
.np-theme-personal .currency-flag.currency-flag-mzn {
  background-image: url("https://wise.com/web-art/assets/flags/mzn.svg");
}
.np-theme-personal .currency-flag.currency-flag-nad {
  background-image: url("https://wise.com/web-art/assets/flags/nad.svg");
}
.np-theme-personal .currency-flag.currency-flag-ngn {
  background-image: url("https://wise.com/web-art/assets/flags/ngn.svg");
}
.np-theme-personal .currency-flag.currency-flag-nio {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/nio.png");
}
.np-theme-personal .currency-flag.currency-flag-nok {
  background-image: url("https://wise.com/web-art/assets/flags/nok.svg");
}
.np-theme-personal .currency-flag.currency-flag-npr {
  background-image: url("https://wise.com/web-art/assets/flags/npr.svg");
}
.np-theme-personal .currency-flag.currency-flag-nzd {
  background-image: url("https://wise.com/web-art/assets/flags/nzd.svg");
}
.np-theme-personal .currency-flag.currency-flag-omr {
  background-image: url("https://wise.com/web-art/assets/flags/omr.svg");
}
.np-theme-personal .currency-flag.currency-flag-pab {
  background-image: url("https://wise.com/web-art/assets/flags/pab.svg");
}
.np-theme-personal .currency-flag.currency-flag-pen {
  background-image: url("https://wise.com/web-art/assets/flags/pen.svg");
}
.np-theme-personal .currency-flag.currency-flag-pgk {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/pgk.png");
}
.np-theme-personal .currency-flag.currency-flag-php {
  background-image: url("https://wise.com/web-art/assets/flags/php.svg");
}
.np-theme-personal .currency-flag.currency-flag-pkr {
  background-image: url("https://wise.com/web-art/assets/flags/pkr.svg");
}
.np-theme-personal .currency-flag.currency-flag-pln {
  background-image: url("https://wise.com/web-art/assets/flags/pln.svg");
}
.np-theme-personal .currency-flag.currency-flag-pyg {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/pyg.png");
}
.np-theme-personal .currency-flag.currency-flag-qar {
  background-image: url("https://wise.com/web-art/assets/flags/qar.svg");
}
.np-theme-personal .currency-flag.currency-flag-ron {
  background-image: url("https://wise.com/web-art/assets/flags/ron.svg");
}
.np-theme-personal .currency-flag.currency-flag-rsd {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/rsd.png");
}
.np-theme-personal .currency-flag.currency-flag-rub {
  background-image: url("https://wise.com/web-art/assets/flags/rub.svg");
}
.np-theme-personal .currency-flag.currency-flag-rwf {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/rwf.png");
}
.np-theme-personal .currency-flag.currency-flag-sar {
  background-image: url("https://wise.com/web-art/assets/flags/sar.svg");
}
.np-theme-personal .currency-flag.currency-flag-sbd {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/sbd.png");
}
.np-theme-personal .currency-flag.currency-flag-scr {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/scr.png");
}
.np-theme-personal .currency-flag.currency-flag-sek {
  background-image: url("https://wise.com/web-art/assets/flags/sek.svg");
}
.np-theme-personal .currency-flag.currency-flag-sgd {
  background-image: url("https://wise.com/web-art/assets/flags/sgd.svg");
}
.np-theme-personal .currency-flag.currency-flag-shp {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/shp.png");
}
.np-theme-personal .currency-flag.currency-flag-sll {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/sll.png");
}
.np-theme-personal .currency-flag.currency-flag-sle {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/sll.png");
}
.np-theme-personal .currency-flag.currency-flag-sos {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/sos.png");
}
.np-theme-personal .currency-flag.currency-flag-srd {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/srd.png");
}
.np-theme-personal .currency-flag.currency-flag-std {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/std.png");
}
.np-theme-personal .currency-flag.currency-flag-svc {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/svc.png");
}
.np-theme-personal .currency-flag.currency-flag-syp {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/syp.png");
}
.np-theme-personal .currency-flag.currency-flag-szl {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/szl.png");
}
.np-theme-personal .currency-flag.currency-flag-thb {
  background-image: url("https://wise.com/web-art/assets/flags/thb.svg");
}
.np-theme-personal .currency-flag.currency-flag-tjs {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/tjs.png");
}
.np-theme-personal .currency-flag.currency-flag-tmt {
  background-image: url("https://wise.com/web-art/assets/flags/tmt.svg");
}
.np-theme-personal .currency-flag.currency-flag-tnd {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/tnd.png");
}
.np-theme-personal .currency-flag.currency-flag-top {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/top.png");
}
.np-theme-personal .currency-flag.currency-flag-try {
  background-image: url("https://wise.com/web-art/assets/flags/try.svg");
}
.np-theme-personal .currency-flag.currency-flag-ttd {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/ttd.png");
}
.np-theme-personal .currency-flag.currency-flag-twd {
  background-image: url("https://wise.com/web-art/assets/flags/twd.svg");
}
.np-theme-personal .currency-flag.currency-flag-tzs {
  background-image: url("https://wise.com/web-art/assets/flags/tzs.svg");
}
.np-theme-personal .currency-flag.currency-flag-uah {
  background-image: url("https://wise.com/web-art/assets/flags/uah.svg");
}
.np-theme-personal .currency-flag.currency-flag-ugx {
  background-image: url("https://wise.com/web-art/assets/flags/ugx.svg");
}
.np-theme-personal .currency-flag.currency-flag-usd {
  background-image: url("https://wise.com/web-art/assets/flags/usd.svg");
}
.np-theme-personal .currency-flag.currency-flag-uyu {
  background-image: url("https://wise.com/web-art/assets/flags/uyu.svg");
}
.np-theme-personal .currency-flag.currency-flag-uzs {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/uzs.png");
}
.np-theme-personal .currency-flag.currency-flag-vef {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/vef.png");
}
.np-theme-personal .currency-flag.currency-flag-vnd {
  background-image: url("https://wise.com/web-art/assets/flags/vnd.svg");
}
.np-theme-personal .currency-flag.currency-flag-vuv {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/vuv.png");
}
.np-theme-personal .currency-flag.currency-flag-wst {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/wst.png");
}
.np-theme-personal .currency-flag.currency-flag-xaf {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/xaf.png");
}
.np-theme-personal .currency-flag.currency-flag-xcd {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/xcd.png");
}
.np-theme-personal .currency-flag.currency-flag-xof {
  background-image: url("https://wise.com/web-art/assets/flags/xof.svg");
}
.np-theme-personal .currency-flag.currency-flag-xpf {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/xpf.png");
}
.np-theme-personal .currency-flag.currency-flag-yer {
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url("https://wise.com/public-resources/assets/flags/rectangle/yer.png");
}
.np-theme-personal .currency-flag.currency-flag-zar {
  background-image: url("https://wise.com/web-art/assets/flags/zar.svg");
}
.np-theme-personal .currency-flag.currency-flag-zmw {
  background-image: url("https://wise.com/web-art/assets/flags/zmw.svg");
}