wabtec-internal-volt-basic-components 1.2.0 → 1.4.0

package/dist/components/vds-basic-slider-range-continuous.js

@@ -1,423 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host, transformTag } from '@stencil/core/internal/client';
-import { c as combineClasses } from './combine-classes.js';
-import { l as logWarnings, a as getPositionBasedOnValue } from './slider.utils.js';
-import { d as defineCustomElement$2 } from './vds-icon2.js';
-
-const hasDecimals = (val) => !Number.isInteger(val);
-const countDecimalPlaces = (val) => {
-    if (!hasDecimals(val))
-        return 0;
-    const decimalPart = val.toString().split(".")[1];
-    return decimalPart ? decimalPart.length : 0;
-};
-
-const vdsBasicSliderRangeContinuousCss = () => `:root{font-family:"Roboto Flex", sans-serif, sans-serif;box-sizing:border-box}:root body{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-light{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-dark{--color-background-disabled:rgba(161, 167, 176, 0.3215686275);--color-background-brand-default:#056CA0;--color-background-brand-hover:#095B87;--color-background-brand-press:#0E4A6C;--color-background-caution-default:#FED133;--color-background-caution-lowest-default:#2F3834;--color-background-caution-lowest-hover:#46482E;--color-background-caution-lowest-press:#746722;--color-background-danger-default:#C83E38;--color-background-danger-high-default:#C83E38;--color-background-danger-high-hover:#9D3A3A;--color-background-danger-high-press:#72363B;--color-background-danger-lowest-default:#72363B;--color-background-danger-lowest-hover:#47323D;--color-background-danger-lowest-press:#2E2B3A;--color-background-general-default:#BDBDBD;--color-background-general-lowest-default:#273646;--color-background-general-lowest-hover:#364351;--color-background-general-lowest-press:#535D67;--color-background-healthy-default:#B2CE76;--color-background-healthy-lowest-default:#223637;--color-background-healthy-lowest-hover:#2C4333;--color-background-healthy-lowest-press:#415E2D;--color-background-information-default:#3397C7;--color-background-information-lowest-default:#153147;--color-background-information-lowest-hover:#133953;--color-background-information-lowest-press:#0E4A6C;--color-background-neutral-default:#101924;--color-background-neutral-hover:#213142;--color-background-neutral-press:#334152;--color-background-neutral-lowest-default:#0B121A;--color-background-neutral-lowest-hover:#101924;--color-background-neutral-lowest-press:#213142;--color-background-warning-default:#FFA261;--color-background-warning-lowest-default:#2F323A;--color-background-warning-lowest-hover:#463C3A;--color-background-warning-lowest-press:#745039;--color-border-high:#ffffff;--color-border-medium:rgba(255, 255, 255, 0.6392156863);--color-border-low:rgba(255, 255, 255, 0.3215686275);--color-border-lower:rgba(255, 255, 255, 0.1607843137);--color-border-lowest:rgba(255, 255, 255, 0.1215686275);--color-border-brand:#66B1D5;--color-border-brand-hover:#133953;--color-border-disabled:rgba(161, 167, 176, 0.3215686275);--color-border-danger:#F78E86;--color-border-healthy:#98BE48;--color-border-warning:#FFA261;--color-border-caution:#FED133;--color-border-information:#66B1D5;--color-border-general:#CDCDCD;--color-border-focus-1:#041821;--color-border-focus-2:#CCE5F1;--color-border-white-high:#041821;--color-border-white-medium:rgba(4, 24, 33, 0.6392156863);--color-border-white-low:rgba(4, 24, 33, 0.3215686275);--color-border-white-lower:rgba(4, 24, 33, 0.1607843137);--color-border-white-lowest:rgba(4, 24, 33, 0.0784313725);--color-icon-high:#ffffff;--color-icon-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-low:rgba(255, 255, 255, 0.3215686275);--color-icon-disabled:rgba(161, 167, 176, 0.3215686275);--color-icon-healthy:#98BE48;--color-icon-caution:#FED133;--color-icon-warning:#FFA261;--color-icon-danger:#F78E86;--color-icon-information:#66B1D5;--color-icon-general:#CDCDCD;--color-icon-brand-default:#66B1D5;--color-icon-brand-hover:#99CBE3;--color-icon-brand-press:#CCE5F1;--color-icon-white-high:#041821;--color-icon-white-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-white-low:rgba(4, 24, 33, 0.3215686275);--color-interaction-black-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-black-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-black-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-brand-medium:rgba(102, 177, 213, 0.6392156863);--color-interaction-brand-low:rgba(102, 177, 213, 0.3215686275);--color-interaction-brand-lower:rgba(102, 177, 213, 0.1607843137);--color-interaction-brand-lowest:rgba(102, 177, 213, 0.1215686275);--color-interaction-danger-medium:rgba(245, 104, 94, 0.6392156863);--color-interaction-danger-low:rgba(245, 104, 94, 0.3215686275);--color-interaction-danger-lower:rgba(245, 104, 94, 0.1607843137);--color-interaction-danger-lowest:rgba(245, 104, 94, 0.1215686275);--color-interaction-white-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-white-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-white-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-white-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.6392156863);--color-link-default:#66B1D5;--color-link-hover:#99CBE3;--color-link-press:#CCE5F1;--color-text-high:#ffffff;--color-text-medium:rgba(255, 255, 255, 0.6392156863);--color-text-low:rgba(255, 255, 255, 0.3215686275);--color-text-disabled:rgba(161, 167, 176, 0.6392156863);--color-text-brand:#007DBA;--color-text-caution-high:#FEE899;--color-text-caution-medium:#FEDC66;--color-text-danger-high:#FAB3AE;--color-text-danger-medium:#F78E86;--color-text-general-high:#DEDEDE;--color-text-general-medium:#CDCDCD;--color-text-healthy-high:#CBDEA3;--color-text-healthy-medium:#B2CE76;--color-text-information-high:#99CBE3;--color-text-information-medium:#66B1D5;--color-text-warning-high:#FFD0B0;--color-text-warning-medium:#FFB988;--color-text-white-high:#041821;--color-text-white-medium:rgba(4, 24, 33, 0.6392156863);--color-text-white-low:rgba(4, 24, 33, 0.3215686275);--surface-higher:#192938;--surface-high:#162431;--surface-medium:#0E0E0E;--surface-low:#000000;--surface-lower:#0E0E0E;--surface-neutral-default:#101924;--surface-neutral-hover:#213142;--surface-neutral-press:#6F7986;--surface-overlay-default:#ffffff;--surface-overlay-hover:#E8E9EB;--surface-overlay-press:#CFD3D7;--surface-elevation-01:0px 0px 3px 0px rgba(0, 0, 0, 0.3), 0px 3px 3px 0px rgba(0, 0, 0, 0.3);--surface-elevation-02:0px 0px 6px 0px rgba(0, 0, 0, 0.3), 0px 6px 6px 0px rgba(0, 0, 0, 0.3);--surface-elevation-03:0px 0px 12px 0px rgba(0, 0, 0, 0.3), 0px 12px 12px 0px rgba(0, 0, 0, 0.3);--surface-elevation-04:0px 0px 24px 0px rgba(0, 0, 0, 0.3), 0px 24px 24px 0px rgba(0, 0, 0, 0.3);--box-shadow-color-01:rgba(0, 0, 0, 0.24);--box-shadow-color-02:rgba(0, 0, 0, 0.28);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}@font-face{font-family:"Roboto Flex";src:url("../assets/fonts/Roboto_Flex/RobotoFlex-VariableFont_GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf") format("truetype");font-weight:100 1000;font-stretch:25% 151%;font-style:normal}:root body{--spacing-00:0rem;--spacing-01:0.125rem;--spacing-02:0.25rem;--spacing-03:0.5rem;--spacing-04:0.75rem;--spacing-05:1rem;--spacing-06:1.25rem;--spacing-07:1.5rem;--spacing-08:1.75rem;--spacing-09:2rem;--spacing-10:2.25rem;--spacing-11:2.5rem;--spacing-12:2.75rem;--spacing-13:3rem;--spacing-14:3.25rem;--spacing-15:3.5rem;--spacing-16:3.75rem;--spacing-17:4rem;--spacing-18:4.25rem;--spacing-19:4.5rem;--spacing-20:4.75rem;--opacity-64:0.64;--opacity-32:0.32;--opacity-16:0.16;--opacity-08:0.08;--radius-sharp:var(--spacing-00);--radius-medium:var(--spacing-02);--radius-large:var(--spacing-03);--radius-pill:var(--spacing-16);--radius-circle:50%;--static-brand-0:#ffffff;--static-brand-50:#E6F2F8;--static-brand-100:#CCE5F1;--static-brand-200:#99CBE3;--static-brand-300:#66B1D5;--static-brand-400:#3397C7;--static-brand-500:#007DBA;--static-brand-main:#007DBA;--static-brand-600:#056CA0;--static-brand-700:#095B87;--static-brand-800:#0E4A6C;--static-brand-900:#133953;--static-brand-950:#153147;--static-brand-1000:#041821;--static-brand-1000-medium:rgba(4, 24, 33, 0.6392156863);--static-brand-1000-low:rgba(4, 24, 33, 0.3215686275);--static-brand-1000-lower:rgba(4, 24, 33, 0.1607843137);--static-brand-1000-lowest:rgba(4, 24, 33, 0.0784313725);--static-green-0:#ffffff;--static-green-50:#F2F7E8;--static-green-100:#E5EED1;--static-green-200:#CBDEA3;--static-green-300:#B2CE76;--static-green-400:#98BE48;--static-green-500:#7FAE1B;--static-green-main:#7FAE1B;--static-green-600:#6B9321;--static-green-700:#557827;--static-green-800:#415E2D;--static-green-900:#2C4333;--static-green-950:#223637;--static-yellow-0:#ffffff;--static-yellow-50:#FFF9E5;--static-yellow-100:#FEF3CC;--static-yellow-200:#FEE899;--static-yellow-300:#FEDC66;--static-yellow-400:#FED133;--static-yellow-500:#FEC600;--static-yellow-main:#FEC600;--static-yellow-600:#D0A60B;--static-yellow-700:#A18717;--static-yellow-800:#746722;--static-yellow-900:#46482E;--static-yellow-950:#2F3834;--static-red-0:#ffffff;--static-red-50:#FEECEB;--static-red-100:#FCD9D6;--static-red-200:#FAB3AE;--static-red-300:#F78E86;--static-red-400:#F5685E;--static-red-500:#F34336;--static-red-main:#F34336;--static-red-600:#C83E38;--static-red-700:#9D3A3A;--static-red-800:#72363B;--static-red-900:#47323D;--static-red-950:#2E2B3A;--static-grey-0:#ffffff;--static-grey-50:#f7f7f7;--static-grey-100:#EEEEEE;--static-grey-200:#DEDEDE;--static-grey-300:#CDCDCD;--static-grey-400:#BDBDBD;--static-grey-500:#ADADAD;--static-grey-main:#ADADAD;--static-grey-600:#8F9295;--static-grey-700:#71787F;--static-grey-800:#535D67;--static-grey-900:#364351;--static-grey-950:#273646;--static-orange-0:#ffffff;--static-orange-50:#FFF3EB;--static-orange-100:#FFE7D7;--static-orange-200:#FFD0B0;--static-orange-300:#FFB988;--static-orange-400:#FFA261;--static-orange-500:#FF8B3A;--static-orange-main:#FF8B3A;--static-orange-600:#D17739;--static-orange-700:#A2633A;--static-orange-800:#745039;--static-orange-900:#463C3A;--static-orange-950:#2F323A;--static-dataviz-cat-sea-green:#0FB5AE;--static-dataviz-cat-palatinate-blue:#4046CA;--static-dataviz-cat-tangerine:#F68511;--static-dataviz-cat-magenta:#DE3D82;--static-dataviz-cat-tropical-indigo:#7E84FA;--static-dataviz-cat-malachite:#72E06A;--static-dataviz-cat-azure:#147AF3;--static-dataviz-cat-violet:#7326D3;--static-dataviz-cat-yellow:#E8C600;--static-dataviz-cat-alloy-orange:#CB5D00;--static-dataviz-cat-green:#008F5D;--static-dataviz-cat-lime:#BCE931;--static-dataviz-seq-viridis-50:#FDE725;--static-dataviz-seq-viridis-100:#D2E21B;--static-dataviz-seq-viridis-150:#A5DB36;--static-dataviz-seq-viridis-200:#7AD151;--static-dataviz-seq-viridis-250:#54C568;--static-dataviz-seq-viridis-300:#35B779;--static-dataviz-seq-viridis-350:#22A884;--static-dataviz-seq-viridis-400:#1F988B;--static-dataviz-seq-viridis-450:#23888E;--static-dataviz-seq-viridis-500:#2A788E;--static-dataviz-seq-viridis-550:#31688E;--static-dataviz-seq-viridis-600:#39568C;--static-dataviz-seq-viridis-650:#414487;--static-dataviz-seq-viridis-700:#472F7D;--static-dataviz-seq-viridis-750:#481A6C;--static-dataviz-seq-viridis-800:#440154;--static-dataviz-seq-magma-50:#FCFDBF;--static-dataviz-seq-magma-100:#FDDEA0;--static-dataviz-seq-magma-150:#FEBF84;--static-dataviz-seq-magma-200:#FE9F6D;--static-dataviz-seq-magma-250:#FA7F5E;--static-dataviz-seq-magma-300:#F1605D;--static-dataviz-seq-magma-350:#DE4968;--static-dataviz-seq-magma-400:#C43C75;--static-dataviz-seq-magma-450:#A8327D;--static-dataviz-seq-magma-500:#8C2981;--static-dataviz-seq-magma-550:#721F81;--static-dataviz-seq-magma-600:#57157E;--static-dataviz-seq-magma-650:#3B0F70;--static-dataviz-seq-magma-700:#20114B;--static-dataviz-seq-magma-750:#0B0924;--static-dataviz-seq-magma-800:#000004;--static-dataviz-seq-rose-50:#FFF4DE;--static-dataviz-seq-rose-100:#FFDDD8;--static-dataviz-seq-rose-150:#FFC6D2;--static-dataviz-seq-rose-200:#FCAFCB;--static-dataviz-seq-rose-250:#F898C4;--static-dataviz-seq-rose-300:#F380BC;--static-dataviz-seq-rose-350:#ED67B4;--static-dataviz-seq-rose-400:#E64BAC;--static-dataviz-seq-rose-450:#D03EA0;--static-dataviz-seq-rose-500:#B93495;--static-dataviz-seq-rose-550:#A12A8B;--static-dataviz-seq-rose-600:#892282;--static-dataviz-seq-rose-650:#701C7A;--static-dataviz-seq-rose-700:#551672;--static-dataviz-seq-rose-750:#37126C;--static-dataviz-seq-rose-800:#001066;--static-dataviz-seq-forest-50:#FFFFE0;--static-dataviz-seq-forest-100:#E2F5BD;--static-dataviz-seq-forest-150:#C5EA99;--static-dataviz-seq-forest-200:#A6DF73;--static-dataviz-seq-forest-250:#8FD16C;--static-dataviz-seq-forest-300:#79C365;--static-dataviz-seq-forest-350:#62B55E;--static-dataviz-seq-forest-400:#4CA658;--static-dataviz-seq-forest-450:#3B9752;--static-dataviz-seq-forest-500:#31884F;--static-dataviz-seq-forest-550:#28794C;--static-dataviz-seq-forest-600:#1E6A48;--static-dataviz-seq-forest-650:#155B45;--static-dataviz-seq-forest-700:#0E4D41;--static-dataviz-seq-forest-750:#073F3E;--static-dataviz-seq-forest-800:#00313A;--static-dataviz-seq-cerulean-50:#EAFFF1;--static-dataviz-seq-cerulean-100:#C9F1E4;--static-dataviz-seq-cerulean-150:#A7E3D7;--static-dataviz-seq-cerulean-200:#85D5CA;--static-dataviz-seq-cerulean-250:#6CC5C0;--static-dataviz-seq-cerulean-300:#58B4B9;--static-dataviz-seq-cerulean-350:#44A2B1;--static-dataviz-seq-cerulean-400:#3091AA;--static-dataviz-seq-cerulean-450:#2880A0;--static-dataviz-seq-cerulean-500:#246E96;--static-dataviz-seq-cerulean-550:#215D8B;--static-dataviz-seq-cerulean-600:#1D4C81;--static-dataviz-seq-cerulean-650:#1C3B77;--static-dataviz-seq-cerulean-700:#1B296D;--static-dataviz-seq-cerulean-750:#1A1662;--static-dataviz-seq-cerulean-800:#180055;--static-dataviz-div-orange-yellow-seafoam-0:#580000;--static-dataviz-div-orange-yellow-seafoam-50:#79260B;--static-dataviz-div-orange-yellow-seafoam-100:#9C4511;--static-dataviz-div-orange-yellow-seafoam-150:#BD651A;--static-dataviz-div-orange-yellow-seafoam-200:#DD8629;--static-dataviz-div-orange-yellow-seafoam-250:#F5AD52;--static-dataviz-div-orange-yellow-seafoam-300:#FED693;--static-dataviz-div-orange-yellow-seafoam-350:#FFFFE0;--static-dataviz-div-orange-yellow-seafoam-400:#BBE4D1;--static-dataviz-div-orange-yellow-seafoam-450:#76C7BE;--static-dataviz-div-orange-yellow-seafoam-500:#3EA8A6;--static-dataviz-div-orange-yellow-seafoam-550:#208288;--static-dataviz-div-orange-yellow-seafoam-600:#076769;--static-dataviz-div-orange-yellow-seafoam-650:#00494B;--static-dataviz-div-orange-yellow-seafoam-700:#002C2D;--static-dataviz-div-red-yellow-blue-0:#4A001E;--static-dataviz-div-red-yellow-blue-50:#751232;--static-dataviz-div-red-yellow-blue-100:#A52747;--static-dataviz-div-red-yellow-blue-150:#C65154;--static-dataviz-div-red-yellow-blue-200:#E47961;--static-dataviz-div-red-yellow-blue-250:#F0A882;--static-dataviz-div-red-yellow-blue-300:#FAD4AC;--static-dataviz-div-red-yellow-blue-350:#FFFFE0;--static-dataviz-div-red-yellow-blue-400:#BCE2CF;--static-dataviz-div-red-yellow-blue-450:#89C0C4;--static-dataviz-div-red-yellow-blue-500:#579EB9;--static-dataviz-div-red-yellow-blue-550:#397AA8;--static-dataviz-div-red-yellow-blue-600:#1C5796;--static-dataviz-div-red-yellow-blue-650:#163771;--static-dataviz-div-red-yellow-blue-700:#10194D;--static-dataviz-div-red-blue-0:#4A001E;--static-dataviz-div-red-blue-50:#731331;--static-dataviz-div-red-blue-100:#9F2945;--static-dataviz-div-red-blue-150:#CC415A;--static-dataviz-div-red-blue-200:#E06E85;--static-dataviz-div-red-blue-250:#ED9AB0;--static-dataviz-div-red-blue-300:#F8C3D9;--static-dataviz-div-red-blue-350:#FAF0FF;--static-dataviz-div-red-blue-400:#C6D0F2;--static-dataviz-div-red-blue-450:#92B2DE;--static-dataviz-div-red-blue-500:#5D94CB;--static-dataviz-div-red-blue-550:#2F74B3;--static-dataviz-div-red-blue-600:#265191;--static-dataviz-div-red-blue-650:#163670;--static-dataviz-div-red-blue-700:#0B194C;--static-white:#ffffff;--static-white-medium:rgba(255, 255, 255, 0.6392156863);--static-white-low:rgba(255, 255, 255, 0.3215686275);--static-white-lower:rgba(255, 255, 255, 0.1607843137);--static-white-lowest:rgba(255, 255, 255, 0.1215686275);--static-black:#000000;--static-black-medium:rgba(0, 0, 0, 0.6392156863);--static-black-low:rgba(0, 0, 0, 0.3215686275);--static-black-lower:rgba(0, 0, 0, 0.1607843137);--static-black-lowest:rgba(0, 0, 0, 0.1215686275);--elevation-shadow-0:none;--elevation-shadow-1:0 0 2px var(--box-shadow-color-01), 0 1px 2px var(--box-shadow-color-02);--elevation-shadow-2:0 0 2px var(--box-shadow-color-01), 0 2px 4px var(--box-shadow-color-02);--elevation-shadow-3:0 0 2px var(--box-shadow-color-01), 0 4px 8px var(--box-shadow-color-02);--elevation-shadow-5:0 0 2px var(--box-shadow-color-01), 0 8px 16px var(--box-shadow-color-02);--elevation-shadow-8:0 0 8px var(--box-shadow-color-01), 0 14px 28px var(--box-shadow-color-02);--elevation-shadow-17:0 0 8px var(--box-shadow-color-01), 0 32px 64px var(--box-shadow-color-02);--elevation-layer-0:0;--elevation-layer-1:1;--elevation-layer-2:3;--elevation-layer-3:6;--elevation-layer-4:8;--elevation-layer-5:12;--border-thickness-01:0.0625rem;--border-thickness-02:0.078125rem;--border-thickness-03:0.09375rem;--border-thickness-04:0.109375rem;--border-thickness-05:0.125rem;--border-thickness-06:0.140625rem;--border-thickness-07:0.15625rem;--border-thickness-08:0.171875rem;--border-thickness-09:0.1875rem}:root body .vds-font-display-large{font-size:3.5rem;font-weight:300;line-height:4rem;letter-spacing:normal}:root body .vds-font-display-medium{font-size:2.75rem;font-weight:300;line-height:3.25rem;letter-spacing:normal}:root body .vds-font-display-small{font-size:2.25rem;font-weight:300;line-height:2.75rem;letter-spacing:normal}:root body .vds-font-headline-large{font-size:2rem;font-weight:600;line-height:2.5rem;letter-spacing:normal}:root body .vds-font-headline-medium{font-size:1.75rem;font-weight:600;line-height:2.25rem;letter-spacing:normal}:root body .vds-font-headline-small{font-size:1.5rem;font-weight:600;line-height:2rem;letter-spacing:normal}:root body .vds-font-title-large{font-size:1.25rem;font-weight:600;line-height:1.75rem;letter-spacing:0.00875rem}:root body .vds-font-title-medium{font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-title-small{font-size:0.875rem;font-weight:600;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-title-extra-small{font-size:0.75rem;font-weight:600;line-height:1rem;letter-spacing:0.00875rem}:root body .vds-font-title-2x-small{font-size:0.625rem;font-weight:600;line-height:0.75rem;letter-spacing:0.00875rem}:root body .vds-font-body-large{font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-body-medium{font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-body-small{font-size:0.75rem;font-weight:300;line-height:1rem;letter-spacing:normal}.vds__divider{width:0.0625rem;height:1rem;margin:var(--spacing-01);background-color:var(--color-border-low)}.content_divider_vertical{opacity:0.16;background:var(--color-border-high);height:1rem;width:1px}.vds-header_content-section{display:flex;gap:var(--spacing-03)}.vds__menu--backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);backdrop-filter:grayscale(100%) opacity(0.5);pointer-events:auto}:host{display:block;width:100%;box-sizing:border-box;--slider-track:var(--color-icon-medium);--slider-track-fill:var(--color-icon-brand-default);--slider-track-start-thumb:var(--color-icon-brand-default);--slider-track-end-thumb:var(--color-icon-brand-default);--slider-background:var(--slider-track)}:host .vds-slider-range__container{padding:var(--spacing-03)}:host .vds-slider-range__container.vds-slider-range__container--orientation-vertical{transform:rotate(270deg)}:host .vds-slider-range__container.vds-slider-range__container--orientation-vertical .vds-slider-range__value,:host .vds-slider-range__container.vds-slider-range__container--orientation-vertical .slider-thumb{transform:rotate(90deg)}:host .vds-slider-range__container.vds-slider-range__container--orientation-vertical .vds__tooltip-container-text{direction:rtl;text-align:right;width:auto}:host .vds-slider-range__container.vds-slider-range__container--orientation-vertical .vds-slider-range__value-reference span{display:inline-block;transform:rotate(90deg)}:host .vds-slider-range__container.vds-slider-range__container--medium .vds-slider-range,:host .vds-slider-range__container.vds-slider-range__container--medium .vds-slider-range__track,:host .vds-slider-range__container.vds-slider-range__container--medium .vds-slider-range__range,:host .vds-slider-range__container.vds-slider-range__container--medium .vds-slider-range-input__content,:host .vds-slider-range__container.vds-slider-range__container--medium .vds-slider-input{height:0.25rem}:host .vds-slider-range__container.vds-slider-range__container--medium .vds-slider-range__value-reference-container>.vds-slider-range__value-reference>span{font-family:"Roboto Flex", sans-serif;font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:host .vds-slider-range__container.vds-slider-range__container--medium .vds-slider-range__value-reference-container{transform:translateY(3px)}:host .vds-slider-range__container.vds-slider-range__container--medium .vds-slider-range__thumb{transform:translate(-50%, -8px)}:host .vds-slider-range__container.vds-slider-range__container--medium .vds-slider-input::-webkit-slider-thumb{width:1.25rem;height:1.25rem}:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-range,:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-range__track,:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-range__range,:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-range-input__content,:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-input{height:0.375rem}:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-range__value-reference-container>.vds-slider-range__value-reference>span{font-family:"Roboto Flex", sans-serif;font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal}:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-range__value-reference-container{transform:translateY(1px)}:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-range__thumb{transform:translate(-50%, -9px)}:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-input::-webkit-slider-thumb{width:1.5rem;height:1.5rem}:host .vds-slider-range__container .slider-start-thumb::part(svg-icon){color:var(--slider-track-start-thumb);fill:var(--slider-track-start-thumb)}:host .vds-slider-range__container .slider-end-thumb::part(svg-icon){color:var(--slider-track-end-thumb);fill:var(--slider-track-end-thumb)}:host .vds-slider-range__container .vds-slider-range__content{position:relative;padding:0 var(--spacing-03)}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content{position:relative;padding:var(--spacing-03) 0;cursor:pointer}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content .vds-slider-range{display:block;position:absolute;z-index:2;width:100%;align-items:center;padding:var(--spacing-03) 0;top:0}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content .vds-slider-range .vds-slider-range__track{position:absolute;top:var(--spacing-03);z-index:2;left:0;right:0;bottom:0;border-radius:5px;background-color:var(--slider-track)}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content .vds-slider-range .vds-slider-range__range{position:absolute;top:var(--spacing-03);z-index:3;bottom:0;border-radius:5px;pointer-events:none;background-color:var(--slider-track-fill)}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content .vds-slider-range .vds-slider-range__thumb{position:absolute;top:var(--spacing-03);z-index:5;border-radius:50%;pointer-events:none}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content .vds-slider-input{position:absolute;top:var(--spacing-03);-webkit-appearance:none;appearance:none;pointer-events:none;z-index:3;background:transparent;width:100%;opacity:0.8;margin:0;animation:0.3ms}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content .vds-slider-input:disabled{pointer-events:none}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content .vds-slider-input:disabled::-webkit-slider-thumb{pointer-events:none}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content .vds-slider-input:focus{outline:none}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content .vds-slider-input::-webkit-slider-runnable-track{pointer-events:none}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content .vds-slider-input::-webkit-slider-thumb{pointer-events:auto;box-sizing:border-box;cursor:pointer;border-radius:50%;-webkit-appearance:none}:host .vds-slider-range__container .vds-slider-range__content:has(.vds-slider-start-input:focus-visible){--slider-track-start-thumb:var(--color-icon-brand-press)}:host .vds-slider-range__container.vds-slider-range-continuous__container--display-limits .vds-slider-range__content:has(.vds-slider-start-input:focus-visible){--slider-track-start-thumb:var(--color-icon-brand-press)}:host .vds-slider-range__container .vds-slider-range__content:has(.vds-slider-end-input:focus-visible){--slider-track-end-thumb:var(--color-icon-brand-press)}:host .vds-slider-range__container.vds-slider-range-continuous__container--display-limits .vds-slider-range__content:has(.vds-slider-end-input:focus-visible){--slider-track-end-thumb:var(--color-icon-brand-press)}:host .vds-slider-range__container.vds-slider-range__container--colors .vds-slider-range__content:has(.vds-slider-input:active){--slider-track-fill:var(--color-icon-brand-press);--slider-track-start-thumb:var(--color-icon-brand-press);--slider-track-end-thumb:var(--color-icon-brand-press)}:host .vds-slider-range__container.vds-slider-range__container--colors .vds-slider-range__content:hover{--slider-track-fill:var(--color-icon-brand-hover);--slider-track-start-thumb:var(--color-icon-brand-hover);--slider-track-end-thumb:var(--color-icon-brand-hover)}:host .vds-slider-range__container.vds-slider-range__container--disabled,:host .vds-slider-range__container.vds-slider-range__container--disabled:hover,:host .vds-slider-range__container.vds-slider-range__container--disabled:active{--slider-track-fill:var(--color-icon-disabled);--slider-track-start-thumb:var(--color-icon-disabled);--slider-track-end-thumb:var(--color-icon-disabled);--slider-track:var(--color-background-disabled);pointer-events:none}:host .vds-slider-range__container .vds-slider-range__value-container{display:block;position:relative}:host .vds-slider-range__container .vds-slider-range__value-container .vds-slider-range__value-content{position:absolute;transform:translate(-50%, -29px);z-index:var(--elevation-layer-2)}:host .vds-slider-range__container .vds-slider-range__value-container .vds-slider-range__value{display:flex;flex-direction:column;justify-content:center;align-items:center;width:fit-content;position:relative;cursor:text}:host .vds-slider-range__container .vds-slider-range__value-container .vds__tooltip-container{display:block}:host .vds-slider-range__container .vds-slider-range__value-container .tooltip-arrow{transform:translate(-50%, 21px);position:absolute;left:50%;fill:var(--surface-overlay-default)}:host .vds-slider-range__container .vds-slider-range__value-reference-container{display:block}:host .vds-slider-range__container .vds-slider-range__value-reference-container .vds-slider-range__value-reference{display:flex;justify-content:space-between}:host .vds-slider-range__container .vds-slider-range__value-reference-container .vds-slider-range__value-reference span{overflow:hidden;color:var(--color-text-medium);text-align:right;font-feature-settings:"liga" off, "clig" off;text-overflow:ellipsis;white-space:nowrap}:host .vds__tooltip-container{display:none;position:absolute;width:5.31rem;height:2.25rem;height:max-content;width:max-content;max-width:var(--tooltip-max-width) !important;flex-direction:column;align-items:center;border-radius:var(--radius-medium);background:var(--surface-overlay-default);padding:var(--spacing-03);z-index:var(--elevation-layer-2);box-shadow:var(--elevation-shadow-2)}:host .vds__tooltip-container-text{color:var(--color-text-white-high);font-feature-settings:"clig" off, "liga" off;font-family:"Roboto Flex", sans-serif;font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:host .vds__tooltip-arrow{position:absolute;width:0.5rem;height:0.25rem;z-index:var(--elevation-layer-2)}:host(.vds-slider-range--disabled){pointer-events:none}`;
-
-const VdsBasicSliderRangeContinuous$1 = /*@__PURE__*/ proxyCustomElement(class VdsBasicSliderRangeContinuous extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.changeRangeValue = createEvent(this, "changeRangeValue", 7);
-        /** Sets the size of the slider. */
-        this.size = "medium";
-        /** Sets the slider’s orientation. */
-        this.orientation = "horizontal";
-        /** Sets the slider on disabled state. */
-        this.disabled = false;
-        /** Sets the min value of the slider (Min value should always be lower than the max value). */
-        this.minValue = 0;
-        /** Sets the max value of the slider..*/
-        this.maxValue = 100;
-        /** Sets the amount of advance of the slider. */
-        this.step = 1;
-        /** Toggles the value over the thumb in the slider
-        * on - Always shows value over the thumb.
-        * off - Do not show the value over the thumb.
-        * auto - Shows value over the thumb when mouse hover.
-        */
-        this.displayLabel = "on";
-        /** Toggles the limit value (min and max) of the slider .*/
-        this.displayLimits = true;
-        /** Sets the thumb icon */
-        this.icon = "thumb";
-    }
-    componentWillRender() {
-        logWarnings({ start: this.startValue, end: this.endValue }, this.maxValue, this.minValue);
-        this.setDefaultValues();
-    }
-    componentDidRender() {
-        this.setOutboundValues();
-    }
-    componentDidLoad() {
-        this.setInputStartValue();
-        this.setInputEndValue();
-        forceUpdate(this);
-    }
-    /**
-     * Sets the slider startValue and endValue to the specified value.
-     *
-     * @param { startValue: number; endValue: number } values - The new values for the slider.
-     * @returns {Promise<void>} A promise that resolves when the value is set.
-     */
-    setValues({ startValue, endValue }) {
-        this.startValue = startValue;
-        this.endValue = endValue;
-        return Promise.resolve();
-    }
-    /**
-     * Gets the slider startValue and endValue.
-     *
-     * @returns {Promise<{ startValue: number; endValue: number }>} A promise that resolves the values.
-     */
-    getValues() {
-        return Promise.resolve({ startValue: this.startValue, endValue: this.endValue });
-    }
-    /**
-     * Clears the slider range values by setting it to the minimum and maximun value respectively.
-     *
-     * @returns {Promise<void>} A promise that resolves when the value is cleared.
-     */
-    clear() {
-        this.startValue = this.minValue;
-        this.endValue = this.maxValue;
-        return Promise.resolve();
-    }
-    /**
-     * Focus the slider range by focusing start slider.
-     *
-     * @returns {Promise<void>} A promise that resolves when the first slider is focused.
-     */
-    setFocus() {
-        this.startInputRangeEl.focus();
-        return Promise.resolve();
-    }
-    /**
-     * Sets slider startThumbPosition, startShownValue.
-     * Calculates the start thumb position based on the value.
-     * Emits changeRangeValue event
-     *
-     * @returns {void}
-     */
-    setInputStartValue() {
-        const stringValue = this.startValue.toString();
-        this.startThumbPosition = this.getValuePosition(this.startValue, this.startInputRangeEl);
-        this.startShownValue = stringValue;
-        this.changeRangeValue.emit({ startValue: this.startValue, endValue: this.endValue });
-    }
-    /**
-     * Sets slider endThumbPosition, endShownValue.
-     * Calculates the end thumb position based on the value.
-     * Emits changeRangeValue event
-     *
-     * @returns {void}
-     */
-    setInputEndValue() {
-        const stringValue = this.endValue.toString();
-        this.endThumbPosition = this.getValuePosition(this.endValue, this.endInputRangeEl);
-        this.endShownValue = stringValue;
-        this.changeRangeValue.emit({ startValue: this.startValue, endValue: this.endValue });
-    }
-    /**
-     * Updates the thumb position and forces a component update on window resize.
-     *
-     * @ListensTo("resize", {target: "window"})
-     */
-    updateThumbAndTrackPosition() {
-        this.startThumbPosition = this.getValuePosition(this.startValue, this.startInputRangeEl);
-        this.endThumbPosition = this.getValuePosition(this.endValue, this.endInputRangeEl);
-        forceUpdate(this);
-    }
-    /**
-     * Focus the first slider when displayLabel is set to auto.
-     *
-     * @ListensTo("focus")
-     */
-    setFocusOnDisplayLabelAuto() {
-        if (this.displayLabel === "auto") {
-            this.setFocus();
-        }
-    }
-    /**
-     * Sets the initial value of the slider to the minimum and maximum value when start and end value are not provided.
-     * When values are provided, shownValues get set.
-     *
-     * @private
-     */
-    setDefaultValues() {
-        if (this.startValue === undefined || this.startValue === null) {
-            this.startValue = this.minValue;
-            this.startShownValue = this.minValue.toString();
-        }
-        else {
-            this.startShownValue = this.startValue.toString();
-        }
-        if (this.endValue === undefined || this.endValue === null) {
-            this.endValue = this.maxValue;
-            this.endShownValue = this.maxValue.toString();
-        }
-        else {
-            this.endShownValue = this.endValue.toString();
-        }
-    }
-    /**
-     * Sets the values of the slider to the minimum and maximum value when start and end value are out of bound.
-     *
-     * @private
-     */
-    setOutboundValues() {
-        if (this.startValue < this.minValue) {
-            this.startValue = this.minValue;
-            this.startShownValue = this.minValue.toString();
-        }
-        if (this.endValue > this.maxValue) {
-            this.endValue = this.maxValue;
-            this.endShownValue = this.maxValue.toString();
-        }
-    }
-    /**
-     * Calculates the CSS left position of the slider thumb based on the current value.
-     *
-     * @private
-     * @params value - number
-     * @params inputRangeEl - HTMLInputElement
-     * @returns {string} The calculated left position of the slider thumb as a CSS pixel value.
-     */
-    getValuePosition(value, inputRangeEl) {
-        return getPositionBasedOnValue(inputRangeEl, this.host, this.maxValue, this.minValue, value, this.size);
-    }
-    /**
-     * Sets the start/end value of the slider range to the specified in the event.
-     *
-     * @private
-     * @param {InputEvent} evt - The event emitted by the input.
-     * @param {SliderRangeValueType} rangeType - start | end slider.
-     * @returns {void}
-     */
-    handleInputRangeChange(evt, rangeType) {
-        const target = evt.target;
-        const rawValue = Number(target.value);
-        if (rangeType === "start" && rawValue >= this.minValue) {
-            const value = Math.min(rawValue, this.endValue);
-            this.startValue = value;
-            this.startInputRangeEl.value = value.toString();
-        }
-        if (rangeType === "end" && rawValue <= this.maxValue) {
-            const value = Math.max(rawValue, this.startValue);
-            this.endValue = value;
-            this.endInputRangeEl.value = value.toString();
-        }
-    }
-    /**
-     * Handles mouseover or focus events on the slider.
-     * Sets the `displayLabelShowValue` flag to `true` to indicate that the display label should show the value.
-     *
-     * @private
-     * @param {SliderRangeValueType} rangeType - The type of range (either "start" or "end").
-     * @param {"mouseover" | "focus"} eventTrigger - The type of event that triggered this function.
-     * @returns {void}
-     */
-    handleInputMouseoverOrFocus(rangeType, eventTrigger) {
-        this.displayLabelShowValue = true;
-        if (rangeType === "start") {
-            this.displayLabelStartEventTriggerIn = eventTrigger;
-            setTimeout(() => {
-                this.startInputRangeEl.focus();
-            });
-        }
-        if (rangeType === "end") {
-            this.displayLabelEndEventTriggerIn = eventTrigger;
-            this.endInputRangeEl.focus();
-        }
-    }
-    /**
-     * Handles mouseleave or blur events on the slider.
-     * Sets the `displayLabelShowValue` flag to `false` to hide the value in the display label.
-     *
-     * @private
-     * @param {SliderRangeValueType} rangeType - The type of range (either "start" or "end").
-     * @returns {void}
-     */
-    handleInputMouseleaveOrBlur(rangeType) {
-        this.displayLabelShowValue = false;
-        if (rangeType === "start") {
-            this.displayLabelStartEventTriggerIn = undefined;
-        }
-        if (rangeType === "end") {
-            this.displayLabelEndEventTriggerIn = undefined;
-        }
-    }
-    /**
-     * Handles click events on the slider track.
-     * Calculates the corresponding value based on the click position and updates the slider's start or end value accordingly.
-     *
-     * @private
-     * @param {MouseEvent} evt - The mouse event object.
-     * @returns {void}
-     */
-    handleTrackClick(evt) {
-        if (!this.disabled) {
-            // Calc the related value to the pixel that was clicked.
-            let valueFromPixel = (evt.offsetX * (this.maxValue - this.minValue)) / this.trackContentContainerEl.offsetWidth + this.minValue;
-            const decimalPlaces = countDecimalPlaces(this.step);
-            valueFromPixel = decimalPlaces === 0 ? Math.round(valueFromPixel) : parseFloat(valueFromPixel.toFixed(decimalPlaces));
-            const closestValue = [this.startValue, this.endValue].reduce((a, b) => {
-                return Math.abs(b - valueFromPixel) < Math.abs(a - valueFromPixel) ? b : a;
-            });
-            switch (true) {
-                case closestValue === this.startValue && closestValue === this.endValue && valueFromPixel < closestValue:
-                    this.startValue = valueFromPixel;
-                    break;
-                case closestValue === this.startValue && closestValue === this.endValue && valueFromPixel > closestValue:
-                    this.endValue = valueFromPixel;
-                    break;
-                case closestValue === this.startValue:
-                    this.startValue = valueFromPixel;
-                    break;
-                case closestValue === this.endValue:
-                    this.endValue = valueFromPixel;
-                    break;
-            }
-        }
-    }
-    /**
-     * Determines whether the value should be displayed in the label based on the current displayLabel setting.
-     *
-     * @private
-     * @returns {boolean} - True if the value should be displayed, false otherwise.
-     */
-    getShowValue() {
-        let response = false;
-        switch (this.displayLabel) {
-            case "off":
-                response = false;
-                break;
-            case "auto":
-                response = this.displayLabelShowValue;
-                break;
-            case "on":
-                response = true;
-                break;
-            default:
-                response = false;
-        }
-        return response;
-    }
-    /**
-     * Sets the custom colors for the slider based on the colors property.
-     * This colors have to be css variables by preferences that work in both dark and light mode.
-     *
-     * Track - ThemeColors
-     * TrackFill - ThemeColors
-     * Thumb - ThemeColors
-     * Background - ThemeColors - When specified, trackfill and track won't work. It will only be one background display.
-     *
-     * @private
-     * @returns { [key: string]: string }
-     */
-    setColors() {
-        const styles = {};
-        const colors = typeof this.colors === "string" ? JSON.parse(this.colors) : this.colors;
-        if (colors && colors["Track"]) {
-            styles["--slider-track"] = `var(--${colors["Track"]})`;
-        }
-        if (colors && colors["TrackFill"]) {
-            styles["--slider-track-fill"] = `var(--${colors["TrackFill"]})`;
-        }
-        if (colors && colors["Thumb"]) {
-            styles["--slider-track-start-thumb"] = `var(--${colors["Thumb"]})`;
-            styles["--slider-track-end-thumb"] = `var(--${colors["Thumb"]})`;
-        }
-        if (colors && colors["Background"]) {
-            styles["--slider-background"] = `var(--${colors["Background"]})`;
-        }
-        return styles;
-    }
-    renderShownValue(rangeType) {
-        if (rangeType === "start") {
-            return (h("div", { class: "vds-slider-range__value-container" }, h("div", { class: "vds-slider-range__value-content", style: { left: this.startThumbPosition } }, h("div", { class: "vds-slider-range__value" }, h("div", { class: "vds__tooltip-container" }, h("span", { class: "vds__tooltip-container-text" }, this.startShownValue)), this.orientation !== "vertical" && h("vds-icon", { class: "tooltip-arrow", svgIcon: "caret-down-filled" })))));
-        }
-        if (rangeType === "end") {
-            return (h("div", { class: "vds-slider-range__value-container" }, h("div", { class: "vds-slider-range__value-content", style: { left: this.endThumbPosition } }, h("div", { class: "vds-slider-range__value" }, h("div", { class: "vds__tooltip-container" }, h("span", { class: "vds__tooltip-container-text" }, this.endShownValue)), this.orientation !== "vertical" && h("vds-icon", { class: "tooltip-arrow", svgIcon: "caret-down-filled" })))));
-        }
-    }
-    renderValueReferences() {
-        return (h("div", { class: "vds-slider-range__value-reference-container" }, h("div", { class: combineClasses("vds-slider-range__value-reference") }, h("span", null, this.minValue), h("span", null, this.maxValue))));
-    }
-    renderSliders() {
-        return (h("div", { class: "vds-slider-range-input__content" }, h("div", { class: "vds-slider-range", onClick: (evt) => this.handleTrackClick(evt), ref: (el) => {
-                if (el) {
-                    this.trackContentContainerEl = el;
-                }
-            } }, h("div", { class: "vds-slider-range__track" }), h("div", { class: "vds-slider-range__range", style: { width: `calc(${this.endThumbPosition} - ${this.startThumbPosition})`, left: `${this.startThumbPosition}` }, ref: (el) => {
-                this.trackRangeFillContainerEl = el;
-            } }), h("div", { class: "vds-slider-range__thumb vds-slider-range__thumb--start", style: { left: `${this.startThumbPosition}` } }, h("vds-icon", { svgIcon: this.icon, size: this.size === "medium" ? "1.25rem" : "1.5rem", class: "slider-thumb slider-start-thumb" })), h("div", { class: "vds-slider-range__thumb vds-slider-range__thumb--end", style: { left: `${this.endThumbPosition}` } }, h("vds-icon", { svgIcon: this.icon, size: this.size === "medium" ? "1.25rem" : "1.5rem", class: "slider-thumb slider-end-thumb" }))), h("input", { ref: (el) => {
-                if (el) {
-                    this.startInputRangeEl = el;
-                }
-            }, class: combineClasses("vds-slider-input", "vds-slider-start-input", this.disabled ? "vds-slider-input--disabled" : ""), type: "range", step: this.step, onInput: (evt) => this.handleInputRangeChange(evt, "start"), onMouseOver: this.displayLabel === "auto" ? () => { this.handleInputMouseoverOrFocus("start", "mouseover"); } : null, onMouseLeave: this.displayLabel === "auto" && this.displayLabelStartEventTriggerIn === "mouseover" ? () => { this.handleInputMouseleaveOrBlur("start"); } : null, onFocus: this.displayLabel === "auto" ? () => { this.handleInputMouseoverOrFocus("start", "focus"); } : null, onBlur: this.displayLabel === "auto" && this.displayLabelStartEventTriggerIn === "focus" ? () => { this.handleInputMouseleaveOrBlur("start"); } : null, min: this.minValue, max: this.maxValue, value: this.startValue, disabled: this.disabled }), h("input", { ref: (el) => {
-                if (el) {
-                    this.endInputRangeEl = el;
-                }
-            }, class: combineClasses("vds-slider-input", "vds-slider-end-input", this.disabled ? "vds-slider-input--disabled" : ""), type: "range", step: this.step, onInput: (evt) => this.handleInputRangeChange(evt, "end"), onMouseOver: this.displayLabel === "auto" ? () => { this.handleInputMouseoverOrFocus("end", "mouseover"); } : null, onMouseLeave: this.displayLabel === "auto" && this.displayLabelEndEventTriggerIn === "mouseover" ? () => { this.handleInputMouseleaveOrBlur("end"); } : null, onFocus: this.displayLabel === "auto" ? () => { this.handleInputMouseoverOrFocus("end", "focus"); } : null, onBlur: this.displayLabel === "auto" && this.displayLabelEndEventTriggerIn === "focus" ? () => { this.handleInputMouseleaveOrBlur("end"); } : null, min: this.minValue, max: this.maxValue, value: this.endValue, disabled: this.disabled })));
-    }
-    render() {
-        return (h(Host, { key: 'a65408aa36c076e182eb11cfa3703fa3457f576e', class: this.disabled ? "vds-slider-range--disabled" : "" }, h("div", { key: '4312632b2fe4a15ff74087a0e98eaf4ecc5c0c33', class: combineClasses("vds-slider-range__container", `vds-slider-range__container--${this.size}`, `vds-slider-range__container--orientation-${this.orientation}`, this.colors ? "vds-slider-range__container--custom-colors" : "vds-slider-range__container--colors", this.disabled ? "vds-slider-range__container--disabled" : "", this.displayLimits ? "vds-slider-range__container--display-limits" : ""), style: this.setColors() }, h("div", { key: '22efb23ad6a32ec6794463a02e3ea9a736807a6a', class: "vds-slider-range__content", "aria-label": this.setAriaLabel }, this.getShowValue() && this.renderShownValue("start"), this.getShowValue() && this.renderShownValue("end"), this.renderSliders()), this.displayLimits && this.renderValueReferences())));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "startValue": ["setInputStartValue"],
-        "endValue": ["setInputEndValue"]
-    }; }
-    static get style() { return vdsBasicSliderRangeContinuousCss(); }
-}, [257, "vds-basic-slider-range-continuous", {
-        "startValue": [2, "start-value"],
-        "endValue": [2, "end-value"],
-        "size": [1],
-        "orientation": [1],
-        "disabled": [4],
-        "minValue": [2, "min-value"],
-        "maxValue": [2, "max-value"],
-        "step": [2],
-        "setAriaLabel": [1, "set-aria-label"],
-        "displayLabel": [1, "display-label"],
-        "displayLimits": [4, "display-limits"],
-        "colors": [1],
-        "icon": [1],
-        "displayLabelShowValue": [32],
-        "setValues": [64],
-        "getValues": [64],
-        "clear": [64],
-        "setFocus": [64]
-    }, [[9, "resize", "updateThumbAndTrackPosition"], [0, "focus", "setFocusOnDisplayLabelAuto"]], {
-        "startValue": ["setInputStartValue"],
-        "endValue": ["setInputEndValue"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["vds-basic-slider-range-continuous", "vds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "vds-basic-slider-range-continuous":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), VdsBasicSliderRangeContinuous$1);
-            }
-            break;
-        case "vds-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const VdsBasicSliderRangeContinuous = VdsBasicSliderRangeContinuous$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { VdsBasicSliderRangeContinuous, defineCustomElement };
-//# sourceMappingURL=vds-basic-slider-range-continuous.js.map
-
-//# sourceMappingURL=vds-basic-slider-range-continuous.js.map
+import{proxyCustomElement as e,HTMLElement as r,createEvent as t,forceUpdate as a,h as o,Host as i,transformTag as s}from"@stencil/core/internal/client";import{c as n}from"./combine-classes.js";import{l,n as d,b as c,g,p as h,d as v,v as u,e as b}from"./slider.utils.js";import{c as m}from"./number-utils.js";import{d as f}from"./vds-icon2.js";const p=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.changeRangeValue=t(this,"changeRangeValue",7),this.size="medium",this.orientation="horizontal",this.disabled=!1,this.minValue=0,this.maxValue=100,this.displayLabel="on",this.displayLimits=!0,this.icon="thumb",this.showMarks=!1}componentWillRender(){l({start:this.startValue,end:this.endValue},this.maxValue,this.minValue,this.step),this.setDefaultValues()}componentDidLoad(){this.setInputStartValue(),this.setInputEndValue(),a(this)}setValues({startValue:e,endValue:r}){const t=d(e,r,this.minValue,this.maxValue,this.step);return this.startValue=t.startValue,this.endValue=t.endValue,Promise.resolve()}getValues(){return Promise.resolve({startValue:this.startValue,endValue:this.endValue})}clear(){return this.startValue=this.minValue,this.endValue=this.maxValue,Promise.resolve()}setFocus(){return this.startInputRangeEl.focus(),Promise.resolve()}setInputStartValue(){const e=c(this.startValue,this.minValue,this.maxValue,this.step);e===this.startValue?(this.startThumbPosition=this.getValuePosition(this.startValue),this.startShownValue=""+e,this.changeRangeValue.emit({startValue:this.startValue,endValue:this.endValue})):this.startValue=e}setInputEndValue(){const e=c(this.endValue,this.minValue,this.maxValue,this.step);e===this.endValue?(this.endThumbPosition=this.getValuePosition(this.endValue),this.endShownValue=""+e,this.changeRangeValue.emit({startValue:this.startValue,endValue:this.endValue})):this.endValue=e}updateThumbAndTrackPosition(){this.startThumbPosition=this.getValuePosition(this.startValue),this.endThumbPosition=this.getValuePosition(this.endValue),a(this)}setFocusOnDisplayLabelAuto(){"auto"===this.displayLabel&&this.setFocus()}setDefaultValues(){const e=d(this.startValue,this.endValue,this.minValue,this.maxValue,this.step);this.startValue=e.startValue,this.startShownValue=""+this.startValue,this.endValue=e.endValue,this.endShownValue=""+this.endValue}getValuePosition(e){return g(this.maxValue,this.minValue,e)}handleInputRangeChange(e,r){const t=Number(e.target.value);if("start"===r&&t>=this.minValue){const e=Math.min(t,this.endValue);this.startValue=e,this.startInputRangeEl.value=""+e}if("end"===r&&t<=this.maxValue){const e=Math.max(t,this.startValue);this.endValue=e,this.endInputRangeEl.value=""+e}}handleInputMouseoverOrFocus(e,r){this.displayLabelShowValue=!0,"start"===e&&(this.displayLabelStartEventTriggerIn=r,setTimeout((()=>{this.startInputRangeEl.focus()}))),"end"===e&&(this.displayLabelEndEventTriggerIn=r,this.endInputRangeEl.focus())}handleInputMouseleaveOrBlur(e){this.displayLabelShowValue=!1,"start"===e&&(this.displayLabelStartEventTriggerIn=void 0),"end"===e&&(this.displayLabelEndEventTriggerIn=void 0)}handleTrackClick(e){if(!this.disabled){let r=e.offsetX*(this.maxValue-this.minValue)/this.trackContentContainerEl.offsetWidth+this.minValue;const t=m(this.step);r=0===t?Math.round(r):parseFloat(r.toFixed(t));const a=[this.startValue,this.endValue].reduce(((e,t)=>Math.abs(t-r)<Math.abs(e-r)?t:e));switch(!0){case a===this.startValue&&a===this.endValue&&r<a:this.startValue=r;break;case a===this.startValue&&a===this.endValue&&r>a:this.endValue=r;break;case a===this.startValue:this.startValue=r;break;case a===this.endValue:this.endValue=r}}}getShowValue(){let e=!1;switch(this.displayLabel){case"off":default:e=!1;break;case"auto":e=this.displayLabelShowValue;break;case"on":e=!0}return e}getMarks(){if(!this.showMarks)return[];const e=h(this.marks,this.minValue,this.maxValue);return e.length?e:v(this.minValue,this.maxValue,this.step)}renderMarks(e){return e.length?o("div",{class:"vds-slider-range__marks"},e.map((e=>o("div",{class:"vds-slider-range__mark",style:{left:u(this.minValue,this.maxValue,e.value)+"%"}},o("span",{class:"vds-slider-range__mark-indicator"}),e.label?o("span",{class:"vds-slider-range__mark-label"},e.label):null)))):null}setColors(){const e={},r="string"==typeof this.colors?JSON.parse(this.colors):this.colors;return r&&r.Track&&(e["--slider-track"]=`var(--${r.Track})`),r&&r.TrackFill&&(e["--slider-track-fill"]=`var(--${r.TrackFill})`),r&&r.Thumb&&(e["--slider-track-start-thumb"]=`var(--${r.Thumb})`,e["--slider-track-end-thumb"]=`var(--${r.Thumb})`),r&&r.Background&&(e["--slider-background"]=`var(--${r.Background})`),e}renderShownValue(e){return"start"===e?o("div",{class:"vds-slider-range__value-container"},o("div",{class:"vds-slider-range__value-content",style:{left:this.startThumbPosition}},o("div",{class:"vds-slider-range__value"},o("div",{class:"vds__tooltip-container"},o("span",{class:"vds__tooltip-container-text"},this.startShownValue)),"vertical"!==this.orientation&&o("vds-icon",{class:"tooltip-arrow",svgIcon:"caret-down-filled"})))):"end"===e?o("div",{class:"vds-slider-range__value-container"},o("div",{class:"vds-slider-range__value-content",style:{left:this.endThumbPosition}},o("div",{class:"vds-slider-range__value"},o("div",{class:"vds__tooltip-container"},o("span",{class:"vds__tooltip-container-text"},this.endShownValue)),"vertical"!==this.orientation&&o("vds-icon",{class:"tooltip-arrow",svgIcon:"caret-down-filled"})))):void 0}renderValueReferences(){const{minLabel:e,maxLabel:r}=b(this.marks,this.minValue,this.maxValue);return o("div",{class:"vds-slider-range__value-reference-container"},o("div",{class:n("vds-slider-range__value-reference")},o("span",null,e),o("span",null,r)))}renderSliders(){const e=this.getMarks();return o("div",{class:"vds-slider-range-input__content"},o("div",{class:"vds-slider-range",onClick:e=>this.handleTrackClick(e),ref:e=>{e&&(this.trackContentContainerEl=e)}},o("div",{class:"vds-slider-range__track"}),o("div",{class:"vds-slider-range__range",style:{width:`calc(${this.endThumbPosition} - ${this.startThumbPosition})`,left:""+this.startThumbPosition},ref:e=>{this.trackRangeFillContainerEl=e}}),this.renderMarks(e),o("div",{class:"vds-slider-range__thumb vds-slider-range__thumb--start",style:{left:""+this.startThumbPosition}},o("vds-icon",{svgIcon:this.icon,size:"medium"===this.size?"1.25rem":"1.5rem",class:"slider-thumb slider-start-thumb"})),o("div",{class:"vds-slider-range__thumb vds-slider-range__thumb--end",style:{left:""+this.endThumbPosition}},o("vds-icon",{svgIcon:this.icon,size:"medium"===this.size?"1.25rem":"1.5rem",class:"slider-thumb slider-end-thumb"}))),o("input",{ref:e=>{e&&(this.startInputRangeEl=e)},class:n("vds-slider-input","vds-slider-start-input",this.disabled?"vds-slider-input--disabled":""),type:"range",step:this.step,onInput:e=>this.handleInputRangeChange(e,"start"),onMouseOver:"auto"===this.displayLabel?()=>{this.handleInputMouseoverOrFocus("start","mouseover")}:null,onMouseLeave:"auto"===this.displayLabel&&"mouseover"===this.displayLabelStartEventTriggerIn?()=>{this.handleInputMouseleaveOrBlur("start")}:null,onFocus:"auto"===this.displayLabel?()=>{this.handleInputMouseoverOrFocus("start","focus")}:null,onBlur:"auto"===this.displayLabel&&"focus"===this.displayLabelStartEventTriggerIn?()=>{this.handleInputMouseleaveOrBlur("start")}:null,min:this.minValue,max:this.maxValue,value:this.startValue,disabled:this.disabled}),o("input",{ref:e=>{e&&(this.endInputRangeEl=e)},class:n("vds-slider-input","vds-slider-end-input",this.disabled?"vds-slider-input--disabled":""),type:"range",step:this.step,onInput:e=>this.handleInputRangeChange(e,"end"),onMouseOver:"auto"===this.displayLabel?()=>{this.handleInputMouseoverOrFocus("end","mouseover")}:null,onMouseLeave:"auto"===this.displayLabel&&"mouseover"===this.displayLabelEndEventTriggerIn?()=>{this.handleInputMouseleaveOrBlur("end")}:null,onFocus:"auto"===this.displayLabel?()=>{this.handleInputMouseoverOrFocus("end","focus")}:null,onBlur:"auto"===this.displayLabel&&"focus"===this.displayLabelEndEventTriggerIn?()=>{this.handleInputMouseleaveOrBlur("end")}:null,min:this.minValue,max:this.maxValue,value:this.endValue,disabled:this.disabled}))}render(){return o(i,{key:"9a4a0d966870d09223eb001dc6abdee6a43a7ff0",class:this.disabled?"vds-slider-range--disabled":""},o("div",{key:"43144e99abdc8eefefb21afefe413d900f247682",class:n("vds-slider-range__container","vds-slider-range__container--"+this.size,"vds-slider-range__container--orientation-"+this.orientation,this.colors?"vds-slider-range__container--custom-colors":"vds-slider-range__container--colors",this.disabled?"vds-slider-range__container--disabled":"",this.displayLimits?"vds-slider-range__container--display-limits":""),style:this.setColors()},o("div",{key:"7581bdd688386cbe9ce91b5fa49e488e51d22997",class:"vds-slider-range__content","aria-label":this.setAriaLabel},this.getShowValue()&&this.renderShownValue("start"),this.getShowValue()&&this.renderShownValue("end"),this.renderSliders()),this.displayLimits&&this.renderValueReferences()))}get host(){return this}static get watchers(){return{startValue:[{setInputStartValue:0}],endValue:[{setInputEndValue:0}]}}static get style(){return':root{font-family:"Roboto Flex", sans-serif, sans-serif;box-sizing:border-box}:root body{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-light{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-dark{--color-background-disabled:rgba(161, 167, 176, 0.3215686275);--color-background-brand-default:#056CA0;--color-background-brand-hover:#095B87;--color-background-brand-press:#0E4A6C;--color-background-caution-default:#FED133;--color-background-caution-lowest-default:#2F3834;--color-background-caution-lowest-hover:#46482E;--color-background-caution-lowest-press:#746722;--color-background-danger-default:#C83E38;--color-background-danger-high-default:#C83E38;--color-background-danger-high-hover:#9D3A3A;--color-background-danger-high-press:#72363B;--color-background-danger-lowest-default:#72363B;--color-background-danger-lowest-hover:#47323D;--color-background-danger-lowest-press:#2E2B3A;--color-background-general-default:#BDBDBD;--color-background-general-lowest-default:#273646;--color-background-general-lowest-hover:#364351;--color-background-general-lowest-press:#535D67;--color-background-healthy-default:#B2CE76;--color-background-healthy-lowest-default:#223637;--color-background-healthy-lowest-hover:#2C4333;--color-background-healthy-lowest-press:#415E2D;--color-background-information-default:#3397C7;--color-background-information-lowest-default:#153147;--color-background-information-lowest-hover:#133953;--color-background-information-lowest-press:#0E4A6C;--color-background-neutral-default:#101924;--color-background-neutral-hover:#213142;--color-background-neutral-press:#334152;--color-background-neutral-lowest-default:#0B121A;--color-background-neutral-lowest-hover:#101924;--color-background-neutral-lowest-press:#213142;--color-background-warning-default:#FFA261;--color-background-warning-lowest-default:#2F323A;--color-background-warning-lowest-hover:#463C3A;--color-background-warning-lowest-press:#745039;--color-border-high:#ffffff;--color-border-medium:rgba(255, 255, 255, 0.6392156863);--color-border-low:rgba(255, 255, 255, 0.3215686275);--color-border-lower:rgba(255, 255, 255, 0.1607843137);--color-border-lowest:rgba(255, 255, 255, 0.1215686275);--color-border-brand:#66B1D5;--color-border-brand-hover:#133953;--color-border-disabled:rgba(161, 167, 176, 0.3215686275);--color-border-danger:#F78E86;--color-border-healthy:#98BE48;--color-border-warning:#FFA261;--color-border-caution:#FED133;--color-border-information:#66B1D5;--color-border-general:#CDCDCD;--color-border-focus-1:#041821;--color-border-focus-2:#CCE5F1;--color-border-white-high:#041821;--color-border-white-medium:rgba(4, 24, 33, 0.6392156863);--color-border-white-low:rgba(4, 24, 33, 0.3215686275);--color-border-white-lower:rgba(4, 24, 33, 0.1607843137);--color-border-white-lowest:rgba(4, 24, 33, 0.0784313725);--color-icon-high:#ffffff;--color-icon-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-low:rgba(255, 255, 255, 0.3215686275);--color-icon-disabled:rgba(161, 167, 176, 0.3215686275);--color-icon-healthy:#98BE48;--color-icon-caution:#FED133;--color-icon-warning:#FFA261;--color-icon-danger:#F78E86;--color-icon-information:#66B1D5;--color-icon-general:#CDCDCD;--color-icon-brand-default:#66B1D5;--color-icon-brand-hover:#99CBE3;--color-icon-brand-press:#CCE5F1;--color-icon-white-high:#041821;--color-icon-white-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-white-low:rgba(4, 24, 33, 0.3215686275);--color-interaction-black-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-black-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-black-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-brand-medium:rgba(102, 177, 213, 0.6392156863);--color-interaction-brand-low:rgba(102, 177, 213, 0.3215686275);--color-interaction-brand-lower:rgba(102, 177, 213, 0.1607843137);--color-interaction-brand-lowest:rgba(102, 177, 213, 0.1215686275);--color-interaction-danger-medium:rgba(245, 104, 94, 0.6392156863);--color-interaction-danger-low:rgba(245, 104, 94, 0.3215686275);--color-interaction-danger-lower:rgba(245, 104, 94, 0.1607843137);--color-interaction-danger-lowest:rgba(245, 104, 94, 0.1215686275);--color-interaction-white-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-white-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-white-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-white-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.6392156863);--color-link-default:#66B1D5;--color-link-hover:#99CBE3;--color-link-press:#CCE5F1;--color-text-high:#ffffff;--color-text-medium:rgba(255, 255, 255, 0.6392156863);--color-text-low:rgba(255, 255, 255, 0.3215686275);--color-text-disabled:rgba(161, 167, 176, 0.6392156863);--color-text-brand:#007DBA;--color-text-caution-high:#FEE899;--color-text-caution-medium:#FEDC66;--color-text-danger-high:#FAB3AE;--color-text-danger-medium:#F78E86;--color-text-general-high:#DEDEDE;--color-text-general-medium:#CDCDCD;--color-text-healthy-high:#CBDEA3;--color-text-healthy-medium:#B2CE76;--color-text-information-high:#99CBE3;--color-text-information-medium:#66B1D5;--color-text-warning-high:#FFD0B0;--color-text-warning-medium:#FFB988;--color-text-white-high:#041821;--color-text-white-medium:rgba(4, 24, 33, 0.6392156863);--color-text-white-low:rgba(4, 24, 33, 0.3215686275);--surface-higher:#192938;--surface-high:#162431;--surface-medium:#0E0E0E;--surface-low:#000000;--surface-lower:#0E0E0E;--surface-neutral-default:#101924;--surface-neutral-hover:#213142;--surface-neutral-press:#6F7986;--surface-overlay-default:#ffffff;--surface-overlay-hover:#E8E9EB;--surface-overlay-press:#CFD3D7;--surface-elevation-01:0px 0px 3px 0px rgba(0, 0, 0, 0.3), 0px 3px 3px 0px rgba(0, 0, 0, 0.3);--surface-elevation-02:0px 0px 6px 0px rgba(0, 0, 0, 0.3), 0px 6px 6px 0px rgba(0, 0, 0, 0.3);--surface-elevation-03:0px 0px 12px 0px rgba(0, 0, 0, 0.3), 0px 12px 12px 0px rgba(0, 0, 0, 0.3);--surface-elevation-04:0px 0px 24px 0px rgba(0, 0, 0, 0.3), 0px 24px 24px 0px rgba(0, 0, 0, 0.3);--box-shadow-color-01:rgba(0, 0, 0, 0.24);--box-shadow-color-02:rgba(0, 0, 0, 0.28);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}@font-face{font-family:"Roboto Flex";src:url("../assets/fonts/Roboto_Flex/RobotoFlex-VariableFont_GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf") format("truetype");font-weight:100 1000;font-stretch:25% 151%;font-style:normal}:root body{--spacing-00:0rem;--spacing-01:0.125rem;--spacing-02:0.25rem;--spacing-03:0.5rem;--spacing-04:0.75rem;--spacing-05:1rem;--spacing-06:1.25rem;--spacing-07:1.5rem;--spacing-08:1.75rem;--spacing-09:2rem;--spacing-10:2.25rem;--spacing-11:2.5rem;--spacing-12:2.75rem;--spacing-13:3rem;--spacing-14:3.25rem;--spacing-15:3.5rem;--spacing-16:3.75rem;--spacing-17:4rem;--spacing-18:4.25rem;--spacing-19:4.5rem;--spacing-20:4.75rem;--spacing-21:5rem;--opacity-64:0.64;--opacity-32:0.32;--opacity-16:0.16;--opacity-08:0.08;--radius-sharp:var(--spacing-00);--radius-medium:var(--spacing-02);--radius-large:var(--spacing-03);--radius-pill:var(--spacing-16);--radius-circle:50%;--static-brand-0:#ffffff;--static-brand-50:#E6F2F8;--static-brand-100:#CCE5F1;--static-brand-200:#99CBE3;--static-brand-300:#66B1D5;--static-brand-400:#3397C7;--static-brand-500:#007DBA;--static-brand-main:#007DBA;--static-brand-600:#056CA0;--static-brand-700:#095B87;--static-brand-800:#0E4A6C;--static-brand-900:#133953;--static-brand-950:#153147;--static-brand-1000:#041821;--static-brand-1000-medium:rgba(4, 24, 33, 0.6392156863);--static-brand-1000-low:rgba(4, 24, 33, 0.3215686275);--static-brand-1000-lower:rgba(4, 24, 33, 0.1607843137);--static-brand-1000-lowest:rgba(4, 24, 33, 0.0784313725);--static-green-0:#ffffff;--static-green-50:#F2F7E8;--static-green-100:#E5EED1;--static-green-200:#CBDEA3;--static-green-300:#B2CE76;--static-green-400:#98BE48;--static-green-500:#7FAE1B;--static-green-main:#7FAE1B;--static-green-600:#6B9321;--static-green-700:#557827;--static-green-800:#415E2D;--static-green-900:#2C4333;--static-green-950:#223637;--static-yellow-0:#ffffff;--static-yellow-50:#FFF9E5;--static-yellow-100:#FEF3CC;--static-yellow-200:#FEE899;--static-yellow-300:#FEDC66;--static-yellow-400:#FED133;--static-yellow-500:#FEC600;--static-yellow-main:#FEC600;--static-yellow-600:#D0A60B;--static-yellow-700:#A18717;--static-yellow-800:#746722;--static-yellow-900:#46482E;--static-yellow-950:#2F3834;--static-red-0:#ffffff;--static-red-50:#FEECEB;--static-red-100:#FCD9D6;--static-red-200:#FAB3AE;--static-red-300:#F78E86;--static-red-400:#F5685E;--static-red-500:#F34336;--static-red-main:#F34336;--static-red-600:#C83E38;--static-red-700:#9D3A3A;--static-red-800:#72363B;--static-red-900:#47323D;--static-red-950:#2E2B3A;--static-grey-0:#ffffff;--static-grey-50:#f7f7f7;--static-grey-100:#EEEEEE;--static-grey-200:#DEDEDE;--static-grey-300:#CDCDCD;--static-grey-400:#BDBDBD;--static-grey-500:#ADADAD;--static-grey-main:#ADADAD;--static-grey-600:#8F9295;--static-grey-700:#71787F;--static-grey-800:#535D67;--static-grey-900:#364351;--static-grey-950:#273646;--static-orange-0:#ffffff;--static-orange-50:#FFF3EB;--static-orange-100:#FFE7D7;--static-orange-200:#FFD0B0;--static-orange-300:#FFB988;--static-orange-400:#FFA261;--static-orange-500:#FF8B3A;--static-orange-main:#FF8B3A;--static-orange-600:#D17739;--static-orange-700:#A2633A;--static-orange-800:#745039;--static-orange-900:#463C3A;--static-orange-950:#2F323A;--static-dataviz-cat-sea-green:#0FB5AE;--static-dataviz-cat-palatinate-blue:#4046CA;--static-dataviz-cat-tangerine:#F68511;--static-dataviz-cat-magenta:#DE3D82;--static-dataviz-cat-tropical-indigo:#7E84FA;--static-dataviz-cat-malachite:#72E06A;--static-dataviz-cat-azure:#147AF3;--static-dataviz-cat-violet:#7326D3;--static-dataviz-cat-yellow:#E8C600;--static-dataviz-cat-alloy-orange:#CB5D00;--static-dataviz-cat-green:#008F5D;--static-dataviz-cat-lime:#BCE931;--static-dataviz-seq-viridis-50:#FDE725;--static-dataviz-seq-viridis-100:#D2E21B;--static-dataviz-seq-viridis-150:#A5DB36;--static-dataviz-seq-viridis-200:#7AD151;--static-dataviz-seq-viridis-250:#54C568;--static-dataviz-seq-viridis-300:#35B779;--static-dataviz-seq-viridis-350:#22A884;--static-dataviz-seq-viridis-400:#1F988B;--static-dataviz-seq-viridis-450:#23888E;--static-dataviz-seq-viridis-500:#2A788E;--static-dataviz-seq-viridis-550:#31688E;--static-dataviz-seq-viridis-600:#39568C;--static-dataviz-seq-viridis-650:#414487;--static-dataviz-seq-viridis-700:#472F7D;--static-dataviz-seq-viridis-750:#481A6C;--static-dataviz-seq-viridis-800:#440154;--static-dataviz-seq-magma-50:#FCFDBF;--static-dataviz-seq-magma-100:#FDDEA0;--static-dataviz-seq-magma-150:#FEBF84;--static-dataviz-seq-magma-200:#FE9F6D;--static-dataviz-seq-magma-250:#FA7F5E;--static-dataviz-seq-magma-300:#F1605D;--static-dataviz-seq-magma-350:#DE4968;--static-dataviz-seq-magma-400:#C43C75;--static-dataviz-seq-magma-450:#A8327D;--static-dataviz-seq-magma-500:#8C2981;--static-dataviz-seq-magma-550:#721F81;--static-dataviz-seq-magma-600:#57157E;--static-dataviz-seq-magma-650:#3B0F70;--static-dataviz-seq-magma-700:#20114B;--static-dataviz-seq-magma-750:#0B0924;--static-dataviz-seq-magma-800:#000004;--static-dataviz-seq-rose-50:#FFF4DE;--static-dataviz-seq-rose-100:#FFDDD8;--static-dataviz-seq-rose-150:#FFC6D2;--static-dataviz-seq-rose-200:#FCAFCB;--static-dataviz-seq-rose-250:#F898C4;--static-dataviz-seq-rose-300:#F380BC;--static-dataviz-seq-rose-350:#ED67B4;--static-dataviz-seq-rose-400:#E64BAC;--static-dataviz-seq-rose-450:#D03EA0;--static-dataviz-seq-rose-500:#B93495;--static-dataviz-seq-rose-550:#A12A8B;--static-dataviz-seq-rose-600:#892282;--static-dataviz-seq-rose-650:#701C7A;--static-dataviz-seq-rose-700:#551672;--static-dataviz-seq-rose-750:#37126C;--static-dataviz-seq-rose-800:#001066;--static-dataviz-seq-forest-50:#FFFFE0;--static-dataviz-seq-forest-100:#E2F5BD;--static-dataviz-seq-forest-150:#C5EA99;--static-dataviz-seq-forest-200:#A6DF73;--static-dataviz-seq-forest-250:#8FD16C;--static-dataviz-seq-forest-300:#79C365;--static-dataviz-seq-forest-350:#62B55E;--static-dataviz-seq-forest-400:#4CA658;--static-dataviz-seq-forest-450:#3B9752;--static-dataviz-seq-forest-500:#31884F;--static-dataviz-seq-forest-550:#28794C;--static-dataviz-seq-forest-600:#1E6A48;--static-dataviz-seq-forest-650:#155B45;--static-dataviz-seq-forest-700:#0E4D41;--static-dataviz-seq-forest-750:#073F3E;--static-dataviz-seq-forest-800:#00313A;--static-dataviz-seq-cerulean-50:#EAFFF1;--static-dataviz-seq-cerulean-100:#C9F1E4;--static-dataviz-seq-cerulean-150:#A7E3D7;--static-dataviz-seq-cerulean-200:#85D5CA;--static-dataviz-seq-cerulean-250:#6CC5C0;--static-dataviz-seq-cerulean-300:#58B4B9;--static-dataviz-seq-cerulean-350:#44A2B1;--static-dataviz-seq-cerulean-400:#3091AA;--static-dataviz-seq-cerulean-450:#2880A0;--static-dataviz-seq-cerulean-500:#246E96;--static-dataviz-seq-cerulean-550:#215D8B;--static-dataviz-seq-cerulean-600:#1D4C81;--static-dataviz-seq-cerulean-650:#1C3B77;--static-dataviz-seq-cerulean-700:#1B296D;--static-dataviz-seq-cerulean-750:#1A1662;--static-dataviz-seq-cerulean-800:#180055;--static-dataviz-div-orange-yellow-seafoam-0:#580000;--static-dataviz-div-orange-yellow-seafoam-50:#79260B;--static-dataviz-div-orange-yellow-seafoam-100:#9C4511;--static-dataviz-div-orange-yellow-seafoam-150:#BD651A;--static-dataviz-div-orange-yellow-seafoam-200:#DD8629;--static-dataviz-div-orange-yellow-seafoam-250:#F5AD52;--static-dataviz-div-orange-yellow-seafoam-300:#FED693;--static-dataviz-div-orange-yellow-seafoam-350:#FFFFE0;--static-dataviz-div-orange-yellow-seafoam-400:#BBE4D1;--static-dataviz-div-orange-yellow-seafoam-450:#76C7BE;--static-dataviz-div-orange-yellow-seafoam-500:#3EA8A6;--static-dataviz-div-orange-yellow-seafoam-550:#208288;--static-dataviz-div-orange-yellow-seafoam-600:#076769;--static-dataviz-div-orange-yellow-seafoam-650:#00494B;--static-dataviz-div-orange-yellow-seafoam-700:#002C2D;--static-dataviz-div-red-yellow-blue-0:#4A001E;--static-dataviz-div-red-yellow-blue-50:#751232;--static-dataviz-div-red-yellow-blue-100:#A52747;--static-dataviz-div-red-yellow-blue-150:#C65154;--static-dataviz-div-red-yellow-blue-200:#E47961;--static-dataviz-div-red-yellow-blue-250:#F0A882;--static-dataviz-div-red-yellow-blue-300:#FAD4AC;--static-dataviz-div-red-yellow-blue-350:#FFFFE0;--static-dataviz-div-red-yellow-blue-400:#BCE2CF;--static-dataviz-div-red-yellow-blue-450:#89C0C4;--static-dataviz-div-red-yellow-blue-500:#579EB9;--static-dataviz-div-red-yellow-blue-550:#397AA8;--static-dataviz-div-red-yellow-blue-600:#1C5796;--static-dataviz-div-red-yellow-blue-650:#163771;--static-dataviz-div-red-yellow-blue-700:#10194D;--static-dataviz-div-red-blue-0:#4A001E;--static-dataviz-div-red-blue-50:#731331;--static-dataviz-div-red-blue-100:#9F2945;--static-dataviz-div-red-blue-150:#CC415A;--static-dataviz-div-red-blue-200:#E06E85;--static-dataviz-div-red-blue-250:#ED9AB0;--static-dataviz-div-red-blue-300:#F8C3D9;--static-dataviz-div-red-blue-350:#FAF0FF;--static-dataviz-div-red-blue-400:#C6D0F2;--static-dataviz-div-red-blue-450:#92B2DE;--static-dataviz-div-red-blue-500:#5D94CB;--static-dataviz-div-red-blue-550:#2F74B3;--static-dataviz-div-red-blue-600:#265191;--static-dataviz-div-red-blue-650:#163670;--static-dataviz-div-red-blue-700:#0B194C;--static-white:#ffffff;--static-white-medium:rgba(255, 255, 255, 0.6392156863);--static-white-low:rgba(255, 255, 255, 0.3215686275);--static-white-lower:rgba(255, 255, 255, 0.1607843137);--static-white-lowest:rgba(255, 255, 255, 0.1215686275);--static-black:#000000;--static-black-medium:rgba(0, 0, 0, 0.6392156863);--static-black-low:rgba(0, 0, 0, 0.3215686275);--static-black-lower:rgba(0, 0, 0, 0.1607843137);--static-black-lowest:rgba(0, 0, 0, 0.1215686275);--elevation-shadow-0:none;--elevation-shadow-1:0 0 2px var(--box-shadow-color-01), 0 1px 2px var(--box-shadow-color-02);--elevation-shadow-2:0 0 2px var(--box-shadow-color-01), 0 2px 4px var(--box-shadow-color-02);--elevation-shadow-3:0 0 2px var(--box-shadow-color-01), 0 4px 8px var(--box-shadow-color-02);--elevation-shadow-5:0 0 2px var(--box-shadow-color-01), 0 8px 16px var(--box-shadow-color-02);--elevation-shadow-8:0 0 8px var(--box-shadow-color-01), 0 14px 28px var(--box-shadow-color-02);--elevation-shadow-17:0 0 8px var(--box-shadow-color-01), 0 32px 64px var(--box-shadow-color-02);--elevation-layer-0:0;--elevation-layer-1:1;--elevation-layer-2:3;--elevation-layer-3:6;--elevation-layer-4:8;--elevation-layer-5:12;--elevation-layer-6:16;--elevation-layer-7:20;--elevation-layer-8:24;--elevation-layer-9:28;--elevation-layer-10:32;--border-thickness-01:0.0625rem;--border-thickness-02:0.078125rem;--border-thickness-03:0.09375rem;--border-thickness-04:0.109375rem;--border-thickness-05:0.125rem;--border-thickness-06:0.140625rem;--border-thickness-07:0.15625rem;--border-thickness-08:0.171875rem;--border-thickness-09:0.1875rem;--duration-instant:0ms;--duration-short:100ms;--duration-medium:200ms;--duration-long:300ms;--duration-extra-long:500ms;--easing-standard:cubic-bezier(0.2, 0, 0, 1);--easing-emphasized:cubic-bezier(0.2, 0, 0, 1);--easing-decelerate:cubic-bezier(0, 0, 0, 1);--easing-accelerate:cubic-bezier(0.3, 0, 1, 1);--easing-linear:linear}:root body .vds-font-display-large{font-size:3.5rem;font-weight:300;line-height:4rem;letter-spacing:normal}:root body .vds-font-display-medium{font-size:2.75rem;font-weight:300;line-height:3.25rem;letter-spacing:normal}:root body .vds-font-display-small{font-size:2.25rem;font-weight:300;line-height:2.75rem;letter-spacing:normal}:root body .vds-font-headline-large{font-size:2rem;font-weight:600;line-height:2.5rem;letter-spacing:normal}:root body .vds-font-headline-medium{font-size:1.75rem;font-weight:600;line-height:2.25rem;letter-spacing:normal}:root body .vds-font-headline-small{font-size:1.5rem;font-weight:600;line-height:2rem;letter-spacing:normal}:root body .vds-font-title-large{font-size:1.25rem;font-weight:600;line-height:1.75rem;letter-spacing:0.00875rem}:root body .vds-font-title-medium{font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-title-small{font-size:0.875rem;font-weight:600;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-title-extra-small{font-size:0.75rem;font-weight:600;line-height:1rem;letter-spacing:0.00875rem}:root body .vds-font-title-2x-small{font-size:0.625rem;font-weight:600;line-height:0.75rem;letter-spacing:0.00875rem}:root body .vds-font-body-large{font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-body-medium{font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-body-small{font-size:0.75rem;font-weight:300;line-height:1rem;letter-spacing:normal}.vds__divider{width:0.0625rem;height:1rem;margin:var(--spacing-01);background-color:var(--color-border-low)}.content_divider_vertical{opacity:0.16;background:var(--color-border-high);height:1rem;width:1px}.vds-header_content-section{display:flex;gap:var(--spacing-03)}:host{display:block;box-sizing:border-box;--slider-track:var(--color-icon-medium);--slider-track-fill:var(--color-icon-brand-default);--slider-track-start-thumb:var(--color-icon-brand-default);--slider-track-end-thumb:var(--color-icon-brand-default);--slider-background:var(--slider-track);--slider-mark-color:var(--color-icon-white-high)}:host .vds-slider-range__container{padding:var(--spacing-03);--thumb-lift:-8px;--tooltip-offset:-33px}:host .vds-slider-range__container .vds-slider-input{position:absolute;top:0;left:0;-webkit-appearance:none;appearance:none;pointer-events:none;z-index:3;background:transparent;width:100%;margin:0;outline:none}:host .vds-slider-range__container .vds-slider-input:disabled{pointer-events:none}:host .vds-slider-range__container .vds-slider-input:disabled::-webkit-slider-thumb{pointer-events:none}:host .vds-slider-range__container .vds-slider-input:focus{outline:none}:host .vds-slider-range__container .vds-slider-input::-webkit-slider-runnable-track{pointer-events:none}:host .vds-slider-range__container .vds-slider-input::-webkit-slider-thumb{pointer-events:auto;box-sizing:border-box;cursor:pointer;border-radius:50%;-webkit-appearance:none}:host .vds-slider-range__container.vds-slider-range__container--orientation-vertical{transform:rotate(270deg)}:host .vds-slider-range__container.vds-slider-range__container--orientation-vertical .vds-slider-range__value,:host .vds-slider-range__container.vds-slider-range__container--orientation-vertical .slider-thumb{transform:rotate(90deg)}:host .vds-slider-range__container.vds-slider-range__container--orientation-vertical .vds__tooltip-container-text{direction:rtl;text-align:right;width:auto}:host .vds-slider-range__container.vds-slider-range__container--orientation-vertical .vds-slider-range__value-reference span{display:inline-block;transform:rotate(90deg)}:host .vds-slider-range__container.vds-slider-range__container--orientation-vertical .vds-slider-range__mark-label{transform:rotate(90deg)}:host .vds-slider-range__container.vds-slider-range__container--medium{--thumb-lift:-8px;--tooltip-offset:-33px}:host .vds-slider-range__container.vds-slider-range__container--medium .vds-slider-range,:host .vds-slider-range__container.vds-slider-range__container--medium .vds-slider-range__track,:host .vds-slider-range__container.vds-slider-range__container--medium .vds-slider-range__range,:host .vds-slider-range__container.vds-slider-range__container--medium .vds-slider-range-input__content,:host .vds-slider-range__container.vds-slider-range__container--medium .vds-slider-input{height:0.25rem}:host .vds-slider-range__container.vds-slider-range__container--medium{--slider-hit-area:1.25rem;}:host .vds-slider-range__container.vds-slider-range__container--medium .vds-slider-input{height:var(--slider-hit-area);top:calc((0.25rem - var(--slider-hit-area)) / 2);width:calc(100% + var(--slider-hit-area));left:calc(-1 * var(--slider-hit-area) / 2)}:host .vds-slider-range__container.vds-slider-range__container--medium .vds-slider-input::-webkit-slider-thumb{width:1.25rem;height:1.25rem}:host .vds-slider-range__container.vds-slider-range__container--medium .vds-slider-range__value-reference-container>.vds-slider-range__value-reference>span{font-family:"Roboto Flex", sans-serif;font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:host .vds-slider-range__container.vds-slider-range__container--large{--thumb-lift:-9px;--tooltip-offset:-34px}:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-range,:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-range__track,:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-range__range,:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-range-input__content,:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-input{height:0.375rem}:host .vds-slider-range__container.vds-slider-range__container--large{--slider-hit-area:1.5rem;}:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-input{height:var(--slider-hit-area);top:calc((0.375rem - var(--slider-hit-area)) / 2);width:calc(100% + var(--slider-hit-area));left:calc(-1 * var(--slider-hit-area) / 2)}:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-input::-webkit-slider-thumb{width:1.5rem;height:1.5rem}:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-range__value-reference-container>.vds-slider-range__value-reference>span{font-family:"Roboto Flex", sans-serif;font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal}:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-range__value-reference-container{transform:translateY(1px)}:host .vds-slider-range__container .vds-slider-range__thumb{transform:translate(-50%, var(--thumb-lift))}:host .vds-slider-range__container .slider-start-thumb::part(svg-icon){color:var(--slider-track-start-thumb);fill:var(--slider-track-start-thumb)}:host .vds-slider-range__container .slider-end-thumb::part(svg-icon){color:var(--slider-track-end-thumb);fill:var(--slider-track-end-thumb)}:host .vds-slider-range__container .vds-slider-range__content{position:relative;padding:0 var(--spacing-03)}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content{position:relative;padding:0;cursor:pointer}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content .vds-slider-range{display:block;position:absolute;z-index:2;width:100%;align-items:center;padding:0;top:0}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content .vds-slider-range .vds-slider-range__track{position:absolute;top:0;z-index:2;left:0;right:0;bottom:0;border-radius:5px;background-color:var(--slider-track)}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content .vds-slider-range .vds-slider-range__range{position:absolute;top:0;z-index:3;bottom:0;border-radius:5px;pointer-events:none;background-color:var(--slider-track-fill)}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content .vds-slider-range .vds-slider-range__thumb{position:absolute;top:0;z-index:5;border-radius:50%;pointer-events:none}:host .vds-slider-range__container .vds-slider-range__mark{position:absolute;top:50%;display:flex;flex-direction:column;align-items:center;transform:translate(-50%, -50%);z-index:4}:host .vds-slider-range__container .vds-slider-range__mark .vds-slider-range__mark-indicator{width:0.0625rem;height:0.125rem;border-radius:var(--radius-pill);background-color:var(--slider-mark-color)}:host .vds-slider-range__container .vds-slider-range__mark .vds-slider-range__mark-label{position:absolute;top:100%;font-family:"Roboto Flex", sans-serif;font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal;margin-top:var(--spacing-03);overflow:hidden;color:var(--color-text-medium);text-align:center;font-feature-settings:"liga" off, "clig" off;text-overflow:ellipsis;white-space:nowrap;transform:translateY(1px)}:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-range__mark-label{font-family:"Roboto Flex", sans-serif;font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal;transform:translateY(3px)}:host .vds-slider-range__container .vds-slider-range__content:has(.vds-slider-start-input:focus-visible){--slider-track-start-thumb:var(--color-icon-brand-press)}:host .vds-slider-range__container.vds-slider-range-continuous__container--display-limits .vds-slider-range__content:has(.vds-slider-start-input:focus-visible){--slider-track-start-thumb:var(--color-icon-brand-press)}:host .vds-slider-range__container .vds-slider-range__content:has(.vds-slider-end-input:focus-visible){--slider-track-end-thumb:var(--color-icon-brand-press)}:host .vds-slider-range__container.vds-slider-range-continuous__container--display-limits .vds-slider-range__content:has(.vds-slider-end-input:focus-visible){--slider-track-end-thumb:var(--color-icon-brand-press)}:host .vds-slider-range__container.vds-slider-range__container--colors .vds-slider-range__content:has(.vds-slider-input:active){--slider-track-fill:var(--color-icon-brand-press);--slider-track-start-thumb:var(--color-icon-brand-press);--slider-track-end-thumb:var(--color-icon-brand-press)}:host .vds-slider-range__container.vds-slider-range__container--colors .vds-slider-range__content:hover{--slider-track-fill:var(--color-icon-brand-hover);--slider-track-start-thumb:var(--color-icon-brand-hover);--slider-track-end-thumb:var(--color-icon-brand-hover)}:host .vds-slider-range__container.vds-slider-range__container--disabled,:host .vds-slider-range__container.vds-slider-range__container--disabled:hover,:host .vds-slider-range__container.vds-slider-range__container--disabled:active{--slider-track-fill:var(--color-icon-disabled);--slider-track-start-thumb:var(--color-icon-disabled);--slider-track-end-thumb:var(--color-icon-disabled);--slider-track:var(--color-background-disabled);pointer-events:none}:host .vds-slider-range__container .vds-slider-range__value-container{display:block;position:relative}:host .vds-slider-range__container .vds-slider-range__value-container .vds-slider-range__value-content{position:absolute;transform:translateY(var(--tooltip-offset));z-index:var(--elevation-layer-2)}:host .vds-slider-range__container .vds-slider-range__value-container .vds-slider-range__value{display:flex;flex-direction:column;justify-content:center;align-items:center;width:fit-content;position:relative;cursor:text}:host .vds-slider-range__container .vds-slider-range__value-container .vds__tooltip-container{display:block}:host .vds-slider-range__container .vds-slider-range__value-container .tooltip-arrow{transform:translate(-50%, 20px);position:absolute;left:50%;fill:var(--surface-overlay-default);z-index:var(--elevation-layer-3)}:host .vds-slider-range__container .vds-slider-range__value-reference-container{display:block}:host .vds-slider-range__container .vds-slider-range__value-reference-container .vds-slider-range__value-reference{display:flex;justify-content:space-between;margin-top:var(--spacing-03)}:host .vds-slider-range__container .vds-slider-range__value-reference-container .vds-slider-range__value-reference span{overflow:hidden;color:var(--color-text-medium);text-align:right;font-feature-settings:"liga" off, "clig" off;text-overflow:ellipsis;white-space:nowrap}:host .vds__tooltip-container{display:none;position:absolute;width:5.31rem;height:2.25rem;height:max-content;width:max-content;max-width:var(--tooltip-max-width) !important;flex-direction:column;align-items:center;border-radius:var(--radius-medium);background:var(--surface-overlay-default);padding:var(--spacing-03);z-index:var(--elevation-layer-2);box-shadow:var(--elevation-shadow-2)}:host .vds__tooltip-container-text{color:var(--color-text-white-high);font-feature-settings:"clig" off, "liga" off;font-family:"Roboto Flex", sans-serif;font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:host .vds__tooltip-arrow{position:absolute;width:0.5rem;height:0.25rem;z-index:var(--elevation-layer-3)}:host(.vds-slider-range--disabled){pointer-events:none}'}},[1,"vds-basic-slider-range-continuous",{startValue:[2,"start-value"],endValue:[2,"end-value"],size:[1],orientation:[1],disabled:[4],minValue:[2,"min-value"],maxValue:[2,"max-value"],step:[2],setAriaLabel:[1,"set-aria-label"],displayLabel:[1,"display-label"],displayLimits:[4,"display-limits"],colors:[1],icon:[1],showMarks:[4,"show-marks"],marks:[16],displayLabelShowValue:[32],setValues:[64],getValues:[64],clear:[64],setFocus:[64]},[[9,"resize","updateThumbAndTrackPosition"],[0,"focus","setFocusOnDisplayLabelAuto"]],{startValue:[{setInputStartValue:0}],endValue:[{setInputEndValue:0}]}]),_=p,w=function(){"undefined"!=typeof customElements&&["vds-basic-slider-range-continuous","vds-icon"].forEach((e=>{switch(e){case"vds-basic-slider-range-continuous":customElements.get(s(e))||customElements.define(s(e),p);break;case"vds-icon":customElements.get(s(e))||f()}}))};export{_ as VdsBasicSliderRangeContinuous,w as defineCustomElement}